.Products {
    display: flex;
    gap:30px;
    margin: 0 auto;
    padding: 16px;
    background: linear-gradient(to top, rgb(133, 110, 198), transparent), url("Images/AeroPeek.png");
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.8px);
    -webkit-backdrop-filter: blur(6.8px);
    border: 1px solid rgba(202, 157, 251, 0.47);
    height: auto;
    background-repeat: no-repeat;
    background-size:cover;
}

.Information {
    margin:left;
    width:70%;
}

.Shop p {
    background: linear-gradient(to bottom,
    rgba(206,237,252,0.7) 0%,
    rgba(181,209,214,0.5) 55%,
    rgba(169,194,197,0.5) 55%,
    rgba(174,193,193,0.7) 100%);
}

.Shop {
    background: linear-gradient(to top, rgba(146, 249, 249, 0.4), transparent);
    width:30%;
    text-align: center;
    top:auto;
    right:auto;
    border-radius: 16px;
}

#loader{
    position:fixed;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;

    background:url("Images/Wallpaper\ for\ Website.png") center/cover no-repeat;
    z-index:99999;

    transition:opacity .8s ease;
}

#loader.fade{
    opacity:0;
    pointer-events:none;
}

#loadingVideo{
    width:180px;
    user-select:none;
}

#loadingText{
    font-size:18px;
    margin:0;
}

#loader [role="progressbar"]{
    width:320px;
}
.Home{
    background: linear-gradient(to top, rgba(10, 229, 61, 0.522), rgba(22, 132, 5, 0.456)), url("Images/AeroPeek.png");
    color: white;
    padding: 16px;
    border-radius: 16px;
    box-shadow:
    inset 0 1px rgba(255,255,255,.7),
    inset 0 0 18px rgba(255,255,255,.18),
    0 10px 30px rgba(0,0,0,.18);
}

.Pro{
    background: linear-gradient(to top, rgba(36, 10, 229, 0.522), rgba(11, 5, 132, 0.456)), url("Images/AeroPeek.png");
    color:white;
    padding: 16px;
    border-radius: 16px;
    box-shadow:
    inset 0 1px rgba(255,255,255,.7),
    inset 0 0 18px rgba(255,255,255,.18),
    0 10px 30px rgba(0,0,0,.18);
}

.Ultimate{
    background: linear-gradient(to top, rgba(47, 6, 63, 0.522), rgba(15, 4, 36, 0.456)), url("Images/AeroPeek.png");
    color: white;
    padding: 16px;
    border-radius: 16px;
    box-shadow:
    inset 0 1px rgba(255,255,255,.7),
    inset 0 0 18px rgba(255,255,255,.18),
    0 10px 30px rgba(0,0,0,.18);
}

.Home-Box img{

    width:100%;

    display:block;

    margin-bottom:10px;

    transition:
        transform .25s ease-in-out,
        filter .25s ease-in-out;

}

.activeHome-Box img{
    transform:scale(1.05);
    filter:drop-shadow(0 0 10px rgba(255,255,255,.7));
}

.Home-Box:hover img{
    transform:scale(1.03);
}

.Pro-Box img{

    width:100%;

    display:block;

    margin-bottom:10px;

    transition:
        transform .25s ease-in-out,
        filter .25s ease-in-out;

}

.activePro-Box img{
    transform:scale(1.05);
    filter:drop-shadow(0 0 10px rgba(255,255,255,.7));
}

.Pro-Box:hover img{
    transform:scale(1.03);
}

.Ultimate-box img{

    width:100%;

    display:block;

    margin-bottom:10px;

    transition:
        transform .25s ease-in-out,
        filter .25s ease-in-out;

}

.activeUltimate-box img{
    transform:scale(1.05);
    filter:drop-shadow(0 0 10px rgba(255,255,255,.7));
}

.Ultimate-box:hover img{
    transform:scale(1.03);
}