*, ::after, ::before {box-sizing: border-box;}
@font-face {
    font-family: 'VCR OSD Mono';
    src: url('../assets/fonts/VCR_OSD_MONO_1.001.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Optional: ensures text remains visible during webfont load */
}
body{font-family:'VCR OSD Mono', sans-serif;font-weight:400;font-size:16px;font-style:normal;line-height:24px;color:rgba(255, 255, 255, 0.6);margin:0;padding:0}
a,a:hover,a:focus{text-decoration:none}
a{color:rgba(255, 255, 255, 0.6)}
.container-top{position:relative;margin:0 auto}
#kappa-home{height:115px}
.headerDiv{width:100%;background:#000;z-index:999;position:fixed;top:0;left:0;height:fit-content}
.header{padding-top:40px;padding-bottom:25px}
.header_in{width:100%;display:flex;justify-content:space-between}
.kappaLogo{width:40%;padding-left:1%}
.kappaLogo svg{width:100%;max-width:179px;height:72px}
.container{width:100%}
.m-auto{margin:auto !important;}
.text-left{text-align:left}
.position-relative{position:relative}
.position-absolute{position:absolute}
.container-b1,.container-b3{background:#000}
.container-b2{background:#0d0d0d}
.container-b1,.container-b2{overflow-x:hidden;-ms-overflow-x:hidden}
.flex-1{display:flex;flex-wrap:wrap;margin:0 -6px;max-width:100%}
.column{padding:0 6px;box-sizing:border-box;display:flex;margin-bottom:12px}
.col-4{width:25%}
.col-3{width:33.333333%}
.col-2{width:50%}
.col-2-1{width:32%}
.col-2-2{width:68%}
.col-100{width:100%}
.column-content{width:98%;padding:1%}
.p-0{padding:0}
.logo2{width:100%;max-width:500px;margin-top:55px;margin-bottom:55px}
.para1,.para2{width:98%}
.para3{width:100%}
h1,h2,h3{color:#fff}
h1,h3{line-height:normal;font-weight:700;letter-spacing:4.8px}
h1{font-size:30px;margin-bottom:30px;text-transform: uppercase  }
h3{font-size:24px;margin-bottom:5px}
h2{font-size:32px;line-height:normal;font-weight:700}
.footer p{margin-top:0.8em}
.footer-links{position:relative}
.footer .contact .email{font-size:20px;line-height:normal;color:#fff;font-weight:700;text-decoration:none}
.contact h3{margin-top:2px}
.copyright{font-size:12px}
.social-media-links p{display:flex;justify-content:space-between;max-width:150px;align-items:center}
.section-links p a{font-size:18px;color:#fff;font-weight:700}
.privacy-terms{font-size:14px;color:#666;position:absolute;bottom:34px;right:0;display:flex;gap:5px}
.privacy-terms a{color:#666;font-weight:400;white-space:nowrap}

.footer-common {background: #EAEAEA}
.home-contact {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 0;
    gap: 4.5%;
}
.home-contact img {
    width: 100%;
    max-width: 397px;
    height: auto;
}
.home-contact div {
    color: #000;
    font-size: 36px;
    line-height: 32px;
    text-transform: uppercase;
}
.bottom-menus {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4%;
    background-color: #121212;
    padding: 15px 0;
    box-sizing: border-box;
}

.bottom-menus a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 28px;
    padding: 5px 0;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.socialIcons {
    width: 99%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10%;
    padding: 100px 0;
}
.socialIcons svg {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    border: 2px solid #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
}
@media (max-width: 1830px) {
    .header {
        background-size: 90% auto, 85% auto;  /* Scale down proportionally on smaller screens */
    }
    .bottom-menus {
        gap: 3%;
    }
    .bottom-menus a {
        font-size: 24px;
    }
}
@media (max-width: 1285px) {
    .bottom-menus {
        gap: 15px;
    }
    .bottom-menus {
        gap: 2%;
    }
    .bottom-menus a {
        font-size: 18px;
        padding: 6px 10px;
    }
}
@media screen and (max-width: 1060px) {
    .home-contact {
        padding: 50px 0;
    }
    .home-contact img {
        max-width: 200px;
    }
    .home-contact div {
        font-size: 20px;
        line-height: 22px;
    }
    .bottom-menus {
        gap: 1%;
    }
    .bottom-menus a {
        font-size: 13px;
    }
}
@media only screen and (min-width:576px){.container{max-width:540px}}
@media only screen and (min-width:768px){.container{max-width:720px}}
@media only screen and (min-width:992px){.container{max-width:960px}}
@media only screen and (min-width:1200px){.container{max-width:1140px}}
@media only screen and (min-width:1400px){.container{max-width:1320px}}
@media only screen and (max-width:1199px){video{top:-10px}}
@media only screen and (max-width:1320px) {
    body{font-size:14px;line-height:20px}
    h2{font-size:28px}
}
@media only screen and (max-width:1199px) {
    .footer-links .col-3{width:27.8%}
    .privacy-terms{font-size:13px;gap:4px}
}
@media only screen and (max-width:991px) {
    .col-3{width:50%}
    .logo2{max-width:80%}
    .footer-links{margin-bottom:30px}
    .footer-links .col-3{width:50%}
    .copyright p{position:absolute;bottom:-10px}
}
@media screen and (max-width: 768px) {
    .bottom-menus {
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 10px 2%;
    }
    .bottom-menus a {
        width: 100%;
        text-align: center;
        padding: 10px;
        font-size: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .bottom-menus a:last-child {
        border-bottom: none;
    }
    .socialIcons {
        padding: 60px 0;
        gap: 8%;
    }
    .socialIcons svg {
        width: 45px;
        height: 45px;
        padding: 5px;
    }
}
@media only screen and (max-width:767px) {
    .header{padding-top:20px;padding-bottom:2px}
    .header_in{justify-content:space-around}
    .kappaLogo{width:35%}
    .logo2{margin-bottom:20px}
    h1,h3{letter-spacing:4px;font-size:21px}
    /*.col-less{width:99%}*/
    .flex-1{flex-direction:column}
    .col-2,.col-3,.col-2-1,.col-2-2{width:100%}
    .column-content{padding:0 10px 10px 10px}
    p{margin-top:0}
    .para1{margin-bottom:0}
    .footer{position:relative;padding-bottom:25px;margin-bottom:30px}
    .footer .contact .email{font-size:18px}
    .contact{width:100% !important}
    .social-media-links,.copyright{position:absolute}
    .social-media-links{top:10px;right:0;width:50%;max-width:155px}
    .footer h3{margin-top:0}
    .privacy-terms,.copyright{text-align:center}
    .privacy-terms{position: unset}
    .wrapper{margin: auto auto 40px auto;}
    .section-links p a{font-size:16px}
    .privacy-terms{justify-content:center;flex-wrap:wrap}
    .copyright{bottom:-70px;width:100% !important;}
    .copyright p{position:unset}
}
@media only screen and (max-width:575px){
    .container{width:99%;margin:auto}
    .home-contact {
        padding: 50px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .home-contact img {
        max-width: 250px;
    }
    .home-contact div {
        font-size: 18px;
        line-height: 20px;
    }
    .socialIcons {
        padding: 60px 0;
        gap: 7%;
    }
    .socialIcons svg {
        width: 45px;
        height: 45px;
        padding: 5px;
    }
}
@media (max-width: 378px) {
    .home-contact div {
        font-size: 16px;
        line-height: 20px;
    }
    .bottom-menus a {
        font-size: 13px;
        padding: 8px;
    }
}
.flex-3{justify-content: flex-end}
.text-right{text-align: right}