body{
    font-family: 'Goldman', sans-serif;
    padding: 0vh 0vh;
    margin: 0vh 0vh;
    box-sizing: border-box;
    background-color: #001925;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}


::-webkit-scrollbar {
    width: .25rem;
    height: .25rem;
  }
  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background: #4D798F;
    border-radius: 0px;
  }
  ::-webkit-scrollbar-track {
    background: radial-gradient(circle, rgb(0, 34, 51) 0%, rgb(0, 25, 37) 100%);
    border-radius: 0px;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }

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

.container{
    width: 1440px;
    height: fit-content;
    padding: 1.75rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2.08%;
    box-sizing: border-box;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/d28f3bd43dae19401a1e84a20b8e7f589192c3f0.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
}

.show{
    opacity: 1 !important;
    transform: translateY(0) !important; 
}

/* Base Header Styles */
.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0% 2.7%;
    position: relative;
    background-color: #001925;
}

/* Left Section */
.header-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.2%;
}

/* Logo Animation */
.header-logo {
    opacity: 0;
    transform: translateX(-2.5rem);
    animation: slideInLeft 2s forwards;
    width: 14.0625rem;
}

@keyframes slideInLeft {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Navigation Links */
.categories {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.375rem;
}

.categories a {
    text-decoration: none !important;
    font-size: 1.125rem;
    color: #4D798F;
    transition: all ease-in .3s;
}

.categories a:hover {
    color: #00F598;
}

/* Animated Categories */
.cat {
    opacity: 0;
    transform: translateY(1.25rem);
    animation: fadeInUp 0.5s forwards;
    animation-delay: 0.5s;
}

.cat:nth-child(1) { animation-delay: 1s; }
.cat:nth-child(2) { animation-delay: 1.2s; } 
.cat:nth-child(3) { animation-delay: 1.4s; }
.cat:nth-child(4) { animation-delay: 1.6s; }

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Right Section */
.header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

/* Currency Dropdown */
.currency-select {
    font-family: 'Goldman', sans-serif;
    font-size: 1.125rem;
    color: #4D798F;
    transition: all ease-in .3s;
    padding: 1.125rem 1.5rem;
    background-color: #001925;
    border: 0.0625rem solid #00344D;
    opacity: 0;
    transform: translateY(1.25rem);
    animation: fadeInUp 0.5s ease-out forwards;
    animation-delay: 1s;
}

/* Basket & CFX Icons */
.basket-icon, .cfx-icon {
    width: 3.5rem;
    height: 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    transition: all ease-in .3s;
    opacity: 0;
    transform: translateY(1.25rem);
    animation: fadeInUp 0.5s ease-out forwards;
}

.basket-icon {
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/27284335f5c649bdc3b78911c086ae531a77c5b9.png');
    background-color: #072231;
    animation-delay: 1.2s;
}

.basket-icon:hover {
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/020f86baceb958d4c104f376273d507c3d52dd3c.png');
    background-color: #00F598;
}

.cfx-icon {
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/efa2844b9bf8b468ede2987ffa09fd4a8e678759.png');
    background-color: #00F598;
    animation-delay: 1.4s;
}

/* Login Button */
.login {
    clip-path: polygon(83% 0, 100% 30%, 100% 100%, 0 98%, 0 0);
    width: 6.3125rem;
    height: 3.4375rem;
    background-color: #00F598;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transform: translateY(1.25rem);
    animation: fadeInUp 0.5s ease-out forwards;
    animation-delay: 1.6s;
}

.login-text {
    text-decoration: none !important;
    font-size: 1.125rem;
    color: #1B1B1B;
}

/* Responsive Design */


.slider{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/5d992cecc3fb06f1b47f8c9c018230b74f8670d1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 2 / 1;
    animation: slidermove 2s;
    transition: all ease-in-out 2s;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.125rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: 1.75rem;
}


@keyframes slidermove {
    0% {opacity: 0; margin-top: 9.375rem; width: 90%;}
    100% {opacity: 1; margin-top: 1.75rem; width: 100%;}
}

@keyframes slideInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.slider-title{
    font-size: 3rem;
    font-weight: bold;
    color: #FFFFFF;
    max-width: 70%;
    text-align: center;
    animation-delay: 2s;
    opacity: 0;
    transform: translateY(-1.25rem);
    transition: all ease;
    animation: slideInUp 0.5s forwards;
    animation-delay: 1.5s;      
    z-index: 15;
}
.slider-title .colorize{
    background: linear-gradient(0deg, rgba(0,245,152,0.5) 0%, rgba(0,245,152,0) 100%);
    display: inline-block;
    color: #00F598;
}
.slider-subtitle{
    text-align: center;
    max-width: 60%;
    font-size: 1.125rem;
    color: #92D4F3;
    opacity: 0;
    transform: translateY(-1.25rem);
    transition: all ease;
    animation: slideInUp 0.5s forwards;
    animation-delay: 2s;      
    z-index: 15;
}
.slider-buttons{
    margin-top: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 50%;
    gap: .5rem;
    z-index: 15;
    opacity: 0;
    transform: translateY(1.25rem);
    transition: all ease;
    animation: slideInUp 0.5s forwards;
    animation-delay: 2.5s;
}
.explores{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.5rem;
    transition: all ease .3s;
}
.explores:hover{
    transform:  translateY(-10px);
}
.explore-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/7f7df945322e4e501e899b1959678b9673aebda8.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #00F598;
}
.explore-text{
    background-color: #00F598;
    height: 3.5rem;
    width: 12.125rem;
    clip-path: polygon(90% 0, 100% 38%, 100% 100%, 0 100%, 0 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.explore-text .text{
    text-decoration: none !important;
    font-size: 1.125rem;
    color: #1B1B1B;
}


.discords{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: .5rem;
    transition: all ease .3s;
}
.discords:hover{
    transform:  translateY(-10px);
}
.discord-text{
    background-color: #072231;
    height: 3.5rem;
    width: 12.125rem;
    clip-path: polygon(10% 0, 0% 38%, 0% 100%, 100% 100%, 100% 0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.discord-text .text{
    text-decoration: none !important;
    font-size: 1.125rem;
    color: #92D4F3;
}
.discord-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/6a174abf73310ed44d78e91ecaf1b2f67af697fa.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #072231;
}

.subtract-icon {
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    position: absolute;
    z-index: 10;
}

.left-icon {
    width: 3.75rem;
    height: 3.75rem;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/0d6e80c25b95a88f2cecb5e433130b84a734d929.png');
    left: -20%;
    top: -10%;
    animation: slideInFromLeft 2s ease forwards;
}

.left1-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/0d6e80c25b95a88f2cecb5e433130b84a734d929.png');
    top: 105%;
    left: -20%;
    animation: slideInFromLeft1 1.5s ease forwards;
}

.right-icon {
    width: 3.75rem;
    height: 3.75rem;
    top: -7%;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/0d6e80c25b95a88f2cecb5e433130b84a734d929.png');
    right: -20%;
    animation: slideInFromRight 1.5s ease forwards;
}

.right1-icon {
    width: 3.75rem;
    height: 3.75rem;
    top: 107%;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/0d6e80c25b95a88f2cecb5e433130b84a734d929.png');
    right: -20%;
    animation: slideInFromRight1 1.5s ease forwards;
}


@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        rotate: 90deg;
    }
    100% {
        left: 22%;
        top: 20%;
        opacity: 1;
        rotate: 0deg;
    }
}
@keyframes slideInFromLeft1 {
    0% {
        opacity: 0;
        rotate: 90deg;
    }
    100% {
        left: 15%;
        top: 55%;
        opacity: 1;
        rotate: 40deg;
    }
}


@keyframes slideInFromRight {
    0% {
        opacity: 0;
        rotate: 90deg;
    }
    100% {
        top: 25%;
        right: 18%;
        opacity: 1;
        rotate: 80deg;
    }
}
@keyframes slideInFromRight1 {
    0% {
        opacity: 0;
        rotate: 90deg;
    }
    100% {
        top: 58%;
        right: 21%;
        opacity: 1;
        rotate: 40deg;
    }
}

.subtract-icon:nth-child(1) {
    animation-delay: 1.5s;
}

.subtract-icon:nth-child(2) {
    animation-delay: 1.7s;
}

.subtract-icon:nth-child(3) {
    animation-delay: 1.9s;
}

.subtract-icon:nth-child(4) {
    animation-delay: 2.1s;
}

.product-cards{
    padding-top: 6.25rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    /* background-image: url('assets/dot-bg.svg');
    background-repeat: no-repeat;
    background-position: top; */
    background-size: 94%;
    opacity: 0;
    transform: translateY(3rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.products-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
}
.products-title .main-title{
    background: linear-gradient(0deg, rgba(0,245,152,0.5) 0%, rgba(0,245,152,0) 100%);
    display: inline-block;
    color: #00F598;
    font-size: 2.25rem;
    font-weight: bold;
}
.products-title .sub-title{
    text-align: center;
    color: #92D4F3;
    font-size: 1.125rem;
    max-width: 36.25rem;
    font-weight: 300;
    text-shadow: 0px 0px 1.875rem rgb(0, 53, 77);
}

.products-slider{
    width: 94%;
    height: 30rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(3rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.product-item{
    width: 33%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #001925;
    border: .0625rem solid #00344D;
}
.product-item .thumbnail{
    width: 100%;
    height: 50%;
    object-fit: cover;
}

.product-item .product-details{
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    padding: 1.25rem 1.25rem;
}
.product-item .product-info{
    display: flex;
    flex-direction: column;
    gap: .4375rem;
}
.product-item .product-info .title{
    color: #92D4F3;
    font-size: 1.375rem;
}
.product-item .product-info .subtitle{
    color: #4D798F;
    font-size: 1rem;
}
.product-details .prices{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: .875rem;
}
.prices .mainprice{
    color: #00F598;
    font-size: 1.375rem;
}
.prices .lineprice{
    color: #4D798F;
    font-size: 1rem;
}

.product-item .buy-div{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: .375rem;
}
.buy-div .buynow{
    width: 85%;
    height: 3.5rem;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/9bef9aecdd84d22835b857f07007ecc67030065d.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #92D4F3;
    font-size: 1rem;
    transition: all ease .5s;
}
.buynow:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/05de25e093ab8abab0184e542445572d865bcb52.png');
    color: #1B1B1B;
}
.buy-div .addtob{
    width: 15%;
    height: 3.5rem;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/27284335f5c649bdc3b78911c086ae531a77c5b9.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: #072231;
    transition: all ease .5s;
}
.addtob:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/020f86baceb958d4c104f376273d507c3d52dd3c.png');
    background-color: #00F598;    
}

.landing-info{
    width: 94.65%;
    height: 19rem;
    margin: 0px 2.5rem;
    margin-top: 9.375rem;
    margin-bottom: 9.375rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 3.125rem;
    opacity: 0;
    transform: translateY(3rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.landing-info .info-texts{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 10%;
    box-sizing: border-box;
}
.info-texts .title{
    font-size: 2.25rem;
    color: #FFFFFF;
    font-weight: bold;
}
.info-texts .title .colorize{
    background: linear-gradient(0deg, rgba(0,245,152,0.5) 0%, rgba(0,245,152,0) 100%);
    display: inline-block;
    color: #00F598;
}
.info-texts .subinfo{
    font-size: 18px;
    color: #92D4F3;
    font-weight: 400;
}
.landing-info .info-items{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    gap: 2%;
}
.info-items .info-item{
    width: 48%;
    height: 48%;
    background-color: #061C28;
    border: .0625rem solid #00344D;
    padding: 1.125rem 1.125rem;
    transition: all ease .5s;
}
.info-item:hover .title{
    color: #00F598;
}
.info-item:hover .sub-text{
    color: #92D4F3;
}

.item1{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/ca691bba8c064b39712bbb83dadbf099b535036f.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    border: none !important;
}
.item4{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/81e184babfc0cc7412bd3eabbba562e6d52f579f.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent !important;
    border: none !important;
}
.info-item  .title{
    width: 100%;
    height: 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: .5rem;
    color: #92D4F3;
    font-size: 1.25rem;
    font-weight: bold;
    transition: all ease .5s;
}
.info-item .info-icon{
    width: 3.375rem;
    height: 3.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: fill;
    transition: all ease .5s;
}
.info-item .sub-text{
    color: #4D798F;
    font-size: 1rem;
    font-weight: 400;
    transition: all ease .5s;
}
.item1 .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/25cf88da3c8f250a44f2477cff18f28bb6bb7acc.png');
}
.item1:hover .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/144f9383227ebef151a73e69af9ef43ba0fe0e47.png');
}
.item2 .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/6ca6bb9aee919e2040341f22bcf293880e3def57.png');
}
.item2:hover .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/dd580dabbab287d773eeb7919fd96f546fe8446d.png');
}
.item3 .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/cbd96b5eb3dd088452388d8c75a4798914789729.png');
}
.item3:hover .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/b30e104f87c1bf24e88dd28a2e81cef9fedeb6d9.png');
}
.item4 .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/b586956b3c01f4a325641883633835b2c1bf214d.png');
}
.item4:hover .info-icon{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/520bac56fffb075dc2838162a2b9cb51309ba5ad.png');
}


.footer{
    width: 94.65%;
    height: 23.0625rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0px 2.5rem;
    box-sizing: border-box;
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/3cb7e014c54d6627e7a17f0a636742685002aadc.png');
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(3rem);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.footer .copyrights{
    font-size: .875rem;
    color: #4D798F;
}
.footer-content{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    padding: 3rem 3rem;
    margin-top: 2.25rem;
}
.footer .evo-des{
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 1rem;
    font-size: 16px;
    color: #4D798F;
}
.footer .evo-logo{
    width: 225px;
}

.footer .contacts{
    width: 100%;
    height: 5.6875rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    gap: 1%;
}
.footer .contanct-item{
    width: 24%;
    height: 100%;
    background-color: #072231;
    background-repeat: no-repeat;
    background-position: top 20% center;
    background-size: 30%;
    box-sizing: border-box;
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: end;
    font-size: .875rem;
    color: #92D4F3;
    padding: 1rem 1rem;
    transition: all ease .3s;
}
.contanct-item:hover{
    color: #1B1B1B;
    background-color: #00F598;
    border-radius: .3125rem;
}
.contacts .discord{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/6a174abf73310ed44d78e91ecaf1b2f67af697fa.png');
}
.contacts .youtube{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/87b1dd7ba6265fffd26a1a5087c8512e25f28e2f.png');
}
.contacts .email{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/2821311fc99708940aec26e10b629cb3bb89efa6.png');
}
.contacts .cfx{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/8e9f1205397e62fab664887e087a399b61282d32.png');
}

.discord:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/aa4c5856afdeccf7225fe9a1f2772d6a17219c66.png');
}
.youtube:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/87b13024fe91672382b5c740af6110ff812b5919.png');
}
.email:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/457e1b3db2c4f8db0c40ec6e579532cefe9c222b.png');
}
.cfx:hover{
    background-image: url('https://cdn.tebex.io/store/1409086/templates/179372/assets/35146ece36bb9340a2c364ca908fd2c41dea56cb.png');
}

.footer-content .footer-item-tilte{
    font-size: 1.125rem;
    color: #92D4F3;
    margin-bottom: 1.5rem;
}
.footer-content .footer-item-list a{
    text-decoration: none;
    color: #4D798F;
    font-size: 1.125rem;
    transition: all ease .2s;
}
.footer-content .footer-item-list a:hover{
    text-decoration: none;
    color: #00F598;
}
.footer-content .footer-item-list li{
    margin-bottom: 1rem;
}