/* ################## Home Page ######################## */

.cir1 {
    position: absolute;
    width: 1200px;
    height: 1200px;
    left: -888px;
    top: -400px;
    background: radial-gradient(50% 50% at 50% 50%, #4472E9 0%, rgba(81, 22, 98, 0) 100%);
    transform: rotate(-180deg);
}
.cir2 {
    position: absolute;
width: 700px;
height: 700px;
left: -73px;
top: 0px;

background: radial-gradient(50% 50% at 50% 50%, #511662 0%, rgba(81, 22, 98, 0) 100%);
}

.cir3 {
    position: absolute;
width: 580px;
height: 580px;
left: -300px;
bottom: 40px;

background: radial-gradient(50% 50% at 50% 50%, #4472E9 0%, rgba(100, 19, 122, 0) 100%);
transform: rotate(-180deg);
}
.cir4 {
    position: absolute;
width: 1198px;
height: 1198px;
right: -500px;
top: -600px;

background: radial-gradient(50% 50% at 50% 50%, #511662 0%, rgba(81, 22, 98, 0) 100%);
transform: rotate(-180deg);
z-index: -1;
}

/* ################## Home Page End ######################## */