/* Custom CSS */
@media (min-width: 1025px) and (max-width: 1400px) {
    .appointmentbuttons {
        color: white !important;
        margin-bottom: 10px !important;
        background-color: #ffffff00 !important;
        font-size: 11px !important;
    }
}
.appointmentbuttons {
    color: white !important;
    margin-bottom: 0px !important;
    background-color: #ffffff00 !important;
    font-size: 14px;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: white !important;
    border-radius: 8px 8px 8px 8px !important;
    padding: 12px 5px 12px 5px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.appointmentbuttons:hover {
	background-color: #C9876C !important;
    color: white !important;
    border-color: #C9876C !important;
}

.landinappointmentbuttons:hover {
	background-color: #ffffff !important;
    color: black !important;
}
.landinappointmentbuttons {
           font-family: "agenda-one", Sans-serif;
    color: white !important;
    margin-bottom: 10px !important;
    background-color: #ffffff00 !important;
    font-size: 14px;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 0.2px !important;
    border-color: #ffffff !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 12px 5px 12px 5px !important;
    text-transform: normal !important;
    background-image: none !important;
}
.appointmentbuttonsMobile {
    margin-bottom:10px !important;
    background-color: #FFFFFF00 !important;
    font-size: 15px !important;
    letter-spacing: 0px !important;
    font-weight: 400 !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: white !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 10px 22px 10px 22px !important;
    text-transform: normal !important;
    background-image: none !important;
    color: white !important;
}
.appointmentbuttonsMobile:hover {
	background-color: #C9876C !important;
    color: white !important;
    border-color: #C9876C !important;
}

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

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


/* Custom Animation*/

.fadeInRightTemp,
.fadeInLeftTemp,
.fadeInUpTemp,
.fadeInDownTemp {
    opacity: 0;
    visibility: hidden;
}

.fadeInRightTemp {
    transform: translate3d(10%, 0, 0);
}
.fadeInRight-active {
    animation: fadeInRight-Custom 3s ease-in-out forwards;
    visibility: visible;
}

.fadeInLeftTemp {
    transform: translate3d(-10%, 0, 0);
}
.fadeInLeft-active {
    animation: fadeInLeft-Custom 3s ease-in-out forwards;
    visibility: visible;
}

.fadeInUpTemp {
    transform: translateY(60px);
}
.fadeInUp-active {
    animation: fadeInUp-Custom 3s ease-in-out forwards;
    visibility: visible;
}

.fadeInDownTemp {
    transform: translateY(-60px);
}
.fadeInDown-active {
    animation: fadeInDown-Custom 3s ease-in-out forwards;
    visibility: visible;
}

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

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

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

@keyframes fadeInDown-Custom {
    from { opacity: 0; transform: translateY(-60px); }
    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*/