* {
    padding: 0;
    margin: 0;
}

.home {
    overflow-x: hidden;
}

#loader {
    display: none;
}

.animation-wrapper {
    opacity: 1;
    animation:  fadeout 1s ease-in-out 3s 1 normal forwards;
    animation-delay: 5s;
    position: absolute;
    z-index: 999;
    overflow-x: hidden;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    
    -webkit-animation-name: fadeout;
}

.background-wrapper {
    position: relative;
    z-index: 999;

}
.background-2-wrapper {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    z-index: 999;
}

.amita-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}
.amita {
    width: 270px;
}


.background {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: transparent radial-gradient(closest-side at 50% 50%, #F8B114 0%, #F6A416 26%, #F38F1A 56%, #EF801A 85%, var(--unnamed-color-ee771b) 99%) 0% 0% no-repeat padding-box;
    background: transparent radial-gradient(closest-side at 50% 50%, #F8B114 0%, #F6A416 26%, #F38F1A 56%, #EF801A 85%, #EE771B 99%) 0% 0% no-repeat padding-box;
}

.background-2 {
    background: transparent radial-gradient(closest-side at 50% 50%, #F8B114 0%, #F6A416 26%, #F38F1A 56%, #EF801A 85%, var(--unnamed-color-ee771b) 99%) 0% 0% no-repeat padding-box;
    background: transparent radial-gradient(closest-side at 50% 50%, #F8B114 0%, #F6A416 26%, #F38F1A 56%, #EF801A 85%, #EE771B 99%) 0% 0% no-repeat padding-box;
    clip-path: circle(700px);
    width: 600px;
    height: 600px;
    margin: auto;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    animation:  circle 1s ease-in-out 3s 1 normal forwards;
    -webkit-animation-name: circle;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    
}

@media (max-width:500px) {
    .background-2 {
        display: none!important;
    }
}

.background-image {
    background: url("../../images/animation/amita-load.png");
    background-size: cover;
    position: absolute;
    width: 689px;
    height: 688px;
    border-radius: 50%;
    animation: rotationreverse 4s linear ;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: none;
    
    -webkit-animation-name: rotationreverse;
}

.background-image-wrapper {
    position: absolute;
    width: 689px;
    height: 688px;
    clip-path: path("M670.21,210.67c-17.15-40.63-41.78-77.6-71.95-108.53-30.16-30.95-65.86-55.88-104.6-73.14C454.92,11.7,413.18,2.16,371.47,.74c-41.69-1.62-83.45,5.03-122.33,19.19-38.9,14.14-74.84,35.83-105.5,63.28-30.69,27.43-56.11,60.59-74.63,97.17-18.55,36.55-30.14,76.51-34.03,117.02,6.51-40.16,20.58-78.72,40.95-113.06,20.34-34.37,46.94-64.53,77.77-88.58,30.81-24.08,65.86-42.03,102.7-52.66,36.82-10.64,75.4-14.04,113.01-9.99,37.6,3.87,74.17,14.98,107.25,32.53,33.1,17.51,62.69,41.39,86.86,69.76,24.2,28.35,42.95,61.19,55.06,96.14,12.15,34.95,17.6,71.96,16.46,108.65v.15c-.02,.68-.02,1.36,0,2.05,.59,17.91,15.28,31.94,32.8,31.33,17.52-.61,31.24-15.62,30.65-33.53-1.48-44.67-11.08-88.91-28.28-129.52Zm-124.9,373.95c-30.81,24.08-65.86,42.03-102.69,52.66-36.82,10.64-75.4,14.04-113.01,9.99-37.6-3.87-74.17-14.98-107.25-32.53-33.1-17.51-62.69-41.39-86.86-69.76-24.2-28.35-42.95-61.19-55.06-96.14-12.16-34.95-17.61-71.96-16.46-108.65v-.15c.02-.68,.02-1.36,0-2.05-.6-17.91-15.28-31.94-32.8-31.33-17.52,.61-31.24,15.62-30.65,33.53,1.48,44.67,11.08,88.91,28.28,129.52,17.15,40.63,41.78,77.6,71.95,108.53,30.16,30.96,65.86,55.88,104.6,73.14,38.73,17.31,80.47,26.84,122.18,28.26,41.7,1.62,83.45-5.03,122.33-19.19,38.9-14.14,74.84-35.83,105.5-63.28,30.69-27.43,56.11-60.59,74.63-97.16,18.56-36.55,30.14-76.51,34.03-117.02-6.51,40.16-20.58,78.72-40.95,113.06-20.34,34.37-46.94,64.53-77.77,88.58Z");
    animation: rotation 4s linear;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: none;
    
    -webkit-animation-name: rotation;
}

.background-image2 {
    background: url("../../images/animation/amita-load.png");
    background-size: cover;
    position: absolute;
    width: 689px;
    height: 688px;
    border-radius: 50%;
    opacity: 0;
    animation:  fadein 1s ease-in-out 3s 1 normal forwards;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    
    -webkit-animation-name: fadein;
}

@media (max-width:768px), (max-height:768px) {
    .background-image2 {
        width: 345px!important;
        height: 345px!important;
       
    }
    .background-image-wrapper {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        animation: rotation-mobile 4s linear;
        -webkit-animation-duration: 4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: none;
        
        -webkit-animation-name: rotation-mobile;
        
    }
    .background-2 {
        width:256px!important;
        height: 256px!important;
        animation:  circle-mobile 1s ease-in-out 3s 1 normal forwards!important;
        -webkit-animation-name: circle-mobile;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-delay: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        
    }
    .amita {
        width:160px!important;
    }
}

@media (max-width: 374px) {
    .background-image2 {
        width: 310px!important;
        height: 310px!important;
       
    }
    .background-image-wrapper {
        transform: scale(.45);
        -webkit-transform: scale(.45);
        animation: rotation-mobile-small 4s linear;
        -webkit-animation-duration: 4s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: none;
        
        -webkit-animation-name: rotation-mobile-small;
    }
    .background-2 {
        width:221px!important;
        height: 221px!important;
        animation:  circle-mobile-small 1s ease-in-out 3s 1 normal forwards!important;
        -webkit-animation-name: circle-mobile-small;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-delay: 3s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        
    }
    .amita {
        width:130px!important;
    }
}
   

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotationreverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
/*  */

@keyframes rotation-mobile {
    0% {
        -webkit-transform: scale(.5) rotate(0deg);
        transform: scale(.5) rotate(0deg);
    }
    100% {
        -webkit-transform: scale(.5) rotate(360deg);
        transform: scale(.5) rotate(360deg);
    }
}

@keyframes rotation-mobile-small {
    0% {
        -webkit-transform: scale(.45) rotate(0deg);
        transform: scale(.45) rotate(0deg);
    }
    100% {
        -webkit-transform: scale(.45) rotate(360deg);
        transform: scale(.45) rotate(360deg);
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}



@keyframes circle {
    0% {     width: 600px;
        height: 600px; opacity: 1; }
    100% {     width: 0;
        height:0; opacity: 0;
     }
}

@keyframes circle-mobile {
    0% {     width: 256px;
        height: 256px; opacity: 1; }
    100% {     width: 0;
        height:0; opacity: 0;
     }
}

@keyframes circle-mobile-small {
    0% {     width: 221px;
        height: 221px; opacity: 1; }
    100% {     width: 0;
        height:0; opacity: 0;
     }
}