@charset "utf-8";
#a75x{text-align: center;margin: 0 auto;}
#a75x img{width: 100%;vertical-align: bottom}
#hello{position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 9999999; color: #ffffff;  text-align: center; }
#hello .texts{position: absolute;top: 50%; left: 0; width: 100%;font-size: 40px; line-height: 42px;}
.hs{ opacity:0; filter: alpha(opacity=0); transform:translateY(4%); transition:all 0.3s linear; will-change: transform}
.hs.active{ opacity:1; filter: alpha(opacity=100); transform:translateY(0px); }
.pr{position: relative}
.pa{position: absolute}
#a75x .orange { background: linear-gradient(180deg, #ABC98A 0%, #C9EC97 100%);; -webkit-background-clip: text; color: transparent; font-size: var(--thirty)}

#a75x .box1{display: flex;align-items: center;gap: var(--sixty-five);padding-top: var(--hundred-two-eight);justify-content: center}
#a75x .box1 .text{width: 33.802vw;}
#a75x .box1 .img{width: 55.15625vw}
#a75x .box1 .img img{width: 100%}
#a75x .box1 .medium1{font-size: var(--hundred);}
#a75x .box1 .medium2{font-size: var(--forty-two);line-height: 1.8}
#a75x .box1 .text img{width: 31.875vw;padding-top: var(--thirty)}
#a75x .box1 .text >:nth-child(3){margin-top: var(--thirty)}

#a75x .box2{padding-top: 12.03125vw;height: 350vh;}
#a75x .box2 .sticky-box{position: sticky;top: var(--hundred);}
#a75x .box2 .item-list{width: 93%;overflow: hidden;margin-left: 4.792vw;}
#a75x .box2 .flex{display: flex;gap: var(--ten);justify-content: flex-start; will-change: transform;transition: transform 1s ease;}
#a75x .box2 .mt1{width: 44.948vw;position: relative;height: 37.552vw;flex: 0 0 auto;overflow: hidden}
#a75x .box2 .mt1:hover img{scale: 1.05;border-radius: 116px}
#a75x .box2 .mt1 .mt1-1{position: absolute;left: 0;bottom: 0;width: 44.948vw;height: 37.552vw;display: block}
#a75x .box2 .mt1 .mt1-1 img{width: 37.2917vw;height: 37.552vw;transition: all 1s ease;}
#a75x .box2 .mt1-pa{left: var(--forty);top: var(--forty);z-index: 2;text-align: left}
#a75x .box2 .mt1-pa .medium{font-size: var(--thirty)}
#a75x .box2 .mt2{width: 44.948vw;position: relative;height: 37.552vw;flex: 0 0 auto}
#a75x .box2 .mt2 .mt2-1{position: relative}
#a75x .box2 .mt2 .mt2-1-pa{position: absolute;top: var(--forty);left: var(--forty);text-align: left}
#a75x .box2 .mt2 .mt2-1-pa .medium{font-size: var(--thirty);color: #000000}
#a75x .box2 .mt2-3-pa{left: var(--forty);top: var(--thirty);text-align: left}
#a75x .box2 .mt2-3-pa .medium{font-size: var(--thirty)}

#a75x .box2 .mt2 .pa1{background-color: #F0F1F3;border-radius: var(--forty);display: block;height: 18.4896vw;width: 100%;top: 0;left: 0;will-change: transform;transition: transform 1s ease;transform: translate(105%, 0px)}
#a75x .box2 .mt2 .pa1 img{transition: all 0.3s linear;}
#a75x .box2 .mt2 .pa1:hover img{scale: 1.1}
#a75x .box2 .mt2 .pa2{width: 44.948vw;background-color: #F0F1F3;border-radius: var(--forty);height: 18.4896vw;left: 0;bottom: 0;transition: all 1s ease;}
#a75x .box2 .mt2 .pa2:hover img{scale: 1.1}
#a75x .box2 .mt2 .pa3{width: 32.76vw;background-color: #F0F1F3;border-radius: var(--forty);position: absolute;left: 19.84375vw;bottom: 0;height: 18.4896vw;will-change: transform;transition: transform 1s ease;transform: translate(85%, 0px)}
#a75x .box2 .mt2 .pa3 img{transition: all 0.3s linear;}
#a75x .box2 .mt2 .pa3:hover img{scale: 1.1}
#a75x .box2 .mt2 .mt2-2-1{display: block;}
#a75x .box2 .mt2 .mt2-2-pa{top: 46px;left: 42px;text-align: left;z-index: 2}
#a75x .box2 .mt2 .mt2-2-pa .medium{font-size: var(--thirty);color: #000000}
#a75x .box2 .mt2 .mt2-2-1 >:nth-child(1){margin-top: 6.25vw}
#a75x .box2 .mt2 .mt2-2-1 img{width: 80%;}
#a75x .box2 .mt2 .mt2-2-2{width: 100%;height: 100%;}
#a75x .box2 .mt3{flex: 0 0 auto;}
#a75x .box2 .mt3 .pa .medium{font-size: var(--thirty)}
#a75x .box2 .grid{
    display: grid;
    grid-template-areas: 'one two three'  'four four three';
    column-gap: var(--eleven);row-gap: var(--eleven);
    overflow:hidden; margin:0 auto;grid-template-columns: 25.9896vw 26.04167vw 37.29vw;grid-template-rows: auto;
}
#a75x .box2 .mt3 img{transition: all 0.3s linear;}
#a75x .box2 .mt3-1 { grid-area: one;background: #F0F1F3;border-radius: var(--forty);overflow: hidden }
#a75x .box2 .mt3-1:hover img{scale: 1.1;}
#a75x .box2 .mt3-2 { grid-area: two; background: #F0F1F3;border-radius: var(--forty);;overflow: hidden }
#a75x .box2 .mt3-2:hover img{scale: 1.1;}
#a75x .box2 .mt3-3 { grid-area: three;background: linear-gradient(0deg, #F0F1F3 0%, #DAEEBF 100%);border-radius: var(--forty);overflow: hidden  }
#a75x .box2 .mt3-3:hover img{scale: 1.1;}
#a75x .box2 .mt3-4 { grid-area: four; background: #F0F1F3;border-radius: var(--forty);overflow: hidden }
#a75x .box2 .mt3-4:hover img{scale: 1.1;}
#a75x .box2 .mt3 .mt3-1-pa{left: var(--forty);top: var(--thirty);text-align: left}
#a75x .box2 .mt3 .mt3-2-pa{left: var(--forty);top: var(--thirty);text-align: left}
#a75x .box2 .mt3 .mt3-3-pa{left: var(--forty);top: var(--thirty);text-align: left}
#a75x .box2 .mt3 .mt3-4-pa{left: var(--forty);top: var(--thirty);text-align: left}

#a75x .box3{margin-top: var(--hundred-eighty);}
#a75x .box3 >:nth-child(1){font-size: var(--fifty-four);}
#a75x .box3 >:nth-child(2){font-size: var(--hundred);margin-top: var(--twenty);}
#a75x .box3 >:nth-child(3){margin-top: var(--forty);}
#a75x .box3 .s{font-size: var(--twenty-four);line-height: 1.4}
#a75x .box3 .pr{width: 62.5vw;height: 36.09375vw;margin: var(--thirty) auto 0 auto}
#a75x .box3 .pa{bottom: 0;width: 100%}
#a75x .box3 .pa .flex{display: flex;justify-content: center;width: 100%}
#a75x .box3 .pa .flex .semibold{font-size: var(--eighty);}
#a75x .box3 .pa .flex .s{font-size: var(--twenty-eight)}
#a75x .box3 .pa .flex .mt1{width: 18.64583vw;text-align: left}
#a75x .box3 .pa .flex .mt2{width: 26.51vw;text-align: left}
#a75x .box3 .pa .flex .mt3{width: 14.167vw;text-align: left}

#a75x .box4{margin-top: var(--hundred-eighty);}
#a75x .box4 >:nth-child(1){font-size: var(--fifty-four);}
#a75x .box4 >:nth-child(2){font-size: var(--hundred);}
#a75x .box4 >:nth-child(2) sup{font-size: var(--sixty)}
#a75x .box4 >:nth-child(3){margin-top: var(--forty);}
#a75x .box4 .s{font-size: var(--twenty-four);line-height: 1.4}
#a75x .box4 img{width: 55.729vw;height: 44.79vw;margin-top: 5.5729vw}

#a75x .box5{margin-top: var(--hundred-eighty);}
#a75x .box5 >:nth-child(1){font-size: var(--fifty-four);}
#a75x .box5 >:nth-child(2){font-size: var(--hundred);margin-top: var(--twenty);}
#a75x .box5 >:nth-child(3){margin-top: var(--forty);}
#a75x .box5 .s{font-size: var(--twenty-four);line-height: 1.4}
#a75x .box5 img{margin-top: var(--sixty-five)}

#a75x .box6{margin-top: var(--hundred-one-six);}
#a75x .box6 .swiper{overflow: hidden;}
#a75x .box6 .swiper-slide{}
#a75x .box6 .swiper .swiper-slide-prev{opacity:0;}
#a75x .box6 .swiper .swiper-slide-next{opacity:0;}
#a75x .box6 .swiper .swiper-slide-active{opacity:1;}
#a75x .box6 .common_img{position: absolute;bottom: var(--eighty-six);left: 21.875vw;width: 14.0625vw;height: var(--eighty);background-color: #ffffff;border-radius: var(--forty);opacity: 0.3;z-index: 3}
#a75x .box6 .swiper-pagination-one{bottom: var(--sixty-two);left: 22.552vw;width: 14.0625vw;height: var(--eighty);}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet{height:100%;border-radius:inherit; background-color:inherit; opacity:1; overflow: hidden;width: var(--sixty);}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active{ background-color:inherit;opacity: 1}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .lines{}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .img1{background-image: url("/new/Images/a75x/overview/6-1.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .img1{background-image: url("/new/Images/a75x/overview/6-1.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: var(--twenty-five) var(--twenty-five);border: 2px solid transparent;border-radius: 50%;animation: cy_spin 2s linear forwards;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .img2{background-image: url("/new/Images/a75x/overview/6-2.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .img2{background-image: url("/new/Images/a75x/overview/6-2.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: var(--twenty-five) var(--twenty-five);border: 2px solid transparent;border-radius: 50%;animation: green_spin 2s linear forwards;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .img3{background-image: url("/new/Images/a75x/overview/6-3.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .img3{background-image: url("/new/Images/a75x/overview/6-3.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: var(--twenty-six) var(--twenty-six);border: 2px solid transparent;border-radius: 50%;animation: golden_spin 2s linear forwards;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .img4{background-image: url("/new/Images/a75x/overview/6-4.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .img4{background-image: url("/new/Images/a75x/overview/6-4.png");width: var(--thirty);height: var(--thirty);background-repeat: no-repeat;background-position: center;background-size: var(--twenty-six) var(--twenty-six);border: 2px solid transparent;border-radius: 50%;animation: black_spin 2s linear forwards;}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .semibold{position: absolute;font-size: var(--forty-five);background-color: #ffffff;border-radius: var(--forty);width: 11.4583vw;height: var(--eighty);left: 16.04167vw;bottom: var(--twenty-five);opacity: 0;line-height: var(--eighty)}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .semibold{opacity: 0.3}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet .s{position: absolute;font-size: var(--twenty-four);text-align: left;left: 30.2083vw;bottom: var(--thirty-six);opacity: 0;width: 26.04167vw}
#a75x .box6 .swiper-pagination-one .swiper-pagination-bullet-active .s{opacity: 1}

#a75x .box7{padding-top: var(--hundred-twenty);height: 400vh;}
#a75x .box7 .sticky-box{position: sticky;top: var(--hundred)}
#a75x .box7 .item-list{width: 90.4167vw;height: 44.271vw;background: linear-gradient(150deg, #EADDCC 0%, #F9F5F1 100%);border-radius: var(--forty);margin: 0 auto;overflow: hidden}
#a75x .box7 .pa1{bottom: 0;left: 50%;transform: translate(-50%, 100%);z-index: 2;will-change: transform;transition: transform 1s ease;}
#a75x .box7 .pa1 img{width: 34.375vw;height: 44.271vw}
#a75x .box7 .pa2{bottom: 0;left: 50%;transform: translate(-50%, 100%);z-index: 3;will-change: transform;transition: transform 1s ease;}
#a75x .box7 .pa2 img{width: 34.375vw;height: 44.271vw}
#a75x .box7 .pa3{width: 31.25vw;right: 13.9583vw;top: 0;transform: translateX(150%);will-change: transform;transition: transform 1s ease;}
#a75x .box7 .pa3 >:nth-child(1){margin-top: 13.9583vw;font-size: var(--sixty)}
#a75x .box7 .pa3 >:nth-child(2){font-size: var(--twenty-four);margin-top: var(--forty);}
#a75x .box7 .pa3 >:nth-child(3){font-size: var(--twenty-four);margin-top: var(--ten);}
#a75x .box7 .pa3 >:nth-child(4){width: 31.25vw;height: var(--thirty-seven);margin-top: var(--hundred)}
#a75x .box7 .pa3 >:nth-child(5){font-size: var(--sixty);margin-top: var(--seventy);}

#a75x .box8{margin-top: var(--hundred-twenty)}
#a75x .box8 .pa{top: 9.21875vw;left: 18.229vw;text-align: left}
#a75x .box8 .pa >:nth-child(1){font-size: var(--sixty);}
#a75x .box8 .pa >:nth-child(2){font-size: var(--sixty);}
#a75x .box8 .pa >:nth-child(3){font-size: var(--hundred);margin-top: var(--sixty-eight)}
#a75x .box8 .pa sup{font-size: var(--sixty);}
#a75x .box8 .pa >:nth-child(4){font-size: var(--sixty);margin-top: var(--twenty)}
#a75x .box8 .pa >:nth-child(5){font-size: var(--sixty);}
#a75x .box8 img{width: 90.4167vw;height: 44.271vw;margin: 0 auto}

#a75x .box9 >:nth-child(1){margin-top: var(--hundred-ninety);font-size: var(--fifty-four);}
#a75x .box9 >:nth-child(2){margin-top: var(--thirty);font-size: var(--hundred);}
#a75x .box9 >:nth-child(3){margin-top: var(--forty);font-size: var(--twenty-four)}
#a75x .box9 >:nth-child(4){margin-top: var(--ten);font-size: var(--twenty-four)}
#a75x .box9 img{width: 79.167vw;height: 46.40625vw;margin: var(--eighty-five) auto 0 auto}

#a75x .box10 >:nth-child(1){margin-top: var(--hundred-ninety);font-size: var(--fifty-four);}
#a75x .box10 >:nth-child(2){margin-top: var(--thirty);font-size: var(--hundred);}
#a75x .box10 >:nth-child(3){margin-top: var(--forty);font-size: var(--twenty-four)}
#a75x .box10 >:nth-child(4){margin-top: var(--ten);font-size: var(--twenty-four)}
#a75x .box10 img{width: 53.4375vw;height: 17.23958vw;margin: var(--sixty-five) auto 0 auto}
#a75x .box10 .flex{display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;gap: var(--seventy);margin-top: var(--sixty)}
#a75x .box10 .flex .mt{width: var(--hundred-two-eight);}
#a75x .box10 .flex .mt .s{font-size: var(--twenty);}

#a75x .box11 >:nth-child(1){margin-top: var(--hundred-eighty);font-size: var(--fifty-four);}
#a75x .box11 >:nth-child(2){margin-top: var(--thirty);font-size: var(--hundred);}
#a75x .box11 >:nth-child(3){margin-top: var(--twenty);font-size: var(--twenty-four)}
#a75x .box11 >:nth-child(4){margin-top: var(--ten);font-size: var(--twenty-four)}
#a75x .box11 >:nth-child(5){margin-top: var(--ten);font-size: var(--twenty-four)}
#a75x .box11 .flex{display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;gap: 12.1354vw;margin-top: var(--ninety)}
#a75x .box11 .flex .orange{font-size: var(--eighty)}
#a75x .box11 .flex .orange sup{font-size: var(--forty);}
#a75x .box11 .flex .mt1{width: 14.6875vw;}
#a75x .box11 .flex .mt2{width: 19.53125vw;}
#a75x .box11 .flex .s{font-size: var(--twenty);margin-top: var(--ten)}
#a75x .box11 img{width: 68.75vw;height: 35.9375vw;margin: var(--forty) auto 0 auto}

#a75x .box12 >:nth-child(1){margin-top: var(--hundred-fiffty);font-size: var(--fifty-four);}
#a75x .box12 >:nth-child(2){margin-top: var(--thirty);font-size: var(--hundred);}
#a75x .box12 .box12-1{margin-top: var(--eighty-two);height: 300vh}
#a75x .box12 .box12-1 .sticky-box{position: sticky;top: 13.02vw;}
#a75x .box12 .box12-1 .item-list{overflow: hidden;}
#a75x .box12 .box12-1 .img1{width: 25.9375vw;height: 35.78125vw;transform: translate(0, var(--sixty-two));will-change: transform; transition: transform 1s ease;}
#a75x .box12 .box12-1 .pa1{bottom: 0;left: 50%;z-index:2;transform: translate(-50%, 0);will-change: transform; transition: transform 1s ease;}
#a75x .box12 .box12-1 .img2{width: 25.9375vw;height: 32.552vw; }
#a75x .box12 .box12-1 .pa2{top: var(--thirty-five);left: 20.3125vw;z-index: 3;opacity: 0;transition: all 1s ease;}
#a75x .box12 .box12-1 .pa3{top: 8.75vw;left: 20.3125vw;z-index: 3;text-align: left;}
#a75x .box12 .box12-1 .pa3 .semibold{font-size: var(--sixty)}
#a75x .box12 .box12-1 .pa3 .regular{font-size: var(--twenty-four)}
#a75x .box12 .box12-1 .pa4{top: var(--thirty-five);right: 22.39583vw;z-index: 3;text-align: right;}
#a75x .box12 .box12-1 .pa4 .semibold{font-size: var(--sixty)}
#a75x .box12 .box12-1 .pa4 .regular{font-size: var(--twenty-four)}
#a75x .box12 .box12-1 .pa5{top: 14.375vw;right: 22.39583vw;z-index: 3;text-align: right;}
#a75x .box12 .box12-1 .pa5 .semibold{font-size: var(--sixty)}
#a75x .box12 .box12-1 .img3{width: 56.25vw;height: 12.76vw; }
#a75x .box12 .box12-1 .op{transform: translate(0, 10px);opacity: 0;transition: all 1s ease;}

#a75x .box13{background-color: #F6F6F6}
#a75x .box13-1{width: 68.75vw;margin: 0 auto;padding-top: 7.604vw}
#a75x .box13-1 .box13-1-1{margin-left: var(--hundred-one-eight);text-align: left}
#a75x .box13-1 .new_bolder{font-size: var(--thirty);border: 2px solid #000000;border-radius: var(--twenty-two);width: var(--hundred-ten);height: var(--forty-four);line-height: var(--forty-four);text-align: center}
#a75x .box13-1 .semibold{font-size: var(--eighty);}
#a75x .box13-1 .s{font-size: var(--twenty-four);line-height: 1.4}
#a75x .box13-1 img{width: 68.75vw;height: 32.8646vw;margin-top: var(--fifty-five)}
#a75x .box13-1 .box13-1-1 >:nth-child(3){margin-top: var(--forty);}
#a75x .box13 .flex{display: flex;justify-content: center;gap: var(--ninety-three);align-items: center;text-align: left;margin-top: var(--seventy);padding-bottom: var(--sixty-five)}
#a75x .box13 .flex .new_bolder{font-size: var(--thirty);border: 2px solid #000000;border-radius: var(--twenty-two);width: var(--hundred-ten);height: var(--forty-four);line-height: var(--forty-four);text-align: center}
#a75x .box13 .flex .semibold{font-size: var(--eighty);}
#a75x .box13 .flex .s{font-size: var(--twenty-four);margin-top: var(--fifty)}
#a75x .box13 .flex img{width: 25.4167vw;height: 35.104vw}

#a75x .box14 >:nth-child(1){font-size: var(--fifty-four);margin-top: var(--hundred-fiffty)}
#a75x .box14 >:nth-child(2){font-size: var(--hundred);margin-top: var(--twenty-four);}
#a75x .box14 >:nth-child(3){margin-top: var(--forty)}
#a75x .box14 .s{font-size: var(--twenty-four);line-height: 1.4}
#a75x .box14 .img1{margin: var(--seventy-nine) auto 0 auto;width: 40.1vw;height: var(--hundred-sixty-eight)}
#a75x .box14 .img{text-align: right;padding-bottom: 5.9375vw}
#a75x .box14 .img2{width: 71.1979vw;height: 28.33vw;}

#a75x .box15{background-color: #F6F6F6}
#a75x .box15 >:nth-child(1){font-size: var(--fifty-four);padding-top: var(--hundred-fiffty)}
#a75x .box15 >:nth-child(2){font-size: var(--hundred);margin-top: var(--twenty-four);}
#a75x .box15 >:nth-child(3){margin-top: var(--forty);font-size: var(--twenty-four)}
#a75x .box15 .img2{width: 44.427vw;height: 30.9375vw;margin-top: var(--fifty);}
#a75x .box15 .flex{display: flex;flex-wrap: wrap;column-gap: 16.667vw;margin-top: var(--sixty-eight)}
#a75x .box15 .flex .mt{position: relative;}
#a75x .box15 .flex .pa{top: 13.54167vw;left: 23.0729vw;text-align: left}
#a75x .box15 .flex .pa .semibold{font-size: var(--sixty);}
#a75x .box15 .flex .pa .s{font-size: var(--twenty-eight);line-height: 1.4;margin-top: var(--thirty)}

#a75x .box16{display: flex;height: 650px;background-color: #F6F6F6;align-items: center;row-gap: 55px;justify-content: center;margin-top: 104px}
#a75x .box16 .medium{font-size: var(--fifty);color: #000000}
#a75x .box16 img{width: 805px;height: 553px;}

#a75x .box17 .text-box{width: 1200px;margin: 120px auto;text-align: left}
#a75x .box17 .text-box >:nth-child(1){font-size: 16px;}
#a75x .box17 .text-box >:nth-child(2){font-size: 14px;margin-top: 40px;color: #666666;line-height: 1.6}



@keyframes cy_spin {
    0%{
        transform: rotate(0deg);
    }
    25%{
        border-top:2px solid transparent;
        border-right:2px solid #6EB3B6;
        border-bottom:2px solid transparent;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    50%{
        border-top:2px solid transparent;
        border-right:2px solid #6EB3B6;
        border-bottom:2px solid #6EB3B6;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    75%{
        border-top:2px solid transparent;
        border-right:2px solid #6EB3B6;
        border-bottom:2px solid #6EB3B6;
        border-left:2px solid #6EB3B6;
        transform: rotate(45deg);
    }
    100%{
        border:2px solid #6EB3B6;
        transform: rotate(45deg);
    }
}
@keyframes green_spin {
    0%{
        transform: rotate(0deg);
    }
    25%{
        border-top:2px solid transparent;
        border-right:2px solid #798865;
        border-bottom:2px solid transparent;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    50%{
        border-top:2px solid transparent;
        border-right:2px solid #798865;
        border-bottom:2px solid #798865;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    75%{
        border-top:2px solid transparent;
        border-right:2px solid #798865;
        border-bottom:2px solid #798865;
        border-left:2px solid #798865;
        transform: rotate(45deg);
    }
    100%{
        border:2px solid #798865;
        transform: rotate(45deg);
    }
}
@keyframes golden_spin {
    0%{
        transform: rotate(0deg);
    }
    25%{
        border-top:2px solid transparent;
        border-right:2px solid #8F8783;
        border-bottom:2px solid transparent;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    50%{
        border-top:2px solid transparent;
        border-right:2px solid #8F8783;
        border-bottom:2px solid #8F8783;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    75%{
        border-top:2px solid transparent;
        border-right:2px solid #8F8783;
        border-bottom:2px solid #8F8783;
        border-left:2px solid #8F8783;
        transform: rotate(45deg);
    }
    100%{
        border:2px solid #8F8783;
        transform: rotate(45deg);
    }
}
@keyframes black_spin {
    0%{
        transform: rotate(0deg);
    }
    25%{
        border-top:2px solid transparent;
        border-right:2px solid #1C1F26;
        border-bottom:2px solid transparent;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    50%{
        border-top:2px solid transparent;
        border-right:2px solid #1C1F26;
        border-bottom:2px solid #1C1F26;
        border-left:2px solid transparent;
        transform: rotate(45deg);
    }
    75%{
        border-top:2px solid transparent;
        border-right:2px solid #1C1F26;
        border-bottom:2px solid #1C1F26;
        border-left:2px solid #1C1F26;
        transform: rotate(45deg);
    }
    100%{
        border:2px solid #1C1F26;
        transform: rotate(45deg);
    }
}