@import url(":https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&display=swap");


/* Common CSS */
* {
  font-family: "Mulish", sans-serif;
}

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

a {
  text-decoration: none;
}

p {
  margin-bottom: 0.5rem !important;
  line-height: 25px !important;
}

.ht {
  max-height: 350px;
}

.w-45 {
  width: 45px !important;
}

.w-70 {
  width: 70px !important;
}

.fs-10 {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-11 {
  font-size: 13px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

/* input[type="date"]{
  color: red !important;
  background-color: BLACK;
} */

.fs-15 {
  font-size: 15px;
}

.txt-color {
  color: #016bb3;
}

.text-darkblue {
  color: #198ad7;
}

.text-lightgreen {
  color: #11ae6b;
}

.text-lightlightgreen {
  color: #1ede36;
}

.text-redcolor {
  color: #ed1111;
}

.bg-red {
  background-color: #ed1111;
}

.bg-gold {
  background-color: #e9cd59;
}

.bg-gray {
  background-color: #F8F8F8;
}

.bg-lightred {
  background-color: #ffdfdf;
}

.bg-blue {
  background-color: #016bb3;
}

.bg-button-blue {
  background-color: #1075ba;
}

.bg-darkgreen {
  background-color: #11ae6b;
}

.bg-lightgreen {
  background-color: #1ede36;
}

.bg-ias {
  background-color: #ecf4f9;
  color: #000;
}

.bg-profile {
  background-color: hsl(0deg 0% 98.43%);
}

.bg-sub-ias {
  background-color: #dbe6fe;
  width: 250px;
  padding: 3px;
  border-radius: 13px;
}

.bg-sky {
  background-color: hsl(212deg 100% 97.06%);
}

.bg-purple {
  background-color: #9C27B0;
}

.bg-console {
  background-color: hsl(0deg 0% 93.33%);
}

.ff {
  background-color: white;
}

.bg-lightconsole {
  background-color: #fbfbfb;
}

.profile-image-xsm {
  width: 30px;
  height: 30px;
}

.profile-image-sm {
  width: 40px;
  height: 40px;
}

.profile-image-lg {
  width: 60px;
  height: 60px;
}

.border-dotted {
  border: 1px dashed white;
}

.border-blue {
  border: 1px solid #016bb3;
}

.small-circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

/* .mt {
  margin-top: 0px !important;
} */

.mb {
  margin-bottom: 0px !important;
}

.bd-none {
  border: none !important;
}

.y-video {
  width: 355px !important;
  height: 200px !important;
}

.w-33 {
  width: 33.33%;
}
.desktop-flex{
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.w-120{
  width: 120px !important;
  height: 120px !important;
}

@media (max-width:767px) {
  .mobile-flex {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .mobile-flex-vertically {
    display: flex !important;
    flex-direction: column;
    gap: 5px !important;
    justify-content: center !important;
  }

    .resource-flex{
      display: flex;
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
    }

  .mobile-text-center {
    text-align: center;
  }

  .mobile-text-left {
    text-align: left !important;
  }

  .mt {
    margin-top: 0px !important;
  }

  .mt-5-card {
    margin-top: 3rem !important;
  }

  .mt-4-card {
    margin-top: 1.5rem !important;
  }

  .mb {
    margin-bottom: 0px !important;
  }

  .mw-100 {
    width: 100% !important;
  }

  .bd-none {
    border: none !important;
  }

  .mt-6 {
    margin-top: 30px;
  }

  .pl {
    padding-left: 40px;
  }

  .gp {
    gap: 10px !important;
  }

  .gp-5 {
    gap: 5px !important;
  }

  .profile-image-md {
    width: 50px;
    height: 50px;
  }

  .mfs-11 {
    font-size: 11px;
  }

  .mfs-12 {
    font-size: 12px;
  }

  .mfs-13 {
    font-size: 13px;
  }

  .mfs-14 {
    font-size: 14px;
  }

  .mfs-15 {
    font-size: 15px;
  }

  .mx-overflow {
    overflow-x: scroll;
  }

  .g-0 {
    gap: 0rem !important;
  }

  .flex-rev {
    display: flex !important;
    flex-direction: column-reverse;
  }

  .md-none {
    display: none;
  }

  .gp-20 {
    gap: 20px !important;
  }

  .pt {
    padding-top: 0px !important;
  }

  .pb {
    padding-bottom: 0px !important;
  }

  .mmb-5 {
    margin-bottom: -10px !important;
  }

  .mbg-white {
    background-color: white !important;
  }

  .mme {
    margin-right: -1rem !important;
  }
  .mw-300{
    width: 300px !important;
  }
}


/* INDEX PAGE */
#slider1 {
  background-image: url(../images/slider_01.webp);
}

/* start index carousel */
.carousel-upsc {
  margin-bottom: -6rem;
}

.carousel-upsc [data-bs-target] {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(13 202 240);
}

.all-india-rank {
  margin-bottom: -2rem;
}

.all-india-rank [data-bs-target] {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(13 202 240);
}

.carousel-students {
  margin-bottom: -4rem;
}

.carousel-students [data-bs-target] {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(13 202 240);
}

/*end-of-index-carousel*/

@media (max-width: 992px) {

  /* .ads {
    font-size: 12px;
  }

  .links {
    margin-top: -5%;
    margin-bottom: -5%;
  }

  .links a {
    font-size: small;
    padding: 5px;
  } */

  /* .popular-courses {
    margin-top: -20%;
  }

  .resources {
    margin-top: -12%;
  } */

  /* .register {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .register-text {
    font-size: 7px;
  }

  .student-testimonial {
    margin-top: -10%;
  }

  .video {
    margin-top: -2%;
  }

  .mobile {
    margin-top: -7%;
  }

  .image-content {
    font-size: 13px;
    margin-top: -9%;
    gap: 37px;
  }

  .image-subcontent {
    gap: 8px;
    font-size: 13px;
  } */
}


/* Subscription page */

.card-top:hover {
  position: absolute;
  bottom: 2.2rem;
  background-color: hsl(204.2deg 81.48% 57.65%);
  cursor: pointer;
  border: 5px solid lightblue;
  color: white;
}

.arrow-circle {
  height: 32px;
  background-color: hsl(192deg 14.29% 93.14%);
  color: hsl(202.5deg 6.67% 76.47%);
}


/* DNA Page */

.touch {
  position: absolute;
  top: 32rem;
  left: 8rem;
  width: 80%;
}

@media (max-width: 700px) {
  .touch {
    /* position: absolute; */
    top: 22rem;
    left: 1rem;
    width: 90%;
  }

  .mob-form-dna {
    display: flex !important;
    flex-direction: column;
    gap: 0rem !important;
  }

  .mobile {
    margin-top: 100% !important;
  }
}


@media (max-width: 700px) {
  .mtop-0 {
    margin-top: 0px !important;
  }
}


/* All Courses Page */
@media (max-width: 700px) {
  .filter-box {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
  }
}

/*Question Answer*/

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  padding: 10px;
}

@media (max-width: 767px) {
  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
  }
}

/*Student Dashboard 1*/
@media (max-width:767px) {
  .mains-test {
    display: flex;
    flex-direction: column !important;
  }

  .mentors {
    display: flex;
    flex-direction: column !important;
  }

  .sub-mentors {
    display: flex;
    flex-direction: row;
    gap: 2rem !important;
  }

  .sub-mentors-contact {
    margin-left: 5rem;
  }

  .comment {
    display: flex;
    flex-direction: column !important;
  }

  .sub-comment {
    display: flex;
    justify-content: start !important;
    margin-left: 3rem !important;
  }
}

/*ias-gazette-magazine*/
.fixed {
  position: fixed;
  top: 30%;
  right: 20px;
  line-height: 3rem;
  z-index: 100;
}

/*monthly  gist*/
@media (max-width:767px) {
  .shadow-mobile {
    box-shadow: 0px 0px 0px 0px !important;
  }

  .categories-mobile {
    padding-top: .5rem !important;
    padding-bottom: 0rem !important;
  }

  .text-left {
    text-align: left !important;
  }
}

/*annual compilation*/
@media (max-width:767px) {
  .annual-compilation-h1-image {
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px;
  }
}

/*start test*/
@media (max-width:767px) {
  .mp {
    padding: 25px !important;
  }

  .mobile-text-center {
    text-align: center;
  }
}

/*dashboard*/
.numbers {
  background-color: #eaeaea;
  width: 40px;
  border-radius: 5px;
  height: 30px;
  text-align: center;
}

/*About us page*/
.card-top-img {
  top: -2rem;
  left: 9rem;
  background-color: #f2f2f6;
  border-radius: 50%;
  padding: 5px;
}

h1{
	font-size: 2rem !important;
}
h2{
	font-size: 1.5rem !important;
}

h3{
	font-size: 1.25rem !important;
}
h4{
	font-size: 1rem !important;
}

tbody, td, tfoot, th, thead, tr {
  border-width: inherit !important;
}

.video_container{
    text-align: center;
}