@charset "UTF-8";

[data-inviewport=contentSlideUp] {
    opacity: 0;
    transform: translateY(20%);
}

    [data-inviewport=contentSlideUp].is-inViewport {
        transform: translateY(0%);
        opacity: 1;
        transition: 1s;
    }

[data-inviewport=contentSlideLeft] {
    opacity: 0;
    transform: translateX(-20%);
}

    [data-inviewport=contentSlideLeft].is-inViewport {
        transform: translateX(0%);
        opacity: 1;
        transition: 1s;
    }

[data-inviewport=contentSlideRight] {
    opacity: 0;
    transform: translateX(20%);
}

    [data-inviewport=contentSlideRight].is-inViewport {
        transform: translateX(0%);
        opacity: 1;
        transition: 1s;
    }

[data-inviewport=contentSlideUp2] {
    opacity: 0;
    transform: translateY(20%);
}

    [data-inviewport=contentSlideUp2].is-inViewport {
        transform: translateY(0%);
        opacity: 1;
        transition: 1s .2s;
    }

[data-inviewport=contentSlideUp3] {
    opacity: 0;
    transform: translateY(20%);
}

    [data-inviewport=contentSlideUp3].is-inViewport {
        transform: translateY(0%);
        opacity: 1;
        transition: 1s .4s;
    }

[data-inviewport=contentSlideUp4] {
    opacity: 0;
    transform: translateY(20%);
}

    [data-inviewport=contentSlideUp4].is-inViewport {
        transform: translateY(0%);
        opacity: 1;
        transition: 1s .6s;
    }

* {
    margin: 0;
    padding: 0;
}

html {
    overflow: auto;
    scroll-behavior: smooth;
}

body, body * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    width: 100%;
    height: 100%;
}

picture {
    display: block;
}

footer {
    margin-top: 10.313vw;
}

.hover-effect {
    position: relative;
    display: inline-block;
    z-index: 1;
    color: #fff;
    background: #4a371a;
}

    .hover-effect::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        right: 50%;
        bottom: 0;
        opacity: 0;
        transition: .5s all ease;
        box-sizing: border-box;
        z-index: -1;
    }

@media screen and (min-width:769px) {
    .hover-effect:hover {
        color: #fff;
    }

        .hover-effect:hover::before {
            border-radius: 4px;
            transition: .5s all ease;
            left: 0;
            right: 0;
            background: -webkit-linear-gradient(#f2853b,#b37129);
            opacity: 1;
            z-index: -1;
        }
}

.top-text {
    letter-spacing: .1vw;
}

@media screen and (max-width:768px) {
    .top-text {
        letter-spacing: .372vw;
    }
}

#Top-Header {
    position: relative;
    width: 100%;
    height: 51.188vw;
    overflow: hidden;
}

@media screen and (max-width:768px) {
    #Top-Header {
        height: 186.047vw;
    }
}

#Top-Header .top-background {
    position: absolute;
    width: 100%;
}

@media screen and (max-width:768px) {
    #Top-Header .top-background {
        width: 400%;
    }
}

#Top-Header .au-background {
    position: absolute;
    width: 45.5vw;
    top: 8.5vw;
    left: -1.688vw;
    opacity: .7;
}

@media screen and (max-width:768px) {
    #Top-Header .au-background {
        width: 100.5vw;
        top: 70.5vw;
        left: -5vw;
    }
}

#Top-Header .ieem-wrap {
    display: inline-flex;
    align-items: center;
    gap: .4vw;
    white-space: nowrap;
    line-height: 1;
}

    #Top-Header .ieem-wrap .paren {
        font-weight: 700;
        font-size: 3.2vw;
        line-height: .8;
        text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    }

    #Top-Header .ieem-wrap .ieem {
        font-weight: 700;
        font-size: 3.2vw;
        letter-spacing: -.1vw;
        text-shadow: 2px 2px 4px rgba(0,0,0,.5);
    }

#Top-Header .ieem-year-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.1;
}

#Top-Header .ieem-wrap .ieem-year {
    font-weight: 800;
    font-size: 2.9vw;
    background: -webkit-linear-gradient(#e8c77b,#c69047);
    -webkit-background-clip: text;
    display: inline-flex;
    align-items: flex-start;
}

#Top-Header .ieem-wrap .no-20 {
    background: -webkit-linear-gradient(#e7c478,#c68d3e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.6));
}

#Top-Header .ieem-wrap .no-26 {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff !important;
    color: #000 !important;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.6));
}

#Top-Header .ieem-wrap .sup {
    font-size: .9vw;
    line-height: 1;
    transform: translateY(-.3vw);
    margin-left: -.7vw;
    background: -webkit-linear-gradient(#e7c478,#c68d3e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.8));
}

#Top-Header .ieem-wrap .anniv {
    font-size: 1.25vw;
    font-weight: 700;
    background: #e4bf73;
    -webkit-background-clip: text;
    margin-top: -.5vw;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.8));
}

@media screen and (max-width:768px) {
    #Top-Header .ieem-wrap {
        gap: .4vw;
    }

        #Top-Header .ieem-wrap .paren {
            font-size: 7.2vw;
        }

        #Top-Header .ieem-wrap .ieem {
            font-size: 7.2vw;
        }

        #Top-Header .ieem-wrap .ieem-year {
            font-size: 6.4vw;
        }

        #Top-Header .ieem-wrap .sup {
            font-size: 2.5vw;
            transform: translateY(-1.2vw);
            margin-left: -1.8vw;
        }

        #Top-Header .ieem-wrap .anniv {
            font-size: 2.8vw;
            margin-top: -1vw;
        }
}

#Top-Header .right-buttons {
    margin-top: 1vw;
    display: flex;
    font-family: Roboto-R;
    align-items: center;
    gap: 1vw;
    color: #fff;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons {
        margin-top: 3.721vw;
    }
}

#Top-Header .right-buttons .login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75vw;
    background: -webkit-linear-gradient(#e8c77b,#c69047);
    padding: 0 1.25vw;
    border-radius: 1.5vw;
    height: 3vw;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .login {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.791vw;
        background: -webkit-linear-gradient(#e8c77b,#c69047);
        padding: 0 4.651vw;
        border-radius: 5.581vw;
        height: 11.163vw;
        color: #fff;
        text-decoration: none;
    }
}

#Top-Header .right-buttons .login .login-icon {
    width: 1.063vw;
    height: auto;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .login .login-icon {
        width: 3.953vw;
    }
}

#Top-Header .right-buttons .login p {
    font-size: 1vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .login p {
        font-size: 3.256vw;
    }
}

#Top-Header .right-buttons .text-bottom {
    font-family: Roboto-R;
    font-size: 1vw;
    width: 24vw;
    text-align: left;
    color: rgba(0,0,0,.66);
    font-style: italic;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .text-bottom {
        font-size: 3.256vw;
        width: 47.302vw;
    }
}

#Top-Header .right-buttons .menu-wrapper {
    background-color: #b37129;
    border-radius: 50%;
    padding: 1vw .938vw;
    cursor: pointer;
}

    #Top-Header .right-buttons .menu-wrapper.hover-effect:hover::before {
        background: #de9a2a;
    }

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper {
        padding: 3.907vw 3.163vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu {
    width: 1.25vw;
    height: 1.125vw;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu {
        width: 4.651vw;
        height: 3.256vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu span {
    display: block;
    position: absolute;
    height: .1vw;
    width: 100%;
    background: #fff;
    border-radius: .563vw;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu span {
        height: .465vw;
        border-radius: 1vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#Top-Header .right-buttons .menu-wrapper .menu span:nth-child(2) {
    top: .438vw;
    left: .25vw;
    width: 80%;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu span:nth-child(2) {
        top: 1.395vw;
        left: .8vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu span:nth-child(3) {
    top: .875vw;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu span:nth-child(3) {
        top: 3.023vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: .188vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu.open span:nth-child(1) {
        top: -.465vw;
        left: .698vw;
    }
}

#Top-Header .right-buttons .menu-wrapper .menu.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#Top-Header .right-buttons .menu-wrapper .menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: .875vw;
    left: .188vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-buttons .menu-wrapper .menu.open span:nth-child(3) {
        top: 2.791vw;
        left: .698vw;
    }
}

#Top-Header .left-text {
    position: absolute;
    margin-left: 8.75vw;
    padding-top: 13.875vw;
    width: 42.625vw;
    z-index: 2;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text {
        margin-left: 5vw;
        padding-top: 103.875vw;
        width: 87.625vw;
    }
}

#Top-Header .left-text .high-text {
    margin-top: 1vw;
    font-family: "Roboto-R";
    font-size: 1.125vw;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .high-text {
        font-size: 4.186vw;
        text-shadow: 1.5px 1.5px 3px rgba(0,0,0,.5);
    }
}

#Top-Header .left-text .mid-text {
    font-family: "Roboto-B";
    font-size: 3.25vw;
    color: #fff;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .mid-text {
        font-size: 7.442vw;
    }
}

#Top-Header .left-text .bot-location {
    margin-top: 1.25vw;
    display: flex;
    gap: .75vw;
    width: fit-content;
    padding: .781vw 1.25vw .781vw 1.688vw;
    border: .063vw solid #4a371a;
    background-color: #4a371a;
    border-radius: 1.375vw;
    color: #fff;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .bot-location {
        gap: 3.256vw;
        border-radius: 9.302vw;
        margin-top: 3.256vw;
        padding: 2.326vw 4.651vw;
        margin-right: 2.791vw;
    }
}

#Top-Header .left-text .bot-location.hover-effect {
    text-decoration: none;
}

    #Top-Header .left-text .bot-location.hover-effect:hover::before {
        background: #332615;
    }

#Top-Header .left-text .bot-location .location-icon {
    width: .875vw;
    height: auto;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .bot-location .location-icon {
        width: 3.14vw;
    }
}

#Top-Header .left-text .bot-location .text {
    font-family: "Roboto-R";
    font-size: 1vw;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .bot-location .text {
        font-size: 3.721vw;
    }
}

#Top-Header .left-text .bot-location .au-icon {
    width: 1.313vw;
    height: auto;
}

@media screen and (max-width:768px) {
    #Top-Header .left-text .bot-location .au-icon {
        width: 4.884vw;
    }
}

#Top-Header .carousel-deco {
    position: absolute;
    width: 79.938vw;
    height: auto;
    top: -33.75vw;
    left: 34.375vw;
    z-index: 1;
    pointer-events: none;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-deco {
        width: 259.938vw;
        height: auto;
        top: -105.75vw;
        left: 4.375vw;
    }
}

#Top-Header .banner-carousel {
    position: relative;
}

    #Top-Header .banner-carousel .owl-dots {
        left: 2.5vw;
    }

@media screen and (max-width:768px) {
    #Top-Header .banner-carousel .owl-dots {
        margin-top: 53.488vw;
        transform: rotate(0deg);
        position: relative;
        left: unset;
    }
}

#Top-Header .banner-carousel .owl-dots .owl-dot {
    background-color: transparent;
    margin-right: .25vw;
}

    #Top-Header .banner-carousel .owl-dots .owl-dot span {
        background: rgba(69,69,69,.4);
    }

    #Top-Header .banner-carousel .owl-dots .owl-dot:hover span {
        background: #454545;
    }

    #Top-Header .banner-carousel .owl-dots .owl-dot.active span {
        background: #454545;
    }

#Top-Header .carousel-location {
    position: absolute;
    top: 35vw;
    right: 8.3vw;
    z-index: 10;
    display: flex;
    gap: .875vw;
    text-decoration: none;
    background: linear-gradient(230deg,#f3f5f6,#f3f5f6);
    color: #4a371a;
    font-family: Roboto-R;
    border: solid #c6c6c6 .5px;
    border-radius: 1.5vw;
    padding: .8vw 1.6vw;
    font-size: 1vw;
    cursor: pointer;
    flex-direction: row-reverse;
    align-items: center;
}

    #Top-Header .carousel-location .location-icon {
        width: .875vw;
        height: auto;
    }

    #Top-Header .carousel-location.hover-effect:hover::before {
        background-color: #fff;
    }

@media screen and (max-width:768px) {
    #Top-Header .carousel-location {
        top: auto;
        bottom: 95vw;
        right: 27vw;
        gap: 3.25vw;
        border-radius: 8vw;
    }

        #Top-Header .carousel-location .location-icon {
            width: 3.25vw;
        }

    #Top-Header .carousel-location {
        font-size: 3.721vw;
        padding: 2vw 4vw;
    }
}

#Top-Header .custom-owl-dots {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 24vw;
    left: 2vw;
    gap: 1vw;
    flex-direction: column;
}

@media screen and (max-width:768px) {
    #Top-Header .custom-owl-dots {
        gap: 3.721vw;
        top: 55vw;
        left: 7vw;
    }
}

#Top-Header .custom-owl-dots .custom-dot {
    display: none;
}

#Top-Header .custom-owl-dots .owl-dot {
    border: 0;
    background: transparent;
    margin: 0 .25vw;
    cursor: pointer;
}

    #Top-Header .custom-owl-dots .owl-dot span {
        display: block;
        width: .425vw;
        height: .425vw;
        border-radius: 50%;
        background: rgba(255,255,255,.4);
        transition: background .3s;
    }

    #Top-Header .custom-owl-dots .owl-dot:hover span {
        background: #fff;
    }

    #Top-Header .custom-owl-dots .owl-dot.active span {
        background: #fff;
    }

@media screen and (max-width:768px) {
    #Top-Header .custom-owl-dots {
        margin-top: 5vw;
    }

        #Top-Header .custom-owl-dots .owl-dot span {
            width: 1.5vw;
            height: 1.5vw;
        }
}

#Top-Header .carousel-item {
    position: relative;
    margin-left: 36.7vw;
    overflow: hidden;
    width: 80.25vw;
    height: 76.875vw;
    top: -31.83vw;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-item {
        margin-left: -6.3vw;
        overflow: hidden;
        width: 194.25vw;
        height: 208.875vw;
        top: -241px;
    }
}

#Top-Header .carousel-item .svg_icon1 {
    position: absolute;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-item .svg_icon1 clipPath {
        transform: rotate(-11deg);
    }
}

#Top-Header .carousel-item .carousel-image-wrapper {
    -webkit-clip-path: url(#my-clip-path2);
    clip-path: url(#my-clip-path2);
    position: relative;
}

    #Top-Header .carousel-item .carousel-image-wrapper .image {
        width: 80.25vw;
        height: 76.063vw;
        overflow: hidden;
    }

@media screen and (max-width:768px) {
    #Top-Header .carousel-item .carousel-image-wrapper .image {
        width: 120.25vw;
        height: 206.063vw;
    }
}

#Top-Header .carousel-item .carousel-image-wrapper .image img {
    object-fit: cover;
}

#Top-Header .carousel-item .carousel-image-wrapper .image.one img {
    margin-top: 10.5vw;
    margin-left: -9.25vw;
    width: 140%;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-item .carousel-image-wrapper .image.one img {
        margin-top: 10.5vw;
        margin-left: -10.25vw;
        width: 200%;
    }
}

#Top-Header .carousel-item .carousel-image-wrapper .image.two img {
    margin-top: 34.75vw;
    height: 63%;
    margin-left: -5.25vw;
    width: 100%;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-item .carousel-image-wrapper .image.two img {
        margin-top: 51.75vw;
        height: 73%;
        width: 130%;
    }
}

#Top-Header .carousel-item .carousel-image-wrapper .image.three img {
    margin-top: 26.75vw;
    margin-left: -1.875vw;
    height: 65%;
    width: 100%;
}

@media screen and (max-width:768px) {
    #Top-Header .carousel-item .carousel-image-wrapper .image.three img {
        margin-top: 26.75vw;
        margin-left: 17.125vw;
        height: 80%;
    }
}

#Top-Header .right-date {
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-top: 1vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-date {
        gap: 3.721vw;
        margin-top: 3.721vw;
    }
}

@media screen and (max-width:768px) {
    #Top-Header .right-date {
        right: unset;
    }
}

#Top-Header .right-date .date-icon {
    width: 1.3vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-date .date-icon {
        width: 4.837vw;
    }
}

#Top-Header .right-date .top-text {
    font-family: "Roboto-B";
    font-size: 1.5vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-date .top-text {
        font-size: 4.651vw;
    }
}

#Top-Header .right-date .mid-text {
    font-family: "Roboto-B";
    font-size: 2.2vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-date .mid-text {
        font-size: 8.1vw;
        display: inline;
    }
}

#Top-Header .right-date .bot-text {
    font-family: "Roboto-R";
    font-size: 1.25vw;
}

@media screen and (max-width:768px) {
    #Top-Header .right-date .bot-text {
        font-size: 4.186vw;
        display: inline;
    }
}

#Top-Header .scroll-down {
    position: relative;
    top: -32.125vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    text-decoration: none;
    color: #000;
}

    #Top-Header .scroll-down .link-hover::before, #Top-Header .scroll-down .link-hover::after {
        opacity: 0;
    }

    #Top-Header .scroll-down .link-hover:hover::before, #Top-Header .scroll-down .link-hover:hover::after {
        opacity: 1;
    }

    #Top-Header .scroll-down .text {
        font-family: "Roboto-R";
        font-size: .875vw;
        margin-bottom: .75vw;
    }

    #Top-Header .scroll-down .triangle {
        width: 0;
        height: 0;
        border-left: .313vw solid transparent;
        border-right: .313vw solid transparent;
        margin-bottom: .188vw;
        border-top: .313vw solid rgba(0,0,0,.2);
        animation: blinkArrow 1.2s infinite;
    }

        #Top-Header .scroll-down .triangle.one {
            animation-delay: 0s;
        }

        #Top-Header .scroll-down .triangle.two {
            animation-delay: .4s;
        }

        #Top-Header .scroll-down .triangle.three {
            animation-delay: .8s;
        }

#Deadline {
    position: relative;
    display: inline-grid;
    margin: auto 6vw;
    column-gap: 5vw;
    row-gap: .875vw;
    align-items: center;
    grid-template-columns: 50% 50%;
    scroll-margin-top: 200px;
}

@media screen and (max-width:768px) {
    #Deadline {
        grid-template-columns: auto;
        display: grid;
        column-gap: 0;
        row-gap: 0;
        margin: 15vw 2.125vw 0;
    }
}

#Deadline .deadline {
    position: relative;
}

#Deadline .deadline-button {
    position: absolute;
    right: 0;
    top: -4vw;
}

@media screen and (max-width:768px) {
    #Deadline .deadline-button {
        top: -42vw;
        right: unset;
        left: 2.9vw;
    }
}

#Deadline .linkWrap {
    position: relative;
    height: fit-content;
    border-radius: .125vw;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto-R;
}

    #Deadline .linkWrap .style-2 {
        align-items: center;
        color: #fff;
        text-decoration: none;
        display: flex;
        padding: .5vw 1.25vw;
        border-radius: 1.5vw;
        overflow: hidden;
    }

        #Deadline .linkWrap .style-2 .mask {
            position: relative;
            padding: 0;
        }

            #Deadline .linkWrap .style-2 .mask .title {
                display: block;
                font-size: .875vw;
                line-height: .875vw;
                transition: transform .4s ease;
            }

        #Deadline .linkWrap .style-2 .link-icon {
            position: relative;
            width: 1.75vw;
            height: 1.75vw;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: .625vw;
            overflow: hidden;
        }

            #Deadline .linkWrap .style-2 .link-icon .icon {
                display: block;
                position: absolute;
                transition: transform .4s ease;
            }

@media screen and (max-width:768px) {
    #Deadline .linkWrap {
        height: fit-content;
    }

        #Deadline .linkWrap .style-2 {
            padding: 2.5vw 4.25vw;
            border-radius: 6.5vw;
        }

            #Deadline .linkWrap .style-2 .mask {
                height: 3.256vw;
            }

                #Deadline .linkWrap .style-2 .mask .title {
                    font-size: 3.256vw;
                    line-height: 3.256vw;
                }

            #Deadline .linkWrap .style-2 .link-icon {
                width: 6.512vw;
                height: 6.512vw;
                margin-left: 2.6vw;
            }

                #Deadline .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-9.302vw);
                }
}

#Deadline .melbourne-banner {
    width: 40.438vw;
    height: auto;
}

    #Deadline .melbourne-banner img {
        border-radius: 1.6vw;
    }

@media screen and (max-width:768px) {
    #Deadline .melbourne-banner {
        width: 100%;
    }

        #Deadline .melbourne-banner img {
            border-radius: 3vw;
        }
}

#Deadline .deadline-container {
    position: relative;
    width: 100%;
    border-radius: 1.375vw;
    border: .063vw solid #c6c6c6;
    background-color: #f3f5f6;
    padding: 1.875vw;
}

@media screen and (max-width:768px) {
    #Deadline .deadline-container {
        width: 100%;
        margin: 4.442vw auto 0;
        border-radius: 5.116vw;
        padding: 4.8vw;
    }
}

#Deadline .deadline-container .header {
    padding: 0 .875vw;
    font-family: "Roboto-SB";
    font-size: 1.375vw;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.063vw;
}

    #Deadline .deadline-container .header .left .red {
        font-size: .875vw;
        color: #c00000;
        line-height: 1.5;
    }

@media screen and (max-width:768px) {
    #Deadline .deadline-container .header .left .red {
        font-size: 2.556vw;
        display: block;
    }
}

@media screen and (max-width:768px) {
    #Deadline .deadline-container .header {
        padding: 0;
        font-size: 3.721vw;
        margin-bottom: 4.186vw;
    }
}

#Deadline .deadline-container .linebreak {
    width: 100%;
    height: .031vw;
    background-color: #707070;
}

@media screen and (max-width:768px) {
    #Deadline .deadline-container .linebreak {
        height: .116vw;
    }
}

#Deadline .deadline-container .deadline-grid {
    position: relative;
    padding: 0 .775vw;
    margin-top: 1.75vw;
    display: grid;
    grid-template-columns: auto auto 25%;
    font-family: "Roboto-R";
    row-gap: .875vw;
    align-items: center;
    font-size: 1vw;
}

    #Deadline .deadline-container .deadline-grid .left {
        grid-column: 1;
        width: fit-content;
    }

    #Deadline .deadline-container .deadline-grid .mid {
        grid-column: 2;
        display: flex;
        justify-content: flex-end;
        color: rgba(0,0,0,.66);
    }

        #Deadline .deadline-container .deadline-grid .mid .green {
            color: #60d139;
            background-color: #d9f7d6;
            border: .063vw solid #60d139;
            border-radius: 1.938vw;
            padding: .25vw .875vw;
        }

@media screen and (max-width:768px) {
    #Deadline .deadline-container .deadline-grid .mid .green {
        border: .231vw solid #60d139;
        border-radius: 4.938vw;
        padding: .85vw 3.875vw;
    }
}

#Deadline .deadline-container .deadline-grid .mid .yellow {
    color: #b37129;
    background-color: #f7ead6;
    border: .063vw solid #b37129;
    border-radius: 1.938vw;
    padding: .25vw .875vw;
}

@media screen and (max-width:768px) {
    #Deadline .deadline-container .deadline-grid .mid .yellow {
        border: .231vw solid #b37129;
        border-radius: 4.938vw;
        padding: .85vw 3.875vw;
    }
}

#Deadline .deadline-container .deadline-grid .right {
    grid-column: 3;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width:768px) {
    #Deadline .deadline-container .deadline-grid {
        margin-top: 4.651vw;
        row-gap: 3.256vw;
        font-size: 3.256vw;
        grid-template-columns: auto auto 33%;
    }
}

#Deadline .item-one:hover ~ .item-one-display {
    opacity: 1;
    visibility: visible;
}

#Deadline .item-two:hover ~ .item-two-display {
    opacity: 1;
    visibility: visible;
}

#Deadline .item-three:hover ~ .item-three-display {
    opacity: 1;
    visibility: visible;
}

#Deadline .item-one-display, #Deadline .item-two-display, #Deadline .item-three-display {
    position: absolute;
    color: rgba(0,0,0,.66);
    font-family: "Roboto-R";
    font-style: italic;
    font-size: .875vw;
    margin-left: 1vw;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease;
    top: 9vw;
}

@media screen and (max-width:768px) {
    #Deadline .item-one-display, #Deadline .item-two-display, #Deadline .item-three-display {
        font-size: 3.256vw;
        margin-top: 4vw;
        margin-left: 4vw;
    }
}

#Deadline .deadline-disclaimer {
    font-size: 3.256vw;
    font-style: italic;
    line-height: 1.5;
    margin-top: 4vw;
    margin-left: 4vw;
    color: rgba(0,0,0,.66);
    font-family: "Roboto-R";
}

#Partners {
    position: relative;
    width: 100%;
    margin-top: -7vw;
    height: 26.375vw;
    overflow: hidden;
}

@media screen and (max-width:768px) {
    #Partners {
        height: 148.953vw;
    }
}

#Partners .partner-background {
    z-index: -1;
    position: absolute;
}

@media screen and (max-width:768px) {
    #Partners .partner-background {
        width: 180%;
        top: 50vw;
        left: -30vw;
    }
}

#Partners .header-text {
    position: relative;
    text-align: center;
    font-size: 2vw;
    font-family: Roboto-M;
    margin-top: 7vw;
}

@media screen and (max-width:768px) {
    #Partners .header-text {
        font-size: 5.581vw;
        margin-top: 20vw;
    }
}

#Partners .partner-logos {
    display: flex;
    justify-content: center;
    margin: 1.25vw 5.625vw;
    gap: 3vw;
}

@media screen and (max-width:768px) {
    #Partners .partner-logos {
        flex-direction: column;
        align-items: center;
        margin: 5.581vw 2.651vw;
        gap: 7.884vw;
    }
}

#Partners .left .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 0;
    width: 100%;
    box-sizing: border-box;
}

    #Partners .left .logos picture {
        display: block;
        flex: 0 1 auto;
        width: 16vw;
        max-width: 14%;
        box-sizing: border-box;
    }

        #Partners .left .logos picture img {
            display: block;
            width: 100%;
            height: auto;
            object-fit: contain;
            max-height: 10vw;
        }

@media screen and (max-width:768px) {
    #Partners .left .logos {
        flex-wrap: wrap;
        justify-content: center;
    }

        #Partners .left .logos picture {
            width: 40vw;
            max-width: none;
            margin: 0;
        }

            #Partners .left .logos picture:nth-child(5) {
                margin-left: auto;
                margin-right: auto;
            }

            #Partners .left .logos picture img {
                max-height: 40vw;
            }
}

#Partners .left .text {
    display: flex;
    margin-left: 2.5vw;
    margin-top: 2.5vw;
    gap: 2.5vw;
}

    #Partners .left .text .list {
        font-size: .92vw;
        font-family: Roboto-R;
        color: #454545;
        list-style-type: disc;
        line-height: 1.5;
        white-space: nowrap;
    }

@media screen and (max-width:768px) {
    #Partners .left .text {
        flex-direction: column;
        margin: 5.581vw auto;
        width: 75.581vw;
        gap: 0;
    }

        #Partners .left .text .list {
            font-size: 3.721vw;
        }
}

#Partners .right .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5vw;
    width: 3vw;
}

    #Partners .right .logos picture {
        flex: 0 0 auto;
    }

@media screen and (min-width:769px) {
    #Partners .right .logos picture {
        width: 2.2vw;
    }

    #Partners .right .logos .ieeesmc-logo {
        width: 3.5vw;
    }
}

@media screen and (max-width:768px) {
    #Partners .right .logos {
        gap: 4vw;
        justify-content: center;
    }

        #Partners .right .logos picture {
            width: 44vw;
        }

        #Partners .right .logos .ieeesmc-logo {
            width: 48vw;
        }

        #Partners .right .logos picture:nth-child(5) {
            margin-left: auto;
            margin-right: auto;
        }
}

@media screen and (max-width:768px) {
    #Partners .right {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 4vw;
        width: 80.326vw;
        margin: 0 auto;
        justify-items: center;
    }

        #Partners .right .logo-wrapper {
            box-shadow: 2.326vw 4.651vw 4.651vw rgba(129,129,129,.1019607843);
            border-radius: 4.884vw;
            padding: 4.438vw 5.063vw;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: auto;
            text-decoration: none;
            min-height: 0;
        }

            #Partners .right .logo-wrapper picture {
                width: 25vw;
                max-width: 100%;
                display: block;
            }

                #Partners .right .logo-wrapper picture img {
                    width: 100%;
                    height: auto;
                    object-fit: contain;
                    display: block;
                }

            #Partners .right .logo-wrapper p {
                margin-top: 4.186vw;
                font-size: 3vw;
                line-height: 1.2;
            }

            #Partners .right .logo-wrapper:nth-child(3) {
                grid-column: 1/-1;
                justify-self: center;
                max-width: 60%;
            }
}

#Partners .linkWrap {
    position: relative;
    height: 9.375vw;
    border-radius: .125vw;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto-R;
}

    #Partners .linkWrap .style-2 {
        align-items: center;
        color: #fff;
        text-decoration: none;
        display: flex;
        padding: .5vw 1.25vw;
        border-radius: 1.5vw;
        overflow: hidden;
    }

        #Partners .linkWrap .style-2 .mask {
            position: relative;
            padding: 0;
        }

            #Partners .linkWrap .style-2 .mask .title {
                display: block;
                font-size: .875vw;
                line-height: .875vw;
                transition: transform .4s ease;
            }

        #Partners .linkWrap .style-2 .link-icon {
            position: relative;
            width: 1.75vw;
            height: 1.75vw;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: .625vw;
            overflow: hidden;
        }

            #Partners .linkWrap .style-2 .link-icon .icon {
                display: block;
                position: absolute;
                transition: transform .4s ease;
            }

@media screen and (max-width:768px) {
    #Partners .linkWrap {
        height: 23.375vw;
    }

        #Partners .linkWrap .style-2 {
            padding: 2.5vw 4.25vw;
            border-radius: 6.5vw;
        }

            #Partners .linkWrap .style-2 .mask {
                height: 3.256vw;
            }

                #Partners .linkWrap .style-2 .mask .title {
                    font-size: 3.256vw;
                    line-height: 3.256vw;
                }

            #Partners .linkWrap .style-2 .link-icon {
                width: 6.512vw;
                height: 6.512vw;
                margin-left: 2.6vw;
            }

                #Partners .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-9.302vw);
                }
}

#Attendee {
    position: relative;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:768px) {
    #Attendee {
        height: 210vw;
        overflow: hidden;
    }
}

#Attendee .attendee-background {
    position: absolute;
}

@media screen and (max-width:768px) {
    #Attendee .attendee-background {
        width: 1000vw;
        left: -400vw;
    }
}

#Attendee .text-content {
    padding-top: 5.625vw;
    margin-left: 12.5vw;
    position: relative;
}

    #Attendee .text-content .top-text {
        font-family: Roboto-B;
        font-size: 1vw;
        color: #b37129;
    }

    #Attendee .text-content .title-text {
        margin-top: .625vw;
        font-family: Roboto-M;
        font-size: 3.25vw;
        color: #fff;
    }

    #Attendee .text-content .subtitle-text {
        margin-top: 1vw;
        font-family: Roboto-R;
        font-style: italic;
        font-size: 1.125vw;
        color: #fff;
    }

    #Attendee .text-content .content-text {
        margin-top: 2.75vw;
        font-family: Roboto-R;
        font-size: 1.125vw;
        line-height: 1.5;
        color: #fff;
        width: 55.313vw;
    }

@media screen and (max-width:768px) {
    #Attendee .text-content {
        margin-left: 10vw;
        padding-top: 7.302vw;
    }

        #Attendee .text-content .top-text {
            font-size: 3.256vw;
        }

        #Attendee .text-content .title-text {
            margin-top: 2.093vw;
            font-size: 5.581vw;
        }

        #Attendee .text-content .subtitle-text {
            margin-top: 5.349vw;
            font-size: 4.186vw;
        }

        #Attendee .text-content .content-text {
            margin-top: 7.674vw;
            font-size: 3.721vw;
            width: 85.814vw;
        }
}

#Attendee .button-container-OLD {
    margin: 4.688vw auto;
    width: fit-content;
    position: relative;
}

    #Attendee .button-container-OLD .button-wrapper {
        height: fit-content;
        padding: .75vw 1.875vw;
        background-color: #fff;
        box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
        border-radius: 13.375vw;
    }

        #Attendee .button-container-OLD .button-wrapper .row-wrap {
            display: flex;
        }

@media screen and (min-width:769px) {
    #Attendee .button-container-OLD .button-wrapper .row-wrap:not(:first-child) {
        border-top: .063vw solid #ddd;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .row-wrap:not(:first-child) {
        margin-top: 3vw;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .row-wrap {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 3vw;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper {
        gap: 5.814vw;
        justify-content: center;
        height: unset;
        padding: unset;
        background-color: unset;
        box-shadow: unset;
        border-radius: unset;
    }

        #Attendee .button-container-OLD .button-wrapper .fee .link-icon, #Attendee .button-container-OLD .button-wrapper .invitation .link-icon {
            margin-top: 4.4vw;
        }
}

#Attendee .button-container-OLD .button-wrapper .button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: .75vw;
    padding: 1vw 1.875vw;
    border-right: .063vw solid #ddd;
    cursor: pointer;
    text-decoration: none;
    width: 14.5vw;
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .button {
        border-right: .233vw solid #ddd;
        height: 6.25vw;
        padding: .75vw 1.875vw;
        background-color: #fff;
        box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
        border-radius: 13.375vw;
    }
}

#Attendee .button-container-OLD .button-wrapper .button:last-child {
    border-right: 0;
}

#Attendee .button-container-OLD .button-wrapper .button .button-icon path, #Attendee .button-container-OLD .button-wrapper .button .button-icon rect, #Attendee .button-container-OLD .button-wrapper .button .button-icon polygon {
    transition: all .2s ease;
    fill: #4a371a !important;
}

#Attendee .button-container-OLD .button-wrapper .button svg, #Attendee .button-container-OLD .button-wrapper .button img {
    max-width: 3.475vw;
    height: auto;
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .button svg, #Attendee .button-container-OLD .button-wrapper .button img {
        max-width: 12.977vw;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .button {
        height: fit-content;
        padding: 3.75vw 1.875vw;
        width: 40.233vw;
        height: 26vw;
    }
}

#Attendee .button-container-OLD .button-wrapper .button .linkWrap {
    position: relative;
    height: fit-content;
    border-radius: .125vw;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto-R;
}

    #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 {
        height: 1.875vw;
        align-items: center;
        color: #000;
        text-decoration: none;
        display: flex;
    }

        #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .mask {
            position: relative;
            padding: 0;
            height: 1vw;
            overflow: hidden;
        }

            #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .mask .title {
                display: block;
                font-size: 1vw;
                line-height: 1vw;
                transition: transform .4s ease;
            }

        #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .link-icon {
            position: relative;
            width: 1vw;
            height: 1vw;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: .625vw;
            overflow: hidden;
        }

            #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .link-icon .icon {
                display: block;
                position: absolute;
                transition: transform .4s ease;
            }

                #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-2.5vw);
                }

@media screen and (max-width:768px) {
    #Attendee .button-container-OLD .button-wrapper .button .linkWrap {
        height: unset;
    }

        #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 {
            padding: 2.5vw 0 0;
            border-radius: 6.5vw;
            flex-direction: column;
            height: fit-content;
        }

            #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .mask {
                height: 3.256vw;
                overflow: visible;
            }

                #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .mask .title {
                    font-size: 3.721vw;
                    line-height: 3.721vw;
                    text-align: center;
                }

            #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .link-icon {
                width: 6.512vw;
                height: 6.512vw;
                margin-left: 0;
                margin-top: 0;
            }

                #Attendee .button-container-OLD .button-wrapper .button .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-9.302vw);
                }
}

@media screen and (min-width:769px) {
    #Attendee .button-container-OLD .button-wrapper .button:hover .button-icon path, #Attendee .button-container-OLD .button-wrapper .button:hover .button-icon rect, #Attendee .button-container-OLD .button-wrapper .button:hover .button-icon polygon {
        fill: #b37129 !important;
    }

    #Attendee .button-container-OLD .button-wrapper .button:hover .linkWrap .style-2 .link-icon .icon:first-child {
        transform: translate(2.5vw);
    }

    #Attendee .button-container-OLD .button-wrapper .button:hover .linkWrap .style-2 .link-icon .icon:nth-child(2) {
        transform: translate(0);
    }
}

#Attendee .button-container {
    margin: 4.688vw auto;
    width: fit-content;
    position: relative;
}

    #Attendee .button-container .button-wrapper {
        height: fit-content;
        padding: .75vw 1.875vw;
        background-color: #fff;
        box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
        border-radius: 13.375vw;
    }

        #Attendee .button-container .button-wrapper .row-wrap {
            display: flex;
            flex-wrap: wrap;
            gap: 1vw;
        }

@media screen and (min-width:769px) {
    #Attendee .button-container .button-wrapper .row-wrap:not(:first-child) {
        border-top: .063vw solid #ddd;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .row-wrap:not(:first-child) {
        margin-top: 3vw;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .row-wrap {
        display: block;
        gap: 3vw;
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper {
        gap: 5.814vw;
        justify-content: center;
        height: unset;
        padding: unset;
        background-color: unset;
        box-shadow: unset;
        border-radius: unset;
    }

        #Attendee .button-container .button-wrapper .fee .link-icon, #Attendee .button-container .button-wrapper .invitation .link-icon {
            margin-top: 4.4vw;
        }
}

#Attendee .button-container .button-wrapper .button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: .75vw;
    padding: 1vw 1.875vw;
    border-right: .063vw solid #ddd;
    cursor: pointer;
    text-decoration: none;
    width: 14.5vw;
    box-sizing: border-box;
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .button {
        border-right: 0;
        height: auto;
        padding: 2vw 1.5vw;
        background-color: #fff;
        box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
        border-radius: 13.375vw;
        width: 100%;
    }
}

#Attendee .button-container .button-wrapper .button:last-child {
    border-right: 0;
}

#Attendee .button-container .button-wrapper .button .button-icon path, #Attendee .button-container .button-wrapper .button .button-icon rect, #Attendee .button-container .button-wrapper .button .button-icon polygon {
    transition: all .2s ease;
    fill: #4a371a !important;
}

#Attendee .button-container .button-wrapper .button svg, #Attendee .button-container .button-wrapper .button img {
    max-width: 3.475vw;
    height: auto;
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .button svg, #Attendee .button-container .button-wrapper .button img {
        max-width: 12.977vw;
    }
}

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .button {
        height: auto !important;
    }
}

#Attendee .button-container .button-wrapper .button .linkWrap {
    position: relative;
    height: fit-content;
    border-radius: .125vw;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto-R;
}

    #Attendee .button-container .button-wrapper .button .linkWrap .style-2 {
        align-items: center;
        color: #000;
        text-decoration: none;
        display: flex;
        background: none;
        padding: 0;
        width: 100%;
        justify-content: center;
    }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .mask {
            position: relative;
            padding: 0;
            height: auto !important;
            overflow: visible !important;
            display: block;
            width: 100%;
        }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-container {
            display: block;
            width: 100%;
            text-align: center;
        }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .title, #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-title1 {
            display: block;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
            line-height: 1.2;
            text-align: center;
            margin: 0;
            padding: .4vw 0;
            font-size: 1vw;
        }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-icon {
            position: relative;
            width: 1vw;
            height: 1vw;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: .625vw;
            overflow: hidden;
        }

            #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-icon .icon {
                display: block;
                position: absolute;
                transition: transform .4s ease;
            }

                #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-2.5vw);
                }

@media screen and (max-width:768px) {
    #Attendee .button-container .button-wrapper .button .linkWrap .style-2 {
        flex-direction: column;
        padding: 1.5vw 0 0;
        border-radius: 6.5vw;
        height: fit-content;
    }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .mask {
            height: auto !important;
            overflow: visible !important;
        }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .title, #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-title1 {
            font-size: 3.721vw;
            line-height: 1.15;
            padding: .5vw 0;
        }

        #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-icon {
            width: 6.512vw;
            height: 6.512vw;
            margin-left: 0;
            margin-top: 0;
            position: relative;
        }

            #Attendee .button-container .button-wrapper .button .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                transform: translate(-9.302vw);
            }
}

@media screen and (min-width:769px) {
    #Attendee .button-container .button-wrapper .button:hover .button-icon path, #Attendee .button-container .button-wrapper .button:hover .button-icon rect, #Attendee .button-container .button-wrapper .button:hover .button-icon polygon {
        fill: #b37129 !important;
    }

    #Attendee .button-container .button-wrapper .button:hover .linkWrap .style-2 .link-icon .icon:first-child {
        transform: translate(2.5vw);
    }

    #Attendee .button-container .button-wrapper .button:hover .linkWrap .style-2 .link-icon .icon:nth-child(2) {
        transform: translate(0);
    }
}

#Attendee .button-wrapper, #Attendee .row-wrap {
    overflow: visible !important;
}

@media screen and (max-width:768px) {
    #Attendee .button-container {
        width: 100% !important;
        padding: 0 7.674vw;
        box-sizing: border-box;
        margin: 4.688vw auto;
    }

        #Attendee .button-container .button-wrapper {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            gap: 3.5vw;
            padding: 0;
            background-color: transparent;
            box-shadow: none;
            border-radius: 0;
            width: 100%;
            box-sizing: border-box;
        }

            #Attendee .button-container .button-wrapper .row-wrap {
                display: contents;
            }

                #Attendee .button-container .button-wrapper .row-wrap .button {
                    width: 100%;
                    padding: 2vw 1.5vw;
                    box-sizing: border-box;
                    border-right: 0;
                    border-radius: 13.375vw;
                    box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
                }

    #Attendee .button-wrapper, #Attendee .row-wrap, #Attendee .button {
        overflow: visible !important;
    }
}

#About {
    position: relative;
    margin-top: 4.188vw;
}

@media screen and (max-width:768px) {
    #About {
        margin-top: 8.188vw;
    }
}

#About .header {
    text-align: center;
}

    #About .header .top-text {
        font-family: Roboto-B;
        font-size: 1vw;
        color: #b37129;
    }

    #About .header .title-text {
        margin-top: .813vw;
        font-family: Roboto-M;
        font-size: 2vw;
    }

@media screen and (max-width:768px) {
    #About .header {
        text-align: left;
        margin-left: 10vw;
    }

        #About .header .top-text {
            font-size: 3.256vw;
        }

        #About .header .title-text {
            margin-top: 1.256vw;
            font-size: 5.581vw;
        }
}

#About .card-grid {
    margin: 2.75vw auto;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    gap: 1vw;
}

    #About .card-grid .text-grid-left {
        position: relative;
        max-width: 28.5vw;
    }

        #About .card-grid .text-grid-left .space {
            margin-top: 1.438vw;
        }

        #About .card-grid .text-grid-left .box {
            padding: 1.875vw 1.563vw 1.563vw 2.5vw;
            background-color: #f3f5f6;
            border: solid .063vw #c6c6c6;
            border-radius: 1.375vw;
        }

            #About .card-grid .text-grid-left .box .icon-wrapper {
                position: relative;
                display: inline-block;
            }

                #About .card-grid .text-grid-left .box .icon-wrapper::before {
                    content: "";
                    position: absolute;
                    border-radius: 50%;
                    background-color: #fff;
                    width: 3.125vw;
                    height: 3.125vw;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }

                #About .card-grid .text-grid-left .box .icon-wrapper .icon {
                    width: fit-content;
                    height: auto;
                    max-width: 2vw;
                    position: relative;
                    z-index: 1;
                }

            #About .card-grid .text-grid-left .box .text {
                margin-top: 1.563vw;
                font-family: Roboto-R;
                color: #454545;
                font-size: 1vw;
                line-height: 1.5;
            }

    #About .card-grid .image-mid {
        width: 26.875vw;
    }

        #About .card-grid .image-mid .about-ieem img {
            border-radius: 26px;
        }

    #About .card-grid .text-grid-right {
        position: relative;
        max-width: 24.875vw;
    }

        #About .card-grid .text-grid-right .space {
            margin-top: 1.25vw;
        }

        #About .card-grid .text-grid-right .box {
            padding: 1.25vw 1.563vw .938vw 2.5vw;
            background-color: #f3f5f6;
            border: solid .063vw #c6c6c6;
            border-radius: 1.375vw;
        }

            #About .card-grid .text-grid-right .box .icon-wrapper {
                position: relative;
                display: inline-block;
            }

                #About .card-grid .text-grid-right .box .icon-wrapper::before {
                    content: "";
                    position: absolute;
                    border-radius: 50%;
                    background-color: #fff;
                    width: 3.125vw;
                    height: 3.125vw;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                }

                #About .card-grid .text-grid-right .box .icon-wrapper .icon {
                    width: fit-content;
                    height: auto;
                    position: relative;
                    z-index: 1;
                }

            #About .card-grid .text-grid-right .box .text {
                font-family: Roboto-R;
                color: #454545;
                font-size: 1vw;
                line-height: 1.5;
            }

            #About .card-grid .text-grid-right .box .location {
                display: flex;
                gap: .5vw;
                background-color: #fff;
                padding: .625vw .938vw;
                border-radius: 1.938vw;
                margin-top: 1.125vw;
                margin-left: -.875vw;
            }

                #About .card-grid .text-grid-right .box .location .au-icon {
                    width: fit-content;
                    height: auto;
                    max-width: 2vw;
                }

                #About .card-grid .text-grid-right .box .location .location-text {
                    font-size: 1vw;
                    font-family: Roboto-R;
                    color: #4a371a;
                }

            #About .card-grid .text-grid-right .box .countries {
                display: inline-flex;
                gap: .625vw;
                position: absolute;
                margin-top: -1.25vw;
                right: 4.375vw;
            }

                #About .card-grid .text-grid-right .box .countries .icon {
                    width: 1.313vw;
                    height: auto;
                }

@media screen and (max-width:768px) {
    #About .card-grid {
        grid-template-columns: 87.907vw;
    }

        #About .card-grid .text-grid-left {
            margin-top: 3.837vw;
            max-width: 100%;
        }

            #About .card-grid .text-grid-left .space {
                margin-top: 5.37vw;
            }

            #About .card-grid .text-grid-left .box {
                padding: 6.512vw 8.372vw 4.651vw;
                border-radius: 5.116vw;
            }

                #About .card-grid .text-grid-left .box .icon-wrapper {
                    margin-left: 2.791vw;
                }

                    #About .card-grid .text-grid-left .box .icon-wrapper::before {
                        width: 11.628vw;
                        height: 11.628vw;
                    }

                    #About .card-grid .text-grid-left .box .icon-wrapper .icon {
                        max-width: 6.512vw;
                    }

                #About .card-grid .text-grid-left .box .text {
                    margin-top: 4.651vw;
                    font-size: 3.721vw;
                }

        #About .card-grid .image-mid {
            grid-row: 1;
            width: 100%;
        }

        #About .card-grid .text-grid-right {
            margin-top: 6.977vw;
            max-width: 100%;
        }

            #About .card-grid .text-grid-right .space {
                margin-top: 6.977vw;
            }

            #About .card-grid .text-grid-right .box {
                padding: 4.651vw 8.372vw 4.651vw;
                border-radius: 5.116vw;
            }

                #About .card-grid .text-grid-right .box .text {
                    margin-top: 4.651vw;
                    font-size: 3.721vw;
                }

                #About .card-grid .text-grid-right .box .location {
                    gap: 2.326vw;
                    border-radius: 7.209vw;
                    padding: 2.326vw 5.581vw;
                    margin-top: 4.651vw;
                }

                    #About .card-grid .text-grid-right .box .location .au-icon {
                        max-width: 6.512vw;
                    }

                    #About .card-grid .text-grid-right .box .location .location-text {
                        font-size: 3.721vw;
                    }

                #About .card-grid .text-grid-right .box .countries {
                    gap: 2.326vw;
                    right: 10.375vw;
                    bottom: 4vw;
                }

                    #About .card-grid .text-grid-right .box .countries .icon {
                        width: 4.884vw;
                    }
}

#Reasons {
    position: relative;
    margin-top: 4.25vw;
}

@media screen and (max-width:768px) {
    #Reasons {
        margin-top: 10.605vw;
    }
}

#Reasons .header-wrapper {
    display: flex;
    justify-content: center;
    margin: 0 9.063vw;
}

    #Reasons .header-wrapper .header {
        position: relative;
        text-align: center;
    }

        #Reasons .header-wrapper .header .top-text {
            font-family: Roboto-B;
            font-size: 1vw;
            color: #b37129;
        }

        #Reasons .header-wrapper .header .title-text {
            margin-top: .813vw;
            font-family: Roboto-M;
            font-size: 2vw;
        }

    #Reasons .header-wrapper .header-desc {
        width: 37.188vw;
        font-family: Roboto-R;
        font-size: 1vw;
        color: #454545;
        line-height: 1.5;
        align-self: center;
    }

@media screen and (max-width:768px) {
    #Reasons .header-wrapper {
        margin: 0 10vw;
        flex-direction: column;
        gap: 8.605vw;
    }

        #Reasons .header-wrapper .header {
            border-right: unset;
            padding-right: unset;
        }

            #Reasons .header-wrapper .header .top-text {
                font-size: 3.256vw;
            }

            #Reasons .header-wrapper .header .title-text {
                margin-top: 2.326vw;
                font-size: 5.581vw;
            }

        #Reasons .header-wrapper .header-desc {
            align-self: flex-start;
            font-size: 3.721vw;
            width: 81.628vw;
            padding-left: 5.814vw;
            border-left: solid .233vw #707070;
        }
}

#Reasons .owl-dots {
    margin-top: 2.326vw;
    transform: rotate(0deg);
    position: relative;
    right: 0;
    top: 50%;
}

    #Reasons .owl-dots .owl-dot span {
        background: rgba(69,69,69,.15);
    }

    #Reasons .owl-dots .owl-dot:hover span {
        background: #444;
    }

    #Reasons .owl-dots .owl-dot.active span {
        background: #444;
    }

#Reasons .reason-carousel {
    margin-top: 3.75vw;
}

    #Reasons .reason-carousel .owl-item {
        display: flex;
        justify-content: center;
    }

    #Reasons .reason-carousel .image-item {
        width: 16.938vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #Reasons .reason-carousel .image-item .reason-image {
            display: block;
            border-radius: .651vw;
            overflow: hidden;
        }

            #Reasons .reason-carousel .image-item .reason-image img {
                width: 100%;
                height: auto;
                display: block;
            }

        #Reasons .reason-carousel .image-item .text-box {
            width: 13.063vw;
            height: 4.625vw;
            margin-top: -1.25vw;
            padding: .938vw .625vw;
            text-align: center;
            font-family: Roboto-SB;
            color: #454545;
            line-height: 1.5;
            font-size: 1vw;
            background-color: #fff;
            border-radius: .688vw;
            box-shadow: .625vw .625vw 1.875vw rgba(0,0,0,.0705882353);
            align-self: center;
        }

@media screen and (max-width:768px) {
    #Reasons .reason-carousel {
        margin-top: 6.581vw;
    }

        #Reasons .reason-carousel .image-item {
            width: 75%;
            margin-bottom: 8vw;
        }

            #Reasons .reason-carousel .image-item .text-box {
                width: 85%;
                height: auto;
                font-size: 3.721vw;
                margin-top: -4.651vw;
                padding: 2.326vw 3.721vw;
                border-radius: 2.326vw;
                box-shadow: 2.326vw 2.326vw 6.977vw rgba(0,0,0,.0705882353);
            }
}

@media screen and (min-width:769px) {
    #Reasons .reason-carousel {
        display: flex !important;
        gap: 1.563vw;
        justify-content: center;
    }

        #Reasons .reason-carousel .owl-stage-outer, #Reasons .reason-carousel .owl-stage, #Reasons .reason-carousel .owl-item {
            display: contents !important;
        }
}

#Program {
    position: relative;
    margin-top: 4.75vw;
    scroll-margin-top: 200px;
}

@media screen and (max-width:768px) {
    #Program {
        margin-top: 10.605vw;
    }
}

#Program .header {
    text-align: center;
}

    #Program .header .top-text {
        font-family: Roboto-B;
        font-size: 1vw;
        color: #b37129;
    }

    #Program .header .title-text {
        margin-top: .813vw;
        font-family: Roboto-M;
        font-size: 2vw;
    }

@media screen and (max-width:768px) {
    #Program .header {
        text-align: left;
        margin-left: 10vw;
    }

        #Program .header .top-text {
            font-size: 3.721vw;
        }

        #Program .header .title-text {
            margin-top: 1.291vw;
            font-size: 5.581vw;
        }
}

#Program .table-date {
    margin-top: .5vw;
    font-family: Roboto-R;
    font-size: 1.125vw;
    color: rgba(0,0,0,.66);
    margin-left: 12.7vw;
}

@media screen and (max-width:768px) {
    #Program .table-date {
        margin-top: 1.86vw;
        font-size: 4.186vw;
        margin-left: 10vw;
    }
}

#Program .table-title {
    margin-top: 2vw;
    font-family: Roboto-M;
    font-size: 1.125vw;
    color: #000;
    margin-bottom: 1vw;
    margin-left: 12.7vw;
}

@media screen and (max-width:768px) {
    #Program .table-title {
        margin-top: 7.442vw;
        margin-bottom: 3.721vw;
        font-size: 4.186vw;
        margin-left: 10vw;
    }
}

#Program .table-bottom {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    margin: 1vw 12.7vw 0;
}

@media screen and (max-width:768px) {
    #Program .table-bottom {
        margin: 0 7.7vw 0;
    }
}

#Program .table-bottom .group .title {
    font-family: Roboto-B;
    font-size: 1.125vw;
}

@media screen and (max-width:768px) {
    #Program .table-bottom .group .title {
        font-size: 3.721vw;
    }
}

#Program .table-bottom .group .desc {
    font-family: Roboto-R;
    font-size: 1.125vw;
    margin-top: .4vw;
}

    #Program .table-bottom .group .desc .link-hover::before, #Program .table-bottom .group .desc .link-hover::after {
        background-color: #276efd;
    }

@media screen and (max-width:768px) {
    #Program .table-bottom .group .desc {
        font-size: 3.721vw;
        margin-top: 2vw;
    }
}

@media screen and (max-width:768px) {
    #Program .table-bottom {
        gap: 7vw;
    }
}

#Program .table {
    width: 75%;
    overflow-x: auto;
    border-radius: 15px;
    outline: 1px solid;
    outline-offset: -1px;
    margin: 20px auto;
}

    #Program .table .fee-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        font-size: .9vw;
        overflow: hidden;
    }

        #Program .table .fee-table th, #Program .table .fee-table td {
            border: 1px solid #000;
            padding: .7vw;
        }

        #Program .table .fee-table th {
            background: #4A371A;
            color: #fff;
            font-family: Roboto-M;
            font-size: 1vw;
        }

        #Program .table .fee-table td {
            font-family: Roboto-R;
            font-size: 1vw;
        }

            #Program .table .fee-table th:first-child, #Program .table .fee-table td:first-child {
                text-align: left;
            }

        #Program .table .fee-table .section-title {
            font-family: Roboto-B;
            font-size: 1.125vw;
        }

        #Program .table .fee-table .section-subtitle {
            margin-top: 7px;
            text-align: left;
            font-family: Roboto-R;
            font-size: .875vw;
            line-height: 1.5;
        }

        #Program .table .fee-table .small-text {
            font-size: .75em;
            font-family: Roboto-R;
            display: block;
            margin-top: .2em;
        }

@media screen and (max-width:768px) {
    #Program .table {
        width: 82%;
        overflow-x: auto;
        margin-top: 1vw;
    }

        #Program .table colgroup col:nth-child(1) {
            width: 32%;
        }

        #Program .table .fee-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            font-size: 3.349vw;
            overflow: hidden;
        }

            #Program .table .fee-table th, #Program .table .fee-table td {
                border: .233vw solid #000;
                padding: 2.605vw;
            }

            #Program .table .fee-table th {
                background: #4A371A;
                color: #fff;
                font-family: Roboto-M;
                font-size: 3.721vw;
            }

            #Program .table .fee-table td {
                font-family: Roboto-R;
                font-size: 3.349vw;
            }

                #Program .table .fee-table th:first-child, #Program .table .fee-table td:first-child {
                    text-align: left;
                }

            #Program .table .fee-table .section-title {
                font-family: Roboto-B;
                font-size: 3.721vw;
            }

            #Program .table .fee-table .section-subtitle {
                margin-top: 1.628vw;
                text-align: left;
                font-family: Roboto-R;
                font-size: 3.256vw;
                line-height: 1.5;
            }

            #Program .table .fee-table .small-text {
                font-size: .75em;
                font-family: Roboto-R;
                display: block;
                margin-top: .2em;
            }
}

#Program .program-text {
    display: flex;
    justify-content: center;
    margin-top: 4.125vw;
    font-size: 1.125vw;
    line-height: 1.5;
    gap: 3.125vw;
}

    #Program .program-text .text-left {
        margin-top: 2.2vw;
        width: 33.5vw;
    }

        #Program .program-text .text-left .time-text {
            font-family: Roboto-R;
            font-style: italic;
            color: rgba(69,69,69,.5);
        }

        #Program .program-text .text-left .content-text {
            font-family: Roboto-R;
            color: #454545;
            margin-top: 2.313vw;
        }

    #Program .program-text .text-right {
        width: 38.75vw;
        padding: 2.188vw 2.563vw;
        border-radius: 1.375vw;
        border: solid .063vw #c6c6c6;
        background-color: #f3f5f6;
    }

        #Program .program-text .text-right .title-text {
            font-family: Roboto-B;
        }

        #Program .program-text .text-right .content-text {
            font-family: Roboto-R;
            color: #454545;
            margin-top: 1.313vw;
        }

@media screen and (max-width:768px) {
    #Program .program-text {
        flex-direction: column;
        margin-top: 8.372vw;
        margin-left: 10vw;
        margin-right: 6.977vw;
        font-size: 4.186vw;
        justify-content: flex-start;
        gap: 10.93vw;
    }

        #Program .program-text .text-left {
            width: 100%;
        }

        #Program .program-text .text-right {
            width: 100%;
            border-radius: 5.116vw;
            padding: 6.977vw;
        }
}

#Program .program-timeline {
    display: flex;
    justify-content: center;
    gap: 1.875vw;
    padding-bottom: 3.875vw;
    margin: 0 3.75vw;
    border-bottom: .063vw solid rgba(112,112,112,.25);
}

    #Program .program-timeline .timeline-item {
        display: flex;
        margin-top: 4.375vw;
        gap: 1.875vw;
    }

        #Program .program-timeline .timeline-item .timeline-number {
            position: relative;
            width: 4.125vw;
            height: 4.125vw;
            font-size: 1.563vw;
            color: #b37129;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #Program .program-timeline .timeline-item .timeline-number p {
                font-family: Roboto-R;
                position: relative;
                z-index: 1;
            }

            #Program .program-timeline .timeline-item .timeline-number::before {
                content: "";
                position: absolute;
                border-radius: 50%;
                background-color: #f7ead6;
                border: .063vw solid #b37129;
                width: 4.125vw;
                height: 4.125vw;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
            }

        #Program .program-timeline .timeline-item .timeline-text {
            position: relative;
            width: 15vw;
        }

            #Program .program-timeline .timeline-item .timeline-text .timeline-date {
                font-family: Roboto-M;
                font-size: 1.25vw;
                padding-bottom: .875vw;
                background-image: repeating-linear-gradient(to right,rgba(112,112,112,.25) 0,rgba(112,112,112,.25) .5vw,transparent .125vw,transparent 1vw);
                background-position: bottom left;
                background-size: 100% .063vw;
                background-repeat: repeat-x;
            }

            #Program .program-timeline .timeline-item .timeline-text .timeline-list {
                margin-top: 1.563vw;
                margin-left: 1.125vw;
                position: relative;
            }

                #Program .program-timeline .timeline-item .timeline-text .timeline-list .list {
                    font-size: 1vw;
                    font-family: Roboto-R;
                    color: #454545;
                    line-height: 1.625;
                }

                    #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover {
                        position: relative;
                        text-decoration: none;
                        display: inline-block;
                        color: #454545;
                        padding: 0 1px;
                        transition: color ease .3s;
                    }

                        #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover::before, #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover::after {
                            content: "";
                            position: absolute;
                            background-color: #454545;
                            z-index: 1;
                            height: 5%;
                        }

                        #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover::before {
                            width: 0%;
                            left: 0;
                            bottom: 5px;
                            transition: width ease .4s;
                        }

                        #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover::after {
                            width: 100%;
                            left: 0;
                            bottom: 5px;
                            transition: all ease .6s;
                        }

                        #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover:hover::before {
                            width: 100%;
                        }

                        #Program .program-timeline .timeline-item .timeline-text .timeline-list .list li .link-hover:hover::after {
                            left: 100%;
                            width: 0%;
                            transition: all ease .2s;
                        }

@media screen and (max-width:768px) {
    #Program .program-timeline {
        flex-direction: column;
        margin: 13vw 3.75vw;
        gap: 9.302vw;
    }

        #Program .program-timeline .timeline-item {
            margin-left: 12.326vw;
            gap: 11.875vw;
        }

            #Program .program-timeline .timeline-item .timeline-number::before {
                border: .233vw solid #b37129;
                width: 15.349vw;
                height: 15.349vw;
            }

            #Program .program-timeline .timeline-item .timeline-number p {
                font-size: 5.814vw;
            }

            #Program .program-timeline .timeline-item .timeline-text {
                width: 55vw;
                margin-top: -6.977vw;
            }

                #Program .program-timeline .timeline-item .timeline-text .timeline-date {
                    font-size: 4.651vw;
                    padding-bottom: 4.651vw;
                    background-image: repeating-linear-gradient(to right,#707070 0,#707070 1.86vw,transparent .465vw,transparent 3.721vw);
                }

                #Program .program-timeline .timeline-item .timeline-text .timeline-list {
                    margin-top: 5.814vw;
                    margin-left: 4.186vw;
                }

                    #Program .program-timeline .timeline-item .timeline-text .timeline-list .list {
                        font-size: 3.721vw;
                    }
}

.news {
    margin-top: 3.775vw;
    position: relative;
}

    .news .news-wrapper {
        margin: 0 8.375vw;
        display: flex;
        gap: 16.563vw;
    }

@media screen and (max-width:768px) {
    .news .news-wrapper {
        margin: 0 7.442vw;
        flex-direction: column;
    }
}

.news .news-wrapper .news-left-wrapper .top-text {
    font-family: Roboto-B;
    font-size: 1vw;
    color: #b37129;
}

.news .news-wrapper .news-left-wrapper .title-text {
    margin-top: .813vw;
    font-family: Roboto-M;
    font-size: 2vw;
}

.news .news-wrapper .news-left-wrapper .linkWrap {
    position: relative;
    height: 6.25vw;
    border-radius: .125vw;
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    font-family: Roboto-R;
}

    .news .news-wrapper .news-left-wrapper .linkWrap .style-2 {
        height: 2.625vw;
        align-items: center;
        color: #fff;
        text-decoration: none;
        display: flex;
        background-color: #4a371a;
        padding: .625vw 1.5vw;
        border-radius: 1.5vw;
    }

        .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .mask {
            position: relative;
            padding: 0;
        }

            .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .mask .title {
                display: block;
                font-size: 1vw;
                line-height: 1vw;
                transition: transform .4s ease;
            }

        .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .link-icon {
            position: relative;
            width: 1.75vw;
            height: 1.75vw;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: .625vw;
        }

            .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .link-icon .icon {
                display: block;
                position: absolute;
                transition: transform .4s ease;
            }

                .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .link-icon .icon:nth-child(2) {
                    transform: translate(-2.5vw);
                }

@media screen and (max-width:768px) {
    .news .news-wrapper .news-left-wrapper .linkWrap {
        height: 12.375vw;
        align-items: flex-end;
    }

        .news .news-wrapper .news-left-wrapper .linkWrap .style-2 {
            padding: 5.5vw 5.25vw;
            border-radius: 6.5vw;
        }

            .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .mask {
                height: 3.256vw;
            }

                .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .mask .title {
                    font-size: 3.256vw;
                    line-height: 3.256vw;
                }

            .news .news-wrapper .news-left-wrapper .linkWrap .style-2 .link-icon {
                width: 6.512vw;
                height: 6.512vw;
                margin-left: 2.6vw;
            }
}

@media screen and (max-width:768px) {
    .news .news-wrapper .news-left-wrapper {
        display: flex;
        justify-content: space-between;
    }

        .news .news-wrapper .news-left-wrapper .mobile-flex .top-text {
            font-size: 3.256vw;
        }

        .news .news-wrapper .news-left-wrapper .mobile-flex .title-text {
            margin-top: 2.558vw;
            font-size: 5.581vw;
        }

        .news .news-wrapper .news-left-wrapper .linkWrap {
            width: fit-content;
        }
}

.news .news-wrapper .news-right-wrapper {
    width: 53.438vw;
}

    .news .news-wrapper .news-right-wrapper .news-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 2.063vw;
    }

        .news .news-wrapper .news-right-wrapper .news-item:not(:last-child) {
            border-bottom: .063vw solid rgba(112,112,112,.25);
        }

        .news .news-wrapper .news-right-wrapper .news-item:not(:first-child) {
            padding-top: 2.063vw;
        }

        .news .news-wrapper .news-right-wrapper .news-item .news-image {
            width: 14.25vw;
            height: 9.5vw;
            border-radius: .875vw;
            object-fit: cover;
            object-position: center;
        }

        .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper {
            width: 36.25vw;
        }

            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper {
                display: flex;
                align-items: center;
                gap: 3.5vw;
            }

                .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .date-text {
                    font-family: Roboto-R;
                    font-size: .875vw;
                    color: #949494;
                }

                .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 1.063vw;
                }

                    .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn {
                        display: flex;
                        gap: .625vw;
                        text-decoration: none;
                    }

                        .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn:hover .news-link-text::before {
                            width: 100%;
                        }

                        .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn:hover .news-link-text::after {
                            left: 100%;
                            width: 0%;
                            transition: all ease .2s;
                        }

                        .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-text {
                            font-family: Roboto-R;
                            font-size: .875vw;
                            color: #000;
                            position: relative;
                            text-decoration: none;
                            display: inline-block;
                            padding: 0 1px;
                            transition: color ease .3s;
                        }

                            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-text::before, .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-text::after {
                                content: "";
                                position: absolute;
                                background-color: #000;
                                z-index: 1;
                                height: 5%;
                            }

                            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-text::before {
                                width: 0%;
                                left: 0;
                                bottom: 0;
                                transition: width ease .4s;
                            }

                            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-text::after {
                                width: 100%;
                                left: 0;
                                bottom: 0;
                                transition: all ease .6s;
                            }

                        .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-btn .news-link-icon {
                            width: 1vw;
                            height: auto;
                        }

                    .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-date-link-wrapper .news-link-wrapper .news-link-break {
                        width: .25vw;
                        height: .25vw;
                        border-radius: 50%;
                        background-color: #b37129;
                    }

            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-title {
                margin-top: 2vw;
                font-family: Roboto-M;
                font-size: 1.25vw;
                line-height: 1.2;
                color: #454545;
            }

            .news .news-wrapper .news-right-wrapper .news-item .news-text-wrapper .news-desc {
                margin-top: 1vw;
                font-family: Roboto-R;
                font-size: 1vw;
                line-height: 1.5;
            }

.news .news-wrapper .news-right-wrapper-mobile .owl-dots {
    transform: rotate(0deg) !important;
    position: relative !important;
}

    .news .news-wrapper .news-right-wrapper-mobile .owl-dots .owl-dot span {
        background: rgba(69,69,69,.15);
    }

    .news .news-wrapper .news-right-wrapper-mobile .owl-dots .owl-dot:hover span {
        background: #444;
    }

    .news .news-wrapper .news-right-wrapper-mobile .owl-dots .owl-dot.active span {
        background: #444;
    }

@media screen and (max-width:768px) {
    .news .news-wrapper .news-right-wrapper-mobile {
        display: block;
    }
}

@media screen and (max-width:768px) and (max-width:768px) {
    .news .news-wrapper .news-right-wrapper-mobile .news-item {
        background: #fff;
        border-radius: 1.744vw;
        box-shadow: 0 .581vw 1.744vw rgba(0,0,0,.1);
        overflow: hidden;
        padding: 0 0 2.907vw;
        margin: 0 1.453vw 3vw;
        min-height: 95.35vw;
    }

        .news .news-wrapper .news-right-wrapper-mobile .news-item .news-image {
            width: 100%;
            height: 46.512vw;
            object-fit: cover;
            border-radius: 1.744vw 1.744vw 0 0;
        }

        .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper {
            padding: 3.488vw;
        }

            .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .date-text {
                font-family: Roboto-R;
                font-size: 2.791vw;
                color: #949494;
                margin-bottom: 1.163vw;
            }

            .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-title {
                font-family: Roboto-M;
                font-size: 3.721vw;
                line-height: 1.4;
                color: #454545;
                margin-bottom: 1.453vw;
            }

            .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-desc {
                font-family: Roboto-R;
                font-size: 3.256vw;
                line-height: 1.5;
                margin-bottom: 1.744vw;
            }

            .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-link-wrapper {
                display: flex;
                align-items: center;
                gap: 1.453vw;
                justify-content: flex-end;
            }

                .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-link-wrapper .news-link-btn {
                    display: flex;
                    align-items: center;
                    gap: .721vw;
                    text-decoration: none;
                }

                    .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-link-wrapper .news-link-btn .news-link-text {
                        font-family: Roboto-R;
                        font-size: 3.523vw;
                        color: #000;
                    }

                    .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-link-wrapper .news-link-btn .news-link-icon {
                        width: 3.326vw;
                        height: auto;
                    }

                .news .news-wrapper .news-right-wrapper-mobile .news-item .news-text-wrapper .news-link-wrapper .news-link-break {
                    width: .721vw;
                    height: .721vw;
                    border-radius: 50%;
                    background-color: #b37129;
                }
}

.fadeIn {
    animation: customFadeIn .4s ease-in both;
}

.fadeOut {
    animation: customFadeOut 1s ease-out both;
}

@keyframes customFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes customFadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes blinkArrow {
    0%,80%,100% {
        border-top-color: rgba(0,0,0,.2);
    }

    40% {
        border-top-color: #000;
    }
}