strong,strong a {
    font-weight: 700;
    letter-spacing: .4px
}

.caption,.table th,strong,strong a {
    font-family: LatoWebBold
}

#give_us_feedback .body ul,#give_us_feedback .header h5,#newsletter .modal-body,.comboPackage h4,.exam_testimonials_1 .owl-dots,.user_profile,.vocabulary-check .owl-dots {
    text-align: center
}

.courses_for_you_free,.inner-course-review,.top_test_mock_test,ul.what-you-want-tabs {
    scrollbar-color: #888888 #cdcdcd;
    scrollbar-width: thin
}

.continue-wrap .course-name-icon h4.ixambee-user-name::first-letter,.continue-wrap p::first-letter,.fixed-btn-bottom,.passout_exmas,.uppercase-point-details li {
    text-transform: uppercase
}

.continue-wrap .course-name-icon h4.ixambee-user-name,.continue-wrap p {
    text-transform: lowercase
}

.article-heading h4,.course-validation h4 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

body {
    background-color: #f6f6f6;
    overflow: hidden;
    overflow-y: auto;
    letter-spacing: .6px
}

:root {
    --ixb-white: rgb(255, 255, 255);
    --ixb-black: rgb(43, 43, 43);
    --ixb-gray: rgb(228, 228, 228);
    --ixb-sky-blue: rgb(84, 131, 200);
    --ixb-blue: rgb(22, 71, 138);
    --ixb-orange: rgb(247, 139, 41)
}

table {
    background-color: #fff!important
}

table + p {
    margin-top: 1rem;
}

#make_user_attempt:hover,.custom-accordion .card .card-header a.collapsed,.this_h4,strong {
    color: var(--ixb-black)
}

p {
    line-height: 22px;
    color: #4e4e4e
}

.all--options,.banner-social-links,.m-top-10 {
    margin-top: 10px
}

.upsc-logo {
    width: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #e8e8e8
}

.text-truncate {
    white-space: normal
}

p.this_highlight {
    font-size: 2rem;
    margin: 25px 0;
    font-weight: 800;
    padding: 15px 0 15px 15px;
    color: #16478a
}

.banner-social-links a:hover,.comboPackage h4,.comboPackage h4 span,.share_whats_app:hover,.share_whats_app:hover i {
    color: var(--ixb-white)
}

.w_h_icons {
    width: 20px;
    height: 24px;
    display: inline-block
}

.bg-orange {
    background-color: var(--ixb-orange);
    border: var(--ixb-orange) solid 1px
}

.bg-orange:hover {
    background-color: var(--ixb-blue);
    border: var(--ixb-blue) solid 1px
}

.all-available-packages {
    font-size: 28px
}

.comboPackage {
    background: var(--ixb-white);
    border-radius: 10px;
    min-width: 100%;
    transition: .5s ease-in-out;
    overflow: hidden;
    border: 1px solid #dbdbdbcc
}

.comboPackage:hover {
    box-shadow: none;
    box-shadow: 0 0 20px #ccc
}

.comboPackage h4 {
    padding: 6.2px 5px 5px;
    font-size: 10.9px;
    display: inline-block;
    width: 140px!important;
    background: var(--ixb-orange)!important;
    margin-top: 10px;
    position: relative
}

.discountBox.packageBox,.package_ul {
    padding: 0 20px
}

.package_ul {
    position: relative;
}

.package_ul:after {
    position: absolute;
    top: -35px;
    right: 5px;
    content: "";
    background: url("https://static.ixambee.com/v5/assets/images/christmas-badge.svg") no-repeat;
    width: 50px;
    height: 100px;
    -moz-background-size:100% 45px;
    background-size:100% 45px;
}

.package_ul p {
    margin-top: 20px;
}

.comboPackage .exam-logo-with-name h2 {
    color: #16478a;
    font-size: 15px;
    margin-top: 0;
    margin-left: 12px
}

#give_us_feedback .body ul li {
    list-style: none;
    cursor: pointer;
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 5px;
    color: var(--ixb-white);
    line-height: 60px;
    text-align: center;
    margin-bottom: 0
}

#give_us_feedback .body ul li:hover {
    background-color: var(--ixb-blue)!important
}

#give_us_feedback .header h5 span {
    color: var(--ixb-black);
    font-size: 14px;
    display: block;
    margin-top: 5px
}

legend.scheduler-border {
    width: inherit;
    padding: 0 10px;
    border-bottom: none
}

#give_us_feedback .body ul li.red,#submit_address:hover,.exam_testimonials_1 .owl-dots .owl-dot.active,.need-any-help-user h3::after,.need-any-help-user::after,.vocabulary-check .owl-dots .owl-dot.active,a.read--more--text:hover::after {
    background-color: var(--ixb-orange)
}

#give_us_feedback .body ul li.yellow {
    background-color: #fcc535
}

#give_us_feedback .body ul li.green {
    background-color: #00eaa7
}

fieldset {
    border: 1px solid var(--ixb-blue);
    margin: 1px;
    padding: 1px 10px 10px
}

.comboPackage .exam-logo-with-name {
    background: rgb(247 247 247);
    color: var(--ixb-black);
    padding: 10px 15px;
    display: flex;
    align-items: center
}

.comboPackage .exam-logo-with-name img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid rgb(215 215 215)
}

.text-center {
    text-align: center!important
}

.priceBox_web {
    position: relative;
    text-align: center;
    height: 60px;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto 0 20px
}

.priceBox_web h2.textDarkBlue {
    font-size: 36px
}

.priceBox_web h2.text-through {
    position: relative;
    top: 16px;
    margin-left: 12px;
    font-size: 18px
}

.textLightGray {
    color: #999
}

.text-through {
    text-decoration: line-through
}

.package_ul ul {
    margin-left: -10px;
    list-style: none;
    margin-top: 0;
    margin-bottom: 1rem
}

.second_live_menu {
    background: var(--ixb-blue);
    color: var(--ixb-white)!important;
    border-radius: 4px
}

.package_ul>ul>li {
    font-size: 14px;
    padding: 15px 0 15px 28px;
    color: var(--ixb-black);
    position: relative;
    font-family: Lato,sans-serif
}

/* .profile_heading h2 span,h1,h2,h3,h4,h5,h6 {
    font-family: Lato,sans-serif !important
} */

.package_ul>ul>li:before {
    position: absolute;
    width: 16px;
    height: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f00c";
    font-size: 12px;
    top: 16px;
    left: 5px;
    color: #17a2b8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.participate-now-link,.see-more-details {
    text-align: right
}

.see-more-details .see_more_course {
    font-size: 16px;
    color: var(--ixb-blue)
}

.editorial-cornet-box ul li a:hover,.see-more-details .see_more_course:hover,.watch-video-btn:hover,a.read--more--text:hover {
    color: var(--ixb-orange);
    text-decoration: none
}

.see-more-details .see_more_course .fa {
    position: relative;
    top: 2px;
    font-size: 20px
}

.comboPackage h4::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    border-top-color: var(--ixb-orange);
    border-right-color: transparent;
    border-bottom-color: var(--ixb-orange);
    border-left-color: var(--ixb-orange);
    border-style: solid;
    border-width: 12.1px;
    top: 0
}

.custom-button-border {
    display: block;
    border: solid 2px var(--ixb-blue);
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    color: var(--ixb-blue);
    transition: .3s ease-in-out;
    position: relative
}

.custom-button-border svg {
    position: relative;
    top: 2px;
    margin-left: 5px
}

.custom-button-border:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s;
    box-shadow: 0 0 0 15px var(--ixb-blue)
}

.custom-button-border:active:after {
    box-shadow: 0 0 0 0 var(--ixb-blue);
    position: absolute;
    border-radius: 1em;
    left: 0;
    top: 0;
    opacity: 1;
    transition: none
}

.custom-button-border .fa {
    width: auto;
    font-size: 22px;
    margin-left: 5px;
    position: relative;
    top: 4px
}

.custom-button-border:hover {
    background: var(--ixb-blue);
    color: var(--ixb-white);
    text-decoration: none
}

.custom-orange-border {
    border: solid 2px var(--ixb-orange);
    color: var(--ixb-orange)
}

.custom-orange-border:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s;
    box-shadow: 0 0 0 15px var(--ixb-orange)
}

.custom-orange-border:active:after {
    box-shadow: 0 0 0 0 var(--ixb-orange);
    position: absolute;
    border-radius: 10px;
    left: 0;
    top: 0;
    opacity: 1;
    transition: none
}

.custom-orange-border:hover {
    background: var(--ixb-orange)
}

.packages-right-inner {
    background-color: var(--ixb-white);
    box-shadow: 0 0 10px #e9e9e9;
    padding: 5px;
    border-radius: 10px;
    margin-top: 40px;
    overflow-y: auto;
    max-height: 400px
}

.all_testimonials h2,.packages-right-side-navigation .heading,.req-callback-btn h2 {
    font-size: 20px
}

.PointDetails,.req-callback-btn,section.number-speaks-itself {
    margin-top: 20px
}

.PointDetails li {
    font-size: 14px;
    line-height: 20px!important;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    color: var(--ixb-black);
    transition: .2s ease-out;
    list-style: none
}

.PointDetails li a {
    display: block;
    padding: 4px 10px 4px 20px;
    color: var(--ixb-black);
    font-size: 13px
}

.what-you-want-tabs li a,.what-you-want-tabs li.current a {
    height: 22px;
    padding: 6px 10px 25px;
    display: inline-block;
    font-weight: 400
}

.PointDetails li a:hover {
    color: var(--ixb-orange)!important;
    text-decoration: none
}

.PointDetails li::after {
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-size: 14px;
    transition: .2s ease-out
}

.PointDetails li:hover::after {
    left: 5px
}

.PointDetails li:last-child,.custom-accordion .card {
    border: 0
}

.orange-divider {
    display: inline-block;
    width: 80px;
    background-color: var(--ixb-orange);
    margin: auto;
    height: 4px;
    border-radius: 5px
}


.orange-divider-new  {
    display: inline-block;
    width: 80px;
    background-color: var(--ixb-orange);
    margin: auto;
    height: 4px;
    border-radius: 5px
}

.orange-divider-new:after {
    content: '';
    position: absolute;
    width: 80px;
    transform: scaleX(0);
    height: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--ixb-orange);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
  }
  
  .orange-divider-new:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }

  .custom_list_view li {
    overflow: hidden;
  }


  .orange-divider-all-pkg:after,
  .givenUnderline-divider:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--ixb-orange);
    transform-origin: bottom right;
    transition: transform 0.18s ease-out;
    bottom:0;
  }

  .givenUnderline-divider:after {
    background-color: #51d999;
  }
  
  .orange-divider-all-pkg:hover:after,
  .givenUnderline-divider:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }


  .orange-divider-all-divider:after {
    content: '';
    position: absolute;
    width: 80px;
    transform: scaleX(0);
    height: 4px;
    bottom: -5px;
    left:0;
    right:0;
    margin: auto;
    background-color: var(--ixb-orange);
    transform-origin: bottom right;
    transition: transform 0.18s ease-out;
  }
  
  .orange-divider-all-divider:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }







.main-marqueee {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.anistyle {
    font-weight: 700;
    color: var(--ixb-blue);
    font-size: 1.5rem;
    font-family: cambriaRegular
}

.this_h2,.this_h3 {
    font-weight: 500;
    margin: 20px 0
}

.blink_me {
    animation: 6s linear infinite blinker
}

.explore-package-heading {
    position: relative;
    color: var(--ixb-blue);
    margin-bottom: 5px;
    font-size: 18px
}

.see-more-details .see_more_course i {
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 4px
}

.input-group-btn {
    position: absolute;
    right: 0;
    z-index: 99;
    top: 6px
}

.input-group-btn .btn-danger {
    background-color: transparent;
    color: var(--ixb-black);
    cursor: default!important;
    border: 0
}

#top_exam_navbar,.comboPackage ul.this_ul li::after,.exam_testimonials_1 .owl-nav .owl-next span,.exam_testimonials_1 .owl-nav .owl-prev span,.explore-package-menu,.fixed_navbar_bottom,.hideSearchBar,.hideyellowBorder::after,.packges-mobile-navbar,.preparation_quiz_mb,.second_ul li::after {
    display: none
}

#firestform,#give_us_feedback,.editorial-cornet-box,.google-btn button img,.instructor_details a,.lightbluebackground,.ngo-logo,.notifyjs-corner,.or-divider span,.passout_exmas,.searchlist-n,.top_test_mock_test .attempt-test-sections,.upcoming_exam_widget {
    background-color: var(--ixb-white)
}
/* 
.online-course-banner {
    padding: 15px 0;
    background-image: url(../../assets/images/behive_bg.png);
    background-color: var(--ixb-blue);
    position: relative;
    background-position: center;
    background-blend-mode: soft-light;
    overflow: hidden
}

.online-course-banner::after {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 320px;
    position: absolute;
    z-index: 1;
    animation: 10s infinite slide;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%)
} */

@keyframes slide {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.check_course_detail,.course-highlights,.online_course_banner_detail {
    min-height: 150px;
    margin-bottom: 10px;
}

/* .online-course-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    content: "";
    background: rgba(0,0,0,.2)
} */

.online-course-banner nav {
    margin-top: 10px;
}

#user-query-form,.group_this_form_leads,.online-course-banner .col-sm-12,.online-course-banner .col-sm-4,.online-course-banner .col-sm-8 {
    position: relative;
    z-index: 99
}

.online-course-banner .custom-breadcrumb li.breadcrumb-item.active {
    font-size: 12px;
    position: relative;
    top: 2px
}

.online-course-banner .custom-breadcrumb li a {
    color: #bed2ef;
    cursor: pointer;
    font-size: 12px
}

#anchor_link:hover,.course-highlights .col-sm-6 a:hover,.exam_testimonials_1 .item a:hover,.google-btn a:hover,.online-course-banner .custom-breadcrumb li a:hover,.online-courses-blue:hover,.other-mock-test-inner:hover,.section_Up_From_Bottom .innerContent_section a:hover,.started-free-trial:hover,.user_profile a:hover {
    text-decoration: none
}

.online-course-banner h1 {
    font-size: 22px;
}

#stars {
    min-width: 104px;
    height: 20px
}

.online-course-banner .rating {
    margin-top: 10px;
    color: #ffb26b;
    margin-bottom: 5px!important;
    width: 100%;
    min-height: 25px;
    display: flex
}

ul.what-you-want-tabs {
    white-space: nowrap;
    overflow-x: auto;
    margin-bottom: 20px;
    padding-bottom: 10px;
    top: 0;
    left: 0;
    z-index: 994;
    height: 54px;
    position: fixed;
    background-color: #fff;
    padding: 8px 60px 0 8px;
    width: 100%;
    box-shadow: 0 10px 20px #ccc;
}

ul.what-you-want-tabs.fixed {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999
}

.sticky_header_sub_top_page a.active {
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    padding: 6px 10px
}

.inner-course-review::-webkit-scrollbar,ul.what-you-want-tabs::-webkit-scrollbar {
    background: #e7e7e7;
    width: 5px;
    height: 14px
}

.this_ul li::after,ul.this_secondul li::after {
    width: 18px;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.inner-course-review::-webkit-scrollbar-thumb,ul.what-you-want-tabs::-webkit-scrollbar-thumb {
    background: #bababa
}

.what-you-want-tabs li {
    display: inline-block;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    color: var(--ixb-blue);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.number-speaks-itself h2 {
    font-size: 24px;
    color: var(--ixb-blue)
}

.what-you-want-tabs li a {
    color: rgb(63 135 236);
    background: #fff;
    border-radius: 5px;
    line-height: 20px;
    font-size: 14px
}

ul.blog_section_listing li,ul.this_secondul li {
    padding-left: 20px
}

.what-you-want-tabs li.current a {
    color: var(--ixb-white);
    background: var(--ixb-blue);
    border-radius: 5px;
    line-height: 19px;
    font-size: 14px
}

.what-you-want-tabs li a:hover {
    text-decoration: none;
    color: var(--ixb-white);
    background: var(--ixb-blue);
}

.custom-accordion .pdf_download {
    white-space: normal;
    background-color: transparent!important;
    overflow: inherit;
    font-size: 16px
}

.custom-accordion .pdf_download:hover {
    background-color: transparent!important;
    border: 0!important
}

.course-purchase-section {
    padding: 15px 25px;
    margin-top: 55px;
    border-radius: 5px;
    box-shadow: rgb(126 126 126) 0 0 8px;
    margin-bottom: 20px;
    background-color: #fff;
}

.online-courses-orange:first-of-type {
    background: #8383f4;
    background: linear-gradient(90deg,#8383f4 0,#122259 57%,#122259 100%);
    width: 100%;
    padding: 20px;
    font-size: 18px;
    display: block;
    text-align: center;
    color: var(--ixb-white);
    border-radius: 5px;
    margin: 10px 0;
    transition: .3s ease-in;
    position: relative
}

.blog_section,.continue-wrap,.facilty-details,.faculty-img-container,.login-section,.main-login-container,.online-courses-blue,.online-courses-orange:hover:first-of-type,.req-callback-btn a:hover {
    background-color: var(--ixb-white)
}

.online-courses-orange:hover:first-of-type {
    color: var(--ixb-white)!important;
    text-decoration: none
}

.online-courses-orange i,.watch-video-btn i,.watch-video-btn svg {
    margin-right: 5px
}

.online-courses-blue,.req-callback-btn a {
    width: 100%;
    padding: 20px;
    display: block;
    margin: 10px 0;
    text-align: center
}

.online-courses-blue {
    border: solid 2px var(--ixb-blue);
    color: var(--ixb-blue);
    border-radius: 5px;
    transition: .3s ease-in
}

.online-courses-blue:hover,.req-callback-btn a {
    border: solid 2px var(--ixb-orange);
    color: var(--ixb-orange);
    background-color: var(--ixb-white)
}

.req-callback-btn a {
    border-radius: 5px
}

.req-callback-btn a i,.req-callback-btn a svg {
    margin-right: 10px
}

.req-callback-btn a:hover {
    text-decoration: none;
    border: solid 2px var(--ixb-blue);
    color: var(--ixb-blue)
}

.all_testimonials,.custom-heading-home,.sign-up-btn,section.free-mock-tests {
    margin-top: 30px
}

.custom-heading-home span,.this_h2::after,.this_h4::after {
    background-color: var(--ixb-orange);
    margin-top: 10px;
    display: block
}

.custom-heading-home h2 {
    font-size: 26px;
    font-weight: 800;
    color: var(--ixb-blue)
}

.custom-heading-home span {
    width: 150px;
    height: 5px;
    border-radius: 10px
}

.this_img {
    width: 100%;
    height: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px #e8e8e8
}

.this_h2 {
    font-size: 20px;
    color: #5483c8;
    position: relative
}

.this_h3 {
    font-size: 18px;
    color: var(--ixb-orange);
    position: relative
}

.this_h4 {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px
}

.blog_section,.custom-accordion .card,.download-nabard-pdf li,.sign_up_testimonials p,.this_p,.this_ul {
    margin-bottom: 20px
}

.this_h2::after,.this_h4::after {
    content: "";
    width: 92px;
    height: 4px;
    border-radius: 5px
}

.this_p {
    line-height: 30px;
    color: #4e4e4e
}

.this_ul li,ul.blog_section_listing li {
    margin-bottom: 15px;
    position: relative;
    list-style: none
}

.this_ul li {
    line-height: 26px;
    padding-left: 26px
}

ul.this_secondul {
    margin-top: 15px;
    position: relative
}

ul.this_secondul li::after {
    content: "\f105";
    font-size: 16px;
    top: 0;
    color: #37a6ce
}

.custom-accordion .card .card-header a.collapsed::after,.custom-accordion .card .card-header a::after,ul.blog_section_listing li::after {
    font-size: 20px;
    font-weight: 800;
    position: absolute;
    font-family: "Font Awesome 5 Free"
}

.this_ul li::after {
    content: "\f00c";
    font-size: 12px;
    height: 18px;
    font-weight: 600;
    top: 2px;
    left: 2px;
    color: #868686
}

.this_bold {
    font-weight: 700;
    color: #4e4e4e;
    font-family: LatoWebBold
}

.this_h3 .this_bold {
    color: var(--ixb-blue);
    font-family: 'Roboto Slab',serif!important;
    font-weight: 600
}

.custom-accordion {
    margin-top: 10px;
    padding: 0
}

.custom-accordion .card .card-header {
    border: 0;
    background: var(--ixb-white)
}

.blog_section,.continue-wrap {
    border-radius: 5px
}

.custom-accordion .card .card-header a {
    display: block;
    text-align: left;
    width: 100%;
    text-decoration: none;
    color: var(--ixb-orange);
    padding-right: 50px
}

.custom-accordion .card .card-header a.collapsed::after {
    content: "\f107";
    right: 20px
}

.custom-accordion .card .card-header a::after {
    content: "\f106";
    right: 20px;
    top: 14px
}

.blog_section {
    padding: 20px
}

.blog_section .this_h2 {
    margin: 0 0 20px
}

ul.blog_section_listing li:last-child {
    margin: 0
}

ul.blog_section_listing li a {
    color: var(--ixb-black);
    font-size: 14px;
    position: relative
}

.checked,.exam_testimonials_1 .item a,.mocktest-n-list:hover,.sign-up-btn a,ul.blog_section_listing li a:hover {
    color: var(--ixb-orange)
}

ul.blog_section_listing li::after {
    content: "\f105";
    left: 0;
    top: 0
}

.study-custom-accordion .card .card-body {
    padding-left: 30px!important
}

.study-custom-accordion .card .card-body ol li {
    margin-bottom: 20px;
    font-size: 14px
}

.attempt-test-sections ul li:last-child,.disappear,.download-nabard-pdf li:last-child,.study-custom-accordion .card .card-body ol li:last-child {
    margin-bottom: 0
}

.faculty-name {
    font-size: 18px;
    color: var(--ixb-blue);
    margin-top: 0;
    font-family: LatoWebBold
}

.faculty-name small {
    display: block;
    width: 100%;
    color: #848484;
    font-size: 14px
}

p.faculty-detail {
    font-style: italic;
    font-size: 15px;
    margin-top: 10px
}

.this_img_o {
    width: 100%;
    height: 100%
}

.course-reviews {
    padding: 0 0 30px
}

.continue-wrap {
    overflow: hidden;
    position: relative;
    white-space: normal;
    width: 310px;
    margin-right: 15px
}

.courses-wrap {
    padding: 0;
    border: 0;
    box-shadow: 0 0 10px #ccc;
    margin: 10px
}

.continue-wrap .course-name-icon img {
    background-color: #e6e6e6;
    padding: 2px;
    border-radius: 50px;
    width: 50px!important;
    height: 50px;
    float: left
}

.continue-wrap .course-name-icon {
    position: relative;
    z-index: 9
}

.continue-wrap .course-name-icon h4 {
    font-size: 14px;
    color: var(--ixb-black);
    padding-left: 15px;
    float: left;
    max-width: 200px;
    width: 100%
}

.rating.mack-user-reivews {
    margin-left: 12px;
    display: block;
    float: left
}

.continue-wrap .course-name-icon small {
    font-size: 13px;
    color: #898989;
    margin-left: 16px
}

.continue-wrap p {
    margin: 15px
}

.continue-wrap p.thnx-ixambee {
    font-style: italic;
    font-size: 16px;
    margin-bottom: 0;
    color: #898989;
    font-weight: 700
}

.courses_for_you_free,.inner-course-review {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px
}

.all_user_rating,.courses_for_you_free ul,.inner-course-review ul,.inner-course-review ul li,.online-course-link p {
    display: flex
}

.inner-course-review ul ol li {
    display: block
}

.faculty-img-container {
    width: 150px;
    height: 150px;
    margin-top: -80px;
    padding: .25rem;
    border: 1px solid #dee2e6;
    border-radius: 50%!important
}

.faculty-img {
    border-radius: 50%!important;
    width: 140px;
    height: 140px
}

.facilty-details {
    padding: 16px;
    border-top: solid 3px var(--ixb-blue);
    margin-top: 85px
}

.inner-course-review .col-sm-6 {
    float: left
}

.watch-video-btn {
    color: var(--ixb-blue);
    text-align: center;
    border-radius: 5px;
    transition: .3s ease-in;
    font-size: 14px;
    float: right;
    margin-right: 15px
}

.success-stories-section {
    min-height: 346px
}

.recommended-more i {
    margin-left: 8px;
    margin-right: unset;
    font-size: 18px;
    position: relative;
    top: 4px
}

.recommended-for-you {
    margin: 15px
}

.recommended-for-you li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    font-size: 15px
}

.recommended-for-you li::before {
    content: "\f00c";
    position: absolute;
    width: 18px;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    height: 18px;
    top: 6px;
    left: 2px;
    color: #868686;
    font-weight: 600
}

.started-free-trial {
    color: var(--ixb-black);
    margin-top: 10px;
    border-left: 3px solid #e2e2e2;
    padding-left: 10px
}

.forgot-password,.forgot-password:hover,.other-mock-test-btn,.sign-up-btn a:hover,.thankyou-msg .check-circle i {
    color: var(--ixb-blue)
}

.course-highlights .col-sm-6 {
    position: relative;
    max-height: 120px;
    background: #fff;
    border: 4px solid #fff;
    padding: .6rem 1.5rem .6rem 1rem;
    max-width: 270px;
    margin-left: 15px;
    margin-bottom: 14px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 5px 10px 0 #ebf1f7;
    transition: .3s ease-in
}

.course-highlights .col-sm-6:hover {
    background-color: #fff;
    border-color: #b1d8f6
}

.course-highlights .col-sm-6 a {
    display: block;
    width: 100%
}

.course-highlights .col-sm-6 img {
    position: relative;
    margin-right: 10px
}

.breadcrumb-item+.breadcrumb-item::before {
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #8a8a8a!important
}

.attempt-test-sections {
    padding-bottom: 10px;
    border: 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 3px 3px 10px #f3f3f3, -3px -3px 10px #eeeeee;
}

.attempt-test-sections .course-name-icon img {
    background-color: #ececec;
    padding: 3px;
    border-radius: 50px;
    width: 50px!important;
    height: 50px;
    float: left
}

.attempt-test-sections .course-name-icon .course-validation {
    font-size: 16px;
    padding-left: 10px;
    float: left;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-validation h4 {
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    max-height: 40px;
    font-size: 15px
}

.attempt-test-sections .course-name-icon .beepedia-text {
    overflow: inherit;
    padding-left: 0;
    max-width: none
}

.course-name-icon p {
    float: left;
    margin-left: 10px;
    color: #888787;
    margin-top: 5px;
    font-size: 12px
}

.attempt-test-sections .course-name-icon {
    padding: 10px 20px
}

.attempt-test-sections ul {
    padding: 20px 20px 20px 30px;
    min-height: 120px;
    position: relative
}

.attempt-test-sections ul.free_mock_test_min_height {
    min-height: 85px
}

.attempt-test-sections ul li {
    font-size: 14px;
    margin-bottom: 10px;
    list-style: none;
    color: var(--ixb-black)
}

.attempt-test-sections ul li i,.attempt-test-sections ul li svg {
    margin-right: 6px
}

.custom-group-btn {
    display: flex;
    justify-content: center
}

.custom-group-btn a:hover {
    border: solid 1px var(--ixb-blue)!important;
    box-shadow: 0 4px 12px 0 rgb(26 68 140 / 24%)!important
}

.custom-group-btn a:active{
    background-color: var(--ixb-orange)!important;
    border: solid 1px var(--ixb-orange)!important;
}


p.button-gradiant-small-disable {
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ixb-orange)
}

.custom-group-btn a i,.custom-group-btn a svg,.date-time-events p i,.editorial-cornet-box ul li a i {
    padding-right: 5px
}

.custom-group-btn .btn-secondary {
    border-radius: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 10px 0
}

.custom-group-btn .btn-secondary:first-of-type {
    border-radius: 5px!important;
    background-color: var(--ixb-blue);
    border: solid 1px var(--ixb-blue);
    margin: 0 10px 10px;
    font-size: 14px;
    font-weight: 500
}

.custom-group-btn .btn-secondary:nth-of-type(2) {
    background-color:#fff;
    border-color: var(--ixb-white);
    border-radius: 5px;
    margin: 0 10px 10px;
    color: var(--ixb-blue);
    border: solid 1px #f1f1f1;
}

.mack-review-inner {
    min-height: 220px;
    padding: 0
}

.other-mock-test-btn {
    width: 45px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 50px;
    transition: .2s
}

.login-section,.login-user-reviews {
    height: 100%;
    display: flex;
    width: 100%
}

.course-name-icon {
    transition: .2s ease-in-out
}

.button-gradiant-small-disable:hover,.other-mock-test-inner .course-name-icon,.other-mock-test-inner:hover .course-name-icon {
    background-color: var(--ixb-white)!important
}

.other-mock-test-inner .beepedia-pdf-icon {
    justify-content: space-between
}

.other-mock-test-inner:hover .other-mock-test-btn {
    background-color: var(--ixb-orange);
    box-shadow: 0 0 0 5px #ccc;
    color: var(--ixb-white)
}

.other-mock-test-inner h4 {
    color: var(--ixb-black);
    padding: 0 10px
}

.main-login-container {
    border-radius: 5px;
    box-shadow: 0 0 20px #ccc;
    overflow: hidden
}

.login-section {
    align-items: start;
    padding: 2rem;
    justify-content: start;
    flex-direction: column;
    min-height: 500px
}

.login-section h1 {
    font-size: 28px;
    margin-bottom: 8px
}

.login-section form {
    margin-top: 18px
}

.login-section p {
    font-style: italic;
    color: #7b828c;
    font-size: 14px
}

.login-user-reviews {
    background: url(../../assets/images/login-image-xtremebee.png) center/cover no-repeat;
    justify-content: center;
    align-items: end;
    padding: 50px
}

.login-screen-bg {
    background-color: #e4e7ec
}

.google-btn {
    width: 100%;
    margin-top: 20px
}

.google-btn button {
    background-color: #007bff;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 10px 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
    color: var(--ixb-white);
    font-family: LatoWebBold;
    transition: .3s ease-in
}

.article-read-more:hover,.exam-section-course .recommended-more:hover,.google-btn button:hover,.login-submit-btn:hover {
    background-color: var(--ixb-blue)
}

.google-btn button img {
    width: 35px;
    height: 35px;
    padding: 5px;
    margin-right: 16px;
    border-radius: 5px
}

.or-divider {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: relative;
    margin-top: 20px
}

.or-divider span {
    width: 60px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    z-index: 9;
    position: relative
}

.or-divider::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    content: "";
    left: 0;
    top: 14px;
    z-index: 0
}

.login-submit-btn {
    background-color: var(--ixb-orange);
    border: solid 1px var(--ixb-orange);
    padding: 10px 0;
    margin-top: 20px;
    transition: .3s ease-in;
    font-size: 20px
}

.input-effect input {
    padding: 12px 15px
}

.form-check-label {
    font-size: 14px;
    position: relative;
    top: -2px
}

#make_user_attempt2,.forgot-password,.subscribe-mail-icon small,.subscribe-mail-phone small {
    font-size: 14px
}

.sign-up-btn i {
    font-size: 20px;
    position: relative;
    top: 4px;
    margin-left: 8px
}

.user-reviews-carousel {
    padding: 20px;
    background-color: rgba(255,255,255,.96);
    border-radius: 5px
}

.user-reviews-carousel .item p {
    color: var(--ixb-black);
    font-size: 16px;
    font-family: LatoWebBold
}

.user-reviews-carousel .item .userName {
    color: var(--ixb-orange);
    margin-top: 10px
}

.choose-what-you-learn .modal-heading span,.term-and-condition {
    font-size: 12px
}

.important-links li {
    border-bottom: none;
    color: #007bff!important
}

.important-links li a {
    color: #007bff!important;
    text-decoration: underline
}

.exam-section-course .recommended-more {
    background-color: var(--ixb-orange);
    padding: 10px 20px;
    float: left;
    color: var(--ixb-white);
    margin-left: 15px
}

.custom-btn-globle:hover,.submit-button:hover {
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    text-decoration: none
}

.exam-inner-detail {
    margin-top: 10px;
    margin-left: 14px
}

.custom-btn-globle {
    background-color: var(--ixb-blue);
    padding: 10px 20px;
    float: left;
    color: var(--ixb-white);
    border-radius: 5px;
    font-size: 14px!important
}

.beepedia-text h6 {
    color: var(--ixb-black);
    position: relative;
    font-size: 14px;
    max-width: 185px;
    line-height: 20px
}

.beepedia-pdf-icon img {
    padding: 0!important
}

.second_ul {
    margin-left: 20px;
    margin-top: 15px
}

.second_ul li {
    list-style: disc;
    padding-left: 0;
    margin-bottom: 5px
}

#callbackfrom .modal-content .close {
    position: absolute;
    right: -16px;
    z-index: 99;
    background-color: var(--ixb-orange);
    width: 30px;
    height: 30px;
    opacity: 1;
    top: -12px;
    border-radius: 50px;
    color: var(--ixb-white)
}

.submit-button {
    background-color: var(--ixb-orange);
    padding: 10px 42px;
    color: var(--ixb-white);
    display: inline-block;
    border-radius: 5px !important;
    margin: 2px 0;
    border: 0;
    cursor: pointer
}

.thankyou-msg h2 {
    font-size: 30px;
    color: var(--ixb-blue)
}

.thankyou-msg .check-circle {
    font-size: 80px;
    color: #43a047
}

.result-page-design {
    background-color: #efefef
}

.result-page-design .item h4 {
    font-size: 30px;
    text-align: center;
    padding: 20px
}

.active-navbar a {
    color: var(--ixb-orange)!important
}

span.total_ratings {
    font-size: 14px;
    position: relative;
    left: 5px;
    top: 4px;
    height: 25px
}

.speaks-itself-inner {
    background-color: #091d3e;
    margin: 30px 0;
    box-shadow: 10px 10px 0 #088bed;
    padding: 45px 20px
}

.speaks-itself-inner .all-about-numbers {
    text-align: center;
    position: relative
}

.speaks-itself-inner .all-about-numbers::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 25px;
    background-color: var(--ixb-orange);
    right: 0;
    bottom: 40%
}

.speaks-itself-inner .all-about-numbers h3 {
    font-size: 24px;
    color: var(--ixb-white)
}

.speaks-itself-inner .all-about-numbers p {
    color: #cfd9e9
}

.custom-blue-btn:hover,.mobile-fixed-btn:hover,.online_course_banner_detail a.orange-theme-color:hover {
    color: var(--ixb-white);
    text-decoration: none
}

#give_us_feedback {
    padding: 25px;
    margin: 50px 20px;
    box-shadow: 0 0 20px #dfdfdf;
    border-radius: 5px
}

#give_us_feedback .body ul li:first-child {
    position: relative;
    top: 24px;
    background: #ccd
}

#firestform {
    padding: 50px;
    margin: 20px 0
}

@media(max-width: 991px) {
    p.this_highlight {
        line-height:30px;
        font-size: 1.6rem;
        padding: 10px
    }

    #give_us_feedback {
        background-color: var(--ixb-white);
        padding: 0 15px;
        margin: 15px 0
    }

    .explore-package-menu {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .right-navigation-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        display: block;
        top: 0;
        left: 0;
        z-index: 996
    }

    #give_us_feedback .body ul li {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 0
    }

    #give_us_feedback .body ul li:first-child {
        position: relative;
        top: 13px;
        background: #ccd
    }

    .packages-right-inner {
        transform: translatey(150%);
        transition: transform .25s ease-in-out;
        position: fixed;
        width: 95%;
        padding: 20px;
        bottom: 50px;
        height: 50%;
        overflow-y: auto;
        z-index: 995;
        margin: 0 auto 20px;
        left: 0;
        right: 0
    }

    .overflow--hidden {
        overflow: hidden
    }

    .PointDetails {
        margin: 0
    }

    .packges-mobile-navbar {
        background-color: var(--ixb-white);
        position: fixed;
        right: 10px;
        bottom: 50px;
        width: 42px;
        z-index: 1002;
        border-radius: 5px;
        display: block;
        padding: 1px 7px;
        border: 2px solid #ccc
    }

    .explore-package-menu {
        position: fixed;
        right: 0;
        left: 0;
        margin: auto;
        bottom: 0;
        background: var(--ixb-blue);
        background: linear-gradient(101deg,#1a237e 10%,#3949ab 81%);
        width: 100%;
        z-index: 997;
        font-size: 20px;
        box-shadow: 0 0 10px #acacac
    }

    .explore-package-menu .hamburger {
        padding: 5px 0
    }

    .explore-package-menu .hamburger p {
        color: var(--ixb-blue);
        position: relative;
        padding-left: 10px;
        color: #fff;
        font-size: 14px
    }

    div#hamburger-1 {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .packges-mobile-navbar span {
        background-color: var(--ixb-white);
        width: 100%;
        display: block;
        height: 3px;
        border-radius: 5px;
        position: relative;
        cursor: pointer
    }

    .packges-mobile-navbar p {
        color: var(--ixb-white);
        font-size: 11px;
        text-align: center
    }

    .display-block {
        display: block
    }

    .hamburger .line,.subscirpbe-now-btn .line {
        width: 25px;
        height: 3px;
        background-color: #ccc;
        display: block;
        margin: 5px auto;
        -webkit-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    #hamburger-1.is-active .line:nth-child(2),.subscirpbe-now-btn.is-active .line:nth-child(2) {
        opacity: 0
    }

    #hamburger-1.is-active .line:first-child,.subscirpbe-now-btn.is-active .line:first-child {
        -webkit-transform: translateY(8px) rotate(45deg);
        -ms-transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg)
    }

    #hamburger-1.is-active .line:nth-child(3),.subscirpbe-now-btn.is-active .line:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    .custom-group-btn {
        display: block;
        padding: 10px
    }

    .custom-group-btn .btn-secondary:first-of-type {
        margin-bottom: 7px!important
    }

    .login-section {
        padding: 20px 15px;
        min-height: auto
    }

    .custom-btn-globle {
        margin-top: 20px;
        padding: 10px
    }

    .result-page-design .item .custom-btn-globle {
        display: block;
        width: 90%;
        margin-bottom: 20px;
        text-align: center
    }

    .result-page-design .item div {
        flex-direction: column!important
    }

    .result-page-design .item h4 {
        padding: 20px 0 0
    }

    .white--box {
        position: fixed!important;
        width: 90%!important;
        margin: auto;
        transform: translatey(150%);
        transition: transform .25s ease-in-out;
        bottom: 80px;
        left: 0;
        right: 0
    }

    .subscirpbe-now-btn {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f68b29;
        padding: 4px 15px
    }

    .subscirpbe-now-btn button {
        padding: 5px 15px;
        width: 100%;
        background-color: #f68b29;
        color: #fff;
        font-size: 14px
    }

    .show-packges-navbar {
        transform: translatey(0)
    }
}

.ticker-coupon .coupon-code-text p,.ticker-coupon h2 {
    color: var(--ixb-white);
    color: var(--ixb-white)
}

@media(min-width: 991px) {

    .mobile-fixed-btn {
        display:none!important
    }

    .login_container {
        margin-bottom: 40px
    }

    .what-you-want-tabs li a:hover {
        color: var(--ixb-white);
        text-decoration: none
    }

    .ticker-coupon h2 {
        text-align: left
    }

    div#coupon_detail {
        text-align: right
    }
}

button.custom-searc-icon {
    background: 0 0;
    position: relative;
    top: 2px!important;
    right: 10px
}

.ticker-coupon {
    background: #0091c7;
    background: linear-gradient(180deg,#007bff 0,#0024c6 100%);
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    min-height: 70px;
    padding: 15px 10px 15px 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .5s;
    overflow: hidden;
    animation: 1s infinite zoom-in-zoom-out
}

.ticker-coupon:hover {
    background-color: #042575
}

.btn-social i,.leaderboard-box .width15 h3{
    font-size: 18px
}

.ticker-coupon h2 {
    font-size: 1.4rem;
    padding: 0;
}

.ticker-coupon .coupon-code-text p {
    text-transform: none;
    margin-top: 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px
}

.ticker-coupon .ticker-coupon-header {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    width: 100%;
    text-align: center
}

.ticker-coupon .coupon-code-text p span {
    color: #eff7ff;
    font-size: 26px;
    text-transform: uppercase;
    border: 1px dashed #c7e2ff;
    padding: 5px 20px;
    border-radius: 5px;
    position: relative;
    top: 3px
}

.ticker-btn {
    background-color: #f8f9fa;
    padding: 7px 20px;
    margin-bottom: 10px;
    display: inline-block;
    color: var(--ixb-black);
    border-radius: 5px;
    position: relative;
    margin-top: 10px;
    flex-basis: 150px
}

.click_download_pdf_button:hover,.ticker-btn:hover {
    background-color: var(--ixb-orange);
    color: var(--ixb-white);
    text-decoration: none
}

.pdf_download,.pdf_download:hover {
    background-color: var(--ixb-orange)!important
}

.ticker-timer {
    position: relative;
    color: var(--ixb-white);
    font-size: 1.3rem;
    display: block;
    animation: 2.5s infinite color-change;
    text-shadow:1px 2px 0px#ffa03c;
    text-align: left
}

.banner-social-links a {
    color: var(--ixb-orange);
    margin-right: 10px;
    font-size: 18px
}

.pdf_download {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ixb-white)!important;
    font-size: 16px!important;
    border: 0;
}

.pdf_download:hover {
    opacity: 0.9;
}

.margin_top_header_sticky {
    scroll-margin-top: 5rem
}

ul.vendor-cleard-exam li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

.choose-what-you-learn .modal-dialog {
    max-width: 700px
}

.choose-what-you-learn .modal-content,.choose-what-you-learn ul.vendor-cleard-exam {
    padding: 50px 0
}

.choose-what-you-learn .close {
    position: absolute;
    top: -45px;
    right: 10px;
    margin-top: 0;
    z-index: 99
}

.choose-what-you-learn .modal-heading h2 {
    font-size: 28px;
    margin: 0
}

.choose-what-you-learn .modal-heading {
    padding-right: 20px
}

.choose-what-you-learn .modal-heading span.divider {
    width: 150px;
    height: 4px;
    background-color: var(--ixb-orange);
    display: inline-block;
    padding: 0;
    margin-top: 0;
    position: relative;
    top: -7px
}

.explore-coach-modal-btn {
    background-color: var(--ixb-blue);
    padding: 16px 30px;
    color: var(--ixb-white);
    margin-right: 10px;
    border-radius: 5px;
    transition: .3s ease-in-out;
    display: inline-block;
    margin-top: 10px
}

.explore-coach-modal-btn:hover,.req_call_back:hover {
    background-color: var(--ixb-orange);
    text-decoration: none;
    color: var(--ixb-white)
}

.form-group.ixambee-custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkbox-button,.form-group.ixambee-custom-checkbox label:hover {
    background-color: var(--ixb-orange)!important;
    color: var(--ixb-white)
}

.form-group.ixambee-custom-checkbox label {
    position: relative;
    cursor: pointer;
    background-color: #f5f5f5;
    display: inline-block;
    border-radius: 5px;
    padding: 6px 16px;
    transition: .2s ease-in;
    font-size: 14px
}

.share_whats_app {
    position: fixed;
    z-index: 10000;
    top: 33%;
    right: 0;
    background-color: #25d366;
    border-radius: 5px 0 0 5px!important;
    width: 42px;
    color: var(--ixb-white)
}

.share_whats_app i,.share_whats_app svg {
    font-size: 20px;
    color: var(--ixb-white)
}

#nomoreselling .close {
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 5px
}

.free_mock_test_search {
    margin-top: 45px;
    margin-bottom: 20px
}

.search-query {
    border-radius: 5px!important
}

.ngo-logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.course-name-icon {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    padding: 10px 20px
}

@keyframes color-change {
    0% {
        color: #fcc535
    }

    50% {
        color: var(--ixb-white)
    }

    100% {
        color: #fcc535
    }
}

#filter_search1 {
    padding-left: 7px;
    padding-right: 7px
}

.input-group-btn .btn-danger i.fa-search {
    font-size: 13px
}

.searchlist-n {
    padding: 30px;
    position: absolute;
    border-radius: 5px;
    top: 0;
    z-index: 1060;
    box-shadow: 0 15px 20px #cccc;
    margin-top: 0;
    width: 100%;
    height: 300px;
    overflow-y: auto;
    display: none
}

.ngo-logo,.ngo-logo img {
    border-radius: 50%
}

.mocktest-n-list p {
    padding-bottom: 8px;
    color: #4e4e4e!important;
    font-size: 12px!important;
    margin-bottom: 8px!important;
    border-bottom: 1px solid #ededed
}

.mocktest-n-list span {
    font-size: 16px;
    font-weight: 700
}

ul#brow li {
    cursor: pointer;
    list-style: none
}

.ttt a div img {
    width: 100px;
    height: 100px
}

.ngo-logo {
    width: 200px;
    height: 200px;
    overflow: hidden;
    padding: 20px
}

.continue-wrap-search {
    width: 100%;
    margin-bottom: 20px
}

.continue-wrap-search .course-name-icon h4,.online-course-inner-search .course-name-icon h4 {
    max-width: 100%
}

.online-course-inner-search {
    width: 100%;
    margin-bottom: 20px;
    background: url(../../assets/images/online-course-bg.png) #5f85c2
}

.courses_for_you_section .course-name-icon,.online-course-inner-search .course-name-icon,.previous_year_question_paper_section .course-name-icon {
    background-color: transparent
}

.attempt-test-sections-search .btn-secondary {
    color: var(--ixb-white)!important
}

.fixed-in-bottom {
    display: block;
    padding: 40px 0;
    width: 100%;
    position: fixed;
    bottom: -140px;
    transition: bottom .2s ease-in-out;
    z-index: 999
}

.sticky-bottom-up {
    bottom: 40px
}

.fixed-btn-bottom {
    display: inline-block!important;
    text-align: center;
    background-color: var(--ixb-blue);
    padding: 12px 15px;
    color: var(--ixb-white);
    margin: auto;
    z-index: 99;
    box-shadow: 0 0 20px #d3d3d3;
    font-size: 16px;
    border-radius: 50px;
    max-width: 235px;
    right: 0;
    left: 0;
    border: solid 2px var(--ixb-blue);
    transition: .2s ease-in-out
}

.fixed-btn-bottom:hover {
    color: var(--ixb-white);
    text-decoration: none;
    background-color: var(--ixb-white);
    color: var(--ixb-blue)
}

.all_mock_text_are_free {
    background-color: #17dc12;
    font-size: 13px;
    text-align: center;
    margin-right: 10px;
    color: var(--ixb-black);
    height: 30px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 2px;
    margin-top: 10px
}

.courses_for_you_free ul li {
    list-style: none
}

.courses_for_you_free ul li .check_course_detail {
    width: 290px
}

.courses_for_you_free::-webkit-scrollbar {
    background: #e7e7e7;
    width: 5px;
    height: 14px
}

.courses_for_you_free::-webkit-scrollbar-thumb {
    background: #bababa
}

.courses_for_you_section .check_course_detail {
    background-size: cover
}

.courses_for_you_section .check_course_detail .custom-group-btn a {
    background-color: var(--ixb-blue);
    border: solid 1px var(--ixb-blue);
    box-shadow: 0 4px 12px 0 rgb(21 69 141 / 30%);
    color: var(--ixb-white)
}

.previous_year_question_paper_section .check_course_detail {
    background-size: cover;
    box-shadow: 0 0 5px #ccc;
    margin: 5px 15px 0 5px
}

.previous_year_question_paper_section .check_course_detail .custom-group-btn a {
    background-color: rgba(18,12,96,0);
    color: var(--ixb-black);
    border: solid 2px var(--ixb-blue);
    box-shadow: none;
    border-radius: 5px!important
}

.previous_year_question_paper_section .check_course_detail .custom-group-btn a:hover {
    border: solid 2px var(--ixb-orange)!important;
    background-color: rgba(246,139,41,.9)!important;
    color: var(--ixb-white)
}

.beepeida_current_affairs .courses_for_you_free .course-name-icon img {
    padding: 0
}

.short_daily_quiz {
    margin: 30px auto auto;
    max-width: 700px;
    padding: 20px;
    background-color: #e7ebff;
    border-radius: 5px;
    height: 180px
}

.short_daily_quiz h2 {
    font-size: 20px;
    margin-top: 10px
}

.short_daily_quiz a {
    background-color: var(--ixb-blue);
    border: solid 1px var(--ixb-blue);
    box-shadow: 0 4px 12px 0 rgb(21 69 141 / 30%);
    border-radius: 5px!important;
    padding: 8px 25px;
    margin-top: 20px;
    display: inline-block;
    color: var(--ixb-white);
    font-size: 16px;
    transition: .2s ease-in
}

.short_daily_quiz a:hover {
    text-decoration: none;
    background-color: var(--ixb-orange);
    border: solid 1px var(--ixb-orange)
}

.short_quiz_img img {
    width: 150px;
    height: 160px;
    margin-top: 10px
}

#ticker_start {
    min-height: 55px;
    position: relative
}

.ixambee_website_ticker {
    min-height: 58px
}

.section_Up_From_Bottom {
    display: flex;
    padding: 10px 15px;
    background: var(--ixb-blue);
    background: linear-gradient(185deg,var(--ixb-blue) 0,#002247 100%);
    width: 100%;
    color: #f4f4f4;
    font-size: 1.2rem;
    text-align: center;
    border: 0;
    font-weight: 400;
    transition: height .3s ease-in-out;
    z-index: 99999;
    position: fixed;
    left: 0;
    color: var(--ixb-white);
    animation-name: slideup;
    animation-delay: 15s;
    animation-duration: .8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

.section_Up_From_Bottom a.crossThis_bottom_section {
    color: var(--ixb-white);
    position: absolute;
    right: 50px;
    top: -15px;
    padding: 6px 10px 10px;
    background: #3f87d2;
    height: 30px;
    line-height: 0
}

.section_Up_From_Bottom a.crossThis_bottom_section i {
    color: var(--ixb-blue);
    font-size: 20px;
    background: var(--ixb-white);
    padding: 5px 15px;
    border-radius: 5px;
    border: solid 2px var(--ixb-blue)
}

.section_Up_From_Bottom .innerContent_section h3 {
    font-size: 18px;
    margin-bottom: 10px
}

.section_Up_From_Bottom .innerContent_section p {
    color: var(--ixb-white);
    margin-bottom: 15px;
    font-size: 18px
}

.section_Up_From_Bottom .innerContent_section a {
    box-shadow: 0 4px 12px 0 rgba(255,85,0,.3);
    background-image: -webkit-linear-gradient(180deg,#c66105 0,var(--ixb-orange) 100%);
    border: solid 2px var(--ixb-orange);
    min-width: 200px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    color: var(--ixb-white);
    font-size: 16px
}

.innerContent_section {
    max-width: 800px;
    margin: auto
}

@keyframes slideup {
    0% {
        bottom: -250px
    }

    100% {
        bottom: 0
    }
}

.click_download_pdf_button {
    background-color: var(--ixb-orange);
    padding: 10px 20px;
    float: left;
    color: var(--ixb-white);
    border-radius: 5px;
    min-width: 250px;
    text-align: center;
    transition: background-color .5s;
    font-size: 18px;
    height: 50px;
    margin-bottom: 15px
}

.click_download_pdf_button i {
    position: relative;
    width: 30px;
    height: 30px;
    top: -6px;
    border-radius: 50%;
    background-color: var(--ixb-orange);
    color: var(--ixb-orange);
    border: solid 2px var(--ixb-white);
    left: 6px
}

.click_download_pdf_button i::before {
    top: 7px;
    position: relative;
    font-size: 14px;
    color: var(--ixb-white)
}

--------------------------------------------------- /* 03_02_2022 Mock Test Landing Page Css */ .mock_test_pointDetails li a {
    padding: 5px 10px 5px 20px
}

.mock_test_pointDetails li::after {
    font-size: 14px;
    top: 6px
}

.popular_mock_tests {
    flex-wrap: wrap;
    width: 100%
}

.popular_mock_tests::-webkit-scrollbar {
    background: #e7e7e7;
    width: 5px;
    height: 14px
}

.popular_mock_tests::-webkit-scrollbar-thumb {
    background: #bababa
}

.mock_test_available {
    margin-left: 0!important;
    color: var(--ixb-orange)!important;
    font-size: 12px
}

.students_give_rating {
    margin-left: 15px
}

.mock_test_date {
    color: var(--ixb-blue)!important;
    margin-left: 0!important
}

.max_width_1110 {
    max-width: 1110px!important
}

.top_test_mock_test {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding: 15px 0 0
}

.dropbtn {
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    padding: 5px 10px 3px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    right: 10%;
    bottom: 8%;
    z-index: 100;
    box-shadow: 0 0 10px #ccc
}

.dropbtn svg {
    position: relative;
    top: -2px;
    font-size: 12px
}

.dropbtn:hover {
    color: var(--ixb-white);
    background-color: var(--ixb-orange);
    text-decoration: none
}

#myVideo,.bucket_title,div#whats_active {
    width: 100%
}

.previous_year_paper_search {
    margin-top: 0;
    margin-bottom: 25px
}

#request_call_back svg,.request_call_back svg {
    animation: .5s infinite shake
}

@keyframes shake {
    0%,100%,50% {
        transform: translate(1px,1px) rotate(0)
    }

    25%,75% {
        transform: translate(1px,3px) rotate(-25deg)
    }
}

span.free_btn_icon {
    position: absolute;
    left: -1px;
    top: 8px
}

span.free_btn_icon img {
    width: 60px;
    top: 5px;
    position: relative
}

#bee_banker_modal .modal-dialog,#getCoupanCode .modal-dialog {
    max-width: 320px
}

.ticker-coupon::before {
    background: url('https://www.ixambee.com/v5/assets/images/snowman.svg') no-repeat;
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 50px;
    opacity: .5s;
    height: 100%;
    -moz-background-size: 100% 45px;
    background-size: 100% 55px;
}

@media(max-width: 767px) {
    .online-courses-orange:first-of-type {
        order:3
    }

    #try_me_package {
        order: 1
    }

    .mobile-fixed-btn {
        order: 2;
        background-color: #fff;
        color: #1d458a;
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc
    }

    .segregate .btn-group a {
        display: block;
        margin: auto;
        width: 100%
    }

    .PointDetails li a {
        padding: 4px 10px 4px 0
    }

    .online-course-banner .custom-breadcrumb li.breadcrumb-item.active {
        top: 0
    }

    .online_course_banner_detail {
        min-height: 115px
    }

    .course-highlights {
        min-height: 200px
    }

    .all-available-packages,.section_Up_From_Bottom .innerContent_section h3 {
        font-size: 20px
    }

    .what-you-want .nav-tabs .nav-item {
        width: 45%
    }

    .login-user-reviews,.online-courses-orange i,.why-choose-modal-img {
        display: none
    }

    .custom-group-btn .btn-secondary:first-of-type,.custom-group-btn .btn-secondary:nth-of-type(2) {
        margin: 0 0 10px!important
    }

    .course-purchase-section .group-btn {
        position: fixed;
        bottom: 0;
        display: flex;
        width: 100%;
        left: 0;
        z-index: 111;
        box-shadow: rgb(190 190 190) 0 -10px 15px
    }

    a.online-courses-orange {
        border-radius: 0!important;
        margin: 0!important;
        padding: 15px 5px 5px!important;
        font-size: 16px!important;
        border: 0
    }

    .course-purchase-section {
        margin-top: 0!important
    }

    .req-callback-btn {
        margin-top: 0
    }

    .breadcrumb-item+.breadcrumb-item::before,.custom-breadcrumb,.online-course-banner .custom-breadcrumb li a,.online-course-banner .custom-breadcrumb li.breadcrumb-item.active {
        font-size: 10px
    }

    .online-course-banner h1 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .online_course_banner_detail p,.ticker-coupon .coupon-code-text p {
        font-size: 14px
    }

    ul.what-you-want-tabs {
        left: 0;
        padding-bottom: 0;
        overflow-y: hidden;
        height: auto;
    }

    .what-you-want-tabs li:first-child {
        padding-left: 0
    }

    .what-you-want-tabs li a {
        font-weight: 400;
        font-size: 14px
    }

    .bck {
        width: 46px!important;
        height: 46px!important;
        line-height: 46px!important
    }

    #callbackfrom .modal-content .close {
        right: 5px
    }

    .speaks-itself-inner .all-about-numbers::after {
        bottom: 0;
        height: 4px;
        width: 25px;
        left: 0;
        margin: auto
    }

    .speaks-itself-inner .all-about-numbers {
        padding: 10px 0
    }

    .speaks-itself-inner .all-about-numbers h3 {
        font-size: 18px
    }

    .speaks-itself-inner {
        padding: 10px 20px;
        margin: 10px 0
    }

    .online-course-banner::after {
        height: 400px
    }

    .ticker-coupon::before {
        background: url('https://www.ixambee.com/v5/assets/images/snowman.svg') no-repeat;
        content: "";
        position: absolute;
        left: 10px;
        top: 10px;
        width: 50px;
        opacity: .5s;
        height: 100%;
        -moz-background-size: 100% 60px;
        background-size: 100% 60px;
    }

    .ticker-coupon {
        display: inherit;
        padding: 15px 10px 15px 80px;
        border: 1px dashed #fff
    }

    .ticker-coupon .ticker-coupon-header,div#coupon_detail {
        text-align: left;
        padding: 0
    }

    .choose-what-you-learn .modal-content {
        padding: 20px 0
    }

    .choose-what-you-learn .close {
        top: -15px
    }

    .share_whats_app {
        width: 50px
    }

    .share_whats_app i,.share_whats_app svg {
        font-size: 22px
    }

    .search-query {
        border-radius: 30px!important;
        box-shadow: 0 0 20px silver;
        right: 0;
        top: 12px
    }

    #top_exam_navbar,.fixed_navbar_bottom {
        background-color: var(--ixb-white);
        left: 0
    }

    .fixed_navbar_bottom {
        font-weight: 900;
        width: 100%;
        border: none;
        color: var(--ixb-black);
        font-size: 12px;
        cursor: pointer;
        text-align: center;
        position: fixed;
        bottom: 0;
        border: 1px solid var(--ixb-white);
        border-radius: 10px 10px 0 0;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        box-shadow: 0 0 10px #ccc
    }

    .daily_quiz .fixed-btn-bottom {
        bottom: 65px
    }

    .ixambee_website_ticker {
        min-height: 80px
    }

    .fixed_navbar_bottom .item1 a {
        color: var(--ixb-blue);
        transition: .3s ease-in
    }

    .fixed_navbar_bottom .item1 a:active,.fixed_navbar_bottom .item1 a:focus,.fixed_navbar_bottom .item1 a:hover {
        color: var(--ixb-orange);
        text-decoration: none
    }

    .fixed_navbar_bottom .item1 a i,.fixed_navbar_bottom .item1 a svg {
        display: block
    }

    .short_daily_quiz {
        height: auto;
        margin-top: 15px!important
    }

    .short_daily_quiz h2 {
        font-size: 24px;
        margin-top: 0
    }

    .short_quiz_img img {
        margin-top: -20px
    }

    .courses_for_you_free::-webkit-scrollbar {
        background: #cdcdcd;
        width: 5px;
        height: 0
    }

    #top_exam_navbar {
        position: relative;
        display: block;
        padding: 0;
        z-index: 999
    }

    .section_Up_From_Bottom .innerContent_section p {
        font-size: 15px
    }

    .section_Up_From_Bottom a.crossThis_bottom_section i {
        font-size: 16px;
        padding: 5px 10px
    }

    .popular_mock_tests {
        width: 100%;
        display: flex;
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 10px;
        scrollbar-color: #888888 #cdcdcd;
        scrollbar-width: thin;
        flex-wrap: nowrap
    }

    .popular_mock_tests .mt-list {
        flex-wrap: nowrap;
        padding: 0 15px
    }

    .popular_mock_tests .mt-list .col-sm-4 {
        padding: 10px;
        width: 260px
    }

    #top_exam_navbar ul.top_exam_navbar_inner::-webkit-scrollbar,.inner-course-review::-webkit-scrollbar,.popular_mock_tests::-webkit-scrollbar,ul.what-you-want-tabs::-webkit-scrollbar {
        height: 0
    }

    .attempt-test-sections {
        margin-bottom: 10px
    }

    .top_test_mock_test .col-sm-3 {
        width: 260px;
        padding-right: 5px
    }

    #top_exam_navbar ul.top_exam_navbar_inner {
        display: flex;
        width: 100%;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 0;
        padding-top: 10px
    }

    #top_exam_navbar ul.top_exam_navbar_inner li {
        display: inline-block
    }

    #top_exam_navbar ul.top_exam_navbar_inner li.active-navbar a {
        border-bottom: solid 2px var(--ixb-orange)
    }

    #top_exam_navbar ul.top_exam_navbar_inner li a {
        font-size: 12px;
        min-width: 80px;
        padding: 10px;
        margin-right: 5px;
        border-radius: 0;
        text-align: center;
        display: inline-block;
        text-decoration: none
    }

    span.free_btn_icon img {
        width: 40px;
        top: -4px
    }
}

@media(min-width: 1500px) {
    .online-course-banner h1 {
        font-size:28px;
        margin-bottom: 5px
    }
}

.we_are_loved {
    margin-right: 10px;
    color: #fe1919
}

.exam_testimonials_1 {
    padding-top: 10px
}

.exam_testimonials_1 .owl-nav button {
    position: relative;
    width: 60px;
    height: 35px;
    border-radius: 5px;
    border: solid 2px var(--ixb-blue)!important;
    margin: 0 5px
}

.exam_testimonials_1 .owl-nav button:hover {
    border: solid 2px var(--ixb-orange)!important
}

.exam_testimonials_1 .owl-nav .owl-next.disabled,.exam_testimonials_1 .owl-nav .owl-prev.disabled {
    opacity: .3;
    cursor: not-allowed
}

.exam_testimonials_1 .owl-nav .owl-next::after,.exam_testimonials_1 .owl-nav .owl-prev::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--ixb-blue)
}

.exam_testimonials_1 .owl-nav .owl-prev::after {
    content: "\f30a"
}

.exam_testimonials_1 .owl-nav .owl-next::after {
    content: "\f30b"
}

.exam_testimonials_1 .owl-nav {
    text-align: center;
    margin-top: 30px
}

.exam_testimonials_1 .item {
    background-color: var(--ixb-white);
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #f3f3f3;
    min-height: 280px
}

.exam_testimonials_1 .item img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    margin: 10px auto
}

.exam_testimonials_1 .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background-color: #fde8d4;
    margin: 25px 10px 0 0;
    border-radius: 5px
}

.light_color {
    color: #999;
    font-size: 12px
}

.stories-mt-40 {
    margin-top: 40px
}

.sign_up_testimonials {
    background-color: #e8ebf2;
    padding: 30px 0;
    margin-top: 40px
}

.req_call_back,.sign_up_testimonials .register_here {
    padding: 10px 20px;
    background-color: var(--ixb-blue);
    color: var(--ixb-white)
}

.sign_up_testimonials h2 {
    font-size: 20px;
    margin-bottom: 15px
}

.sign_up_testimonials .register_here {
    border: solid 2px var(--ixb-blue);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin: 10px 0
}

.sign_up_testimonials .register_here:hover {
    background-color: var(--ixb-orange);
    text-decoration: none
}

.req_call_back {
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 99;
    border-radius: 50px
}

.req_call_back i {
    font-size: 12px;
    margin-right: 5px
}

#user_testimonials_description .testimonials_text {
    max-height: 280px;
    overflow-y: auto
}

.user_talk_aboutus span {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ixb-white);
    background-color: var(--ixb-orange);
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 30px
}

.user_talk_aboutus {
    max-width: 80px;
    height: 85px;
    margin: 0 auto 15px;
    position: relative
}

#submit_address {
    width: 100%;
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    padding: 8px 0
}

#addressModal .modal-body {
    padding: 15px 0
}

.mb_margin {
    margin-bottom: 25px
}

.social_links a {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    background: #f9f9f9;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    border-radius: 5px
}

.youtube {
    color: red
}

.instagram {
    color: #8a3ab9
}

.facebook {
    color: #4267b2
}

.twitter {
    color: #00acee
}

.telegram {
    color: #229ed9
}

.profile_heading {
    margin-top: 50px
}

.profile_heading h2 {
    font-size: 30px;
    margin-top: 0;
    color: #555
}

.profile_heading h2 span {
    font-weight: 600;
    color: var(--ixb-orange)
}

.profile_heading .title-head-subtitle {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #727272;
    margin: 10px 0 0
}

.instructor_details a {
    text-align: center;
    display: inline-block;
    border: solid 2px var(--ixb-black);
    padding: 12px 0;
    margin-top: 20px;
    color: var(--ixb-black);
    border-radius: 5px;
    position: relative;
    font-weight: 700;
    min-width: 240px
}

.instructor_details a:hover {
    background: #0077b5;
    color: var(--ixb-white);
    text-decoration: none
}

.user_profile img {
    border-radius: 50%;
    object-fit: cover;
    width: 10rem;
    height: 10rem;
    margin: auto
}

.about_us h3 {
    font-size: 20px;
    margin-bottom: 10px
}

.passout_exmas {
    display: inline-block;
    list-style: none;
    border: 2px solid #e1e1e1;
    margin: 0 10px 10px 0;
    padding: 2px 12px;
    border-radius: 50px;
    font-size: 13px;
    cursor: pointer;
    color: #b8b4b4;
    font-weight: 600
}

@media(min-width: 568px) {
    .faculty_name_detail {
        display:none
    }
}

@media(max-width: 567px) {
    .profile_heading {
        margin-top:0
    }

    .faculty_name_detail h2 {
        font-size: 30px
    }

    .user_profile {
        text-align: center;
        margin-top: 20px
    }

    .instructor_details {
        text-align: center;
        margin: auto
    }

    .profile_heading .about_us {
        margin-bottom: 60px
    }

    .instructor_details a {
        display: block;
        min-width: 100%
    }
}

#promotion_modal {
    max-width: 355px;
    margin: auto
}

#promotion_modal .modal-content {
    padding: 0;
    position: relative
}

#promotion_modal .modal-content .close {
    position: absolute;
    right: -13px;
    top: -14px;
    z-index: 99;
    background-color: #ebebeb;
    display: block;
    padding: 3px 10px;
    opacity: 1
}

#bee_banker_modal .modal-content,#try_me_demo {
    overflow: hidden
}

#bee_banker_modal .modal-body {
    padding: 10px 10px 5px
}

#bee_banker_modal .close {
    position: absolute;
    right: 15px;
    top: 10px
}

.notifyjs-corner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 300px;
    z-index: 999;
    border-radius: 5px;
    box-shadow: 0 2px 20px rgb(0 0 0 / 35%);
    margin-bottom: -200px;
    transition: .5s ease-in
}

.notifyjs-corner p {
    font-size: 14px;
    padding-right: 15px
}

.notifyjs-corner .notifyjs_corner_ul {
    margin: 0;
    padding: 0
}

.notifyjs-corner a {
    text-decoration: none;
    display: block;
    padding: 15px
}

.notifyjs-corner i,.notifyjs-corner svg {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 999;
    color: #a9a9a9
}

.notifyjs-corner h3 {
    color: var(--ixb-black);
    font-weight: 700;
    margin-bottom: 3px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-family: LatoWebBold!important
}

.notifyjs-corner p {
    margin-bottom: 5px;
    line-height: 20px
}

.notifyjs-corner span {
    color: var(--ixb-orange);
    font-size: 13px
}

.spinner_position {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center
}

.spinner_position img {
    width: 60px;
    height: 60px
}

div#coupon_detail {
    margin-right: 15px;
    width: 100%;
    position: relative;
    z-index: 99
}

.make_user_attempt {
    cursor: pointer;
    color: #3194ff!important
}

#make_user_attempt {
    color: var(--ixb-white);
    cursor: pointer
}

@media(max-width: 500px) {
    .ticker-timer {
        font-size:16px
    }

    .ticker-coupon h2 {
        font-size: 18px;
        padding:0;
    }

    .ticker-coupon .coupon-code-text p span {
        font-size: 17px;
        margin-top: 2px;
        border: none;
        padding: 0;
        top: 0
    }

    #try_me_demo i,#try_me_demo svg,#try_me_package i,#try_me_package svg {
        display: block;
        margin: auto
    }

    a#try_me_demo,a#try_me_package {
        font-size: 12px!important
    }
}

.font-800 {
    font-weight: 800
}

.article-heading {
    min-height: 90px
}

.article-heading h4 {
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    max-height: 45px;
    font-size: 16px
}

.article-heading p {
    font-size: 15px;
    color: #7e7e7e;
    margin: 10px 0 0;
    font-style: italic;
    display: block;
    width: 100%
}

.article-heading a {
    display: block;
    margin-top: 8px;
    width: 100%;
    color: var(--ixb-orange)
}

.article-heading a i {
    position: relative;
    top: 2px;
    left: 5px
}

.article-heading a:hover {
    text-decoration: none;
    color: var(--ixb-blue)
}

.editorial-cornet-box {
    padding: 0;
    border: 0;
    box-shadow: 0 0 20px #ccc;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
    border: solid 2px var(--ixb-white)
}

.editorial-cornet-box ul {
    padding: 20px
}

.editorial-cornet-box ul li {
    list-style: none;
    line-height: 35px
}

.editorial-cornet-box ul li a {
    color: #1d458a
}

.article-read-more,.like-ixambee-article {
    width: 140px;
    background-color: var(--ixb-orange);
    text-align: center;
    color: var(--ixb-white);
    border-radius: 5px;
    padding: 10px 15px
}

.article-read-more:hover,.like-ixambee-article:hover {
    text-decoration: none;
    color: var(--ixb-white)
}

.like-ixambee-article:hover {
    background-color: #df3939
}

.like-ixambee-article {
    border: 2px solid #df3939;
    color: #df3939;
    background-color: transparent
}

#newsletter .close,.custom-blue-btn,.need-any-help-user::before {
    background-color: var(--ixb-blue)
}

.selects-exams span {
    font-size: 14px;
    padding: 5px 10px;
    color: #515050;
    position: relative;
    background: var(--ixb-white);
    margin-right: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 3px #ffdab9;
    margin-bottom: 5px;
    display: inline-block
}

.social-icons-edit {
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 99
}

.btn-social {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 40px
}

.social-icons-edit .navbar-nav li {
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: .2s
}

.social-icons-edit .navbar-nav.show li:first-child {
    bottom: 60px
}

.social-icons-edit .navbar-nav.show li:nth-child(2) {
    bottom: 120px
}

.social-icons-edit .navbar-nav.show li:nth-child(3) {
    bottom: 180px
}

.how-to-study-btn .btn {
    white-space: normal;
    text-align: left
}

.download-nabard-pdf {
    display: flex;
    flex-direction: column
}

.custom-blue-btn {
    padding: 10px;
    border-radius: 10px;
    color: var(--ixb-white);
    font-size: 14px;
    margin-bottom: 10px;
    border: solid 1px var(--ixb-blue);
    width: 90%;
    text-align: center
}

.vocabulary-check .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background-color: #d2d2d2;
    border-radius: 5px;
    margin: 0 5px
}

.need-any-help-user {
    background-color: var(--ixb-white);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px #ccc;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    border: solid 3px var(--ixb-white);
    transition: .2s ease-in-out
}

.need-any-help-user:hover {
    box-shadow: 0 0 30px #ccc
}

.need-any-help-user::after,.need-any-help-user::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: 0
}

.need-any-help-user::after {
    opacity: .06;
    width: 500px;
    height: 500px;
    top: -100px;
    right: -170px
}

.need-any-help-user::before {
    left: -200px;
    bottom: -450px;
    width: 500px;
    height: 500px;
    opacity: .03
}

.need-any-help-user h3 {
    font-size: 22px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 10px
}

.need-any-help-user h3::after {
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    height: 4px;
    position: absolute;
    top: 32px;
    border-radius: 20px
}

#newsletter .close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    color: var(--ixb-white);
    opacity: 1;
    border-radius: 5px
}

#newsletter .close span {
    position: relative;
    top: -1px
}

#newsletter .modal-body h2 {
    font-size: 22px;
    margin-top: 15px
}

#newsletter .modal-body p {
    font-size: 16px;
    padding: 5px 15px 15px
}

#newsletter img {
    width: 350px
}

.subscribed-input {
    padding: 0 30px
}

.subscribed-input input {
    background-color: #ebf2ff
}

h4#err {
    text-align: center;
    margin-bottom: 10px
}

.leaderboard-box {
    background-color: var(--ixb-white);
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 20px #e6e6e6;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.leaderboard-box .width15 {
    width: 15%
}

.leaderboard-box .width15 p {
    font-size: 20px;
    font-weight: 700;
    position: relative
}

.leaderboard-box .width20 {
    width: 20%;
    display: flex;
    align-items: center
}

.leaderboard-box .width20 h3 {
    font-weight: 700;
    font-size: 16px
}

.leaderboard-box .width20 img {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    position: relative;
    left: 10px;
    border: 2px solid #deebff
}

.leaderboard-box .width80 {
    width: 80%;
    position: relative;
    left: -8px
}

.leaderboard-box .width80 .user-name {
    margin-bottom: 5px;
    font-size: 18px
}

.leaderboard-box .width80 .progress,.leaderboard-box .width80 .progress-bar {
    border-radius: 50px
}

.leaderboard-box .width80 .progress-bar {
    background-color: var(--ixb-orange);
    font-size: 10px;
    padding-top: 2px
}

.leaderboard_custom_tabs>a,.quiz_custom_tabs>a {
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    font-size: 18px
}

.leaderboard_custom_tabs>a:hover,.quiz_custom_tabs>a:hover {
    border-radius: 0
}

.w-70 {
    width: 70%
}

.leaderboard-box .width15 h3 svg {
    font-size: 40px
}

.dark--blue--btn {
    background-color: var(--ixb-blue)!important;
    border: solid 1px var(--ixb-blue)!important;
    color: var(--ixb-white);
    padding: 8px 20px;
    border-radius: 5px;
    transition: .3s ease-in;
    display: inline-block
}

.dark--blue--btn:hover {
    background-color: var(--ixb-orange)!important;
    border: solid 1px var(--ixb-orange)!important;
    text-decoration: none;
    color: #fff
}

.custom-group-btn a svg {
    width: 1.45em!important
}

.improve_per-height {
    min-height: 280px
}

.parent--outer {
    padding: 15px 30px
}

#myTab--latest--update .nav-item,.bg-color-Allevents p,.parent--outer h2 {
    font-size: 16px
}

.parent--outer a {
    background-color: var(--ixb-blue);
    display: inline-block;
    padding: 6px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px
}

.learn-from-exp {
    font-size: 16px!important
}

.spend-a-year-img img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: solid 1px var(--ixb-blue);
    border-radius: 50px
}

.all--options li {
    list-style: none;
    margin-bottom: 10px
}

.all--options li:last-child,.date-time-events p:last-child {
    margin-bottom: 0
}

.options--image {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-right: 10px
}

a.read--more--text {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
}



.table-header-story {
    color: #f68b29;
    text-align: center;
    font-size: x-large
}

.hourly-winner {
    padding: 10px 20px;
    text-align: center;
    box-shadow: 0 0 20px #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center
}

.hourly-winner div {
    width: 80%
}

.hourly-winner h2 {
    font-size: 1.8rem
}

.leaderboard--result {
    overflow-y: auto;
    display: flex;
    height: auto
}

.watch-beebanker-demo {
    max-width: 350px;
    padding: 12px 30px;
    background-color: #17468c;
    border-radius: 10px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
    text-decoration: none;
    z-index: 999;
    box-shadow: 0 0 20px #fff
}

.watch-beebanker-demo svg {
    position: absolute;
    right: -2px;
    top: 3px;
    width: 26px;
    height: 26px
}

.watch-beebanker-demo:hover {
    background-color: #f78b29;
    color: #fff;
    text-decoration: none
}

.leaderboard--result li {
    padding: 30px 20px;
    list-style: none;
    border-style: solid;
    border-color: #ccc;
    height: auto;
    float: left;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    flex-basis: 250px;
    flex-grow: 0;
    flex-shrink: 0;
    border-width: 0 1px 0 0
}

.leaderboard--result li h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    color: #f78b29;
    font-size: 18px;
    margin-bottom: 6px
}

.leaderboard--result li p {
    margin-bottom: 6px
}

.leaderboard--result li:nth-child(odd) {
    background: #f9f9f9;
    background: linear-gradient(270deg,#f9f9f9 0,#fff 100%)
}

.top-trophy-score {
    color: #ffb539;
    font-size: 6rem;
    padding: 20px;
    background-color: #f3f3f3;
    border-radius: 50px
}

#coupon_diwali_dis,.off_show_here,.yt-facluty-name {
    font-size: 2rem
}

.yt-facluty-name h2 {
    color: #ffb539
}

.yt-facluty-name span {
    color: #828282;
    font-size: 1.6rem
}

.participate-now-link a {
    position: relative;
    top: 30px
}

#try_me_demo:after {
    content: '';
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 75px;
    position: absolute;
    z-index: 1;
    animation: 5s infinite slide;
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.8)),color-stop(99%,rgba(128,186,232,0)),color-stop(100%,rgba(125,185,232,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%)
}

@keyframes slide {
    0% {
        transform: translateX(-150%)
    }

    100% {
        transform: translateX(100%)
    }
}

.button-gradiant-small-disable {
    background-color: transparent;
    border: 0
}

.dasara-decoration,.show-more-content,.subscribe-mail-icon,.subscribe-mail-phone,.white--box {
    position: relative
}

#left-button,#pre-left-button,#pre-right-button,#right-button {
    position: absolute;
    top: 50%;
    z-index: 500;
    background-color: var(--ixb-gray);
    color: var(--ixb-black);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px
}

#left-button:hover,#pre-left-button:hover,#pre-right-button:hover,#right-button:hover {
    background-color: var(--ixb-blue);
    color: var(--ixb-white);
    border-radius: 3px
}

#left-button,#pre-left-button {
    left: -20px
}

#pre-right-button,#right-button {
    right: -20px
}

.white--box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #e9e9e9;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 20px
}

.white--box h4 {
    font-size: 18px;
    color: rgb(22 71 138)
}

.white--box button {
    background-color: rgb(22 71 138);
    padding: 8px;
    border: 0;
    color: #fff;
    border-radius: 5px
}

.subscribe-mail-icon i,.subscribe-mail-icon svg,.subscribe-mail-phone i,.subscribe-mail-phone svg {
    position: absolute;
    left: 10px;
    top: 10px
}

#subscribe_email,#subscribe_mobile {
    padding-left: 32px
}

.section--block {
    transform: translatey(0)!important
}

#ask_doubt #doubt::placeholder,#ask_doubt_div #doubt::placeholder {
    color: #e2e2e2
}

.user-ask-something {
    display: flex;
    flex-direction: row
}

.udlite-avatar {
    background: 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    object-fit: contain;
    color: #fff;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    padding: .2rem
}

#myTab--latest--update .nav-item .nav-link.active,#myTab--latest--update .nav-item .nav-link:hover {
    background-color: #0056b3;
    color: #fff!important;
    border-radius: 5px;
    position: relative
}

.bg-color-Allevents {
    min-height: 265px
}

.join-now-btn a,.join-now-btn button {
    background-color: #0056b3;
    padding: 6px 20px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 20px;
    color: #fff;
    border-radius: 5px
}

.join-now-btn a:hover,.join-now-btn button:hover {
    text-decoration: none;
    background-color: #ffb539
}

.custom-breadcrumb {
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-wrap: nowrap
}

.custom-breadcrumb li:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-ask-something {
    display: flex;
    flex-direction: row;
    padding: 0 0 30px;
    border-bottom: 1px dashed #ededed;
    margin-bottom: 30px
}

.user--inner-sec p {
    line-height: 15px;
    margin-top: 6px!important
}

.date-time-events p {
    white-space: break-spaces
}

#new_model_for_des .close {
    background-color: #fff;
    opacity: 1.9;
    width: 37px;
    height: 30px;
    right: 9px!important
}

span#stars img {
    margin-right: 2px
}

.show-more-content {
    height: 600px;
    overflow: hidden
}

.show-button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #f6f6f6;
    background: linear-gradient(0deg,#f6f6f6 0,rgba(0,212,255,0) 100%);
    height: 250px
}

.show-all-content {
    margin: auto;
    display: inline-block;
    width: 150px;
    background: #16478a;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    bottom: 30px;
    position: absolute;
    left: 0;
    right: 0
}

.show-all-content:hover {
    background-color: #f68b29
}

.showContentHeightAuto {
    height: auto!important
}

@media(min-width: 1024px) {
    .coupon-circle {
        position:absolute;
        width: 22px;
        height: 22px;
        background-color: #f6f6f6;
        border-radius: 50px
    }

    .coupon-circle.circle1 {
        left: 35px;
        top: -13px
    }

    .coupon-circle.circle2 {
        left: 35px;
        bottom: -13px
    }

    .coupon-circle.circle3 {
        right: 35px;
        top: -13px
    }

    .coupon-circle.circle4 {
        right: 35px;
        bottom: -13px
    }
}

.searchbox-open {
    width: 84%!important;
    padding: 13px;
    border-radius: 0!important
}

.online-course-link {
    display: flex;
    width: 100%;
    overflow-y: auto
}

.online-course-link p a {
    width: 200px;
    margin-right: 10px;
    line-height: 22px
}

.main-login-container {
    margin: auto;
    max-width: 500px
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity .3s
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

#interview_package_modal_msg .close {
    position: absolute;
    right: 0;
    z-index: 99;
    width: 25px;
    height: 25px;
    background: #ccc
}

.call_this_number {
    color: #2b2b2b;
    font-weight: 600;
    padding: 6px 0 0
}

.daily_quiz_blockquote {
    color: #555;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 8px solid #f68b29;
    line-height: 1.6;
    background: #ededed;
    font-style: italic;
    position: relative;
    font-size: 1.3em
}

.daily_quiz_blockquote p {
    padding: 0 0 0 2.5rem;
    line-height: 1.7rem
}

.daily_quiz_blockquote::before {
    font-family: Arial;
    content: "\201C";
    color: #f68b29;
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: -10px
}

@keyframes zoom-in-zoom-out {
    0%,100% {
        transform: scale(.98,.98)
    }

    50% {
        transform: scale(1.02,1.02)
    }
}

.diwali_dhamaka_coupon {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed;
    padding: 5px 10px;
    align-items: center;
    margin-bottom: 30px;
    border: 3px dashed #ec8527;
    max-width: 100%;
    cursor: pointer
}

#diwali_img {
    margin-bottom: 15px
}

#diwali_img img {
    max-width: 800px;
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
}

.copy_your_coupon {
    padding-left: 10px
}

.diwali-coupon-code {
    font-size: 1.4rem
}

.copy_your_coupon span b {
    color: #fff;
    background: #f78b29;
    padding: 5px 5px 2px;
    border-radius: 5px;
    font-size: 2.2rem;
    animation: 1s infinite diwali_coupon_animation
}

.offer_img {
    width: 120px;
    display: flex
}

.offer_img img {
    max-width: 110px
}

#diwali_timer {
    font-size: .8rem;
    margin-bottom: 5px;
    color: red
}

.dailyQuzi-Section {
    background-color: #18468c;
    padding: 20px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px #ccc;
    border-radius: .8rem;
    position: relative;
    top: -2px
}

.dailyQuzi-Section .startQuizNow,.sbi-officer-salary {
    border-radius: 10px;
    width: 100%;
    text-align: center;
    color: #fff
}

.dailyQuzi-Section img {
    width: 46px
}

.dailyQuzi-Section p {
    color: #fff;
    padding: .8rem 0;
    font-size: 1.2rem;
    line-height: 38px
}

.dailyQuzi-Section span {
    font-size: 2.2rem;
    font-weight: 700
}

.dailyQuzi-Section .startQuizNow {
    background-color: var(--ixb-orange);
    font-size: .9rem;
    padding: 10px 1.5rem;
    display: block
}

.dailyQuzi-Section .startQuizNow:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8
}

.sbi-officer-salary {
    min-height: 90px;
    background: #1460d5;
    background: linear-gradient(90deg,#1460d5 0,#18468c 87%);
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px #a3c3f5;
    margin: 50px 0;
    border: 3px solid #fff
}

.sbi-officer-salary .left-coin,.sbi-officer-salary .right-coin {
    width: 80px
}

.sbi-officer-salary:hover {
    color: #e0edff;
    text-decoration: none
}

.what-you-want-tabs {
    display: none;
}

@media(min-width:768px){
    .back_to_top {
        display: none !important; 
    }
}

@media(max-width: 767px) {
    .req_call_back,.watch-beebanker-demo {
        text-align:center;
        right: 0;
        border-radius: 0
    }

    .daily_quiz_blockquote,.udlite-avatar {
        font-size: 1rem
    }

    .req_call_back {
        position: fixed;
        bottom: 0;
        color: var(--ixb-white);
        width: 100%
    }

    .sign_up_testimonials {
        margin-bottom: 40px
    }

    .notifyjs-corner {
        left: 0;
        width: 100%;
        bottom: 63px;
        max-width: initial;
        border-radius: 0;
        border-bottom: 5px solid #2f5a75
    }

    #bee_banker_modal .modal-dialog {
        margin: auto
    }

    .notifyjs-corner i,.notifyjs-corner svg {
        right: 20px;
        top: 15px;
        font-size: 20px
    }

    #img_trigger,.d-none-mobile,.preparation_quiz_TD,.sbi-officer-salary .right-coin,.user-avatar-comment {
        display: none
    }

    #newsletter .modal-body p,.subscribed-input {
        padding: 10px 0 0
    }

    .w-70,div#hamburger-1 {
        width: 100%
    }

    .leaderboard-box .width15 h3 svg {
        font-size: 18px
    }

    .leaderboard-box .width15 p {
        font-size: 16px
    }

    .leaderboard--result,.leaderboard--result li {
        height: auto;
        display: flex
    }

    .watch-beebanker-demo {
        max-width: 100%;
        bottom: 50px;
        left: 0;
        padding: 20px
    }

    .leaderboard--result li {
        float: left;
        flex-direction: column;
        white-space: nowrap;
        flex-basis: 180px;
        flex-grow: 0;
        flex-shrink: 0;
        border-width: 0 1px 0 0
    }

    .leaderboard--result li h3 {
        width: 190px
    }

    .participate-now-link {
        text-align: left;
        margin-top: 10px
    }

    .participate-now-link a {
        position: relative;
        top: 0
    }

    #custom-search-input {
        width: 100%;
        bottom: 90px;
        z-index: 990;
        right: 20px;
        margin: auto
    }

    button.custom-searc-icon {
        width: 38px;
        height: 38px;
        background-color: #042575;
        color: #fff;
        border-radius: 50px;
        position: relative;
        top: 5px!important;
        right: -5px
    }

    .package-page-search {
        display: block;
        background: #fff;
        padding: 15px 20px
    }

    .show-more-content {
        height: 450px
    }

    .course-highlights .col-sm-6 {
        max-width: 50%;
        margin: 0;
        font-size: .8rem;
        padding: .5rem .9rem;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #f6f6f6
    }

    .udlite-avatar {
        width: 2.8rem;
        height: 2.8rem
    }

    .horizontal--scrollbar .col-sm-4 {
        flex: none
    }

    #myTab--latest--update .nav-item .nav-link {
        margin-left: 0
    }

    .daily_quiz_blockquote p {
        line-height: 1.4rem;
        padding: 0 0 0 1.5rem
    }

    #diwali_img img {
        max-width: 100%
    }

    .diwali-coupon-code span {
        margin: 8px 0;
        display: block
    }

    .diwali-coupon-code span.off_show_here {
        margin: 8px 0;
        display: inline-block
    }

    .diwali-coupon-code {
        font-size: 1.2rem
    }

    .copy_your_coupon span b {
        font-size: 2rem
    }

    .preparation_quiz_mb {
        display: block!important;
        padding: 0;
        margin-top: 10px!important
    }

    div#whats_active {
        padding: 0 20px
    }

    .dailyQuzi-Section {
        margin: 0 15px 15px
    }

    .sbi-officer-salary {
        font-size: 1.2rem;
        text-align: left
    }

    .sbi-officer-salary .left-coin {
        left: -10px;
        position: relative
    }
}

@keyframes diwali_coupon_animation {
    0%,80% {
        background-color: #f78b29
    }

    40% {
        background-color: #cdd007
    }

    100% {
        background-color: #16478a
    }
}

.easy_quiz,.hard_quiz,.moderate_quiz {
    width: auto;
    padding: 4px 10px 0;
    position: absolute;
    top: 4px;
    right: -2px;
    background-color: #fd949e;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border-radius: 50px 0 0 50px;
    color: #fff;
    box-shadow: 0 2px 3px #ccc;
    border: 2px solid #fff
}

.table td,.table th {
    border: 1px solid #dee2e6!important;
    padding: .50rem;
    font-size: 16px;
}

.table thead {
    background-color:var(--ixb-blue);
    color: #fff !important;
}

.table thead th {
    color: #fff !important;
}

.current-affairs-video {
    font-size: 14px!important;
    color: #0036ab!important;
    margin-top: 5px
}

.current_affairs_Dquiz {
    padding: 15px;
    width: 100%;
    position: relative
}

.currentAffairsBgBorder {
    background-color: #fff;
    padding: 7px 6px 0 7px;
    border-radius: 5px
}

.online-course-testimonials .item {
    border: 2px solid #ccc
}

.user-avatar-comment {
    display: block;
    padding: 0 1.5rem 0 0
}

.instructor-response--author img {
    margin: 0 1.5rem 0 0
}

.user--inner-sec h2 {
    font-size: 1.3rem
}

.user--inner-sec p {
    font-size: 14px
}

.instructor-response--author-content i,.user--inner-sec i {
    font-size: 13px;
    color: #acacac
}

.instructor-response {
    margin: 2.4rem 0 0 50px;
    padding: 0 0 0 1.2rem;
    border-left: 4px solid #d1d7dc
}

.instructor-response--autho {
    display: flex;
    align-items: center
}

#myTab--latest--update,.user-name-comment {
    justify-content: center
}

#myTab--latest--update .nav-item .nav-link.active {
    background-color: #0056b3;
    color: #fff;
    border-radius: 5px;
    position: relative
}

#myTab--latest--update .nav-item .nav-link.active::after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0056b3
}

#myTab--latest--update .nav-item .nav-link {
    cursor: pointer;
    border: 0;
    background-color: #ededec;
    border-radius: 5px;
    margin-left: 20px;
    color: #2b2b2b
}

.bg-color-Allevents {
    background-color: #f7f7f7;
    border-radius: 10px;
    border: 2px solid #eaeaea
}

.bg-color-Allevents h2 {
    color: #0056b3
}

.date-time-events {
    padding: 0 20px 10px;
    font-weight: 500
}

.date-time-events span {
    font-weight: 700
}

.horizontal--scrollbar {
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    flex-wrap: inherit;
    padding-bottom: 20px
}

.user-name-comment {
    display: flex;
    align-items: center;
    flex-direction: column
}

.user--inner-sec {
    width: 100%;
    white-space: normal
}

.scroll-user-answer {
    max-height: 300px;
    overflow-x: auto;
    margin: 20px 0;
    background: #fff;
    padding: 2rem
}

.date-time-events p {
    font-size: 14px;
    margin-bottom: 5px
}

.daily_quiz_heading h2 {
    font-size: 1.1rem
}

button#close_pledge {
    position: absolute;
    top: 0;
    right: 6px;
    z-index: 999
}

.this-ismy-pledge {
    display: flex;
    box-shadow: 0 0 2rem rgb(154 154 154);
    border-radius: .6rem;
    position: fixed;
    bottom: 0;
    z-index: 999;
    margin: 0 auto 20px;
    animation-duration: 1s;
    animation-fill-mode: both;
    background-color: #f7f7f7;
    transform: translate(-50%,0);
    left: 50%
}

.this-ismy-pledge .pledgerightSection {
    background-color: #2871e0;
    border: 1px solid #2871e0;
    padding: 1rem;
    min-width: 200px;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: .6rem 0 0 .6rem
}

.this-ismy-pledge .pledgeLeftSec {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .3rem 1.6rem;
    border-radius: 0 .6rem .6rem 0
}

.fadeInBottom {
    animation-name: fadeInBottom
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translatey(100%)
    }

    to {
        opacity: 1
    }
}

.crossIcons {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    color: #2b2b2b;
    border-radius: 50px;
    cursor: pointer;
    font-size: 16px;
}

.disclaimer,.whiteShadowBox {
    box-shadow: 0 10px 10px #ccc;
    padding: 1rem;
    border-radius: 15px
}

.disclaimer {
    background-color: #fff;
    margin-top: -20px;
    position: relative;
    z-index: 99;
    margin-bottom: 50px
}

.disclaimer p {
    font-style: italic
}

.iex-section h2 {
    margin-bottom: 0;
    font-size: 3rem
}

.iex-section small,.whiteShadowBox h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

#custom-search-input {
    margin: 12px 0 0;
    padding: 0
}

.btn-danger svg {
    width: 20px
}

.blueboxbg {
    width: 100%;
    height: 100px;
    background-color: #16478a;
    margin-top: 1.2rem;
    border-radius: 10px;
}

.iex-box-content {
    margin-bottom: 2rem;
    margin-top: 0
}

.whiteShadowBox {
    background-color: #fff;
    max-width: 300px;
    margin: -60px auto 0
}

.whiteShadowBox ul {
    margin: 0;
    padding: 0
}

.whiteShadowBox ul li {
    font-size: .9rem;
    list-style: none;
    margin-bottom: 1rem
}

.whiteShadowBox ul li i {
    color: #0065f2
}

a.iexApplyNowBtn,
button.iexApplyNowBtn {
    background-color: #0065f2;
    padding: 5px 20px 6px;
    color: #fff;
    border-radius: .5rem;
    display: inline-block;
    margin-top:0;
}

a.iexApplyNowBtn:hover,
button.iexApplyNowBtn:hover {
    text-decoration: none;
    opacity: .8
}

.whiteShadowBox ul li a {
    background-color: transparent;
    color: #0065f2
}

.whiteShadowBox ul li a:hover {
    color: #012962
}


#phaseToPreparation .close {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 99;
 }

 .phToPrepContent {
    text-align: center;
 }

 .phToPrepContent img {
    width: 70%;
 }

 .phToPrepContent h2 {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
 }

 .phToPrepContent p {
    font-size: 1.1rem;
 }   
 
 .buyNowPfrdaBtn {
    min-width: 160px;
    border-radius: 10px;
    padding-bottom: 0.5rem;
 }

 .disclaimer h2 {
    font-size: 1.4rem !important;
    margin-bottom: 0.8rem;
}

#login_modal {
    display: flex;
}

#login_modal a {
    width:100%;
}

#login_modal a:hover{
    text-decoration:none;
}

#login_modal a button.login_button {
    background-color: #17468c;
    padding: 10px 5px;
    color: #fff;
    border-radius: 10px;
    border: solid 1px #17468c;
    display: block;
    width: 100%;
    -webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */
}

#login_modal a button.register_button {
    background-color: #f68b29;
    padding: 10px 5px;
    color: #fff;
    border-radius: 10px;
    border: solid 2px #f68b29;
    display: block;
    width: 100%;
    -webkit-transition: background 0.5s; /* For Safari 3.0 to 6.0 */
    transition: background 0.5s; /* For modern browsers */
}

#login_modal a button.login_button:hover {
    border: solid 2px #17468c;
    color: #2b2b2b;
    background-color: #ffffff;
}

#login_modal a button.register_button:hover {
    border: solid 2px #f68b29;
    color: #2b2b2b;
    background-color: #ffffff;
}
 

@media(max-width: 767px) {
    .udlite-avatar {
        width:2.8rem;
        height: 2.8rem;
        font-size: 1rem
    }

    .user-avatar-comment {
        display: none
    }

    .this-ismy-pledge {
        margin-bottom: 0;
        width: 100%;
        border-radius: 0;
        bottom: unset;
        top: 0;
        align-items: center;
    }

    .this-ismy-pledge .pledgerightSection {
        justify-content: flex-start;
        min-width: 100px;
        border-radius: 0;
        padding: 1rem 0.5rem;
    }

    .this-ismy-pledge .pledgeLeftSec {
        padding:0 1.6rem 0 0.5rem;
        border-radius: 0;
        font-size: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        max-height: 3em;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.25;
        text-overflow: ellipsis;
    }

    .this-ismy-pledge .pledgerightSection h2{
        font-size: 13px;
    }

    .disclaimer{
        margin-top: 10px;
    }

    .disclaimer h2 {
        font-size: 1rem !important;
        margin-bottom: 0.6rem;
    }

    .disclaimer, .whiteShadowBox{
        box-shadow: 0 0 10px #ccc;
    }

    .iex-section h2 {
        font-size: 2rem;
    }

    .rightToLeft {
        display: none;
    }

    .back_to_top {
        position: fixed;
        right: 0px;
        z-index: 999;
        top: 0px;
        background: rgb(69 162 234 / 90%) !important;
        color: #fff !important;
        width: 50px;
        height: 51px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: 0 !important;
        padding: 0 !important;
    }
}

.modal{
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
}


 /* exam page bottom cta */
 div#hamburger-1 {
    width:auto;
  }

  .item1 p{
    padding: 10px 20px 6px;
    color: var(--ixb-blue);
    font-size: 0.8rem;
  }
  

  .item1 i {
    display:block;
  }

  
  .fixme.show {
    display:block;
  }

  .fixme.hide {
    display:none;
  }

  .composeBtn{
    display:flex; width:100%;overflow: hidden; justify-content: center; align-items: center; font-size: 1.2rem; text-decoration: none;
    color: #fff;
}  

.iexAnimatedBtn {
    background: #0069d9;
    height: 40px;
    position: fixed;
    bottom: 70px;
    transition: width 0.2s ease-in-out;
    width: 40px;
    right:15px;
    border-radius:50px;
    border: 0;
    cursor: pointer;
}

.composeBtn:focus,
.composeBtn:hover
{
    color: #fff;
    text-decoration: none;
}

.iexButtonexpand {
    width: 150px;
    border-radius:50px;
}

.fullnameShpw {
    display: none;
    opacity: 0;
    margin-left: 0.5rem;
}

.rbi_assistant_img {
    text-align: center;
    display: block;
}

.rbi_assistant_img img{
    width: 50%;
}

@media(min-width:768px){
    .iexAnimatedBtn {
        display: none;
    }
}

.attempt-test-sections::after {
    content: "";
    background: linear-gradient(90deg,#3fbce7,#8265c7);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    height: 6px;
    bottom: 0;
    width: 100%;
}



@media(min-width:521px){
    .mobileBankImg {
      display:none;
    }
    .desktopBankImg {
      display:block;
    }
  }
  
  @media(max-width:520px){
    .desktopBankImg {
      display:none;
    }

    .mobileBankImg {
      display:block;
    }
  }