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

        .brd-btm {
            border-bottom: 2vh solid var(--blue);
        }

        html {
            overflow-x: hidden !important;
            overflow-y: visible !important;
        }

        .ylw-bg {
            background-color: #ecb250 !important;
        }

        .blue-bg2 {
            background-color: #026fa5 !important;
        }

        .legacy-video {
            box-shadow: unset !important;
            height: 100%;
        }

        .play-btn {
            opacity: 1 !important;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .play-btn:hover {
            animation: none;
        }

        .play-btn22::before {
            content: "";
            width: 135%;
            height: 135%;
            position: absolute;
            border-radius: 50%;
            border: 4px solid #ecb250;
        }

        .head-con {
            background-color: #007bc0;
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media (max-width:1400px) {}

        @media (max-width:1200px) {}

        .blu-bg {
            background-color: #003366 !important;
        }

        .history-cards .Card {
            height: 77vh !important;
            box-shadow: unset;
            min-height: 650px !important;
        }

        .bg-sec .bg1 {
            height: 100% !important;
        }

        .bg-sec .bg22 {
            background: #fff;
            border-radius: 5vh;
            padding: 2vw;
        }

        .right-border {
            position: relative;
            padding: 0px;
            margin-left: 23px;
        }

        .info.text-black>span.word:before {
            color: #003366;
        }

        .text-black {
            color: #003366 !important;
        }

        .history-cards p {
            color: #003366 !important;
        }

        .right-border::after {
            content: '';
            position: absolute;
            height: 0;
            width: 1px;
            border: 3px solid #ECB24F;
            border-radius: 40px 0 0 0;
            border-right: none;
            border-bottom: none;
            top: -5%;
            left: -6%;
            pointer-events: none;
            transition: none;
        }

        .history-cards .Card {
            padding: 0 !important;
        }

        /* Animate when class is added */
        .right-border.animate-border::after {
            animation: drawLine 3s linear forwards;
        }


        .col-lg-4:nth-child(2) .animate-border .animated-line .img-section::before {
            background-color: #00416b;
        }

        .col-lg-4:nth-child(3) .animate-border .animated-line .img-section::before {
            background-color: #007bc0;
        }

        @keyframes drawLine {
            0% {
                width: 1px;
                height: 0;
            }

            50% {
                width: 30%;
                height: 67%;
            }

            100% {
                width: 105%;
                height: 105%;
            }

        }

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

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

        @media (max-width:767px) {

            .history-cards .Card {
                min-height: fit-content !important;
                height: fit-content !important;
            }

            .para2 {
                font-size: 4vw !important;
                padding: 10px 0 !important;
                line-height: 130% !important;
            }

            .img-section {
                height: fit-content;
                border-radius: 10px;
            }



            .scroll22 {
                overflow: scroll;
            }

            .right-border::after {
                top: -8%;
                left: -9%;
            }

            @keyframes drawLine {
                0% {
                    width: 1px;
                    height: 0;
                }

                50% {
                    width: 30%;
                    height: 67%;
                }

                100% {
                    width: 109%;
                    height: 107%;
                }

            }


            .is_2 .legacy-video {
                height: 25vh;
            }

            .is_2 .quotes-box {
                width: 80%;
                position: relative;
                top: 70%;
                height: 25vh;
            }

            .is_2 .quotes-box p {
                font-size: 3.2vw;
            }

            .founder-slider .left-slide {
                width: 80%;
                height: 40vh;
            }

            .founder-slider .right-slide {
                width: 100%;
                height: 55vh;
                overflow: visible;
                padding-top: 3rem;
            }

            .founder-slider .right-slide .contain-text p {
                font-size: 4.2vw;
                padding-left: 0vw;
                line-height: 6.3vw !important;
                text-align: justify;
            }

            .ndlast-h {
                height: 250px;
            }

            .founder-slider .right-slide .rounded-box {
                line-height: 4.5vw;
            }

            .founder-slider .name {
                position: absolute;
                top: -8rem;
                left: 50%;
                width: 28vw;
                height: 18vw;
                font-size: 4vw;
                line-height: 4vw;
                transform: translate(-50%, 50%);
            }

            .right-border::after {
                border-radius: 17px 0 0 0;
            }
        }