#category-search {
    padding-right: 10px;
 }
/* Search and filter section */
.apex-course-search-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; /* Ensure everything stays in one line */
    gap: 10px; /* Adds space between items */
    margin-bottom: 20px;
}
.filter-university-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; /* Ensure everything stays in one line */
    gap: 10px; /* Adds space between items */
    margin-bottom: 20px;
}

/* Search bar with SVG icon, padding, and no border */
.apex-custom-search-bar {
    width: 45% !important; /* Set the search bar width to 45% */
    border: none !important; /* Remove the border */
    border-radius: 6px; /* Set border radius */
    background-color: #E3E3E3; /* Set the background color */
    font-size: 12px; /* Font size */
    font-family: 'Lato', sans-serif; /* Font family */
    font-weight: 400; /* Font weight */
    line-height: 20px; /* Line height */
    color: #5A5555; /* Font color */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%235A5555" viewBox="0 0 24 24"><path d="M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8c1.61 0 3.11-.49 4.36-1.36l5.18 5.18 1.41-1.41-5.18-5.18C18.51 13.11 19 11.61 19 10c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg>'); /* Inline SVG for search icon */
    background-size: 20px 20px; /* Adjust icon size */
    background-repeat: no-repeat;
    background-position: 10px center; /* Position the icon */
    padding: 10px 35px; /* Padding inside the search bar */
    box-sizing: border-box; /* Include padding in width calculation */
    transition: all .3s; /* Ensure smooth transition for any changes */
}
.apex-custom-search-bar-programs {
    width: 100% !important; /* Set the search bar width to 45% */
    border: none !important; /* Remove the border */
    border-radius: 6px; /* Set border radius */
    background-color: #E3E3E3; /* Set the background color */
    font-size: 12px; /* Font size */
    font-family: 'Lato', sans-serif; /* Font family */
    font-weight: 400; /* Font weight */
    line-height: 20px; /* Line height */
    color: #5A5555; /* Font color */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%235A5555" viewBox="0 0 24 24"><path d="M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8c1.61 0 3.11-.49 4.36-1.36l5.18 5.18 1.41-1.41-5.18-5.18C18.51 13.11 19 11.61 19 10c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg>'); /* Inline SVG for search icon */
    background-size: 20px 20px; /* Adjust icon size */
    background-repeat: no-repeat;
    background-position: 10px center; /* Position the icon */
    padding: 10px 35px; /* Padding inside the search bar */
    box-sizing: border-box; /* Include padding in width calculation */
    transition: all .3s; /* Ensure smooth transition for any changes */
}
.apex-search-bar  {
    width: 100% !important; /* Set the search bar width to 45% */
    border: none !important; /* Remove the border */
    border-radius: 6px; /* Set border radius */
    background-color: #E3E3E3; /* Set the background color */
    font-size: 12px; /* Font size */
    font-family: 'Lato', sans-serif; /* Font family */
    font-weight: 400; /* Font weight */
    line-height: 20px; /* Line height */
    color: #5A5555; /* Font color */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%235A5555" viewBox="0 0 24 24"><path d="M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8c1.61 0 3.11-.49 4.36-1.36l5.18 5.18 1.41-1.41-5.18-5.18C18.51 13.11 19 11.61 19 10c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg>'); /* Inline SVG for search icon */
    background-size: 20px 20px; /* Adjust icon size */
    background-repeat: no-repeat;
    background-position: 10px center; /* Position the icon */
    padding: 10px 35px; /* Padding inside the search bar */
    box-sizing: border-box; /* Include padding in width calculation */
    transition: all .3s; /* Ensure smooth transition for any changes */
}
.filter-university-tab-input  {
    width: 100% !important; /* Set the search bar width to 45% */
    border: none !important; /* Remove the border */
    border-radius: 6px; /* Set border radius */
    background-color: #E3E3E3; /* Set the background color */
    font-size: 12px; /* Font size */
    font-family: 'Lato', sans-serif; /* Font family */
    font-weight: 400; /* Font weight */
    line-height: 20px; /* Line height */
    color: #5A5555; /* Font color */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%235A5555" viewBox="0 0 24 24"><path d="M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8c1.61 0 3.11-.49 4.36-1.36l5.18 5.18 1.41-1.41-5.18-5.18C18.51 13.11 19 11.61 19 10c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></svg>'); /* Inline SVG for search icon */
    background-size: 20px 20px; /* Adjust icon size */
    background-repeat: no-repeat;
    background-position: 10px center; /* Position the icon */
    padding: 10px 35px; /* Padding inside the search bar */
    box-sizing: border-box; /* Include padding in width calculation */
    transition: all .3s; /* Ensure smooth transition for any changes */
}

/* Filters section */
.apex-filters {
    display: flex;
    gap: 10px;
    justify-content:right;
    align-items: center;
    flex-wrap: nowrap;
    width: 55%; /* Set the filters width to 55% */
}

/* "Filter by:" text */
.apex-filter-label {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #5A5555;
}


/* Select fields */
.apex-filter-select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #5A5555;
    min-width: 150px; /* Minimum width to ensure usability */
}

/* Placeholder color for select fields */
.apex-filter-select option:first-child {
    color: #999;
}

/* Clear filters button */
.apex-clear-filters {
    padding: 10px 15px;
    background-color: transparent;
    color: #898384;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}

.apex-clear-filters::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath fill="%23898384" d="M242.7 256l100.1-100.1c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0L175.1 188.1 75 88c-12.5-12.5-32.8-12.5-45.3 0L7.1 110.6c-12.5 12.5-12.5 32.8 0 45.3l100.1 100.1-100.1 100.1c-12.5 12.5-12.5 32.8 0 45.3l22.6 22.6c12.5 12.5 32.8 12.5 45.3 0l100.1-100.1 100.1 100.1c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L242.7 256z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}


.apex-clear-filters:hover {
    color: #000;
}
.apex-clear-filters-university {
    padding: 10px 15px;
    background-color: transparent;
    color: #898384;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}

.apex-clear-filters-university::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath fill="%23898384" d="M242.7 256l100.1-100.1c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0L175.1 188.1 75 88c-12.5-12.5-32.8-12.5-45.3 0L7.1 110.6c-12.5 12.5-12.5 32.8 0 45.3l100.1 100.1-100.1 100.1c-12.5 12.5-12.5 32.8 0 45.3l22.6 22.6c12.5 12.5 32.8 12.5 45.3 0l100.1-100.1 100.1 100.1c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L242.7 256z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}


.apex-clear-filters-university:hover {
    color: #000;
}


.apex-clear-filters-programs {
    padding: 10px 15px;
    background-color: transparent;
    color: #898384;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}

.apex-clear-filters-programs::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath fill="%23898384" d="M242.7 256l100.1-100.1c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0L175.1 188.1 75 88c-12.5-12.5-32.8-12.5-45.3 0L7.1 110.6c-12.5 12.5-12.5 32.8 0 45.3l100.1 100.1-100.1 100.1c-12.5 12.5-12.5 32.8 0 45.3l22.6 22.6c12.5 12.5 32.8 12.5 45.3 0l100.1-100.1 100.1 100.1c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L242.7 256z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}


.apex-clear-filters-programs:hover {
    color: #000;
}
.apex-program-course-clear-filters {
    padding: 10px 15px;
    background-color: transparent;
    color: #898384;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}

.apex-program-course-clear-filters::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath fill="%23898384" d="M242.7 256l100.1-100.1c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0L175.1 188.1 75 88c-12.5-12.5-32.8-12.5-45.3 0L7.1 110.6c-12.5 12.5-12.5 32.8 0 45.3l100.1 100.1-100.1 100.1c-12.5 12.5-12.5 32.8 0 45.3l22.6 22.6c12.5 12.5 32.8 12.5 45.3 0l100.1-100.1 100.1 100.1c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L242.7 256z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}


.apex-program-course-clear-filters:hover {
    color: #000;
}
.apex-graduate-course-clear-filters {
    padding: 10px 15px;
    background-color: transparent;
    color: #898384;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
}

.apex-graduate-course-clear-filters::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"%3E%3Cpath fill="%23898384" d="M242.7 256l100.1-100.1c12.5-12.5 12.5-32.8 0-45.3l-22.6-22.6c-12.5-12.5-32.8-12.5-45.3 0L175.1 188.1 75 88c-12.5-12.5-32.8-12.5-45.3 0L7.1 110.6c-12.5 12.5-12.5 32.8 0 45.3l100.1 100.1-100.1 100.1c-12.5 12.5-12.5 32.8 0 45.3l22.6 22.6c12.5 12.5 32.8 12.5 45.3 0l100.1-100.1 100.1 100.1c12.5 12.5 32.8 12.5 45.3 0l22.6-22.6c12.5-12.5 12.5-32.8 0-45.3L242.7 256z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}


.apex-graduate-course-clear-filters:hover {
    color: #000;
}

/* Course Item Styles */
.apex-course-item {
    background-color: #fff;
    border: 1px solid #CCCBCB; /* Set the border color */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width:100% !important;
    transition: transform 0.3s ease;
    margin-bottom: 20px; /* Add some margin to separate the cards */
}
.apex-course-item-programs {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin-bottom: 20px; /* Add some margin to separate the cards */
    padding: 10px 0px; /* Add some margin to separate the cards */
}
.apex-program-course-item-programs {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin-bottom: 20px; /* Add some margin to separate the cards */
}
.apex-graduate-course-item-programs {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    margin-bottom: 20px; /* Add some margin to separate the cards */
}
.apex-course-item-university {
    /*flex: 1 1 calc(33.333% - 20px);*/
    /* Each card takes up roughly 33.33% of the width 
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
    margin-bottom: 20px; /* Add some margin to separate the cards */
}

/* Thumbnail image cover */
.apex-course-thumbnail {
    width: 100%;
    height: 264px !important;
    background-size: cover;
    background-position: center;
    border-radius: 10px 10px 0 0; /* Only round the top corners */
    background-repeat: no-repeat;
}
.apex-course-thumbnail-university {
    width: 100%;
    height: 205px !important;
    background-size: cover;
    background-position: center;
    border-radius: 10px; /* Only round the top corners */
    background-repeat: no-repeat;
}
.apex-course-thumbnail-programs {
    width: 100%;
    display:flex;
    justify-content:center;
    background-size: cover;
    background-position: center;
    border-radius: 10px; /* Only round the top corners */
    background-repeat: no-repeat;
    padding:15px 0px;
}
.apex-course-logoUniversity {
    width: 60%;
    height: 80px !important;
    background-position: center;
    border-radius: 10px 10px 0 0; /* Only round the top corners */
    background-repeat: no-repeat;
        display: flex;
    justify-content: start;
    align-items: end !important;
}

/* Course content */
.apex-course-content {
    padding: 15px;
    text-align: left;
}
.apex-course-content-university {
    padding: 15px 0px;
    text-align: left;
}
.apex-course-content-program {
    padding: 15px 0px;
    text-align: left;
}

/* Category Title */
.apex-course-category {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #5A5555; /* Category title color */
    margin-bottom: 5px; /* Space below category */
}

/* Course Title */
.apex-course-title {
    font-size: 18px;
    font-weight: bold;
    text-align:left;
    color: #000; /* Course title color black */
    margin-bottom: 15px; /* Space below title */
}
.apex-course-title-university {
    font-size: 18px;
    font-family:'Loto', sans-serif;
    font-weight: 600;
    color: #000; /* Course title color black */
    margin-bottom: 15px; /* Space below title */
}
.apex-course-title-programs {
    font-size: 18px;
    font-family:'Loto', sans-serif;
    font-weight: 500;
    color: #000; /* Course title color black */
    text-align:center;
    padding: 0px 10px;
}

/* Meta Information */
.apex-course-meta {
    display:flex;
    flex-wrap:wrap;
    font-size: 14px;
    color: #5A5555; /* Start date and category title color */
    margin-bottom: 8px;
}

.apex-course-meta div {
   min-width:130px !important;
}

.apex-course-meta div strong {
    color: #5A5555; /* Label color */
}

.apex-course-meta span {
    margin-left: 10px; /* Space between label and value */
    color: #000; /* Value color */
}

/* View Program Button */
.apex-course-button {
    width: 100%; /* Ensure the button spans the full width of the card */
    display: flex;
    justify-content: center; /* Center the text and icon */
    align-items: center;
    padding: 10px 15px;
    background-color: #DFEAF4;
    color: #333;
    text-decoration: none;
    border-radius: 10px; /* Match the bottom corners of the card */
    transition: background-color 0.3s ease;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-top: 15px; /* Space above the button */
    box-sizing: border-box; /* Ensure padding is included in the width */
}

.apex-course-button:hover {
    background-color: #c0d5e8;
}

/* SVG Icon in the button */
.apex-course-button svg {
    margin-left: 10px;
    fill: #333;
    width: 20px;
    height: 20px;
    transform: rotate(180deg); /* Rotate the arrow to match the provided design */
}

/* Grid layout for courses */
.apex-courses-grid {
    display: flex;
    /*justify-content:start;*/
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 55px;
    margin-bottom:10px;
}
.universities-grid{
      display: -webkit-box;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 50px;
}
   

/* Responsive design */
@media (max-width: 768px) {
     .apex-course-search-filter {
        display: flex;
        flex-direction: column;
    }
     .filter-university-tab {
        display: flex;
        flex-direction: column;
    }
    .apex-custom-search-bar {
        width: 100% !important;
    }
    

    .apex-filters {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .apex-filter-select,
    .apex-clear-filters {
        width: 100%;
        margin-top: 10px;
    }

    .apex-custom-search-bar {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    /*.apex-course-item {*/
    /*    flex: 1 1 calc(100% - 20px);*/
    /*}*/
    /*.apex-course-item-university {*/
        /*flex: 1 1 calc(100% - 20px);*/
    /*}*/
}


/*universities css*/
.universities-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.university-card {
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.university-card-thumbnail {
    height: 180px;
    background-size: cover;
    background-position: center;
}

.university-card-content {
    padding: 15px;
}

.university-card-header {
    text-align: center;
    margin-bottom: 10px;
}

.university-card-category {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.university-card-title {
    font-size: 18px;
    font-weight: bold;
    color: #555;
    margin: 0;
}

.university-card-meta {
    margin-bottom: 15px;
}

.university-card-meta-item {
    font-size: 14px;
    color: #666;
}

.university-card-button {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #007BFF;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.university-card-button:hover {
    background-color: #0056b3;
}



.apex-universitys-wrapper, 
.apex-courses-wrapper, 
.apex-programs-wrapper, 
.apex-programs-courses-wrapper, 
.post-graduate-courses-wrapper {
    display: none ;
}









@media (max-width: 426px) {
 #details-search-form-details {
    position: relative;
    width: 305px !important; /* Adjust width as necessary */
    margin: 20px 0;
}

}
@media (max-width: 355px) {
   #category-search-form{
    position:relative;
    border-color: #B5B3B3 !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 11px !important;
    border: 0px solid transparent;
    height: 44px;
    width: 194px !important;
}
#category-search {
    width: 80% !important;
    height: 100%;
    outline: none;
    right: 10px;
    left:10px;
    border: none;
        border-radius: 50px;
}
.apex-course-item-programs{
    width:100% !important;
}
.apex-program-course-item-programs{
    width:100% !important;
}
.apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-course-logoUniversity{
    height:65px !important;
}
.apex-course-thumbnail-university{
    height:145px !important;
}
.apex-course-item-university{
    width:100% !important;
}
.apex-course-thumbnail{
    height:210px !important;
}
.apex-courses-grid{
    display:block !important;
}

}
@media (min-width: 355px) and (max-width: 363px) {
   #category-search-form {
      
      height: 44px;
      width: 220px !important;
   }
}
@media (min-width: 363px) and (max-width: 376px) {
   #category-search-form {
      
      height: 44px;
      width: 222px !important;
   }
}
@media (min-width: 355px) and (max-width: 376px) {

   #category-search {
      width: 84% !important;   
      height: 100%;
     
   }
   .apex-course-thumbnail-university{
    height:145px !important;
}
   .apex-courses-grid{
    display:block !important;
}
   
   .apex-course-item-programs{
    width:100% !important;
}
   .apex-program-course-item-programs{
    width:100% !important;
}
   .apex-graduate-course-item-programs{
    width:100% !important;
}
}
@media (min-width: 376px) and (max-width: 401px) {
   #category-search-form {
      position: relative;
     
      width: 240px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
   .apex-course-thumbnail-university{
    height:145px !important;
}
   .apex-course-item-programs{
    width:100% !important;
}
   .apex-program-course-item-programs{
    width:100% !important;
}
   .apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-courses-grid{
    display:block !important;
}
}
@media (min-width: 401px) and (max-width: 426px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 260px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
 
   .apex-courses-grid{
    display:block !important;
}
   .apex-course-item-programs{
    width:100% !important;
}
   .apex-program-course-item-programs{
    width:100% !important;
}
   .apex-graduate-course-item-programs{
    width:100% !important;
}
}
@media (min-width: 426px) and (max-width: 455px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 275px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
    .apex-course-item-programs{
    width:48% !important;
}
    .apex-program-course-item-programs{
    width:100% !important;
}
    .apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-course-item-university{
    width:100%;
}
}
@media (min-width: 455px) and (max-width: 490px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 300px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
     .apex-course-item-programs{
    width:46% !important;
}
     .apex-program-course-item-programs{
    width:100% !important;
}
     .apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-course-item-university{
    width:100% !important;
}
}
@media (min-width: 490px) and (max-width: 522px) {
     .apex-course-item-programs{
    width:46% !important;
}
     .apex-program-course-item-programs{
    width:100% !important;
}
     .apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-course-item-university{
    width:100% !important;
}
}
@media (min-width: 522px) and (max-width: 570px) {
     .apex-course-item-programs{
    width:48% !important;
}
     .apex-program-course-item-programs{
    width:100% !important;
}
     .apex-graduate-course-item-programs{
    width:100% !important;
}
.apex-course-item-university{
    width:100% !important;
}

}
@media (min-width: 570px) and (max-width: 600px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 380px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
     .apex-course-item-programs{
    width:48% !important;
}
     .apex-program-course-item-programs{
    width:80% !important;
}
     .apex-graduate-course-item-programs{
    width:80% !important;
}
.apex-course-item-university{
    width:100% !important;
}
}
@media (min-width: 601px) and (max-width: 650px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 420px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
     .apex-course-item-programs{
    width:48% !important;
}
     .apex-program-course-item-programs{
    width:48% !important;
}
     .apex-graduate-course-item-programs{
    width:48% !important;
}
.apex-course-item{
    width: 280px !important;
}
.apex-course-item-university{
    width:70% !important;
}
}
@media (min-width: 651px) and (max-width: 700px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      width: 470px !important;
   }
   #category-search {
      width: 85% !important;   
      height: 100%;
     
   }
     .apex-course-item-programs{
    width:48% !important;
}
     .apex-program-course-item-programs{
    width:48% !important;
}
     .apex-graduate-course-item-programs{
    width:48% !important;
}
.apex-course-item-university{
    width:48% !important;
}
.apex-course-item{
    width: 310px !important;
}
}
@media (min-width: 701px) and (max-width: 768px) {
   #category-search-form {
      position: relative;
    
      height: 44px;
      /*width: 490px !important;*/
   }
   #category-search {
         right: 10px;
    left:10px;
      width: 85% !important;   
      height: 100%;
     
   }
     .apex-course-item-programs{
    width:48% !important;
}
     .apex-program-course-item-programs{
    width:48% !important;
}
     .apex-graduate-course-item-programs{
    width:48% !important;
}
.apex-course-item{
    width: 354px !important;
}
.apex-course-item-university{
    width:48% !important;
}
}
@media (min-width: 769px) and (max-width: 990px) {
     .apex-course-item-programs{
    width:31% !important;
}
     .apex-program-course-item-programs{
    width:31% !important;
}
     .apex-graduate-course-item-programs{
    width:31% !important;
}
.apex-course-item-university{
    width:48% !important;
}
}
@media (min-width: 769px) and (max-width: 780px) {
     .apex-custom-search-bar-programs{
    width:38% !important;
}
     .apex-search-bar {
    width:18% !important;
}
     .filter-university-tab-input {
    width:18% !important;
}
.apex-course-item{
    width: 356px !important;
}
}
@media (min-width: 781px) and (max-width: 800px) {

.apex-course-item{
    width: 360px !important;
}
.apex-graduate-course-item-programs{
    width: 48% !important;
}
.apex-program-course-item-programs{
    width: 48% !important;
}
.filter-university-tab{
        flex-direction: column !important;
}
.filter-university-tab-input{
        width:100% !important;
}
.filter-university-tab-filters{
        width:100% !important;
        justify-content:space-between !important;
}
.apex-filter-label-university {
    min-width:63px !important;
}
}
@media (min-width: 800px) and (max-width: 820px) {

.apex-course-item{
    width: 372px !important;
}
.apex-program-course-item-programs{
    width: 48% !important;
}
.apex-graduate-course-item-programs{
    width: 48% !important;
}
.filter-university-tab{
        flex-direction: column !important;
}
.filter-university-tab-input{
        width:100% !important;
}
.filter-university-tab-filters{
        width:100% !important;
         justify-content:space-between !important;
}
.apex-filter-label-university {
    min-width:63px;
}
}
@media (min-width: 821px) and (max-width: 850px) {

.apex-course-item{
    width: 380px !important;
}
}
@media (min-width: 781px) and (max-width: 850px) {
     .apex-custom-search-bar-programs{
    width:42% !important;
}
     .apex-search-bar {
    width:30% !important;
}


}
@media (min-width: 850px) and (max-width: 900px) {


     .filter-university-tab-input {
    width:38% !important;
}

}
@media (min-width: 901px) and (max-width: 915px) {

.filter-university-tab-input{
    width:25% !important;
}
}
@media (min-width: 916px) and (max-width: 990px) {

.filter-university-tab-input{
    width:38% !important;
}
}
@media (min-width: 850px) and (max-width: 990px) {

     .apex-search-bar {
    width:38% !important;
}

.apex-course-item{
    width: 300px !important;
}
}
@media (min-width: 990px) and (max-width: 1024px) {
     .apex-search-bar {
    width:40% !important;
}
     .filter-university-tab-input {
    width:40% !important;
}
.apex-course-item{
    width: 308px !important;
}
}
@media (min-width: 990px) and (max-width: 1440px) {
     .apex-course-item-programs{
    width:32% !important;
}
     .apex-program-course-item-programs{
    width:32% !important;
}
     .apex-graduate-course-item-programs{
    width:32% !important;
}
.apex-course-item-university{
    width:32% !important;
}
}
@media (min-width: 1441px){
     .apex-course-item-programs{
    width:25% !important;
}
     .apex-program-course-item-programs{
    width:19% !important;
}
     .apex-graduate-course-item-programs{
    width:19% !important;
}
.apex-course-item{
    width:350px !important;
}
}
@media (min-width: 1024px) and (max-width:1100px) {
#category-search-form{
    width: 255px !important;
}
 .filter-university-tab-input  {
       width: 33% !important;
   }
}
@media (min-width: 1024px) {
   .apex-custom-search-bar-programs {
       width: 65% !important;
   }
   .apex-search-bar  {
       width: 40% !important;
   }
  
   .apex-course-item{
    width: 310px !important;
}
}
@media (min-width: 1100px) {
 
   .apex-course-item{
    width: 385px !important;
}
 .filter-university-tab-input  {
       width: 40% !important;
   }
}




.category-search-container {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

#category-search {
    width: 90%;
    height: 100%;
    outline: none;
    right: 0px;
    border: none;
        border-radius: 50px;
}

.category-results {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 320px;
    overflow-y: auto;
    border-radius:10px;
    display: none;
    position: absolute;
        min-width: 200px;
    min-height: 100px;
    top: 35px;
}
.category-results-details {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 320px;
    overflow-y: auto;
    border-radius:10px;
    display: none;
    position: absolute;
        min-width: 200px;
    min-height: 100px;
    top: 60px;
    
}

.category-results a {
    display: flex;
    padding: 10px;
    text-decoration: none;
    color: #333;
}
.category-results-details a {
    display: flex;
    padding: 10px;
    text-decoration: none;
    color: #333;
}

.category-results a:hover {
    background: #f1f1f1;
}
.category-results-details a:hover {
    background: #f1f1f1;
}



#category-search-form{
    position:relative;
    border-color: #B5B3B3 !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: 11px !important;
    border: 0px solid transparent;
    height: 44px;
    width: 320px;
}
.svg_search{
    position:absolute;
        top: 12px;
    left: 10px;
    cursor:pointer;
}
.global_search_Input{
    position:absolute;
    
}









.details-search-container-details {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#details-search-form-details {
    position: relative;
    width: 420px; /* Adjust width as necessary */
    margin: 20px 0;
}

.global_search_Input-details {
    width: 100%;
    padding: 10px 40px 10px 20px; /* Adjust padding to accommodate the icon */
    border: 1px solid #ccc;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px;
}

.svg_search-details {
    position: absolute;
    top: 50%;
    right: 15px; /* Adjust right position as necessary */
    transform: translateY(-50%);
    cursor: pointer;
}

.details-results-details {
    width: 100%;
    margin-top: 10px;
    /*background: #fff;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 5px;*/
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
    /*max-height: 300px;*/
    /* Added max-height for better scrolling 
    overflow-y: auto;
}

.details-results-details div {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.details-results-details div:last-child {
    border-bottom: none;
}

.details-results-details div a {
    text-decoration: none;
    color: #333;
}

.details-results-details div a:hover {
    text-decoration: underline;
}


.showNoRecord {
    width:100% !important;
    display:none;
}

.second-div{
    border-left: 1px solid black;
}