@keyframes blink {
    0% {
        color: red;
    }

    50% {
        color: #fff;
        background-color:red;
    }

    100% {
        color: red;
    }
}

.blink {
    animation: blink 1s infinite;
}

@keyframes blink2 {
    0% {
        color: red;
    }

    50% {
        color: transparent;
        /*background-color: red;*/
    }

    100% {
        color: red;
    }
}

.blink2 {
    animation: blink2 1s infinite;
}

.themeColor {
    background-color: #1eaaf1 !important;
}
.notice-board {
    height: 200px; /* Set the desired height of the scrolling container */
    overflow-y: auto;
}

.social-connect {
    height: 600px; /* Set the desired height of the scrolling container */
    overflow-y: auto;
}

#fb-plugin-wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}


/*.fb-responsive-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.fb-page iframe {
    width: 100% !important;
}*/

@media (max-width: 768px) {
    .services-2 {
        flex-direction: column;
        align-items: flex-start;
    }

        .services-2 .icon {
            margin-bottom: 10px;
        }
}





.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    background-color: #1eaaf1;
    padding: 10px
}

.marquee {
    display: inline-block;
    animation: marquee 15s linear infinite; /* Adjust the duration (10s) as desired */
    transform: translateX(100%); /* Start from the right */
}

    .marquee > a{
        color:red;
        padding: 0 20px 0 20px;

    }


    /* Pause the animation on hover */
    .marquee:hover {
        animation-play-state: paused;
    }

@keyframes marquee {
    0% {
        transform: translateX(200%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* for to make scrolling text clickable */
.clickable-link {
    text-decoration: none;
    /*background-color: #0074D9;*/
    /*color: white;*/
  /*  padding: 5px 10px;
    border-radius: 5px;*/
  
}

/*----------------------Navbar style------------------------------------*/
/* Default style for navigation links */
.navbar-nav li.nav-item a.nav-link {
    color: #000; /* Change the default color to your desired color */
    /* Add any other default CSS properties here */
}

    /* Hover effect for the navigation links */
    .navbar-nav li.nav-item a.nav-link:hover {
        color: #1eaaf1; /* Change the color to light blue or your desired hover color */
        /* Add any other CSS properties you want to change during hover */
    }

/* Default style for dropdown menu items */
.navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #000; /* Change the default color to your desired color */
    /* Add any other default CSS properties for dropdown menu items here */
}

    /* Hover effect for the dropdown menu items */
    .navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
        color: black; /* Change the color to black or your desired hover color to make the text visible */
        background-color: #1eaaf1; /* Change the background color to light blue or your desired hover background color */
        /* Add any other CSS properties you want to change during hover for dropdown menu items */
    }

/* Change the color of the dropdown toggle link during hover */
.navbar-nav li.nav-item.dropdown .dropdown-toggle:hover::after {
    color: #1eaaf1; /* Change the color to light blue or your desired hover color */
    /* Add any other CSS properties you want to change during hover for the dropdown toggle link */
}

.circular {
    height: 400px; /* Set the desired height of the scrolling container */
    overflow-y: auto;
    overflow-x:hidden;
}

/*-----------Navbar border glow-------*/

nav {
    border: 1px solid transparent; /* Set an initial transparent border */
    transition: box-shadow 0.3s ease-in-out; /* Add a smooth transition effect for box-shadow */
    box-shadow: 0 0 10px 0 #1eaaf1;
    /*box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5);*/
}

/* Apply the glow effect on hover */
    nav:hover {
        box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5); /* Adjust the glow color and size as needed */
    }

/*
.sticky-bottom {
    position: relative;
}

    .sticky-bottom .content {
        position: absolute;
        bottom: 0;
        width: 100%;
    }*/