/* Background Patterns and Effects */
.journey-section {
    position: relative;
    background: linear-gradient(135deg, #f8f9fa 25%, transparent 25%) -10px 0,
        linear-gradient(225deg, #f8f9fa 25%, transparent 25%) -10px 0,
        linear-gradient(315deg, #f8f9fa 25%, transparent 25%),
        linear-gradient(45deg, #f8f9fa 25%, transparent 25%);
    background-size: 20px 20px;
    background-color: #ffffff;
}

.journey-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.8));
    z-index: 1;
}

.journey-section .container {
    position: relative;
    z-index: 2;
}

.vision-mission-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 50%, transparent 20%, rgba(33, 150, 243, 0.03) 21%, rgba(33, 150, 243, 0.03) 34%, transparent 35%, transparent),
        radial-gradient(circle at 0% 50%, transparent 20%, rgba(33, 150, 243, 0.03) 21%, rgba(33, 150, 243, 0.03) 34%, transparent 35%, transparent) 0 -50px;
    background-color: #f8f9fa;
    background-size: 75px 100px;
}

.values-section {
    position: relative;
    background-image:
        linear-gradient(30deg, rgba(33, 150, 243, 0.05) 12%, transparent 12.5%, transparent 87%, rgba(33, 150, 243, 0.05) 87.5%, rgba(33, 150, 243, 0.05)),
        linear-gradient(150deg, rgba(33, 150, 243, 0.05) 12%, transparent 12.5%, transparent 87%, rgba(33, 150, 243, 0.05) 87.5%, rgba(33, 150, 243, 0.05)),
        linear-gradient(30deg, rgba(33, 150, 243, 0.05) 12%, transparent 12.5%, transparent 87%, rgba(33, 150, 243, 0.05) 87.5%, rgba(33, 150, 243, 0.05)),
        linear-gradient(150deg, rgba(33, 150, 243, 0.05) 12%, transparent 12.5%, transparent 87%, rgba(33, 150, 243, 0.05) 87.5%, rgba(33, 150, 243, 0.05));
    background-size: 80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0;
    background-color: #ffffff;
}

/* Parallax Effect */
.page-title-section {
    position: relative;
    background-attachment: fixed;
    background-image: linear-gradient(45deg, rgba(33, 150, 243, 0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(33, 150, 243, 0.05) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(33, 150, 243, 0.05) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(33, 150, 243, 0.05) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 0, 10px -10px, 0px 10px;
    z-index: -1;
}