/*header*/
.page-header-section {
    position: relative;
    padding-top: 80px;
    min-height: 80vh;
    background-color: rgba(45,52,56, 1);
    background-size: cover;
    background-position: center 0px;
    background-image: url(../assets/index-demo-bg.jpg);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.uk-silde {
    background-image: url(../assets/uk-home-bg.jpg);
    background-color: rgba(45,45,45, 1);
}

.ae-silde {
    background-image: url(../assets/ae-home-bg.jpg);
    background-color: #09080e !important;
}

.ae-silde::before {
    background-color: rgba(0, 41, 49, 0.6) !important;
}

.galaxy-slide {
    background-image: url(../assets/subdomains/galaxy/slide.jpg);
}

.thinkdeep-slide {
    background-image: url(../assets/subdomains/thinkdeep/slide-en.jpg);
}

.rtl-body .thinkdeep-slide {
    background-image: url(../assets/subdomains/thinkdeep/slide.jpg);
}

.moccae-silde {
    background-image: url(../assets/moccae-home-bg.jpg);
    background-color: rgba(12, 20, 24, 1) !important;
}

.moccae-silde::before {
    background-color: rgba(12, 20, 24, 0.75) !important;
}


/*.qa-silde {
    background-image: url('../assets/subdomains/pioneerstec/slide_new_en.jpg');
}

.rtl-body .qa-silde {
    background-image: url(../assets/subdomains/pioneerstec/slide_new.jpg);
}*/


/*.qa-silde::before {
    background-color: unset !important;
}*/


.egypt-silde {
    background-image: url(../assets/egypt-home-bg.jpg);
    background-color: #140a08 !important;
}

.egypt-silde::before {
    background-color: rgba(11, 5, 21, 0.6) !important;
}

.qc-chamber-silde {
    background-image: url(../assets/qc-training-home-bg.jpg);
    background-color: #d2b9a5 !important;
}

.qc-chamber-silde::before {
    background-color: rgba(51, 44, 39, 0.7);
}

.gtc-silde {
    background-image: url(../assets/gtc-home-bg.jpg);
    background-color: #11082f !important;
}

.gtc-silde::before {
    background-color: rgba(12,20,24,.75);
}

.ahu-silde {
    background-image: url(../assets/ahu-home-bg.jpg);
    background-color: #332d2f !important;
}

.ahu-silde::before {
    background-color: rgba(10,18,25,.75);
}

.cams-silde {
    background-image: url(../assets/cams-home-bg.jpg);
    background-color: #11082f !important;
}

.ashghal-silde {
    background-image: url(../assets/ashghal-home-bg.jpg);
    background-color: #11082f !important;
}

.ashghal-silde::before {
    background-color: rgba(19,3,12,0.60) !important;
}

.direct-aid-silde {
    background-image: url(../assets/direct-aid-home-bg.jpg);
}

.ksachamber-r-silde {
    background-image: url(../assets/ksachamber-r-home-bg.jpg);
}

.takaful-silde {
    background-image: url(../assets/takaful-home-bg.jpg);
}

.kawader-silde {
    background-image: url(../assets/subdomains/kawader/slide.jpg);
}

.qnbn-slide {
    background-image: url(../assets/subdomains/qnbn/slide.jpg);
}

.qnbn-slide-en {
    background-image: url(../assets/subdomains/qnbn/slide-en.jpg);
}

.km-slide {
    background-image: url(../assets/subdomains/km/slide.png);
}

.km-slide-en {
    background-image: url(../assets/subdomains/km/slide-en.png);
}

.dc-slide {
    background-image: url(../assets/subdomains/dc/slide.jpg);
    background-color: rgba(45,45,45, 1);
}

.beinsport-slide {
    background-image: url(../assets/subdomains/beinsport/slide.jpg);
}

.abp-slide {
    background-image: url(../assets/subdomains/abp/slide.webp);
}

.qgirco-slide {
    background-image: url(../assets/subdomains/qgirco/slide.jpg);
}

.rtl-body .qgirco-slide {
    background-image: url(../assets/subdomains/qgirco/ar-slide.jpg);
}

.vgtcq-slide {
    background-image: url(../assets/subdomains/vgtcq/slide.png);
    background-color: #fff !important;
    background-size: cover;
    background-position: center -35px;
}

.rtl-body .vgtcq-slide {
    background-image: url(../assets/subdomains/vgtcq/slide-ar.png);
}

.cgb-slide {
    background-image: url(../assets/subdomains/cgb/slide.jpg);
}

.qaedu-slide {
    background-image: url(../assets/subdomains/qaedu/slide-2.jpg);
    min-height: 30vh !important;
}

/*.rtl-body .cgb-slide {
    background-image: url(../assets/subdomains/cgb/ar_slide.png);
}*/

.kkiedu-slide {
    background-image: url(../assets/subdomains/kkiedu/slide.jpg);
}

.qsl-slide {
    background-image: url(../assets/subdomains/qsl/slide.jpg);
}

.rtl-body .qsl-slide {
    background-image: url(../assets/subdomains/qsl/slide-ar.jpg);
}

.barwa-slide {
    background-image: url(../assets/subdomains/barwa/slide_new.png);
}

.sjc-slide {
    background-image: url(../assets/subdomains/sjc/slide.jpg);
}

.jcs-slide {
    background-image: url(../assets/subdomains/jcs/slide.jpeg);
    background-size: 100% 920px;
    background-position: 0px -126px !important;
}

.melody-slide {
    background-image: url(../assets/subdomains/melody/slide.jpg);
}

.iiab-silde {
    /* iiab english slide image*/
    background-image: url(../assets/subdomains/iiab/slider-ar.png);
}

.rtl-body .iiab-silde {
    /* iiab arabic slide image*/
    background-image: url(../assets/subdomains/iiab/slider.png);
}

.safwa-silde {
    /* safwa english slide image */
    background-image: url(../assets/subdomains/safwa/slider.png);
}

.shini-silde {
    /* safwa english slide image */
    background-image: url(../assets/subdomains/shini/slide.png);
}

.qatranacement-silde {
    /* safwa english slide image */
    background-image: url(../assets/subdomains/qatranacement/silde.png);
}

.studyatjo-silde {
    /* safwa english slide image */
    background-image: url(../assets/subdomains/studyatjo/slide.webp);
}

/*.jib-slide {
    background-image: url(../assets/subdomains/jib/slide.jpg);
}*/

.sebhau-silde {
    /* sebhau english slide image */
    background-image: url(../assets/subdomains/sebhau/slide.jpg);
}

.gacily-silde {
    /* gacily slide image */
    background-image: url(../assets/subdomains/gacily/slide.png);
    background-size: 100% 920px;
    background-position: 0px center !important;
}

.rtl-body .safwa-silde {
    /* safwa arabic slide image*/
    background-image: url(../assets/subdomains/safwa/slider-ar.png);
}

.qrcs-slide {
    background-image: url(../assets/subdomains/qrcs/slide.jpg);
}

.rtl-body .qrcs-slide {
    background-image: url(../assets/subdomains/qrcs/silde-ar.jpg);
}

.picasso-slide {
    background-image: url(../assets/subdomains/picasso/slide.jpg);
}

.saudieng-silde {
    background-image: url(../assets/saudi-home-bg.jpg);
}

.academi-silde {
    background-image: url(../assets/subdomains/academi/slide.jpg);
}

.aabu-silde {
    background-image: url(../assets/aabu-home-bg.jpg);
}

.zu-silde {
    background-image: url(../assets/zu-home-bg.jpg);
}

.just-slide {
    background-image: url(../assets/subdomains/JUST/slide.jpg);
}

.eduguide-slide {
    background-image: url(../assets/subdomains/Eduguide/slide.jpg);
}

.ecoursesINU-slide {
    background-image: url(../assets/inu-home-bg.jpg);
}

.ecoursesJPU-slide {
    background-image: url(../assets/subdomains/jpu/jpu-home-bg.jpg);
}

.ecoursesZUJ-slide {
    background-image: url(../assets/zuj-home-bg.jpg);
}

.talaqqi-slide {
    background-image: url(../assets/talaqqi-home-bg.jpg);
}

.qu-slide {
    background-image: url(../assets/qu-home-slide.jpg);
}

/*
.pioneerstec-slide-en {
    background-image: url(../assets/subdomains/pioneerstec/slide.jpg);
    background-image: url(../assets/subdomains/pioneerstec/world_cup/slide.jpg);
    background-size: cover !important;
    background-position: bottom !important;
}

.pioneerstec-slide-ar {
    background-image: url(../assets/subdomains/pioneerstec/slide-ar.jpg) !important;
    background-image: url(../assets/subdomains/pioneerstec/world_cup/slide.jpg);
    background-size: cover !important;
    background-position: bottom !important;
}
*/

.qatarpost-slide {
    background-image: url(../assets/subdomains/qatarpost/qatarpost-slide.png);
}

.joacademy-slide {
    background-image: url(../assets/subdomains/joacademy/joacademy.jpg);
}

.nuct-slide {
    background-image: url(../assets/subdomains/nuct/slide.jpg);
}

.bhc-slide {
    background-image: url(../assets/subdomains/BHC/slide.jpg);
}

.umniah-slide {
    background-image: url(../assets/subdomains/umniah/slide.jpg);
}

.cdc-slide {
    background-image: url(../assets/subdomains/CDC/slide.jpg);
}

.mslab-slide {
    background-image: url(../assets/subdomains/mslab/slide.png);
}

.almada-slide {
    background-image: url('../assets/subdomains/almada/almada-slide.jpg');
}

.adamcharity-slide {
    background-image: url('../assets/subdomains/almada/almada-slide.jpg');
}

.aum-slide {
    background-image: url('../assets/subdomains/AUM/AUM_slide.jpg');
}

.aut-slide {
    background-image: url('../assets/subdomains/AUT/slide.jpg');
    background-position: center 60% !important;
}

.qu-slide::before {
    background-color: rgba(12,20,24,0.2) !important;
}

.arabimexports-slide {
    background-image: url(../assets/subdomains/arabimexports/arabimexports-silde.jpg);
}

.arabimexports-slide::before {
    background-color: rgba(11, 5, 21, 0.6) !important;
}

.eduminds-slide {
    background-image: url(../assets/subdomains/eduminds/eduminds_slide.jpeg);
}

.ibnroshd-slide {
    background-image: url(../assets/subdomains/IbnRoshd/slide.png);
    background-size: 100% !important;
    background-position: center !important;
}

.alhussan-slide {
    background-image: url(../assets/subdomains/alhussan/slide.jpg);
}

.alkhaleej-slide {
    background-image: url(../assets/subdomains/alkhaleej/slide-2.png);
}

.imdaad-slide {
    background-image: url(../assets/subdomains/imdaad/slide.jpg);
}

.megacademy-slide {
    background-image: url(../assets/subdomains/megacademy/slide.png);
}

.ecoursesHJORE-slide {
    background-image: url(../assets/subdomains/HJORE/hjore_slide.jpg);
}

.ecoursesMutah-slide {
    background-image: url(../assets/subdomains/MUTAH/mutah_slide.jpg);
}

.brightengineers-slide {
    background-image: url(../assets/subdomains/brightengineers/brightengineers-slide.jpg);
}

.ecoursesMyCommunication-slide {
    background-image: url(../assets/subdomains/MyCommunication/mycommunication-slide.jpg);
}

.ecoursesHayatFund-slide {
    background-image: url(../assets/subdomains/HayatFund/hayatFund-slide.jpg);
}

.ecoursesYu-slide {
    background-image: url(../assets/subdomains/yu/slide.jpg);
}

.thinksmart-slide {
    background-image: url(../assets/subdomains/thinksmart/slide.jpg);
}

.bahchamber-slide {
    background-image: url(../assets/subdomains/bahchamber/slide.jpg);
    background-size: 100% 672px;
}

.leadersuae-slide {
    background-image: url(../assets/subdomains/leadersuae/slide.jpeg);
}

.saaed-slide {
    background-image: url(../assets/subdomains/saaed/slide.jpg);
}

/*.moe-silde {
    background-image: url(../assets/subdomains/moe/meo-slide.png);
}*/

.moe-silde {
    background-image: url(../assets/subdomains/moe/91352564-25c7-4f51-9f8b-9eb89555c543.jpg);
    height:900px;
}

.dcas-slide {
    background-image: url(../assets/subdomains/dcas/slide.jpg);
}

.khbara-slide {
    background-image: url(../assets/subdomains/khbara/slide.jpg);
}

.csr-slide {
    background-image: url(../assets/subdomains/csr/slide.jpg);
}

.rtl-body .csr-slide {
    background-image: url(../assets/subdomains/csr/ar_slide.jpg);
}

.hayat-slide {
    background-image: url(../assets/subdomains/hayat/slide.jpg);
}

.smart-education-slide {
    background-image: url(../assets/subdomains/smart_education/slide.png);
}

.aldrees-slide {
    background-image: url(../assets/subdomains/aldrees/slide.png);
}

.fmco-slide {
    background-image: url(../assets/subdomains/fmco/slide.jpg);
}

.mol-slide {
    background-image: url(../assets/subdomains/mol/slide.jpg)
}

.rta-slide {
    background-image: url(../assets/subdomains/rta/slide.jpeg)
}

.amana-slide {
    background-image: url(../assets/subdomains/amana/slide.jpg);
    background-position: bottom;
}

.holymakkah-slide {
    background-image: url(../assets/subdomains/holymakkah/silde.png);
    background-position: bottom;
}

.ibrtc-slide {
    background-image: url(../assets/subdomains/ibrtc/slide.jpg);
    background-size: 100% 100%;
    background-position: bottom !important;
}

.musing-slide {
    background-image: url(../assets/subdomains/musing/slide.jpg);
    background-size: 100% 100%;
    background-position: bottom !important;
}

.kafaat-slide {
    background-image: url(../assets/subdomains/kafaat/slide.png);
    background-size: 100% 109%;
    background-position: bottom !important;
}

.tamkeen-slide {
    background-image: url(../assets/subdomains/tamkeen/header-bg.png);
    background-position: 0px -49px !important;
}

.smalamoudi-slide {
    background-image: url(../assets/subdomains/smalamoudi/header.jpg);
    background-size: 100% 109%;
    background-position: bottom !important;
}

.jrc-slide {
    background-image: url(../assets/subdomains/jrc/slide.jpg);
    background-size: 100% 109%;
    background-position: bottom !important;
}

.nextup-slide {
    background-image: url(../assets/subdomains/nextup/slide.png);
    background-size: 100% 731px;
    background-position: bottom !important;
}

.tarqea-slide {
    background-image: url(../assets/subdomains/tarqea/slide.jpg);
    background-size: 100% 862px;
    background-position: 0px 0px !important;
}

.altc-slide {
    background-image: url(../assets/subdomains/altc/slide.jpg);
    background-size: 100% 667px;
    background-position: 0px 0px !important;
}

.yellowzone-slide {
    background-image: url(../assets/subdomains/yellowzone/slide.jpg);
    background-size: 100% 862px;
    background-position: 0px 0px !important;
}

.psimc-slide {
    background-image: url(../assets/subdomains/psimc/slide.png);
    background-size: 100%;
    height: 763px;
    background-position: center !important;
}

.invest-slide {
    background-image: url(../assets/subdomains/invest/slide.webp);
    background-size: 100%;
}

.alfac-slide {
    background-image: url(../assets/subdomains/alfac/slide-img.png);
    background-size: 100% 862px;
    background-position: 0px 0px !important;
}

.atreek-slide {
    background-image: url(../assets/subdomains/atreek/slide.webp);
    background-size: 100% 862px;
    background-position: 0px 0px !important;
}

.kafaati-slide {
    /*background-image: url(../assets/subdomains/kafaati/slide.webp);*/
}

.qattous-slide {
    background-image: url(../assets/subdomains/qattous/slide.jpg);
    background-size: 100% 680px;
    background-position: 0px 0px !important;
}

.sedalearn-slide {
    background-image: url(../assets/subdomains/sedalearn/slide_country.jpg);
    background-size: 100% 80vh;
    background-position: 0px 0px !important;
}

.dcp-slide {
    background-image: url(../assets/subdomains/dcp/slide.jpg);
    background-position: 0px 0px !important;
    min-height: 680px !important;
}

.altkaful-slide {
    background-image: url(../assets/subdomains/altkaful/slide.png);
}

.altkaful-slide .page-header-section::before {
    background-color: rgba(12, 20, 24, 0.2) !important;
}

.sakhra-slide {
    background-image: url(../assets/subdomains/sakhra/slide.jpeg);
    background-size: 100% 80vh;
    background-position: 0px 0px !important;
}

.almawrooth-slide {
    position: relative;
    overflow: hidden;
}

    .almawrooth-slide::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url(../assets/subdomains/almawrooth/slide-new.png);
        background-size: cover;
        background-position-y: 74%;
        z-index: -1;
    }

/*.link-slide {
    background-image: url(../assets/subdomains/);
    background-position: 0px 0px !important;
    min-height: 680px !important;
}*/

.shjlib-slide {
    background-image: url(../assets/subdomains/shjlib/slide_building.jpg);
}

.moneyjo-slide {
    background-image: url(../assets/subdomains/moneyjo/slide.jpg);
}

.unizwa-slide {
    background-image: url(../assets/subdomains/unizwa/slide.jpg);
}

.page-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(12,20,24,0.8);
    top: 0px;
    left: 0px;
    z-index: 0;
}

.page-header-section > .inner-row {
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
    align-items: center;
    height: 100%;
}

    .page-header-section > .inner-row > .title-col h1 {
        display: block;
        max-width: 460px;
        margin: 0px auto 10px;
        color: #fff;
        font-size: 36px;
        text-align: center;
        line-height: 1.1;
    }

        .page-header-section > .inner-row > .title-col h1 > span {
            color: #bebebe;
            font-size: 32px;
            font-family: 'Myriad Pro Light';
            display: block;
        }

.subject-icon-holder {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .subject-icon-holder > div {
        width: 65px;
        min-width: 65px;
        height: 45px;
        background-size: 65px;
        background-position: center;
        background-repeat: no-repeat;
        display: none;
    }

    .subject-icon-holder > span {
        font-size: 18px;
        color: #bebebe;
        font-family: 'Myriad Pro Light';
        line-height: 1.2;
        text-align: center;
    }

        .subject-icon-holder > span > span {
            color: #fff;
            font-family: 'Myriad Pro Regular';
        }

    .subject-icon-holder > p {
        color: #c5c5c5;
        font-size: 14px;
        line-height: 1.5;
        font-family: 'Myriad Pro Light';
        text-align: center;
    }

.home-search-holder {
    display: flex;
    justify-content: center;
    padding: 0px 20px;
}

    .home-search-holder form {
        position: relative;
        width: 100%;
    }

        .home-search-holder form input {
            height: 50px;
            width: 100%;
            padding: 10px 50px 10px 20px;
            border-radius: 8px;
            border: none;
            outline: none !important;
            font-size: 16px;
            box-shadow: rgba(255, 255, 255, 0) 0px 1px 5px;
            transition: all ease 0.3s;
        }

            .home-search-holder form input:focus {
                box-shadow: rgba(255, 255, 255, 0.6) 0px 1px 15px;
                transition: all ease 0.3s;
            }

            .home-search-holder form input::placeholder {
                color: #9ba1aa;
            }

            .home-search-holder form input:-ms-input-placeholder {
                color: #9ba1aa;
            }

            .home-search-holder form input::-ms-input-placeholder {
                color: #9ba1aa;
            }

        .home-search-holder form button {
            position: absolute;
            top: 0px;
            right: 0px;
            z-index: 1;
            width: 50px;
            height: 50px;
            background-color: transparent;
            border: none;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url(../assets/blue-search-icon.svg);
            outline: none !important;
        }

.autocomplete-list-holder {
    position: absolute;
    top: 52px;
    background-color: rgba(255, 255, 255, 0.99);
    border-radius: 5px;
    z-index: 1;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 20px;
    padding: 5px;
    width: 100%;
}

.autocomplete-results-holder {
    margin: 0px;
    padding: 0px;
    max-height: 250px;
    overflow: auto;
}

    .autocomplete-results-holder > ul {
        margin: 0px;
        padding: 0px;
    }

        .autocomplete-results-holder > ul > li {
            list-style-type: none;
            border-bottom: solid 1px rgba(49, 55, 62, 0.1);
        }

            .autocomplete-results-holder > ul > li > a {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: auto;
                min-height: 50px;
                padding: 5px 10px;
                text-decoration: none;
                color: #244355;
                font-size: 15px;
                align-items: flex-start;
                background-color: rgba(255, 255, 255, 0);
                transition: all ease 0.3s;
            }

                .autocomplete-results-holder > ul > li > a:hover {
                    color: #0f8ed8;
                    background-color: rgba(0, 91, 142, 0.05);
                    transition: all ease 0.3s;
                }

/*upper features tab*/
.features-upper-tab-section {
    min-height: 80px;
    background-color: #005b8e;
    display: flex;
    align-items: center;
    padding: 20px 0px;
}

.feature-icon-holder {
    width: 50px;
    min-width: 50px;
    height: 50px;
}

    .feature-icon-holder > img {
        width: 100%;
    }

.feature-title-holder {
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

    .feature-title-holder .heading {
        font-size: 18px;
        color: #fff;
        font-family: 'Myriad Pro Regular';
    }

    .feature-title-holder .par {
        font-size: 15px;
        color: #81b6d5;
        font-family: 'Myriad Pro Light';
    }

.body-title-holder {
    text-align: center;
}

    .body-title-holder > h2 {
        color: #2d3438;
        font-size: 28px;
        margin-bottom: 20px;
    }

        .body-title-holder > h2 > span {
            color: #5d676c;
            font-size: 19px;
        }

        .body-title-holder > h2 > strong {
            font-weight: 500;
        }

.interactive-nav {
    margin-bottom: 40px;
}

    .interactive-nav > ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        flex-wrap: wrap;
        overflow: hidden;
    }

        .interactive-nav > ul > li {
            list-style-type: none;
            width: auto;
            padding: 0px 2px;
        }

            .interactive-nav > ul > li > a {
                display: flex;
                height: 100%;
                min-height: 40px;
                padding: 3px 20px;
                justify-content: center;
                align-items: flex-start;
                text-align: center;
                font-size: 16px;
                color: #5d676c;
                text-decoration: none;
                border-bottom: solid 3px rgba(249,197,30,0);
                transition: all ease 0.3s;
            }

            .interactive-nav > ul > li:hover > a {
                color: #2d3438;
                border-bottom: solid 3px #d6dde1;
                transition: all ease 0.3s;
            }

            .interactive-nav > ul > li.active > a {
                border-bottom: solid 3px rgba(249,197,30,1);
                transition: all ease 0.3s;
            }

.desktop-view {
    display: none;
}

.tablet-view {
    display: block;
}

/*promoted courses*/
.promoted-courses-slider {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
}

.slide-next, .slide-prev {
    transform: scale(1);
    opacity: 1;
    transition: all ease 0.2s;
}

    .slide-next.ng-hide {
        transform: scale(0.9);
        opacity: 0;
        z-index: 1;
        transition: all ease 0.2s;
    }

    .slide-prev.ng-hide {
        transform: scale(0.9);
        opacity: 0 !important;
        transition: all ease 0.2s;
    }

.promoted-courses-slider > .promoted-course-col {
    width: 100%;
    max-width: 300px;
    padding: 0px 0px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    transition: width ease 0s;
}

    .promoted-courses-slider > .promoted-course-col > .course-box {
        display: inline-flex;
        flex-direction: column;
        width: calc(100% - 20px);
        min-width: 280px;
        height: auto;
        min-height: 100%;
        padding: 2px;
        background-color: rgba(255,255,255,.8);
        border: solid 2px rgba(255,255,255,1);
        border-radius: 5px;
    }

        .promoted-courses-slider > .promoted-course-col > .course-box .course-thumb {
            background-color: #eee;
            background-position: center;
            background-size: 280px auto;
            width: 100%;
            height: 160px;
            min-height: 160px;
            margin-bottom: 20px;
            border-radius: 3px;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            padding: 10px;
        }

            .promoted-courses-slider > .promoted-course-col > .course-box .course-thumb > label {
                display: inline-block;
                padding: 4px 15px;
                line-height: 1;
                border: solid 1px #ffffff;
                background-color: rgba(255, 255, 255, 0.1);
                color: #fff;
                border-radius: 20px;
                margin: 0px;
                font-size: 11px;
            }

        .promoted-courses-slider > .promoted-course-col > .course-box .course-title {
            padding: 0px 10px 10px;
            height: 100%;
        }

            .promoted-courses-slider > .promoted-course-col > .course-box .course-title .heading {
                font-size: 17px;
                color: #2d3438;
                text-align: center;
                font-family: 'Myriad Pro SemiBold';
                margin: 0px;
            }

                .promoted-courses-slider > .promoted-course-col > .course-box .course-title .heading span {
                    font-size: 15px;
                    display: block;
                    color: #5d676c;
                    font-family: 'Myriad Pro Regular';
                }

        .promoted-courses-slider > .promoted-course-col > .course-box .course-body {
            padding: 0px 10px 10px;
        }

            .promoted-courses-slider > .promoted-course-col > .course-box .course-body .feature-col {
                font-size: 15px;
                display: inline-flex;
                align-items: flex-end;
            }

                .promoted-courses-slider > .promoted-course-col > .course-box .course-body .feature-col .offer-icon {
                    padding: 0px 0px 0px 30px;
                    position: relative;
                    font-size: 21px;
                    font-family: 'Myriad Pro SemiBold'
                }

                    .promoted-courses-slider > .promoted-course-col > .course-box .course-body .feature-col .offer-icon::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        right: auto;
                        width: 30px;
                        height: 30px;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        background-image: url(../assets/gift-icon.svg);
                    }

        .promoted-courses-slider > .promoted-course-col > .course-box .course-footer {
            padding: 10px;
        }

.promoted-courses-controller, .promoted-courses-controller:link {
    position: absolute;
    top: 180px;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0f8ed8;
    border-radius: 5px;
    text-decoration: none;
    transition: all ease 0.3s;
}

    .promoted-courses-controller:hover {
        background-color: rgba(255, 255, 255, 0.5);
        transition: all ease 0.3s;
    }

    .promoted-courses-controller.prev {
        left: -10px;
    }

    .promoted-courses-controller.next {
        right: -10px;
    }

.splitted-section {
    min-height: 400px;
    direction: rtl;
    border-top: solid 4px #f9c51e;
}

    .splitted-section > .row {
        height: 100%;
    }

    .splitted-section .split-col {
        padding: 0px 0px;
        display: inline-flex;
        direction: ltr;
    }

        .splitted-section .split-col.schedule {
            position: relative;
            background-color: #005b8e;
            justify-content: center;
            background-size: 260px;
            background-repeat: repeat;
            background-position: center;
            background-image: url(../assets/home-schedule-bg.svg);
        }

        .splitted-section .split-col.recorded {
            position: relative;
            background-color: #1d3952;
            justify-content: flex-start;
            align-items: flex-start;
            background-image: url(../assets/recorded-courses-library.png);
            background-position: 65% calc(100% + 50px);
            background-repeat: no-repeat;
            background-size: auto 330px;
            min-height: 400px;
        }

            .splitted-section .split-col.recorded .inner-half-row .heading {
                text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 5px;
            }

        .splitted-section .split-col.live {
            justify-content: center;
            background-color: #2d343e;
            background-size: cover;
            background-position: center center;
            background-image: url(../assets/home-live-bg.jpg);
        }

            .splitted-section .split-col.live::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: rgba(45, 52, 62, 0.6);
                z-index: 0;
            }

        .splitted-section .split-col .inner-half-row {
            position: relative;
            width: 100%;
            max-width: none;
            padding: 40px 10px;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

            .splitted-section .split-col .inner-half-row .heading {
                color: #fff;
                font-size: 28px;
                font-family: 'Myriad Pro Regular';
                margin-bottom: 0px;
            }

            .splitted-section .split-col .inner-half-row .subheading {
                font-family: 'Myriad Pro Light';
                font-size: 26px;
                margin-bottom: 0px;
            }

            .splitted-section .split-col .inner-half-row p {
                padding: 20px 0px;
                font-size: 17px;
                color: #eee;
                max-width: 380px;
                margin: 0px auto;
                font-family: 'Myriad Pro Light';
            }

.offers-section {
    background-color: #fff;
    text-align: center;
    border-top: solid 4px #eee;
}

    .offers-section .shiny-btn {
        background-color: #63a4ff;
        background-image: linear-gradient(40deg, #ffd600 0%, #d80f6c 74%);
        border: none;
        background-size: 200%;
        background-position: -10px;
        animation: shinning 1.5s ease-in-out infinite alternate
    }

    .offers-section .title-col h2 {
        font-size: 28px;
    }

    .offers-section .offers-button-holder {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.home-testimonials-col .testimonial-box {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 20px 20px;
    height: 100%;
}

    .home-testimonials-col .testimonial-box .client-message {
        font-size: 13px;
        color: #798595;
        height: 100%;
    }

    .home-testimonials-col .testimonial-box .client-name {
        line-height: 1.2;
    }

.lower-features-section {
    background-color: #fff;
    min-height: 20px;
}

    .lower-features-section > .inner-row > div {
        border-bottom: solid 1px rgba(182, 194, 199, 0.3);
    }

    .lower-features-section .feature-icon-holder {
        width: 50px;
        min-width: 50px;
        height: 50px;
        background-color: #0f8ed8;
        border-radius: 10px;
        display: flex;
        justify-content: center;
    }

        .lower-features-section .feature-icon-holder > img {
            width: 75%;
        }

    .lower-features-section .feature-title-holder .heading {
        color: #2e3336 !important;
    }

    .lower-features-section .feature-title-holder .par {
        color: #2d3438;
    }

@keyframes shinning {
    0% {
        background-position: 0
    }

    100% {
        background-position: calc(100% + 10px)
    }
}

@media only screen and (min-width:426px) {
    .home-search-holder {
        display: flex;
        justify-content: center;
        padding: 0px 0px;
    }

    .subject-icon-holder > p {
        font-size: 15px;
    }

    .home-search-holder form {
        max-width: 360px;
    }
}

@media only screen and (min-width:576px) {
    .body-title-holder > h2 {
        font-size: 32px;
    }

        .body-title-holder > h2 > span {
            font-size: 21px;
        }

    .promoted-courses-slider > .promoted-course-col {
        width: 50%;
        transition: width ease 0s;
    }

    .offers-section {
        text-align: left;
    }

        .offers-section .offers-button-holder {
            justify-content: flex-end;
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .splitted-section .split-col.recorded {
        background-position: calc(100% + 50px) center;
        min-height: 320px;
        background-size: auto 460px;
    }

        .splitted-section .split-col.recorded .inner-half-row {
            width: auto;
            padding-left: 20px;
            padding-right: 20px;
        }
}

@media only screen and (min-width:768px) {
    .splitted-section .split-col.recorded {
        align-items: center;
    }
}

@media only screen and (min-width:992px) {
    .page-header-section {
        min-height: 70vh;
        margin-top: 0px;
    }

        .page-header-section::before {
            background-color: rgba(12,20,24,0.6);
        }

        .page-header-section > .inner-row > .title-col h1 {
            max-width: none;
            text-align: left;
            font-size: 42px;
            margin: 0px 0px 10px 0px;
        }

    .subject-icon-holder {
        justify-content: flex-start;
    }

        .subject-icon-holder > p {
            text-align: left;
        }

    .home-search-holder {
        justify-content: flex-start;
    }

    .body-title-holder > h2 {
        font-size: 38px;
    }

        .body-title-holder > h2 > span {
            font-size: 29px;
        }

    .desktop-view {
        display: block;
    }

    .tablet-view {
        display: none;
    }

    .promoted-courses-slider > .promoted-course-col {
        width: 33%;
        transition: width ease 0s;
    }

    .splitted-section .split-col.schedule {
        justify-content: flex-start;
        background-color: #005b8e;
    }

    .splitted-section .split-col.live {
        justify-content: flex-end;
        background-color: #2d343e;
        background-position: 0px center;
        position: relative;
    }

        .splitted-section .split-col.live::before {
            background-color: rgba(45, 52, 62, 0.3);
        }

    .splitted-section .split-col .inner-half-row {
        max-width: 640px;
    }

        .splitted-section .split-col .inner-half-row .heading {
            font-size: 32px;
        }

    .subject-icon-holder > span {
        text-align: left;
        font-size: 24px;
    }

    .offers-section .title-col h2 {
        font-size: 32px;
    }

    .splitted-section .split-col.recorded {
        background-position: calc(100% + 150px) center;
    }
}

@media only screen and (min-width:1120px) {
    .page-header-section > .inner-row > .title-col h1 {
        font-size: 56px;
    }

    .promoted-courses-controller.prev {
        left: -30px;
    }

    .promoted-courses-controller.next {
        right: -30px;
    }

    .promoted-courses-slider > .promoted-course-col {
        width: 25%;
        transition: width ease 0s;
    }

        .promoted-courses-slider > .promoted-course-col > .course-box {
            min-width: 200px;
        }

    .splitted-section .split-col.recorded {
        background-position: calc(100% + 220px) center;
        background-size: auto 560px;
    }
}

@media only screen and (min-width:1360px) {
    .splitted-section .split-col.recorded {
        background-position: calc(100% + 90px) center;
    }
}

@media only screen and (min-width:1600px) {
    .splitted-section .split-col.recorded .inner-half-row {
        width: 100%;
    }
}

::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f8f8f8;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: #878787;
}

/* Firefox */
/*html {
    scrollbar-width: thin;*/ /* Adjusts width */
    /*scrollbar-color: #878787 #f8f8f8;*/ /* Adjusts colors */
/*}*/