/* Divider Section Styling */
.simple-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0; /* Adds spacing above and below */
    background-color: #000000; /* Matches the dark theme */
    color: #E63946; /* Matches the orange theme */
    position: relative;
}

.simple-divider .line {
    flex: 1; /* Ensures the line stretches to fill available space */
    height: 2px; /* Thin line for a modern look */
    background-color: #E63946; /* Orange color matching the theme */
    margin: 0 20px; /* Spacing between the line and the text */
    opacity: 0; /* Start invisible for animation */
    transform: scaleX(0); /* Line starts collapsed */
    transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.simple-divider .divider-text {
    font-size: 1.2rem; /* Text size */
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap; /* Prevent text wrapping */
    opacity: 0; /* Start invisible for animation */
    transform: translateY(20px); /* Start slightly below */
    transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Active State for Animation */
.simple-divider .line.active {
    opacity: 1;
    transform: scaleX(1); /* Expand the line horizontally */
}

.simple-divider .divider-text.active {
    opacity: 1;
    transform: translateY(0); /* Move text to its original position */
}


/* General Mobile Fixes */
@media (max-width: 768px) {
    /* Ensure the layout stays similar to the desktop version */
    .about .row {
        flex-direction: column; /* Stack items vertically */
        text-align: center; /* Center-align text for better mobile display */
    }

    .about .col-lg-6, .about .col-lg-5 {
        flex: 0 0 100%; /* Make columns take full width */
        max-width: 100%;
        margin-bottom: 20px; /* Add space between stacked sections */
    }

    .about .content {
        text-align: center; /* Center the text content */
        padding: 0 15px; /* Add horizontal padding */
    }

    .about .section-title {
        font-size: 2rem; /* Adjust the title size for smaller screens */
        line-height: 1.5;
    }

    .about .section-subtitle {
        font-size: 1.3rem; /* Adjust subtitle size */
        margin-bottom: 15px;
    }

    .about .button-1 {
        font-size: 1rem; /* Adjust button text size */
        padding: 10px 20px;
        margin-top: 15px;
    }

    /* Fix the image alignment */
    .about .col-lg-5 img {
        max-width: 90%; /* Make the image smaller to fit mobile screens */
        height: auto; /* Keep aspect ratio */
        margin: 0 auto; /* Center the image */
        display: block;
    }

    /* Instagram icon alignment */
    .curv-butn.icon-bg {
        position: static; /* Allow it to flow naturally */
        margin: 20px auto; /* Center align it */
    }

    /* Reduce the size of the Instagram icon */
    .curv-butn.icon-bg .icon {
        width: 50px;
        height: 50px;
    }
}