.ani-wrapper{
	height:109px;width:60px;margin: 30px auto;
	
}

.ani-wrapper svg{
	opacity: 1;
  	-webkit-animation: rotate 4s ease-out  infinite;
  	animation: rotate 4s ease-out  infinite;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
#Check{
	opacity: 0;
  	-webkit-animation: fadeIn 4s ease-out infinite;
  	animation: fadeIn 4s ease-out infinite;

	
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
		opacity: 0;
  }
  5% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 0;
  }
  10% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 1;
  }

  25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
	  opacity: 1;
  }
  95% {
    
	  opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	  opacity: 0;
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
		opacity: 0;
  }
  5% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 0;
  }
  10% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	opacity: 1;
  }

  25% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
	  opacity: 1;
  }
  95% {
    
	  opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	  opacity: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  25% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
	95% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  25% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
	95% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

.screenalert {display:none; z-index: 1}
.st-0{fill:none;}
.st-1{fill:none;stroke:#ffffff;stroke-width:2;}
.st-2{fill:none;stroke:#ffffff;stroke-width:2;}
.st-3{fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;}
.st-4{fill:#ffffff;}
.st-5{fill:#ffffff;}
@media (max-height: 600px) and (orientation: landscape){
    #content, footer { display: none}
	.screenalert {
            height: 100dvh;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
		    background-color:#23364F;
		    z-index:1049;
		    position:relative;
            color:#ffffff;

    }
    body{
        max-height: 100vh!important;
        overflow: hidden
    }
}