.wrapper {
        position: relative;
  top: 0;
        width: 100%;
        height: 100vh;overflow: hidden;
        z-index: 1;
    }
    .sticky_layer{
        justify-content: center;
        align-items: center;
        height:99vh;
        display: flex;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
    .video-container1{
        width: 100%;
        overflow: hidden;
    }
    .hero_bg_video{
        object-fit: cover;
        z-index: -100;
        background-position: 50%;
        background-size: cover;
        width: 100%;
        height: 100%;
        margin: auto;
        position: absolute;
        top: -100%;
       bottom: -99.8%;
        left: -100%;
        right: -100%;
    }
    .zoom{
        flex-direction: column;
        justify-content: center;
        display: flex;
        position: relative;
        height:100vh;
        align-item:center;
        
        
    }
    .lh_svg{
        /* transform-origin: 53% 50% !important;  */
        transform-origin: 50% 50% !important; 
    }
    .svg {
        width: 100%;
        position: relative;
        box-shadow: inset 0 0 5px 5px #e9e9e9, 0 0 0 50vw #e9e9e9;
        
  /* transform: translateZ(0); */
    }
    .newpage{
        position: relative;
        padding-top:0 !important;
    }
    .bgchange{
        height:350px;
        display: flex;
        align-items:center;
        justify-content:center;
        color: #e9e9e9;
        font-size:30px;
        border-top:2px solid #e9e9e9;
    }
   
    /* Second Page*/
    .layers{
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height:100%;
    }
    .text_wapper{
        position: relative;
        width:  100%;
        display: flex;
        height: 100%;
        opacity: 0;
        margin-top:141px;
        flex-direction: column;
    }
    
    .first{
        color: black;
    }
    .bgcolor{
        background: black;
    }
    .layer-1-first,.layer-1-p{
        font-size:93px;
        z-index: 1;
        opacity: 0;
        font-family:inherit;
        text-align: center;
        color: #fff;
        font-weight:bold;
    }
    .layer-1-p{
        font-size:29px;
    }
    #layer1circle{
        position: absolute;
        top: 0;
        left: 0;
        width: 134px;  /* Initial size */
        height: 134px;
    }
    .changeblue{
        color:#2D2F75;
    }
    .triggerI{
        position:relative;
        z-index: 3;
      color:blue;
    }
    #sliding_video{
        /* transform: translate(0px, 444px); */
    }
    .zhide{
        display: none;
    }
    .slde_tranform{
           transform: translate(0px, 0px) !important;
    }
    @media (max-width: 992px) {
        .zoom {
            display: none !important;
        }
    }