/* Custom CSS */
@media (min-width: 1025px) and (max-width: 1200px) {
    .appointmentbuttons {
        color: white !important;
        margin-bottom: 10px !important;
        background-color: #ffffff00 !important;
        font-size: 13px !important;
    }
}
.appointmentbuttons {
    color: white !important;
    margin-bottom: 10px !important;
    background-color: #ffffff00 !important;
    font-size: 16px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 0.2px !important;
    border-color: #fff !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 12px 5px 12px 5px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.appointmentbuttons:hover {
	background-color: #FFFFFF !important;
    color: #163B5F !important;
}

.appointmentbuttonsMobile {
    margin-bottom:10px !important;
    background-color: #FFFFFF00 !important;
    font-size: 16px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: white !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 10px 22px 10px 22px !important;
    text-transform: normal !important;
    background-image: none !important;
    color: white !important;
}
.appointmentbuttonsMobile:hover {
		background-color: #FFFFFF !important;
    color: #163B5F !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  
.appointmentbuttons {
font-size: 14px !important;
	}
}

.elementor-popup-modal {
    z-index: 99999 !important;
}


/* Custom Animation */

.fadeInRightTemp {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 3s ease-in-out, transform 3s ease-in-out; 
}

.fadeInRight-active {
    animation-name: fadeInRight-Custom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: none;
}

.fadeInLeftTemp {
    opacity: 1;
    transform: translate3d(0, 0, 0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out; 
}

.fadeInLeft-active {
    animation-name: fadeInLeftCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: none;
}

.fadeInUpTemp {
    opacity: 1;
    transform: translateY(0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out;
}

.fadeInUp-active {
    animation-name: fadeInUpCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: translateY(0);
}

.fadeInDownTemp {
    opacity: 1;
    transform: translateY(0); 
    transition: opacity 3s ease-in-out, transform 3s ease-in-out;
}

.fadeInDown-active {
    animation-name: fadeInDownCustom !important;
    animation-duration: 3s !important;
    opacity: 1;
    transform: translateY(0);
}

@keyframes fadeInRight-Custom {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeftCustom {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUpCustom {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDownCustom {
    from {
        opacity: 0;
        transform: translateY(-60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* End Custom Animation */


.laappointmentbuttons {
    color: #03294A !important;
    margin-bottom: 25px !important;
    background-color: #ffffff00 !important;
    font-size: 17px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 0.2px !important;
    border-color: #03294A !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 18px 5px 18px 5px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.laappointmentbuttons:hover {
	background-color: #FFFFFF !important;
    color: #163B5F !important;
}


@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.shake-on-scroll.animate-shake {
  animation: shake 0.5s ease;
}


.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true],
.e-n-tabs>.e-n-tabs-heading .e-n-tab-title:hover {
		background-color: #00000000 !important;
	}