/* CSS for Parallax Effect */
 .parallax {
    /* The image used */
    background-image: url('path/to/your/image.jpg');

    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* CSS for Content */
.content {
    /* Add some padding to see the content */
    padding: 20px;
    text-align: center;
    color: white;
}

@media (max-width: 767px) {
    h1[style*="white-space: nowrap;"] {
        white-space: normal !important;
    }
}

/* External CSS file */

/* Apply border radius to all images in this container */
.border-radius-img {
    border-radius: 10px; /* Adjust the radius as needed */
    
}



.big-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; /* Prevent repeating the image */
}

@media (max-width: 767px) {
    .big-section {
        background-image: none;
    }
}