*{
    font-family: 'Cairo', sans-serif;
    color: black;
    font-weight: bold;
 }
.loding {
width: 150px;
height: 150px;
margin: 20px auto;

}

.loding h1 {
text-align: center;
font-size: 14px;
color: rgb(29, 32, 32);
font-weight: bold;
}

.lds-hourglass {
display: inline-block;
position: relative;
width: 150px;
height: 150px;
}

.lds-hourglass:after {
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 40px;
box-sizing: border-box;
border: 32px solid rgb(86, 206, 212);
border-color: rgb(29, 32, 32) transparent rgb(86, 206, 212) transparent;
animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

100% {
    transform: rotate(1800deg);
}
}


.btn2{
background-color: #4eccbe;
}