.body1 {
        background-color: #F9FAFB;
    }

    .stickOnScroll {
        background-color: white;
        box-shadow: 0px 0px 5px grey;
        display: grid;
        align-items: center;
        grid-template-columns: 10% 90%;
    }

    .fixed-top {
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        box-shadow: 0px 3px 6px #00000040;
    }

    .ellipsis-1 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        /* white-space: nowrap;
    display: block;
    width: 10em; */
    }

    .ellipsis-2 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        /* white-space: nowrap;
    display: block;
    width: 10em; */
    }

    .ellipsis-3 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        /* white-space: nowrap;
    display: block;
    width: 10em; */
    }

    .topBar {
        /* font-family: 'Red Hat Text', sans-serif; */
        /* color: #303051; */
        width: 100%;
        padding: 4px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* font-weight: bold; */
        background: #e0e0e0 0% 0% no-repeat padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }

    .topBar .skipNav {
        font-size: 12px;
    }

    .topBar a {
        text-decoration: none;
        color: #757575;
        margin-right: 15px;
        transition: all ease .3s;
        font-size: 17px;
        font-family: 'Poppins';
        font-weight: normal;
    }

    .topBar a:last-of-type {
        margin-right: 0px;
    }

    .topBar a:hover {
        text-decoration: none;
        color: #ED7010;
    }

    .logoBar {
        width: 100%;
        padding: 10px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .logoBar a:hover {
        color: #303051 !important;
        text-decoration: none !important;
    }

    .logoBar .leftLogo img {
        max-height: 75px;
    }

    .logoBar .leftLogo span {
        margin-left: 15px;
        font: bold 20px Helvetica;
        letter-spacing: 0px;
        color: #2969A2;
        opacity: 1;
    }

    .logoBar .leftLogo p {
        margin-left: 15px;
        font-family: arial;
        letter-spacing: 0px;
        font-size: 15px;
        color: #757575;
        opacity: 1;
        font-weight: normal;
    }

    .logoBar .rightLogos img {
        max-height: 50px;
    }

    .logoBar .rightLogos img:first-of-type {
        margin-right: 15px;
    }

    .socialIcons a {
        font-size: 20px;
        color: black;
    }
    /*-------------------------------------------header end-----------------------*/

    .navbar-toggler {
        padding: 0 !important;
        outline: none !important;
        border: none !important;
        line-height: unset !important;
    }

    .navbar-toggler-icon {
        display: flex !important;
        align-items: center !important;
        color: #3f4e6e;
        width: auto !important;
        height: auto !important;
        font-size: 12px;
    }

    .navbar-toggler-icon i {
        font-size: 18px;
        margin-right: 5px;
    }
    .navbar {
            padding: 0 0 0 10px !important;
        }

    /* .navbar .nav-item .nav-link.active {
        color: white;
        background-color: red;
    } */

    .navHeader {
        font-family: poppins;
        font-size: 16px;
        font-weight: bold;
        background-color: #fff;
        color: #3f4e6e;
    }

    .navHeader .navbar-nav li:hover>.dropdown-menu {
        display: block;
    }

    .navHeader .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }

    .navHeader .collapse {
        justify-content: space-between !important;
    }

    .navHeader .regNav {
        width: fit-content;
    }

    .navHeader .regNav .memberli {
        background-color: #2969A2;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0px !important;
        padding-left: 0 !important;
    }

    .navHeader .nav-link {
        color: black;
        padding: 5px 0px;
        margin: 0 4px;
        transition: all ease .3s;
        font-weight: normal;
        text-align: center;
        font-size: 14px;
    }

    .navHeader .nav-link:hover {
           text-decoration: underline;
      
    }

    .navHeader .dropdown-menu {
        padding: 0.35rem;
        background-color: rgb(211, 227, 238);
        box-shadow: 0px 0px 6px #00000029;
        opacity: 0.8;
     
        border: none;
    }

    .navHeader .dropdown-item {
        font-size: 16px;
        background-color: transparent;
        color: #000000;
        transition: all ease .3s;
        padding: 0.2rem .4rem;
    }

    .navHeader .dropdown-item:hover {
        background-color:  #62aada;
        font-size: 14px;
    }

    .vibha-nav-btn button {
        background-color: #ff6600;
        color: white;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 0;
        margin-right: 10px;
    }

    .vibha-nav-btn button:hover {
        background-color: #E95F03;
        color: white;
        border: 1px solid #E95F03;
        text-decoration: underline;
    }

    .vibha-nav {
        border-bottom: 1px solid gray;
        
    }

    .vibha-navbar ul li {
        margin-right: 10px;
        
        border-bottom: 2px solid #ffffff;
    }

    .vibha-navbar ul li a {
        color: #000000;
        font-size: 14px;
        padding: 10px 5px;
        font-weight: 400;
        font-family: poppins;
    }

    .navbar .nav-item .nav-link.active,
    .hover {
        border-bottom: 2px solid #ff6600;
        font-weight: 400;
    }
    /* .vibha-navbar ul li:active {
        border-bottom: 2px solid #ff6600;
        font-weight: 400;
    } */
    /* .vibha-navbar ul li a:hover {
        border-bottom: 2px solid #ff6600;
    } */

    .login-btn a {
        color: #206ABE;
    }

    .vibha-logo-container {
        display: flex;
        padding: 5px 20px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgb(217, 216, 216);
    }

    .logo-vibha {
        text-align: center;
    }

    .logo-vibha .headicon {
        border-radius: 100%;
    }

    .logo-vibha .headicon img {
        width: 90px;
        height: 90px;
        box-shadow: 0px 0px 5px grey;
        border-radius: 100%;
    }

    .vibha-text-image img {
        height: 75px;
        width: 275px;
        object-fit: contain;
    }

    .vibha-logo-container .support-container .vibha-support {
        display: flex;
        align-items: center;
        justify-content: space-around;
        text-decoration: none;
        /* border: 1px solid #000080; */
        padding: 8px;
        border-radius: 10px;
        text-align: center;
    }

    .vibha-logo-container .support-container .background1 {
        background: rgb(154, 154, 202);
        background: -moz-linear-gradient(100deg, rgba(154, 154, 202, 1) 0%, rgba(241, 216, 144, 1) 66%);
        background: -webkit-linear-gradient(100deg, rgba(154, 154, 202, 1) 0%, rgba(241, 216, 144, 1) 66%);
        background: linear-gradient(100deg, rgba(154, 154, 202, 1) 0%, rgba(241, 216, 144, 1) 66%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#9a9aca", endColorstr="#f1d890", GradientType=1);
    }

    .vibha-logo-container .support-container .background2 {
        background: rgb(182, 232, 244);
        background: -moz-linear-gradient(90deg, rgba(182, 232, 244, 1) 0%, rgba(170, 163, 224, 0.6867121848739496) 66%);
        background: -webkit-linear-gradient(90deg, rgba(182, 232, 244, 1) 0%, rgba(170, 163, 224, 0.6867121848739496) 66%);
        background: linear-gradient(90deg, rgba(182, 232, 244, 1) 0%, rgba(170, 163, 224, 0.6867121848739496) 66%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#b6e8f4", endColorstr="#aaa3e0", GradientType=1);
    }

    .vibha-logo-container .support-container .vibha-support img {
        height: 35px;
    }

    .vibha-logo-container .vibha-support p {
        font-size: 11px;
        color: #000080;
        margin-bottom: 0px;
        font-weight: 500;
    }

    .vibha-logo-container .vibha-support:hover p {
        text-decoration: underline;
    }

    .vibha-login-btn {
        margin-right: 10px;
    }

    .vibha-donation-btn button {
        background-color: #3bb091;
        color: white;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 0;
        margin-right: 10px;
        width: 150px;
    }
    .vibha-login-btn button {
        background-color: #0E88D3;
        color: white;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 500;
        padding: 8px;
        height: 40px;
        width: 150px;
    }

    .vibha-language-btn {
        background-color: #b63997;
        color: white;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 500;
        padding: 8px;
        height: 40px;
        width: 150px;
    }

    .vibha-login-btn button:hover {
        background-color: #0576BB;
        border: 1px solid #0576BB;
        color: white;
        text-decoration: underline;
    }

    .vibha-login-btn button svg {
        fill: #fff;
    }

    .vibha-login-btn button:hover svg {
        fill: white;
    }

    .support-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .contact-menu {
        position: absolute;
        top: 100%;
        left: -27px !important;
    }

    @media (max-width: 767.98px) {
        .navHeader .nav-link {
            color: black;
            padding: 5px 0px;
            text-align: left;
        }
        .mobile-view {
            display: none;
        }
        .mobile-view1 {
            display: block !important;
        }
        .logo-vibha {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            align-items: center;
        }
        .logo-vibha .headicon img {
            width: 60px;
            height: 60px;
        }
        .vibha-logo-container .support-container .vibha-support {
            padding: 6px;
            height: 35px;
            border: 1px solid #0e0e84;
        }
        .vibha-logo-container .support-container .vibha-support img {
            height: 30px;
        }
        .vibha-logo-container .support-container .vibha-support .imgscience {
            height: 20px;
        }
        .vibha-logo-container .vibha-support p {
            font-size: 9px;
        }
        .stickOnScroll {
            display: block;
        }
        .vibha-nav-btn button {
            background-color: #ff6600;
            color: white;
            border-radius: 100px;
            font-size: 10px;
            font-weight: 500;
            /* padding: 7px 0; */
            /* margin-right: 10px; */
            padding: 0px;
            height: 34px;
            /* width: 108px; */
        }
        .vibha-login-btn button {
            background-color: #0E88D3;
            color: white;
            border-radius: 100px;
            font-size: 10px;
            font-weight: 500;
            padding: 8px;
            height: 34px;
            width: 103px;
        }
    }
    /*
    @media (min-width: 667.1px) and (max-width: 767.98px) {
        .navHeader .nav-link {
            color: black;
            padding: 5px 0px;
            text-align: left;
        }
    } */

    @media (min-width: 768px) and (max-width: 991.98px) {
        .navHeader .nav-link {
            color: black;
            padding: 5px 0px;
            text-align: left;
        }
        .stickOnScroll {
            grid-template-columns: 15% 85%;
        }
        .logo-vibha .headicon img {
            width: 70px;
            height: 70px;
        }
        .vibha-nav-btn button {
            font-size: 10px;
            padding: 7px 0;
            margin-right: 7px;
        }
        .vibha-login-btn button {
            font-size: 10px;
            padding: 0px;
            height: 30px;
            width: 115px;
        }
        .vibha-logo-container .support-container .vibha-support img {
            height: 30px;
        }
        .vibha-logo-container .support-container .background2 img {
            height: 20px;
        }
        .vibha-logo-container .vibha-support p {
            font-size: 8px
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .navbar-expand-lg {
            -ms-flex-flow: wrap;
            flex-flow: wrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }
        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0rem !important;
            padding-left: 0rem !important;
        }
        .vibha-navbar ul li {
            margin-right: 0px !important;
        }
        .vibha-navbar ul li a {
            color: #000000;
            font-size: 10px;
        }
        .navHeader .nav-link {
            margin: 0 8px;
        }
        .stickOnScroll {
            grid-template-columns: 15% 85%;
        }
        .vibha-logo-container .support-container .vibha-support img {
            height: 28px;
        }
        .vibha-logo-container .vibha-support p {
            font-size: 9px;
        }
        .vibha-nav-btn button {
            padding: 8px 0;
        }
        .contact-menu {
            position: absolute;
            top: 100%;
            left: -67px !important;
        }
    }

    @media (min-width: 1200px) and (max-width:1600px) {
        .vibha-navbar ul li a {
            color: #000000;
            font-size: 12px;
        }
        .navHeader .nav-link {
            color: #000000;
            padding: 5px 0px;
            margin: 0px 4px;
        }
        .navHeader .dropdown-item {
            font-size: 14px;
        }
        .contact-menu {
            position: absolute;
            top: 100%;
            left: -57px !important;
        }
    }

    @media (min-width: 1600px) {
        .navHeader .dropdown-item {
            font-size: 15px;
            background-color: transparent;
            color: #000000;
            transition: all ease .3s;
            padding: 0.2rem .4rem;
        }
        .navHeader .nav-link {
            color: #000000;
            padding: 5px 0px;
            margin: 0 8px;
        }
        .vibha-navbar ul li a {
            color: #000000;
            font-size: 15px;
            padding: 10px 5px;
            font-weight: 400;
            font-family: poppins;
        }
    }