.custom-zoom-in-section{
                 position: relative;
                 width: 100%;
                 height: 100vh;
                 background-color: #027fc3;
            }
            .video-container{
                position: relative;
                width: 100%;
                height: 100vh;
                opacity: 0;
            }

            video{
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 5;
            }

            .video-container svg {
                position: absolute;
                bottom: 60px;
                left: 50%;
                transform: translateX(-50%);
                width: 30px; /* Adjust size as needed */
                animation: bounceDown 2s infinite;
                z-index: 30;
                pointer-events: auto;
            }
          .mask-container {
              position: absolute;
              top: 0;
              left: 0;
              width: 100vw;
              height: 100vh;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: transparent;
              overflow: hidden;
              /*opacity: 0;*/
              /*transition: opacity 0.5s ease-in-out;*/
              z-index: 2;
              
            }

            .mask-container svg {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: contain;
                backface-visibility: hidden;
               -webkit-transform: translate3d(0,0,0);

            }

            .view-full-text{
                color: #fff;
                font-size: 16px;
                font-family: 'gellix', sans-serif;
                text-transform: uppercase;
                position: absolute;
                bottom: 120px;
                left: 50%;
                transform: translateX(-50%);
                z-index: 30;
                pointer-events: auto;
            }

            .loader-wrapper {
                position: relative;
                width: 100%;
                height: 100vh;
            }

            .loader-wrapper svg {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: contain;
            }

            .loader-text{
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                bottom: 0;
            }

            .animated-container {
              /*opacity: 0;*/
              pointer-events: none;
              position: relative;
              z-index: 1;
              background-color: #027fc3;
               width: 100vw;
                left: 50%;
                right: 50%;
                margin-left: -50vw;
                margin-right: -50vw;
            }
            .loader-container {
              z-index: 3;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100vh;
              background-color: #027fc3;
              transition: opacity 0.5s ease-in-out;
            }
            .loader-text{
                opacity: 0;
            }
            .header {
              z-index: 120000;
              opacity: 1;
              will-change: transform, opacity;
              transform: translateZ(0);
              transition: background-color 0.3s ease, box-shadow 0.3s ease;
            }
            @keyframes bounceDown {
                0%, 20%, 50%, 80%, 100% {
                    transform: translateX(-50%) translateY(0);
                }
                40% {
                    transform: translateX(-50%) translateY(10px);
                }
                60% {
                    transform: translateX(-50%) translateY(6px);
                }
            }