/* Containers */
body { background: var(--dark-1); }
.min-height-vh { min-height: 100vh !important; }
.row {
    padding-left: 200px; 
    padding-right: 200px; 
    transition: ease 0.3s all;
}
.section-container {
    padding-left: 200px; 
    padding-right: 200px; 
    transition: ease 0.3s all;
}
/* Ice Style */
.ice-style {
    border: solid 1px var(--transparent-2);
    background: var(--transparent-1);
    -webkit-backdrop-filter: blur(16.5px);
    backdrop-filter: blur(16.5px);
}
/* Décoration */
.border-none { border: none !important; }
.text-deco-none { text-decoration: none !important; }
.list-style-none { list-style: none !important; }
/* Gap */
.gap-6 { gap: 6px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }
.gap-24 { gap: 24px; }
.gap-32 { gap: 32px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-120 { gap: 120px; }
/* Margin */
.mt-100 { margin-top: 100px !important; }
.mb-32 { margin-bottom: 32px !important; }
.mb-64 { margin-bottom: 64px !important; }
.mb-100 { margin-bottom: 100px !important; }
/* Padding */
.p-64 { padding: 64px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-125 { padding-top: 125px !important; }
.pt-175 { padding-top: 175px !important; }
.pt-250 { padding-top: 250px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-75 { padding-bottom: 75px !important; }
.pb-100 { padding-bottom: 100px !important; }
/* Border Radius */
.br-5 { border-radius: 5px !important; }
.br-16 { border-radius: 16px !important; }
.br-24 { border-radius: 24px !important; }
.br-25 { border-radius: 25px !important; }
/* Z Index */
.z-index-12 { z-index: 12; }
.z-index-15 { z-index: 15; }
/* Position */
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.pos-fixed { position: fixed; }
.top-0 { top: 0; }
.left-0 { left: 0; }
/* Background Position */
.bg-pos-l { background-position: left; }
.bg-pos-b { background-position: bottom; }
/* Transition */
.transition-03 { transition: ease 0.3s all; }
.transition {
    width: calc(100px + 100vw) !important;
    max-width: calc(100px + 100vw) !important;
    height: 400px; 
    filter: blur(40px);
    position: absolute; 
    padding: 0;
    left: -50px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../img/bg/Blur_Transition-Bottom.png");
    z-index: 10 !important;
}
.transition-bb { bottom: -100px; }
.transition-bt { bottom: -300px; }
.transition-bc { bottom: -200px; }
.transition-tb { top: -100px; }
.transition-tt { top: -300px; }
.transition-tc { top: -200px; }
/* Scroll Bar */    
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #212529; }
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 25px;
}
::-webkit-scrollbar-thumb:hover { background: #555; }