body {
                font-family: "Montserrat", sans-serif;
                font-size: 1.125rem;
                font-weight: 400;
                line-height: 1.7;
                letter-spacing: 0.5px;
                margin: 0;
                padding: 0;
            }
            .wht {
                color: white;
                text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
            }
            .drk {
                color: #2c3e50;
            }
            .va {
                background-color: #4F8C7C;
            }
            .ig{
                background-color: #F5EEE8;
            }
            .cs {
                background-color: #2F2F2f;
            }
            .cc {
                background-color: #E45C2C;
            }
            .bb {
                background-color: #1E4F82;
            }
            .lead p {
                font-size: 1.45rem;
            }
            .plx {
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 30px 0px 30px 0px;
            }
            .plx p {
                padding-bottom: 1rem;
                margin-bottom: .5rem;
            }
            .plx img {
                padding: 1rem;
                margin-bottom: 2rem;
            }               
            hr {
                margin-bottom: 2rem;
            }
            .plx h1 {
                font-family: "Orbitron", sans-serif;
                font-weight: 700;
                margin-bottom: 1rem;
            }
            .plx h2 {
                font-family: "Orbitron", sans-serif;
                font-weight: 600;
                margin-bottom: 1rem;
            }
            .plx h3 {
                font-family: "Orbitron", sans-serif;
                font-weight: 500;
                margin-bottom: 1rem;
                margin-top: 1rem;
            }
            .hro {
                padding-top: 40px;
            }
            .hro img {
                max-width: 700px;
                height: auto;
            }

            .glass {
                padding: 20px;
                background: rgba(255, 255, 255, 0.15);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                border: 1px solid rgba(255, 255, 255, 0.25);
                border-radius: 16px;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
            }

            .lft {
                text-align: left;
            }
            .bcka {
                background-image: url('https://onomedia.nyc3.cdn.digitaloceanspaces.com/elektro/images/Background_A.png');
            }
            .bckc {
                background-image: url('https://onomedia.nyc3.cdn.digitaloceanspaces.com/elektro/images/Background_C.png');
            }
            .bckd {
                background-image: url('https://onomedia.nyc3.cdn.digitaloceanspaces.com/elektro/images/Background_D.jpg');
            }            
            .list {
                padding: 15px;
                margin-bottom: 30px;
            }
            .list a {
                color: #F5EEE8;
                text-decoration: none;
                font-family: "Montserrat", sans-serif;
            }
            .btn-secondary {
                background-color: #E45C2C !important;
                font-size: 1.25rem !important;
                font-weight: 700;
            }.sr {
              color: #ffffff;
            }
            .bg-dark {
                background-color: #1E4F82 !important;
            }
            .navbar-brand {
                font-family: "Orbitron", sans-serif;
                font-weight: 600;
                font-size: 28px;
            }

            
            .JHW {
                background-color: #4F8C7C !important;
                 background-image: url('https://onomedia.nyc3.cdn.digitaloceanspaces.com/elektro/images/Background_B.png');
               
            }

            .offcanvas a {
                color: #ffffff !important;

            }


            .offcanvas-title {
                color: #ffffff !important;
                font-family: "Orbitron", sans-serif;
                font-weight: 600;
            }
/*
            .offcanvas a {
                color: #ffffff !important;
                color: rgb(33, 37, 41) !important;
            }

            .offcanvas-header .btn-close {
                color: rgb(33, 37, 41) !important;
            }
                */

            /* Social icon styling */
            .social-icons a {
            color: #ffffff !important;      /* force white */
            font-size: 2.5rem;              /* make icons larger */
            text-decoration: none !important; /* remove underline */
            margin: 0 14px;
            display: inline-block;
            transition: transform 0.2s ease, opacity 0.2s ease;
            }

            /* Hover effect */
            .social-icons a:hover {
            opacity: 0.8;
            transform: translateY(-3px);
            text-decoration: none;
            }