@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.note-editable {
    font-family: Arial, sans-serif; /* Default font in case others don't load */
}
#navlink-1 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-1:hover {
    text-decoration-color:#0dba4b; 
}

#navlink-2 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-2:hover {
    text-decoration-color: #0dba4b; 
}
#navlink-3 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-3:hover {
    text-decoration-color: #0dba4b; 
}
#navlink-4 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-4:hover {
    text-decoration-color: #0dba4b; 
}
#navlink-5 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-5:hover {
    text-decoration-color: #0dba4b; 
}
#navlink-6 {
    color: black;
    text-decoration: underline; 
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

#navlink-6:hover {
    text-decoration-color: #0dba4b; 
}
.text-deco{
    text-decoration:underline; 
    text-decoration-thickness: 2px;
    text-underline-offset: 8px; 
}
.desc_container h1{
    font-size:36px;
    font-weight:600;
}
.desc_container h3{
    font-weight:500;
    font-size:16px;
}
.desc_container p{
    font-weight:500;
    font-size:14px;
    color:#A5A5A5;
}
.desc_container{
    border-radius:15px;
    width:auto;
}
.desc{
    margin-top:0px;
}
.desc_small{
    margin-top:-75px;
}
a{
   color:#ffffff !important;
   text-decoration:none !important;
}
.span_color{
    color:#0DBA4B;
}


.social-icons {
    position: fixed;
    top:70%;
    left:0;
    transform: translateY(-50%);
  }
  
  .social-icons .icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #fff;
  }
  
  .social-icons .icon.facebook {
    background-color: #3b5998;
  }
  
  .social-icons .icon.insta {
    background-image:linear-gradient(#f9ce34,#ee2a7b, #6228d7);
  }

 /* WhatsApp Floating Chat Button */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-decoration: none;
}

.whatsapp-float img {
    width: 30px;
    height: 30px;
    /* margin-right: 10px; */
}

.whatsapp-float span {
    color: white;
    font-weight: bold;
    font-size: 14px;
}

/* Announcement Button Floating Style */
.announcement-btn {
    position: fixed;
    bottom: 90px; /* Adjust to place it above WhatsApp */
    right: 20px;
    color: white;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 50px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 999;
    text-decoration: none;
}

.announcement-btn:hover {
    background-color: #0a8f3b;
}

/* Responsiveness for smaller screens */
@media (max-width: 768px) {
    .announcement-btn {
        font-size: 14px;
        padding: 10px 12px;
    }
}

@media (max-width: 576px) {
    .announcement-btn {
        font-size: 12px;
        padding: 8px 10px;
    }
}

/* Calendar Float Style */
.calendar-float {
    /* position: fixed;
    top:355px;
    right: 10px; */
    position: fixed;
    bottom: 155px; /* Adjust to place it above Announcement */
    right: 20px;
    display: flex;
    text-align:center;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 1000;
    width: auto;
    max-width: 300px;
}

/* Date Section */

.calendar-date{
    display: flex;
    flex-direction: column;
    order:2;
    align-items: center;
    justify-content: center;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    /* margin-left: 10px; */
}


.calendar-date .day {
    font-size: 20px;
    font-weight: bold;
}

.calendar-date .month {
    font-size: 14px;
    text-transform: uppercase;
}

/* Info Section */
.calendar-info {
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    margin-right:10px;
}

.calendar-info .calendar-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.calendar-info .calendar-time {
    font-size: 14px;
    color: #666;
}

/* Responsiveness */
@media (max-width: 768px) {
    .calendar-float {
        flex-direction: row;
        padding: 8px;
    }

    .calendar-date {
        width: 50px;
        height: 50px;
    }

    .calendar-date .day {
        font-size: 18px;
    }

    .calendar-date .month {
        font-size: 12px;
    }

    .calendar-info .calendar-title {
        font-size: 14px;
    }

    .calendar-info .calendar-time {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .calendar-float {
        padding: 6px;
    }

    .calendar-date {
        width: 40px;
        height: 40px;
    }

    .calendar-date .day {
        font-size: 16px;
    }

    .calendar-date .month {
        font-size: 10px;
    }

    .calendar-info .calendar-title {
        font-size: 12px;
    }

    .calendar-info .calendar-time {
        font-size: 10px;
    }
}

.calendar-date+.calendar-info
{
    display: none;
}
.calendar-date:hover+.calendar-info
{
    display:flex;
}