.mainbtns {
    font-weight: 600;
    color : #000 !important;
}

.homebtn {
    color: #f0c24b;
}

.englishbtn {
    color: #ea7066;

}

.problemsbtn {
    color: #b5d56a;
}

.researchbtn {
    color: #84bed6;
}

.comparebtn {
    color: #a597e7;
}

.resultsbtn {
    color: #ea77ad;
}

.r_item_width{
	width: 110px;
}

.tp-rightarrow {
    opacity: 0 !important;
}
.tp-leftarrow {
    opacity: 0 !important;
}
.dropdown-toggle{
    //opacity: 0;
}
.dropdown-toggle:after{
    opacity: 0;
}

@media (max-width: 480px) {
  .my-caption {
    transform: translateY(-40px) !important;
  }
}

/*    .media-events-list .media-img img {
        height: 100px;
    }*/

.icon {
  width: 100%;
  text-align: center;
}

.icon-wrapper img {
width: 400px !important;
height: 400px !important;
max-width: none !important;
}

.icon-wrapper img {
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .icon-wrapper img {
    max-width: 350px !important;
  }
}

@media (max-width: 480px) {
  .icon-wrapper img {
    max-width: 300px !important;
  }
}



@media (max-width: 430px) and (min-width: 410px) {
  .tp-caption.heading-caption[style] {
    transform: translateY(-10px) !important;
  }
}
@media (max-width: 430px) and (min-width: 410px) {
  .heading-caption {
    background: red !important;
  }
}
.tp-caption.heading-caption[style] {
  transform: none !important;
  top: 60px !important;
}





.custom-position {
  right: 2%; /* replaces data-hoffset */
  top: 20%;  /* replaces data-voffset */
  position: absolute !important;
}

/* Laptop screens */
@media (max-width: 1024px) {
  .custom-position {
    right: 2%;
    top: 20%;
  }
}

/* Tablet */
@media (max-width: 768px) {
  .custom-position {
    right: 1.5%;
    top: 10%;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .custom-position {
    right: 1.5%;
    top: 10%;
  }
}


@media (max-width: 768px) {

  .navbar-brand img {
    max-height: 60px;
    height: auto;
    width: auto;
    object-fit: contain;
  }

}


.starElement{
  color: var(--bs-danger);
  width: 21px;
}



.studentbgred{
  background: var(--bs-danger);
  padding : 9px;  
}
.studentbgblue{
  background: var(--bs-info);
  padding : 9px;
}
.studentbgpurple{
  background: var(--bs-purple);
  padding : 9px;
}
.studentbgpink{
  background: var(--bs-pink);
  padding : 9px;
}

.whitebtntext{
  color : #fff !important;
}

.zeropadding{
  padding : 0px !important;
}