.bar1, .bar2, .bar3 {
                width: 25px;
                height: 3px;
                background-color: #fff;
                margin: 5px 0;
                transition: 0.4s;
            }
            .change .bar1 {
                -webkit-transform: rotate(-45deg) translate(-5px, 5px);
                transform: rotate(-45deg) translate(-5px, 5px);
            }
            .change .bar2 {opacity: 0;}
            .change .bar3 {
                -webkit-transform: rotate(45deg) translate(-5px, -7px);
                transform: rotate(45deg) translate(-5px, -7px);
            }
            .nav-bg {
                background-color: #fff !important;
            }

            .carousel-inner img {
                width: 100%;
                height: 60%;
            }
            .modal-dialog{
                overflow-y: initial !important;
            }
            .modal-body{
                height: 80vh;
                overflow-y: auto;
            }
            .modal-fullscreen-xl .modal-body {
                max-height: 80vh; /* adjust as needed */
                overflow-y: auto;
              }

            .custommodallink {
                font-size: 18px !important;
                color: #000;
            }
            .custommodallink:hover  {
                background-color: #ABE6FF !important;
                /*                background-color: linear-gradient(to right, transparent 50%, #ABE6FF 50%) !important;*/
                cursor: pointer !important;
                color: #fff;
            }

            .carditem {
                border: 1px solid #ABE6FF !important;
            }

            .carditem:hover {
                background-color: #ABE6FF !important;
                border: 1px solid #182b45 !important;
            }

            .carditem .card-title {
                color: #182b45 !important;
            }
            .carditem .card-text {
                color: #182b45 !important;
            }
            .carditem .fa {
                color: #182b45 !important;
            }


            .carditem:hover .card-title {
                color: #182b45 !important;
            }
            .carditem:hover .card-text {
                color: #182b45 !important;
            }
            .carditem:hover .fa {
                color: #182b45 !important;
            }
            .bg-custom-primary {
                background-color: #E6A321;
                border-radius: 50px;
                padding: 50px 100px;
            }
            .login-img {
                width: 128px;
                height: auto;
            }
            .btn-view-more{
                color: #000 !important;
                background-color: #ABE6FF !important;
                border-color: #ABE6FF !important;
                text-align: center;
            }
            .program-item:hover{
                cursor: pointer;
            }
            .vande-mataram-banner{
/*                max-height: 42vh;*/
                max-width: 99vw;
            }
            .vande-mataram-div {
/*            position: fixed;
            top: 0;*/
            width: 98%;
            background-color: #ABE6FF !important;
            transition: opacity 2.0s ease, transform 2.0s ease;
        }

/*        .vande-mataram-div img {
            max-width: 100%;
            height: auto;
        }*/

        /* Hidden state */
        .vande-mataram-div.hidden {
            opacity: 0;
            transform: translateY(-50px);
            pointer-events: none;
        }