body {
       font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;

       /* premium effect */
       /* margin: 20px 20px 20px 20px; */
   }



   html,
   body {
       scroll-behavior: smooth;
       background: linear-gradient(135deg,
               rgba(56, 23, 91, 1),
               rgba(29, 16, 48, 1),
               rgba(8, 10, 17, 1),
               rgba(12, 18, 37, 1),
               rgba(21, 39, 86, 1));
       background-attachment: fixed;
       background-color: #0B101A;
       overflow-x: hidden;
       -webkit-backface-visibility: hidden;
       -webkit-transform: translateZ(0);
       backface-visibility: hidden;
       transform: translateZ(0);
   }



   [id] {
       scroll-margin-top: 80px;
   }



   .section-container {
       padding-left: 1rem;
       padding-right: 1rem;
   }

   @media (min-width: 768px) {
       .section-container {
           padding-left: 2rem;
           padding-right: 2rem;
       }
   }

   @media (min-width: 1024px) {
       .section-container {
           padding-left: 3rem;
           padding-right: 3rem;
       }
   }



   .hero-video {
       position: absolute;
       inset: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       z-index: 0;
   }

   .hero-overlay {
       position: absolute;
       inset: 0;
       background: rgba(0, 0, 0, 0.45);
       z-index: 1;
   }




   .container-pad {
       padding-left: 1rem;
       padding-right: 1rem;
   }

   @media (min-width: 768px) {
       .container-pad {
           padding-left: 2rem;
           padding-right: 2rem;
       }
   }

   @media (min-width: 1024px) {
       .container-pad {
           padding-left: 3rem;
           padding-right: 3rem;
       }
   }