* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Rubik Regular';
    src: url('fonts/Rubik-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Italic';
    src: url('fonts/Rubik-Italic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Schoolbell';
    src: url('fonts/Schoolbell-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Archivo';
    src: url('fonts/ArchivoBlack-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Light';
    src: url('fonts/Rubik-Light.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Medium';
    src: url('fonts/Rubik-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Medium Italic';
    src: url('fonts/Rubik-MediumItalic.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Rubik Bold';
    src: url('fonts/Rubik-Bold.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('Fontawesome/FontAwesome.otf');
    font-display: swap;
}

.socialMedia a {
    transition: color 0.4s linear;
}
.img_shadow,#cookiefy_bar{box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1) !important;}
#cookiefy_bar{background: #303030 !important;display: flex;justify-content: center;opacity: 1 !important;}
.nav-link,
.dropdown-link,.nav-link2,
.title {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #00084E;
}
body {overflow-x: hidden;}
body,html{scroll-behavior: smooth;}
.homeTopContent{background: url('../images/title-img.png') no-repeat right bottom;width: 100%;}
.nav-link,.nav-link2,
.dropdown-link {
    color: #303030;
    text-transform: capitalize;
}
.nav-link.active{color: #7783EE;}
.jssocials-shares a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Rubik Medium';
}

h6 {
    font-family: 'Rubik Regular';
}

.header .fa {
    color: #00084E;
    padding-right: 14px;
    font-size: 16px;
}
.homeTopContent{padding-top: 93px;}
.headerBgCircle::after {
    content: '';
    background: #7783EE;
    height: 772px;
    width: 772px;
    display: block;
    border-radius: 50%;
    right: -26%;
    position: absolute;
    top: -21%;
    z-index: -1;
}

.btn_primary {
    font-family: 'Rubik Medium';
    background: #00084E;
    height: 50px;
    border-radius: 25px;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: 0;
}
.heroText h1{
    font-size: 24px !important;
    line-height: 34px !important;
}
.ht {
    color: #00084E;
}
@media(max-width: 767px){
    .heroText h2{
        font-size: 22px;
        line-height: 34px;
    }
    .heroText h1{
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .heroText h5{
        font-size: 16px !important;
        line-height: 22px !important;
    }
}
.w_intro {padding: 136px 0 70px;}
/*.nav1 .nav-link {
    padding: 2px 16px !important;
}*/

.nav1 .nav-link {
    padding: 2px 30px 0 0 !important;
}

.nav1 {
    padding-left: 99px;
}


/*----------------
    Navbar
----------------*/

.social li {
    list-style: none;
    display: inline-block;
}

.subject {
    position: absolute;
    top: 0;
    right: 0;
}

.subject .nav-link {
    text-transform: capitalize;
    font-size: 14px;
    padding: 2px 6px;
}

.subject {
    font-size: 14px;
}

.social i {
    color: #CE0000;
}

.header {
    position: fixed;
    width: 100%;
    z-index: 300;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.2);
}

.header_bg {
    background: transparent;
    padding: 12px 0;
}


/*.navbarDiv {padding-bottom: 140px;}*/

.thank_youPage .rubik_regular_24 {
    line-height: 32px;
}

.thank_youPage h5 {
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #00084E;
    padding: 0px 0 50px;
}

.linkBtn {
    border-radius: 30px;
    color: #00084E;
    border: 1px solid #00084E;
    background: transparent;
    transition: color 0.5s ease;
}

.linkBtn:hover {
    color: #FFFFFF;
    background: #00084E;
}

.thank_youPage .content_after::after {
    height: 420px;
    width: 420px;
    background: rgba(119, 131, 238, 0.07);
    right: -100px;
    border-radius: 50%;
    top: 0;
    z-index: -1;
}

a:hover {
    text-decoration: none;
}

.thank_youPage h1,
.register h2,
.aboutPackage h2,
.notFoundTitle {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 36px;
    line-height: 43px;
    color: #00084E;
    padding-bottom: 36px;
}

p,
.blog-detail-body ul li,
.faqs ul li,
.register label,
.register a {
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

p {
    font-family: 'Rubik Regular';
}


/*----------------
    Footer
----------------*/

footer {
    background: #00084E;
    padding: 70px 0 25px;
}

footer input {
    border: 1px solid #7783EE;
    color: #7783EE;
    border-radius: 10px;
    height: 50px;
    width: 285px;
    font-family: 'Rubik Regular';
    padding-left: 20px;
}

footer input::placeholder {
    color: #7783EE;
    font-family: 'Rubik Regular';
    font-size: 14px;
}

footer input::-webkit-placeholder {
    color: #7783EE;
    font-family: 'Rubik Regular';
    font-size: 14px;
}

footer input::-moz-placeholder {
    color: #7783EE;
    font-family: 'Rubik Regular';
    font-size: 14px;
}

footer input::-ms-placeholder {
    color: #7783EE;
    font-family: 'Rubik Regular';
    font-size: 14px;
}

footer ul li a {
    font-size: 14px;
    display: block;
    margin-bottom: 12px;
}

.socialMedia a:hover {
    color: #7783EE;
}

.socialMedia a {
    color: #FFFFFF;
}

.p_type {
    padding: 70px 0 52px;
}


/*--------
 Register page
 ---------*/

.register form input,
.register form textarea,
.register form select {
    border: 1px solid #00084E;
    border-radius: 5px;
    height: 50px;
}

.common_rubik {
    font-family: 'Rubik Medium';
    font-style: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.common_rubik_normal {
    font-family: 'Rubik Regular';
    font-style: normal;
}


/*
 home page*/

.bannerBox,
.package_box,
.position_relative {
    position: relative;
}

.aboutPackage h2 {
    font-family: 'Rubik Regular';
}

.aboutPackage h4,
.question_screen_bg h2 {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #00084E;
    padding: 10px 0;
}

.package_box {
    background: #E5E5E5;
    margin: 24px 0;
}

.className {
    background: #7783EE;
    border-bottom-right-radius: 30px;
    height: 50px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.className h5,
.strip ul li,
.subject_content .card h5 {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding-left: 18px;
    margin-bottom: 0;
}

.classDescription {
    padding: 18px;
}

.classDescription p {
    text-transform: capitalize;
    padding-top: 15px;
}

.classDescription h6 {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #00084E;
    letter-spacing: 0.125em;
}

.priceBg {
    background: #00084E;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price,
.package_select label {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 21px;
}

.package_select {
    background: #AFAFAF;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.package_select input {
    border-color: #ffff
}

.check_conatiner {
    display: block;
    position: relative;
    padding-right: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"].copy_addr {
    position: absolute;
    top: 5px;
    right: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: transparent;
    height: 15px;
    width: 15px;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
}

input[type="checkbox"].copy_addr:checked {
    background: #00084E;
}

input[type="checkbox"].copy_addr:hover {
    border: 2px solid #FFFFFF;
}

input[type="checkbox"].copy_addr:disabled {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

input[type="checkbox"].copy_addr:after {
    content: '';
    position: relative;
    left: 35%;
    top: 16%;
    width: 42%;
    height: 61%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

input[type="checkbox"].copy_addr:checked:after {
    display: block;
}

.strip {
    background: #00084E;
    box-shadow: 7px -7px 14px rgba(0, 0, 0, 0.2);
    padding: 25px 0;
}

.strip ul {
    margin-bottom: 0;
}

.strip ul li {
    font-size: 16px;
    line-height: 21px;
    padding: 0 0 7px;
    display: inline-block;
    list-style: none;
    position: relative;
    padding: 0 15px 0;
}

.strip ul li:before {
    content: url('../images/dot.png');
    left: -2px;
    top: -1px;
    position: absolute;
}

.verticalDevider:after {
    content: '';
    height: 50px;
    width: 1px;
    background-color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 0;
}

.strip .check_conatiner input[type="checkbox"].copy_addr {
    left: 0;
    top: 0;
    border: 2px solid #FFFFFF;
    height: 20px;
    width: 20px;
}

.strip .check_conatiner .sele_li {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    padding-left: 35px;
}

.strip button {
    background: #2CE054;
    border-radius: 25px;
    font-family: 'Rubik Medium';
}

.pck_list_btn {
    background: #7783EE;
    box-shadow: 7px -7px 14px rgba(0, 0, 0, 0.2);
    border-radius: 0px 30px 0px 0px;
    width: 285px;
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    height: 40px;
}

.packageList_sec {
    padding: 88px 0 157px;
}

.aboutPackage_box {
    padding: 150px 0 40px;
}

button:focus {
    outline: none;
}


/* dashboard */

.left_sideBar {
    background: #ECF3F9;
    position: absolute;
    width: 285px;
    height: 100vh;
    border-top-right-radius: 40px;
    left: 0;
}

.left_sideBar ul {
    padding-left: 28px;
}

.left_sideBar ul li {
    list-style: none;
    border-bottom: 1px solid rgba(0, 8, 78, 0.1);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.left_sideBar ul li:last-child {
    border: none;
}

.left_sideBar ul li a {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #00084E;
    position: relative;
    display: block;
}

.left_sideBar .active {
    font-family: 'Rubik Medium';
}

.left_sideBar .active::after {
    content: '';
    height: 100%;
    width: 3px;
    background: #CE0000;
    position: absolute;
    right: 0;
}

.left_sideBar ul li a img {
    padding-right: 26px;
}

.dashboard-logo {
    padding: 21px 0 70px;
}


/******
question page
******/

.question_screen_bg {
    background: #ECF3F9;
    width: 100%;
    overflow: hidden;
}

.question_screen_bg .questionNumber {
    position: relative;
    z-index: 1;
    padding-top: 18px;
}

.remainigTime .badge {
    padding: 13px 16px;
    border: 1px solid #CE0000;
    font-size: 18px;
    line-height: 21px;
    color: #CE0000;
    border-radius: 15px;
    margin-left: 12px;
}

.question_screen_bg ul {
    margin-bottom: 0;
}

.question_screen_bg ul li {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

.question_screen_bg ul li::before {
    content: '';
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(119, 131, 238, 0.4) 0%, #7783EE 90.91%);
    position: absolute;
    top: 40%;
    left: 20px;
    z-index: -1;
}

.question_screen_bg ul li::after {
    content: '';
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(119, 131, 238, 0.4) 0%, #7783EE 90.91%);
    position: absolute;
    top: 40%;
    right: 0;
    z-index: -1;
}

.question_screen_bg ul li p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    color: #2CE054;
    background: #FFFFFF;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
.container{max-width: 100%;width: 100%;}
.question-img {
    padding: 5px 0 20px;
}

.aboutPackage h4,
.question_screen_bg h2 {
    font-family: 'Rubik Medium';
}

.question_screen_bg input {
    height: 135px;
    border-radius: 20px;
    font-size: 46px;
}

.question_screen_bg .active {
    background: #7783EE;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.SpecialText {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    text-decoration-line: underline;
    padding: 0 0 0 16px !important;
    cursor: pointer;
}

.submit_btn{padding: 10px 25px; border-radius: 20px;}
.submit_btn,
.quit {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #7783EE;
}

.quit {
    color: #CE0000;
    border-bottom: 1px solid #CE0000;
    padding-bottom: 8px;
    cursor: pointer;
}

.pb-150 {
    padding-bottom: 150px;
}


/************ test page ********************/

.dashboard_header_content .title {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}

.user_profile {
    background: #7783EE;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard_header_content ul li {
    display: inline-block;
}

.dashboard_header_content .navbarUl li span,
#select_subject_modal .modal-header h5,
#topic_modal .modal-header h5 {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.dashboard_header_content .navbar {
    border-bottom: 1px solid rgba(0, 8, 78, 0.1);
}

@media (min-width: 992px) {
    .leftBar {
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }
    .right_sidebar {
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }
    #select_subject_modal .modal-lg,
    #topic_modal .modal-lg {
        max-width: 880px;
    }
}

.dashboard_sideNav h6 {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #00084E;
}

.dashboard_sideNav {
    position: fixed;
    top: 0;
    right: 0;
    background: #ffffff;
    box-shadow: -6px 0px 15px rgba(0, 0, 0, 0.05);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    width: 0px;
    height: 100%;
    z-index: 1;
    transition: all 0.4s;
}

.dashboard_sideNav .userName {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #00084E;
    padding: 15px 0 10px;
}

.user_test_complet .badge {
    height: 40px;
    width: 40px;
    background: #7783EE;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF !important;
    border-radius: 10px;
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}

.user_test_complet li {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #00084E;
    padding-bottom: 20px;
}

.user_test_complet {
    padding-left: 24px;
}


/* online test page ********/

.subject_content .title {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #00084E;
    padding-top: 32px;
}

.subject_content .card .suject_name {
    font-size: 18px;
    line-height: 21px;
    padding-left: 0;
}

.subject_content .card-header {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    background: #00084E;
    height: 85px;
}

.subject_content .card-footer {
    background: #CE0000;
    cursor: pointer;
}

.subject_content .card .card-footer .suject_name {
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    padding-left: 0;
}

.subject_content .card {
    border: none;
}

.subject_content .col-lg-3 {
    margin: 15px 0;
}
.youtube_img img{cursor: pointer;}
#select_subject_modal .modal-header,
#topic_modal .modal-header {
    background: #7783EE;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

#select_subject_modal .modal-header h2,
#select_subject_modal button,
#topic_modal .modal-header h2 {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 30px;
    line-height: 36px;
    color: #FFFFFF;
}

#select_subject_modal .modal-header h5,
#topic_modal .modal-header h5 {
    color: #FFFFFF;
}

#select_subject_modal button,
#topic_modal button {
    height: 50px;
    background: transparent;
    border: 1px solid #7783EE;
    border-radius: 20px;
    width: 385px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    color: #00084E;
}

#select_subject_modal .active {
    background-color: #7783EE;
    color: #FFFFFF;
    font-family: 'Rubik Medium';
}

#topic_modal .modal-header {
    background: #00084E;
}

#topic_modal button {
    border: 1px solid #AFAFAF;
    color: #AFAFAF;
}

#topic_modal .active {
    background: #00084E;
    color: #FFFFFF;
    font-family: 'Rubik Medium';
}

#select_subject_modal .modal-body,
#topic_modal .modal-body {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}


/**********************
Dashborad page 
**************************/

.ul_block li {
    display: inline-block;
}

.packagePrice .sele_li {
    font-family: 'Rubik Medium';
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    text-transform: capitalize;
    vertical-align: super;
}

.dashboard .card-footer {
    background: #C4C4C4;
}

.packagePrice input[type="checkbox"].copy_addr {
    top: 1px;
    height: 20px;
    width: 20px;
}

.bg_red,
#eTab .courseCard .card-header {
    background: #CE0000 !important;
}

.rubik_medium {
    font-family: 'Rubik Medium';
    font-style: normal;
}

.rubik_regular {
    font-family: 'Rubik Regular';
    font-style: normal;
}

.resultHeader,
.resultsub_header {
    font-size: 24px;
    line-height: 28px;
    color: #00084E;
}

.dashboard_link,
.dashboard_link:hover {
    font-size: 16px;
    line-height: 19px;
    color: #00084E;
}

.resultBox h2 {
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    border-bottom: 1px solid #AFAFAF;
    padding-bottom: 5px;
}

.resultBox h4,
.resultBox h5 {
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}

.score_box {
    background: #7783EE;
    height: 133px;
    padding: 16px 19px 0;
}

.percent_box {
    background: #00084E;
    height: 133px;
    padding: 28px;
}

.percent_box h1 {
    font-size: 36px;
    line-height: 43px;
    color: #FFFFFF;
}

.resultBox {
    position: relative;
}

.strip_result {
    background: #FFCC66;
    padding: 24px;
    position: static;
}

.strip_result h5 {
    font-size: 24px;
    line-height: 28px;
    color: #00084E;
}

.resultUser {
    background-image: url('../images/userResult.png');
    background-repeat: no-repeat;
    height: 295px;
    position: relative;
    z-index: 1;
    transform: translateY(75px);
}

.regular_18{
    font-size: 18px;
    line-height: 21px;
    font-family: 'Rubik Regular';
    font-style: normal;
    color: #00084E;
}
.reultTable tr {
    border-bottom: 1px solid rgba(0, 8, 78, 0.1);
}

.reultTable tr .reultBtn,
.correctAns {
    padding: 13px 27px;
    border-radius: 20px;
    background: #FFFFFF;
    color: #CE0000;
    font-size: 22px;
    line-height: 26px;
    border: 1px solid #7783EE;
    width: 245px;
    height: auto;
}

.reultTable tr,
.reultTable tr td,
.reultTable tr th {
    padding: 34px 0;
    text-align: center;
}

.reultTable tr td {
    vertical-align: middle;
}

.reultTable {
    padding-bottom: 76px;
}

.correctAns {
    color: #2CE054;
}

.methodeBtn,
.finishBtn {
    background: #7783EE;
    border-radius: 30px;
    height: 60px;
    width: 250px;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    border: none;
}

.reultTable input[type="checkbox"].copy_addr,
.dashboard_checkbox input[type="checkbox"].copy_addr {
    left: 0;
    border-color: #000000;
    top: 12px;
}

.reultTable form ul li {
    list-style-type: none;
    padding: 4px 0;
}

.reultTable form ul li .sele_li,
.dashboard_checkbox .sele_li {
    font-family: 'Rubik Regular';
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.dashboard_checkbox button {
    width: 180px;
    height: 50px;
}
.navbarDiv {
    margin-bottom: 126px;
    display: flex;
    justify-content: center;
    position: relative;
}

.overlayDiv {
    background: #ffff;
    opacity: 0.1;
    position: absolute;
    width: 80%;
    top: 0;
    left: 0;
    height: 100vh;
    display: none;
}

section {overflow: hidden;}

.dropdown-menu .dropdown-link {
    padding: 10px 15px !important;
    text-transform: capitalize;
}

.dropdown-menu .dropdown-link:hover {
    background: #7783EE;
    border-radius: 25px;
    color: #FFFFFF;
}

.dropdown-menu {
    border-radius: 25px;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: 180px;
    margin: 17px 0 0 -53px;
}

.dropdown-item:hover,
.dropdown-item:focus {
    border-radius: 0px 0px 40px 0px;
    background-color: #7783EE;
    color: #fff;
}


/* question page */

#questionAnswer {
    height: 85px;
    box-shadow: none;
}

.tox-tinymce {
    height: 110px !important;
    background: #FFFFFF;
    border: 2px solid #7783EE !important;
    border-radius: 20px !important;
}

.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
    background: none !important;
}

.tox-toolbar-overlord {
    position: relative;
}

.tox-toolbar-overlord::after {
    content: 'Use Special character';
    position: absolute;
    top: 11px;
    left: 44px;
    font-family: 'Rubik Medium';
    color: #000000;
}

.mce-content-body {font-size: 28px;}
.sec_py_70 {
    padding: 70px 0;
}
.headline {
    font-family: 'Rubik Bold';
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    color: #00084E;
}
.s-outer::-webkit-scrollbar {
    background: transparent;
}

.s-outer::-moz-scrollbar-thumb {
    background: transparent;
}

.s-outer::-ms-scrollbar-thumb {
    background: transparent;
}

.slideTitle,
.rubik_bold_24 {
    font-family: 'Rubik Bold';
    color: #00084E;
    font-size: 24px;
    line-height: 30px;
}

.subHeadline {
    font-family: 'Rubik Medium';
    font-size: 18px;
    line-height: 24px;
}

.radioContainer input {
    height: auto;
}

.radioContainer {
    display: inline-block;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    padding-left: 30px;
    font-family: 'Rubik Regular';
    color: #000000;
}

.radioContainer input {
    display: none;
}

.radioContainer .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #00084E;
}

.radioContainer input:checked+.circle {
    background-color: #fff;
    border: 2px solid #7783EE;
}

.radioContainer input:checked+.circle:after {
    background-color: #7783EE;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.policy_ul li {
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 15px;
    line-height: 22px;
    padding: 2px 0;
    color: #000000;
    list-style: none;
}

.policy_ul {
    padding-left: 20px;
}

.p_page h4 {
    font-family: 'Rubik Medium';
    font-size: 18px;
}

.blog-detail-body h3,
.blog-detail-body h4,
.blog-detail-body h5,
.blog-detail-body h2 {
    font-family: 'Rubik Light';
}

.blog-detail-body h2 {
    font-size: 24px;
}

.blog-detail-body p {
    text-align: justify;
    color: #000000;
    font-family: 'Rubik Light';
    line-height: 24px;
}

.jssocials-share .jssocials-share-link {
    border-radius: 10px;
    height: 35px;
    width: 75px;
}

.get_tit_sub {
    padding-top: 60px;
}

.contact_form input,
.contact_form textarea,
#generalEnquiry_modal input,
#generalEnquiry_modal textarea,
#enquire_modal input,
#enquire_modal textarea {
    border: 1px solid #7783EE;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #A4A8C8;
    height: 50px;
    padding: 15px 14px;
}

.contact_form textarea,
#enquire_modal textarea {
    height: 150px;
}

#generalEnquiry_modal textarea {
    height: 115px;
}

#generalEnquiry_modal input {
    height: 45px;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder,
#generalEnquiry_modal input::placeholder,
#generalEnquiry_modal textarea::placeholder {
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #00084E;
}

.contact_form input::-moz-placeholder,
.contact_form textarea::-moz-placeholder,
#generalEnquiry_modal input::placeholder,
#generalEnquiry_modal textarea::placeholder {
    font-family: 'Rubik Light';
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #00084E;
}

input:focus,
.form-control:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #7783EE;
}


/***************************************************************** FAQS page *********************************************************************/

.search_border input {
    border-radius: 20px;
    color: #A4A8C8;
    font-family: 'Rubik Regular';
}

.search_border {
    border: 1px solid #7783EE;
    border-radius: 20px;
}

.check_conatiner {
    display: block;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"].copy_addr {
    position: absolute;
    top: 0;
    left: 30%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: transparent;
    height: 15px;
    width: 15px;
    border: 2px solid #212529;
    border-radius: 2px;
}

input[type="checkbox"].copy_addr:checked {
    background: #00084E;
}

input[type="checkbox"].copy_addr:hover {
    border: 2px solid #212529;
}

input[type="checkbox"].copy_addr:disabled {
    background: #212529;
    opacity: 0.6;
    pointer-events: none;
}

input[type="checkbox"].copy_addr:after {
    content: '';
    position: relative;
    left: 35%;
    top: 16%;
    width: 42%;
    height: 61%;
    border: solid #212529;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
}

input[type="checkbox"].copy_addr:checked:after {
    display: block;
}

.package_select input[type="checkbox"].copy_addr {
    left: -23px;
}

.package_select .check_conatiner {
    padding-right: 0;
}

.strip input[type="checkbox"].copy_addr:after {
    border-color: #FFF;
    top: 8%;
    width: 38%;
}

.package_select .sele_li {
    padding-right: 0 !important;
}


/********------------------------------->>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Landing Page <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<-------------------------------------------*/

@media(min-width: 1300px) {
    .container {
        max-width: 1195px;
    }
}

.py_100 {
    padding: 100px 0;
}

.rubik_bold_48 {
    font-size: 48px;
    line-height: 60px;
}

.btn_red {
    font-family: 'Rubik Bold';
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.rubik_regular_24 {
    font-family: 'Rubik Regular';
    font-size: 24px;
    line-height: 28px;
    color: #303030;
}

@media(max-width: 767px) {
    .sm_font_20 {
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .sm_font_24 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .sm_font_22 {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    .sm_font_28 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .sm_font_26 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    .sm_font_30 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    .sm_font_15 {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    .carousel-indicators {
        bottom: 42px;
    }
    .carousel-indicators li {
        height: 10px !important;
        width: 10px !important;
    }
    .sm_py_50 {
        padding: 50px 0;
    }
}

@media(min-width: 768px) and (max-width: 890px) {
    .rubik_bold_48 {
        font-size: 36px;
        line-height: 48px;
    }
}


/************************* New Css *******************************/

#home_banner {
    padding-top: 84px;
}

.third_mb_50 {
    margin-bottom: 50px;
}

.mb_40 {
    margin-bottom: 40px;
}

#tpSlider .carousel-controls img {
    width: 16px;
}

.carousel-controls a {
    opacity: 1;
}

.pt_70 {
    padding-top: 70px;
}

.pb_70 {
    padding-bottom: 70px;
}

.h_50,
.c_btn {
    height: 50px;
}
.py_40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.courseCard .strikePrice{
    color: #606060;
    margin-right: 10px;
    position: relative;
}
.courseCard .strikePrice::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #606060;
}
.discountRate{
    color: #00084E;
    font-size: 15px;
    margin-bottom: 20px;
    font-family: 'Rubik Medium';
}
.packagePrice img{margin-right: 2px;}
.courseCard {
    border: 0;
    background: transparent;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    height: 100%;
}

.courseCard .card-footer {
    border-radius: 0 0 25px 025px;
    border: 0;
    background: #FFFFFF;
    padding: 0 32px 25px 25px;
}

.courseCard .card-header {
    background: #7783EE;
    border-radius: 25px 25px 0 0;
    border: 0;
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 32px;
}

.courseCard .card-body {
    background: #FFFFFF;
    padding-left: 32px;
}

.courseCard .card-body ul li {
    font-size: 14px;
    padding: 12px 0 0 0;
}

.dottedBtn {
    color: #7783EE;
    background: transparent;
    border: 1px dashed #7783EE;
    border-radius: 10px;
    height: 38px;
    margin-top: 17px;
    text-transform: uppercase;
    width: 100%;
    padding: 0 !important;
}
.headline_mb_30 {margin-bottom: 30px;}
#englishTab .card-header {background: #CE0000;}

#plusTab .card-header {background: #00084E;}

.about_intro_bg .position-absolute {
    top: 58.5%;
    transform: translate(-15%, -50%);
    z-index: -1;
}

.testimonialBg {
    padding-top: 60px;
    background: #FCF2F2;
    height: 495px;
}

hr {
    border-color: #FFCC66;
}

.ctcBg {
    background: #ECF3F9;
    margin-top: 70px;
    padding: 70px 0;
}

.title_mb_20 {
    margin-bottom: 20px;
}

.owl-dots {
    text-align: center;
}

.owl-carousel .owl-dots button {
    margin-right: 9px;
}

.h_slider_2 hr {
    margin-top: 20px;
}

.h_slider_2 .subHeadline {
    margin-top: 25px;
    height: 47px;
    overflow: hidden;
    margin-bottom: 0;
}

.linkArrow img {
    margin-left: 12px;
    transition: transform 0.4s ease;
}

.linkArrow:hover .arrowImg {
    transform: translateX(15px);
}

.linkArrow {
    color: #00084E !important;
}

.slideBg>div {
    border: 1px solid #FFCC66;
    border-radius: 10px;
    padding: 17px;
    height: 100%;
    position: relative;
}

.slideBg .position-absolute {
    bottom: 0;
    width: 100%;
}

.slideBg .card-body {
    margin-bottom: 45px;
}

.slideBg {
    background: #FFFFFF;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
    height: 100%;
}

.owl-stage {
    display: flex;
}

.testimonialBg_outer {
    padding-bottom: 285px;
    margin-top: 20px;
}

.testimonialContent .owl-item {
    padding: 10px;
}

.testimonialContent {
    width: 100%;
    bottom: 0;
    transform: translateY(85px);
    height: 100%;
}

.testimonialContent .owl-dots {
    margin-top: 35px;
}

.testimonialContent .owl-stage-outer {
    margin-left: -18px;
    padding: 4px 8px;
}


/******************** View Packages *********************/

.pc_bg {
    background: #ECF3F9;
    margin-bottom: 155px;
}

.pc_bg_btn {
    font-size: 32px;
    line-height: 42px;
    background: #7783EE;
    border-radius: 5px;
    color: #FFFFFF;
    border: 0;
}

.view_packge_outer {
    position: absolute;
    right: 0;
    top: 32%;
    width: 100%;
}

.view_packge_outer .card {
    width: 358px;
    margin-left: auto;
}

.pc_bg_circle {
    background: url('../images/blue-circle.png') no-repeat;
    background-position: right center;
    padding: 76px 0 157px;
}

.c-pack-border h5.rubik_medium,
.text_primary {
    color: #00084E;
}

.c-pack-border .border-left,
.c-pack-border .border-bottom {
    border-color: #FFCC66 !important;
}

.s_bg {
    background: rgba(119, 131, 238, 0.1);
    border-radius: 25px;
    height: 160px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}


/*********************************** Subscription form ************************/

.subscriptionForm input,
.subscriptionForm textarea,
.subscriptionForm select,
#card-number,
#card-cvc,
#card-expiry {
    border: 1px solid rgba(119, 131, 238, 0.5);
    color: #000000 !important;
    font-family: 'Rubik Light';
    margin-bottom: 30px;
}
.subscriptionForm select{color: #A4A8C8 !important;}
.subscriptionForm input,
.subscriptionForm textarea {
    background: transparent !important;
}

.subscriptionForm select {
    -webkit-appearance: none;
    background: transparent url('../images/down-arrow.png') no-repeat 95% !important;
}

.subscriptionForm input::-webkit-placeholder,
.subscriptionForm input::placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm input::-moz-placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm input::-ms-placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm textarea::-ms-input-placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm textarea::placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm textarea::-webkit-placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}

.subscriptionForm textarea::-moz-placeholder {
    color: #6f6f72;
    font-family: 'Rubik Light';
}
.subscriptionForm select{color: #6f6f72 !important;}
.subscriptionForm form label,
.contact_page label {
    position: absolute;
    background: #ECF3F9;
    left: 25px;
    top: -14px;
    padding: 0 8px;
    font-family: 'Rubik Regular';
    font-size: 14px;
    color: #00084E;
}

.letter_spacing_0 {
    letter-spacing: 0;
}

.yellow_border {
    border: 1px solid #FFCC66;
}


/***************************** Login Page *****************************/

#loginModal .nav button {
    width: 165px;
    border: 1px solid #7783EE;
    height: 50px;
    background: transparent;
    color: #7783EE;
}

#loginModal a.rubik_medium_14 {
    color: #7783EE;
}

#loginModal .nav button.active {
    background: #7783EE;
    color: #FFFFFF;
}

.rubik_medium_14 {
    font-family: 'Rubik Medium' !important;
    font-size: 14px;
    line-height: 22px;
}

#loginModal .tab-content .btn_primary {
    width: 230px;
}


/*********************************************************** Courses Page ****************************************/

.m_tab {
    background: #e4f2fd;
    position: relative;
    z-index: 1;
}

.m_tab_inner {
    padding: 70px 0 358px;
    margin-bottom: 200px;
    position: relative;
}

.m_tab::after {
    content: '';
    display: block;
    background: rgba(119, 131, 238, 0.07);
    height: 756px;
    border-radius: 50%;
    width: 756px;
    position: absolute;
    right: -11%;
    top: 44px;
    z-index: -1;
}

.m_tab_content {
    position: absolute;
    width: 100%;
    bottom: 0;
    transform: translateY(222px);
}

.rounded_block {
    background: #7783EE;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    padding: 32px 25px 40px 32px;
}

.m_tab .border-left,
.m_tab .border-bottom,
.plusTab .border-left,
.plusTab .border-bottom {
    border-color: #FFFFFF !important;
}

#eTab .courseCard .dottedBtn {
    border-color: #CE0000;
}

#eTab .courseCard .dottedBtn,
.text_red {
    color: #CE0000;
}

.m_tab_content .courseCard {
    width: 285px;
}

#eTab .border-bottom,
#eTab .border-left,
.plus_text .border-left,
.plus_text .border-bottom {
    border-color: #FFCC66 !important;
}

#eTab .rounded_block {
    padding: 32px 15px 40px 23px;
}

.sm_border_div {
    padding: 30px 0 30px 30px;
}

#eTab::after {
    display: none;
}

#eTab .row_bg::after {
    background: rgba(206, 0, 0, 0.1);
    height: 511px;
    width: 511px;
    right: -8.1%;
    top: 50%;
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
}

.pt_100 {
    padding-top: 100px;
}

.pb_40 {
    padding-bottom: 40px;
}


/************************************************************* 11 Plus ************************************************/
.plusBanner{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.plusBanner .rubik_medium {color: #FFF;}
@media(min-width: 1200px){
    .plusBanner .rubik_medium {
    font-size: 42px !important;
    }
}
.bg_light_blue {
    background: #ECF3F9;
}

.bg_primary {
    background: #00084E !important;
}

.plusTab {
    padding-top: 58px;
}

.content_after::after,
.borderDiv::after,
.plusTab::after {
    content: '';
    display: block;
    position: absolute;
}

.plusTab::after {
    height: 756px;
    right: -14%;
    width: 756px;
    border-radius: 50%;
    top: 71px;
    background: rgba(119, 131, 238, 0.07);
}

.key_s_1 .pt_70 {
    padding-bottom: 172px;
}

.key_s_1_content {
    position: absolute;
    width: 100%;
    top: 70px;
}

.key_s_1 {
    padding-bottom: 128px;
}

.mt_55 {
    margin-top: 55px;
}


/****************************************** About Us ***************************/

.block_div_1 {
    background: #FFFFFFFF;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    padding: 41px;
}

.block_div_1 p {
    line-height: 24px;
}

.block_div_1 .headline,
.text_secondary {
    color: #7783EE;
}

.owl-dots button.active {
    background: #7783EE !important;
}

.owl-dots button {
    height: 15px;
    width: 15px;
    border: 1px solid #7783EE !important;
    border-radius: 50%;
}

.about-introl-slider .owl-stage-outer {
    padding: 50px 13px 20px;
    margin-left: -16px;
}


/*********************************************** BLogs *********************************/

.bl-cd-body .subHeadline {
    color: #303030;
    margin-top: 30px;
    height: 48px;
    overflow: hidden;
}

.auth span {
    font-family: 'Rubik Regular';
    color: #303030;
}

.auth {
    font-family: 'Rubik Bold';
    color: #303030;
    font-size: 16px;
}

.blog-detail-body img {
    margin: 20px 0 30px;
}

.blog-detail-right .subHeadline {
    margin-top: 25px;
}

.blog-detail-body>img {
    margin: 0 0 50px;
}

.rubik_bold_18 {
    font-family: 'Rubik Bold';
    font-size: 18px;
    line-height: 24px;
}

.blog_detail_lef_col hr {
    margin: 20px 0 42px;
}

.bl-cd-body {
    padding-bottom: 70px;
}

.blog-detail-right .bl-cd-body {
    padding-bottom: 50px;
}

.key_s_2 {
    margin-bottom: 50px;
}

.pb_122 {
    padding-bottom: 122px;
}

.c_intro .courseCard {
    width: 285px;
}

.rs_bg .courseCard {
    width: 358px;
}

.rs_bg .content_after::after {
    background: rgba(119, 131, 238, 0.07);
    height: 519px;
    width: 519px;
    border-radius: 50%;
    top: 45px;
    z-index: -1;
}

.rs_bg {
    padding: 64px 0 70px;
    margin-top: 60px;
    z-index: 1;
}

.alert-success,
.alert,
.payment-errors {
    font-family: 'Rubik Regular';
}


/************************************************************** How it Works Page ****************************************************/

.w_system .content_after::after {
    height: 390px;
    width: 390px;
    background: rgba(119, 131, 238, 0.1);
    border-radius: 50%;
    left: -48px;
    z-index: -1;
}

.w_system .left_0::after {
    left: -48px !important;
    background: #F8F1E4 !important;
}

.borderDiv::after {
    background: #FFCC66;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.w_system .s_2::after {
    background: #FCF2F2;
    left: auto;
    right: -48px;
    top: -35px;
    z-index: -1;
}
.accordion .accordion-button{position: relative;width: 100%;text-align: left;}
.accordion-button::after{
    content: '';
    height: 15px;
    width: 20px;
    top: 12px;
    background: url('../../public/images/down-arrow.png') no-repeat;
    position: absolute;
    right: 15px;
    transition: transform .2s ease-in-out;
    transform: none;
}
.accordion-button:not(.collapsed)::after{
    background: url('../../public/images/down-arrow.png') no-repeat;
    transform: rotate(180deg);
    top: 8px;
}
.font_32{font-size: 32px;line-height: 44px;}
.top_o{top: 0 !important;}
#cookiefy_close{position: static !important;}
.headerNotification{padding: 10px 0;position: fixed;z-index: 999;left: 0;top: 0;}
.headerNotification_container{height: 45px;} 
.headerNotification_container .badge{background: #2CE054;border-radius: 0;color: #00084E;text-transform: uppercase;padding: 6px;font-size: 16px;}
.nav-up {transform: translateY(-100px);}
.gtc{
    background: #ECF3F9;
    padding: 72px 0;
    margin: 70px 0;
}
.gtc .col{
    /* background: url('../images/game-bg.svg') no-repeat top center;
    background-size: contain;
    height: 670px; */
    justify-content: center;
    /* padding-top: 130px;
    position: relative; */
}
.gtc_rightCol{border: 1px solid #FFFFFF;border-radius: 25px;padding: 28px 0 43px;}
.gtc_rightCol .playBtn,.playBtn{
    font-family: 'Rubik Medium';
    font-size: 32px;
    line-height: 44px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    text-transform: uppercase;
    margin: 0 auto 30px;
    background: url('../images/btn-bg.svg') no-repeat top center;
    background-size: contain !important;
    width: 250px;
    height: 80px;
    transition: 0.4s ease;
}
.closeRules{cursor: pointer;}
.rulesDiv ul li p{color: #FFFFFF;padding-left: 24px;}
.rulesDiv ul{overflow: hidden;}
.rulesDiv ul li{list-style:none;position: relative;}
.rulesDiv ul li::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    background: #2CE054;
    top: 5px;
    left: 0;
    position: absolute;
}
.rulesDiv ul li::after{
    content: '';
    position: absolute;
    display: block;
    top: 10px;
    bottom: 25px;
    width: 1px;
    border: 1px solid #FFCC66;
    left: 4px;
    height: 100vh;
}
.greenText{color: #2CE054;}
.gtc .greenText{padding: 20px 0;}
.playBtn:hover,.gtc_rightCol .playBtn:hover{background: url('../images/btn-bg-green.svg') no-repeat top center;color: #FFFFFF;}

@media(max-width: 767px) {
    #cookiefy_close{height: 20px;width: 20px;}
    #cookiefy_bar{position: inherit !important;}
    #cookiefy_cookie-text{padding-left: 6% !important;font-size: 14px !important;}
    .carousel-controls a {
        height: 45px !important;
        width: 45px !important;
    }
    .third_mb_50,
    .headline_mb_30,
    .sm_mb_20,
    .s_bg {
        margin-bottom: 20px !important;
    }
    .bl-cd-body .subHeadline {
        margin-top: 20px;
    }
    .sm_pt_40,
    .about-introl-slider .owl-stage-outer {
        padding-top: 40px;
    }
    .sm_my_20 {
        margin: 20px 0;
    }
    .sm_pb_40,
    .bl-cd-body {
        padding-bottom: 40px;
    }
    .sm_pb_50 {
        padding-bottom: 50px !important;
    }
    .sm_pb_10 {
        padding-bottom: 10px;
    }
    .sm_py_40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sm_px_0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .subscriptionForm textarea,
    .subscriptionForm select,
    .subscriptionForm input,
    .subHeadline,
    .subscriptionForm input::placeholder {
        font-size: 15px;
        line-height: 22px;
    }
    .subscriptionForm form .form-control::-ms-placeholder {
        font-size: 10px;
    }
    .subscriptionForm form .form-control::-moz-placeholder {
        font-size: 10px;
    }
    .subscriptionForm form .form-control::-webkit-placeholder {
        font-size: 10px;
    }
    p {
        font-size: 16px;
    }
    .testimonialContent {
        transform: translateY(40px);
    }
    .carousel-indicators li,
    .owl-dots button {
        height: 10px !important;
        width: 10px !important;
    }
    .view_packge_outer {
        top: 29%;
    }
    .view_packge_outer .card {
        width: 100%;
    }
    .pc_bg_circle {
        padding: 20px 0 800px;
        background-position: bottom left 200px;
        margin-bottom: 219px;
    }
    .sm_border_0 {
        border: 0 !important;
    }
    .c-pack-border .pl-lg-3,
    .plus_text .pl-md-2 {
        border-bottom: 1px solid #FFCC66;
        margin: 0 0 16px;
    }
    .sm_font_14 {
        font-size: 14px !important;
    }
    .sm_font_16 {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .sm_font_13 {
        font-size: 13px !important;
    }
    .sm_font_12 {
        font-size: 12px !important;
    }
    .sm_font_10 {
        font-size: 10px !important;
    }
    #paymentModal form input,
    #paymentModal form input::placeholder {
        border-radius: 0;
        font-size: 14px;
    }
    #paymentModal form input,
    #paymentModal .courseCard .card-header,
    .sm_h_40 {
        height: 40px !important;
    }
    .sm_h_44 {
        height: 44px !important;
    }
    .sm_h_50 {
        height: 50px !important;
    }
    #loginModal .modal-dialog {
        margin: 0;
    }
    #loginModal .modal-content {
        height: 100vh;
    }
    #loginModal .tab-content .btn_primary,
    .sm_w_100 {
        width: 100% !important;
    }
    .sm_w_auto {
        width: auto !important;
    }
    .sm_w_52 {
        width: 52px !important;
    }
    #btnR .btnRed{
        padding: 0 !important;
        justify-content: center;
        font-size: 16px !important;
    }
    .m_tab_content {
        position: relative;
        transform: translateY(42px);
    }
    .m_tab_inner {
        margin: 0;
        padding: 0;
    }
    .rounded_block img {
        transform: rotate(90deg);
    }
    .m_tab::after,
    #eTab .row_bg::after,
    .plusTab::after {
        right: -80%;
        top: 36%;
        height: 471px;
        width: 471px;
    }
    #eTab .row_bg::after {top: 96%;}
    #eTab .sm_border_div {border-color: #FFCC66;}
    .m_tab_inner .sm_border_div,
    .sm_border_div {
        border-bottom: 1px solid #FFFFFF;
        margin: 0 0 14px;
        padding: 0 0 14px;
    }
    .rounded_block {
        padding-left: 38px !important;
    }
    .plusTab::after {
        top: 58%;
    }
    .sm_m_0 {
        margin: 0 !important;
    }
    .sm_pb_0 {
        padding-bottom: 0 !important;
    }
    .key_s_1_content {
        bottom: 12px;
        top: auto;
    }
    .key_s_1 .pt_70 {
        padding-bottom: 800px;
    }
    .key_s_1 {
        padding-bottom: 295px;
    }
    .block_div_1 {
        padding: 38px;
    }
    .rs_bg .content_after::after {
        top: 16%;
        left: 55%;
        width: 471px;
        height: 471px;
    }
    #tpSlider .fig-caption {
        height: 210px;
        overflow: hidden;
    }
    .thank_youPage .content_after::after {
        top: 25%;
        right: -60%;
        height: 350px;
        width: 350px;
    }
    .w_system .content_after::after {
        height: 310px;
        width: 310px;
        top: 82px;
        right: -160px;
    }
    .w_system .circle_1::after {
        left: -36%;
        top: 26%;
    }
    .w_system .left_0::after {left: -160px !important;}
    .circle_50{height: 320px;width: 320px;border-radius: 50%;}
    #workSlider .carousel-controls,#workSlider .carousel-controls a{position: inherit !important;transform: none;}
    #workSlider .carousel-controls{z-index: 1;display: flex;transform: translate(-50%,305px) !important;justify-content: space-between;}
    .smNav .bg-white a{font-size: 14px;}
}
#enquiryModal textarea,#enquiryModal input,#enquiryModal select{height: 42px;font-size: 14px;border-radius: 5px;}
.enquiryStickBtn{
    position: fixed;
    top: 75%;
    right: 26px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: right;
    letter-spacing: 0.8px;
    z-index: 1;
}
.tab-content .courseCard .headline{font-size: 22px;}
.homeTopContent{
    background: url('../../images/hero-img.png') no-repeat right bottom;
}
.coursesDropdown a{padding-right: 0 !important;font-size: 14px;display: block;}
.coursesDropdown{width: 185px;display: none;}
.navbar-nav .nav-item:hover .coursesDropdown{display: block;}
.btnRed {
    font-size: 25px;
    background: #CD0000;
    height: 55px;
    border-radius: 28px;
}
.whatsup-chat{
    position: fixed;
    right: 5%;
    bottom: 8%;
    z-index: 200;
}
.headerNotification_container a{
    font-family: 'Rubik Medium';
}
/******************************************************** RESPONSIVE CSS *********************************************************/
@media(max-width: 340px) and (min-width: 320px) {
    #tpSlider .fig-caption {
        height: 220px;
    }
    .rulesDiv>.row{padding-top: 77px !important;}
    .rulesDiv ul li p{font-size: 13px !important;margin-bottom: 0 !important;line-height: 20px !important;}
}

@media(max-width: 455px) {
    .rulesDiv{position: absolute;top: 0;left: 0;}
    .gtc .col{background: none;background-size: 100% 100% !important;height: auto;padding-top: 0 !important;}
    .gtc .col>.row{position: absolute;top: 50%;transform: translateY(-50%);}
    .gtc_rightCol .playBtn, .playBtn{width: 170px;height: 50px;font-size: 18px;line-height: 32px;}
    .gtc_rightCol{display: inline-block;margin: 0 auto;padding: 18px 15px  0!important;}
    .gtc h2{font-size: 22px !important;line-height: 28px !important;}
    .rulesDiv ul li{margin-left: 6px !important;list-style: none;position: relative;}
    .rulesDiv ul li::before{content: '';width: 8px;height: 8px;display: block;border-radius: 50%;background: #2CE054;top: 5px;left: 0;position: absolute;}
    .rulesDiv ul li::after{left: 3px !important;height: 100vh;}
    .gtc .greenText{font-size: 18px !important;}
    .rulesDiv ul li p{font-size: 14px !important;padding-left: 20px;}
    .gtc .rulesDiv ul{overflow: hidden;margin-bottom: 0;}
    .rulesDiv>.row{padding-top: 130px;}
    #questionTypeImage img{width: 100%;}
    .playVideoDiv{transform: translateY(-25%) !important;}
    .finishBtn{width: 260px !important;height: 70px !important;font-size: 16px !important;transform: translate(-50%,-9px) !important;}
    .resultUser{background: none;height: auto;}
    .transformRow{transform: none !important;}
    .percent_box{background: transparent;padding: 0 15px !important;height: auto;}
    .percent_box>div{background: #00084E;width: 100%;text-align: center;}
    .resultBox{background: #FFCC66;}
    .parentsGame ul li p{height: 26px !important;width: 26px !important;font-size: 10px !important;line-height: 16px !important;}
    .parentsGame ul li{padding-left: 5px;}
    #btnNextQuestion{height: 47px !important;}
    #headerNotification_container .rubik_medium{font-size: 11px;line-height: 16px;}
}
@media(max-width: 370px) and (min-width: 320px) {
    .rulesDiv ul li p{font-size: 13px !important;line-height: 20px !important;}
    .gtc_rightCol .playBtn, .playBtn{font-size: 14px !important;height: 40px;}
    .gtc .rulesDiv .greenText{font-size: 15px !important;line-height: 22px !important;}
    
}

@media(max-width: 390px) and (min-width: 372px) {
    .rulesDiv ul li p{font-size: 13px !important;line-height: 20px !important;}
    
}
@media(max-width: 991px) {
    .whatsup-chat{width: 45px;}
    .borderDiv::after {
        width: auto;
        left: 15px;
        right: 15px;
        height: 1px;
        transform: translate( 0, -50%);
        top: 50%;
    }
    .headerNotification_container .rubik_medium span{font-size: 12px;line-height: 20px;padding: 2px 6px;}
    .top_o{top: 0 !important;}
    .headerNotification_container .rubik_medium{font-size: 14px;line-height: 22px;}
    .headerNotification_container {font-size: 12px;line-height: 20px;padding: 2px 6px;height: 43px;}
    .gtc_rightCol{padding: 15px 0;}
    .gtc .greenText {padding: 8px 0;}
    .rulesDiv ul li p{margin-bottom: 10px;}
    .rulesDiv ul li{margin-left: 10px;}
    .rulesDiv ul li::after{border: 0.75px solid #2CE054;left: 4px;}
    .m_md_auto{margin-left: auto;margin-right: auto;}
    .homeTopContent{background: none;}
    .correctAns{height: auto !important;
        background: #fff url('../images/mobile-g-btn.svg') no-repeat left bottom !important;
        position: relative;
        border: 0.5px solid #7783EE !important;
        padding: 8px 0 !important;
    }
    .coursesDropdown{display: block;position: static !important;}
    .coursesDropdown ul li{margin: 0 0 8px 10px;border: 0 !important;}
    .coursesDropdown ul li a{font-size: 15px !important;color: #FFFFFF !important;padding-bottom: 5px;}
    .coursesDropdown .shadow{background: transparent !important;box-shadow: none !important;}
}

@media(min-width: 992px) {
    #loginModal .modal-content {
        background: #FFFFFF url('../images/loginBg.jpg') no-repeat;
        height: 550px;
    }
    .pt_150 {padding-top: 150px !important;}
    #workSlider .carousel-item{height: 400px;}
    .questionImgCol{flex: 0 0 30.333333%;max-width: 30.333333%;}
    .yAnswerCol{flex: 0 0 19.666667%;max-width: 19.666667%;}
    .nav-link2{padding: 8px 0 !important;text-align: center;font-size: 16px !important;}
    .nav-link2:hover{
        background: #7783EE;
        border-radius: 25px; 
        color: #FFFFFF;
    }
    .coursesDropdown .shadow{border-radius: 25px;}
    .coursesDropdown{transform: translateX(-52px);}
    .headerNotification_container a{font-size: 18px;}
}

@media(min-width: 768px) and (max-width: 991px) {
    .view_packge_outer {
        position: relative;
        margin: -280px 0 50px;
    }
    #loginModal .modal-dialog {max-width: 700px;}
    .md_font_26 {font-size: 26px !important;}
    .md_font_16,
    .subHeadline,
    .courseCard .btn_primary,
    .courseCard .dottedBtn {font-size: 16px !important;}
    .md_font_14,p { font-size: 14px !important;}
    .md_font_24 {font-size: 24px !important;}
    .md_font_22 {font-size: 22px !important;line-height: 28px;}
    .m_tab_inner {
        padding: 70px 0 200px;
        margin-bottom: 302px;
    }
    .m_tab_content {transform: translateY(305px);}
    .m_tab_inner {background-position: right -100% top 44px;}
    .plusTab::after,
    .m_tab::after {
        right: -40%;
        top: 14%;
        height: 500px;
        width: 500px;
    }
    #eTab .row_bg::after {
        width: 400px;
        height: 400px;
        top: 0;
        right: -22.1%;
    }
    .sm_border_div {padding: 23px 0 21px 14px;}
    .md_pt_50 {padding-top: 50px;}
    .key_s_1 .courseCard {width: 300px !important;}
    .headline_mb_30 {margin-bottom: 20px;}
    .about-introl-slider .owl-stage-outer {padding-top: 28px;}
    .mb_40 {margin-bottom: 20px;}
    .ctcBg,.md_py_50 {padding: 50px 0;}
    .owl-dots button {height: 12px;width: 12px;}
    .slide_caption{height: 300px !important;}
    .gtc_rightCol .playBtn, .playBtn{font-size: 14px;line-height: 22px;width: 180px;height: 50px;margin-bottom: 15px;}
    .gtc h2{font-size: 16px;line-height: 22px;}
    .gtc .col-lg-6 h2{font-size: 18px;line-height: 22px;}
    .correctAns, .methodeBtn{width: auto !important;padding: 7px 25px !important;}
    .rulesDiv ul li p{margin-bottom: 2px;font-size: 13px !important;}
    
}

@media(max-width: 991px) {
    .smNav>div{border-radius: 20px;width: 170px;}
    .smNav>div a{padding: 4px 5px 10px 20px;color: #FFFFFF;font-size: 15px;}
    .navbar-nav li a{border: none !important;}
    
}
@media(min-width: 768px) {
    .plus_text .pl-lg-3 {padding-top: 35px;}
    .key_s_1 .courseCard {width: 358px;}
    .circle_50{height: 382px;width: 382px;border-radius: 50%;}
    .gameContainer{
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -60%);
        width: 82%;
    }
}

@media(min-width: 768px) and (max-width: 1190px) {
    .ls_font_18 {font-size: 18px;}
}

@media(min-width: 992px) and (max-width: 1190px) {
    .courseCard .card-header .headline,
    .ls_font_18 {font-size: 18px;}
    .rs_bg .content_after::after {left: -25%;}
    .rulesDiv{padding-left: 0 !important;}
    .rulesDiv .row{padding: 88px 0 0 0 !important;}
}

@media(min-width: 1200px) and (max-width: 1600px) {
    .rs_bg .content_after::after {left: -16%;}
}
@media(min-width: 992px) and (max-width: 1600px) {
    .gtc h2{font-size: 26px;line-height: 34px;}
    .gtc .playBtn{font-size: 18px;line-height: 26px;width: 200px;height: 50px;margin-bottom: 20px;}
    .rulesDiv ul li p{font-size: 14px;line-height: 22px;margin-bottom: 6px;}
    .gtc_rightCol{padding-bottom: 20px;}
    .gtc .greenText{padding: 12px 0;}
    .closeRules img{width: 30%;}
}

@media(min-width: 1610px) {
    .xl_text_right{text-align: right !important;}
    .gtc .col>.row{padding: 0 35px;}
    .gtc_rightCol .playBtn, .playBtn{font-size: 24px;height: 65px;}
    .gtc_rightCol {padding: 28px 0 15px;}
    .gameBgPic{width: 88%;}
}
@media(min-width: 1200px) {
    #paymentModal .modal-dialog {max-width: 915px;}
    #loginModal .modal-dialog {
        max-width: 920px;
    }
}

@media (min-width: 1800px) {
    .pc_bg_circle {
        background-position: right 70px center;
    }
    .gameBgPic{width: 80%;}
}

@media (min-width: 1700px) {
    .plusTab::after {
        right: 0%;
    }
}