matipn css eduthittund
/* scroll animation */
[data-aos][data-aos][data-aos-delay="10"].aos-animate, body[data-aos-delay="10"] [data-aos].aos-animate {
    transition-delay: 10ms;
}
[data-aos][data-aos][data-aos-delay="20"].aos-animate, body[data-aos-delay="20"] [data-aos].aos-animate {
    transition-delay: 20ms;
}
[data-aos][data-aos][data-aos-delay="30"].aos-animate, body[data-aos-delay="30"] [data-aos].aos-animate {
    transition-delay: 30ms;
}
[data-aos][data-aos][data-aos-delay="40"].aos-animate, body[data-aos-delay="40"] [data-aos].aos-animate {
    transition-delay: 40ms;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-delay="60"].aos-animate, body[data-aos-delay="60"] [data-aos].aos-animate {
    transition-delay: 60ms;
}
[data-aos][data-aos][data-aos-delay="70"].aos-animate, body[data-aos-delay="70"] [data-aos].aos-animate {
    transition-delay: 70ms;
}
[data-aos][data-aos][data-aos-delay="80"].aos-animate, body[data-aos-delay="80"] [data-aos].aos-animate {
    transition-delay: 80ms;
}
[data-aos][data-aos][data-aos-delay="90"].aos-animate, body[data-aos-delay="90"] [data-aos].aos-animate {
    transition-delay: 90ms;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 100ms;
}
[data-aos][data-aos][data-aos-delay="110"].aos-animate, body[data-aos-delay="110"] [data-aos].aos-animate {
    transition-delay: 110ms;
}
[data-aos][data-aos][data-aos-delay="120"].aos-animate, body[data-aos-delay="120"] [data-aos].aos-animate {
    transition-delay: 120ms;
}
[data-aos][data-aos][data-aos-delay="130"].aos-animate, body[data-aos-delay="130"] [data-aos].aos-animate {
    transition-delay: 130ms;
}
[data-aos][data-aos][data-aos-delay="140"].aos-animate, body[data-aos-delay="140"] [data-aos].aos-animate {
    transition-delay: 140ms;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 150ms;
}
[data-aos][data-aos][data-aos-delay="160"].aos-animate, body[data-aos-delay="160"] [data-aos].aos-animate {
    transition-delay: 160ms;
}
[data-aos][data-aos][data-aos-delay="170"].aos-animate, body[data-aos-delay="170"] [data-aos].aos-animate {
    transition-delay: 170ms;
}
[data-aos][data-aos][data-aos-delay="180"].aos-animate, body[data-aos-delay="180"] [data-aos].aos-animate {
    transition-delay: 180ms;
}
[data-aos][data-aos][data-aos-delay="190"].aos-animate, body[data-aos-delay="190"] [data-aos].aos-animate {
    transition-delay: 190ms;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 200ms;
}[data-aos][data-aos][data-aos-delay="210"].aos-animate, body[data-aos-delay="210"] [data-aos].aos-animate {
    transition-delay: 210ms;
}
[data-aos][data-aos][data-aos-delay="220"].aos-animate, body[data-aos-delay="220"] [data-aos].aos-animate {
    transition-delay: 120ms;
}
[data-aos=fade-up] {
    position: relative;
    transform: translate3d(0,50px,0);
}


.banner[data-aos^=fade][data-aos^=fade],
.banner-text[data-aos^=fade][data-aos^=fade],
.innerpage-banner[data-aos^=fade][data-aos^=fade],
.contact-wrap .cnt-wrapper .row[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: translate3d(0,0px,0);
    transition: none;
}
.banner[data-aos=fade-up] h1,
.banner-text[data-aos=fade-up] h1,
.innerpage-banner[data-aos=fade-up] h1,
.contact-wrap .cnt-wrapper .row[data-aos=fade-up] h1{
    opacity: 0;
    transition-property: opacity,transform;
    transform: translate3d(0,100px,0);
    transition-duration: 1s;
}
.banner[data-aos=fade-up].aos-animate h1,
.banner-text[data-aos=fade-up].aos-animate h1,
.innerpage-banner[data-aos=fade-up].aos-animate h1,
.contact-wrap .cnt-wrapper .row[data-aos=fade-up].aos-animate h1  {
    opacity: 1;
    transform: translateZ(0);
    transition-delay: .2s;
}

.banner[data-aos=fade-up] p,
.banner-text[data-aos=fade-up] ol,
.banner-text[data-aos=fade-up] p,
.innerpage-banner[data-aos=fade-up] p,
.contact-wrap .cnt-wrapper .row[data-aos=fade-up] p{
    opacity: 0;
    transition-property: opacity,transform;
    transform: translate3d(0,100px,0);
    transition-duration: 1s;
}
.banner[data-aos=fade-up].aos-animate p,
.banner-text[data-aos=fade-up].aos-animate ol,
.banner-text[data-aos=fade-up].aos-animate p,
.innerpage-banner[data-aos=fade-up].aos-animate p,
.contact-wrap .cnt-wrapper .row[data-aos=fade-up].aos-animate p {
    opacity: 1;
    transform: translateZ(0);
    transition-delay: .6s;
}

/* certification section */
.certificate-wrap[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: translate3d(0,0px,0);
    transition: none;
}

.certificate-wrap[data-aos=fade-up] .certificate-images .certificate-image{
    opacity: 0;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image{
    opacity: 1;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:first-child{
    transition-delay: 50ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(2){
    transition-delay: 100ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(3){
    transition-delay: 150ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(4){
    transition-delay: 200ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(5){
    transition-delay: 250ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(6){
    transition-delay: 300ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(7){
    transition-delay: 350ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(8){
    transition-delay: 400ms;
}
.certificate-wrap[data-aos=fade-up].aos-animate .certificate-images .certificate-image:nth-child(9){
    transition-delay: 450ms;
}



[data-aos=fade-up].project-screens .screen-desktop,
[data-aos=fade-up].project-screens .screen-ipad,
[data-aos=fade-up].project-screens .screen-mob{
    opacity: 0;
    transition-timing-function: ease;
    transition-property: opacity,transform;
    transition-duration: .5s;
    transform: translate3d(0,50px,0);
}

[data-aos=fade-up].aos-animate.project-screens .screen-desktop,
[data-aos=fade-up].aos-animate.project-screens .screen-ipad,
[data-aos=fade-up].aos-animate.project-screens .screen-mob{
    opacity: 1;
    transform: translate3d(0,0,0);
}
[data-aos=fade-up].aos-animate.project-screens .screen-desktop {
    transition-delay: 200ms;
}
[data-aos=fade-up].aos-animate.project-screens .screen-ipad {
    transition-delay: 300ms;
}
[data-aos=fade-up].aos-animate.project-screens .screen-mob {
    transition-delay: 350ms;
}
.banner[data-aos=fade-up] .social-media{
    opacity: 0;
    transition-timing-function: ease;
    transition-property: opacity;
    transition-duration: .2s;
    transition-delay: 1s;
}
.banner.aos-init.aos-animate .social-media{
    opacity: 1;
    
}

.frame-type-imageWithCounter .img-text-overlay .text, .frame-type-imageWithCounter .parallax-list .about-counter-wrap    {
    opacity: 1 !important;
}



#app .parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: initial;
    background-position-x: center;
}

@media (min-width: 767px){
    #app .service-banner .frame-mobile.frame-type-image  {
        display: none;
    }
    .img-text-overlay .image-mobile{
        display: none;
    }
}
@media (min-width: 1025px){
    .service-banner .image-embed-item,
.img-text-overlay img{
    visibility: hidden;
  } 
}
@media (max-width: 767px){
    #app .service-banner .frame-type-image {
        display: none;
    }
    #app .service-banner .frame-mobile.frame-type-image {
        display: block;
    }
    /* .img-text-overlay .imgae{
        display: none;
    } */
}

.no-trans .tech-card[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: translate3d(0,0px,0);
}
.no-trans .people-item-wrap[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
    transform: translate3d(0,0px,0);
}