.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
}
.dlabs-position {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
.tabs-dynamic {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #ffffff47;
    padding: 3px 0;
    background: transparent;
    color: #fff;
    font-size: 18px;
}
.tabs-dynamic {
    text-align: center;
    margin: 20px 0;
}

.tabs-dynamic {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #ea1d95;
    color: #fff;
    font-weight: 400;
}
.fixed-size-image {
    width: 100%; /* Default fixed width for larger screens */
    height: 350px; /* Default fixed height for larger screens */
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

/* Adjust for smaller screens */
@media (max-width: 768px) {
    .fixed-size-image {
        width: 100%; /* Adjusted width for smaller screens */
        height: 600px; /* Adjusted height for smaller screens */
    }
}

@media (max-width: 480px) {
    .fixed-size-image {
        width: 100%; /* Adjusted width for extra-small screens */
        height: 400px; /* Adjusted height for extra-small screens */
    }
}
@media (max-width: 991px) {
    .fixed-size-image {
        width: 100%; /* Adjusted width for extra-small screens */
        height: 400px; /* Adjusted height for extra-small screens */
    }
}
.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
}
.single-gallery-box img {
    border-radius: 15px;
    padding-bottom: 5px;
}

.fixed-date {
    position: relative;
    bottom: 10px; /* Adjust as needed */
    left: 10px;   /* Adjust as needed */
    background-color: rgba(234, 29, 149, 0.84); /* Semi-transparent dark background */
    color: #fff; /* White text color */
    padding: 5px 10px; /* Add padding for better readability */
    font-size: 15px;
    font-weight: 600;
    border-radius: 7px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Adds shadow effect */
}

/* Zoom icon style */
/* Zoom Area Style */
.zoom-container {
    position: fixed;
    top: 12%;
    left: 10%;
    width: 80%;
    height: 80%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    border-radius: 10px;
    overflow: hidden;
    display: none; /* Hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's above other content */
}

/* Zoomed Image */
.zoom-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Hover effect for zoom */
.zoom-container img:hover {
    transform: scale(1.5); /* Scale the image on hover */
}

/* Overlay outside the zoom container */
.zoom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background for the rest of the page */
    z-index: 9998; /* Behind the zoom container */
    display: none; /* Hidden by default */
}
.zoom-icon {
    font-size: 2rem;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* Image counter style */
#imageCounter {
    font-weight: bold;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}
/*.gallery-images {*/
/*    border-radius: 15px;*/
/*    display: flex;*/
/*    height: 400px;*/
/*    object-fit: cover*/
/*}*/
/* Gallery Images Styling */
.gallery-images {
    position: relative;
    overflow: hidden;
    border-radius: 10px; /* Rounded corners for the images */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
    margin-bottom: 20px;
}

/* Image Styling */
.gallery-images img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-radius: 10px; /* Rounded corners for images */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth zoom effect on hover */
}

/* Hover Effect */
.gallery-images:hover {
    transform: scale(1.05); /* Slightly enlarge the image on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

/* Hover effect on the image itself */
.gallery-images:hover img {
    transform: scale(1); /* Enlarge the image slightly when hovering */
}
.front-gal {
    bottom: 30px;
}

/* Image Date */
.image-date {
    position: absolute;
    top: 5px;
    left: 15px;
    background-color: rgb(237, 90, 176); /* Semi-transparent background */
    color: white;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 2;
}

/* Image Count */
.image-count {
    position: absolute;
    top: 5px;
    right: 15px;
    background-color: rgb(237, 90, 176); /* Semi-transparent background */
    color: white;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 2;
}

/* Image Title */
.image-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #960101;
    text-align: center;

    padding-top: 5px;
    padding-bottom: 5px;
}
.event-post .dlab-post-media img {
    height: 300px;
    background: #ededed;
    width: 100%;
    object-fit: contain;
}
.gallery-events .portfolio-item {
    box-shadow: 0px 0px 5px 0px #ddd;
    margin-top: 20px;
    padding: 17px;
    position: relative;
}
.gallery-events .portfolio-item img {
    height: 300px;
    background: #ededed;
    width: 100%;
    object-fit: contain;
}
.fixed-date-event {
    position: absolute;
    top: 10px; /* Adjust as needed */
    left: 10px;   /* Adjust as needed */
    background-color: rgba(234, 29, 149, 0.84); /* Semi-transparent dark background */
    color: #fff; /* White text color */
    padding: 5px 10px; /* Add padding for better readability */
    font-size: 15px;
    font-weight: 600;
    border-radius: 7px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Adds shadow effect */
}
.newsbox-bg {
    background-color: #f6e3ae;
    height: 400px;
    box-shadow: 5px 10px #888;
}
.newshead-bg {
    background: red;
}
.heading-gradient {
    background: linear-gradient(to right, #fbd4a1 16%, #ffefda 80%);
    padding: 7px 18px;
    font-size: 27px;
    font-weight: 400;
    color: #2d2d2d;
}
.newsbox-text {
    padding: 8px;
    background-color: #f1f1f1;
    border-radius: 10px;
    margin: 8px;
}
.newsbox-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.newsbox-text h3 {
    color: #922b21;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.news-bg {
    background: rgba(255, 218, 163, .91);
    padding: 0 20px 24px 20px;
}
.eventbox-text {
    padding: 0 30px 0 30px;
}
.eventbox-text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.eventbox-text h3 {
    color: #922b21;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}
.container-fluid .row {
    display: flex;
    align-items: center; /* Vertically align elements */
}
.col-auto {
    white-space: nowrap; /* Ensure phone and email stay on the same line */
}
.col {
    padding-left: 15px; /* Adjust padding for proper alignment */
    margin-right: 15px!important;
    background: #ffffff94;
    padding-top: 10px;
}
.col marquee a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.col marquee a:hover {
    color: #0d6cd9;
}
.col marquee p {
    display: inline-block;
    margin: 0 9px;
    text-transform: uppercase;
}
.fixed-date-news {
    position: absolute;
    top: 10px; /* Adjust as needed */
    left: 10px;   /* Adjust as needed */
    background-color: rgba(234, 29, 149, 0.84); /* Semi-transparent dark background */
    color: #fff; /* White text color */
    padding: 5px 10px; /* Add padding for better readability */
    font-size: 15px;
    font-weight: 600;
    border-radius: 7px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Adds shadow effect */
}
.gallery-news .news-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-bottom: 5px;
}
.gallery-news .news-content h5 {
    color: #972734;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-top: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.gallery-news .news-content {
    padding-top: 20px;
}
.gallery-news .portfolio-item {
    box-shadow: 0px 0px 5px 0px #858585;
    margin-top: 20px;
    padding: 17px;
    position: relative;
    border-radius: 10px;
}
.gallery-news .portfolio-item a {
    height: 300px;
    background: #ededed;
    width: 100%;
    object-fit: contain;
}
.news-events .news-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-events .news-content h5 {
    color: #972734;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.news-content .news-attach a {
    background-color: #ffffff;
}
/* Responsive Adjustment for Smaller Screens */
@media (max-width: 767px) {
    .gallery-images {
        margin-bottom: 15px;
    }
    .image-title {
        font-size: 1rem; /* Smaller font size for mobile */
    }
}
.acod-content {
    background-color: #e3e3e3;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 5px lightblue;;
}
.uniform-color {
    background-color: #0a8049;
    color: #f0f0f0;
    font-weight: bold;
    padding: 10px; /* Adjust padding as needed */
    display: inline-block;
    width: 100%;
    text-align: center; /* Optional: to center the text */
    border-radius: 5px;
    margin-bottom: 5px;
}
@media only screen and (max-width: 700px) {

    .modal-content  {
        width:  100%;
        height:  auto;
    }

    .animodal-content,  #anicaption  {
        width:  100%;
    }
}
.erp_sec h4 {
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}

.erp_sec p {
    line-height:  40px;
}

.erp_sec .guideheading {
    text-align: left;
}

.details  a {
    color:  #421114;
}

.imgheading a {
    color:  #1e1e1f;
}

.imgheading {
    text-align:  center;
    padding:  10px;
    font-size:  22px;
    font-weight:  600;
    padding-bottom:  0px;
    margin-bottom:  7px;
}

.assistance {
    background:  rgb(66 17 20 / 4%);
    padding:  13px;
    border:  solid 1px #42111421;
}

#myImg,  #myImg1,  #myImg2  {
    width:  100%;
    border:  5px solid rgba(158,  158,  158,  0.1);
    background:  #eaeaea;
    cursor:  pointer;
    transition:  0.3s;
}

#myImg:hover  {
    opacity:  0.7;
}

.animodal  {
    display:  none;
    position: fixed;
    z-index:  99999999999;
    padding-top:  100px;
    left:  0;
    top:  0;
    width:  100%;
    height:  100%;
    overflow:  auto;
    background-color:  rgb(0, 0, 0);
    background-color:  rgba(0, 0, 0, 0.9);
}

.animodal-content  {
    margin:  auto;
    display:  block;
}

#anicaption,  #anicaption2,  #anicaption3  {
    margin:  auto;
    display:  block;
    text-align:  center;
    color:  #fff;
    padding:  10px 0;
    height:  150px;
    font-size:  24px;
    text-transform:  capitalize;
}

.animodal-content,  #anicaption  {
    -webkit-animation-name:  zoom;
    -webkit-animation-duration:  0.6s;
    animation-name:  zoom;
    animation-duration:  0.6s;
}

@-webkit-keyframes zoom  {
    from  {
        -webkit-transform: scale(0);
    }
    to  {
        -webkit-transform: scale(1);
    }
}
@keyframes zoom  {
    from  {
        transform: scale(0);
    }
    to  {
        transform: scale(1);
    }
}
.close  {
    position:  absolute;
    top:  15px;
    right:  35px;
    color:  #f1f1f1;
    font-size:  40px;
    font-weight:  bold;
    transition:  0.3s;
    opacity:  0.5;
    cursor:  pointer;
}

.guideheading  {
    text-align:  left;
    font-size:  18px;
    font-family: Heebo-Regular, serif;
}

.small {
    color:  red;
    font-size:  15px;
    font-weight:  600;
}
@media (max-width: 768px) {
    br {
        display: block;
        margin-bottom: 10px; /* Adds spacing for visibility */
    }
}
@media (max-width: 990px) {
    br {
        display: block;
        margin-bottom: 8px; /* Adds spacing for visibility */
    }
}