/* Custom CSS */
.appointmentbuttons {
    color:#0B3D67 !important;
   
    background-color: #FFFFFF !important;
    font-size: 15px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 0.2px !important;
    border-color: #FFFFFF !important;
    border-radius: 120px 120px 120px 120px !important;
    padding: 14px 2px 14px 2px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.appointmentbuttons:hover {
	background-color: #0B3D67 !important;
    color: white !important;
}


.moappointmentbuttons {
    color:#0B3D67 !important;
     margin-bottom:10px;
    background-color: #FFFFFF !important;
    font-size: 15px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 0.2px !important;
    border-color: #FFFFFF !important;
    border-radius: 120px 120px 120px 120px !important;
    padding: 14px 2px 14px 2px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.moappointmentbuttons:hover {
	background-color: #0B3D67 !important;
    color: white !important;
}



/* Custom animation*/
.fadeInBasicTemp,
.fadeInZoomTemp,
.fadeInRightTemp,
.fadeInLeftTemp,
.fadeInUpTemp,
.fadeInDownTemp {
    opacity: 0;
    visibility: hidden;
}

.elementor-editor-active .fadeInBasicTemp,
.elementor-editor-active .fadeInZoomTemp,
.elementor-editor-active .fadeInRightTemp,
.elementor-editor-active .fadeInLeftTemp,
.elementor-editor-active .fadeInUpTemp,
.elementor-editor-active .fadeInDownTemp {
    visibility: visible !important;
    opacity: 1 !important;
}


/* Basic Fade In */
.fadeInBasic-active {
    animation: fadeInBasic-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInBasic-Custom {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Fade in & Zoom */
.fadeInZoomTemp {
    transform: scale(0.9);
}
.fadeInZoom-active {
    animation: fadeInZoom-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInZoom-Custom {
    from { opacity: 0; transform: scale(0.9); }
    to   { opacity: 1; transform: scale(1); }
}

/* Fade In - From The Right */
.fadeInRightTemp {
    transform: translate3d(6%, 0, 0);
}
.fadeInRight-active {
    animation: fadeInRight-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInRight-Custom {
    from { opacity: 0; transform: translate3d(6%, 0, 0); }
    to   { opacity: 1; transform: none; }
}

/* Fade In - From The Left  */
.fadeInLeftTemp {
    transform: translate3d(-6%, 0, 0);
}
.fadeInLeft-active {
    animation: fadeInLeft-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInLeft-Custom {
    from { opacity: 0; transform: translate3d(-6%, 0, 0); }
    to   { opacity: 1; transform: none; }
}

/* Fade In & Up */
.fadeInUpTemp {
    transform: translateY(40px);
}
.fadeInUp-active {
    animation: fadeInUp-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInUp-Custom {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Fade In & Down */
.fadeInDownTemp {
    transform: translateY(-40px);
}
.fadeInDown-active {
    animation: fadeInDown-Custom 2s ease-in-out forwards;
    visibility: visible;
}
@keyframes fadeInDown-Custom {
    from { opacity: 0; transform: translateY(-40px); }
    to   { opacity: 1; transform: translateY(0); }
}

body.elementor-editor-active .fadeInRightTemp,
body.elementor-editor-active .fadeInLeftTemp,
body.elementor-editor-active .fadeInUpTemp,
body.elementor-editor-active .fadeInDownTemp {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/*End Custom animation*/