body {font-family: 'Montserrat', sans-serif; font-weight: 400; } 
h1 { font-size: 32px; line-height: 1.3; font-weight: 700; }
h2 { font-size: 26px; line-height: 1.35; font-weight: 600; }
h3 { font-size: 21px; line-height: 1.4; font-weight: 500; }
@media (max-width: 768px) {
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
}
ul { margin: 0px; padding: 0px; padding-left: 15px; }
p, li, .h5, .h4 { color: #374957; text-decoration: none; }
a { text-decoration: none; }
header { box-shadow:0px 4px 8px rgba(95,125,149,16%); position: relative; z-index: 1;}
header .navbar.navbar-expand-lg { min-height: 64px; }
/* header nav.navbar { padding-left: 100px; padding-right: 100px; } */
/* .header-top { display: none; } */
.header-top .newsslide .carousel-control-next, .header-top .newsslide .carousel-control-prev { top: 3px;}
header .alert-warning { padding: 12px; background: #FFC517; border-radius: 0px; }
header .alert-dismissible .btn-close { padding: 0px; opacity: 1; top: 9px; right: 10px; width: 24px; height: 24px; background: url(https://www.mockers.in/frontend/img/alert-close.svg) no-repeat;  } 
.newsslide { margin-right: 15px; }
.newsslide p, .title { margin-bottom: 0px; color: #374957; font-size: 12px; font-weight: 500; }
.newsslide p a { font-weight: 600; color: #1273EB; }
.newsslide .carousel-control-next, .newsslide .carousel-control-prev { opacity: 1;  }
.newsslide .carousel-control-prev-icon { background: url(https://www.mockers.in/frontend/img/angle-double-small-right-left.svg) no-repeat; width: 12px; height: 12px; }
.newsslide .carousel-control-next-icon { background: url(https://www.mockers.in/frontend/img/angle-double-small-right.svg) no-repeat; width: 12px; height: 12px; }
.newsslide .carousel-inner { padding: 0px 40px 0px 20px; }
.newsslide .carousel-control-next, .newsslide .carousel-control-prev { width: 12px; height: 12px; top: 15px; }
.newsslide .carousel-control-next { right: 20px;}
header nav.navbar ul li a { color: #374957; font-weight: 600; }
header nav.navbar ul li a.nav-link.active, header nav.navbar ul li a:hover { color: #1273EB; }
.form-search { position: relative;}
.form-search { width: 260px; min-width: 260px; height: 48px; min-height: 48px; display: flex; align-items: center; }
.form-search .gcse-search, .form-search .gsc-control-cse { width: 260px !important; min-height: 48px; }
.form-search .gsc-control-cse, .form-search table.gsc-search-box { margin: 0px !important; padding: 0px !important; }
.form-search input { background-color: #F8FAFB; border: 1px solid rgba(95,125,149,20%); font-size: 16px; color: #374957; padding: 4px 0px !important; }
.form-search button { position: absolute; right: 10px; top: 5px; outline: none; border: 0px; background: none; }

.main-slider {box-shadow:0px 4px 8px rgba(95,125,149,16%); border-radius: 12px;  z-index: 0;}
.main-slider img { border-radius: 10px; width: 100%; min-height: 250px; }
.main-slider .carousel-control-prev-icon, .main-slider .carousel-control-next-icon { width: 52px; height: 52px;  }
.main-slider .carousel-control-prev-icon { background: url(https://www.mockers.in/frontend/img/slider/slide-left.svg) no-repeat; }
.main-slider .carousel-control-next-icon { background: url(https://www.mockers.in/frontend/img/slider/slide-right.svg) no-repeat; }
.main-slider .carousel-control-next, .main-slider .carousel-control-prev { opacity: 0.5; width: auto; }
.main-slider .carousel-control-next:hover, .main-slider .carousel-control-prev:hover { opacity: 1; }
.main-slider .carousel-control-next { right: -18px; }
.main-slider .carousel-control-prev { left: -18px; }

.banner-content .h1 { color: #1273EB; font-size: 32px; font-weight: 700;}
.span-round { border-radius: 5px; padding: 10px; }
.banner-content .span-round { padding: 5px 10px; }
.call-to-action { background: #FFB72F; border-radius: 5px; padding-left: 100px; padding-right: 100px;}
.call-button .btn { background-color: #374957 !important; border-color: #374957 !important;  font-size: 16px;  font-weight: 600; box-shadow: 0px 4px 4px rgba(0,0,0,15%);  }
.call-line { color: #374957; font-size: 16px; font-weight: 600; }
.call-line span { font-weight: 700;}
.call-image { position: relative; }
.call-image img { position: relative; top: -25px; left: 0px; }

.upcoming-exam, .bg-grad-pink { background:linear-gradient(#fff 20% , #FFF2F4 100%) !important;  }
.bg-green-grad {  background:linear-gradient(rgba(36,216,119,25%) 40% , rgba(36,216,119,0) 100%) !important; }
.upcoming-exam .h4 { font-weight: 600; font-size: 24px; margin-bottom: 0px;}
.span-grad  { background:linear-gradient(118deg, #F06377, #BF43F9); font-size: 16px; font-weight: 600;  }
.span-red-grad { background:linear-gradient(118deg, #F06377, #F94343); }
.span-grad-green { background:linear-gradient(118deg, #55DA76, #27B079); }
.span-grad-light-green { background:linear-gradient(118deg, #55DAC2, #27B06E); }
.span-grad-blue-green {  background:linear-gradient(118deg, #12B7EB, #12EBC4); }
.span-grad-green-blue {  background:linear-gradient(118deg, #54FFCC, #2D74FF); }
.upcoming-exam .span-round { margin-right: 10px; }

.upcoming-list li .bg-white { box-shadow:0px 2px 4px rgba(95,125,149,25%); }
.upcoming-list li .name { font-size: 18px; font-weight: 600; }

.all-board-results .card { border: 0px; box-shadow: 0px 5px 30px rgba(167,174,181,15%); }
.all-board-results .card-body { padding: 0px; }
.all-board-results .nav { width: 20%; }
.all-board-results .nav .heading5 { font-size: 20px; font-weight: 400; color: #8D8F91; }
.all-board-results .tab-content { background: #E9EDF0; width: 80%; padding: 15px; }
.all-board-results .nav .nav-link, .all-board-results .tab-content .nav-link { text-align: left; position: relative; padding:12px 15px 12px 15px; color: #414449; width: 100%; font-weight: 500;  }
.all-board-results .nav .nav-link img, .all-board-results .tab-content .nav-link img { width: 24px; height: 24px;margin-right: 5px; }
.all-board-results .nav .nav-link.active, .all-board-results .nav .nav-link:hover {  color: #171A1E; background: #E9EDF0; border-radius: 0px; }
.all-board-results .nav .nav-link::after, .all-board-results .nav .nav-link::before, .all-board-results .tab-content .nav-link:after {  content: ""; position: absolute; }
.all-board-results .nav .nav-link::after, .all-board-results .tab-content .nav-link:after {background: url(https://www.mockers.in/frontend/img/arrow-right.svg) no-repeat; width: 8px; height: 14px;  right: 10px; top: 17px;}
.boards-box { position: relative; padding: 15px 10px; border-radius: 4px; background: #fff; box-shadow: 0px 2px 4px rgba(95,125,149,25%); margin-bottom: 15px; text-decoration: none;  }
.all-board-results .boards-box { border: 1px solid transparent; cursor: pointer; min-height: 75px; display: block;}

.all-board-results .boards-box .d-flex img { width: 45px; height: 45px;}
.all-board-results .boards-box:hover .board-info a { color: #206CFF; }
.all-board-results .boards-box:hover { border:1px solid #206CFF;  } 
.all-board-results .boards-box .h6 { margin-bottom: 0px;}
.practice-test-list .boards-box .h6  { font-weight: 600; }
.practice-test-list .boards-box span  { font-size: 11px; color: #5F7D95;  }
.all-board-results{ background:linear-gradient(#fff 40%, #ECF6FE 60%) !important; }
.bg-grad-lightblue { background:linear-gradient( rgba(235,246,254,0) 20%, #EBF6FE 100%) !important; }
.live-update { background:linear-gradient(#fff 40%, #FFFDEC 60%) !important; }
.slide-box { padding: 16px; box-shadow: 0px 4px 4px rgba(117,123,146,25%); border-radius: 8px;  background:linear-gradient(#FEF5E9 30%, #fff 50%) !important; }
.live-update .slide-box { background:none; padding: 0px; }
.sl-top img { width: 44px; height: 44px; }
.sl-top .badge { font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 6px 10px; border-radius: 2px;}
.sl-top .bg-danger { background: #FA5156 !important; }
.slide-box .h6 { color: #333645; font-weight: 600;}
.slide-box ul { margin-top: 0px; padding-left: 15px; margin-bottom: 20px; }
.slide-box ul li { color: #333645; font-size: 13px; font-weight: 500;}
.slide-box .btn-block { display: block; width: 100%; font-weight: 500;}

.ud-box .slick-slide, .feedback .slick-slide { margin: 10px;}
.ud-box .slick-prev, .feedback .slick-prev { left: -15px;}
.ud-box .slick-next, .feedback .slick-next { right: -15px;}
.ud-box  .slick-dots, .feedback  .slick-dots { bottom: -20px;}
.ud-box  .slick-dots li, .feedback  .slick-dots li { background: #1273EB; border-radius: 10px; width: 10px;height: 10px; opacity: 0.5;}
.ud-box  .slick-dots li.slick-active, .feedback  .slick-dots li.slick-active { opacity: 1; }
.ud-box  .slick-dots li button:before, .feedback  .slick-dots li button:before { opacity: 1; }

.scrollbar {
    height: 440px;
    overflow-x: scroll;
  }
  .scroll-number { height: 580px;}
  .scrollbar::-webkit-scrollbar {
      width: 0.2em;
  }
  .scrollbar::-webkit-scrollbar-thumb {
    background-color: #D9DADB;
  }
.social {  background:linear-gradient(#fff 40% , #E9EDF0 100%) !important;  }
.aside-right .social, .user-area {  background:linear-gradient(rgba(233,237,240,0%) 5% , #E9EDF0 80%) !important;  }
  .social-box { margin-bottom: 20px; background: #fff; box-shadow: 0px 2px 4px rgba(95,125,149,25%);  border-radius: 4px; min-height: 59px; }
.social-box:hover {  box-shadow: 0px 2px 8px rgba(95,125,149,25%); }
.social-box a { display: flex; align-items: center; padding: 10px; text-decoration: none; }
.social-box a img { margin-right: 15px; }
.social-box a span, .social-box a { font-size: 18px; font-weight: 600; }
.col-md-3:last-child .social-box span { font-size: 16px; color: #1273EB;}
.col-md-3:last-child .social-box { box-shadow: none;}
.aside-right .social .social-box  a { justify-content: center;}
.aside-right .social .social-box { box-shadow: 0px 2px 4px rgba(95,125,149,25%); min-height: auto; border-radius: 4px; }
.aside-right .social .social-box  a img { margin-right: 0px; width: 30px; height: 30px; }

.counter { text-align: center; border-right: 1px solid rgba(95,125,149,50%); }
.col:last-child .counter { border-right: 0px; }
.counter-number { font-size: 40px; font-weight: 700; color: #1273EB;}
.counter-title { font-size: 20px; font-weight: 500; color: #5F7D95; }

.feedback { margin-bottom: 60px;}
.feedback-box { background: #F2F2FE; padding: 33px; border-radius: 8px; }
.feedback-box figure img { width: 78px; height: 78px; border-radius: 50%; margin-left: 25px; }
.feedback-box p { font-weight: 500; color: #5F7D95;}
.client-name { font-size: 18px; color: #374957; font-weight: 600; }

.bg-light-yellow { background: #FFF5DA !important; }
.bg-light-gray { background: #F2F2FE !important; }

.numbers .call-to-action { background:linear-gradient(118deg, #C4F0F9, #BCFEF4); padding-top: 25px; padding-bottom: 25px; position: relative;  }
.call-action-2 .call-to-action {  background:linear-gradient(118deg, #FFF5DA, #E5E5E5); position: relative; }
.numbers .call-to-action::before, .call-action-2 .call-to-action::before { background: url(https://www.mockers.in/frontend/img/wave.png) center center no-repeat; position: absolute; top: 0; left: 0; width: 100%; content: ""; height: 100%; }
.numbers  .call-image img { top: 0px;}
.numbers .call-button, .numbers .call-line, .call-action-2 .call-line , .call-action-2 .call-button { position: relative;}
.numbers .call-button .btn { background: #C7EBFF !important; border: 1px solid #374957 !important; color: #374957 !important; padding: 6px 25px;}

.exclusive-social-buttons { gap: 45px; }
.exclusive-social-btn { min-width: 270px; min-height: 34px; padding: 8px 16px; border-radius: 2px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.2; box-shadow: 0px 2px 4px rgba(95,125,149,16%); }
.exclusive-social-btn:hover, .exclusive-social-btn:focus { color: #fff; }
.exclusive-social-btn img { width: 18px; height: 18px; margin-right: 8px; }
.exclusive-social-btn-whatsapp { background: #24D366; }
.exclusive-social-btn-whatsapp:hover, .exclusive-social-btn-whatsapp:focus { background: #1FBC59; }
.exclusive-social-btn-telegram { background: #17B7E8; }
.exclusive-social-btn-telegram:hover, .exclusive-social-btn-telegram:focus { background: #139FD0; }

footer { background: #1D262D; }
footer p, footer a { font-weight: 500; font-size: 14px; color: #869083; text-decoration: none;}
footer a { color: #64BEE2; }
footer ul { list-style: none; margin-left: 0px; padding-left: 0px; }
footer ul li { margin: 10px 0;}
footer ul li a { color: #FFD449; font-weight: 400;}
footer h6 { font-weight: 700; color: #fff; font-size: 14px;}
footer .social-media a { margin-right: 15px; margin-bottom: 15px; }

.footer-bottom{ padding: 12px 15px; font-size: 16px; color: #BAC8D3; font-weight: 500; background: #2A3842; text-align: center; margin-top: 40px; }
.bg-none {
  background: none !important;
}

.mobile-tab {
  display: none;
  padding: 15px 0;
}
.mobile-tab ul {
  flex-wrap: nowrap;
  width: 100%; margin-left: 0px; padding-left: 0px;
}
.mobile-tab ul li {
  width: 25%; list-style:none;
  text-align: center;
}
.mobile-tab ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-tab ul li a img {
  width: 18px;
  height: 18px;
  /* filter: grayscale(100%); */
}
.mobile-tab ul li a span {
  font-size: 10px;
  font-weight: 500;
  color: #374957;
}
.brad-nav { background: #F9E8EA; }
.brad-nav-grad { background:linear-gradient(180deg, #F9E8EA 50%, #F5F5F5  50%); }
.profile-list .over-box { background:linear-gradient(118deg, rgba(193,23,28,10%) 60%, rgba(193,23,28, 2%)  100%); border: 1px solid #efefef;}
.brad-nav nav ol li, .brad-nav nav ol li a {
  font-size: 12px;
  color: #1273EB; font-weight: 500;
}
.brad-nav nav ol .breadcrumb-item.active {
  color: #5F7D95;
}
.brad-nav nav .breadcrumb-item+.breadcrumb-item::before {
  content: ""; background: url(https://www.mockers.in/frontend/img/bred-arrow.svg) no-repeat; width: 5px; height: 9px; margin-top: 4px;
  color: #1273EB;
}
.brad-nav .h1 span { color: #374957; font-size: 40px; font-weight: 700; }
.box-shadow { box-shadow: 0px 6px 10px rgba(14,55,101,4%); }
.nav-pills.nav-mock li { margin-right: 20px;}
.nav-pills.nav-mock li a.nav-link { border-radius: 30px; background: #C9E6FD; color: #374957; font-weight: 500; }
.nav-pills.nav-mock li a.active, .nav-pills.nav-mock li a.nav-link:hover {  background: #1273EB; color: #fff; }
section.bg-light, body.bg-light { background: #F5F5F5 !important;}
.compare-list .nav-pills.nav-mock a.nav-link { background: #DDE4EA; }
.compare-list  .nav-pills.nav-mock li a.active, .compare-list .nav-pills.nav-mock li a.nav-link:hover { background: #FFC239; color: #374957; }
.page-content { color: #374957;  }
/* .page-content .h2 { font-size: 32px; font-weight: 700; } */
.page-content .h5 { color: #5F7D95; font-size: 20px; font-family: 'Georgia', sans-serif; }
.page-content p { font-size: 20px; font-family: 'Georgia', sans-serif;  }
.note-bg-light  {  background: #D4ECFD; }
.note-area  { padding: 25px 30px; border-radius: 4px; color: #374957; font-size: 20px; font-family: 'Georgia', sans-serif; }
.note-area span { font-weight: bold;}
.accordion  { box-shadow: 0px 4px 8px rgba(95,125,149,16%); background: #fff; padding: 20px; border-radius: 4px;}
.accordion .accordion-item { border-radius: 0px; border: 0px; border-bottom:1px solid #5F7D95;}
.accordion .accordion-body, .accordion .accordion-button { padding: 0px; background: none;}
.accordion .accordion-body { padding-bottom: 20px; font-family: 'Georgia', sans-serif; font-size: 14px; color: #5F7D95;}
.accordion .accordion-button { padding: 24px 0; box-shadow: none; font-size: 18px;}
.accordion-button:not(.collapsed) { color: #374957;}
.accordion .accordion-item:last-child { border-bottom: 0px; }
.page-content .accordion-button::after { background-color: #5F7D95; width: 24px; height: 24px; border-radius: 50%; background-position: center; background-image: url(https://www.mockers.in/frontend/img/accord-down.svg); background-size:0.8rem;  }
.bg-light-blue { background:#E2ECF9 !important;}

.mcq-qp-listing li {  box-shadow: 0px 4px 8px rgba(95,125,149,16%);  background: #fff;  border-radius: 4px;  padding: 15px 23px;  margin-bottom: 20px;}
.mcq-cb {  align-items: center;  justify-content: space-between;}
.paper-title .h6 {  font-size: 20px;  font-weight: 500; color: #374957;}
.paper-detail {  justify-content: space-between;}
.mcq-qp-listing .attempt {  display: flex;  flex-direction: column;  min-height: 90px;  justify-content: center;}
.mcq-attempt, .paper-detail p { font-size: 12px; color: #5F7D95; font-weight: 500;}
.mcq-attempt .span-round { padding: 5px 10px; font-size: 12px; text-transform: uppercase;}
.paper-detail p { margin-bottom: 0px; margin-right: 20px; }
.paper-detail p img {  margin-right: 5px;}
.mcq-qp-listing .btn {  padding: 8px 25px;  border-radius: 4px;  min-width: 150px;}
.mcq-qp-listing .btn.btn-success, .btn.btn-success { background: #08BD80; border: 1px solid #08BD80;}
.mcq-qp-listing .btn.btn-secondary { background: #5F7D95; border: 1px solid #5F7D95;}

.pagination { display: flex; justify-content: center; margin-top: 30px; flex-wrap: wrap; align-items: center; }
.pagination li span { line-height: 48px; width: 48px; height: 48px; display: inline-block; border-radius: 50%; text-align: center; }
.pagination li a { display: inline-block; line-height: 48px; width: 48px; height: 48px; }
.pagination li:first-child span, .pagination li:last-child a {  text-align: center; width: 48px; height: 48px; border-radius: 50px; border: 1px solid transparent;}
.pagination li:last-child a {  display: inline-block; font-size: 0px; background: url(https://www.mockers.in/frontend/img/fi-rr-arrow-right.svg) no-repeat #3C4852 center;  }
.pagination li { margin-right: 15px; border-radius: 50%; border: 1px solid transparent; width: 50px; height: 50px; text-align: center; }
.pagination li:last-child { margin-right: 0px; }
.pagination li:first-child span { color: #fff; font-size: 0px; background: url(https://www.mockers.in/frontend/img/fi-rr-arrow-left.svg) no-repeat #E9EEF2 center;  } 
.pagination li:last-child a  {  color: #fff; width: 49px; height: 49px; line-height: 49px; }
.pagination li.active span {background: #2D81F7; color: #fff; width: 49px; height: 49px; line-height: 49px; }
.pagination li:hover { border: 1px solid #2D81F7; border-radius: 50%; }
.pagination li.disabled:hover { border: none;}
.pagination li:nth-child(5), .pagination li:nth-child(6), .pagination li:nth-child(7), .pagination li:nth-child(8), .pagination li:nth-child(9) { display: none; }

.number-list li { margin-bottom: 15px; list-style: auto; color: #374957; font-size: 20px; font-family: 'Georgia', sans-serif;} 
.btn-pad { border-radius: 4px; padding: 12px 50px; font-weight: 600;}
.btn-light { background: #DDE4EA !important;}
.sub-area { bottom: 0; left: 0; z-index: 10;}

.modal-backdrop { background: rgba(55,73,87,80%);  }
.modal-backdrop.show { opacity: 1; }
.mcq-test-modal .modal-content { border: 0px;}
.mcq-test-modal .modal-header { background: #00A751; padding-bottom: 0px; border: 0px; }
.mcq-tm-start .modal-header { background: #1273EB; }
.mcq-tm-start .modal-header .btn-close { background: url(https://www.mockers.in/frontend/img/btn-close.svg) no-repeat; opacity: 1; position: absolute; top: 20px; right: 10px; }

.mo-header-logo img { width: 170px; margin: 0px auto 15px; }
.mcq-test-modal .modal-footer { border: 0px; }
.list-span { min-width: 180px;  color: #5F7D95;}
.mcq-tm-start .list-group-item, .over-box.list-group-item { border: 0px; font-size: 18px; color: #000; font-weight: 500; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
.check-area-list { text-align: center; }
.form-area .form-select { height: 54px; border: 1px solid #D9DADB; background: #fff; border-radius: 8px; box-shadow: 0px 2px 4px rgba(0,0,0,15%); -moz-appearance: auto; -webkit-appearance: auto; appearance: auto; }
.modal-body form span { margin-right: 20px;  width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 36px;}
.form-area .form-group .form-check {display: inline-block; position: relative;  margin: 0; }
.form-area .form-group .form-check input[type='radio'] { display: none;}
.form-area .form-group .form-check label { padding: 7px 11px; min-width: 195px; min-height: 50px; border: 1px solid #DDE4EA; border-radius: 4px; }
.form-area .form-group .form-check label span {  content: ""; text-align: center; display: inline-block; position: relative;  top: 0; z-index: 1;  font-weight: 500;  background: #DDE4EA;  white-space: nowrap;}
.form-area .form-group  input[type=radio]:checked + label { color: #fff; background: #1273EB;  }

.form-area .form-group .form-check input[type=radio]:checked + label span, .form-area .form-group .form-check input[type=checkbox]:checked + label span { background: #fff;  }
.modal-body form span img { filter: grayscale(100%);}
.form-area .form-group  input[type=radio]:checked + label span img { filter: grayscale(0);}

.ques-list { min-height: 700px; margin-bottom: 15px; }
.ques-list li { margin-bottom: 15px; background: #fff;  border-radius: 2px; box-shadow: 0px 0px 24px 0px #E9EEF2; }
.ques-list li .form-group label { display: block; border: 1px solid #7A8B94; padding: 15px 10px; border-radius: 8px; margin-bottom: 15px; }
.ques-list li .ques-no { justify-content: space-between; }
.ques-list li .ques-no h6 { margin-bottom: 0px; }
.ques-list li .ques-no span { background: #E9EEF2; border-radius: 4px; padding: 3px 12px; color: #374957; font-weight: 500; }
.submit-btn.btn-primary { background: #2D81F7; border: 1px solid #2D81F7;  }
.submit-btn.btn-primary:hover  { color: #2D81F7; background: #fff; }

.ques-list .form-check, .class-list .form-check {
  display: block;
  position: relative;
  padding: 0 6px;
  margin: 0;
}

.ques-list .form-check input[type='radio'], .class-list .form-check input[type='checkbox'], .profile-check .form-check input[type='radio'], .profile-check .form-check input[type='checkbox'] {
  display: none;
}
.profile-check li { margin-right: 15px; }
.profile-check  .form-group label {
  display: block;
  border: none;
  padding: 13px 20px; background: #DDE4EA; font-size: 18px; color: #374957; font-weight: 500;
  border-radius: 4px;
  margin-bottom: 15px;
}
.profile-check  .form-check-inline { margin-right: 0px; padding-left: 0px;}

.profile-check .form-check input[type=radio]:checked + label, .profile-check .form-check input[type=checkbox]:checked + label { background: #1273EB; color: #fff; }

.ques-list .form-check label, .class-list .form-check label {
  color: #666;
  font-weight: normal;
}
.ques-list .form-check label h6 { margin-bottom: 0px; margin-top: 0px; margin-left: 25px; font-size: 18px; font-weight: 600; color: #374957; width: calc(100% - 65px); }
.ques-list .form-check label span.optionIndex {
  content: " ";
  display: inline-block;
  position: relative;
  top: 0px; z-index: 1;
  margin: 0;
  width: 36px;
  height: 36px; text-align: center; 
  border-radius: 36px;
  border: 1px solid #5F7D95;
  background-color: transparent;
    line-height: 36px; color: #5F7D95;
}

.class-list .form-check label span {  
    content: "";
    text-align: center;
    display: inline-block;
    position: relative; 
    top: 0;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    background: #EDF1F4;
    border-radius: 4px;
    white-space: nowrap;}

.class-list .form-check { padding: 0px;}

.ques-list .form-check input[type=radio]:checked + label { background: #EAF3FF; border: 1px solid #2D81F7;  }
.ques-list .correct-active .form-check  input[type=radio]:checked + label {  background: rgba(0,167,81,15%); border: 1px solid #00A751;  }
.ques-list .form-check input[type=radio]:checked + label span, .class-list .form-check input[type=checkbox]:checked + label span { color: #2D81F7; }
.ques-list .correct-active .form-check  input[type=radio]:checked + label span, .text-green { color: #00A751; }
.ques-list .correct-active .form-check  input[type=radio]:checked + label span:after {  border: 1px solid #00A751; background: #fff;  }
.class-list .check-o-bg .form-check input[type=checkbox]:checked + label span { color: #3C4852;}
.class-list .check-pd-bg .form-check input[type=checkbox]:checked + label span { color: #2D81F7;}


.ques-list .wrong-active .form-check  input[type=radio]:checked + label {  background: rgba(253,61,64,15%); border: 1px solid #FD3D40;  }
.ques-list .wrong-active .form-check  input[type=radio]:checked + label span, .text-red, .ques-list .wrong-active .form-check .wrong  { color: #FD3D40; }
.ques-list .wrong-active .form-check  input[type=radio]:checked + label span:after {  border: 1px solid #FD3D40; background: #fff;  }
.ques-list .wrong-active .form-check .wrong { background:#FFE2E3;  }



.ques-list .form-check input[type=radio]:checked + label span:after, .class-list .form-check input[type=checkbox]:checked + label span:after {
  border-radius: 36px;
  width: 36px;
  height: 36px;
  position: absolute;
  top: -1px;
  z-index: -1; 
  left: -1px;
/*  content: " "; this is removed to solve katex2 formula design when click on option*/
  display: block; border: 1px solid #2D81F7;
  background: #fff;
}

.class-list .form-check label span.class1light { background: #E7F9F3; border: 1px solid #08BD80;  }
.class-list .form-check label span.class2light { background: #FFEED7; border: 1px solid #FFAD3B;  }
.class-list .form-check label span.class1dark { background: #08BD80; border: 1px solid #08BD80; color: #fff;  }
.class-list .form-check label span.class2dark { background: #FFAD3B; border: 1px solid #FFAD3B; color: #fff;  }

.class-list .check-pd-bg .form-check input[type=checkbox]:checked + label span:after { background: #FFAD3B; border: 1px solid #FFAD3B; }

.class-list .check-o-bg .form-check input[type=checkbox]:checked + label span:after { background: #FFEED7; border: 1px solid #FFAD3B; }
.class-list .form-check input[type=checkbox]:checked + label span:after { background: none; border: 0px;}
/*.class-list .form-check input[type=checkbox]:checked + label span:after { color: #666; background: #EDF1F4; border: 0px; width: 100%; height: 100%; padding: 15px 10px; border-radius: 4px; }*/

.ques-list .form-check label span:focus, .class-list .form-check label span:focus { color: #fff; }
.bg-grad-light { background:linear-gradient(#DFF7FF 70%, rgba(223,247,255,0) 100%) !important; } 
.alert-list p { margin-bottom: 15px; margin-right: 15px; }
.alert-list p .round-area { width: 10px; height: 10px; border-radius: 50%; background:#3C4852; display: inline-block; margin-right: 10px; }
.round-blue { background: #1273EB !important; }
.round-yellow { background: #FFC239 !important; }
.round-red { background: #FD3D40 !important; }
.round-green { background: #00A751 !important; }
.round-light-blue { background: #66CCF1 !important; }
.round-dark { background: #374957 !important; }
.round-light-sky { background: #66FFE2 !important; }

hr { border-color: #fff; opacity: 1;}

.dropselect .btn { width: 100%; text-align: left; position: relative; min-height: 32px; background: #fff !important; color: #5F7D95; border: 0px; border-radius: 2px;  font-size: 14px; font-weight: 500;  }
.dropselect .btn::after { border: 0px; position: absolute; right: 10px; background: url(https://www.mockers.in/frontend/img/arrow-down.png) no-repeat; width:10px; height: 6px; top: 14px; }
.dropselect .dropdown-menu { width: 100%; border: 0px; border-radius: 2px;}
.dropselect .dropdown-menu a { font-size: 14px;}

.numbering li span { display: block; text-align: center; margin: 0 auto; width: 46px; height: 46px; border-radius: 50%; background: #374957; line-height: 46px; color: #fff; font-size: 15px; font-weight: 600; }
.time-remain span { font-size: 18px; color: #FA5156; font-weight: 700;}
.hr-gray { border-color: #AFBECA;}
.make-review { background: #66CCF1; position: relative; padding: 5px 30px; display: inline-block; color: #fff; }
.make-review::after {
  content:"";
  display:inline-block;        
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: 17px solid #fff;
  width: 0px;
  height: 0px;
  right: 0px;
  top: 0px;        
  position: absolute;        
  z-index: 1; 
}
.qsn-here { font-size: 20px; color:#374957; font-weight: 500; overflow-x: auto; max-width: 100%; }
/* AddedHorizantolScroll04June2026Start */
.qn-title,
.qn-solution,
.ques-list .form-check label h6 {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.qsn-here mjx-container,
.qn-title mjx-container,
.qn-solution mjx-container,
.ques-list .form-check label h6 mjx-container,
.qsn-here .katex-display,
.qn-title .katex-display,
.qn-solution .katex-display,
.ques-list .form-check label h6 .katex-display {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
/* AddedHorizantolScroll04June2026End */

.bookmark { width: 36px; height: 36px; background: #FA5156; border-radius: 50%; text-align: center; line-height: 36px;  }

.bg-blusih { background: #DFF7FF; }
.bg-blusih .dropselect { min-width: 250px;}
.en-hi img { position: relative; right: 0; top: 0; }
.en-hi .hindi-lang { top: -3px; right: -15px;  }
.en-hi .english-lang { bottom: -12px; top: auto; right: 5px;  }
.btn-rouned { background: #FFC239; border-radius: 24px;}

.menu-grid { display: none; width: 36px; height: 36px; background: #374957; border-radius: 50%; text-align: center; line-height: 36px; }
.close-btn { display: none; box-shadow: 0px 4px 4px rgba(95,125,149,25%); position: absolute; left: 0; }
.user-area  .h6 { font-weight: 500; color: #5F7D95;}
.allow-notify { min-height: 100px; min-width: 210px; }
.btn-allow { position: absolute; right: 0px; top: -10px; padding: 8px 20px; font-size: 14px; }
.share-icons { position: absolute; bottom: 10px; right:0px;}

.alert-custom { background: #FEF4EC !important; font-weight: 500; border: 0px !important; border-radius: 4px; font-size: 13px; color: #5F7D95; }
.alert-custom a {  color: #FC4D3F; text-decoration: underline;}
.alert-custom .btn-close { background: url(https://www.mockers.in/frontend/img/btn-close-dark.svg) no-repeat; width: 24px; height: 24px; padding: 0px; top: 14px; right: 14px; opacity: 1; }
.modal-sign .modal-header .btn-close { background: url(https://www.mockers.in/frontend/img/btn-close-dark.svg) no-repeat; opacity: 1; position: absolute; top: 35px; right: 10px; }
.overall-result { min-height: 445px; }
.overall-result, .over-box, .marks-box, .time-list, .graph, .leaderboard, .qn-area, .qn-solution, .result-area, .result-no-list  { border-radius: 4px;}
.over-box { background: #F8FAFB; text-align: center; }
.overnum { font-weight: 700; font-size: 24px; color: #374957; }
.overtitle {   color: #5F7D95; font-size: 14px; font-weight: 500;}
.bg-green { background: #00A751 !important; }
.bg-red { background: #FD3D40 !important; }
.bg-yellow { background: #FFC239 !important; }
.marks-box  { min-height: 90px;}
.horizontal-line { width: 1px; min-height: 60px; background: #fff; display: inline-block; position: relative;}
.ul-tab { position: relative; z-index: 1; box-shadow: 0px 6px 10px rgba(14,55,101,4%); padding: 0px 30px; }
.ul-tab button.nav-link.active, .ul-tab button.nav-link:hover { border: 0px; border-bottom: 2px solid #1273EB; color: #1273EB; }
.ul-tab button.nav-link { font-weight: 600; color: #374957; border: 0px; border-bottom: 2px transparent #1273EB; padding-top: 20px; padding-bottom: 20px;}

#myChart { width: 100% !important; }

.leaderboard ul { margin: 0px; padding: 0px; list-style: none;}
.leaderboard ul li { margin-bottom: 15px; width: 100%; }
.leaderboard ul li .leader-detail { width: 90%; }
.leaderboard ul li:last-child {  margin-bottom: 0px; }
.leaderboard ul li .serial-no, .leader-name, .leader-points { color: #374957; font-size: 16px; font-weight: 600; }
.leaderboard ul li .serial-no { width: 38px; height: 40px;  text-align: center; line-height: 40px; overflow: hidden;  }
.gold-medal { background: url(https://www.mockers.in/frontend/img/gold-medal.svg) no-repeat 5px 0;  }
.silver-medal { background: url(https://www.mockers.in/frontend/img/silver-medal.svg) no-repeat 5px 0; }
.bronze-medal { background: url(https://www.mockers.in/frontend/img/bronze-medal.svg) no-repeat 5px 0;  }
.gold-medal, .silver-medal, .bronze-medal { color: rgba(255, 255, 255, 0.4) !important; padding-top: 15px; line-height: normal !important; }
.leader-icon { width: 44px; height: 44px; background: #E8E6E6; border-radius: 50%; }
.leader-icon img { width: 44px; height: 44px;}
.leader-points span  { color: #5F7D95; font-size: 12px; }
.leader-name { min-width: 20%; }
a.qn-type { font-weight: 600; border-radius: 30px; padding:9px 20px; display: inline-block; width: 100%; min-height: 45px; }
.btn-light-pink { background: #FA9B9E !important;}
.btn-light-yellow { background: #FBDE9A !important;}
.btn-dark-green { background: #00A751 !important; color: #fff ; }
.qn-area {box-shadow: 0px 4px 8px rgba(95,125,149,16%);}
.fo22 { font-size: 22px !important; color: #374957; font-weight: 500;}
.time-take { color: #5F7D95; font-size: 16px; font-weight: 500;}

.qn-solution { min-height: 200px; }
.qn-solution p { font-size: 18px; font-weight: 500;}

.qn-solution h1, .qn-solution h2, .qn-solution h3 { font-size: 18px !important; }
.qn-solution .concepts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.qn-solution .concepts span { display: inline-flex; align-items: center; border-radius: 999px; background: #EAF3FF; border: 1px solid #BBD7FF; color: #2D81F7; font-size: 13px; font-weight: 600; line-height: 1.2; padding: 6px 12px; }
.qn-solution .steps li { background: transparent; box-shadow: none; overflow-x: inherit; }
.qn-solution .concept-reference { display: grid; gap: 4px; padding: 10px; border-radius: 6px; background: rgba(31, 122, 77, 0.08); line-height: 1.6; margin: 10px; }

.result-area { background:linear-gradient(90deg, #0E2885 40%, #141042 100%); padding: 20px; justify-content: space-between; align-items: flex-end; }
.result-for{ font-weight: 600; font-size: 18px; color: #FFDA63;}
.result-no-list { background: rgba(255, 255, 255, 0.1); border: 0.2px solid rgba(255, 255, 255, 0.2); padding: 15px; }
.result-no-content p { color: #fff; font-weight: 500; margin-bottom: 0px;}
.result-no-content { text-align: center;}
.result-no-content p span { font-size: 24px; font-weight: 700;}
.result-xs-text { color: #fff; font-size: 14px; font-weight: 500;}

.result-area .time-left {  background:linear-gradient(90deg, #FA5156 40%,  rgba(250,81,86,0) 100%); padding: 8px 15px; border-radius: 2px; }
.result-area .time-left .time-remain span { font-weight: 500;}
.result-figure .result-figure img { width: 177px;  }
.result-content { width: calc(100% - 200px); }
.badge-area { display: none; background: #D9F2E5; color: #00A751; font-size: 10px; font-weight: 500; padding: 3px 10px; border-radius: 10px; position: absolute; top: -8px; left: 15px; }
.correct-active .badge-area, .wrong-active .badge-area { display: block; }
.correct-active .correct { background: #D9F2E5; color: #00A751; }
.correct-active .skipped { background: #FFF6E2; color: #FFC239; }

.shadow-custom {  box-shadow: 0px 4px 8px rgba(95,125,149,16%); }
.blog .card { border: 0px; border-radius: 4px; }
.blog .card .card-title { font-size: 20px; font-weight: 600; color: #374957; }
.blog .card .date { font-size: 14px; color: #5F7D95; font-weight: 500; }
.nav-blog a.nav-link { display: inline-flex; align-items: center;}
.nav-blog a.nav-link img { margin-right: 8px; }
.card-img-top  { width: 100%; min-height: 196px; } 

.blog-by figure { margin-bottom: 0px; }
.blog-by figure img { width: 44px; height: 44px;}
.blogauthor, .blogauthor a{ color: #5F7D95; font-weight: 500; }
.blogauthor a { text-decoration: underline; }
.blog-by .date { font-size: 14px; color: #5F7D95;}
.social-share { background: #BCFDF4; border-radius: 2px; padding: 3px 15px;}
.white-devider { background: #fff; height: 30px; width: 1px; margin: 0px 10px; }
.social-share a { font-size: 13px; font-weight: 600;}
.page-content .h1 { font-size: 32px; font-weight: 700;}
.page-image img { width:100%; height: 350px; }

.page-content .call-to-action { padding-left: 50px; padding-right: 50px;}
.page-content .call-button .btn { font-size: 14px; min-width: 180px;}
.responsive3 .slide-box { background: none !important; box-shadow: none; padding: 0px;}
.profile { padding-top: 40px; }
.profile .user-img { width: 95px; height: 95px; border-radius: 50%;}
.profile .company-logo img { width: 80px;}
.edit-pf { text-decoration: underline;  }
.border-line { width: 100%; height: 1px; background: #DDE4EA; margin: 5px 0;}

.blog-by .user-details { width: calc(100% - 0px); text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.blog-by .user-details .blogauthor { font-size: 18px; font-weight: 600; color: #374957;}

.profile-fd  .bg-gray {  background: #DDE4EA !important;}
.profile-fd .perosnl-dt { border-radius:4px }
.profile-fd .perosnl-dt div { font-size: 18px; font-weight: 600; color: #374957; margin-bottom: 15px;}
.profile-fd .perosnl-dt div span { color: #5F7D95;}
.profile-drop .dropdown-toggle::after { display: none;}
.btn-login, .profile-drop { min-height: 38px; }
.profile-drop { display: flex; align-items: center; }

.mcq-select { width: 300px; }
.mcq-qp nav { display: flex; justify-content: center; }
.mcq-qp nav .flex-1 { display: none;}
 .mcq-qp nav .w-5.h-5 {  width: 24px; height: 24px; } 
 .mcq-qp nav p { margin-top: 15px !important; }
.mcq-qp nav  span .relative, .mcq-qp nav span.relative  span  { line-height: 44px; padding: 0px !important; border: 1px solid transparent !important; background: none !important; width: 44px; height: 44px; border-radius: 44px; display: inline-block; text-align: center;   }
.mcq-qp nav  span .relative:hover { line-height: 44px;  border: 1px solid #2D81F7 !important; padding: 0px !important; display: inline-block;  width: 44px; height: 44px; border-radius: 44px; }
.mcq-qp nav  .relative.z-0.shadow-sm  { box-shadow: none !important; }
.mcq-qp nav span  a.relative:last-child { width: 44px; height: 44px; border-radius: 44px; background: #374957 !important; color: #fff; display: inline-block !important; text-align: center; }
.mcq-qp nav span  .relative.rounded-l-md { width: 44px; height: 44px; border-radius: 44px; background: #E9EEF2  !important; color: #fff; display: inline-block !important; text-align: center; }

.modal-sign .modal-dialog { max-width: 430px; }
.modal-sign .modal-content { border: 0px; }
.modal-sign .modal-header { border-top: 12px solid #2D81F7; margin-left: 0px;  box-shadow: 0px 16px 16px -10px #F9FBFC; }
.modal-sign .modal-header img { margin: 0px auto; }
.modal-sign ul { margin: 0px; padding: 0px;}
.modal-sign ul li { list-style: none; margin: 0px; }
.modal-sign .modal-body { padding: 20px;  }
.modal-sign .modal-body .h4 { font-size: 24px; font-weight: 600; color: #374957; text-align: center; }
.sign-google { width: 100%; }
.sign-google a { background: #DB4437; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }
.sign-google a img { margin: 1px;  }
.sign-google a span { margin-right: auto; margin-left: auto;  font-weight: 500; color: #fff;}
.modal-sign .tab-content h2 { font-size: 34px; font-weight: 700; }
.mail-sign, .signup { color: #374957; position: relative; text-align: center; }
.signup { font-weight: 500; }
.mail-sign:before { position: absolute; border-bottom: 1px dashed #7A8B94; content: ""; width: 20%; left: 0px; top: 13px;    }
.mail-sign:after { position: absolute; border-bottom: 1px dashed #7A8B94; content: ""; width: 20%; right: 0px; top: 13px;    }
.modal-sign .form-group { margin-bottom: 20px; }
.modal-sign .list-unstyled .form-group { margin-bottom: 0px;}
.modal-sign .form-group .form-control, .modal-sign .form-group .form-select { background: #E9EEF2; border: 1px solid #7A8B94; min-height: 48px; }
.modal-sign .check-area .form-check label, .modal-sign .check-area a { font-size: 14px; color: #7A8B94;   }
.modal-sign .d-grid button { min-height: 48px; }
.login-tc { color: #7A8B94; }
.modal-sign p { text-align: center; font-size: 14px; color: #5F7D95; font-weight: 500; }
.btn-success-light, .btn-primary-light { font-size: 14px; padding: 14px 30px; width: 50%; border: 0px !important; }
.modal-sign .btn-primary-light, .btn-primary-light { background: rgba(45,129,247, 10%) !important; color: #2D81F7 !important;  }
.modal-sign .btn-success-light, .btn-success-light { background: rgba(8,189,128, 10%) !important; color: #08BD80 !important;  }
.login-tc a, .modal-sign .check-area a, .signup a { color: #2D81F7; font-weight: 500;  }
.password { position: relative; }
.password:after { position: absolute; content: ""; right: 15px; top: 15px; background: url(https://www.mockers.in/frontend/img/password.svg) no-repeat; width: 21px; height: 21px; }
.btn-custom { font-weight: 500; padding: 13px 0px; display: block; width: 100%; border: 0px; border-radius: 4px; font-weight: 500; }
.btn-lt-blue  { background: #EAF3FF; color: #2D81F7; }
.btn-lt-green { background: #E7F9F3; color: #08BD80; }
.mega-border-radius {
  border: 1px solid #D9DADB;
  border-radius: 6px;
}
.shadow-light {
  box-shadow: 0px 5px 16px rgb(167 174 181 / 15%);
}
.user-img img {
  width: 75px;
  height: 75px;
  min-width: 75px;
}
.user-detail .input-group .form-control { display: none;}
.user-detail .input-group-text { background: #206CFF; color: #fff; border: 0px; border-radius: 4px !important; font-weight: 600; font-size: 16px; }
.heading4 {
  font-size: 20px;
  font-weight: 600;
  color: #414449;
}
.fo11 {
  font-size: 11px !important;
}
.profile-page .form-label {
  font-size: 14px;
  color: #414449;
  font-weight: 500;
}
.profile-page .form-area .form-control {
  font-size: 16px;
  font-weight: 400;
  color: #5F7D95;
  background: rgba(239,242,245,25%);
  border: 1px solid rgba(95,125,149,25%);
  border-radius: 8px;
  min-height: 54px;
}
.profile-page .form-area .form-select {
  height: 54px;
  border: 1px solid #D9DADB;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0,0,0,15%);
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
}
.profile-page form span {
  font-size: 11px;
  color: #8D8F91;
}
.profile-page .form-area .form-group .form-check label {
  padding: 0px;
  min-width: 0px;
  min-height: 0px;
  border: 0px;
  border-radius: 5px;
}
.profile-page .form-area .form-group .form-check input[type='radio'] {
  display: none;
}
.profile-page .form-area .form-group .form-check { padding-left: 0px; }
.profile-page .form-area .form-group .form-check label span {
  content: "";
  text-align: center;
  display: inline-block;
  position: relative;
  top: 0;
  z-index: 1;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  background: #EDF1F4;
  border-radius: 4px;
  white-space: nowrap;
}
.profile-page .form-area .form-group .form-check input[type=radio]:checked + label span, .profile-page .form-area .form-group .form-check input[type=checkbox]:checked + label span, .profile-page .form-area .form-group .form-check label .classactive { color: #414449; background: #FFC517; }


.page-content .heading2  { font-weight: 700;
  font-size: 33px; }

  .page-content .heading5 { font-size: 24px; font-weight: 500;  }
  .privacy .page-content p { font-family: 'Montserrat', sans-serif; }
  .privacy .list { text-align: left; padding-left: 0px; }
  .privacy .list li { padding: 7px 0; }
  .privacy .list li a { font-weight: 500; font-size: 18px; color: #5F7D95; }
  .privacy .list li.active a,   .privacy .list li a:hover { color: #374957; font-size: 20px; font-weight: 600;  }


  .grd-blue { background:linear-gradient(#2D2DB0 20% , #2C8CF4 100%) !important;   }
  .values li { margin-bottom: 20px;   }
  .values li .h5 { font-family: 'Montserrat', sans-serif; }

  .font-Montserrat,   .font-Montserrat p { font-family: 'Montserrat', sans-serif !important; }
  .team-list { justify-content: center; }
  .team-list li { margin-bottom: 30px; }
  .ceo-name { font-weight: 600; font-size: 16px; color: #374957; margin-top: 10px; }
  .ceo-detail { font-size: 14px; color: #5F7D95; margin-bottom: 15px; margin-top: 10px; }

  .lifeat { width: 975px !important; margin: 0px auto; text-align: center; }
  .lifeat .slick-prev { left: -20px; }
  .lifeat .slick-next { right: -20px; }
  .profile-drop { margin-left: 15px; }


  /* .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu { display: block; left: 0%; } */
/* .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu.megamenu { left: 50%; transform: translateX(-50%); } */
.dropdown-menu.megamenu { left: 50%; transform: translateX(-50%); }

.all-board-results .nav .nav-link:hover .scrollbar .tab-pane { display: block !important; }

.navbar-expand-lg .navbar-nav .dropdown-menu.megamenu {
  border: 0px;
  background: none;
  margin-top: 0px; z-index: 9999; padding: 0px;
}

.mega-height { min-height: 540px; }
.scrollbar {
  height: 540px;
  overflow-y: scroll;
}
.megamenu  ul { width: 22%; }
.megamenu  ul li a { position: relative; }
.megasidebar.active-mega  { top: 0; visibility: visible; opacity: 1; }
.megasidebar { position: absolute; left: calc(100% - 78%); top: -9999px; visibility: hidden; opacity: 0; width:78%; }
.megamenu  ul li:hover .megasidebar { top: 0; visibility: visible; opacity: 1; }
.megamenu  ul li a { display: inline-block; }
.megasidebar .board-listing { padding: 15px; background: #ECF0F6; border-radius: 0px 6px 6px 0; }

/* .megamenu  ul li .nav-link.active::before, .megamenu  ul li .nav-link:hover::before  { background: url(https://www.mockers.in/frontend/img/chair.svg) no-repeat 0px -22px;} */
.megamenu  ul li .nav-link::after {background: url(https://www.mockers.in/frontend/img/arrow-right\ \(1\).svg) no-repeat 0px -14px; width: 8px; height: 14px;  right: 10px; top: 17px;}

.megamenu  ul li .nav-link { text-align: left; position: relative; padding:12px 15px 12px 15px !important; color: #414449; width: 100%;  }
.megamenu  ul li .nav-link img { margin-right: 5px; }
header nav.navbar .megamenu  ul li .nav-link.active, header nav.navbar .megamenu  ul li .nav-link:hover {  color: #171A1E; background: #ECF0F6; border-radius: 0px; }
.megamenu  ul li .nav-link:after {  content: ""; position: absolute; }
/* .megamenu  ul li .nav-link:before { background: url(https://www.mockers.in/frontend/img/chair.svg) no-repeat; width: 22px; height: 22px;  left: 10px; top:14px; } */

.result-info {
  position: absolute;
  background: #ddd;
  right: 0px;
  top: 5px;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 6px 3px 15px;
}
.result-info::before {
  border-top: 11px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 8px solid #fff;
  top: 0px;
  left: 0px;
  position: absolute;
  content: "";
}
.info-bg-green {
  background: #00CD78 !important;
  color: #fff !important;
}
.info-bg-blue {
  background: #206CFF !important;
  color: #fff !important;
}
.info-bg-red {
  background: #E93323 !important;
  color: #fff !important;
}

.carousel-control-next, .carousel-control-prev  { z-index: 0;  }  
.board-info span {
  font-size: 11px;
  color: #676A6D;
}

.nav-left { display: none; position: fixed; z-index: 999; left: 0px; top: 13.2%; width: 100%; height: 100%; background: rgba(0,0,0,0.7);  }
.nav-area  { background: #fff; width: 80%; position: absolute; left: 0; top: 0; height: 100%; }
.slide-close { position: absolute; margin-right: 0px; right: 10px; top: 10px; }
.nav-menu-list { padding: 10px; }
.slide-close img { width: 38px; height: 38px; border-radius: 50%;  box-shadow: 0px 8px 16px 0px #CEE7FC; }
.slide-menu-area::-webkit-scrollbar {  width:5px; height: 10px;  }
.slide-menu-area::-webkit-scrollbar-track { background: #888;}
.slide-menu-area::-webkit-scrollbar-thumb {background: #888; border-radius: 10px; height: 10px; width: 5px;} 
.slide-menu-area::-webkit-scrollbar-thumb:hover { background: #555; }
.slide-menu-area ul li a { font-weight: 500; padding: 15px 0px; color: #676A6D; display: inline-flex; width: 100%; align-items: center;  }
.slide-menu-area ul li a img { margin-right: 15px; }
.sub-menu li { list-style: none; padding: 0px; margin: 0px;}
.sub a .nav-bg, .slide-menu-area a .nav-bg {  background: url(https://www.mockers.in/frontend/img/arrow-right\ \(1\).svg) no-repeat 0px -14px; width: 8px; height: 14px; display: inline-block; margin-left: 5px;  }
.slide-menu-area ul li a span.nav-bg { margin-left: auto;  }
.sub a .nav-bg, .slide-menu-area .slide-li .slide-sub-menu a .nav-bg { transform: rotate(90deg)}
.ft-image-rotate img { transform: rotate(180deg)}
.sub a .nav-bg, .slide-menu-area .slide-li .slide-board-li a .nav-bg { transform: rotate(-90deg); background-position: 0px 0px; }
.sub a .nav-bg, .slide-menu-area .slide-li .slide-board-li a { color: #374957;  }
.slide-menu-area .slide-li .slide-board-li .board-listing a { padding: 5px; margin-bottom: 4px; background: #fff; }
.slide-menu-area ul li a.boards-box { padding: 5px 25px; box-shadow: none; background: none; }
.slide-menu-area ul .slide-li a .nav-bg { transform: rotate(180deg) }

.slide-sub-menu { display: none;  }
.slide-sub-menu li { background: #E9EEF2; margin-bottom: 10px; border-radius: 4px; }
.slide-sub-menu li .board-listing {  margin: 10px; }
/* .slide-li ul { background: #E9EEF2; } */
.slide-li ul { background: #fff; }
.slide-menu-area ul .slide-li a { color: #000; }
.slide-menu-area ul .slide-li ul li a {  color: #676A6D; padding: 15px;}
.slide-menu-area ul li {  border-bottom: 1px solid #ECF0F6;  }
.slide-menu-area { overflow: auto; height: 100%; padding-bottom: 200px;}
.slide-menu-area .slide-sub-menu li { padding: 0px;  }

.sidebar  { display: none;}
.mcq-active {
  width: 90%;
  position: sticky;
  z-index: 9999;
  top: 10px;
}

.blog h5.card-title a:hover { color: #206CFF; }

.blog a .card-img-top { transform: scale(1) }
.blog a .card-img-top:hover { transform: scale(1.01) }

.live-update .ud-box .badge-new  { background: #cee7f9;  font-size: 14px; font-weight: 400; padding: 5px 15px; border-radius: 15px; margin: 10px 0; color: #424242;    }

.h7 { font-size: 14px; font-weight: 500; }

.slide-top-box { background: linear-gradient(#fef4ea 50%, #fdfcfa 70%) !important; padding: 16px; }
.slide-top-box .h7 { height: 20px; overflow: hidden; }
.slide-bot-box { padding: 16px }
.slide-bot-box ul li { list-style: disc; color: #667886; }

#testInstructionSection .container { overflow-x:auto; -webkit-overflow-scrolling:touch;  }


#testInstructionSection table { border: 1px solid #ddd; margin-bottom: 30px; }
#testInstructionSection table tr:first-child 
td {
  background: #206CFF;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

#testInstructionSection table tr td { background: #fff; border: 1px solid #206CFF; padding: 5px 10px; }
#testInstructionSection table tr th { border: 1px solid #206CFF; padding: 5px 10px; font-weight: 500; }
#testInstructionSection p {
  margin-bottom: 15px;
  list-style: auto;
  color: #374957;
  font-size: 20px;
  font-family: 'Georgia', sans-serif;
}

.navbar-expand-lg .navbar-nav .dropmenu { background: #fff; padding: 0px; min-width: 250px; border: 1px solid #98ABBB; border-radius: 4px; height: 250px; overflow-y: scroll; }
header nav.navbar ul.dropmenu li a { padding: 10px; border-radius: 4px; }
.navbar-expand-lg .navbar-nav .dropmenu::-webkit-scrollbar { width: 0.2em; }
.navbar-expand-lg .navbar-nav .dropmenu::-webkit-scrollbar-thumb { background-color: #D9DADB; }

.gsc-control-cse { width: 250px !important; padding: 0px !important;}
.form-search button.gsc-search-button { top: 50%; right: 0px; transform: translateY(-50%); padding:12px 10px 12px; background: #0d6efd;}
.gsc-search-button-v2 svg { fill: #1a0000 !important;}
.gsc-search-button-v2:hover svg { fill: #fff !important;  }
.gsc-input-box { padding: 2px !important; min-width: 170px !important; }

.btn-close-nav { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1; }
.account-icon { width: 45px; height: 45px; line-height: 45px; text-align: center; background: #0d6efd; color: #fff; border-radius: 50%; font-weight: 600; font-size: 18px;  }
.account-icon img { width: 45px; height: 45px; border-radius: 50%;}  


.page-content table { width: 100%; margin-bottom: 30px;  }
.page-content table tr:first-child td { background: #206CFF; color: white; }
.page-content table tr:first-child td p { color: #fff; margin-bottom: 0px; }
.page-content table.table-no-header tr:first-child td { background: #ffffff; color: #374957; }

.qn-solution table td, table td {
  background: #fff;
  border: 1px solid #206CFF;
  padding: 5px 10px;
}
.page-content ul { margin: 15px; }
.page-content ul li { margin-bottom: 15px;color: #374957; font-size: 20px; font-family: 'Georgia', sans-serif; }
td, th { color: #374957; font-size: 20px; font-family: 'Georgia', sans-serif; }
.page-content .values, .page-content .team-list, .mcq-qp-listing, .ques-list, .privacy .list { padding-left: 0px; }
.page-content .values li,   .page-content .team-list li, .mcq-qp-listing li, .ques-list li, .privacy .list li { list-style: none; }

section p, section { word-break: break-word; }
form.form-search table { margin-bottom: 0px; }
form.form-search table td { padding: 0px !important;  border: 0px; background: none; }

@media (min-width: 1600px) and (max-width: 1920px) {
  
  header .navbar.navbar-expand-lg { min-height: 64px;}
  .btn-login { position: absolute; right: 100px; }
  
  .navbar-brand { position: absolute; left: 100px;} 

  .profile-drop { position: absolute; right: 100px; }

} 
@media (min-width: 768px) and (max-width: 820px) { 
  .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu.megamenu { transform: none;} 
.megasidebar  .col-md-4.col-lg-4 { width: 50%;} .result-info { top: 0; font-size: 8px; }
}
/* Media query for Mobile */

@media (min-width: 320px) and (max-width: 480px) { 
  .btn-close-nav { display: block;}

.about-us {display: none; }
.lifeat { width: 100% !important; }
.lifeat .slick-slide img { width: 100%; }  
.profile-drop { margin-left: 0px; margin-right: 15px; }

.profile-drop .dropdown-menu-end[data-bs-popper] { left: 0; right: auto; }

.header-top { display: block;}
.btn-login { display: none;}

.btn-search.d-none { display: block !important;}
nav .container { flex-direction: row-reverse; }
.navbar-brand { margin-right: auto; margin-left: 15px;}
.navbar-toggler { padding: 0px; border: 0px;}
.form-search { display: none; position: absolute; width: 100%; background: #fff; left: 0px; top: 0px; padding: 15px; } 
.form-search button { right: 20px; top: 18px;  }
.banner-content .h1 { font-size: 24px; line-height: 36px;}
.banner-content .span-round, .span-round { padding: 4px 8px;}
.banner-content .h5 { display: none;}
.main-slider img { min-height: 136px;}
.main-slider .carousel-control-prev { left: 10px;}
.main-slider .carousel-control-next { right: 10px;}
.call-image { display: none;}
.call-to-action { padding: 15px; flex-direction: column; justify-content: center; text-align: center;}
.call-line { margin-bottom: 10px;}

.h4.d-flex { display: block !important; font-size: 16px; line-height: 26px; height: 26px; overflow: hidden;}
.counter { border-right: 0px; background: #F8FAFB; padding: 10px; border-radius: 2px; min-height: 100px; margin-bottom: 15px; display: flex; justify-content: center; flex-direction: column;}
.counter-number { font-size: 24px;}
.counter-title { font-size: 13px;}
.feedback-box figure img { width: 50px; height: 50px; margin-left: 15px;}
.feedback-box p { font-size: 14px;}

footer .col:first-child  { flex: 0 0 100%; margin-bottom: 15px;}
footer .col:last-child { width: 100%;}
.footer-social { display: flex; align-items: flex-start;}
.footer-social ul, .footer-social .social-media  { width: 50%;}
footer .social-media a { margin-right: 10px;}
.social-box a span, .bird-img { display: none;}
.social .row .col-md-3 { width: 25%;}
.social-box a { justify-content: center;}
.social-box a img { margin-right: 0px;}
.col-md-3:last-child .social-box { box-shadow: 0px 2px 4px rgb(95 125 149 / 25%); background: #fff !important;}
.sl-top, .popular, .bg-blusih, .time-left { justify-content: space-between;}
.justify-content-sm-between { justify-content: space-between !important;}

.mobile-tab { position: fixed; z-index: 10; width: 100%; background: #fff; border-top: 1px solid #D9DADB; left: 0; bottom: 0; display: block; }
.footer-bottom { padding-bottom: 90px; margin-top: 0px;}

.all-board-results .nav { width: 100%;}
.all-board-results .tab-content { width: 100%; background: none;}
.mobile-nav { flex-direction: column;}
.mobile-nav .scrollbar { height: auto; padding: 0px; overflow: auto;}
.d-mobile-block { display: block !important;}

.all-board-results .tab-content .nav-link { background: #374957; border: 0px; outline: none; color: #fff; border-radius: 5px; padding: 20px 10px; margin-top: 10px; }
.all-board-results .tab-content .nav-link:after { transform: rotate(90deg); top: 28px; right: 15px;   -moz-transition: all .1s linear;  
  -webkit-transition: all .1s linear; 
  transition: all .1s linear; } 
.all-board-results .tab-content .nav-link.down:after { transform: rotate(-90deg); top: 28px; right: 15px; }



.all-board-results .tab-content .tab-pane  { background: #374957; margin-top: -10px; padding: 20px 10px 0; display: none; }
.mobile-nav .board-listing .col-lg-4 { width: 50%;}
 .all-board-results .mobile-nav .boards-box {  background: #556470;}
 .all-board-results .boards-box .h6 { font-size: 14px; color: #fff;}
 .all-board-results .nav { display: none;}
 .nav-pills.nav-mock { margin-bottom: -10px;  }
 .brad-nav .h1 span { font-size: 24px;}
 .nav-pills.nav-mock li a.nav-link { font-size: 14px; }
 .nav-pills.nav-mock li { margin-right: 10px; margin-bottom: 10px;}
 .all-board-results.practice-test-list .boards-box .h6 { font-size: 14px; color: #374957;} 
 .col-xs-12 { width: 100%; flex: 0 0 100%;}
 .col-xs-12 .slide-box { margin-bottom: 15px; }
 .slide-box .mob-flex { margin-top: 30px; display: flex; align-items: center; }
 .slide-box .mob-flex .ul-list { margin-top: 0px; width: 60%; }
 .slide-box .mob-flex  a.btn { width: 40%; font-size: 14px; font-weight: 400; margin-left: auto !important; }
 .slide-box .h6 { display: none;}
 .slide-box .h6.d-none { display: block !important; margin-bottom: 0px; margin-left: 10px;  }
 .slide-box .sl-top { align-items: center !important; }
 .mcq-cb { flex-direction: column;}
 .mcq-qp-listing .attempt {  justify-content: space-between; width: 100%; margin-left: 0px !important; flex-direction: row; align-items: flex-start; min-height: auto; margin-top: 20px;}
 .mcq-qp-listing .attempt .btn { margin-bottom: 0px;  }
 .mcq-qp-listing .attempt .btn:first-child { margin-right: 10px; }
 .mcq-qp-listing li { padding: 15px;}
 .pagination li:nth-child(4), .pagination li:nth-child(11),  .pagination li:nth-child(12) { display: none;}
 .col-direction { flex-direction: column-reverse; }
 .col-direction .aside-right { margin-bottom: 20px;}

header .alert-dismissible .btn-close { top: 10px;}
.header-top .newsslide .carousel-control-next, .header-top .newsslide .carousel-control-prev { top: 4px; }
.main-slider .carousel-control-prev-icon, .main-slider .carousel-control-next-icon { width: 36px; height: 36px;}
/* .main-slider .carousel-control-prev-icon { background: url(https://www.mockers.in/frontend/img/slider/slide-left-small.svg) no-repeat; }
.main-slider .carousel-control-next-icon { background: url(https://www.mockers.in/frontend/img/slider/slide-right-small.svg) no-repeat; } */

section.py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.upcoming-list li .name { font-size: 14px;}
section.live-update.py-5 { padding-bottom: 3rem !important;  }
footer.pt-5 { padding-top: 1.5rem !important; }
.social .border-box.p-3.position-relative { padding: 0px !important; }
.upcoming-list li .bg-white.rounded { margin-bottom: 0px !important;}
.menu-grid { display: block;}
.numbers .row.row-cols-2.row-cols-sm-2.row-cols-lg-4.row-cols-xl-4.mt-5.mb-5 { margin-top: 1rem !important; margin-bottom: 1rem !important;}

#aside-modal { display: none; position: absolute; right: 0; top: 0; z-index: 99; padding: 0px; width: 90%; height: 100%; }
#aside-modal .user-area { overflow-y: auto; }
.bg-blusih .dropselect { min-width: 150px;}
#aside-modal .bg-grad-light { background: #DFF7FF  !important; height: 100vh;}
.close-btn { display: block; left: -25px; top: 30px; border-radius: 50%; }
.close-mocktest-side-popup { display: block; left: -25px; bottom: 30px; border-radius: 50%; position: absolute; }
.user-img { width: 45px; height: 45px; margin-left: 30px;}
.company-logo img { width: 70px;}
.user-name.my-3 { margin-top: 0.3rem !important; margin-bottom: 0.3rem !important; }
.ques-list { min-height: auto; margin-bottom: 25px;}
.sub-area .btn-pad, .submit .btn-pad { padding: 10px; font-size: 13px; }
.mcq-tm-start .list-group-item { font-size: 14px;}
.mcq-tm-start .list-group-item span { min-width: 110px; }

.user-area-mobile { flex-direction: column; align-items: flex-start !important;}
.user-area-mobile .user-img { margin-left: 0px;}
.user-area-mobile .allow-notify { width: calc(100% - 61px); min-height: 80px;  display: flex;  align-items: center;  justify-content: flex-start;}
.btn-allow { position: relative; top: 0px; margin-right: 15px;}
.share-icons { position: relative; bottom: 0px;}
.share-icons a img { width: 24px; height: 24px; }
.overnum  { font-size: 18px;}
.mcq-tm-start .list-group-item, .over-box.list-group-item { font-size: 14px; }
.list-span { min-width: 160px;}
.sub-area-2 .btn-pad { padding: 10px 25px; font-weight: 500; font-size: 16px;}

.ul-tab {
  flex-direction: row !important;
  width: 100%;
  overflow: scroll;
  flex-wrap: nowrap;
  padding-bottom: 1px;
  align-items: flex-start;
}
.ul-tab::-webkit-scrollbar {
  height: 0.1em;
}
.ul-tab::-webkit-scrollbar-thumb {
background-color: #D9DADB;
}
.ul-tab li { display: inline-flex; min-width: 220px; justify-content: center;}
.graph { margin-bottom: 30px; }
.mb-xs-3 { margin-bottom: 1rem !important; }
.compare-list .nav.nav-pills, .qn-type-list { flex-direction: row !important; justify-content: flex-start !important; width: 100%; overflow:scroll; flex-wrap: nowrap; padding-bottom: 1px; align-items: flex-start; }
.compare-list .nav.nav-pills li, .qn-type-list li {display: inline-flex; min-width: 120px; justify-content: center;}
.leaderboard ul li .leader-detail { flex-direction: column; align-items: flex-start !important; width: auto !important; }
.leaderboard ul li .leader-detail .leader-name { min-width: auto; }
.leaderboard ul li .leader-detail .leader-points { margin-left: 0px !important; font-size: 13px;}
.solutions { position: relative; flex-direction: column; justify-content: flex-start !important; align-items:  flex-start !important; }
.bg-blusih.solutions .dropselect { min-width: 200px;}
.bg-blusih.solutions .lang-area { position: absolute; right: 10px; bottom: 35px;}
.qn-type-list li { min-width: 200px;}

.dragbtn { position: fixed; top: 25%; left: 0; z-index: 99;}
.drag-modal .user-img { margin-left:0px ;}

.drag-modal .modal-header .btn-close { background: url(https://www.mockers.in/frontend/img/gray-close.svg) no-repeat; opacity: 1; position: absolute; top: 20px; right: 10px; } 
.drag-modal .modal-content {  background:linear-gradient(#DFF7FF 60% , #F0F8FC 100%) !important;  }
.result-content { width: 100%; text-align: center;}
.result-content .h1 { justify-content: center; }
.result-figure { display: none;}

.nav-blog { display: none;}
.blog.pt-3 { padding-top: 0px !important; }

.blog-top { flex-direction:column; justify-content: flex-start !important; align-items: flex-start !important; }
.social-share { margin-top: 20px; }
.page-image img { height: 100%; }
.edit-pf span { display: none;}
.page-profile .h4 { font-size: 16px; margin-bottom: 0px !important; }
.page-profile .profile-list { margin-top: 20px; }
.page-profile  .fw-medium { min-width: 100px; font-weight: 400; font-size: 13px; }
.profile-check .form-group label { font-size: 14px; font-weight: 500;}
.perosnl-dt { margin-bottom: 20px; }
.profile-fd.mb-5 { margin-bottom: 0rem !important; }

.verify-btn { flex-direction: column;}
.verify-btn .btn-pad { width: 100% !important; margin: 0px !important; margin-bottom: 15px !important; }

.mobile-none { display: none; }
.sidebar  { display: block;} 

.up-area { flex-direction: column; }
.mega-border-radius.px-5 { padding: 15px !important; }
.up-area .user-img { margin-left: 0px; width: 75px; height: 75px;}
.up-area .user-detail { margin-left: 0px !important; margin-top: 20px; }
.form-area form .w-50 { width: 100% !important; }

.mcq-cb-content { width: 100%; }

.gsc-control-cse { padding: 0px !important; }
.form-search button.gsc-search-button { top: 16px; right: 15px; }
}



/*JoginderCssStart*/
.loaderspanner { position:absolute; top: 50%; left: 0; background: #2a2a2a55; width: 100%; display:block; text-align:center; height: 300px; color: #FFF; transform: translateY(-50%); z-index: 1000; }
.bodyloaderoverlay { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.bodyloader,
.bodyloader:before,
.bodyloader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; }
.bodyloader { color: #ffffff; font-size: 10px;
  margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s;
}
.bodyloader:before,
.bodyloader:after { content: ''; position: absolute; top: 0; }
.bodyloader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.bodyloader:after { left: 3.5em; }
@-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }
@keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } }
.loaderspanner p { color: #FFFFFF !important; }
.hideThis { display:none !important; }
@media (min-width: 320px) and (max-width: 480px) {
  .testinstbtns { padding: 10px 50px !important;}
  #mocktestFooterBtnsDiv { width: 100vw; }
  #mocktestFooterBtnsDiv a { font-size: 11px; }
  #dgrathisbutton1 {cursor: move; width: 36px; height: 36px; }
  .slick-slide .slide-box .h6 { display:block; }
}
.bottomBtnsDiv { bottom: 0; @media (min-width: 768px) { bottom: 0; width: 100% !important; } }
.mcq-select { width: 160px; @media (min-width: 768px) { width: 300px;  } }
.fs22 { font-size: 22px; }
table { word-break: normal; }
#userListUl .serial-no { word-break: normal; }
.ques-list .form-check label h6 { font-size: 16px; }
@media only screen and (max-width: 600px) {
  .accordion .accordion-button {  font-size: 16px; }
  .ul-tab li { min-width: 200px; }
}
@media only screen and (min-width: 600px) {
  /* .form-search { height:69.5px; } */
  .header-top { height:44px; }
}
.accordion .accordion-button { font-weight: 600; color: #374957; }
.accordion .accordion-body { font-size: 16px; }
.fo18 { font-size: 18px !important; color: #374957; font-weight: 500; }
.slide-box .mob-flex { color: #667886; font-size: 13px; font-weight: 500; }
.slide-box .mob-flex strong { font-weight: 500; color: #667886; }
.top-shadow { box-shadow: 0px -3px 10px rgba(0,0,0,0.4); }
.bg-success { background-color: #27B079 !important; }
.page-content ol li { margin-bottom: 15px; color: #374957; font-size: 20px; font-family: 'Georgia', sans-serif; }
.h4, h4 { font-size: 1.3rem; }
.h5, h5 { font-size: 1.1rem; }
@media (min-width: 1200px) {
  .h3, h3 { font-size: 1.6rem; }
}
.megamenu ul.scrollbar { list-style-type: none; padding-left: 0px; }
ul#userProfileExams { list-style-type: none; }
.exam-normal-test-name-div { width: calc(100% - 65px); }
#userOtherTestActivities, #userMocktestActivities { margin: 0px; }
.span-grad-user-feedback { background: linear-gradient(118deg, #DA4A54, #FFC239); }
td ol li { vertical-align: baseline; }
.homeSectionHeading { font-size: 22px !important; font-weight: 600; }
img.test-list-logo { width: 45px; height: 45px; }
.langdata1 li, .langdata2 li, .qsn-here li { list-style: auto; }
/*JoginderCssEnd*/

/* Lachchander 17/02/2024 */
.new-signup { font-size: 14px; font-weight: 500; color: #374957; }
.new-signup a { font-weight: 600;}
.modal-new17 .login-tc { font-size: 14px; color: #7A8B94; }
.modal-sign.modal-new17 .modal-header { border-top: 4px solid #2D81F7; border-bottom: 0px;}
.modal-sign.modal-new17 .modal-header .btn-close { top: 27px; right: 15px;}
.modal-sign.modal-new17 .sign-google a { border-radius: 35px; background: #4285F4; position: relative; padding: 15px 30px 15px 30px; }
.modal-sign.modal-new17 .sign-google a img { margin: 4px; position: absolute; left: 0; }

.form-seachbar { position: relative;}
.form-seachbar .form-control { padding-left: 40px;}
.form-seachbar::before { background: url(https://www.mockers.in/frontend/img/search.svg) no-repeat; width: 18px; height: 18px; position: absolute; left: 15px; top: 14px; content: ""; }
.modal-sign.modal-new17 .modal-body { padding: 20px 15px; }

/* Lachchander 16-03 */

.modal-sign.modal-new17  .dropdown-toggle:focus, .modal-sign.modal-new17 .form-group .form-control:focus {
  box-shadow: none;
  outline: 0;
  border-color: #4285F4;
}

.modal-sign .dropdown-toggle {
  width: 100%;
  background: #E9EEF2;
  border:1px solid #7A8B94;
  min-height: 48px;
  border-radius: .25rem;
  text-align: left;
  font-size: 1rem;
  color: #6f7275;
}

.modal-sign .dropdown-toggle::after {
  background: url(https://www.mockers.in/frontend/img/search.svg) no-repeat;
  position: absolute;
  content: "";
  right: 15px; border: 0px;
  top: 15px;
  width: 18px;
  height: 19px;
}

.modal-sign .dropdown-menu.show { width: 100%;}

.modal-sign.modal-new17  .h5 { font-size: 16px; font-weight: 600; }

.modal-sign.modal-new17 .form-seachbar .dropdown-toggle::after { display: none; }
.modal-sign.modal-new17 .form-seachbar   .dropdown-toggle { padding-left: 40px; }
.modal-sign.modal-new17 .megamenu ul { width: 100%;}
.modal-sign.modal-new17 .scrollbar { height: 250px;}

.modal-sign.modal-new17  .form-group .form-control { background: #F8FAFB; border-color: rgba(95, 125, 149, 20%); }
.modal-sign.modal-new17 .dropdown-toggle { background: #F8FAFB; border-color: rgba(95, 125, 149, 20%); } 
.modal-sign.modal-new17 .d-grid button {
  min-height: 54px; font-size: 20px; font-weight: 600; width: 200px; margin: 0px auto;
} 
.modal-sign.modal-new17 .megamenu ul li .nav-link:hover  { background: rgba(210, 218, 225, 50%);  }
header > .navbar { transition: all 0.3s ease; }
header > .navbar.sticky { position: fixed; top: 0; width: 100%; z-index: 999; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.sticky-element { position: sticky; top: 1px; z-index: 1030; transition: all 0.3s ease; border-bottom: 1px solid #dee2e6; }
/* ==================================
=== Kiran CSS 4 Aug 2024 ====
=====================================*/

.pdf-wrapper {margin-top: 15px; } 
.pdf-wrapper .pdfTitle {font-size: 24px; font-weight: 600; color: #374957; margin-bottom: 0; display: flex; align-items: center; } 
.gradient-red {background: linear-gradient(118deg, #F06377, #F94343); border-radius: 5px; margin-right: 10px; color: #fff; padding: 8px 15px; font-size: 16px; } 
.pdf-search{border-radius: 8px; border: 1px solid #D9E1E7; background: #fff; min-height: 40px; display: flex; align-items: center; padding: 0 10px } 
.pdf-search input {border: 0px; font-size: 14px; min-width: 254px; } 
.pdf-search input:focus{ border: 0; outline: none; } 
ul.test-listing {list-style-type: none; padding: 0; margin: 0; } 
ul.test-listing li {padding: 12px 15px; box-shadow: 0px 2px 4px rgba(95, 125, 149, .29); border-radius: 4px; margin-bottom: 15px; background: #ffffff; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; position: relative;} 
ul.test-listing li a{ display: block; width: 100%; font-size: 16px; color: #374957; font-weight: 500;  } 
ul.test-listing li  span{width: 40px; height: 40px; display: inline-block; border-radius: 50px; background: #1273EB; font-size: 20px; color: #ffffff; font-weight: 600; line-height: 40px; text-align: center; margin-right: 10px; } 
.pdf-download {display: flex; align-items: center; } 
.pdf-download a{ padding: 0 10px }
.aside-right .social .social-box a img{ width: 26px; height: 26px; }
.noteTxt{ color: #374957; font-size: 16px; padding: 25px; }
.faq-wrapper{ padding: 30px 0 50px }
.download-pdf-btn{ display: flex; justify-content: center; align-items: center; }
.download-pdf-btn .btn{ width: 200px; height: 44px; border-radius: 8px; background: #1273EB; text-align: center; color: #ffffff; font-weight: 600; margin: 0 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 10px rgba(95, 125, 149, .29);}
.download-pdf-btn .btn:hover, .download-pdf-btn .btn:focus{ background: #1e71d9; color: #ffffff }
.download-pdf-btn .btn img{ margin-left: 8px }
.download-pdf-btn .btn.btn-red{ background: #ED1C24; }
.download-pdf-btn .btn.btn-red:hover, .download-pdf-btn .btn.btn-red:focus{ background: #d32027; color: #ffffff }

.pdf-card{ width: 100%; text-align: center; background: #ffffff; padding: 30px 20px; box-shadow: 0px 2px 4px rgba(95, 125, 149, .29); border-radius: 4px; margin-bottom: 20px }
.join-socialApp .btn{ width: auto; padding: 0 20px }
.join-socialApp .btn.btn-success{ background: #2BB741 }
.join-socialApp .btn.btn-success:hover, .join-socialApp .btn.btn-success:focus{ background: #08af22 }
.pdfImg img{ max-width: 100%; }

/*-- Yeasr Wise Test CSS =========================*/

.yearWiseTest{ position: relative; display: flex; flex-wrap: wrap; gap: 35px 20px; width: 100%;}
.yearCard{ width: 23.10%; background-color: #1273EB; padding: 30px 15px; text-align: center; color: #ffffff; border-radius: 18px; background-image: url(https://www.mockers.in/frontend/img/halfdots.png); background-repeat: no-repeat; background-size: 60%; background-position: top center; }
.yearCard .yearTitle{ border-bottom: 1px solid rgb(255 255 255 / 50%); line-height: 64px; margin-bottom: 6px; font-family: "Bebas Neue", sans-serif; font-size: 64px}
.yearCard p {color: rgb(255 255 255 / 80%);font-family: 'Montserrat', sans-serif; font-size: 12px; margin: 0; font-weight: 500;}

/*== MEDIA Query CSS ==============================*/

@media(max-width: 991px){
  .container, .container-md, .container-sm{ max-width: 100% }
  .pdf-wrapper .sample-search { flex-wrap: wrap; }
  .pdf-wrapper .pdfTitle { margin-bottom: 12px }
  ul.test-listing li .pdf-download a { padding: 0 5px ; }
  ul.test-listing li a{ padding-left: 52px }
  ul.test-listing li span{ position: absolute; left: 15px; top: 20%; }
  .nav-pills.nav-mock li{ margin-bottom: 10px }
  .pdf-search{ width: 100%; }
  .pdf-search input{ min-width: 94%; }
  .download-pdf-btn .btn{ width: auto; margin: 0 8px }
  .download-pdf-btn.join-socialApp{ flex-wrap: wrap; }
  .join-socialApp .btn {width: auto; padding: 8px 20px; height: auto; line-height: 18px; margin: 6px 0; } 
  ul.test-listing li a{ font-size: 15px; line-height: 18px; }
  .call-to-action{ padding: 0 20px }
  .exclusive-social-buttons { gap: 16px; }
  .page-content p{ font-size: 17px }
  .yearCard{ width: 30.33%; }
  .yearCard p{ font-size: 12px }
}

@media(max-width: 576px){
.aside-right .social .col-md-4 { flex: 0 0 auto; width: 25%;}
.call-to-action {padding: 15px 20px;}
.exclusive-social-buttons { flex-direction: column; }
.exclusive-social-btn { width: 100%; min-width: 0; }
.yearWiseTest{ gap: 15px; }
.yearCard{ padding: 20px 15px }
.yearCard .yearTitle{ font-size: 46px; line-height: 46px; }
}

@media (min-width: 992px) {
  .nav.nav-pills.nav-mock { gap: 12px; }
}

.section:has(mjx-container),
li:has(mjx-container),
p:has(mjx-container) {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}