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

        .invert {
            filter: invert(85%) sepia(93%) saturate(1485%) hue-rotate(180deg) brightness(90%) contrast(97%);
        }

        .bg-sec {
            margin-top: 5vh;
            margin-bottom: 5vh;
        }

        .card-slider {
            position: relative;
            min-height:100vh;
        }

        .card_wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 600px 0;
        }

        .Card {
            position: absolute;
            width: 100%;
            height:auto;
            left: 0;
            top: 0;
            border-radius: 30px;
            overflow: hidden;
            transform-origin: center top;
        }

        .card_2 {
            z-index: 1;
        }

        .card_3 {
            z-index: 2;
        }

        .card_4 {
            z-index: 3;
        }
        .coun-page .right-border.vrtcl-rgt-vrd::after{
            top: -6.2%;
            left: -4.2%;
        }
        .academic-guide-quote{
           rotate: 0deg !important; 
        display: inline-block;
        position: relative;
    left: 25px !important;
    top: -6px !important;
        mix-blend-mode: darken;
        }
        @media screen and (max-width: 1340px) {
            .card-slider {
                min-height: auto;
                margin-top: 1rem;
            }

            .card_wrapper {
                padding: 320px 0 220px;
            }

            .Card {
                height: auto;
            }

            .stack-spacer {
                height: 40vh;
            }
            .coun-page .img-section{
                height: 100% !important;
            }
        }

        @media screen and (max-width: 767px) {
            .card-slider {
                min-height: auto;
                padding-bottom: 10vh;
            }

            .card_wrapper {
                padding: 180px 0 420px;
            }

            .bg-sec {
                margin-top: 2vh;
                margin-bottom: 2vh;
            }

            .Card {
                border-radius: 22px;
            }

            .coun-page {
                width: 100% !important;
            }

            .coun-page .img-section {
                height: 26vh !important;
                min-height: 200px;
                overflow: hidden;
            }

            .coun-page .img-over {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center center;
            }
            .bg-sec .bg1{
                border-radius: 20px;
            }
            .stack-spacer {
                height: 28vh;
            }
            .mbl-img-top{
                object-position: center top !important;
            }
            .coun-page .right-border::after{
                top: -8.2%;
                 left: -5.2%;
            }
            .right-border::after {
                left: -5%;
                top: -4%;
            }
        }