.elementor-6777 .elementor-element.elementor-element-1641b636{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-68378d6c *//* =========================
APPOINTMENT SECTION
========================= */

.appointment-section{
max-width:1150px;
margin:auto;
text-align:center;
padding:20px 10px 40px;
}

/* =========================
SECTION HEADING
========================= */

.appointment-section p.has-text-align-center{
font-size:22px;
font-weight:600;
color:#2d3a40;
max-width:820px;
margin:0 auto 60px;
line-height:1.6;
position:relative;
}

/* underline decoration */

.appointment-section p.has-text-align-center:after{
content:"";
width:80px;
height:3px;
background:#6b2f1b;
display:block;
margin:18px auto 0;
border-radius:2px;
}

/* =========================
GRID LAYOUT
========================= */

.appointment-section .wp-block-columns{
display:flex;
justify-content:center;
gap:45px;
flex-wrap:wrap;
}

/* =========================
DOCTOR CARD
========================= */

.appointment-section .wp-block-column{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:all .35s ease;
width:420px;
padding-bottom:30px;
}

.appointment-section .wp-block-column:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,0.15);
}

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

.appointment-section .wp-block-image{
margin:0;
}

.appointment-section .wp-block-image img{
width:100%;
height:320px;
object-fit:cover;
}

/* =========================
TEXT
========================= */

.appointment-section h3{
font-size:17px;
margin-top:22px;
color:#555;
font-weight:500;
}

.appointment-section h2{
font-size:30px;
font-weight:700;
margin-top:5px;
margin-bottom:22px;
color:#111;
}

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

.appointment-section .wp-block-buttons{
justify-content:center;
}

.appointment-section .wp-block-button__link{
background:#6b2f1b;
color:#fff !important;
padding:14px 36px;
font-size:15px;
font-weight:600;
border-radius:30px;
text-decoration:none;
letter-spacing:1px;
transition:all .3s ease;
display:inline-block;
}

/* hover */

.appointment-section .wp-block-button__link:hover{
background:#4c1f0f;
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

.appointment-section .wp-block-columns{
flex-direction:column;
gap:35px;
}

.appointment-section .wp-block-column{
width:100%;
}

.appointment-section .wp-block-image img{
height:260px;
}

.appointment-section h2{
font-size:26px;
}

}

.entry-footer {
    display:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1641b636 *//* SECTION */
.appointment-section{
    max-width:1150px;
    margin:auto;
    text-align:center;
}

/* DESCRIPTION TEXT */
.appointment-section p{
    font-size:16px;
    color:#4a6a75;
    margin-bottom:50px;
}

/* GRID */
.appointment-section .wp-block-columns{
    display:flex;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
}

/* DOCTOR CARD */
.appointment-section .wp-block-column{
    background:#ffffff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:all .35s ease;
    width:420px;
    padding-bottom:30px;
}

/* CARD HOVER */
.appointment-section .wp-block-column:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,0.15);
}

/* IMAGE */
.appointment-section .wp-block-image{
    margin:0;
}

.appointment-section .wp-block-image img{
    width:100%;
    height:320px;
    object-fit:cover;
}

/* SMALL TEXT */
.appointment-section h3{
    font-size:17px;
    margin-top:22px;
    color:#444;
    font-weight:500;
}

/* DOCTOR NAME */
.appointment-section h2{
    font-size:30px;
    font-weight:700;
    margin-top:5px;
    margin-bottom:20px;
    color:#111;
}

/* BUTTON WRAPPER */
.appointment-section .wp-block-buttons{
    justify-content:center;
}

/* BOOK BUTTON */
.appointment-section .wp-block-button__link{
    background:#6b2f1b;
    color:#fff !important;
    padding:15px 38px;
    font-size:15px;
    font-weight:600;
    border-radius:30px;
    text-decoration:none;
    letter-spacing:1px;
    transition:all .3s ease;
}

/* BUTTON HOVER */
.appointment-section .wp-block-button__link:hover{
    background:#4c1f0f;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* MOBILE */
@media(max-width:768px){

.appointment-section .wp-block-columns{
    flex-direction:column;
    gap:35px;
}

.appointment-section .wp-block-column{
    width:100%;
}

.appointment-section .wp-block-image img{
    height:260px;
}

.appointment-section h2{
    font-size:26px;
}

}/* End custom CSS */