@font-face {
        font-family: 'Proxima Nova Regular';
        src: url('./fonts/proximanova-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Proxima Nova Bold';
        src: url('./fonts/proximanova-bold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Proxima Nova Light';
        src: url('./fonts/proximanova-light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Montserrat';
        src: url('./fonts/montserrat.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'soehne1';
        src: url('./fonts/soehne-breit-buch.woff2') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'soehne2';
        src: url('./fonts/soehne-breit-kraftig.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    /* Tailwind Custom Font Classes */
    .font-proxima-regular {
        font-family: 'Proxima Nova Regular', sans-serif;
    }

    .font-proxima-bold {
        font-family: 'Proxima Nova Bold', sans-serif;
    }

    .font-proxima-light {
        font-family: 'Proxima Nova Light', sans-serif;
    }

    .font-montserrat {
        font-family: 'Montserrat', sans-serif;
    }

    .font-soehne1{
        font-family: 'soehne1',sans-serif ;
    }

    .font-soehne2{
        font-family: 'soehne2',sans-serif ;
    }



   


    @keyframes scroll-right {
                from {
                    transform: translateX(0);
                }
                to {
                    transform: translateX(-50%);
                }
            }

            @keyframes scroll-left {
                from {
                    transform: translateX(-50%);
                }
                to {
                    transform: translateX(0);
                }
            }

            .animate-[scroll-right_90s_linear_infinite] {
                animation: scroll-right 90s linear infinite;
            }

            .animate-[scroll-left_90s_linear_infinite] {
                animation: scroll-left 90s linear infinite;
            }

            .content {
                transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
            }


            /* 8th section */
            .gallery-container {
            display: flex;
            width: 100%;
            overflow: hidden;
        }
        .gallery-item {
            flex: 1;
            transition: flex 0.3s ease-in-out;
        }
        .gallery-item:hover {
            flex: 2;
        }
        .gallery-item:not(:hover) {
            flex: 0.8;
        }
    
    /* 9th section */
    .swiperr-container {
            display: flex;
            overflow: hidden;
            scroll-behavior: smooth;
        }
        .swiperr-slide {
            min-width: 100%;
            transition: transform 0.5s ease-in-out;
        }

        /* 10th section */
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: grab;
        }

        /* 15th section */
        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            align-items: center;
            position: relative;
        }
        .marquee-track {
            display: flex;
            gap: 2rem;
            animation: marqueeAnimation 15s linear infinite;
        }
        @keyframes marqueeAnimation {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }
        .marquee-container:hover .marquee-track {
            animation-play-state: paused;
        }
        /* 17th section */
        .custom-slider {
    position: relative;
    overflow: hidden;
}

.slider-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.custom-slide {
    flex: 0 0 33.333%;
    padding: 0 0.5rem;
}

/* Medium screen adjustments */
@media (max-width: 1024px) {
    .custom-slide {
        flex: 0 0 50%; /* 2 slides per view */
    }
}

/* Small screen adjustments */
@media (max-width: 768px) {
    .custom-slide {
        flex: 0 0 100%; /* 1 slide per view */
    }
}


        /* 19th section */
        .mentor-card:hover {
            box-shadow: rgba(13, 38, 76, 0.19) 0px 0px 10px;
            transition: all 0.3s ease;
        }