.preloader {
                margin: 0px auto;
                box-sizing: border-box;
                height: 60px;
                border-radius: 50%;
                /* background: linear-gradient(#126e51 -50%,rgba(64, 150, 238, 0) 60%); */
                animation: roll-r 6s linear infinite;
                animation: spin 1s linear infinite;
                border: 6px solid #f3f3f3;
                border-top: 6px solid #126e51;
                width: 60px;
            }
            

            /* .preloader>div {
                padding:5px;
                animation:roll-l 2s linear infinite;
            } */
            .preloader>div:after {
                content:"";
                display:block;
                width:40px;
                height:40px;
                border-radius:50%;
                background:#fff;
            }

            @keyframes roll-r {
                0% {transform:rotate(0deg);}
                100% {transform:rotate(360deg);}
            }
            @keyframes roll-l {
                0% {transform:rotate(0deg);}
                100% {transform:rotate(-360deg);}
            }
            
            #preloder_main{				
                height: 100%;
                left: 0;
                margin-top: 30%;
                overflow: visible;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 99999;

            }