.loader:before,
.loader:after {
    content: "";
    position: absolute;
    border-radius: 100px 100px;
    border: 3px solid transparent; /* Adjusted thickness */
}

.loader:before {
    top: 3px;  /* Adjusted for smaller size */
    left: 3px; /* Adjusted for smaller size */
    width: 90px;   /* Reduced size */
    height: 90px;  /* Reduced size */
    border-top-color: #FF8C00;
    animation: rotating 2s infinite ease;
}

.loader:after {
    top: 7px;  /* Adjusted for smaller size */
    left: 7px; /* Adjusted for smaller size */
    width: 80px;   /* Reduced size */
    height: 80px;  /* Reduced size */
    border-top-color: #FF1493;
    animation: rotating 1.5s infinite ease;
}

@keyframes rotating {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}