.hero-cyber {
    background-size: cover;
    background-position: center center;
    margin-top: 65px;
    /* height: 450px; */
    display: flex;
    align-items: center;
}

.hero-cyber .hero-content-right>img {
    max-width: 100%;
    margin-left: 200px;
}

.hero-cyber .hero-content h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    background: linear-gradient(96.06deg, #FFC700 7.85%, #FFF501 94.9%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-top: 40px;
}

.hero-cyber .hero-content h1>span {
    font-size: 48px;
    font-weight: bold;
}

.hero-cyber .hero-content p {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 38px;
    color: #FFFFFF;
}

.hero-cyber .hero-content p>span {
    color: #FFB606;
}

.hero-cyber .hero-content img {
    padding: 30px 0px 25px 0px;
}

/* @media (max-width: 767px) {
    .hero-cyber .hero-content img {
        height: 400px;
    }
} */
@media (max-width: 575px) {
    .hero-cyber {
        background-image: url('https://www.globaledulink.co.uk/wp-content/uploads/2023/11/gel-mob-black-friday-banner.png') !important;
        height: 450px !important;
    }
    
}

#countdown li {
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

#countdown li::after {
    content: ":";
    font-size: 50px;
    font-weight: bold;
    padding-left: 15px;
}

#countdown li:last-child::after {
    content: "";
}

.nav:after,.nav:before{
    content: none !important;
}

#countdown li span {
    display: inline-block;
    font-size: 50px;
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    text-align: right;
    width: 50px;
    font-weight: bold;
    height: 50px;
}

/* GRID ITEM SYLES */

.grid-container {
    display: grid;
    grid-auto-columns: 1fr;
    gap: 1.5em;
    grid-template-areas:
        'one two three'
        'four five Six'
        'Seven Eight Nine';
}

.grid-item {
    align-items: center;
    color: white;
    border: none !important;
}

.grid-item:nth-child(1) {
    grid-area: one;

}

.grid-item:nth-child(2) {
    grid-area: two;

}

.grid-item:nth-child(3) {
    grid-area: three;

}

.grid-item:nth-child(4) {
    grid-area: four;

}

.grid-item:nth-child(5) {
    grid-area: five;

}

.grid-item:nth-child(6) {
    grid-area: Six;

}

.grid-item:nth-child(7) {
    grid-area: Seven;

}

.grid-item:nth-child(8) {
    grid-area: Eight;

}

.nav-tabs .nav-link {
    border: none !important;
    text-align: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 80px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}


.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    border: none !important;
    background: #fbe3c4;
}

.grid-item .card-wrapper {
    padding-left: 10px;
}

.card-wrapper>img {
    width: 110px;
}

.card-wrapper .item-seperater {
    height: 60px;
    margin: 0 1rem;
    width: 2px;
    background: #C0BFD3;
}



.card-wrapper .card-content .card-discount {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    color: #474747;
}

.card-discount p {
    margin: 0;
}

.card-discount .discount {
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 35px;
    text-align: center;
    color: #5B51E1;
    padding: 5px;
}

.card-awarding p {
    padding: 0;
    margin: -5px 0;
}

/* ####################### COURSE TAB SECTION STYLES ####################### */


.fade {
    opacity: 1 !important;
}

.tab-content {
    border-color: transparent !important;
    ;
    padding: 0 !important;
}


.main-course-tabs #myTab {
    padding: 50px 20px !important;
    border: none;
}

.coupon-wrapper {
    margin: 20px 0;
}

.click {
    text-align: center;
    border: 1px dashed #0680c4;
    border-radius: 30px;
    margin: 0 10px;
    position: relative;
    background: #fff;
}

.click h3 {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 7px;
}

.click .copy {
    background-color: rgb(143, 26, 185);
    width: 100%;
    height: 100%;
    border-radius: 30px;
    position: absolute;
    cursor: pointer;
    color: #fff;
    display: none;
    text-align: center;
    z-index: 9;
    top: 0;
    left: 0;
}

.click .copy p {
    color: #fff;
    padding: 5px 0;
}

.click:hover .copy {
    display: block;
}

#myTabContent {
    padding-top: 50px !important;
}

#myTabContent .course__widget .course_info .star-rating::before {
    display: none !important;
}

.widget.course__widget .widget_foot .btn.btn-outline-primary {
    color: #0680C4;
    border: 1px solid #0680C4 !important;
    background: #fff;
}

.widget.course__widget .no-coupon>span {
    font-size: 12px;
    font-weight: normal;
    color: #fc7676;
}

@media screen and (max-width:991px) {
    #IOSH .course-box:first-child,#IOSH .course-box:last-child , #BCS .course-box:first-child, #BCS .course-box:last-child {
        display: none;
    }
}

/* ####################### TESTIMONIALS SECTION STYLES ####################### */

.partners_testimonial {
    background: linear-gradient(94.34deg, #A622FF -1.07%, #3C6FFF 102.48%) !important;
    background-size: cover;
    background-position: center;
}

.partners_testimonial .caption-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    min-height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partners_testimonial .learner-details .name {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 600;
    text-shadow: none;
    color: #8301b2;
}

.partners_testimonial .caption-box .arrow {
    bottom: -15px;
    z-index: -1;
}

.partners_testimonial .caption-box .arrow>i {
    color: #fff;
    font-size: 3rem;
}

.partners_testimonial .carousel .carousel-caption p,
.partners_testimonial .carousel .carousel-caption h5 {
    text-shadow: none;
}

.partners_testimonial .carousel .carousel-caption p::before,
.partners_testimonial .carousel .carousel-caption p::after {
    content: "" !important;
}

.partners_testimonial .carousel-indicators {
    position: absolute;
    right: unset;
    bottom: 0;
    left: unset;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 100%;
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: transparent;
    width: 10px !important;
    height: 10px !important;
    border: 2px solid #fff !important;
}

.carousel-indicators .active {
    background-color: #fff !important;
}


/* ####################### T&C SECTION STYLES ####################### */

.section_term h3 {
    color: #0680C4;
}

.section_term .term_content {
    max-height: 300px;
    overflow-y: scroll;
    padding-right: 30px;
}

.section_term .term_content ul {
    list-style: decimal;
    padding-left: 2rem;
}

.section_term .term_content ul>li>ul {
    list-style: lower-roman;
    padding-top: 1rem;
    padding-left: 0;
}

.section_term .term_content ul>li {
    font-size: 15px;
    padding-bottom: 10px;
}

/* ####################### RESPONSIVE STYLES ####################### */

@media (max-width: 767px) {

    .hero-cyber {

        background-position: center !important;
        padding: 0 !important;
    }

    .hero-cyber .hero-content h1 {
        font-size: 26px !important;
    }

    #countdown li {
        padding: 0;
    }

    #countdown li span {
        font-size: 35px;
        width: 40px;
        height: 40px;
    }

    #countdown li::after {
        font-size: 40px;
    }

    .hero-cyber .hero-content p {
        font-size: 18px;
    }

    .section_term h3 {
        margin-top: 20px;
    }

    .grid-container {
        grid-template-areas:
        'one two'
        'three four'
        'five Six'
        'Seven Eight'
        'Nine Nine' !important;
    }

    .main-course-tabs #myTab {
        padding: 50px 0 0 !important;
    }

    .card-wrapper .card-content .card-discount {}

    .grid-item .card-wrapper {
        padding: 5px;
    }

    .card-wrapper>img {
        width: 60px;
    }

    .card-wrapper .card-content .card-discount {
        font-size: 14px;
        line-height: 10px;
        display: block;
    }

    .card-discount .discount {
        font-size: 24px;
        line-height: 22px;
    }

    .card-wrapper .item-seperater {
        height: 30px;
        margin: 0 0.5rem;
    }

    .grid-item:nth-child(8) .card-content {
        justify-content: space-between !important;
    }

    .nav-tabs .nav-link {
        padding: 0;
    }

}

@media (max-width: 1023px) {

    .hero-cyber {
        background-position: center;
        padding: 50px 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero-cyber .hero-content-right {
        display: none;
    }

    .partners_testimonial .caption-box {
        min-height: 380px;
    }

    .main-course-tabs #myTab {
        padding: 50px 0 0 !important;
    }

    .grid-item .card-wrapper {
        padding: 5px;
    }
}



@media only screen and (min-width:768px) and (max-width:1023px) {

    .grid-container {
        gap: 1rem;
    }

    .nav-tabs .nav-link {
        padding: 10px;
    }

    .card-wrapper>img {
        width: 80px;
    }

    .card-wrapper .item-seperater {
        height: 50px;
        margin: 0 5px;
        width: 2px;
    }

    .card-wrapper .card-content .card-discount {
        font-size: 16px;
        line-height: 10px;
        display: block;
    }

    .card-discount .discount {
        font-size: 24px;
        line-height: 26px;
    }

}

@media (min-width:1024px) and (max-width: 1399px) {

    .nav-tabs .nav-link {
        padding: 10px;
    }

    .card-wrapper .item-seperater {
        height: 60px;
        margin: 0 5px;
    }

    .card-wrapper>img {
        width: 80px;
    }
}

@media (min-width:1024px) and (max-width: 1440px) {

    .card-wrapper .card-content .card-discount {
        font-size: 16px;
        line-height: 26px;
    }

    .card-wrapper .card-content .card-discount .discount {
        font-size: 34px;
        line-height: 44px;
    }
}

@media only screen and (min-width:2000px) and (max-width:5000px) {
    .hero-cyber {
        height: 750px !important;
    }
}