.pre-loader.loader3 {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999991;
background-color: var(--wdtTertiaryColor);
}
.pre-loader.loader3 .loader-inner {
text-transform:uppercase;
width:100%;
text-align:center;
line-height:50px;
margin:auto;
position:absolute;
left:0;right:0;top:50%;
transform:translateY(-50%);
display: flex;
justify-content: center;
}
.pre-loader.loader3 .loader-inner .loader-custom {
width: 1em;
height: 1em;
font-size: clamp(4.375rem, 3.3654rem + 4.4872vw, 8.75rem);
position: relative;
}
.pre-loader.loader3 .loader-inner .loader-custom:before, 
.pre-loader.loader3 .loader-inner .loader-custom:after {
content: "";
top: 0;
display: block;
width: 1em;
height: 1em;
position: absolute;
border-width: 0.5em;
border-style: double;
border-color: transparent;
box-sizing: border-box;
border-radius: 1em;
-webkit-animation: spin 1s infinite;
animation: spin 1s infinite;
}
.pre-loader.loader3 .loader-inner .loader-custom:after {
left: 0;
border-left-color: var(--wdtPrimaryColor);
}
.pre-loader.loader3 .loader-inner .loader-custom:before {
right: 0;
border-right-color: var(--wdtPrimaryColor);
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
@-webkit-keyframes spin {
from {
transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(360deg);
}
}     @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
}