.img-shadow {
  -webkit-filter: drop-shadow(5px 5px 20px #000);
  filter: drop-shadow(5px 5px 20px #000);
  /* filter: drop-shadow(2px 2px 0px #000); */
  /* text-shadow:2px 2px 2px #000; */
}
.mobile-align-center {
  text-align: left; /* Default for desktop */
}

@media (max-width: 768px) {
  .mobile-align-center {
    text-align: center; /* Center align on screens smaller than 768px (typically mobile) */
  }
}
.main-image-shadow
{
    -webkit-filter: drop-shadow(5px 5px 20px #c0bbbb);
  filter: drop-shadow(5px 5px 20px #c6bfbf);
}
.fa-check-to-slot {
  content: "\f772";
}
.mytextwithicon {
  position:relative;
}    
.mytextwithicon:before {
  content: "\f772";  /* this is your text. You can also use UTF-8 character codes as I do here */
}
.fa-question:before {
  content: "\f128";
}
.fa-sack-dollar:before {
  content: "\f81d";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-file-video-o:before {
  content: "\f1c8";
}
/* Form elements */
.subject-option{
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  padding: 0px;
  font-size: 17px;
}
.math-light-background-color{
  background-color: #d4e7f2;
  border: 1px solid #0b9bf4;
  color: #0b9bf4;
}
.math-background-color{
  background-color: #0b9bf4;
  color: #ffffff;
}
.math-color{
  color: #0b9bf4;
}
.science-light-background-color{
  background-color: #f6efed;
  border: 1px solid #DE4C3F;
  color: #DE4C3F; 
}
.science-background-color{
  background-color: #DE4C3F;
  color: #ffffff;
}
.science-color{
  color: #DE4C3F;
}
.english-light-background-color{
  background-color: #f1fbdd;
  border: 1px solid #567904;
  color:#567904;
}
.english-background-color{
  background-color:#567904;
  color: #ffffff;
}
.english-color{
  color: #567904;
}
.computer-light-background-color{
  background-color: #ebe7f9;
  border: 1px solid #524494;
  color:#524494;
}
.computer-background-color{
  background-color:#524494;
  color: #ffffff;
}
.computer-color{
  color: #524494;
}
.gk-light-background-color{
  background-color: #f8f2e0;
  border: 1px solid #a17703;
  color:#a17703;
}
.gk-background-color{
  background-color:#a17703;
  color: #ffffff;
}
.gk-color{
  color: #a17703
}
.TnC{
  color:#000;
  padding:10px;
  font-size: 16px;
}
.not-needed-color{
  color: orangered;
}
.form-subject-title{
  font-weight: bold;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  margin-bottom: 5px;
}
.form-subject-caption{
  font-weight: bold;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
}
/* styling */
.right
{
  text-align: right;;
}
.left
{
  text-align: left;
}
.MessageFail{
 text-align: center;
 padding: 10px;
 color: #ff0000;;
 background-color: #f9eded;
 font-size: 18px;
}
.MessagePass{
  text-align: center;
  padding: 10px;
  background-color: #d9f8e2;
  font-size: 18px;
 }


.hide{
  display: none;
}

.blueLink{
  color:#0657ba;
  text-decoration: none;
  padding: 5px;
}
.blueLink:hover{
  color:#020134;
}

.orangeButton{
  background-color:#e65d01;
  color: white;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  font-weight: bold;
  font-size: 20px;
}
.orangeButton:hover{
  background-color:#024f2b;  
  color: white;
}
.errorBlock{
  background-color: #ff0000;
  color: #ffffff;
  border: 1px solid #ff0000;
  font-weight: bold;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.has-error{
  border: 1px solid #ff0000;
  background-color: 1px solid #f9f0f0;
}
.greenButton{
  background-color:#52a73b;
  color: white;
  text-decoration: none;
  padding: 10px;
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 20px;
}
.greenButton:hover{
  background-color:#0b4401;  
  color: white;
}

.redButton{
  background-color:#f87474;
  color: white;
  text-decoration: none;
  padding: 10px;
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 20px;
}
.redButton:hover{
  background-color:#620202;  
  color: white;
}
.blue-bg{
  background-color:#2c7df8!important;  
  color: white!important;
}
.blue-bg:hover{
  color:#2c7df8!important;  
  background-color: white!important;
}
.orange-bg{
  background-color:#fa8713!important;  
  color: white!important;
}
.orange-bg:hover{
  color:#fa8713!important;  
  background-color: white!important;
}
.input-icons i {
  position: absolute;
  margin-top: -38px;
  right: 200px;
}

.input-icons {
  z-index: 100;
  width: 100%;


}

.icon {
  padding: 10px;
  min-width: 40px;
}