:root {
            --spacing-card: 15%;
        }

        /* body {
        overflow-x: hidden !important;
        overflow-y: visible !important;
    } */

    .curric-img img{
        height: 100%;
        object-fit: cover;
    }

        .bg-color-heres {
            background-color: #00416b !important;
        }

        @media (max-width: 768px) {
            .cur-sec h3 {
                padding: 0 21px;
            }

            .col-12.mt-5 p {
                text-align: justify;
                text-justify: inter-word;
                text-align-last: left;
            }
        }


        @keyframes slideUp {
            0% {
                transform: translateY(30px);
                opacity: 0;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .history-cards .Card {
            height: auto;
            box-shadow: unset;
        }

        .academic-card .Card {
            border-radius: 1vw !important;
            box-shadow: 0 0 15px #25252587;
        }

        /* .Card{
        bottom: 10%;
    } */
        .card_1 {
            top: 10%
        }

        .card_2 {
            top: 20%
        }

        .card_3 {
            top: 30%
        }

        .card_4 {
            top: 40%
        }

        .card_5 {
            top: 50%
        }

        .mb-50px {
            margin-bottom: 50px !important;
        }

        @media (max-width: 480px) {
            .mbl-ml-0 {
                margin-left: 0px !important;
            }


            /* Make sure splitting.js spans behave like normal text */

        }

        @media screen and (min-width: 768px) and (max-width: 1200px) {
            .card_wrapper {
                gap: 0px !important;
            }

            .cur-sec:after {
                right: 0;
                left: unset;
            }
        }