/* Styles for dynamic-about-section template 1 */
.template1-dynamic-about-section .dynamic-about-section {
    padding: 60px 0;
}
.template1-dynamic-about-section .about-image-wrapper {
    position: relative;
    display: inline-block;
}
.template1-dynamic-about-section .about-img {
    width: 400px;
    height: 400px;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    box-shadow: -10px 10px 10px #0000004a;
    z-index: 2;
}
.template1-dynamic-about-section .about-circle {
    position: absolute;
    top: 70%;
    left: 35%;
    width: 320px;
    height: 320px;
    background-color: var(--color_two);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.template1-dynamic-about-section .about-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000 !important;
}
.template1-dynamic-about-section .about-subtitle {
    font-size: 20px; /* Added subtitle style */
    margin-bottom: 10px;
    color: #555 !important; /* Added subtitle style */
}
.template1-dynamic-about-section .about-desc {
    font-size: 16px !important;
    color: #000 !important;
    margin-bottom: 20px;
}

.template1-dynamic-about-section .about-divider {
    width: 100px;
    height: 2px;
    background-color: var(--color_one);
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .template1-dynamic-about-section .about-image-wrapper {
        text-align: center;
    }
    .template1-dynamic-about-section .about-circle {
        width: 310px;
        height: 310px;
        top: 50%;
        left: 50%;
    }
    .template1-dynamic-about-section .about-img {
        width: 290px;
        height: 290px;
    }
    .template1-dynamic-about-section .about-title {
        font-size: 24px;
    }
    .template1-dynamic-about-section .about-desc {
        font-size: 14px;
    }
}