/*---------------------Global-------------------------*/
/* body[data-aos-delay='3200'] [data-aos],
[data-aos][data-aos][data-aos-delay='3200'] {
  transition-delay: 3200ms;
}
body[data-aos-delay='3300'] [data-aos],
[data-aos][data-aos][data-aos-delay='3300'] {
  transition-delay: 3300ms;
}
body[data-aos-delay='3500'] [data-aos],
[data-aos][data-aos][data-aos-delay='3500'] {
  transition-delay: 3500ms;
}
body[data-aos-delay='3700'] [data-aos],
[data-aos][data-aos][data-aos-delay='3700'] {
  transition-delay: 3700ms;
}
body[data-aos-delay='4000'] [data-aos],
[data-aos][data-aos][data-aos-delay='4000'] {
  transition-delay: 4000ms;
} */
::-webkit-scrollbar{
    width: 15px;
}

::-webkit-scrollbar-track{
    background-color: #ebebeb;
}

::-webkit-scrollbar-thumb{
    background-color: #b8b8b8;
    border-radius: 10px;
    border: 3px solid #ebebeb;

}
::-webkit-scrollbar-thumb:hover{
    background-color: #29ABE2;
}
/*---------------Rotating Circle-----------------*/
#cirular-text{
    position: relative;
    background-color: transparent;
    width: 150px;
    height: 150px;
    animation: rotatingText 5s linear infinite;
    transition: all ease-in-out 0.3s;
}

#cirular-text span{
    background-color: transparent;
    position: absolute;
    transform-origin: 0 75px;
    left: 50%;
    -webkit-user-select: none;
    user-select: none;
}

#down-arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#cirular-text:hover{
    animation-play-state: paused;
}

@media screen and (max-width:768px) {
    #cirular-text{
        width: 120px;
        height: 120px;
    }
    #cirular-text span{
        transform-origin: 0 60px;
        left: 50%;
    }
}
@media screen and (max-width:400px) {
    #cirular-text{
        width: 100px;
        height: 100px;
    }
    #cirular-text span{
        transform-origin: 0 50px;
        left: 50%;
    }
}

@keyframes rotatingText {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/*-----------------App Image Mobile frame------------------------*/

.AppImage-slider .slick-slide{
    justify-content: center !important;
}

.slick-center img{
    border-radius: 16px !important;
    width: 217px;
    margin: 16px 11px 0 13px;
    height: 475px;
}

.blur-load.loaded > img{
    opacity: 1;
}

.blur-load > img{
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

/*-------------------------------------------------------------*/