.about_pro_img {
    position: relative;

    img {
        border-radius: 20px;
        box-shadow: 0 6px 15px #00968771;
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 1/1.2;
        background-color: #ccc;
        border: 6px solid #009688;
    }
}



.doc-pro-text {
    padding: 30px 20px;
    background-color: #f6f6f6;
    border-radius: 10px;
    /* box-shadow: 0 6px 15px #00968771; */
    border: 2px solid #009688;


}

.exp-overlay {
    position: absolute;
    bottom: 100px;
    right: 20px;
    background: #009688;
    color: #fff;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 15px #00968771, inset 5px 5px 10px #0000004e,
        inset -5px -5px 10px #ffffff73;
}

.exp-overlay h3 {
    font-size: 42px;
    margin: 0;
    font-weight: 700;
}

.exp-overlay p {
    margin: 0 0 0 10px;
    font-size: 18px;
    color: #fff;
}

.education-content {
    padding: 30px 20px;
    background-color: #f6f6f6;
    border-radius: 20px;
    border: 2px solid #009688;
    box-shadow: 0 0 10px #00968771;
    border-left: 5px solid #009688;
}

.qualifications-list {
    li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        font-size: 16px;
        color: #333;

        i {
            color: #009688;
            margin-right: 10px;
        }
    }
}

/* service  */

.drsidebar-main {
    border-radius: 20px;
    background: #008375;
    box-shadow: 0 4px 32px rgba(34, 79, 163, 0.18);
    color: #fff;
    padding: 24px 12px 25px 12px;
}

.drsidebar-profile {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 3px solid #fff;
}

.drsidebar-profile-img {
    width: 100%;
    background: #fff;
    border: 3px solid #fff;
    border-radius: 15px;
    margin: 0 auto 14px auto;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    overflow: hidden;

    /* border-radius: 100%; */
    border-radius: 15px;



    img {

        /* aspect-ratio: 1/1; */
        object-fit: cover;
        object-position: top;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
}

.doc-dt {
    background-color: #fff;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.drsidebar-profile-name {
    font-size: 1.3rem;
    font-weight: 600;
    color: #363d3c;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 2px solid #363d3c61;
    letter-spacing: 0.01em;
}

.drsidebar-profile-title {
    font-size: 1rem;
    font-weight: 500;
    color: #363d3c;
}

.drsidebar-profile-role {
    font-size: 14.5px;
    color: #363d3c;
    margin-bottom: 9px;
    line-height: 20px;
    text-align: start;
}

.doc-ser-list,
.doc-contact-dt {
    margin-bottom: 20px;
    border-bottom: 3px solid #fff;
}

.drsidebar-section-title {
    background: rgba(255, 255, 255, 1);
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-bottom: 12px;
    color: #363d3c;
    text-align: center;
}

.drsidebar-servlist {
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
}

.drsidebar-servitem a {
    background: #008375;
    display: block;
    margin-bottom: 3px;
    padding: 9px 12px;
    display: flex;
    align-items: baseline;
    gap: 6px;
    border-radius: 8px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.2), inset 5px 5px 10px rgba(0, 0, 0, 0.25),
        inset -5px -5px 10px rgba(255, 255, 255, 0.3);
}

.drsidebar-servitem a:hover {
    background: #f6f6f6;
    color: #008375;
    text-decoration: none;
    border-color: #fff;
}

.drsidebar-contact-details {
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
    border-radius: 10px;
    font-size: 0.94rem;
    padding: 13px 14px;
    margin-bottom: 17px;
    word-break: break-all;
}

.drsidebar-contact-details a {
    color: #fff;
    text-decoration: underline;
}

.drsidebar-inqform {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 10px;
    padding: 10px 12px;
    overflow: hidden;
}

.drsidebar-form-label {
    color: #fff;
    font-weight: 500;
    font-size: 0.96rem;
}

.drsidebar-form-control {
    background: #f0f4ff;
    border: 2px solid #ffffff !important;
    color: #363d3c;
    border-radius: 7px;
    margin-bottom: 8px;
    font-size: 16px;
    padding: 10px 12px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.2), inset 5px 5px 10px rgba(0, 0, 0, 0.25),
        inset -5px -5px 10px rgba(255, 255, 255, 0.3);
}

textarea.drsidebar-form-control {
    background: #f0f4ff;
    border: 2px solid #ffffff;
    color: #363d3c;
    border-radius: 7px;
    margin-bottom: 8px;
    font-size: 16px;
    padding: 10px 12px;
    min-height: 90px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.2), inset 5px 5px 10px rgba(0, 0, 0, 0.25),
        inset -5px -5px 10px rgba(255, 255, 255, 0.3);
}

.drsidebar-form-check-label {
    color: #fff;
    font-size: 0.93rem;
}

.drsidebar-btn-submit {
    background: #008375;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 500;
    padding: 10px 20px 12px;
    letter-spacing: 0.01em;
    border-radius: 7px;
    margin-top: 4px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px -5px 10px rgba(255, 255, 255, 0.2), inset 5px 5px 10px rgba(0, 0, 0, 0.25),
        inset -5px -5px 10px rgba(255, 255, 255, 0.3);
}

.drsidebar-btn-submit:hover {
    background: #fff;
    color: #008375;
    border-color: #fff;
}

@media (max-width: 410px) {
    .drsidebar-main {
        max-width: 100vw;
        padding: 15px 12px 18px 12px;
        border-radius: 10px;
    }

    .drsidebar-section-title,
    .drsidebar-servlist,
    .drsidebar-contact-details,
    .drsidebar-inqform {
        margin: 0;
        padding: 12px 0px !important;
    }
}

.service-details-content {
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .doc-servi-details {
        padding: 0;
        box-shadow: none;
    }
}

.service-details-content img,
.service-details-content iframe {
    border-radius: 15px;
    background-color: #fff;
    padding: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    aspect-ratio: 16/8;
    margin-bottom: 20px;
    width: 100%;

    object-fit: cover;
}

.content {

    h2,
    h3,
    h4 {
        color: #008375;
        margin-bottom: 15px;
        padding-bottom: 5px;
        border-bottom: 2px solid #37363496;
    }

    p {
        color: #444;
        line-height: 25px;
        margin-bottom: 10px;
    }

    ul,
    ol {
        padding-left: 5px;
        margin-bottom: 20px;

        li {
            color: #444;
            line-height: 25px;
            margin-bottom: 7px;
            display: flex;
            align-items: baseline;

            i {
                color: #008375;
                margin-right: 8px;
                font-weight: 700;
            }
        }
    }
}