#web-header {
    position: unset;
    top: unset;
}

#course-page .secondary-header {
    display: none;
}

.course-banner {
    background: url('/images/courses/course-banner-bg.jpg') no-repeat center;
    background-size: cover;
}

.course-banner .registration-form, .curriculum-section .registration-form {
    width: 37%;
}

.course-banner .registration-form .course-icon, .curriculum-section .registration-form .course-icon, .registration-form .course-icon {
    height: 80px;
}

.registration-form {
    background: linear-gradient(180deg, rgba(141, 188, 218, 0.2) 0%, rgba(85, 172, 238, 0.2) 50.86%, rgba(235, 246, 255, 0.2) 100%);
    border-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25);
}

.form-banner {
    background: linear-gradient(270deg, rgba(129, 182, 217, 0.3) 29.21%, rgba(70, 157, 223, 0.3) 65.21%, rgba(55, 143, 209, 0.3) 100%);
    border-radius: 10px 10px 0px 0px;
}

.course-banner .nsdc-section {
    background: linear-gradient(90deg, rgba(214, 239, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 70.44%);
    border: 1px solid #73B8E4;
    border-radius: 10px;
    width: 90%;
}

.course-banner .nsdc-section .nsdc-img {
    width: 30%;
}

.nsdc-google-img {
    width: 55% !important;
}

.facts-figure .placement-section {
    /*background: rgba(214, 239, 255, 0.3);*/
    background: url('/images/placement-inner-bg.png') center right no-repeat;
    background-size: cover;
    border: 1px solid #3785D7;
    border-radius: 10px;
}

.facts-figure .placement-section .hr-gradient:before {
    content: "";
    background: linear-gradient(90deg, #ADADAD 0%, rgba(217, 217, 217, 0) 88.4%);
    height: 2px;
    width: 100%;
    display: block;
}

.facts-figure .placement-section .job-div {
    border-right: 2px solid var(--gray);
}

.curriculum-section .sticky-div, .course-highlights .sticky-div {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 900;
}

.curriculum-section .curriculum-icon {
    float: right;
    opacity: 0.5;
    font-size: 12px;
    line-height: 20px;
}

.curriculum-section .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--blue);
    box-shadow: inset 0 -1px 0 var(--bs-accordion-border-color);
}

.curriculum-section .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a7a7a'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
}

.curriculum-section .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a7a7a'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
    transform: none;
}

.curriculum-section .accordion-body ul li {
    color: rgba(27, 27, 27, 0.8);
}

.feature-section .feature-card:nth-child(1) .card-inner {
    background: rgba(115, 184, 228, 0.4);
    border-radius: 10px;
    transition: all .4s ease;
    height: 100%;
}

.feature-section .feature-card:nth-child(2) .card-inner {
    background: rgba(115, 184, 228, 0.6);
    border-radius: 10px;
    transition: all .4s ease;
    height: 100%;
}

.feature-section .feature-card:nth-child(3) .card-inner {
    background: #73B8E4;
    border-radius: 10px;
    transition: all .4s ease;
    height: 100%;
}

.feature-section .feature-card .card-inner:hover {
    box-shadow: 10px 10px 18px rgba(0, 0, 0, 0.15);
    color: var(--brand);
    transform: translate3D(0, -1px, 0) scale(1.05);
}

.feature-section .feature-card .card-inner ul {
    list-style: none; /* Remove default bullets */
}

.feature-section .feature-card .card-inner ul li::before {
    content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--blue); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    font-size: 30px; /* If you want it to be bold */
    line-height: 20px;
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1.3rem; /* Also needed for space (tweak if needed) */
    margin-left: -1.3rem; /* Also needed for space (tweak if needed) */
    position: relative;
    top: 3px;
}

.other-locations .nav-pills .nav-link {
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 5px;
    font-weight: 600;
}

.other-locations .nav-pills .nav-link:hover {
    background: var(--light);
}

.other-locations .nav-pills .nav-link.active, .other-locations .nav-pills .show > .nav-link {
    background: var(--blue);
    position: relative;
    color: var(--white);
}

.other-locations .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    right: 45%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: var(--blue) transparent var(--blue);
    z-index: 980;
}

.seo-location-tab {
    color: var(--black);
    border: 1px solid var(--gray);
    border-radius: 5px;
    padding: 5px 15px;
    text-decoration: none;
}

.seo-location-tab:hover {
    background: var(--light);
    color: var(--black);
}

.question-section .accordion-section {
    border: 1px solid #C1C1C1;
    box-shadow: 4px 4px 31px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.question-section .accordion-section .accordion-button:not(.collapsed) {
    color: var(--black);
    background-color: transparent;
    box-shadow: none;
}

.question-section .accordion-section .accordion-button:focus {
    border: none;
    box-shadow: none;
}

.question-section .accordion-section .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.course-highlights .course-info.show-more-height {
    height: 350px;
    overflow: hidden;
}

.course-highlights .course-info.mask-gradient {
    -webkit-mask-image: linear-gradient(#fff, #fff, rgba(255, 255, 255, 0));
}

.course-highlights .course-info h2 {
    font-size: calc(1.35rem + 0.3vw);
}

.course-highlights .course-info h3 {
    font-size: calc(1.25rem + 0.3vw);
}

.course-highlights .course-info h4 {
    font-size: calc(1.2rem + 0.3vw);
}

.course-highlights .course-info h5 {
    font-size: calc(1.15rem + 0.3vw);
}

.course-highlights .course-info h6 {
    font-size: calc(1.08rem + 0.3vw);
}

.course-highlights .course-info img {
    width: 100% !important;
    height: auto !important;
    padding: 1rem 0;
}

.course-highlights .highlights-row .highlights-card {
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.course-highlights .highlights-row .highlights-card:nth-child(1) .icon-circle {
    color: #fff;
    background: #3785D7;
    border-radius: 50%;
    font-size: 28px;
    padding: 1rem 1rem;
    width: 65px;
    height: 65px;
}

.course-highlights .highlights-row .highlights-card:nth-child(1) {
    border-bottom: 7px solid #3785D7;
}

.course-highlights .highlights-row .highlights-card:nth-child(2) .icon-circle {
    color: #fff;
    background: #2FC775;
    border-radius: 50%;
    font-size: 28px;
    padding: 1rem 1rem;
    width: 65px;
    height: 65px;
}

.course-highlights .highlights-row .highlights-card:nth-child(2) {
    border-top: 7px solid #2FC775;
    margin-top: 5rem;
}

.course-highlights .highlights-row .highlights-card:nth-child(3) .icon-circle {
    color: #fff;
    background: #FFCE04;
    border-radius: 50%;
    font-size: 28px;
    padding: 1rem 1rem;
    width: 65px;
    height: 65px;
}

.course-highlights .highlights-row .highlights-card:nth-child(3) {
    border-bottom: 7px solid #FFCE04;
}

#curriculumInquiryForm .form-banner {
    background: linear-gradient(270deg, rgba(129, 182, 217, 0.3) 29.21%, rgba(70, 157, 223, 0.3) 65.21%, rgba(55, 143, 209, 0.3) 100%) !important;
}

.secondary-header {
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    z-index: 990;
    overflow: auto;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    /*display: none;*/
}

.secondary-header::-webkit-scrollbar {
    display: none;
}

.secondary-header .flex-nowrap {
    /*width: max-content;*/
}

.secondary-header a {
    color: var(--darkgray);
    text-decoration: none;
    width: max-content;
    /*padding-bottom: 0.8rem !important;*/
}

.secondary-header a.active {
    color: var(--black);
}

.secondary-header a:after {
    margin-top: 0.7rem !important;
    height: 6px;
    display: block;
    width: auto;
    background: transparent;
    border-radius: 10px 10px 0 0;
    content: '';
}

.secondary-header a.active:after {
    background: var(--blue);
}

.secondary-header .btn-brand {
    padding-top: 0.3rem;
    padding-bottom: 0.35rem;
    font-size: 14px;
}

.secondary-header .btn-brand:after {
    display: none;
}

.secondary-header .pe-45 {
    padding-right: 2.25rem;
}

@media only screen and (max-width: 768px) {
    #mobile-header {
        position: unset;
    }

    .course-banner .nsdc-section {
        width: 100%;
    }

    .course-banner .nsdc-section .nsdc-img {
        width: 60%;
    }

    .nsdc-google-img {
        width: 100% !important;
        margin-top: 5% !important;
    }

    .course-banner .rating-logo {
        width: 35px;
        height: 35px;
    }

    .key-highlights h5 {
        font-size: 18px;
    }

    .placement-section img.placement-banner {
        border-radius: 10px 10px 0 0;
    }

    .facts-figure .placement-section .hr-gradient:before {
        display: none;
    }

    .facts-figure .placement-section .job-div {
        border: none;
    }

    .nsdc-certificate .nsdc-img {
        width: 80%;
    }

    .other-locations .nav-pills {
        overflow-x: auto;
        flex-wrap: nowrap;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

    .other-locations .nav-pills::-webkit-scrollbar {
        display: none;
    }

    .other-locations .nav-pills .nav-link {
        /*color: rgba(56,56,56,.85);*/
        margin-bottom: 0;
        /*border-bottom: 2px solid transparent!important;*/
        white-space: nowrap;
    }

    .feature-data {
        background: url('/images/courses/key-icon.svg') no-repeat bottom right;
        background-size: 150px;
        padding-bottom: 50px;
    }

    .skills-data {
        background: url('/images/courses/ladder-icon.svg') no-repeat bottom right;
        background-size: 150px;
        padding-bottom: 20px;
    }

    .tools-data {
        background: url('/images/courses/tools-icon.svg') no-repeat bottom right;
        background-size: 150px;
        padding-bottom: 40px;
    }

    .secondary-header .flex-nowrap {
        width: max-content;
    }

    #curriculumInquiryForm .form-banner h3 {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }

    .facts-figure .placement-section {
        background: rgba(214, 239, 255, 0.3);
    }
}