/*
Theme Name: Astra Child
Template: astra  
*/

@import url(../astra/style.css);

/**/
.menu-item a.menu-link{
    position: relative;
}
.menu-item a.menu-link:before{
    content: '';
    width: calc(100% - 2em);
    height: 2px;
    background-color: var(--ast-global-color-7);
    position: absolute;
    left: 1em;
    bottom: -4px;
    transition: all .4s ease;
    -webkit-transition: all .3s ease;
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.menu-item a.menu-link:hover:before{
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

a.wp-block-button__link{
    -ms-transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    -webkit-transition: transform .5s cubic-bezier(.25,.46,.45,.94);
    -o-transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
a.wp-block-button__link:hover{
    -webkit-box-shadow: 0 11px 32px rgba(230, 197, 13, 0.167);
    -moz-box-shadow: 0 11px 32px rgba(230, 197, 13, 0.167);
    box-shadow: 0 11px 32px rgba(230, 197, 13, 0.167);
    -ms-transform: scale(1.02) translateY(-4px);
    -moz-transform: scale(1.02) translateY(-4px);
    -webkit-transform: scale(1.02) translateY(-4px);
    -o-transform: scale(1.02) translateY(-4px);
    transform: scale(1.02) translateY(-4px);
}

.wp-container-core-group-is-layout-9cedb757 h3.wp-block-heading{
    position: relative;
}
.wp-container-core-group-is-layout-9cedb757 h3.wp-block-heading:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: var(--ast-global-color-7);
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease
}

h3.wp-block-heading:hover:before {
    width: 80px;
    cursor: pointer;
}

#services figure.wp-block-image{
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}
#services figure.wp-block-image:hover{
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.15),-8px 0 22px 0 rgba(255,255,255,.25);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px)
}

#whyus .wp-block-image img{
    animation-name: wiggle;
    -webkit-animation-name: wiggle;
    animation-duration: 1.15s;
    -webkit-animation-duration: 1.15s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes wiggle {
    0% {
        transform: rotate(-25deg);
    }

    50% {
        transform: rotate(25deg);
    }

    100% {
        transform: rotate(-25deg);
    }
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: rotate(-25deg);
    }

    50% {
        -webkit-transform: rotate(25deg);
    }

    100% {
        -webkit-transform: rotate(-25deg);
    }
}