/**************************************************************************************************
                                             Home Page
***************************************************************************************************/

body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333;
    background-color:#FDF6F2;
    padding-top: 74px;
}

html,body{
    height: 100%;
}

/************************************
buttons
************************************/

.btn-primary{
    max-width: 150px;
    font-size: 16px;
    background-image: linear-gradient(to right, #FC8403 , #FC6274);
    color:#ffffff;
    border:0;
    padding: 8px 12px;
    width: 100%;
}

.large{
    max-width: 100%;
    line-height: 36px;
}

.btn-primary:hover{
    color:#ffffff;
}

.btn-white{
    width: 300px;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    background-color: #ffffff;
    padding:0;
    line-height: 50px;
}
@media only screen and (max-width:426px){
    .btn-white{
        width: 210px;
        font-size: 17px;
    }
}

@media only screen and (max-width:336px){
    .btn-white{
        width: 155px;
        font-size: 15px;
        line-height: 38px;
    }
}


.btn-white:hover{
    background-color: transparent;
    border:1px solid #ffffff;
    color: #ffffff
}

.btn-outline-primary{
    font-size: 16px;
    color: #FC8403;
    font-weight: 500;
    background-color: #ffffff;
    border: 1px solid #FC8403;
    line-height: 38px;
    padding: 0px 18px 0px 18px;
}

.btn-outline-primary:hover{
    background-color: transparent;
    color:  #FC8403;
    border:1px solid #FC8403;
}

.btn-outline-primary img{
    margin-top: -6px;
    padding-right: 16px;
}
@media only screen and (max-width:1100px){
    .btn-outline-primary img{
        padding-right: 7px;
    }
}


button.btn.btn-dark{
    padding: 2px 10px 8px 10px;
    right: -31px;
    position: absolute;
    top: 337px;
    transform: rotate(270deg);
    width: 115px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px 4px 0 0px;
}


/************************************
Buttons
************************************/




/************************************
Typography
************************************/
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
    color: #FC8403;
    margin: 0;
    padding: 2px 0 11px 0;
}

h1{
    font-size: 50px;
}
@media only screen and (max-width:767px){
    h1{
        font-size: 30px
    }
}
@media only screen and (max-width:491px){
    h1{
        padding-bottom: 15px;
    }
}


h2{
    font-size:40px;
}

@media only screen and (max-width:767px){
    h2{
        font-size: 26px
    }
}


h3{
    font-size: 30px;
}
h4{
    font-size: 20px;
}
h5{
    font-size: 18px;
}
h6{
    font-size: 16px;
}

.containt-headding{
    font-size:14px;
}

.org-headding{
    font-size: 31px;
    font-weight: 700;
}
@media only screen and (max-width:767px){
    .org-headding{
        font-size: 22px;
    }
}


p{
    font-size: 18px;
    line-height:1.5;
    color:#333333;
    margin:0;
    padding:0 0 20px 0;
}
@media only screen and (max-width:1071px){
    p{
        font-size: 16px;
    }
}


.mini-headding{
    font-size: 13px;
}

.update{
    font-size: 16px;
    ;
    color: #000000;
    font-weight: 500;
    padding-bottom: 0;
}

.notification-heading{
    font-size: 14px;
    color: #5F6368;
    padding-bottom: 0;
}

.new-update{
    padding: 0px 10px;
    font-size: 11px;
    font-family: Segoe UI;
    color: #ffffff;
    background-color: #FC8403;
    border-radius: 43px;
}

a:hover{
    color: #FC8403;
}

/************************************
typography
************************************/





/************************************
background
************************************/

.background-pink{
    background-image: linear-gradient(to bottom, #FFFFFF, #FDF6F2)
}

.background-green{
    background-image: linear-gradient(to bottom, #F8F5F5, #F6F8F9)
}

.background-white{
    background-color: white;
}

.background-orange{
    background-color:#FC8403;
}

.background-black{
    background-color:#202124;
}

.background-gray{
    background-color: #F1F1F1;
}

li.lightgreen{
    background-color:#25CD71;
}

li.blue{
    background-color: #1B6EAB;
}

/************************************
background end
************************************/





/************************************
colors
************************************/

.color-orange{
    color: #FC8403;
}

.color-black{
    color: #000000;
}

.color-white{
    color: #ffffff;
}

.color-gray{
    color: #5F6368;
}

.correct-ans{
    color: #25CD71;
}

.wrong-ans{
    color: #F60425;
}

.color-red{
    color: #E21717;
}

.active{
    color: #FC8403;
}

/************************************
colors
************************************/

.section{
    padding: 90px 0 90px 0;
}
@media only screen and (max-width:767px){
    .section{
        padding: 40px 0 40px 0;
    }
}

/********mcq***********/
.scrollable,.scrollable_questions{
    padding-top: 90px !important;
}
@media only screen and (max-width:767px){
    .scrollable{
        padding-top: 70px !important;
    }
    .scrollable_questions{
        padding-top: 120px !important;
    }
}


.p-t{
    padding-top: 22px;
}
@media only screen and (max-width:575px){
    .p-t{
        padding-top: 0;
    }
}

.m-t{
    margin-top:35px;
}

.form-control{
    border: 1px solid #000000;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 0px 10px 17px;
    border-radius: 6px;
}

.f-w6{
    font-weight: 600;
}


.m-r{
    margin-right: 15px;
}



/************************************
nav
************************************/
.navbar-brand{
    padding-left: 0;
}

.top-nav .container-fluid{
    display: flex;
}

.top-nav .navbar{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    padding: 10px;
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
    top: 0;
}
.top_menu .navbar{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    padding: 10px;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}
.white_bg{
    padding-top: 0px;
}

@media (min-width:1025px) {
    .top-nav .navbar{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        box-shadow: 0 0 10px rgb(0 0 0 / 16%);
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }
    .white_bg {
        padding-top: 74px;
    }
}
@media (min-width:1281px) {
    .top-nav .navbar{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        box-shadow: 0 0 10px rgb(0 0 0 / 16%);
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }
    .white_bg {
        padding-top: 74px;
    }
}
.top-nav .navbar li.nav-item{
    padding-left: 15px;
}
@media only screen and (max-width:991px){
    .top-nav .navbar li.nav-item{
        padding-left: 20px;
        border-bottom: 1px solid #CCC
    }
    .top-nav a.btn.btn-primary{
        margin-left: 20px;
    }
    .top-nav .navbar-light .navbar-nav .nav-link{
        padding: 15px 0
    }

}


.top-nav .navbar-collapse{
    padding-left: 17px;
}
@media only screen and (max-width:991px){
    .top-nav .navbar-collapse{
        padding-left: 0;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        z-index: 100000;
        background: #FFF;
        padding-bottom: 10px;
        box-shadow: 0px 6px 12px 1px rgb(0 0 0 / 16%);
    }
}


.top-nav .navbar-light .navbar-nav .nav-link{
    font-size: 16px;
    color:#000000;
}

.top-nav .navbar-light .navbar-nav .nav-link:hover{
    color: #FC8403;
}

.top-nav .navbar-light li a.nav-item.nav-item.active{
    color: #FC8403;
}

.top-nav .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active{
    color:#FC8403;
    font-weight: 500;
}

.dropdown-image{
    background: url(../images/down-arrow.png) no-repeat 96%;
    display: block;
    padding-right: 24px;
}

button.show{
    background-color: transparent;
    border: 0
}

button{
    background-color: transparent;
    border: 0;
}

.search-section{
    padding-right: 18px;
}

.search-section ul.dropdown-menu.show{
    left: -140px;
    color: #333333
}
@media only screen and (max-width:991px){
    .search-section ul.dropdown-menu.show{
        left:0px;
    }
    .search-section img{
        margin-left: 15px;
    }
}


/************************************
nav end
************************************/






/************************************
hero-section
************************************/

.hero-section{
    padding: 40px 0 34px 0;
}

.hero-section .banner{
    border: 1px solid #DADCE0;
    border-radius: 6px;
    height: 100%;
}

.notification{
    padding: 14px 12px 10px 22px;
    border: 1px solid #DADCE0;
    border-radius: 6px;
    height: 100%;
}
@media only screen and (max-width:991px){
    .notification{
        margin-top: 15px;
    }
}


.notification .n-detailing{
    border-bottom: 1px solid #DFE4E8;
    padding: 12px 0 12px 0;
    display: flex;
}

.hero-section .n-detailing .notification-imges{
    width: 15%;
}

.notification .n-detailing:nth-child(5){
    border-bottom: 0
}

.notification-detail{
    width:85%;
    padding-left: 6px;
}

.notification-detail a{
    text-decoration: none;
}

.hero-section .banner .left{
    padding-right: 10px;
    padding: 0 10px 0 48px;
}
@media only screen and (max-width:991px){
    .hero-section .banner .left{
        text-align: center;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width:767px){
    .hero-section .banner .left{
        padding:0 20px 20px 20px;
    }
}

@media only screen and (max-width:991px){
    .hero-section .banner .right{
        text-align: center;
    }
}


.hero-section .carousel-indicators [data-bs-target]{
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height:10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ed7c2c;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    transition: opacity 0.6s ease;
    border-radius: 50px;
}

/************************************
hero-section end
************************************/







/************************************
exam section
************************************/

.exam-section{
    text-align: center;
}

@media only screen and (max-width:551px){
    .exam-section .exam-inner{
        display: flex;
        justify-content: center;
    }
}


.exam-section .exam-links ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding:0;
}

.exam-section .exam-links ul li{
    list-style: none;
    width: 31%;
    background:url(../images/right.png) no-repeat 95% #ffffff;
    border: 1px solid #DADCE0;
    border-radius: 4px;
    text-align: left;
    margin: 15px 0px 15px 0px;
    cursor: pointer;
}
@media only screen and (max-width:835px){
    .exam-section .exam-links ul li{
        padding: 13px 0 13px 8px;
    }
}

@media only screen and (max-width:797px){
    .exam-section .exam-links ul li{
        width: 47%;
    }
}

@media only screen and (max-width:553px){
    .exam-section .exam-links ul li{
        width: 58%;
        padding: 0px 0 0px 8px;
        margin: 7px 0px 7px 0px;
    }
}

@media only screen and (max-width:459px){
    .exam-section .exam-links ul li{
        width: 100%;
    }
}


.exam-section .exam-links ul li:hover{
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

.exam-section .exam-links ul li a{
    text-decoration: none;
    font-size: 14px;
    color:#333333;
    font-weight:500;
    display: block;
    padding: 13px 0 13px 16px;
}

.exam-section .exam-links ul li a span{
    margin-left: 12px;
}

/************************************
exam section end
************************************/






/************************************
select exam section
************************************/

.select-exam-section{
    text-align: center;
}


.select-exam-section .tab-section .nav-tabs{
    padding-bottom: 19px;
    border-bottom: 1px solid #FC8403;
}
@media only screen and (max-width:1071px){
    .select-exam-section .tab-section .nav-tabs{
        display: flex;
        justify-content: center;
    }
}


.select-exam-section .nav-tabs .nav-link{
    background-color: #5F6368;
    color: #ffffff;
    margin-right: 13px;
    width: 12%;
    line-height: 25px;
}
@media only screen and (max-width:1071px){
    .select-exam-section .nav-tabs .nav-link{
        padding: 10px 0px 10px 0px;
    }
}

@media only screen and (max-width:624px){
    .select-exam-section .nav-tabs .nav-link{
        font-size: 16px;
        line-height: 12px;
        padding: 10px 5px 10px 5px;
        width: auto !important;
        margin-top: 30px;
    }
}

@media only screen and (max-width:358px){
    .select-exam-section .nav-tabs .nav-link{
        font-size: 14px;
        width: 18%;
    }
}


.select-exam-section  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color:#FC8403;
}


/************************************
select exam section end
************************************/




/************************************
exam-prepration section
************************************/

.exam-prepration{
    text-align: center;
    background-color: #FC8401;
    position: relative;
}

.exam-prepration:before{
    content: '';
    background: url(../images/cta-vector.png) no-repeat 151% 13%;
    display: inline-block;
    width: 81%;
    height: 200px;
    background-size: 70%;
    position: absolute;
    overflow: hidden;
    background-position-y: -46px;
    bottom: -50px;
    right: 0;
}

.exam-prepration:after{
    content: '';
    background: url(../images/cta-vector.png) no-repeat -136% 0%;
    display: inline-block;
    width: 81%;
    height: 200px;
    background-size: 70%;
    position: absolute;
    overflow: hidden;
    background-position-y: -46px;
    left: -31px;
    top: 0px;
}

.exam-prepration h3{
    padding: 5px 0 30px 0;
}


/************************************
exam-prepration section end
************************************/




/************************************
exam-prepration section end
************************************/

.youtube-section{
    text-align: center;
}

.youtube-section .img-section{
    display: flex;
}
@media only screen and (max-width:767px){
    .youtube-section .img-section{
        justify-content: center;
    }
}


.youtube-section  .img-section img{
    width: 100%;
}

.youtube-section  .y-detail{

    text-align: left;
}
@media only screen and (max-width:767px){
    .youtube-section  .y-detail{
        text-align: center;
        padding-bottom: 35px;
    }
}


.youtube-section  .y-detail h6{
    padding:10px 0;
    color: #000000;
    font-weight: 500;
}
@media only screen and (max-width:720px){
    .youtube-section  .y-detail h6{
        font-size: 15px;
    }
}

.youtube-section  .y-detail p{
    font-size: 14px;
}

/************************************
exam-prepration section end
************************************/







/************************************
testimonial section
************************************/

.testimonial-section{
    text-align: center;
    background: url(../images/b1.png) no-repeat -1% 24% ,url(../images/b2.png) no-repeat 101% 13%;
    padding: 158px 0px 158px 0px;
}
@media only screen and (max-width:972px){
    .testimonial-section{
        background: url(../images/b1.png) no-repeat -1% 51%
            ,url(../images/b2.png) no-repeat 106% 51%;
        background-size: 35%;
        padding: 56px 0px 139px 0px;
    }
}
@media only screen and (max-width:768px){
    .testimonial-section{
        background: none
    }
}


.testimonial-section .carousel-indicators{
    position: absolute;
    right: 0;
    bottom: -98px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

.testimonial-section .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 9px;
    height: 9px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FF6D00;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    transition: opacity 0.6s ease;
    border-radius: 95px;
}

.testimonial-section p{
    font-size: 28px;
    color: #1A1E2E;
    font-weight: 500;
    padding: 0 214px 0px 214px;
}
@media only screen and (max-width:904px){
    .testimonial-section p{
        padding: 25px 32px 0px 25px;
    }
}

@media only screen and (max-width:575px){
    .testimonial-section p{
        font-size: 19px;
        padding: 25px 32px 0px 25px;
    }
}


.testimonial-section span{
    font-size: 22px;
    color: #1A1E2E;
    font-weight:500;
    font-family: poppins;
    padding-top: 40px;
    display: block;
}


/************************************
testimonial section
************************************/








/************************************
footer section
************************************/

.footer{
    padding: 50px 0 35px 0;
}
@media only screen and (max-width:575px){
    .footer{
        text-align: center;
    }
}


.footer p{
    font-size:14px;
    color: #ffffff;
    padding: 8px 10px 0px 0px;
}
@media only screen and (max-width:815px){
    .footer p{
        font-size: 13px;
    }
}


.footer .inner .bottom{
    display: flex;
    padding-top: 20px;
}
@media only screen and (max-width:575px){
    .footer .inner .bottom{
        justify-content: center;
    }
}

.footer .inner{
    font-size: 16px;
    color: #ffffff;
}
@media only screen and (max-width:575px){
    .footer .inner{
        margin-top: 30px;
    }
}


.footer .inner .bottom a{
    margin-right: 10px;
}

.footer .inner h6{
    font-weight: 400;
    padding-bottom: 15px;
}
@media only screen and (max-width:823px){
    .footer .inner h6{
        font-size: 14px;
    }
}

@media only screen and (max-width:575px){
    .footer .inner h6{
        margin-top: 43px;
        font-size: 20px;
    }
}


.footer .inner ul{
    padding-left: 21px;
}
@media only screen and (max-width:575px){
    .footer .inner ul{
        padding-left: 0;
        margin: 0;
    }
}


.footer .inner ul li{
    color: #ffffff;
    padding-bottom: 6px;
}
@media only screen and (max-width:575px){
    .footer .inner ul li{
        list-style: none;
    }
}


.footer .inner ul li a{
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
@media only screen and (max-width:823px){
    .footer .inner ul li a{
        font-size: 13px;
    }
}

.footer .inner ul li a:hover{
    color: #FC8403;
}


.footer .follow{
    width: 100%;
    
    border-bottom:1px solid #ffffff21;
    padding: 0px 0 17px 0;
}

.footer .follow .left{
    
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom:10px;
}
@media only screen and (max-width:767px){
    .footer .follow .left{
        text-align: center;
        padding-bottom:20px;
    }
}


.footer .follow ul{
    padding:0;
}
@media only screen and (max-width:767px){
    .footer .follow ul{
        display: flex;
        justify-content: center;
    }
}


.footer .follow ul li{
    list-style: none;
}

.footer .follow ul li a{
    list-style: none;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    border: 1px solid #ffffff;
    margin-right: 12px;
    line-height: 35px;

}
@media only screen and (max-width:388px){
    .footer .follow ul li a{
        width: 36px;
        height: 36px;
        padding: 0;
        margin-right: 6px;
    }
}


.footer .follow ul li a:hover{
    background-color: #FC8403;
}

.footer .copy-right .left{
    text-align: left;

}
@media only screen and (max-width:575px){
    .footer .copy-right .left{
        text-align: center;
    }
}


.footer .copy-right .right{
    text-align:right;
}
@media only screen and (max-width:575px){
    .footer .copy-right .right{
        text-align: center;
    }
}

.footer .copy-right a{
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
}
.footer .copy-right a:hover{
    color:  #FC8403;
}

.footer .copy-right p{
    font-size: 14px;
    color: #ffffff;
}

/************************************
footer section end
************************************/







/************************************
sidebar section
************************************/


button.btn.btn-dark img{
    margin-right: 5px;
}

.sidebar-pannel .offcanvas-end{
    width: 350px;
}

.sidebar-pannel h4{
    font-weight: 600;
}

.sidebar-pannel .offcanvas-end  .nav-pills .nav-link{
    background-color:#787878;
    font-size: 16px;
    font-family: Segoe UI;
    line-height: 10px;
    color: #ffffff;
    padding: 9px 14px 9px 14px;
    margin-right: 10px;
}

.sidebar-pannel .offcanvas-header{
    padding: 15px 10px 8px 20px;
}

.sidebar-pannel .offcanvas-end  .t-n-link{
    border-top: 2px solid #DEDEDE;
    padding: 18px 0px 0px 10px;
}

.sidebar-pannel .offcanvas-end
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{
    background-color:#FC7F11
}

.sidebar-pannel .tournaments .detail img{
    margin: 0 4px 2px 0;
}

.exam-week{
    padding: 19px 0px 7px 0px;
    border-bottom: 1px solid #787878;
}


.accordion-button::after{
    content: "";
    background-image: url("../images/plus.svg");
    margin-bottom: 10px;
}

.accordion-button:not(.collapsed)::after{
    content: "";
    background-image: url("../images/minus.svg");
    margin-bottom: 10px;
}

.accordion-body{
    padding: 8px 0 8px 0;
}

.accordion-body ul{
    padding:0;
}

.accordion-body ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #C2B9B9;
    padding: 16px 0 7px 0;
    font-size: 16px;
    font-weight: 500;
}

.accordion-body ul li a{
    font-size: 14px;
    text-decoration: none;
    color:#000000;
}

.accordion-body ul li a:hover{
    color: #FC7F11;
}

.accordion-body ul li a img{
    padding-left: 8px;
    margin-top: -3px;
}

.accordion-item{
    border:0;
}

.accordion-item h3{
    font-size: 20px;
    color: #000000;
}

.accordion-button{
    padding: 7px 0px 15px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    border-bottom: 1px solid #707070;
}
@media only screen and (max-width:767px){
    .accordion-button{
        font-size: 15px;
    }
}


.accordion-button span{
    font-size: 12px;
    color: #777777;
    padding-left: 15px;
}

.accordion-button:not(.collapsed){
    color: #000000;
}


/************************************
sidebar section end
************************************/

/**************************************************************************************************
                                           Home Page End
***************************************************************************************************/






/**************************************************************************************************
                                            Contact Page
***************************************************************************************************/


.hero-inner .left{
    padding: 20px 0 0px 0;
}

.hero-inner .right{
    padding: 18px 0 0 0;
    text-align: right;
}

.hero-inner .right img{
    max-width: 100%;
}


/************************************
contact section
************************************/

.contact .contact-inner{
    max-width: 980px;
    margin:auto;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    border-radius: 6px;
    padding: 60px 80px 60px 80px;
    width: 100%
}

@media only screen and (max-width:767px){
    .contact .contact-inner{
        padding: 60px 22px 60px 22px;
    }
}

@media only screen and (max-width:551px){
    .contact .contact-inner .peragraph{
        padding:0;
    }
    .contact .contact-inner h2{
        font-size: 26px;
    }
}


.contact .contact-inner h5{
    padding-bottom: 9px;
}

.contact .contact-inner .form-section{
    width:100%;
    text-align: left;
}
@media only screen and (max-width:767px){
    .contact .contact-inner .form-section{
        text-align: center;
    }
}

@media only screen and (max-width:551px){
    form{
        margin-top: 20px;
    }
}


.contact button.btn.btn-primary{
    min-height: 50px;
    margin-top: 4px;
    font-size:22px;
}
@media only screen and (max-width:392px){
    .contact  button.btn.btn-primary{
        width: 187px;
        font-size: 17px;
        min-height: 36px;
    }
}


.contact textarea{
    color: gray;
    border: 1px solid #000000;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 0px 10px 17px;
    border-radius: 6px;
    height: 134px;
    margin-bottom: 13px;
    width: 100%;
}

.contact .timer{
    margin-top: 75px;
    text-align: center;
}

.contact .timer a{
    color: #000000;
    font-weight: 700;
}

/************************************
contact section end
************************************/



/**************************************************************************************************
                                         Contact Page End
***************************************************************************************************/






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


/************************************
login section
************************************/

@media only screen and (max-width:551px){
    .login-section .login h5{
        padding: 5px 20px 35px 0px;
        font-size: 17px;
    }
}


.login-section .login{
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    border-radius: 6px;
    padding: 60px 55px 67px 55px;
}
@media only screen and (max-width:402px){
    .login-section .login{
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width:551px){
    .login-section .peragraph{
        padding: 6px 0px 17px 0px;
    }
}


.login-section .login .forget{
    text-align: center;
    margin-top: 30px;
}

.login-section .login .forget a{
    font-size: 18px;
    color: #000000;
}

.form-section{
    margin-bottom: 40px;
}

/************************************
login section end
************************************/




/************************************
create section
************************************/

.login-section .create{
    padding: 60px 55px 67px 55px;
}
@media only screen and (max-width:551px){
    .login-section .create h5{
        padding: 5px 20px 35px 0px;
        font-size: 17px;
    }
}

@media only screen and (max-width:402px){
    .login-section .create{
        padding: 60px 20px 67px 20px;
    }
}


.login-section label{
    font-size: 18px;
}

.login-section .form-check-input{
    border: 1px solid black;
    float: left;
    margin-left: -1.5em;
    margin-top: 6px;
}

.login-section .create .form-check{
    margin-bottom: 1.125rem;
}

/************************************
create section end
************************************/


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






/**************************************************************************************************
                                          Test Series Page 
***************************************************************************************************/


.test-series{
    text-align: center;
}

.test-series .left-pannel{
    text-align: left;
}

.test-series .left-pannel .nav{
    display: block;
}

.test-series .left-pannel a{
    font-size: 16px;
    color: #000000;
    margin:8px 0 8px 0;
    padding-left: 20px;
    text-decoration: none;
}

.test-series  .nav-pills .nav-link{
    font-size: 16px;
    color: #000000;
    margin:8px 0 8px 0;
    text-align: left;
}
@media only screen and (max-width:1071px){
    .test-series  .nav-pills .nav-link{
        font-size: 14px;
    }
    .test-series .left-pannel h4{
        font-size: 18px;
    }
}

@media only screen and (max-width:906px){
    .test-series  .nav-pills .nav-link{
        font-size: 10px;
    }
    .test-series .left-pannel h4{
        font-size: 16px;
    }
}

@media only screen and (max-width:906px){
    .test-series .left-pannel .nav{
        display: inline;
    }
}


.test-series .nav-link.active, .nav-pills .show > .nav-link{
    font-weight: 500;
    background-color: #FC810B;
    color: #ffffff;
    width: 250px;
    text-align: left;
}
@media only screen and (max-width:1071px){
    .test-series .nav-link.active, .nav-pills .show > .nav-link{
        width: 200px;
    }
}

@media only screen and (max-width:851px){
    .test-series .nav-link.active, .nav-pills .show > .nav-link{
        width: 165px;
    }
}


.test-series .right-pannel{
    width: 100%
}

.test-series .t-series-list{
    width: 100%;
    margin-bottom: 30px;
}

.test-series .t-series-list .card{
    display: grid;
    text-align: left;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    border:0;
}
@media only screen and (max-width:767px){
    .test-series .t-series-list .card{
        margin-bottom: 30px;
    }
}


.test-series .t-series-list .card .card-bottom{
    padding: 9px 0px 20px 18px;
}
@media only screen and (max-width:1071px){
    .test-series  .card .card-bottom{
        padding: 9px 18px 20px 18px;
    }
}

@media only screen and (max-width:767px){
    .test-series  .card .card-bottom{
        text-align: center;
    }
}


.test-series  .card .card-bottom a.btn.btn-primary{
    max-width: 214px;
    width: 100%;
}
@media only screen and (max-width:851px){
    .test-series .card .card-bottom a.btn.btn-primary{
        font-size: 13px;
    }
}


.test-series .card ul{
    padding:0;
}

.test-series .card ul li{
    list-style: none;
    font-size: 13px;
    padding: 5px 0 5px 0;
}

.test-series .card ul li a{
    text-decoration: none;
    color:#666666;
}

.test-series .card .card-body{
    border-bottom: 1px solid #dddbdb;
    padding: 18px 0px 8px 18px;
}
@media only screen and (max-width:1071px){
    .test-series .card .card-body{
        padding: 18px 18px 8px 18px;
    }
}

@media only screen and (max-width:767px){
    .test-series .card .card-body{
        text-align: center;
    }
}


.test-series .card .card-body a{
    text-decoration: none;
}


/**************************************************************************************************
                                         Test Series Page End
***************************************************************************************************/





/**************************************************************************************************
                                            Exam Quiz Page
***************************************************************************************************/

.questions{
    padding-left: 50px;
}
@media only screen and (max-width:767px){
    .questions{
        padding: 50px 0 0 10px;
    }
}


.questions .select-question{
    padding-bottom: 35px;
    margin-top: 25px;
}

.questions .select-question ol {
    font-size: 16px;
    font-weight: 600;
}

.questions .select-question ol li{
    margin: 10px 0;
}


.select-question h4{
    padding-bottom: 18px;
    color: #000000;
}


.select-question label{
    font-size: 16px;
    font-weight: 600;
}
@media only screen and (max-width:575px){
    .select-question label{
        font-size: 14px;
    }
}


.select-question .form-check-input{
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    border: 1px solid #FC8304;
}

.select-question .form-check{
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin: 11px 0px 11px 0px;
    color: #333333;
}

.select-question .form-check-input:checked{
    background-color: #fc8304;
    border-color: #fc8304;
}

.exam-quiz .Questions button.btn.btn-primary{
    width: 250px;
    line-height: 43px;
    font-size: 23px;
}
@media only screen and (max-width:767px){
    .exam-quiz .Questions button.btn.btn-primary{
        width: 168px;
        line-height: 23px ;
        font-size: 19px;
    }
}

.select-question a{
    font-size: 13px;
    color: #FC8304;
    font-weight: 700;
}

.select-question .card-body{
    font-size: 13px;
    color: #000000;
    padding: 22px 25px 48px 25px;
    margin-top: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

/************************************
model
************************************/

.alert-model .modal-content{
    max-width: 500px;
    margin: auto;
}

.alert-model .modal-content strong{
    font-size: 36px;

}

/************************************
model end
************************************/


/**************************************************************************************************
                                          Exam Quiz Page End
***************************************************************************************************/





/**************************************************************************************************
                                            Tournament Page
***************************************************************************************************/


.tournament{
    width: 80%;
}
@media only screen and (max-width:767px){
    .tournament{
        margin: auto;
        width: 95%;
    }
}


.strips{
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    padding: 24px 0px 24px 18px;
    border-radius: 6px;
    margin-bottom: 30px;
}
@media only screen and (max-width:767px){
    .strips{
        padding: 24px 18px 24px 18px;
        text-align: center;
    }
}


.strips img{
    margin-bottom: 15px;
}
@media only screen and (max-width:767px){
    .strips .detail{
        width: 100%;
    }
}


.strips .detail .time{
    display: flex;
    padding-top: 8px;
}
@media only screen and (max-width:767px){
    .strips .detail .time{
        justify-content: center;
    }
}


.strips .detail .time img{
    margin-bottom: 3px;
    padding-right: 6px;
}

.strips .detail a.btn.btn-primary{
    margin-top: 15px;
    max-width: 149px;
}

.strips h6{
    color: #000000;
}

.gift{
    width: 80%;
    border-radius: 6px;
    border: 1px solid #ebdfdf;
    padding: 21px 30px 0px 35px;
}
@media only screen and (max-width:767px){
    .gift{
        margin:auto;
        width: 95%;
    }
}


.gift .detail{
    width: 100%;
}

.gift h3{
    line-height: 40px;
    padding: 31px 154px 16px 0;
    color: #000000;
}
@media only screen and (max-width:476px){
    .gift .detail h3{
        padding: 8px 0px 16px 0;
    }
}


.gift .detail h2{
    font-size: 38px;
}
@media only screen and (max-width:476px){
    .gift .detail h2{
        font-size: 23px;
    }
}


.tournament-section h4{
    font-weight: 600;
    font-size: 30px;
}
@media only screen and (max-width:767px){
    .tournament-section h4{
        margin-left: 20px;
        font-size: 24px;
    }
}


.q-section{
    margin-top: 75px;
}

.q-section h4{
    color: #000000;
}

/************************************
f a q 
************************************/


.q-section .f-a-q{
    width: 80%;
    border-radius: 6px;
    border: 1px solid #ebdfdf;
    padding: 23px 30px 35px 35px;
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .q-section .f-a-q{
        margin:auto;
        width: 95%;
    }
}


/************************************
f a q end
************************************/



/**************************************************************************************************
                                        Tournament Page End
***************************************************************************************************/






/**************************************************************************************************
                                      Tournament Round Page 1
***************************************************************************************************/


.start-timer{
    width: 100%;
}

.start-timer .left{
    text-align: left;
    font-size: 22px;
    font-weight: 700;
}

.main-pannel{
    display: flex;
    /*height: 100%;*/
}
@media only screen and (max-width:576px){
    .main-pannel{
        flex-direction: column;
    }
}

.main-pannel .left-pannel{
    width: 75%;
    padding-top: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width:991px){
    .main-pannel .left-pannel{
        width: 60%;
    }
}
@media only screen and (max-width:576px){
    .main-pannel .left-pannel{
        width: 100%;
    }
}


.main-pannel .left-pannel .q-submit{
    padding: 17px 23px 17px 23px;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}
@media only screen and (max-width:333px){
    .main-pannel .left-pannel .q-submit{
        flex-direction: column;
    }
}

.submit-btns-left{
    width: 80%;
}
@media only screen and (max-width:825px){
    .submit-btns-left .btn-primary{
        margin-top: 10px;
    }
}
@media only screen and (max-width:576px){
    .submit-btns-left .btn-primary{
        margin-top: 0px;
    }
}
@media only screen and (max-width:495px){
    .submit-btns-left .btn-primary{
        margin-top: 10px;
    }
}

.submit-btns-right{
    text-align: right;
}
@media only screen and (max-width:333px){
    .submit-btns-right{
        text-align:left;
        margin-top: 10px;
    }
}

.main-pannel .right-pannel{
    max-width: 25%;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    padding: 26px 11px 0px 22px;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width:991px){
    .main-pannel .right-pannel{
        max-width:40%;
    }
}
@media only screen and (max-width:572px){
    .main-pannel .right-pannel{
        max-width:100%;
    }
}

.main-pannel .right-pannel ul{
    padding: 0;
}

.main-pannel .right-pannel ul li{
    list-style: none;
    width: 40px;
    height: 40px;
    border:1px solid #707070;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    margin: 0px 9px 10px 0px;
    line-height: 38px;
}

.main-pannel .legend-section{
    margin-top: auto;
}

.main-pannel .legend-section p{
    font-size: 14px;
    padding: 0;
    position: relative;
    padding: 0px 0px 13px 25px;
}

.main-pannel .legend-section p:before{
    width: 20px;
    height: 20px;
    background-color:#ffffff;
    content: "";
    position: absolute;
    left: 0;
    border-radius: 20px;
    border:1px solid #707070;
}

.main-pannel .legend-section p.green:before{
    background-color: #25CD71;
}

.main-pannel .legend-section p.blue:before{
    background-color: #1B6EAB;
}

.main-pannel .legend-section p.orange:before{
    background-color: #FC8403;
}




/**************************************************************************************************
                                     Tournament Round 1 Page End
***************************************************************************************************/






/**************************************************************************************************
                                       Test Series Detail Page
***************************************************************************************************/



.test-series-detail .exam-round-details{

    margin-top: 35px;
}

.test-series-detail .details .exam-round-details .Attend-header{
    text-align: center;
    border-radius: 2px;
    margin: 10px 0px 20px 0px;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    padding: 0 14px;
}
@media only screen and (max-width:575px){
    .test-series-detail .details .exam-round-details .Attend-header{
        padding: 10px 14px;
    }
}

@media only screen and (max-width:991px){
    .test-series-detail a.btn.btn-outline-primary{
        margin-top: 10px;
    }
}

@media only screen and (max-width:767px){
    .test-series-detail .details{
        text-align: center;
        margin-top: 10px;
    }
}

.test-series-detail .unlock .unlock-section{
    margin-top: 6px;
}
@media only screen and (max-width:991px){
    .test-series-detail .unlock .unlock-section{
        margin-bottom: 20px;
    }
}

/**************************************************************************************************
                                      Test Series Detail Page End
***************************************************************************************************/






/**************************************************************************************************
                                            Old Paper Page
***************************************************************************************************/


.old-paper .accordion-body ul li{
    border:0;
    padding: 0px 0 7px 0;
}

.old-paper .accordion-body .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color:#FC8304;
}

.old-paper .accordion-body .nav-pills .nav-link{
    color: #ffffff;
    background-color: #787878;
    padding: 2px 10px;
    font-size: 15px;
    margin-right: 8px;
}

.old-paper .accordion-body{
    padding: 30px 0 45px 0px;
    margin-bottom: 30px;
}
@media only screen and (max-width:767px){
    .old-paper .accordion-body{
        padding: 8px 0px 8px 0px;
    }
}

@media only screen and (max-width:767px){
    .old-paper .details{
        margin-top: 10px;
        text-align: center;
    }
}

@media only screen and (max-width:767px){
    .old-paper .accordion-body ul{
        justify-content: center;
        padding: 0px 10px 0px 10px;
    }
}

.old-paper .accordion-item:last-of-type .accordion-collapse{
    padding: 10px 0;
}

.old-paper .accordion-flush .accordion-item{
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    border-radius: 6px;
}

.old-paper .accordion-flush .accordion-item h2{
    padding: 0;
}

.old-paper .accordion-flush .accordion-item .accordion-button{
    color: #000000;
    border-radius: 6px;
    padding: 17px 10px 7px 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
    margin-bottom: 30px;
}

.old-paper .paper-links a img{
    margin-top: -2px;
    padding-right: 10px;
}

.old-paper .accordion-body .btn-outline-primary{
    margin-bottom: 10px;
}


/************************************
model
************************************/
.paper-modal.modal{
    top: 0;

}

.paper-modal .modal-content{
    border-radius: 0;
}

.paper-modal .modal-header{
    flex-direction: column;
    text-align: left;
    justify-content: inherit;
    align-items: inherit;
    padding: 0px 10px 30px 66px;
}

.paper-modal .modal-body{
    height: 86vh;
    overflow: scroll;
    background:url(../images/watermark.svg) no-repeat center center;
    background-size: 90%;
}

.paper-modal .modal-header .btn-close {
    position: fixed;
    top: 13px;
    right: 30px;
}

.paper-modal .modal-header h6{
    font-size: 24px;
    font-weight: 700;
    padding: 6px 0px 0px 0px;
}

@media (min-width: 576px){
    .paper-modal .modal-dialog {
        max-width: inherit;
        margin: 0;
    }
}
.examinatin-section .strips .detail img{
    margin-right: 5px;
    margin-bottom: 3px;
}
@media only screen and (max-width: 767px)
{
    #tournament_div .time.row, .tournament-section .time.row {
        margin-bottom: 10px;
    }
}





/**************************************************************************************************
                                         Old Paper Page End
***************************************************************************************************/





/**************************************************************************************************
                                             MCQ page 
***************************************************************************************************/

.examweek-box ul{
    padding: 0;
}

.examweek-box ul li{
    list-style: none;
    border-bottom: 1px solid #787878;
}

.examweek-box ul li a{
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 0px 0px 14px 0px;
}

.examweek-box ul li a :hover{
    color: #FC8403;
}


/**************************************************************************************************
                                           MCQ page end 
***************************************************************************************************/






/**************************************************************************************************
                                            Exam page
***************************************************************************************************/

.nav-strip{
    box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}

.nav-strip ul{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}


.nav-strip ul li{
    list-style: none;
    padding: 10px 0;
}

.nav-strip ul li a{
    color: #3e3b3b;
    margin-right: 16px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}

.links a{
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
}

/**************************************************************************************************
                                          Exam page end
***************************************************************************************************/

/************pagination**************/
.page-display {
    float: right;
}
.pagination b {
    border: 1px solid #999999;
    transition: background-color .3s;
    text-decoration: none;
    padding: 8px 16px;
    color: #fff;
    background: #999999;
    float: left;

}
.pagination a:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination a:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination .label-pagination {
    float: left;
}
.pagination .active a:hover {
    background: #999999;
}

.pagination {
    display: inline-block;
    width: 100%;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination .active a {
    background-color: #FC8403;
    color: white;
    border: 1px solid #FC8403;
}

.pagination .active a:hover:not(.active) {
    background-color: #ddd;
}

.pagination-btns {
    float: right;
}
/********* end pagination ***********/
.box_bordered{
    border: 1px solid #FC8403;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #fff;
}

.ans_check{
    margin-right: 10px;
}
.question_heading{
    display: table;
}
.question_no{
    display: table-cell;
    padding-right: 10px;
}
.modal{
    color: #333;
}
.font_cursive{
    font-family: cursive;
    color: #FC8403;
    font-size: 25px;
    font-weight: 700;
}
.alert-model .modal-content strong {
    font-size: 30px;
}
.select-question label {
    display: table-cell;
    vertical-align: top;
}
.select-question .form-check-input {
    display: table-cell;
    vertical-align: top;
}
.mcq_page ul li a{
    display: flex;
}
.mcq_sub_icon{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.mt-m-5{
    margin-top: 3rem !important;
}
@media only screen and (max-width: 624px){
    .mt-m-5{
        margin-top: 0px !important;
    }
    /*mjx-container[jax="CHTML"][display="true"] {
    text-align: left !important;
    }*/
    mjx-container[jax="CHTML"][display="true"], .MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
        overflow-x: auto;
        overflow-y: hidden;
    }
    /*.MJX-TEX {
        overflow-x: auto;
        overflow-y: hidden;
    }*/
}
.width_200{
    max-width:200px;
}
.profile_picture{
    height: 45px;
    width: 45px;
}
label {
    display: inline-block;
    font-size: 18px;
}
.examweek-box ul li {
    position: relative;
}
.completed_quiz{
    font-size: 12px;
    color: green;
    position: absolute;
    bottom: 0;
}

.box_bordered {
    border: 1px solid #FC8403;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.main-pannel .right-pannel ul li {
    list-style: none;
    width: 30px;
    height: 30px;
    border: 1px solid #707070;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    margin: 0px 9px 8px 0px;
    line-height: 30px;
}
.width_auto{
    width:auto;
}
.text_left{
    text-align:left;
}
.text_right{
    text-align:right;
}
.tournament_legend .legend-section p{
    font-size: 14px;
    padding: 0;
    position: relative;
    padding: 0px 0px 13px 25px;
    display: inline-block;
    /*margin-right: 20px;*/
}

/*.tournament_legend .legend-section p:before{
        width: 20px;
        height: 20px;
        background-color:#ffffff;
        content: "";
        position: absolute;
        left: 0;
        border-radius: 20px;
        border:1px solid #707070;
}

.tournament_legend .legend-section p.green:before{
        background-color: #25CD71;
}

.tournament_legend .legend-section p.blue:before{
        background-color: #1B6EAB;
}

.tournament_legend .legend-section p.orange:before{
        background-color: #FC8403;
}*/

.performace .offered{
    background-color: #fd841a;
    padding: 0px 20px;
    border-radius: 3px;
    color: #fff;
    border:1px solid #fd841a;
    margin-right: 10px;
}
.performace .attempted{
    background-color: #f0ea31;
    padding: 0px 20px;
    border-radius: 3px;
    color: #fff;
    border:1px solid #f0ea31;
    margin-right: 10px;
}
.performace .correct_ans{
    background-color: #46d155;
    padding: 0px 20px;
    border-radius: 3px;
    color: #fff;
    border:1px solid #46d155;
    margin-right: 10px;
}
.performace .avg_score{
    background-color: #3dceeb;
    padding: 0px 20px;
    border-radius: 3px;
    color: #fff;
    border:1px solid #3dceeb;
    margin-right: 10px;
}
.mr-3{
    margin-right: 30px;
}


.tournament_instruction .green_bg{
    background-color: #25CD71;
    padding: 5px 16px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #25CD71;
    margin-right: 10px;
}
.tournament_instruction .blue_bg{
    background-color: #1B6EAB;
    padding: 5px 16px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #1B6EAB;
    margin-right: 10px;
}
.tournament_instruction .orange_bg{
    background-color: #FC8403;
    padding: 5px 16px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #FC8403;
    margin-right: 10px;
}
.tournament_instruction .white_bg_bkp{
    background-color: #ffffff;
    padding: 5px 16px;
    border-radius: 48px;
    color: #000;
    border:1px solid #000;
    margin-right: 10px;
}
.tournament_instruction .red_bg{
    background-color: #ff0000;
    padding: 5px 16px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #ff0000;
    margin-right: 10px;
}




.tournament_legend .green_bg{
    background-color: #25CD71;
    padding: 5px 10px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #25CD71;
    margin-right: 10px;
}
.tournament_legend .blue_bg{
    background-color: #1B6EAB;
    padding: 5px 10px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #1B6EAB;
    margin-right: 10px;
}
.tournament_legend .orange_bg{
    background-color: #FC8403;
    padding: 5px 10px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #FC8403;
    margin-right: 10px;
}
.tournament_legend .white_bg_bkp{
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 48px;
    color: #000;
    border:1px solid #000;
    margin-right: 10px;
}
.tournament_legend .red_bg{
    background-color: #ff0000;
    padding: 5px 10px;
    border-radius: 48px;
    color: #fff;
    border:1px solid #ff0000;
    margin-right: 10px;
}
.red_color {
    background-color: #ff0000;
    color: #fff;
}
.question_nos{
    cursor: pointer;
}
.main-pannel .left-pannel .q-submit {
    position: fixed;
    width: 100%;
    bottom: 0;
}
/*.main-pannel {*/
/*    display: flex;*/
/*    height: auto;*/
/*}*/
.white_bg{
    background-color: #fff;
}
.main-pannel .right-pannel {
    height: calc(100vh - 145px);
    overflow-y: scroll;
}
.main-pannel .left-pannel {
    margin-bottom: 100px;
}
.start-timer .left {
    font-size: 18px;
}
.legend_para{
    display:table;
}
.legend_para .legend_counter,.legend_para .legend_content{
    display:table-cell;
}
.ml-10{
    margin-left:10px;
}
.legend_popup table tr td{
    padding: 10px;
}

@media only screen and (max-width: 767px){
    .main-pannel .right-pannel{
        margin-bottom: 225px;
        height: inherit
    }
}

.mobile_hide{
    display:block;
}
.mobile_view{
    display:none;
}
.text_left_mobile .legend_popup table tr td {
    padding: 7px 0px 7px 0px;
}
.tournament_legend .mobile_view span{
    margin-bottom:0px;
}
#submit_confirmation .modal-footer {
    justify-content: flex-start;
    margin-left: 0px;
    padding-left: 13px;
}
.width_100{
    width:100%;
}
.mr-7{
    margin-right:7px;
}

@media (max-width:481px)  {

    .text_left_mobile{
        text-align:left;
    }
    .text_left_mobile p{
        width:100%;
    }
    .mobile_hide{
        display:none;
    }
    .mobile_view{
        display:block;
    }
}
.tournament_attempted{
    color: green;
    margin-bottom: 0px;
    padding-top: 16px;
    font-size: 16px;
}
.font-12{
    font-size: 12px;
    padding: 3px 0px 3px 10px;
    border: 1px solid #ebe5e1;
}
.table-primary {
    --bs-table-bg: #ff7400;
    --bs-table-striped-bg: #ff7400;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #ff7400;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #ff7400;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #ff7400;
}
.table-warning {
    --bs-table-bg: #fdb375;
    --bs-table-striped-bg: #fdb375;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #fdb375;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #fdb375;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #fdb375;
}
.dashboard_chart_colors li{
    display:inline-block;
    margin-right:20px;
}
.dashboard_chart_colors .bg_color_blue{
    background-color: #4f81bc;
    padding: 0px 10px;
    border-radius: 50px;
    margin-right: 5px;
}
.dashboard_chart_colors .bg_color_red{
    background-color: #c0504e;
    padding: 0px 10px;
    border-radius: 50px;
    margin-right: 5px;
}
.dashboard_chart_colors .bg_color_green{
    background-color: #9bbb58;
    padding: 0px 10px;
    border-radius: 50px;
    margin-right: 5px;
}
.dashboard_chart_colors .bg_color_skyblue{
    background-color: #23bfaa;
    padding: 0px 10px;
    border-radius: 50px;
    margin-right: 5px;
}
.question_nos.lightgreen{
    background-color: #25CD71;
    color: #fff;
}
.question_nos.blue {
    background-color: #1B6EAB;
    color: #fff;
}
.test_series_plus{
    cursor:pointer;
}
.leader_board .post_name{
    font-size: 12px;
    color: #777777;
}
.view_leaderboard{
    cursor: pointer;
    color: green;
}
.view_leaderboard:hover{
    text-decoration: underline;
}
.leaderboard_rank{
    color: #FC8403;
}
.leaderboard_not_applied{
    color: red;
}
.table-highlight{
    background-color:#FC8403;
    color:#fff;
}
/*trending blink*/
/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
#trending_blink {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.notification-imges img{
    width:45px;
    height: 44px;
}
.width_41{
    width:41px;
}
.leaderboard_btn {
    max-width: 135px;
    padding: 3px 0px;
}
.error{
    color:red;
}
.paper-modal .modal-body {
    height: 100vh;
    overflow: scroll;
    background: url(../images/watermark.svg) no-repeat center center;
    background-size: contain;
}
/*exam*/
#recuritment-section h1 {
    font-size: 30px;
}
#recuritment-section h3 {
    font-size: 20px;
}
#recuritment-section thead{
    background-color: #ffdeba;
}
#recuritment-section td, #recuritment-section th {
    border-width: 1px !important;
}
#recuritment-section table {
    width:100%;
    border-color: black;
}
.footer .top{
    text-align:center;
    margin-top:45px;
}
.testimonial-section .carousel-item img{
    border-radius: 100px;
    border: 5px solid #e9e8e8;
    max-width: 120px;
}
.select2-container .select2-selection--single{
    height: 49px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}
.faq_accordian ul{
    padding-left:2rem !important;
}
.faq_accordian ul li{
    display: list-item;
    justify-content: space-between;
    border-bottom: 0px;
    padding: 0px;
    font-size: inherit;
    font-weight: inherit;
}
.weekly_quiz_faq{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    text-align: right;
}
.color_black{
    color: #000;
}
.mcq_page ul li a {
    padding: 7px 0px 7px 0px;
}
.justify_center{
    justify-content: center;
}
.justify_left{
    justify-content: left;
}
.awidth_200{
    width:200px;
}
.color_gray{
    color: #4f4a48;
}
.font_size_20{
    font-size: 20px;
}
.font_size_30{
    font-size: 30px;
}
#dashboard ul li a {
    padding: 14px 0px 14px 0px;
}
.image_shadow{
    padding: 10px 15px;
    box-shadow: 4px 4px 6px #cccaca;
}
.performance_summary{
    height: 100px;
    width: 100px;
}
.progress {
    height: 1.5rem;
}
.progress-bar.bg-warning {
    background-color: green !important;
}
.color_green{
    color: green !important;
}
/*round progress*/
/*.progress_round{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress_round:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress_round > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress_round .progress-left{
    left: 0;
}
.progress_round .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress_round .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress_round .progress-right{
    right: 0;
}
.progress_round .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress_round .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 20px;
    color: #fff;
    line-height: 95px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.progress_round.blue .progress-bar{
    border-color: #049dff;
}
.progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar{
    border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
    animation: loading-4 0.4s linear forwards 1.8s;
}
.progress_round.green .progress-bar{
    border-color: #1abc9c;
}
.progress_round.green .progress-left .progress-bar{
    animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}*/

/*end round progress*/
.pl-2{
    padding-left:20px;
}
#tps_desktop{
    display:block;
}
#tps_mobile{
    display:none;
}
.color_blue{
    color:#186aac;
}
.bg-blue{
    background-color:#186aac !important;
}
.btn-success {
    background-image: linear-gradient(to right, #FC8403 , #FC6274);
    color: #ffffff;
    border: 0;
    padding: 3px 10px;
}
.table-highlight td{
    color:#fff;
}
.btn-dashboard{
    width: 90%;
    padding: 10px;
    font-size: 20px;
    font-weight: 500;
}
hr:not([size]) {
    height: 5px;
    color: #6f6f6f;
    opacity: 100%;
}
.exam-section .exam-links ul li a span.new-update{
    position: absolute;
    right: 3px;
    top: 3px;
}
.exam-section .exam-links ul li a{
    position: relative;
}
.new-update {
    -moz-animation: blink normal 1s infinite ease-in-out;
    -webkit-animation: blink normal 1s infinite ease-in-out;
    -ms-animation: blink normal 1s infinite ease-in-out;
    animation: blink normal 1s infinite ease-in-out;
}
.rate_amount{
    text-decoration: line-through;
    font-size: 15px;
}
#Imageid{
    width: 100% !important;
}
#refresh{
    cursor:pointer;
}
.show_mobile{
    display:none;
}
.quiz_result_popup .modal-dialog{
    max-width: 500px !important;
}
body{
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

/*.questions br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 0.5em !important;
}*/
@media only screen and (max-width:600px){
    .questions_scrollable .question_no{
        display: inline-block;
        padding-right: 10px;
        width: auto;
        float: left;
    }
    .questions_scrollable .question_detail{
        display: inline-block;
        width: 69%;
        overflow: scroll;
        padding-bottom: 18px;
    }
    .hide_on_mobile{
        display:none;
    }
    .fullwidth_on_mobile, .fullwidth_on_mobile .color_blue{
        width:100% !important;
        text-align:center;
    }
    #tps_desktop{
        display:none;
    }
    #tps_mobile{
        display:block;
    }
    .captch_div #Imageid{
        height: 70px !important;
    }
    .hide_mobile{
        display:none;
    }
    .show_mobile{
        display:block;
    }
}


@media only screen and (max-width:767px){
    .footer .top{
        margin-top:0px;
    }
}
@media (max-width: 575px){
    .col-xsm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .strips .detail{
            text-align: center;
            margin-top: 10px;
    }
    .color-gray {
        text-align: center;
    }
    .ts_subjects{
        text-align: left;
    }
    .strips .detail .time img{
            margin: 0px auto 3px auto;
            padding-right: 0px;
            display: block;
    }
    .ts_subjects{
            
            margin-top:10px;
    }
}
.ts_subjects{
            color:#4a4b4c; 
            float: left;
            display: table;
    }
.ts_subjects img,.ts_subjects span{
    display: table-cell;
}
.ts_subjects img{
        max-width: 100px;
}

.ts_subjects span{
    vertical-align: middle;
    font-weight:500;
}
.btn-autowidth{
    max-width: none;
    width: auto;
    padding: 8px 20px;
}
.success{
	color:blue;
}
.strips_less_padding {
    padding: 15px 0px 15px 18px;
    margin-bottom: 10px;
}
.btn-primary{
    padding: 5px 20px;
    width: auto;
    max-width: unset !important;
}