@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Mogra&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

:root {
    --primary-color: #260b01;
    --secondary-color: #FF0003;
    --sidebar-bg-color: #0f0400;
    --white-color: #fff;
    --black-color: #101010;
    --bg-light: #E4E9F5;
    --bg-gray: #DDDDF0;
    --dark-blue: #1c3c62;
    --theme-color: #FF0003;
    --text-color: #101010;
    --table-header: #eae9e7;
    --shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    --body-font: 'Hind', sans-serif;
}

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

body {
    font-family: 'Hind', sans-serif;
    color: var(--bg-dark);
    background: var(--white-color);
    font-size: 1rem;
    overflow-x: hidden;
}
a{
    text-decoration: none;
    color: inherit;
}
/* h1,h2,h3,h4,h5,h6{
    font-family: 'Mogra', cursive;
} */
small{
    display: block;
    margin-top: 0.25rem;
    font-size: 13px;
}
section{
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.bg{
    background: var(--bg-gray);
}
.bg2{
    background: var(--dark-blue);
}
.text-yellow{
    color: #eff300 !important;
}
.text-primary{
    color: var(--theme-color) !important;
}
.font-body{
    font-family: 'Hind', sans-serif;
}
.title{
    font-size: 3rem;
    margin-bottom: 1.5rem;
    font-family: var(--heading-font);
}
.mathBtn{
    border-radius: 3rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: 0;
    outline: none;
    padding: 1rem 1.5rem 0.75rem;
    position: relative;
    background:var(--theme-color);
    color: var(--white-color);
    display: inline-flex;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 150px;
    font-size: 1.25rem;
    text-align: center;
    line-height: 1;
}
.mathBtn:hover, .mathBtn:focus{
    background:var(--theme-color);
}
.btnMan {
    display: inline-block;
    padding: 0.75rem 1.25rem 0.5rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid var(--white-color);
    transition: color 0.5s;
    z-index: 1;
    border-radius: 3rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--white-color);
    background: var(--secondary-color);
}

.btnMan:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--theme-color);
    height: 150px;
    width: 350px;
    border-radius: 50%;
}

.btnMan:hover {
    color: #fff;
}

.btnMan:before {
    top: 100%;
    left: 100%;
    transition: all 0.7s;
}

.btnMan:hover:before {
    top: -30px;
    left: -30px;
}

.btnMan:active:before {
    background: var(--theme-color);
    transition: background 0s;
}
.title{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    font-family: 'Roboto Condensed', sans-serif;
}
.title span{
    display: block;
    color: var(--dark-blue);
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Hind', sans-serif;
    margin-bottom: 0.75rem;
}

/* ====================== */
/* HEADER */
/* ====================================== */
.top-bar {
    background-color: var(--primary-color);
    color: white;
    font-size: 0.9rem;
    padding: 5px 0;
}

header{
    position: relative;
    padding: 0.5rem 0;
    background-color: var(--bg-light);
}
.headMyaccount {
    display: flex;
    align-items: center;
}

.topHeader {
    background-color: var(--primary-color);
    color: white;
    font-size: 0.9rem;
    padding: 5px 0;
}

/* ====================== */
/* NAVBAR */
/* ====================================== */
.sticky {
    /* background: var(--bg-gray) !important; */
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0.25rem 1rem !important;
}
nav{
    background: var(--theme-color);
}
.navbar-brand img {
    height: 50px;
    transition: width 0.3s;
    transition-timing-function: linear;
}
.sticky .navbar-brand img {
    height: 40px;
}

.navbar .nav-link {
    padding: 1.15rem 1.25rem 1rem !important;
    text-decoration: none;
    font-size: 1.15rem;
    font-weight: 500;
    color: var(--white-color);
    line-height: 1;
}

.navbar .nav-item:hover .nav-link {
    color: #ffdd00;
}

@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
        min-height: auto !important;
        border-radius: 0;
    }

    .navbar .dropdown-menu {
        display: block;
        opacity: 1;
        transition: all .3s ease-in;
        visibility: hidden;
        box-shadow: 0 5px 20px rgba(197, 208, 216, 0.15);
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        /* margin-top: 10px; */
        border: 0;
        padding: 0;
        min-width: 14rem;
        border-radius: 0;
        box-shadow: 0 10px 20px rgba(15, 39, 125, 0.4);
    }

    .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
        left: 100%;
        right: 0;
        top: -20px;
        box-shadow: 0 10px 10px rgba(15, 39, 125, 0.14);
    }

    .navbar .dropdown-submenu:hover>.dropdown-menu,
    .navbar .dropdown:hover>.dropdown-menu {
        opacity: 1;
        transform: scaleY(1);
        visibility: visible;
    }

    .dropdown-menu a,
    .dropdown-submenu a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 1rem;
        text-decoration: none;
        font-size: 0.9rem;
    }

    .dropdown-menu a:hover,
    .dropdown-submenu a:hover,
    .dropdown-menu a:focus,
    .dropdown-submenu a:focus {
        color: var(--white-color);
        background: var(--theme-color);
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: var(--bs-dropdown-link-active-bg);
    }

    .navbar-brand:focus,
    .navbar-brand:hover {
        color: var(--yellow-color);
    }
}

.navbar-toggler {
    border-color: var(--white-color);
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* ====================== */
/* BANNER */
/* ====================================== */
.banner{
    position: relative;
}
.bannerContent{
    position: absolute;
    width: 100%;
    bottom: 20px;
}


.mockForm{
    background: var(--white-color);
    border-radius: 1rem;
    padding: 2rem;
    position: relative;
}
.mockForm h1{
    font-size: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 700;
}
.mockForm span{
    background: var(--dark-blue);
    padding: 0.25rem 1.25rem;
    border-radius: 0.5rem;
    color: var(--white-color);
    font-size: 1.25rem;
}
.mockForm .form-control{
    border-radius: 0.5rem;
    background: var(--white-color);
    font-size: 1.25rem;
    border-color: var(--theme-color);
    color: var(--black-color);
}
.mockForm .form-control:focus{
    box-shadow: none;
}

.hero-section {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 550px;
    color: var(--white-color);
}
.heroImgSection {
    margin: 0;
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    height: auto;
}

.hero-section h1{
    font-size: 60px;
}

.heroImgSection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.aboutBanner{
    position: relative;
    margin-top: -70px;
}
.aboutAB h2{
    font-size: 48px;
}
.aboutAB ul li{
    list-style: none;
    margin-bottom: 0.5rem;
    font-size: 24px;
    padding-left: 40px;
    position: relative;
}
.aboutAB ul li i{
    position: absolute;
    left: 0;
    top: 3px;
}

/* Team Panel */
/* ====================== */
.teamBox {
    border-radius: 1rem;
    box-shadow: 0 0 10px 4px rgba(31, 66, 135, .1);
    background: #c0c0ce;
    padding: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 10px;
}

.teamBox img {
    border-radius: 0.5rem;
    display: inline-block;
    text-align: center;
}
.teamBox h3 {
    font-size: 1.15rem;
    margin: 15px 0 0;
    opacity: 0.8;
}
.teamBox h3 small {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    margin-top: 0.5rem;
}

/* News Panel */
/* =========================== */
.newsBox{
    background: #f9f9ff;
    padding: 1rem;
    border-radius: 10px;
    position: relative;
    border: 1px solid #ddd;
    overflow: hidden;
}
.newsBox h4{
    background-color: #1c3c62;
    display: block;
    padding: 8px 15px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    display: block;
}
.newsBox .content{
    position: relative;
    max-height: 470px;
}
.newsBox .content a{
    display: block;
    margin-bottom: 10px;
    position: relative;
    /* font-weight: 600; */
    font-size: 15px;
    padding: 0 0 10px 25px;
    border-bottom: 1px dashed #ddd;
}
.newsBox .content a img{
    height: 20px;
}
.newsBox .content a:last-child{
    border: none;
    padding-bottom: 0;
}
.newsBox .content a:before{
    font-family: 'boxicons';
    content: "\ed59";
    position: absolute;
    left: 0;
    top: 0;
    color: #f00;
    font-size: 14px;
}

.contentSample{
    background: #fff;
    padding: 3rem 0;
}
marquee{
    padding: 0.8rem;
    font-size: 13px;
    background: #f9f9f9;
    margin-top: 1rem;
}


/* ===================================
Footer
====================================== */
footer {
    position: relative;
}

footer h2 {
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 1.5rem;
}

footer ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
    margin: 0;
}

footer ul li a {
    display: block;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease-out;
}

footer ul li a:hover {
    padding-left: 0.5rem;
    color: var(--hover-color);
}

footer img {
    width: 30px;
}



/* ======================== */
/* REGISTER MODAL */
/* ========================================== */
.register-modal .modal-dialog{
    max-width: 460px;
}
.register-modal .close {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0rem;
    right: 0rem;
    margin: 1rem;
}
.register-modal .modal-content{
    border: 0;
    border-radius: 0;
    position: relative;
    background: #fff;
}

.courMain ul{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}
.courMain ul li{
    margin-bottom: 0.25rem;
    font-size: 1.15rem;
    font-weight: 500;
}
.courMain ul li i{
    color: #eff300;
    font-size: 1.15rem;
    margin-right: 0.5rem;
}

/* Contact Us */
.contactForm label {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.contactForm input,
.contactForm select,
.contactForm textarea {
    min-height: 50px;
    border-radius: 0.5rem;
    /* padding-left: 1.5rem; */
}

.contactForm input:focus,
.contactForm select:focus,
.contactForm textarea:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 0.2rem rgba(240, 146, 14, 0.25);
    outline: none;
}

.innerBanner {
    min-height: 190px;
    position: relative;
    text-align: center;
}
.breadcrumb {
    display: flex;
    list-style: none;
    padding: 5px 0;
}

.breadcrumb li {
    display: flex;
    align-items: center;
}

.breadcrumb li a {
    text-decoration: none;
    color: var(--theme-color);
    padding: 5px 10px;
    transition: 0.3s;
    font-size: 1rem;
}

.breadcrumb li a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.breadcrumb li::after {
    content: '›';
    margin: 0 5px;
    color: #666;
}

.breadcrumb li:last-child::after {
    content: '';
}

.breadcrumb li:last-child a {
    color: var(--black-color);
    pointer-events: none;
}

.coursesBox{
    position: relative;
    overflow: hidden;
}
/* .coursesBox img{
    opacity: 0.65;
} */
.coursesBox span {
    width: 80%;
    background: rgba(0, 0, 0, 0.8);
    color: #ffff00;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 10%;
    font-size: 2rem;
    border-radius: 3rem;
    padding-top: 0.25rem;
}

.courseList{
    background: var(--bg-gray);
    padding: 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: var(--black-color);
}

/* Photo Gallery */
/* ==================================== */
.portfolio-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 15px 0;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
}

.portfolio-box>img {
    width: 100%;
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-box:hover>img {
    transform: scale(1.05);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-content {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 2;
}

.portfolio-content-box {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    /* padding: 20px; */
    text-align: center;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-content-box a{
    display: block;
    padding: 0.75rem;
    font-size: 1.25rem;
}

.portfolio-box:hover .portfolio-content-box::before {
    top: -30px;
    right: -30px;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-box:hover .portfolio-content-box {
    background-color: var(--theme-color);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-content-box a span {
    color: var(--dark-blue);
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-box:hover .portfolio-content-box a span {
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-content-box .h3-title {
    margin-bottom: 0;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}

.portfolio-box:hover .portfolio-content-box .h3-title {
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}


/******Online Mock Test / Start Exam******/
#online_mock_test_outer_container {
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	overflow:hidden;
}

#online_mock_test_top_section_container {
	height:auto;
	overflow:hidden;
}

#online_mock_test_top_section_heading {
	padding:12px;
	/* font:normal 20px 'meriendabold'; */
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background-color:#101010;
	border-radius:4px;
	/* background-image:url(../images/header-bg01.jpg); */
	background-repeat:repeat;
	background-position:left top;
}

#online_mock_test_top_section_timings {
	margin-top:15px;
	height:auto;
}

#online_mock_test_top_section_timings_btns01, #online_mock_test_top_section_timings_btns02 {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:5px;
	width:100%;
	height:40px;
	/* font:normal 14px 'meriendabold'; */
	color:#fff;
	text-align:center;
	line-height:40px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	background-color:#1565c0;
}

#online_mock_test_top_section_timings_btns02 {
	background-color:#7370a9;
}

#online_mock_test_top_section_jump_to_question {
	margin-top:10px !important;
	width:100%;
	height:auto;
	/* font:normal 16px 'meriendabold'; */
	color:#000;
	text-align:center;
	text-transform:capitalize;
}

#online_mock_test_top_section_jump_to_question select {
	padding:5px;
	width:150px;
	height:35px;
	border:1px solid #3a3a3a;
	border-radius:5px;
}

#online_mock_test_top_section_criteria_container {
	margin-top:20px !important;
	margin:0 auto;
	width:80%;
	height:auto;
	/* font:normal 16px 'meriendabold'; */
	color:#000;
	text-align:center;
	letter-spacing:0.5px;
	text-transform:capitalize;
}

.online_mock_test_top_section_criteria__border {
	margin-left:10px;
	margin-right:10px;
	/* font:normal 16px 'meriendabold'; */
	color:#000;
	text-align:center;
	letter-spacing:0.5px;
	text-transform:capitalize;
}

.online_mock_test_top_section_criteria_01 {
	color:#3c9244;
}

.online_mock_test_top_section_criteria_02 {
	color:#f00;
}

.online_mock_test_top_section_criteria_03 {
	color:#ff9156;
}

#online_mock_test_top_section_question_pagination_container {
	margin-top:10px;
	padding:0 !important;
	height:auto;
}

.pagination_list {
	float:left;
	padding:0 !important;
	margin:0 !important;
	list-style:none;
}

.pagination_list_text {
	display:block;
	float:left;
	margin:4px;
	width:30px;
	height:30px;
	/* font:normal 13px 'meriendabold'; */
	color:#fff;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	border-radius:50%;
}

.pagination_list_text a {
	display:block;
	/* font:normal 13px 'meriendabold'; */
	color:#fff;
	text-align:center;
	line-height:30px;
	text-transform:uppercase;
	background-color:#000;
	border-radius:50%;
}

.attempt a {
	background-color:#3c9244 !important;
}

.not_attempt a {
	background-color:#f00 !important;
}

.mark_for_review a {
	background-color:#ff9156 !important;
}

#online_mock_test_bottom_section_container {
	margin-top:30px;
	height:auto;
	overflow:hidden;
}

#online_mock_test_bottom_section_heading_container {
	height:auto;
	margin-bottom:3px;
}

#online_mock_test_bottom_section_heading_text01, #online_mock_test_bottom_section_heading_text02 {
	margin:0 !important;
	padding:0 !important;
	float:left;
	width:100%;
	height:40px;
	/* font:normal 13px 'meriendabold'; */
	color:#fff;
	text-align:center;
	line-height:40px;
	letter-spacing:0.5px;
	text-transform:uppercase;
	background-color:#1565c0;
}

#online_mock_test_bottom_section_heading_text02 {
	background-color:#7370a9;
}

#online_mock_test_bottom_section_question_pic_container {
	height:auto;
	overflow:hidden;
}

#online_mock_test_bottom_section_question_pic {
	float:left;
	width:100%;
	height:auto;
	text-align:center !important;
	overflow:hidden;
	border:1px solid #000;
}

#online_mock_test_bottom_section_answers_container {
	float:left;
	width:100%;
	height:250px;
	overflow:hidden;
	background-color:#7875ae;
}

#online_mock_test_bottom_section_answers_heading {
	margin-top:20px;
	margin-left:5%;
	width:90%;
	height:40px;
	/* font:normal 14px 'meriendabold'; */
	color:#000;
	text-align:center;
	line-height:40px;
	letter-spacing:0.5px;
	text-transform:capitalize;
	background-color:#FFF;
}

#online_mock_test_bottom_section_answers_option {
	margin-top:15px;
	margin-left:12%;
	width:76%;
	height:auto;
	overflow:hidden;
}

.form-group {
	margin:5px;
	float:left;
	padding:5px;
	padding-bottom:3px;
	width:auto;
	min-width:50px;
	height:auto;
	/* font:normal 15px 'meriendabold'; */
	color:#fff;
	text-align:center;
	letter-spacing:0.5px;
	line-height:15px !important;
	text-transform:uppercase;
	background-color:#2a2a2a;
	border-radius:5px;
}

#online_mock_test_bottom_section_btns_container {
	margin-top:15px;
	margin-left:5%;
	width:90%;
	height:auto;
	overflow:hidden;
}

#online_mock_test_bottom_section_btns {
	margin-bottom:10px;
	float:left;
	width:auto;
	height:auto;
}

.prv-btn, .nxt-btn, .finish-btn {
	padding:12px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	float:left;
	width:auto;
	min-width:105px;
	height:auto !important;
	/* font:normal 15px 'ralewaymedium'; */
	color:#fff !important;
	letter-spacing:0.5px;
	text-transform:capitalize !important;
	background-color:#093ff9 !important;
	border-radius:5px !important; 
	border:0;
}

.nxt-btn {
	margin-left:10px;
}

.finish-btn {
	margin-left:10px;
	color:#fff !important;
	background-color:#fe2e2e !important;
}

.prv-btn:hover, .nxt-btn:hover, .finish-btn:hover, .mark-for-review-btn:hover {
	color:#fff !important;
	background-color:#1a1a1a !important;
}

#online_mock_test_bottom_section_review_btns {
	margin:0 auto !important;
	width:45%;
	height:auto;
	overflow:hidden;
}

.mark-for-review-btn {
	margin-top:5px;
	padding:20px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	float:left;
	width:auto;
	min-width:90px;
	height:auto !important;
	font:normal 13px 'meriendabold';
	color:#2a2a2a !important;
	letter-spacing:0.5px;
	text-transform:capitalize !important;
	background-color:#fff800 !important;
	border-radius:5px !important; 
	border:0;
}

#online_mock_test_bottom_section_review_answers {
	margin-top:20px;
	margin-left:5%;
	width:90%;
	height:auto;
	/* font:normal 14px 'meriendabold'; */
	color:#fff;
	line-height:26px;
	text-align:center;
	letter-spacing:0.5px;
	text-transform:capitalize;
}

#online_mock_test_bottom_section_review_answers span {
	padding:5px;
	margin-top:-5px !important;
}
/******Online Mock Test / Start Exam******/

/******Mock Test Result******/
#mock_test_result_container {
	padding:30px;
	margin:40px auto !important;
	width:80%;
	height:auto;
	overflow:hidden;
	/* font:normal 14px 'meriendabold'; */
	color:#000;
	text-align:center;
	line-height:20px;
	text-transform:capitalize;
	background-color:#e0defb;
}

#mock_test_result_container_heading {
	margin-bottom:2px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #000;
}

#mock_test_result_container_text {
	margin-bottom:2px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #000;
	border-left:0px;
}

#mock_test_result_container_heading01 {
	margin-top:5px;
	padding-top:15px;
	padding-bottom:15px;
	/* font:normal 18px 'meriendabold'; */
	color:#2a2a2a;
	text-align:center;
	text-transform:capitalize;
	background-color:#fff800;
	border:1px solid #000;
}

#mock_test_download_btn {
	margin-top:10px;
	height:auto;
	text-align:center !important;
}

.download-btn {
	padding:50px !important;
	padding-top:12px !important;
	padding-bottom:12px !important;
	width:auto;
	min-width:90px;
	height:auto !important;
	/* font:normal 14px 'meriendabold'; */
	color:#fff !important;
	letter-spacing:0.5px;
	text-transform:capitalize !important;
	/*background-color:#0a40fa !important;*/
	background-image:url(../images/btn01.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	border-radius:5px !important; 
	border:0;
}

.download-btn a {
	color:#fff !important;
}

.download-btn:hover {
	background-color:#ff9156 !important;
}

#mock_test_download_btn01 {
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}

.save-btn {
	padding:30px !important;
	padding-top:12px !important;
	padding-bottom:12px !important;
	width:auto;
	min-width:110px;
	height:auto !important;
	font:normal 14px 'meriendabold';
	color:#fff !important;
	letter-spacing:0.5px;
	text-transform:capitalize !important;
	background-color:#0a40fa !important;
	border-radius:5px !important; 
	border:0;
}

.save-btn a {
	color:#fff !important;
}

.save-btn:hover {
	background-color:#1a1a1a !important;
}
/******Mock Test Result******/


/* ================================ */
/* RESPONSIVE PANEL */
/* ============================================= */
@media(max-width:800px){
    .title{font-size: 1.75rem;}
    .sticky{padding:0.25rem !important;}
    .sticky .navbar-brand img {
        height: 30px;
    }    
    nav {
        background: #e4dbdb;
    }
    .navbar-brand img {
        height: 36px;
    }
    .navbar .nav-link{
        color: var(--black-color);
    }
    .hero-section h1 {
        font-size: 28px;
    }
    .btnMan{
        padding: 0.5rem 1rem 0.35rem;
        font-size: 15px;
    }
    .banner{padding: 1rem 0 0;}
    .bannerContent{margin-bottom: 1rem; text-align: center; min-height: 215px;}
    .bannerContent h2{font-size: 1.5rem;}
    .bannerMain{
        flex-direction: column;
    }
    .aboutAB h2{
        font-size: 30px;
    }
    .about li, .about p, h5, .faqMain header{
        font-size: 1rem;
    }
    .aboutAB ul li{
        font-size: 20px;
    }
    .mockForm{margin-bottom: 1.5rem;}
    .about ol, .about ul{padding-left: 0;}
    .about .faqMain{height: auto;}
    .courMain a{margin: 0.25rem;}
}

@media(max-width:1560px){
    /**Online Mock Test**/
    #online_mock_test_top_section_heading { font-size:14px !important; }
    #online_mock_test_top_section_timings_btns01, #online_mock_test_top_section_timings_btns02 {
    font-size:12px !important; padding-left:10px !important; padding-right:10px !important; }
    #online_mock_test_top_section_criteria_container { width:100% !important; font-size:13px !important; }
    .online_mock_test_top_section_criteria__border { margin-left:5px !important; margin-right:5px !important; 
    font-size:13px !important; }
    #online_mock_test_bottom_section_question_pic { margin-top:15px !important; margin-bottom:15px !important; 
    height:auto !important; }
    #online_mock_test_bottom_section_answers_container { height:auto !important; padding-bottom:20px !important; }
    #online_mock_test_bottom_section_answers_option { width:80% !important; margin-left:10% !important; }
    #online_mock_test_bottom_section_btns_container { width:90% !important; margin-left:5% !important; }
    #online_mock_test_bottom_section_review_btns { }
    /**Online Mock Test**/

    #mock_test_result_container { margin:25px auto !important; width:100% !important; margin-left:0 !important; font-size:13px !important; }

    #dashboard_right_container { min-height:50px !important; width:90% !important; margin-left:5% !important; }
    #dashboard_right_container_content {  min-height:150px !important; }
    #dashboard_give_exam_box { width:100% !important; margin-left:0 !important; }
    #dashboard_result_container { width:100% !important; margin-left:0 !important; font-size:12px !important; }
    #dashboard_result_heading { min-height:70px !important; }
    #dashboard_header { width:90% !important; margin-left:5% !important; }
    #dashboard_header_btn { margin-left:30px !important; }
    #dashboard_header_date { margin-left:30px !important; }

    #forgot_password_container { width:90% !important; }
    #success_container { width:90% !important; }
    #success_heading { font-size:16px !important; }

    #mock_test_result_container_heading01 { font-size:12px !important; padding-top:8px !important; padding-bottom:8px !important; }
    #mock_test_download_btn { float:left !important; }
    .download-btn { font-size:12px !important; padding-left:20px !important; padding-right:20px !important; }
    #mock_test_download_btn01 { margin-left:0px !important; }
    .save-btn { padding:8px !important; min-width:70px !important; }

    #contact_feedback_form_container { margin-top:40px !important; }
    #contact_feedback_form_content { font-size:16px !important; }
}