.about .rts__program--item {
    max-width: 100% !important;
}

.cuswrap .rts-funfact-wrapper .single-cta-item {
    max-width: 100% !important;
    position: relative;
}
.cuswrap .single-cta-item__title{
font-size: 2.5rem !important;
}
.footer__widget--menu ul li {
    color: #dddbdb !important;
}
.footer__widget--description{
    color: #dddbdb !important;
}

/* Custom CSS for Magnific Popup modal */
.white-popup {
    background: white;
    padding: 20px;
    color: black;
    max-width: 50%; /* Default width for larger screens */
    text-align: center;
    border-radius: 5px;
    margin: 0 auto; /* Center the modal */
    position: relative; /* Ensure relative positioning for child elements */
}

.white-popup a {
    color: black;
    text-decoration: none;
}

.white-popup a:hover {
    text-decoration: underline;
}

/* Close button style */
.mfp-close {
    color: black;
    position: absolute; /* Position relative to the modal */
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.mfp-close:hover {
    color: red;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
    .white-popup {
        max-width: 100%; /* Full width for smaller screens */
    }
}
.circular-image {
    width: 150px; /* Set the size of the image */
    height: 150px; /* Set the size of the image */
    border-radius: 50%; /* Make the image circular */
    object-fit: cover; /* Ensure the image covers the circle without distortion */
    display: block; /* Makes the image a block element */
    margin: 0 auto; /* Centers the image horizontally */
    padding-top: 10px;
}
.text-left{
    text-align: left !important;
}

.justify-left{
    justify-content: left !important;
}

.rts-event-speaker .event-speaker__details .speaker-thumb img {
    width: 200px !important;
    height: 200px !important;
}
.no-link {
    color: inherit; /* Inherit text color from parent */
    text-decoration: none; /* Remove underline */
    pointer-events: none; /* Disable clicking */
    cursor: default; /* Change cursor to default */
}
.rts__single--event--thumb img {
    width: 100% !important;
    height: 250px !important;
}



.funfact-box {
    background-color: #ffffff; /* White background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); /* Soft shadow */
    transition: transform 0.3s, box-shadow 0.3s; /* Smooth transition */
}

.funfact-box:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.funfact-number {
    font-size: 2.5rem;
    margin-bottom: 25px;
    line-height: 100%;
    color: var(--rt-primary);
    font-weight: 500;
    font-family: var(--font-secondary);
    text-transform: uppercase;
}

.funfact-label {
    color: var(--rt-heading);
}

.rounded-bottom-right{
    border-bottom-right-radius: 50px;
}

/*Placement*/
.placement-counter {
    padding: 50px 0;                          /* Padding for the section */
}

.counter-wrapper {
    display: flex;                             /* Use flexbox for layout */
    justify-content: center;                   /* Center items */
    flex-wrap: wrap;                          /* Allow wrapping */
}

.counter-item {
    background: #110C2D;                      /* Dark blue background */
    border-radius: 10px;                      /* Slightly rounded corners */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin: 15px;                             /* Margin around each item */
    padding: 20px;                            /* Padding inside each item */
    text-align: center;                       /* Center text */
    flex: 0 1 200px;                          /* Grow and shrink with min width */
}

.counter-value {
    font-size: 3rem;                          /* Increased size for the count */
    color: #ffffff;                           /* White text color */
    font-weight: bold;                        /* Bold font */
    margin: 0;                                /* Remove margin */
    display: inline-block;                    /* Ensure inline display */
}

.salary-unit {
    font-size: 3rem;                          /* Same size for consistency */
    color: #ffffff;                           /* White text color */
    margin-left: 5px;                        /* Space between number and "L" */
}

.counter-item p {
    font-size: 1.5rem;                        /* Increased font size for description */
    color: #ffffff;                           /* White text color */
    margin: 5px 0 0;                          /* Margin for spacing */
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .counter-value {
        font-size: 2.5rem;                    /* Adjusted count size for small screens */
    }

    .salary-unit {
        font-size: 2.5rem;                    /* Adjusted "L" size for small screens */
    }

    .counter-item p {
        font-size: 1rem;                      /* Adjusted description size */
    }
}
/*placement recruitemtn card*/
.recruitment-card {
    margin: 15px 0;
}

.card-box {
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    transition: box-shadow 0.3s;
    background-color: #f8f9fa;
    text-decoration: none;
}

.card-box:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.link-arrow {
    text-decoration: none;
    color: #000;
    margin-left: 10px;
}

.link-arrow:hover {
    color: #110C2D;
}

.link-full {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: inherit;
}

.icon {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.card-content h5 {
    font-size: 16px;
    margin: 0;
}

@media (max-width: 768px) {
    .card-box {
        padding: 10px;
    }

    .card-content h5 {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .icon {
        width: 25px;
        height: 25px;
    }

    .card-content h5 {
        font-size: 12px;
    }
}
#recruitmentTable_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate {
    text-align: right !important;
    float: right !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #110C2D !important;
    border-color: #110C2D !important;
}