/* Floating Animation */

@keyframes doctorFloat{

    0%{
        transform:translateY(0px);
    }

    25%{
        transform:translateY(-8px);
    }

    50%{
        transform:translateY(-15px);
    }

    75%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0px);
    }

}
@keyframes gradientMove{

    0%{
        background-position:0% center;
    }

    100%{
        background-position:200% center;
    }

}

@keyframes shieldPulse{

    0%,100%{
        transform:translateY(0);
        filter:drop-shadow(0 0 6px rgba(0,180,216,.25));
    }

    50%{
        transform:translateY(-3px);
        filter:drop-shadow(0 0 12px rgba(0,180,216,.65));
    }

}

@keyframes tagShine{

    0%{
        left:-120%;
    }

    100%{
        left:140%;
    }

}

@keyframes trustIconFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0);
    }

}

/*==================================================
            FLOATING CARDS
==================================================*/

@keyframes cardFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================
            CASE STUDIES ANIMATIONS
==================================================*/

@keyframes caseCardFade{

    0%{

        opacity:0;

        transform:translateY(60px);

    }

    100%{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
            CASE CARD FADE
==================================================*/

.case-card{

    animation:caseCardFade .9s ease both;

}

.case-card:nth-child(1){

    animation-delay:.15s;

}

.case-card:nth-child(2){

    animation-delay:.35s;

}

.case-card:nth-child(3){

    animation-delay:.55s;

}

/*==================================================
            IMAGE FLOAT
==================================================*/

.case-image img{

    animation:caseImageFloat 6s ease-in-out infinite;

}

/*==================================================
            BADGE FLOAT
==================================================*/

.case-badge{

    animation:badgeFloat 5s ease-in-out infinite;

}

/*==================================================
            CATEGORY ICON
==================================================*/

.case-category i{

    animation:iconPulse 3s ease infinite;

}

/*==================================================
            BUTTON SHINE
==================================================*/

.case-btn{

    position:relative;

    overflow:hidden;

}

.case-btn::after{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(

        120deg,

        transparent,

        rgba(255,255,255,.45),

        transparent

    );

}

.case-btn:hover::after{

    animation:buttonShine .8s linear;

}

/*==================================================
            STAT ICON
==================================================*/

.case-card:hover .stat-box i{

    animation:statBounce .45s ease;

}



/*==================================================*/

@keyframes caseImageFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes badgeFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes iconPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.12);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================*/

@keyframes statBounce{

    0%{

        transform:scale(.8);

    }

    60%{

        transform:scale(1.15);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================*/

@keyframes buttonShine{

    from{

        left:-120%;

    }

    to{

        left:180%;

    }

}

/*==================================================
        TESTIMONIAL CARD FADE
==================================================*/

.testimonial-card{

    animation:testimonialFade .9s ease both;

}

.testimonial-card:nth-child(1){

    animation-delay:.15s;

}

.testimonial-card:nth-child(2){

    animation-delay:.35s;

}

.testimonial-card:nth-child(3){

    animation-delay:.55s;

}

/*==================================================
        IMAGE FLOAT
==================================================*/

.testimonial-image img{

    animation:testimonialImageFloat 6s ease-in-out infinite;

}

/*==================================================
        QUOTE FLOAT
==================================================*/

.quote-icon{

    animation:quoteFloat 5s ease-in-out infinite;

}

/*==================================================
        STAR PULSE
==================================================*/

.testimonial-stars i{

    animation:starPulse 2.5s ease-in-out infinite;

}

.testimonial-stars i:nth-child(2){

    animation-delay:.15s;

}

.testimonial-stars i:nth-child(3){

    animation-delay:.30s;

}

.testimonial-stars i:nth-child(4){

    animation-delay:.45s;

}

.testimonial-stars i:nth-child(5){

    animation-delay:.60s;

}

/*==================================================
        VERIFIED BADGE
==================================================*/

.testimonial-user span::before{

    animation:verifiedPulse 3s ease infinite;

}

/*==================================================
        CARD HOVER
==================================================*/

.testimonial-card:hover .quote-icon{

    animation:quoteRotate .45s ease;

}

.testimonial-card:hover .testimonial-image img{

    animation:imageBounce .6s ease;

}

/*==================================================*/

@keyframes testimonialFade{

    from{

        opacity:0;

        transform:translateY(70px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes testimonialImageFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes quoteFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes starPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.18);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================*/

@keyframes verifiedPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.12);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================*/

@keyframes quoteRotate{

    0%{

        transform:rotate(0deg);

    }

    60%{

        transform:rotate(-15deg);

    }

    100%{

        transform:rotate(-10deg);

    }

}

/*==================================================*/

@keyframes imageBounce{

    0%{

        transform:translateY(0);

    }

    40%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(-8px);

    }

}

/*==================================================
            FAQ CARD ANIMATION
==================================================*/

.faq-accordion .accordion-item{

    animation:faqFadeUp .9s ease both;

}

.faq-accordion .accordion-item:nth-child(1){

    animation-delay:.10s;

}

.faq-accordion .accordion-item:nth-child(2){

    animation-delay:.20s;

}

.faq-accordion .accordion-item:nth-child(3){

    animation-delay:.30s;

}

.faq-accordion .accordion-item:nth-child(4){

    animation-delay:.40s;

}

.faq-accordion .accordion-item:nth-child(5){

    animation-delay:.50s;

}

.faq-accordion .accordion-item:nth-child(6){

    animation-delay:.60s;

}

/*==================================================
            ICON FLOAT
==================================================*/

.faq-accordion .accordion-button::after{

    animation:faqIconFloat 5s ease-in-out infinite;

}

/*==================================================
            ACTIVE ICON
==================================================*/

.faq-accordion .accordion-button:not(.collapsed)::after{

    animation:faqIconRotate .45s ease;

}

/*==================================================
            BUTTON HOVER
==================================================*/

.faq-accordion .accordion-item:hover .accordion-button{

    animation:faqButtonMove .35s ease;

}

/*==================================================
            BODY FADE
==================================================*/

.faq-accordion .accordion-collapse.show .accordion-body{

    animation:faqBodyFade .45s ease;

}

/*==================================================*/

@keyframes faqFadeUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes faqIconFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-4px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes faqIconRotate{

    0%{

        transform:rotate(0deg) scale(.9);

    }

    60%{

        transform:rotate(180deg) scale(1.15);

    }

    100%{

        transform:rotate(180deg) scale(1);

    }

}

/*==================================================*/

@keyframes faqButtonMove{

    0%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(6px);

    }

    100%{

        transform:translateX(0);

    }

}

/*==================================================*/

@keyframes faqBodyFade{

    from{

        opacity:0;

        transform:translateY(-10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
            CTA WRAPPER
==================================================*/

.cta-wrapper{

    animation:ctaFadeUp .9s ease both;

}

/*==================================================
            LEFT CONTENT
==================================================*/

.cta-tag{

    animation:ctaTagFloat 5s ease-in-out infinite;

}

.cta-wrapper h2{

    animation:ctaFadeLeft 1s ease both;

    animation-delay:.2s;

}

.cta-wrapper p{

    animation:ctaFadeLeft 1s ease both;

    animation-delay:.35s;

}

.cta-buttons{

    animation:ctaFadeLeft 1s ease both;

    animation-delay:.5s;

}

/*==================================================
            CTA CARD
==================================================*/

.cta-card{

    animation:ctaFadeRight 1s ease both;

    animation-delay:.4s;

}

.cta-icon{

    animation:ctaIconFloat 5s ease-in-out infinite;

}

.cta-price{

    animation:ctaPricePulse 3s ease infinite;

}

/*==================================================
            BUTTON HOVER
==================================================*/

.btn-primary-custom:hover{

    animation:ctaButtonBounce .45s ease;

}

.btn-outline-custom:hover{

    animation:ctaButtonBounce .45s ease;

}

/*==================================================*/

@keyframes ctaFadeUp{

    from{

        opacity:0;

        transform:translateY(70px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes ctaFadeLeft{

    from{

        opacity:0;

        transform:translateX(-50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/*==================================================*/

@keyframes ctaFadeRight{

    from{

        opacity:0;

        transform:translateX(50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

/*==================================================*/

@keyframes ctaTagFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes ctaIconFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================================*/

@keyframes ctaPricePulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.08);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================*/

@keyframes ctaButtonBounce{

    0%{

        transform:translateY(-5px);

    }

    50%{

        transform:translateY(-9px);

    }

    100%{

        transform:translateY(-5px);

    }

}

/*==================================================
        CONTACT SECTION ANIMATIONS
==================================================*/

.contact-card{

    animation:contactCardFade .8s ease both;

}

.contact-card:nth-child(1){

    animation-delay:.10s;

}

.contact-card:nth-child(2){

    animation-delay:.25s;

}

.contact-card:nth-child(3){

    animation-delay:.40s;

}

.contact-form-wrapper{

    animation:contactFormSlide .9s ease both;

    animation-delay:.20s;

}

.contact-btn{

    animation:contactButtonFade .8s ease both;

    animation-delay:.60s;

}

.contact-social a{

    animation:contactSocialPop .7s ease both;

}

.contact-social a:nth-child(1){

    animation-delay:.70s;

}

.contact-social a:nth-child(2){

    animation-delay:.80s;

}

.contact-social a:nth-child(3){

    animation-delay:.90s;

}

.contact-social a:nth-child(4){

    animation-delay:1s;

}

/* Hover Animations */

.contact-card:hover{

    animation:contactCardHover .35s ease forwards;

}

.contact-icon{

    transition:.4s;

}

.contact-card:hover .contact-icon{

    transform:rotate(-8deg) scale(1.08);

}

.contact-btn:hover{

    animation:contactButtonPulse .8s ease;

}

/*==================================================
                KEYFRAMES
==================================================*/

@keyframes contactCardFade{

    from{

        opacity:0;

        transform:translateY(45px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes contactFormSlide{

    from{

        opacity:0;

        transform:translateX(50px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes contactButtonFade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes contactSocialPop{

    from{

        opacity:0;

        transform:scale(.6);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes contactCardHover{

    from{

        transform:translateY(0);

    }

    to{

        transform:translateY(-8px);

    }

}

@keyframes contactButtonPulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.03);

    }

    100%{

        transform:scale(1);

    }

}

/*==================================================
            FOOTER ANIMATIONS
==================================================*/

.footer-about{

    animation:footerFadeLeft .9s ease both;

}

.footer-links{

    animation:footerFadeUp .9s ease both;

}

.footer-links:nth-child(2){

    animation-delay:.20s;

}

.footer-links:nth-child(3){

    animation-delay:.35s;

}

.footer-links:nth-child(4){

    animation-delay:.50s;

}

.footer-bottom{

    animation:footerBottomFade 1s ease both;

    animation-delay:.60s;

}

/*==================================================
            SOCIAL ICONS
==================================================*/

.footer-social a{

    animation:footerSocialPop .7s ease both;

}

.footer-social a:nth-child(1){

    animation-delay:.70s;

}

.footer-social a:nth-child(2){

    animation-delay:.80s;

}

.footer-social a:nth-child(3){

    animation-delay:.90s;

}

.footer-social a:nth-child(4){

    animation-delay:1s;

}

/*==================================================
            LINK HOVER
==================================================*/

.footer-links ul li a:hover{

    animation:footerLinkMove .35s ease forwards;

}

.footer-social a:hover{

    animation:footerIconFloat .45s ease forwards;

}

.footer-contact li:hover i{

    animation:footerIconRotate .45s ease;

}

/*==================================================
                KEYFRAMES
==================================================*/

@keyframes footerFadeLeft{

    from{

        opacity:0;

        transform:translateX(-45px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes footerFadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes footerBottomFade{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes footerSocialPop{

    from{

        opacity:0;

        transform:scale(.6);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes footerLinkMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(8px);

    }

}

@keyframes footerIconFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(-4px);

    }

}

@keyframes footerIconRotate{

    0%{

        transform:rotate(0deg);

    }

    50%{

        transform:rotate(-12deg) scale(1.08);

    }

    100%{

        transform:rotate(-8deg);

    }

}