.header .author-id-sec .img-sec {
    margin-right: 10px;
    max-width: 26px;
    border-radius: 40px;
    overflow: hidden;
    background: #fff;
}
.author-img {
    overflow: hidden;
    width: 110px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50px;
    background: #fff;
    padding: 18px;
}
.top-carousel.inner-page.ina-slider {
    padding-top: 132px;
}
.ina-slider img {
    border: 0;
    padding: 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: rgba(0, 0, 0, 0.1);
}
/* for about page */
.top-bar{
    margin: 0%;
    padding: 50px 0px;

}
.about-bar{
    background-image: url(../img/inner-hero-bg5.png);
    padding: 105px 0px;
}
    
.intro-about{
    text-align: center;
}
.intro-about h2{
    font-size: 52px;
}
.pt-120{
    padding-top: 120px;
}
.intro-about{
    text-align: center;
}
.abroad-success{
    padding-bottom: 10px;
    text-align: center;
}
.abroad-success h2{
    font-size: 44px;
    margin: 0%;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    display: inline-block;
}
.abroad-success span{
    color: #9a9b9d;
}
.offset-lg-1 p{
    font-size: 20px;
    padding-top: 35px;
    font-weight: 500;
}
.offset-lg-1{
    margin-left: 0% !important;
}
.about-us-img{
    margin-top: 0px;
    text-align: center;
}
.about-us-img img{
     max-width: 100%;
     height: auto;
}
.numbering{
    padding: 70px;
    border: 1px solid #F3F3F3;
    text-align: center;
}
.numbering h2{
    font-size: 60px;
    margin: 0%;
}
.numbering h5{
    font-size: 26px;
    text-align: center;
    padding-top: 15px;
}

.dot-point{
    color: #f53952;
    font-size: 40px;
    text-align: center;
}

.pt-100{
    padding-top: 100px;
}
.guiding-path h2{
    font-size: 44px;
    margin: 0%;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    display: inline-block;
    padding-top: 20px;
}
.guiding-path h2 span{
    color:  #9a9b9d;
}
.guiding-path p{
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.2px;
    font-weight: 500;
    margin-top: 55px;
    padding-right: 0px;
    color: #9a9b9d;

}
.mission img{
    max-width: 100% !important;
    height: auto;
}
.abroad-experts{
    text-align: center;
}
.abroad-experts h2{
    font-size: 44px;
    margin: 0%;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    display: inline-block;
}
.abroad-experts span{
    color: #9a9b9d;
}
.abroad-experts p {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.2px;
    font-weight: 500;
    margin-top: 55px;
    text-align: center;
}
.mt-none-30{
    margin-top: 30px;
}
.team-part{
    margin-top: 25px;
    text-align: center;
    border: 1px solid #f6f7f9;
    border-radius: 20px;
    overflow: hidden;
}
.team-part img{
     max-width: 100% !important;
     height: auto;
}
.pb-0{
    padding-bottom: 0px;
}
.team-part h3{
    padding: 30px 10px;
    padding-bottom: 10px;
    font-size: 24px;
}
.team-part h5{
    font-size: 16px;
    color: #9a9b9d;
    padding-bottom: 30px;
}
.info-form{
    padding: 75px;
}
.info-form span{
    font-size: 12px;
    width: 100%;
    padding-bottom: 30px;
}
.info-form h3{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.72px;
    padding-top: 10px;
}
.contact-from .xb-item--field {
    margin-bottom: 20px;
    position: relative;
}
.contact-from .xb-item--field > span, .contact-from .xb-item--field .icon {
    position: absolute;
    top: 19px;
    left: 20px;
    display: inline-block;
    line-height: 1;
    z-index: 1;
}
.contact-from .xb-item--field input, .contact-from .xb-item--field textarea {
    padding: 15px 46px 18px;
    border: 1px solid #EDF3F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    height: 60px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.thm-btn {
    font-size: 16px;
    font-weight: 600;
    text-transform: None;
    color: #fff;;
    border-style: none;
    padding: 21px 50px 23px;
    align-self: center;
    position: relative;
    display: inline-block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    line-height: 1.1;
    letter-spacing: -.3px;
    transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
    background-color: #4039f5;
}
select {
    word-wrap: normal;
    padding: 17px 70px;
    border-radius: 10px;
    border: 1px solid #EDF3F5;
    color: #9a9b9d;
}
.thm-btn:hover {
    color: var(--color-white);
    background-color: #8454bb;
}
.write-msg{
    width: 100%;
}
.contact-from .xb-item--field textarea {
    min-height: 150px;
}
.google-map{
    margin: 0%;
    text-align: center;
    width: 100%;
    padding-top: 150px;
}
.google-map-image{
    width: 100%;
    height: 300px;
}
@media(max-width: 767px){
    .img-fluid {
        max-width: 50%;
        height: auto;
    }
    .about-bar {
        background-image: url(../img/inner-hero-bg5.png);
        padding: 70px 0px;
        margin-top: 20px;
        padding-bottom: 25px;
    }
    .intro-about h2 {
        font-size: 42px;
    }
    .inner-page.blog-page-sec .hero-sec h2 {
        font-size: 25px;
        color: #fff;
        font-weight: bold;
        text-align: right;
        padding-right: 20px;
    }
    .top-bar {
        margin: 0%;
        padding: 10px 0px;
    }
    .abroad-success h2 {
        font-size: 30px;
        margin: 0%;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        display: inline-block;
    }
    .offset-lg-1 p {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding-top: 0px;
}
    .about-us-img {
        margin-top: 15px;
        text-align: center;
    }
    .about-us-img img{
        max-width: 100%;
        height: auto;
        margin-top: 8px;
    }
    .numbering {
        padding: 0px;
        border: 1px solid #F3F3F3;
        text-align: center;
    }
    .numbering h5 {
        font-size: 31px;
        text-align: center;
        scroll-padding-block-end: 20px;
    }
    .guiding-path h2 {
        font-size: 30px;
        margin: 0%;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        display: inline-block;
        padding-top: 10px;
}
    .guiding-path p {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: -0.2px;
        font-weight: 500;
        margin-top: 15px;
        padding-right: 0px;
        color: #9a9b9d;
        
    }
    .direction-revers{
        flex-direction: column-reverse;
        padding-top: 0px;
    }.abroad-experts h2 {
        font-size: 35px;
        margin: 0%;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        display: inline-block;
    }
    .abroad-experts p {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.2px;
        font-weight: 500;
        margin-top: 15px;
        padding-right: 0px;
        text-align: left;
        
    }
    .team-part img {
       max-width: 65% !important;
       height: auto;
    }
    .team-part h3 {
        padding: 16px 10px;
        padding-bottom: 10px;
        font-size: 24px;
    }
    .team-part p {
        margin: 0;
        font-size: 16px;
        color: #9a9b9d;
        padding-bottom: 30px;
        text-align: center;
    }
    .mission{
        margin-bottom: 25px;
    }
}
@media (min-width:767px) and (max-width: 990px){
    .about-bar {
        background-image: url(../img/inner-hero-bg5.png);
        padding: 70px 0px;
        margin-top: 20px;
    }
    .about-us-img img{
        max-width: 100%;
        height: auto;
    }
    .about-success{
        width: 100%;
    }
    .about-success-info{
        width: 100%;
    }

    .offset-lg-1 p {
        padding-top: 0px;
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        color: #605e5e;
    }
    .top-bar{
        padding-top: 0px;
    }
    .cnt{
        padding: 0%;
    }
    .numbering {
        padding: 5px;
        border: 1px solid #F3F3F3;
        text-align: center;
    }
    .widht-100{
        width: 100%;
    }
    .guiding-path h2 {
        font-size: 35px;
        margin: 0%;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -1.5px;
        display: inline-block;
        padding-top: 20px;
    }
    .guiding-path p {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: -0.2px;
        font-weight: 500;
        margin-top: 10px;
        padding-right: 0px;
        color: #9a9b9d;
        margin-bottom: 20px;
    }
    .mission img {
        max-width: 90% !important;
        height: auto;
    }
    
    .direction-revers {
        flex-direction: column-reverse;
        padding-top: 15px;
    }
    .team-part h3 {
        padding: 16px 0px;
        padding-bottom: 3px;
        font-size: 20px;
    }
    .team-part h5 {
        font-size: 14px;
        color: #9a9b9d;
        padding-bottom: 10px;
    }
    .mt-30{
        margin-top: 30px;
    }
    .team-part {
        margin-top: 10px;
        text-align: center;
        border: 1px solid #f6f7f9;
        border-radius: 20px;
        overflow: hidden;
    }
    .mt-none-30 {
        margin-top: 30px; 
    }
}
.my-coures-details .card {
    margin: 0 auto;
    text-align: center;
    box-shadow: none !important;
}
.my-coures-details .card:before {
    display: none;
}
/* profile page */

.information-sec input.btn {
    background: #393FD7;
    color: #FFF;
    font-size: 20px;
    border-radius: 12px;
    padding: 8px 27px;
}
/*-------------------
    Live-Test
--------------------------*/
.sub_h {
    display: block;
    font-size: 30px;
    margin-top: 5px;
    font-style: italic;
}
.list_test_wrap {
    background: #fff;
    padding: 35px;
    border-radius: 3px;
    border: #e3e3e3 solid 1px;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
    max-width: 950px;
    transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
}
.list_test_wrap:hover {
    box-shadow: rgba(0, 0, 0, .1) 0 0 40px;
}
.list_test_wrap p {
    margin: 0 auto;
    font-size: 15px;
    line-height: 23px;
}
.test_logo {
    position: absolute;
    left: 35px;
    top: 26px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    content: "";
}
.live_test_info {
    float: left;
    width: 62%;
}
.live_test_act {
    float: right;
    text-align: center;
    padding: 0;
    width: 36%;
}
.live_test_act .btn {
    margin: 4px auto 14px;
    padding: 4px 30px;
    border-radius: 2px;
}
.live_test_act p {
    letter-spacing: 0.5px;
}
.test_time_over {
    color: #f56f46;
    font-size: 27px;
    margin: 0 auto 15px;
    font-weight: 300;
}
.timer_wrap_m {
    overflow: hidden;
    display: block;
    margin: 0 auto 7px;
}
.timer_wrap_m > div {
    float: left;
    width: 25%;
    text-align: center;
    padding:2px 5px 5px;
    border-radius: 3px;
    border: #e3e3e3 solid 1px;
    font-size: 22px;
    font-weight: 600;
    background: #f8f4f4;
    color: #000;
    position: relative;
    z-index: 1;
}
.timer_wrap_m > div:last-child {
    margin-top: -24px;
}
.timer_wrap_m > div span {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 400;
    text-indent: 0;
}
.live_have_start_in > strong {
    text-transform: uppercase;
    color: red;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;
    margin: 0 auto 6px;
}
/* course detail css */
.BatchTabs .card .tab-content .tab-details {
    margin-top: -10px;
    max-width: 100%;
}
.BatchTabs .card .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
     background: #fff;
}
.inner-page .hero-sec.afterskool-page {
    padding: 70px 0px;
}
.BatchTabs .tab-details ul {
    font-size: 15px !important;
    list-style: none;
    padding: 0px 8px;
}
.tab-details.aos-init p {
    margin-top: 13px;
}
.BatchTabs .tab-details div {
    background: none !important;
}
.btn_wrap .btn {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    padding: 11px 20px;
    border-radius: 8px;
    transition: 0.3s;
}
.btn_wrap .btn:hover {
     border: 1px solid var(--color-primary);
     color: var(--color-primary);
     background: #fff;
}
.live_test_info h4 {
    color: var(--color-primary);
}
.live_test_act p {
    text-align: center;
}
/*about section in course detail */
.course-ig-text {
    position: absolute;
    left: 0px !important;
    top: 50%;
    padding-right: 41px !important;
    text-align: center;
}
.time-bar {
    text-align: left;
    padding-left: 20px;
    padding-top: 6px;
} 
.html table div{
    display: none !important;
}

.tab-details aos-init aos-animate h3 span{
    font-size: 20px !important;
}

.BatchTabs .tab-details div {
    background: none !important;
    float: none !important;
}
.video-img-sec {
    text-align: right;
    background: linear-gradient(#eb3b3b, #e7e7e7);
    border-radius: 15px;
    position: relative;
    height: 245px;
    overflow: hidden;
} 
.video-img-sec img {
    margin-top: -15px;
}
.time-bar {
    text-align: left;
    padding-top: 7px;
    padding-left: 8px;
}
.time-class {
    background-color: #433e1e;
    display: inline;
    color: #a8a7a5;
    border-radius: 4px;
    padding: 3px 7px;
    font-size: 12px;
}


.course-ig-text {
    position: absolute;
    left: 0px !important;
    top: 60%;
    padding-right: 41px !important;
    text-align: center;
}
.course-ig-text h3 {
    font-size: 27px !important;
    color: #fff !important;
    font-weight: bolder !important;
    padding-right: 40px;
    line-height: 24px;
    text-align: left;
    padding-left: 10px;
    text-shadow: 2px 1px 6px #6a6363;
}
@media(max-width: 767px){
    .course-ig-text h3 {
        font-size: 23px !important;
        color: #fff !important;
        font-weight: bolder !important;
        padding-right: 58px;
        line-height: 20px;
        text-align: left;
        padding-left: 8px;
        text-shadow: 3px 4px 7px #6a6363;
    }
    .course-ig-text {
        position: absolute;
        left: 0px !important;
        top: 45%;
        padding-right: 41px !important;
        text-align: center;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .course-ig-text {
        position: absolute;
        left: 0px !important;
        top: 40%;
        padding-right: 41px !important;
        text-align: center;
    }
    .course-ig-text h3 {
        font-size: 15px !important;
        color: #fff !important;
        font-weight: bolder !important;
        padding-right: 58px;
        line-height: 15px;
        text-align: left;
        padding-left: 15px;
        text-shadow: 3px 4px 7px #6a6363;
    }
    .course-ig-text {
        position: absolute;
        left: 0px !important;
        top: 60%;
        padding-right: 41px !important;
        text-align: center;
    }
    .res-bar{
        width: 30% !important;
    }
    
    .time-bar {
        text-align: left;
        padding-top: 3px;
        padding-left: 7px;
    }
    .time-class {
        background-color: #433e1e;
        display: inline;
        color: #a8a7a5;
        border-radius: 4px;
        padding: 2px 5px;
        font-size: 10px;
    }
    .img-fluid-vid{
        margin-top: -10px;
        max-width: 70%;
    }
    .gp-10 {
        gap: 5px !important;
        display: flex !important;
    }
    .gp-10 span{
        background-color: #fff;
        border-radius: 4px !important;
        color: #B2B2B2;
        font-size: 12px !important;
        padding: 2px 8px !important;
        margin-right: 0px !important;
        }
}
    

@media (min-width: 990px) and (max-width: 1199){
    .gp-10{
        display: flex;
        gap: 5px;
    }
    
}
/*about section in course detail end */
/* my package page css */
.sidebar_widget {
    border: #dfdede solid 1px;
    box-shadow: rgba(0, 0, 0, 0.09) 0 0 30px;
    padding: 40px 32px;
    margin: 0 0 30px 25px;
    background: #fff;
}
.sidebar_widget ul {
    padding: 0;
    margin: 0 auto;
    list-style: none;
}
.sidebar_widget ul li {
    margin: 0 auto 18px;
}
.sidebar_widget ul li a {
    color: #000;
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 5px 5px 5px 22px;
}
.sidebar_widget ul li a::after {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: fontawesome;
    content: "\f105";
}
/* my package page css */
 /*--------------------------------------------------------------
                                                    # Start Dropdown List Css
                                --------------------------------------------------------------*/

.navbar .navbar-nav li.dropdown > a {
  padding-right: 20px;
}
.navbar .navbar-nav li.dropdown > a::after {
  content: "";
  font-family: outfit;
  position: absolute;
  right: -4px;
  top:50%;
  transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
ul.sub_menu {background: #fff none repeat scroll 0 0;list-style: outside none none;min-width: 250px;padding: 20px;position: absolute;left: 0;top: 95%;width: 450px;z-index: 999;text-align: left;box-shadow: rgba(0, 0, 0, .12) 0 0 10px;opacity: 0;visibility: hidden;
     -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(.95,.8);
    -ms-transform: scale(.95,.8);
    transform: scale(.95,.8);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  padding: 10px 12px !important;
}
.navbar .navbar-nav ul.sub_menu  li a:hover {background: #f56f46;color: #fff;border-color: #f56f46 ;}
.navbar .navbar-nav li:hover ul.sub_menu, .select-exam .sub_menu { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); 
    transform: scale(1,1);opacity: 1;visibility: visible;}
.navbar ul li ul.sub_menu li {float: left;width: 50%;margin: 0 auto;}
.navbar ul li ul.sub_menu li a {padding: 18px 5px;display: block;margin: 5px;border: #ddd solid 1px;max-width: 96%;border-radius: 8px;text-align: center; font-family: 'outfit' !important; font-size: 16px; font-weight: normal;}
#header .col-md-8 {position: initial;}
header .profile_nav_wp > a.btn {position: relative;padding-right: 46px;}
header .profile_nav_wp > a.btn::after {position: absolute;content: "\f107";font-family:outfit ; top: 6px;right: 24px;font-size: 19px;}
.blog_container p { font-weight: normal !important;}
.navbar ul li ul.sub_menu li a:hover{
  background-color: #393fd7 !important;
  color: #fff !important;
  border-radius: 8px;
  border: 1px solid #393fd7;
}

body.select-exam:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 99;
}
.select-exam header{
  background-color: #fff;
}
header#header:after {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  content: "";
  height: 21px;
  background: #fff;
}
/*--------------------------------------------------------------
                          # End Dropdown List Css
--------------------------------------------------------------*/
                                    /*--------------Responsive CSS-------------- */

.fixed-top{
    top: -21px !important;
}
.inner_intro {
    margin-top: 85px;
}

    @media (max-width:676px){
    .listingpage #portfoliolist .portfolio {
        width: 45.9%;
        margin: 2%;
        border-radius: 10px;
    }
    .inner_intro {
        padding: 43px 0;
    }
        .listingpage .navbar {
            right: 0%;
            width: 100% !important;
            max-width: 100%;
            position: relative !important;
            border: none;
        }
        .listingpage .navbar ul{
            position: static !important;
            background: none;
             margin-top: -40px !important;
        }
        .listingpage #filters li span {
            font-size: 11px;
            padding: 5px 9px;
            font-weight: normal !important;
        }
        #navbar{
            border:none;
        }
    }

    @media (min-width:677px) and (max-width:990px){
        .listingpage .navbar {
            right: 0%;
            width: 100% !important;
            max-width: 100%;
            border: none;
            position: relative !important;
        }  
        .listingpage .navbar ul{
            position: static;
            background: none;
        }
        .listingpage #portfoliolist .portfolio {
            width: 29.9%;
            margin: 1.5%;
            border-radius: 15px;
        }
        .inner_intro {
            padding: 55px 0;
        }
         .listingpage #filters li span {
            font-size: 14px;					
            font-weight: normal;
        }
        #navbar{
            border:none;
        }
    }

    @media (min-width:990px) and (max-width:1280px){
        .listingpage .navbar {
                right: 0%;
                width: 100% !important;
                max-width: 100%;
                border: none;
                position: relative !important;
            }
        .listingpage .navbar ul{
            position: static;
            background: none;
        }
        #navbar{
            border:none;
        }
    }
/*profile page responsive */
@media(max-width: 767px){


   .profile-fram .profile-tab-sec .nav.nav-tabs .nav-link {
    font-size: 17px;
    }

   .profile-fram .info-tab-sec {
    width: 100%;
    padding: 10px;
    }
    .profile-fram #saved, .profile-fram #my-account {
    background-color: #F6F6F6;
    padding: 0px;
    border-radius: 16px;
}
.top-gap {
    width: 100%;
    padding: 100px 0 60px 0;
}
.profile-fram .profile-sec h3 {
    font-size: 29px;
    font-weight: 600;
    margin-top: 8px;
}
.profile-fram .profile-tab-sec {
    margin-top: 15px;
}
.profile-fram .profile-tab-sec .nav.nav-tabs li {
    margin: 0px 6px;
    border: none;
}
.profile-fram .profile-tab-sec .card {
    margin-top: 6px;
    padding: 13px;
}
.profile-fram .profile-tab-sec .card .title h3 {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #393FD7;
}
.profile-fram .profile-tab-sec .card .date-sec {
    width: 100%;
    display: inline-block;
    margin-top: 12px;
    text-align: left;
}
.profile-fram .profile-tab-sec .card .date-sec h3 {
    margin-bottom: 0px;
}
   .profile-fram .personal-information-sec .input-sec {
    margin-bottom: 0px;
    padding: 7px 13px;
    line-height: 20px;
    }
    
    .profile-fram .personal-information-sec .input-sec input, .profile-fram .personal-information-sec .input-sec input::placeholder, .profile-fram .personal-information-sec .input-sec select {
    font-size: 18px;
    color: #000;
    padding: 0%;
    }

    .author-img {
    width: 70px;
    overflow: hidden;
    border-radius: 35px;
    padding: 15px;
}
}
/* profile page responsive end */
/*login page css*/
.login_form_wp .btn:hover{
        color: #fff !important;
        background-color: #282c96;
    }
.login_form_wp .btn {
    color: #fff;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 11px;
    width: 100%;
    background-color: #393fd7 !important;
}
.form-group {
    margin-bottom: 13px;
}
.login_form_wp .btn {
    margin-top: 10px;
}
/*login page css*/


/*---------------------
    Listing-page for video course page
----------------------*/
.inner_intro.detail__bg {padding: 75px 0 95px;min-height: 350px;}
.inner_intro {background-image: linear-gradient(164deg, rgba(57, 63, 215, 1) 0%, rgba(229, 186, 255, 1) 100%);
    background-repeat: no-repeat;background-position: center;background-size: cover;padding: 60px 0;text-align: center;}
.inner_intro.listing_intro {padding-bottom: 80px;}
.inner_intro h1 {margin: 0 auto;color: #fff;}
.inner_intro p {font-size: 23px;line-height: 35px;margin: 10px auto 0;color: #fff;letter-spacing: 0px;}
.intro_text {margin: auto;max-width: 82%;}
.section_padding {padding: 50px 0;}
.sidebar_widget {border: #dfdede solid 1px;box-shadow: rgba(0, 0, 0, 0.09) 0 0 30px;padding: 40px 32px;margin: 0 0 30px 25px;background: #fff;}
.sidebar_title h6 {text-transform: uppercase;letter-spacing: 0.5px;font-size: 22px;margin: 0 auto 34px;}
.sidebar_widget ul  {padding: 0;margin:  0 auto;list-style: none;}
.sidebar_widget ul li {margin: 0 auto 18px;}
.sidebar_widget ul li a {color: #000;display: block;position: relative;font-size: 16px;letter-spacing: 0.5px;padding: 5px 5px 5px 22px;}
.sidebar_widget ul li.active a {color: #f56f46;}
.sidebar_widget ul li a:after {position: absolute;top: 5px;left: 0; font-family: fontawesome; content: "\f105";}
.sidebar_widget ul li a:hover {color: #f56f46;}
.list_wrap {margin: 0 auto 40px;width: 100%;}
.teacher_img {float: left;width: 110px;height: 110px;text-align: center;border-radius: 50%;overflow: hidden;border: #dedddd solid 2px;padding: 6px 0 0 0;}
.listing_info { float: right; padding: 25px 10px; width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid gainsboro;
    margin-bottom: 20px;}
.listing_info h4 { font-size: 20px; margin: 0 auto 2px; font-weight: 600; transition-duration: 0.3s; -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; margin: 0;}
.listing_info h4:hover {color: #f56f46;}
.listing_info p {color: #555555;letter-spacing: .5px;margin-bottom: 12px;}
.startin {display: inline-block;background: #fff;padding-right: 20px;margin-top: 3px;color: #000;}
.start_quiz .startin {padding: 12px 40px;border: #c3c3c3 solid 1px;}
.startin span {color: red;}
.listing_footer {overflow: hidden;position: relative;}
.listing_footer ul {margin: 0 auto;list-style: none;overflow: hidden;display: inline-block;background: #fff;padding: 0 30px 0 0;}
.listing_footer ul li {display: inline-block;vertical-align: middle;margin: 0 15px 0 0;max-width: 28px;}
.category_type {float: right;background: #19191b;color: #fff;padding: 4px 18px;font-size: 14px;margin: 2px 0;letter-spacing: .5px;border-radius: 2px;}
.listing_footer::after {position: absolute; top: 50%; content: ""; background: #cccccc; height: 1px; width: 100%;  z-index: -1;}
.list_wrap a {display: block;overflow: hidden;}
.list_wrap a:visited h4 {color: #393fd7;}
.filter_wrap {text-align: center;overflow: hidden;padding: 12px 0;margin-top: -116px;margin-bottom: 50px;position: relative;z-index: 22;}
.filter_wrap li .icon {position: relative;width: 30px;height: 30px;content: "";background-repeat: no-repeat;background-size: 100%;transition-duration: 0.3s;
    -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;display: inline-block;vertical-align: middle;}

.filter_wrap li#aptitude:hover .icon, .filter_wrap li#aptitude.current .icon, 
.filter_wrap li#reasoning:hover .icon, .filter_wrap li#reasoning.current .icon, 
.filter_wrap li#english:hover .icon, .filter_wrap li#english.current .icon, 
.filter_wrap li#gk:hover .icon, .filter_wrap li#gk.current .icon, 
.filter_wrap li#currentaffairs:hover .icon, .filter_wrap li#currentaffairs.current .icon, 
.filter_wrap li#bankingawareness:hover .icon, .filter_wrap li#bankingawareness.current .icon, 
.filter_wrap li#Computer:hover .icon, .filter_wrap li#Computer.current .icon, 
.filter_wrap li#history.current .icon, .filter_wrap li#history:hover .icon, 
.filter_wrap li#rajasthan-geography:hover .icon, .filter_wrap li#rajasthan-geography.current .icon, 
.filter_wrap li#hindi:hover .icon, .filter_wrap li#hindi.current .icon, 
.filter_wrap li#electrical:hover .icon, .filter_wrap li#electrical.current .icon, 
.filter_wrap li#mechanical:hover .icon, .filter_wrap li#mechanical.current .icon, 
.filter_wrap li#civils:hover .icon, .filter_wrap li#civils.current .icon, 
.filter_wrap li#technical-class:hover .icon, .filter_wrap li#technical-class.current .icon, 
.filter_wrap li#psycology-pedagogy:hover .icon, .filter_wrap li#psycology-pedagogy.current .icon,
.filter_wrap li#electronics:hover .icon, .filter_wrap li#electronics.current .icon,
.filter_wrap li#cs-it:hover .icon, .filter_wrap li#cs-it.current .icon, 
.filter_wrap li#general-science:hover .icon, .filter_wrap li#general-science.current .icon, 
.filter_wrap li#press-information-bureau:hover .icon, .filter_wrap li#press-information-bureau.current .icon, 
.filter_wrap li#editorial:hover .icon, .filter_wrap li#editorial.current .icon, 
.filter_wrap li#polity:hover .icon, .filter_wrap li#polity.current .icon, 
.filter_wrap li#environmental-social-studies:hover .icon, .filter_wrap li#environmental-social-studies.current .icon, 
.filter_wrap li#jee-mathematics:hover .icon, .filter_wrap li#jee-mathematics.current .icon, 
.filter_wrap li#jee-chemistry:hover .icon, .filter_wrap li#jee-chemistry.current .icon, 
.filter_wrap li#jee-physics:hover .icon, .filter_wrap li#jee-physics.current .icon,
.filter_wrap li#jee-biology:hover .icon, .filter_wrap li#jee-biology.current .icon,
.filter_wrap li#international-relations:hover .icon, .filter_wrap li#international-relations.current .icon, 
.filter_wrap li#economics:hover .icon, .filter_wrap li#economics.current .icon, 
.filter_wrap li#other:hover .icon, .filter_wrap li#other.current .icon{
    background-position: 0px 0px;
}
.filter_wrap li#aptitude .icon  {background-image: url(../images/aptitude30.html); background-position: 0px -31px; }
.filter_wrap li#reasoning .icon  {background-image: url(../images/reasoning30.html); background-position: 0px -31px; }
.filter_wrap li#english .icon  {background-image: url(../images/english30.html); background-position: 0px -33px; }
.filter_wrap li#gk .icon  {background-image: url(../images/gk30.html); background-position: 0px -33px;   }
.filter_wrap li#general-awareness .icon  {background-image: url(../images/general-awareness30.html); background-position: 0px -33px;   }
.filter_wrap li#currentaffairs .icon  {background-image: url(../images/current_affairs30.html); background-position: 0px -31px;  }
.filter_wrap li#bankingawareness .icon  {background-image: url(../images/history30.html); background-position: 0px -35px;    }
.filter_wrap li#currentaffairs .icon  {background-image: url(../images/current_affairs30.html); background-position: 0px -31px;  }
.filter_wrap li#Computer .icon  {background-image: url(../images/computer30.html); background-position: 0px -33px;   }
.filter_wrap li#history .icon  {background-image: url(../images/history30.html); background-position: 0px -33px; }
.filter_wrap li#rajasthan-geography .icon  {background-image: url(../images/geography30.html); background-position: 0px -33px;   }
.filter_wrap li#hindi .icon  {background-image: url(../images/hindi30.html); background-position: 0px -33px; }
.filter_wrap li#electrical .icon  {background-image: url(../images/electronic30.html); background-position: 0px -33px;   }
.filter_wrap li#mechanical .icon  {background-image: url(../images/mechanical30.html); background-position: 0px -33px;   }
.filter_wrap li#civils .icon  {background-image: url(../images/civils30.html); background-position: 0px -33px;   }
.filter_wrap li#technical-class .icon  {background-image: url(../images/technical30.html); background-position: 0px -33px;   }
.filter_wrap li#psycology-pedagogy .icon  {background-image: url(../images/pedagogy30.html);background-position: 0px -33px;  }
.filter_wrap li#electronics .icon  {background-image: url(../images/electronics30.html);background-position: 0px -33px;  }
.filter_wrap li#cs-it .icon  {background-image: url(../images/cs_it30.html);background-position: 0px -33px;  }

.filter_wrap li#general-science .icon  {background-image: url(../images/general-science30.html);background-position: 0px -33px;  }
.filter_wrap li#basic-science-engineering .icon  {background-image: url(../images/technical30.html);background-position: 0px -33px;  }
.filter_wrap li#press-information-bureau .icon  {background-image: url(../images/pib30.html);background-position: 0px -33px; }
.filter_wrap li#editorial .icon  {background-image: url(../images/editorial30.html);background-position: 0px -33px;  }
.filter_wrap li#polity .icon  {background-image: url(../images/polity30.html);background-position: 0px -33px;    }
.filter_wrap li#environmental-social-studies .icon  {background-image: url(../images/evs30.html);background-position: 0px -33px; }
.filter_wrap li#international-relations .icon  {background-image: url(../images/IR30.html);background-position: 0px -33px;   }
.filter_wrap li#economics .icon  {background-image: url(../images/economics30.html);background-position: 0px -33px;  }
.filter_wrap li#other .icon  {background-image: url(../images/others30.html);background-position: 0px -33px; }

.filter_wrap li#jee-mathematics .icon  {background-image: url(../images/maths30.html);background-position: 0px -33px;    }
.filter_wrap li#jee-chemistry .icon  {background-image: url(../images/chemistry30.html);background-position: 0px -33px;  }
.filter_wrap li#jee-physics .icon  {background-image: url(../images/physics30.html);background-position: 0px -33px;  }
.filter_wrap li#jee-biology .icon  {background-image: url(../images/biology30.html);background-position: 0px -33px;  }

.filter_wrap ul {padding: 0;margin: 0 auto;list-style: none;}
.filter_wrap ul li {
    display: inline-block; cursor: pointer; padding: 18px 19px; color: #111; font-size: 18px; position: relative; letter-spacing: 1px;
    border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.12) 0 0 15px; background: #fff; margin: 0 3px; border-top: #f56f46 solid 3px; transition-duration: .3s; 
    -moz-transition-duration: .3s; -o-transition-duration: .3s; -webkit-transition-duration: .3s;
}
.filter_wrap ul li img {margin-right: 5px;}
.filter_wrap ul li:hover, .filter_wrap ul li.current {background: #f56f46; color: #fff; border-color: #f56f46;}
.listing_date {text-transform: uppercase;color: #555;font-size: 16px;letter-spacing: 1.5px;margin: 20px 0 20px 10px;width: 100%;}
#filter_slider { display: none;}
.section_padding {  overflow: visible;}
.filter_wrap li .icon { display: none;}
@media (max-width: 767px) {
    #filter_slider { display: block;}
    #ListingFilter {  display: none;}
} 

.video-info-wps .listing_footer::after {
    display: none;
}
.videos-info-footer {
    color: #918e8e;
    font-size: 14px;
}
.listing_info.video-info-wps {
    width: auto;
    float: left;
    margin: 0 auto;
}
.watch-btn {
    background: no-repeat;
    color: #000;
    border: #8c8c8c solid 1px;
    padding: 5px 15px;
    margin-top: 8px;
    border-radius: 4px;
}
.watch-btn:hover {
    background: #393fd6;
    color: #fff;
    border-color: #393fd6;
}
.list_wrap a.list {
    float: left;
}
.btn-wrap {
    float: right;
    padding-top: 10px;
}
.list_wrap.isotope-item {
    padding-right: 22px !important;
    }
.list_wrap.isotope-item {
    box-shadow: rgba(0, 0, 0, 0.05) 0 0 9px;
}
.list_wrap.listing_date.isotope-item {
    box-shadow: none;
}
body .listing_Date_none.list_wrap.listing_date {
    padding: 0 !important;
    margin: 0 !important;
}
.list_wrap.isotope-item {
    margin: 0 auto 8px !important;
    background: #fff;
    padding: 12px 19px;
    border: rgba(0, 0, 0, 0.05) solid 1px;
    border-radius: 5px;
}
.filter_wrap.ListingFilter {
    margin-bottom: 0;
}

/*---------------------
    Listing-page for video course page
----------------------*/
/* header responsive sub menu */
@media(max-width: 1200px){
  .sub-menu li a {
    padding: 17px 3px;
    display: block;
    margin: 5px;
    border: #ddd solid 1px;
    max-width: 96%;
    border-radius: 8px;
    text-align: center;
    font-family: 'outfit' !important;
    font-size: 13px;
    nt-weight: normal;
    }

    .res-menu {
    margin: 0 !important;
    width: 100% !important;
    }
}
/* header responsive sub menu */
/* for contact page */
.inner-page{
  padding-top:95px !important;
  padding-bottom:40px
}
.section_padding{
  padding:50px 0 !important
}
#main h5{
  padding:0px 16px !important;
}
#img-fix{
  height:540px
}
#img-fix img{
  margin-bottom:30px
}
#img-fix p{
  margin-bottom:18px
}

@media screen and (max-width: 768px){
  .inner-page {
    padding-top: 70px !important;
    padding-bottom: 20px;
}
.ina-slider {
    margin-top: 0px !important;
} 
  .inner-page .hero-sec.afterskool-page{
    padding:50px 0px !important;
  }
  #main h5{
    padding:0px 22px 0px 22px !important;
    font-size:16px !important;
  }
  .container form{
    padding:20px !important;
  }
  #name_msg{
    margin:0px;
  }
  .btn-new{
    padding:8px 15px !important;
    margin-left:0px !important
  }
  #message{
    height:80px !important;
  }
  #img-fix {
    border: none !important;
    margin-top: 15px !important;
    padding-bottom: 0 !important;
    height: 435px !important;
}
  #img-fix img{
    width:250px
    margin-bottom: 20px !important;
  }
  #img-fix p{
    font-size:14px
  }
  #bg-green{
    border-radius:10px !important
  }
  .section_padding{
    padding:20px 0 !important
  }
}
@media (min-width: 768px) and (max-width: 990px){
  .inner-page{
    padding-top:85px !important;
    padding-bottom:25px
  }
  .inner-page .hero-sec.afterskool-page{
    padding:60px 0px !important;
  }
  #main h5{
    padding:0px 22px 7px 22px !important;
    font-size:18px !important;
  }
  .container form{
    padding:23px 20px !important;
  }
  .btn-new{
    padding:8px 15px !important;
    margin-left:0px !important
  }
  #message{
    height:120px !important;
  }
  #bg-green{
    border-radius:13px !important
  }
  #img-fix{
    height:440px;
    border-radius:13px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  #img-fix img{
    width: 100%;
    max-width:100%
    margin-bottom: 0 !important;
  }
  #img-fix p{
    font-size:14px;
    margin:11px !important;
  }
  .section_padding{
    padding:20px 0 !important
  }
}
@media (min-width: 990px) and (max-width: 1200px){
  .inner-page{
    padding-top:90px !important;
    padding-bottom:30px
  }
  .inner-page .hero-sec.afterskool-page{
    padding:50px 0px !important;
  }
  #main h5{
    padding:0px 16px !important;
    font-size:18px !important;
  }
  .container form{
    padding:28px 30px !important;
  }
  .btn-new{
    padding:12px 25px !important;
    margin-left:0px !important
  }
  #message{
    height:150px !important;
  }
  #bg-green{
    border-radius:18px !important
  }
  #img-fix{
    height:483px;
    border-radius:18px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  #img-fix p{
    font-size:16px;
    margin:11px !important;
  }
  .section_padding{
    padding:20px 0 !important;
  }
  #img-fix img{
    margin-bottom: 0 !important;
  }
}
/* contact page css end */  
/* for disclaimer page css */
@media (max-width: 767px){
  .font-wrap{
    text-align:left !important;
    margin-bottom:15px
  }
  .font-wrap span{
    margin-left:10px
  }
}
@media (min-width: 767px) and (max-width: 990px){
  .font-wrap{
    text-align:center !important;
    margin-bottom:15px
  }
  .font-wrap span{
    margin-left:10px;
    margin-bottom:5px
  }
}
@media (min-width: 990px) and (max-width: 1200px){
  .font-wrap{
    text-align:left !important;
    margin-bottom:15px
  }
  .font-wrap span{
    margin-left:10px;
  }
  .font-wrap b {
    font-size:16px !important;
  }
  .font-wrap a{
    font-size:14px !important;
  }
}
.font-wrap{
    text-align:center;
}
/* end*/
                        /* <----------Govt exam mobile responsive-----------> */
          
@media (max-width:767px){
    .inner-page .hero-sec {
      padding:0px
    }
    .categorie-sec .categorie-items-sec{
      padding: 50px 60px 50px !important;
    }
}
@media (min-width: 767px) and (max-width: 990px){
    .govt-page .gy-4{
            width: 100%;
    }
    .col-lg-3.aos-init {
        width: 50%;
    }
}
                         /* <--------End Govt exam mobile responsive---------> */
                         /*---------------------
    Listing-page for video course page
----------------------*/
.inner_intro.detail__bg {padding: 75px 0 95px;min-height: 350px;}
.inner_intro {background-image: linear-gradient(164deg, rgba(57, 63, 215, 1) 0%, rgba(229, 186, 255, 1) 100%);
    background-repeat: no-repeat;background-position: center;background-size: cover;padding: 60px 0;text-align: center;}
.inner_intro.listing_intro {padding-bottom: 80px;}
.inner_intro h1 {margin: 0 auto;color: #fff;}
.inner_intro p {font-size: 23px;line-height: 35px;margin: 10px auto 0;color: #fff;letter-spacing: 0px;}
.intro_text {margin: auto;max-width: 82%;}
.section_padding {padding: 50px 0;}
.sidebar_widget {border: #dfdede solid 1px;box-shadow: rgba(0, 0, 0, 0.09) 0 0 30px;padding: 40px 32px;margin: 0 0 30px 25px;background: #fff;}
.sidebar_title h6 {text-transform: uppercase;letter-spacing: 0.5px;font-size: 22px;margin: 0 auto 34px;}
.sidebar_widget ul  {padding: 0;margin:  0 auto;list-style: none;}
.sidebar_widget ul li {margin: 0 auto 18px;}
.sidebar_widget ul li a {color: #000;display: block;position: relative;font-size: 16px;letter-spacing: 0.5px;padding: 5px 5px 5px 22px;}
.sidebar_widget ul li.active a {color: #f56f46;}
.sidebar_widget ul li a:after {position: absolute;top: 5px;left: 0; font-family: fontawesome; content: "\f105";}
.sidebar_widget ul li a:hover {color: #f56f46;}
.list_wrap {margin: 0 auto 40px;width: 100%;}
.teacher_img {float: left;width: 110px;height: 110px;text-align: center;border-radius: 50%;overflow: hidden;border: #dedddd solid 2px;padding: 6px 0 0 0;}
.listing_info {float: right;width: calc(100% - 145px);padding: 8px 0;display: block; border: none;}
.listing_info h4 {font-size: 18px;margin: 0 auto 0px;font-weight: 600;transition-duration: 0.3s;
    -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;
}
.listing_info h4:hover {color: #393fd7;}
.listing_info p {color: #555555;letter-spacing: .5px;margin-bottom: 12px;}
.startin {display: inline-block;background: #fff;padding-right: 20px;margin-top: 3px;color: #000;}
.start_quiz .startin {padding: 12px 40px;border: #c3c3c3 solid 1px;}
.startin span {color: red;}
.listing_footer {overflow: hidden;position: relative;}
.listing_footer ul {margin: 0 auto;list-style: none;overflow: hidden;display: inline-block;background: transparent;padding: 0 30px 0 0;}
.listing_footer ul li {display: inline-block;vertical-align: middle;margin: 0 15px 0 0;max-width: 28px;}
.category_type {float: right;background: #19191b;color: #fff;padding: 4px 18px;font-size: 14px;margin: 2px 0;letter-spacing: .5px;border-radius: 2px;}
.listing_footer::after {position: absolute;top: 50%;content: "";background: #cccccc;height: 1px;width: 100%;z-index: -1;}
.list_wrap a {display: block;overflow: hidden;}
.list_wrap a:visited h4, .list_wrap a:hover h4 {color: #393fd7;}
.filter_wrap {text-align: center;padding-bottom : 60px !important;overflow: hidden;padding: 12px 0;margin-top: -116px;margin-bottom: 50px;position: relative;z-index: 22;}
.filter_wrap li .icon {position: relative;width: 30px;height: 30px;content: "";background-repeat: no-repeat;background-size: 100%;transition-duration: 0.3s;
    -o-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;display: inline-block;vertical-align: middle;}

.filter_wrap li#aptitude:hover .icon, .filter_wrap li#aptitude.current .icon, 
.filter_wrap li#reasoning:hover .icon, .filter_wrap li#reasoning.current .icon, 
.filter_wrap li#english:hover .icon, .filter_wrap li#english.current .icon, 
.filter_wrap li#gk:hover .icon, .filter_wrap li#gk.current .icon, 
.filter_wrap li#currentaffairs:hover .icon, .filter_wrap li#currentaffairs.current .icon, 
.filter_wrap li#bankingawareness:hover .icon, .filter_wrap li#bankingawareness.current .icon, 
.filter_wrap li#Computer:hover .icon, .filter_wrap li#Computer.current .icon, 
.filter_wrap li#history.current .icon, .filter_wrap li#history:hover .icon, 
.filter_wrap li#rajasthan-geography:hover .icon, .filter_wrap li#rajasthan-geography.current .icon, 
.filter_wrap li#hindi:hover .icon, .filter_wrap li#hindi.current .icon, 
.filter_wrap li#electrical:hover .icon, .filter_wrap li#electrical.current .icon, 
.filter_wrap li#mechanical:hover .icon, .filter_wrap li#mechanical.current .icon, 
.filter_wrap li#civils:hover .icon, .filter_wrap li#civils.current .icon, 
.filter_wrap li#technical-class:hover .icon, .filter_wrap li#technical-class.current .icon, 
.filter_wrap li#psycology-pedagogy:hover .icon, .filter_wrap li#psycology-pedagogy.current .icon,
.filter_wrap li#electronics:hover .icon, .filter_wrap li#electronics.current .icon,
.filter_wrap li#cs-it:hover .icon, .filter_wrap li#cs-it.current .icon, 
.filter_wrap li#general-science:hover .icon, .filter_wrap li#general-science.current .icon, 
.filter_wrap li#press-information-bureau:hover .icon, .filter_wrap li#press-information-bureau.current .icon, 
.filter_wrap li#editorial:hover .icon, .filter_wrap li#editorial.current .icon, 
.filter_wrap li#polity:hover .icon, .filter_wrap li#polity.current .icon, 
.filter_wrap li#environmental-social-studies:hover .icon, .filter_wrap li#environmental-social-studies.current .icon, 
.filter_wrap li#jee-mathematics:hover .icon, .filter_wrap li#jee-mathematics.current .icon, 
.filter_wrap li#jee-chemistry:hover .icon, .filter_wrap li#jee-chemistry.current .icon, 
.filter_wrap li#jee-physics:hover .icon, .filter_wrap li#jee-physics.current .icon,
.filter_wrap li#jee-biology:hover .icon, .filter_wrap li#jee-biology.current .icon,
.filter_wrap li#international-relations:hover .icon, .filter_wrap li#international-relations.current .icon, 
.filter_wrap li#economics:hover .icon, .filter_wrap li#economics.current .icon, 
.filter_wrap li#other:hover .icon, .filter_wrap li#other.current .icon{
    background-position: 0px 0px;
}
.filter_wrap li#aptitude .icon  {background-image: url(../images/aptitude30.html); background-position: 0px -31px; }
.filter_wrap li#reasoning .icon  {background-image: url(../images/reasoning30.html); background-position: 0px -31px; }
.filter_wrap li#english .icon  {background-image: url(../images/english30.html); background-position: 0px -33px; }
.filter_wrap li#gk .icon  {background-image: url(../images/gk30.html); background-position: 0px -33px;   }
.filter_wrap li#general-awareness .icon  {background-image: url(../images/general-awareness30.html); background-position: 0px -33px;   }
.filter_wrap li#currentaffairs .icon  {background-image: url(../images/current_affairs30.html); background-position: 0px -31px;  }
.filter_wrap li#bankingawareness .icon  {background-image: url(../images/history30.html); background-position: 0px -35px;    }
.filter_wrap li#currentaffairs .icon  {background-image: url(../images/current_affairs30.html); background-position: 0px -31px;  }
.filter_wrap li#Computer .icon  {background-image: url(../images/computer30.html); background-position: 0px -33px;   }
.filter_wrap li#history .icon  {background-image: url(../images/history30.html); background-position: 0px -33px; }
.filter_wrap li#rajasthan-geography .icon  {background-image: url(../images/geography30.html); background-position: 0px -33px;   }
.filter_wrap li#hindi .icon  {background-image: url(../images/hindi30.html); background-position: 0px -33px; }
.filter_wrap li#electrical .icon  {background-image: url(../images/electronic30.html); background-position: 0px -33px;   }
.filter_wrap li#mechanical .icon  {background-image: url(../images/mechanical30.html); background-position: 0px -33px;   }
.filter_wrap li#civils .icon  {background-image: url(../images/civils30.html); background-position: 0px -33px;   }
.filter_wrap li#technical-class .icon  {background-image: url(../images/technical30.html); background-position: 0px -33px;   }
.filter_wrap li#psycology-pedagogy .icon  {background-image: url(../images/pedagogy30.html);background-position: 0px -33px;  }
.filter_wrap li#electronics .icon  {background-image: url(../images/electronics30.html);background-position: 0px -33px;  }
.filter_wrap li#cs-it .icon  {background-image: url(../images/cs_it30.html);background-position: 0px -33px;  }

.filter_wrap li#general-science .icon  {background-image: url(../images/general-science30.html);background-position: 0px -33px;  }
.filter_wrap li#basic-science-engineering .icon  {background-image: url(../images/technical30.html);background-position: 0px -33px;  }
.filter_wrap li#press-information-bureau .icon  {background-image: url(../images/pib30.html);background-position: 0px -33px; }
.filter_wrap li#editorial .icon  {background-image: url(../images/editorial30.html);background-position: 0px -33px;  }
.filter_wrap li#polity .icon  {background-image: url(../images/polity30.html);background-position: 0px -33px;    }
.filter_wrap li#environmental-social-studies .icon  {background-image: url(../images/evs30.html);background-position: 0px -33px; }
.filter_wrap li#international-relations .icon  {background-image: url(../images/IR30.html);background-position: 0px -33px;   }
.filter_wrap li#economics .icon  {background-image: url(../images/economics30.html);background-position: 0px -33px;  }
.filter_wrap li#other .icon  {background-image: url(../images/others30.html);background-position: 0px -33px; }

.filter_wrap li#jee-mathematics .icon  {background-image: url(../images/maths30.html);background-position: 0px -33px;    }
.filter_wrap li#jee-chemistry .icon  {background-image: url(../images/chemistry30.html);background-position: 0px -33px;  }
.filter_wrap li#jee-physics .icon  {background-image: url(../images/physics30.html);background-position: 0px -33px;  }
.filter_wrap li#jee-biology .icon  {background-image: url(../images/biology30.html);background-position: 0px -33px;  }

.filter_wrap ul {padding: 0;margin: 0 auto;list-style: none;}
.filter_wrap ul li {
    display: inline-block; cursor: pointer; padding: 15px 25px; color: #111; font-size: 15px; position: relative; letter-spacing: 1px;
    border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.12) 0 0 15px; background: #fff; margin: 0 3px; border-top: 3px solid var(--color-primary);
    transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; -webkit-transition-duration: .3s;
    margin-top: 11px;}
.filter_wrap ul li img {margin-right: 5px;}
.filter_wrap ul li:hover, .filter_wrap ul li.current {background: var(--color-primary); color: #fff; border-color: var(--color-primary);}
.listing_date {text-transform: uppercase;color: #555;font-size: 16px;letter-spacing: 1.5px;margin: 20px 0 20px 10px;width: 100%;}
#filter_slider { display: none; }
.section_padding {  overflow: visible;}
.filter_wrap li .icon { display: none;}
@media (max-width: 767px) {
    #filter_slider { display: block; margin-bottom: 20px;}
    #ListingFilter {  display: none;}
} 

/*---------------------
    Listing-page for video course page
----------------------*/
/*---------------------
    ssc page css
----------------------*/
@media (max-width: 768px){
    .filter_wrap {
        margin-top:-60px !important;
        padding-bottom:0px !important;
    }
    .time_wp{
       bottom: -2px;
    }
}
@media(min-width:767px) and (max-width:990px){
    .filter_wrap {
        margin-top:-80px !important;
        padding-bottom:40px;
    }
}
@media(min-width:990px) and (max-width:1200px){
    .filter_wrap {
        margin-top:-70px !important;
        padding-bottom:50px
    }
}
.list_wrap.listing_date.daily-quiz.currentaffairs.isotope-item {
    margin-top: 10px !important;
    margin-bottom:5px !important
}
.list_wrap .teacher_img {
    margin-bottom:15px
}
#display_posts {
    max-width: 950px;
    margin: 0 auto;
}
.time_wp {
    position: absolute;
    bottom: 4px;
    left: 41px;
    color: #555;
    font-size: 14px;
}
.teacher_img img{
 max-width: 100% !important;
}
.loaddiv {
    text-align: center;
}
a.btn.loadmore {
    padding: 11px 20px;
    background-color: #393fd7;
    color: #fff;
    font-weight: 700;
}
#loading {
    text-align: center;
}
/* Test page Responsive  */

@media (max-width: 767px) {
    .list_test_wrap {
        padding:15px;
        margin-bottom: 15px;
        border-radius: 5px;
    }
    .live_test_info{
        width:100%;
    }
    .live_test_act {
        margin-top: 15px;
        width: 100%;
    }
    .inner-page .hero-sec.afterskool-page {
        padding: 30px 0px !important;
    }
    .btn_wrap .btn{
        padding:6px 12px;
    }
	.live_test_info h4{
		text-align:center !important;
	}
	.live_test_info p{
		text-align:center;
	}  
}
@media(min-width:767px) and (max-width:990px){
    .list_test_wrap {
        padding:20px;
        margin-bottom: 15px;
    }
    .btn_wrap .btn{
        padding:10px 20px;
    }
}
@media(min-width:990px) and (max-width:1200px){
    .list_test_wrap {
        padding:25px !important;
        margin-bottom: 25px;
    }
    .btn_wrap .btn{
        padding:11px 30px;
    }
}
                                        /* End Test page Responsive */
/*-------------------------
    Teacher-Profile
----------------------*/.teacher_profile {
    text-align: left;
    margin: -30px auto;
    overflow: hidden;
    max-width: 555px;
}
.teacher_img_wp {
    background: #fff;
    width: 170px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    border: rgba(254, 209, 195, .4) solid 3px;
    float: left;
}
.teacher_img_wp img {
    max-width: 100% !important;
}
.teacher_info {
    float: right;
    width: calc(100% - 200px);
    margin: 30px auto;
}
.teacher_profile h1 {
    font-size: 34px;
}
.inner_intro h1 {
    margin: 0 auto;
    color: #fff;
}
.teacher_info p {
    font-size: 21px;
    margin: 0px auto 10px;
}
.inner_intro p {
    font-size: 23px;
    line-height: 35px;
    margin: 10px auto 0;
    color: #fff;
    letter-spacing: 0px;
}
@media (max-width: 767px){

  .inner_intro {
       padding: 30px 0;
   }
  .teacher_profile {
       margin: 0px auto;
   }
   .teacher_img_wp {
    width: 100px;
    border: rgba(254, 209, 195, .4) solid 2px;
    float: none;
    margin: 0 auto 5px;
    }
    .teacher_info {
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    }
     .teacher_profile h1 {
     font-size: 26px;
    }
    .inner_intro p {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 4px;
    }
     .section_padding {
    padding: 50px 0;
    }
}
media (max-width: 480px){
  .list_wrap {
    margin: 0 auto 30px;
  }
 .listing_date {
    font-size: 14px;
    letter-spacing: .5px;
  }
  .teacher_img {
    width: 70px;
    height: 70px;
    border: #d2d1d1 solid 1px;
   }
  .listing_info {
    width: calc(100% - 80px);
    padding: 4px 0 0;
    min-height: 85px;
   }
  .listing_info h4 {
    font-size: 20px;
    margin-right: 25px;
  }
  .listing_info p {
    font-size: 15px;
    line-height: 26px;
    margin: 0 auto 4px;
  }
  .category_type {
    padding: 2px 7px;
    font-size: 11px;
    border-radius: 2px;
    margin: 6px 0;
  }
  .time_wp {
    bottom: -7px;
    left: 11px;
    font-size: 14px;
  }
}
/* About Us Page Responsive */

.guiding-path h2 {
    padding-top:0px
}
.guiding-path p {
    margin-top:20px
}
.offset-lg-1 p{
    padding-top:0px
}
.inner-page {
    padding-bottom:20px
}

@media(max-width:767px){
    .inner-page{
        padding-bottom:10px !important
    }
    .guiding-path p{
        margin-top:10px !important
    }
}
@media(min-width:767px) and (max-width:990px){
    .widht-100{
        width:100% !important
    }
    .guiding-path p{
        margin-top:15px!important
    }
    .inner-page{
        padding-bottom:14px !important
    }
    .top-bar{
        padding-bottom: 12px;
    }
    .mission{
        margin-bottom: 15px;
    }
    .direction-revers {
        padding-bottom: 15px;
    }
    .abroad-experts h2{
        padding-bottom:10px
    }
}
@media(min-width:990px) and (max-width:1200px){
    .inner-page {
        padding-bottom:16px !important
    }
    .top-bar {
        padding-top:0px
    }
    .direction-revers {
        padding-top: 30px;
    }
    .guiding-path h2{
        font-size:30px
    }
    .guiding-path p{
        font-size: 16px;
    }
}
                        /* End About Us Page Responsive */
                        /* Career Page Responsive */

.f-text{
    margin-bottom:5px !important
}

@media(max-width:767px){
    .section-wrap1{
        padding-top:18px
    }
    .main2-heading{
        text-align:left !important;
        padding-left:5px !important;
        padding-top:5px !important;
    }
    #m-fix{
        margin-bottom: -7px !important;
    }
    #p-rm{
        padding-bottom:0px
    }
}
@media(min-width:767px) and (max-width:990px){
    .categorie-sec .categorie-items-sec {
       padding: 0px 60px 50px;
     }
    .f-text{
        padding-bottom:0px !important 
    }
    #p-rm{
        padding-bottom:25px
    }
}
@media(min-width:990px) and (max-width:1200px){
    .main2-heading {
        padding-left:0px !important
    }
}

                        /* End Career Page Responsive */
                        /* Terms-Condition page responsive */
@media(max-width:767px){

    .terms-page-fix h3{
        margin-bottom:7px;
        margin-left:5px
    }
    .terms-page-fix .li-edit ol li {
        padding-left:0px
    }
}
                        /* Terms-Condition page responsive */

/* SSC courses resposive padding p-40 */

@media (max-width: 767px){
    #p-40 {
        padding: 40px 0;
    }
}
/* Jee/Neet Page Responsive */

@media screen and (max-width: 767px){
    .container form {
        padding: 0px;
    }
    .detail-sidebar .btn{
        width:auto;
        font-size:16px;
        padding:8px 12px
    }
    .detail-sidebar{
        padding:17px
    }
    .faculties-wrap {
        padding-left:10px;
        padding-right:10px;
        align-items:end
    }
    .faculties-details p {
        margin-bottom:5px
    }
    .faculties-details h6{
        margin-bottom:2px
    }
    .detail-wrap img {
        max-width:90%;
    }
    .top-faculties {
        margin-bottom: 20px;
        margin-top: 18px;
    }
}   
@media(min-width:767px) and (max-width:990px){
    .detail-sidebar {
        padding:14px
    }
    .container form {
        padding: 0px;
    }
    .detail-sidebar .btn{
        width:auto;
        font-size:14px;
        padding:8px 12px
    }
    .sidebar-enquiry-form h5 {
        font-size: 18px;
    }
        .faculties-wrap {
        padding-left:10px;
        padding-right:10px;
        align-items:end
    }
    .faculties-details p {
        margin-bottom:0px
    }
    .faculties-details h6{
        margin-bottom:2px
    }
    .detail-wrap img {
        max-width:110%;
    }
}
@media(min-width:990px) and (max-width:1200px){
    .detail-sidebar {
        padding:18px
    }
    .container form {
        padding: 0px;
    }
    .detail-sidebar .btn{
        width:auto;
        font-size:16px;
        padding:10px 15px
    }
    .sidebar-enquiry-form h5 {
        font-size: 20px;
    }
} 
/* video course css */
@media(max-width: 767px){
   .inner_intro {
      margin-top: 75px;
    }
   .inner_intro h1 {
       font-size: 20px;
    }
    .listing_info h4 {
       font-size: 14px;
    }
   .watch-btn {
       font-size: 14px;
    }
    .filter_wrap ul li {
        margin: 0px 7px;
        width: 90%;
     }
}  
/*current affairs css */
ul.nav.nav-tabs {
    justify-content: center !important;
}
.tab_nav_wrap {
    margin: -78px auto 70px;
    text-align: center !important;
} 

.tab_nav_wrap .nav-tabs li {
    margin: 0 10px;
}
ul.nav.nav-tabs {
    justify-content: center !important;
    border: 0;
}
.nav-tabs li {
    list-style: none;
    display: inline-block;
    float: none;
}
.tab_nav_wrap .nav-tabs li.active a, .tab_nav_wrap .nav-tabs li a:hover, .tab_nav_wrap .nav-tabs li a.active {
    background: #393fd7 !important;
    color: #fff;
    border-color: #393fd7;
} 
.current_affairs_wrap li.active #quiz .icon, .current_affairs_wrap li:hover #quiz .icon {
    background-image: url(../images/quiz_icon_30.html);
    background-position: 0 -47px;
}
.nav-tabs li a {
    display: block;
    padding: 13px 37px;
    color: #333;
    background: #fff;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
    font-weight: 600;
    font-size: 18px;
}
.current_affairs_wrap li #capsule .icon {
    background-image: url(../images/pdf_icon_30.html);
    background-position: 0 -4px;
}
.current_affairs_wrap .icon {
    position: relative;
    width: 28px;
    height: 27px;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.fade:not(.show) {
    opacity: 1;
}
.fade:not(.show) {
    opacity: 1 !important;
}
.current_affairs_wrap h3 {
    font-size: 28px;
}
.daily_pdf {
    padding: 8px 0;
    margin: 0 -18px 40px;
    overflow: hidden;
}
.daily_pdf p:nth-child(3n+1) {
    clear: left;
}
.daily_pdf p {
    font-size: 20px;
    font-weight: 400;
    color: #b3b3b3;
    float: left;
    width: 33.3%;
    padding: 20px;
    margin: 0 auto;
}
.month_name {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin-right: 10px;
    font-size: 17px;
    display: block;
}
.daily_pdf p a {
    padding: 0;
    display: inline-block;
    width: 35px;
    border: #e4e4e4 solid 1px;
    height: 35px;
    text-align: center;
    margin: 0 auto 5px;
    line-height: 32px;
}

@media (max-width: 767px){
    .listing_video iframe{
        max-width: 320px !important;
        height: 180px !important;
    }
    .listing_video{
        margin-top: 80px !important;
    }
    .subscribe_btn {
        margin: auto !important;
    }
    .subscribe_btn img{
        width: 140px;
    }
    .listing_detail{
        margin-top:0px !important;
        padding: 0px !important;
    }
    .listing_detail h1{
        font-size: 24px !important;
    }
}
@media(min-width:767px) and (max-width:990px){
    .listing_video iframe{
        max-width: 450px !important;
        height: 254px !important;
    }
    .listing_video{
        margin-top: 90px !important;
    }
    .listing_detail h1{
        font-size: 27px !important;
    }
    .listing_detail{
        margin-top:0px !important;
        padding: 0px !important;
    }
}
@media (max-width: 676px){
        .listingpage  #portfoliolist{
            display:flex;
            flex-wrap:wrap
        }
    }

@media (min-width: 575px) and (max-width: 787px){
.font-wrap {
    font-size: 13px !important;
    padding-left: 6px !important;
    padding-right: 5px !important;
    text-align: center !important;
    }

}
/* current affairs page  */
@media(max-width: 767px){
     .tab_nav_wrap {
       margin: -40px auto 9px;
      text-align: center !important;
     }
     .nav-tabs li a {
        padding: 6px 31px;
        font-size: 16px;
      }
      .daily_pdf p {  
        width: 95.3%;
     }
 }
 @media (min-width: 768px) and (max-width: 992px){
     .nav-tabs li a {
        padding: 10px 30px;
        font-size: 17px;
      }
     .tab_nav_wrap {
        margin: -45px auto 10px;
        text-align: center !important;
      }
 }
 @media (min-width: 990px) and (max-width: 1200){
      .tab_nav_wrap {
         margin: -47px auto 10px;
         text-align: center !important;
       }
 } 
 /* current affairs page  */
/*for blog page */
 .blog_img img{
    width:100%
}
.blog_author{
    display: flex;
    align-items: center;
    margin-top: 7px;
}
.blog_author a{
    font-size: 18px !important;
    font-weight: 600;
    margin: 0 5px 0 10px;
}
.author_img img{
    width: 34px;
}
.blog_author span{
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0px;
}
.blog-listing-wrap{
    background:#fff;
}
.blog-listing-details a {
    color:#393fd7 !important;
    transition:0.3s !important;
}  
.blog-listing-details a:hover{
    color: #001482 !important
}
.verified_author i{
    color:#55e03b;
    font-size: 12px;
}
.sidebar-title h4 a{
    color: #393fd7 !important
}
.sidebar-wrap {
    padding: 20px;
    border: #d8d5d5 solid 1px!important;
    margin: 0 auto 20px;
}
/* for blog page */

@media(max-width: 767px){
    .b-detail {
    width: 100%;
}
.blog_container table{
    width:100% !important
}
.container form {
    padding:0px !important
}
    .contact_details_page img{
         width: 300px !important;
         padding-top: 20px;
    }
    .blog_container {
        padding: 0 !important;
    }
    .blog_container p {
        font-size:14px;
        line-height: 20px !important;
    }
    .blog_container h2 {
        font-size: 22px !important;
    }
    .blog_container table td{
        padding: 5px  !important;
    }
    form .btn{
        padding: 8px 12px !important;
    }
    .form-control{
        padding-left: 0 !important;
        padding: 5px !important;
    }
    .blog_author {
        padding-top: 0px !important;
    }
}
@media (min-width: 767px) and (max-width: 990px){
    .b-detail{
        width: 100% !important;
    }
    .blog_img img {
    }
    .contact_details_page img{
         width: 326px !important;
         padding-top: 60px;
    }
}
@media (min-width: 990px) and (max-width: 1200px){
    .contact_details_page img {
        width: 470px;
    }
}

/* for school page*/
.mt70{
    padding-top: 0px;
}
.img-card{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    justify-content: center;
}
.img-info{
    display: flex;
}
.img-info i{
    padding: 0 12px;
    color: #656565;
}


.box-img{
    padding-bottom: 14px;
    margin:0 10px 30px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 15px 0px #00000026;

}
.img-text h6{
    position: absolute;
    left: 5%;
    bottom: 3%;
    font-weight: bold;
    color: #fff;
}
.img-text {
    position: relative;
    margin-bottom: 12px;
    
}
.img-text .shadow-img {
    position: absolute;
    width: 245px;
    height: 145px;
    background: linear-gradient(360deg, #000000 -9.25%, rgba(0, 0, 0, 0) 55%);
}
.img-info p{
    margin-bottom: 5px;
    font-size: 14px;
}
@media(max-width: 767px){
     .img-card  {
         width: 103%;
     }
     .mt70{
         padding-top:20px
     }
 }
@media (min-width: 767px) and (max-width: 990px){
     .mt70{
         padding-top:20px
     }
}
@media (min-width: 990px) and (max-width: 1200px){
    .mt70{
         padding-top:20px
     }
} 
/* my package css*/

.tbl_my_pack ul{
    list-style-type: none;
}
.tbl_my_pack ul li{
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
}
.tbl_my_pack ul li h4 a{
    color: #393fd7;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 8px;
}
.tbl_my_pack ul li h4{
    margin-bottom: 20px;
}
.tbl_my_pack ul li a p{
    color: #393fd7;
}
.tbl_my_pack ul li a p button{
    border:none;
    color: #fff;
    background: #393fd7;
    padding: 8px 7px;
    border-radius: 8px;
}
/* for my package responsive */
 @media(max-width: 767px){
    .tbl_my_pack ul li h4 a{
        border-bottom:none;
        font-size: 17px;
    }
    .tbl_my_pack ul li{
        padding:10px
    }
    .tbl_my_pack ul li h4{
        margin-bottom: 10px;
    }
    .tbl_my_pack ul li p{
        margin-bottom: 5px;
    }
    .tbl_my_pack ul li a p button{
        margin-top: 10px;
    }
}
@media (min-width: 767px) and (max-width: 990px){
    .sidebar_widget{
        padding: 15px;
    }
    .tbl_my_pack ul li h4 a{
        border-bottom: none;
        font-size: 20px;
    }
    .tbl_my_pack ul li p{
        margin-bottom: 5px;
    }
    .tbl_my_pack ul li h4{
        margin-bottom: 10px;
    }
    .tbl_my_pack ul li a p button {
        padding: 5px 10px;
        font-size: 15px;
        margin-top: 5px;
    }
}
@media (min-width: 990px) and (max-width: 1200px){
    .tbl_my_pack ul li a p button {
        margin-top: 10px;
        padding: 8px 12px;
    }
}

.flex-start{
    justify-content: flex-start !important;
}
/* for whatsapp */
.whsp-btn {
    position: fixed !important;
    right: 5%;
    bottom: 15px;
    z-index: 99999;
    background: #15b704;
    width: auto;
    height: 35px;
    border-radius: 50px;
    padding: 0 12px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.whsp-btn:hover{
    color: #fff;
}
.whsp-btn i{
    color: #fff;
    font-size: 19px;
    margin-right: 5px;
}
.whsp-btn:hover{
    background-color: #5fc754cc;
}

@media(max-width:768px){
    .whsp-btn{
        font-size: 11px;
        padding: 0 10px;
        height: 28px;
    }
    .whsp-btn i{
        font-size: 13px;
    }

}

@media(min-width:992px) and (max-width:1200px){
    .whsp-btn {
        right:6%
    }
}
@media(min-width:768px) and (max-width:992px){
    .whsp-btn{
        right:15px;
    }
}
@media(max-width:768px){
    .whsp-btn{
        right:15px;
    }
}