/* This is empty CSS file intended to be overwritten by user's custom CSS file */

/* ============= Device specific fixes ======= */

/* next-prev-buttons style start */

.next-prev-navigator a {
  transition: all 0.3s ease-out;
  display: block;

}

.next-prev-navigator a:hover {
  color: #fff !important;
  transition: all 0.3 ease-out;
}

.next-prev-navigator .next-article {
  text-align: right;
}

.next-prev-navigator .next-article a {
  transition: all 0.3s ease-out;
}

.next-prev-navigator .previous-article a {
  transition: all 0.3s ease-out;
}

.next-prev-navigator .btn-outline-info {
  color: #f9fafc !important;
  border-color: #e5e9f2 !important;
  background-color: #248aaa !important;
  transition: all 0.3s ease-out;
}

.next-prev-navigator .next-prev-text {
  white-space: break-spaces;
}

.next-prev-navigator .btn-outline-info:hover {
  color: #3c4858 !important;
  background-color: #e5e9f2 !important;
  transition: all 0.3s ease-out;
}
/* next-prev-buttons style end */

/* common styling start */

.scroll-beautify::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #02102d;
  border-radius: 0px;
}

.scroll-beautify::-webkit-scrollbar {
  height: 5px;
  width: 7px;
  background-color: #343a40;
}

.scroll-beautify::-webkit-scrollbar-thumb {
  background-color: #ffc400;
  border-radius: 0px;
}
.text-decoration-none {
  text-decoration: none !important;
}
.green {
  color: #28a745 !important;
}
.blue {
  color: #007bff !important;
}
.sidebar-tree {
  width: 100% !important;
}

.section-container {
  padding-top: 15px;
  padding-bottom: 15px;
}

.visible-only-lg {
  display: block !important;
}
.visible-only-xs {
  display: none !important;
}

.go-back-btn {
  padding: 10px;
  color: #fff !important;
  background-color: #0f5aa5 !important;
  border-color: #0f5aa5 !important;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
}
.go-back-btn:hover {
  text-decoration: none !important;
  background-color: #023c76 !important;
  border-color: #023c76 !important;
}
.shadow {
  box-shadow: 0 0.2rem 1rem -2px rgba(0, 0, 0, 0.15) !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.text-lg {
  font-size: 19px;
  line-height: 29px;
}

.footer-top.mt-3 {
  background-color: #1a222c;
}
.tw-timeline-posts,
.fb-timeline-posts {
  max-height: 520px;
  overflow-y: auto;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #eee;
  border-radius: 3px;
}

/* index page style start*/
.quicklinks {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 10px 15px;
}
.quicklinks li {
  flex-grow: 1;
}
.quicklinks a {
  text-decoration: none;
  display: block;
  font-size: 20px;
  color: #0069d9;
}
.quicklinks a img {
  max-width: 100%;
}
/* index page style end*/

.subjectpill,
.exampill {
  margin-bottom: 20px;
  border: 1px solid #eb710054;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  text-decoration: none;
}
.subjectpill img,
.exampill img {
  max-height: 50px;
  margin-right: 15px;
  outline: none;
}
.subjectpill p,
.exampill p {
  margin: 0px;
}
.subjectpill:hover,
.exampill:hover {
  background-color: #fef4ed !important;
  text-decoration: none !important;
}
.subjectpill a,
.subjectpill a:hover {
  text-decoration: none !important;
}
.subjectpill:hover {
  color: #ff9800 !important;
}
#v-pills-tabContent {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 15px;
}
.lvm-pills button {
  border: 0px;
  margin-bottom: 7px;
  cursor: pointer;
  outline: none !important;
}

.sathee-heading {
  font-size: 28px;
  line-height: 38px;
  font-weight: 300;
}
.sathee-heading strong {
  font-weight: 700;
}

.vid-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin: 0px 0px 15px 0px !important;
  padding-bottom: 7px;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-align: left !important;
  padding: 6px;
}

.title-main {
  font-size: 26px;
  line-height: normal;
  margin-bottom: 10px;
  font-weight: 700;
  padding-bottom: 16px;
  position: relative;
  color: #101c5f;
}
.title-main::after {
  content: "";
  width: 100px;
  height: 4px;
  position: absolute;
  bottom: 0px;
}
.title-main-center::after {
  left: calc(50% - 50px);
}
.title-main-left::after {
  left: 0px;
}
.title-main-light {
  color: #fff !important;
}
.title-main-light::after {
  background-color: #fff !important;
}
.title-main-dark,
.title-main-dark a {
  color: #101c5f !important;
}
.title-main-dark::after {
  background-color: #fee613 !important;
}
.title-sub {
  color: #101c5f;
  font-size: 24px;
  line-height: normal;
}

.title-main-left {
  text-align: left !important;
}
.title-main-right {
  text-align: right !important;
}
.title-main-center {
  text-align: center !important;
}

.title-main.newvideo::before {
  content: "New";
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  left: 0px;
  background-color: #73d106;
  padding: 3px 6px;
  color: #fff;
  border-radius: 3px;
}
.newvideo.title-main-dark::after {
  background-color: #73d106 !important;
}

.heading-small {
  font-size: 20px;
  font-weight: 700;
  margin: 0px 0px 10px 0px;
}
/* old video start */
.title-main.pstatus-1::before {
  content: "Old";
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  left: 0px;
  background-color: #e62208;
  padding: 3px 6px;
  color: #fff;
  border-radius: 3px;
}
.pstatus-1.title-main-dark::after {
  background-color: #e62208 !important;
}
/* old video end */

.abouticon-wrapper {
  margin-bottom: 10px;
}
.about-icons a img {
  max-height: 90px !important;
}
.about-icons.card {
  min-height: 126px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.about-icons a {
  display: black;
  text-align: center;
}

.webinar-wrapper .card p {
  text-align: center;
  margin: 0px;
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.satheeicon {
  position: relative;
  width: 120px;
  height: 120px;
}
.satheeicon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.authorlang {
  position: absolute;
  top: 5px;
  left: calc(50% - 12px);
  border: 2px solid #3cff16;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  background-color: #0e0e0e;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px -3px #000;
}

.mentor-card img {
  max-height: 150px;
  min-height: 150px;
  object-fit: contain;
  background-color: #343434;
}
.mentor-card .card-body {
  min-height: 90px;
}
.mentor-card .card-body .title {
  font-weight: 700;
  font-size: 18px;
  text-transform: capitalize;
}

#st-button {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 8px;
  z-index: 999999999;
}
#st-button i {
  font-size: 32px;
  color: #ffc600;
}

#floating-lang {
  z-index: 999999999;
  position: fixed !important;
  width: 100% !important;
  left: 5 !important;
  right: 0 !important;
  bottom: 0 !important;
  justify-content: center;
  align-items: center;
  display: flex;
}
#floating-lang a.dropdown-toggle {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #03a9f4;
  border-radius: 0px;
  color: #fff;
}
#floating-lang a.dropdown-toggle:focus {
  border: none;
  outline: none;
  box-shadow: none !important;
}
#floating-lang .dropdown-menu {
  width: calc(100% - 30px);
  top: 1px !important;
  left: 10px !important;
  max-height: 400px;
  overflow-y: auto;
  border-radius: 6px 6px 0px 0px;
  background-color: #484848;
}
#floating-lang .dropdown-menu a.dropdown-item {
  color: #f1f1f1 !important;
}
#floating-lang .dropdown-menu a.dropdown-item {
  text-align: center;
  display: block;
}
.playstore h5 {
  color: #32bbff;
  border: 1px solid;
  padding: 6px;
  display: inline-block;
  border-radius: 3px;
}
.playstore img {
  max-height: 30px;
}
.playstore a {
  color: #32bbff;
  text-decoration: none;
}

/* common styling end */

/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

/* IPad Pro */
@media (max-width: 1024px) {
}

/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
}

/* Medium devices (tablets, 768px and up) */

@media only screen and (max-width: 768px) {
  body {
    padding-bottom: 40px;
  }
  .page-list-wrapper {
    /* margin-top: -30px !important; */
  }
  /* .visible-only-lg {
    display: none !important;
  } */
  /* .visible-only-xs {
    display: block !important;
  } */

  .text-center-m {
    text-align: center !important;
  }
  .mentor-card .card-body {
    min-height: 92px;
  }
  .title-main {
    font-size: 23px !important;
    padding-inline: 0.5rem;
  }
  .page-list-wrapper h3 {
    /* padding: 0px 15px; */
    font-size: 18px !important;
  }
}

/* Small devices (landscape phones, 576px and up) */

@media only screen and (max-width: 576px) {
}

/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
}

/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}

/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}