.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    /* font-weight: var(--bs-nav-link-font-weight); */
    font-weight: bold !important; 

    /* color: rgb(255 255 255) !important;  changed on 25.03.2025*/ 
    color: rgb(255 255 255);

    font-size: large;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;

    font-size: medium;

    font-weight: bold;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #19747E !important;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}


/* On screens that are 992px or less, set the background color to blue */
/*  @media screen and (max-width: 992px) {


    carousel-inner {
        height: 100px !important;
    }
  } */



  /*  X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .carousel-inner{
        height: 100% !important;
        
    }

    #news{
        margin-top: 15px;
    }

     }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .carousel-inner{
        height: 100% !important;
 }

 #news{
    margin-top: 15px;
}
 
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
    .carousel-inner{
        height: 100% !important;
 }
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .carousel-inner{
        height: 450px;
        
    }
 }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    .carousel-inner{
        height: 450px;
        
    }

 }

/* // XX-Large devices (larger desktops)


// No media query since the xxl breakpoint has no upper bound on its width */

@media (max-width: 1500px) { 
    .carousel-inner{
        height: 450px;
        
    }

 }

    
 @font-face {
    font-family:'Sakal Marathi';
    src: url('../font/SakalMarathi.woff');
/*     src: url('../Fonts/SakalMarathi-Normal.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/SakalMarathi-Normal.woff') format('woff'),
         url('../Fonts/SakalMarathi-Normal.ttf') format('truetype'),
         url('../Fonts/SakalMarathi-Normal.svg#SakalMarathi-Normal') format('svg'); font-weight: normal; font-style: normal; */
        }


.btn{
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid grey 1px;
    border-radius: 50%;
    cursor: pointer;
}




#blue{
    background-color: #205781;
}

#orange{
    background-color: #D98324;
}

#yellow{
    background-color: #86A788;
}

#green{
    background-color: #624E88;
}

#color-switcher{
    text-align: right;
}
    

#ReadPageMainicon:hover{
    cursor: pointer;
    color: #19747E;
}

#fontIncreaseIcon:hover{
    cursor: pointer;
    color: #19747E;


}

#fontDecreaseIcon:hover{
    cursor: pointer;
    color: #19747E;

}

  
#circularlink:hover{

    
    text-decoration: underline !important;
    /* color: #19747E !important; */
    font-weight: bold !important;
    
        
    
}
#circularPagelink:hover{
    color: #19747E !important;
    text-decoration: underline !important;
}

#circularIindex:hover{

    text-decoration: underline !important;
}




#home-tab:visited{
    color:black !important;
}

#home-tab:focus{
    color:black !important;
}



#home-tab:active{
    color:black !important;
}

#home-tab:hover{

    color: black;
}



#profile-tab:visited{
    color:black !important;
}

#profile-tab:focus{
    color:black !important;
}


#profile-tab:active{
    color:black !important;
}

#profile-tab:hover{

    color: black;
}


#messages-tab:visited{
    color:black !important;
}

#messages-tab:focus{
    color:black !important;
}


#messages-tab:active{
    color:black !important;
}


#messages-tab:hover{

    color: black; 
}

#dynamic-link {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 40px;
  margin-left: 15px;
  border-radius: 8px;
  background: linear-gradient(270deg, #00d2ff, #3a7bd5, #3f51b5, #7b1fa2);
  background-size: 600% 600%;
  color: white;
  animation: gradientShift 6s ease infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

#dynamic-link:hover {
  transform: scale(1.07);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}