@font-face {
  font-family: LTUnivers ;
  src: url(https://earthwatch.gaurish.com/assets/font/LTUnivers_620_Cond_Bold.ttf);
}

@font-face {
  font-family: MTscript ;
  src: url(https://earthwatch.gaurish.com/assets/font/SCRIPTBL.TTF);
}
body {
   
    color: black !important;
     font-family: Arial !important;
   
}


.error

{
    color: #ff0000;
    font-size: 14px;
    position: fixed;
}

.web-page

  {

        background-image: url('../../air_quality/Background/5591276.jpg');
        background-repeat: no-repeat; /* Do not repeat the image */
  }
  .read_more
  {
    
    color: blue;
    font-weight: bold;
  }

.sucess_msg
{
    color: #29a329;
    font-size: 14px;
}



.required_data
{
    color: #ff0000;
}

.btn 
{

    background: #2b96cc;
    color: #fff;
    padding: 7px 17px!important;
    border-radius: 0!important;
    font-size: 14px;
    font-weight: 700;

    display: inline-block;

    border: 1px solid transparent;

    box-shadow: 0 0 0 0 #2b96cc;

    transition: all ease .2s;

    -webkit-transition: all ease .2s;

}


/*
.btn:hover {

   border: 1px solid #fff!important;

   box-shadow: 0 0 0 3px #2b96cc;

} */

  





.quiz_submit:hover {

     border: 1px solid #fff!important;

    box-shadow: 0 0 0 5px #e69e62!important; 

 }



  .save-next-quiz:hover {

 

   border: 1px solid #fff;

    box-shadow: 0 0 0 5px #2b96cc;

  }



 .login-form

  {

   padding-top: 40px;

   /*margin: 0px 0px 0px 126px !important;*/

 }



.slider-img

{

  width: 100%;
  height: auto;

}

 

 .quiz_option

 {

       margin: 0px 9px 0px 0px;

 }



 .quiz_radio

 {

  box-sizing: border-box;

    padding: 0;

 }



 .paper_list_heading

 {

  background: #c6ecff !important;

 }



.paper_list_heading h4

 {

    padding: 11px 0px 8px 5px;

    /*text-align: center;*/

    font-weight: 200;

    font-size: 20px;

 }



#tr_color{

   background:rgba(207, 239, 229, 0.73);

}



#plan_response

{

  color: #e9493d;

    font-size: 20px;

}



  .login-form
  {
         background-image:linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(0, 0, 0, 0.95)),
         url('../../img/background/background1.jpg');
        /*background-image: url(../../img/background/background1.jpg);*/
        /*background-attachment: fixed;*/
        background-attachment: cover;
        background-repeat: no-repeat;;
      background-size: 100% 100% ;
      /*height: 100%!important;*/


  }



.home-heading

{

    text-align: center;

    margin-left: 42%;

    margin-top: 26px;

  color:#75c4e8;

}



  .video-description {

    background-color: #3b90b7;

    border-left: 10px solid #ee6e04;

    border-bottom: 10px solid #ee6e04;

    color: #ffffff;

    font-size: 0.8rem;

    margin-bottom: 2rem;

}



.video-description h4 span {

    background-color: #ee6e04;

    line-height: normal;

    padding: 2px 10px;

    position: relative;

    z-index: 0;

}



.video-description h4 span:after{

  content: " ";

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: -1;

  background: #ee6e04;

  transform-origin: bottom right;

  -moz-transform: skew(-30deg, 0);

  -ms-transform: skewX(-30deg);

  -webkit-transform: skewX(-30deg);

  transform: skewX(-30deg);

}



.quiz_link

{

  color: black;

}

.quiz_link a

{

  color: black;

}

.notification

{

  color: black;

}

.result .card-header

{

    color: black;

    font-weight: 247px;

    font-size: 17px;



}

#choices

{

list-style:none;

}



 .paper_list_heading h4:after {

    content: "";

    border-bottom: 15px solid #70c0e8;

    border-left: 15px solid transparent;

    position: absolute;

    bottom: 0;

    right: 0;

}



.paper_list_heading h4

{

    margin-top: 0;

    font-family: open sans,sans-serif;

    font-weight: 600;

    font-size: 20px;

    background: #c6ecff;

    padding: 10px 15px;

    line-height: 20px;

    color: #333;

    margin-bottom: 10px;

    position: relative;

}

.pointer 

{

   cursor: pointer;

}



.paper_list a

{

  color:#ffff;

}

.paper_list .heading

{

 

  background:none;

  margin-bottom: 0px;

  text-align: left;

  padding: 8px 0px 10px 0px;

}



.paper_list  span

{

    padding-left: 21px;

    padding-top: 34px;

  font-size: 13px;

    font-style: italic;

  color:#ffff;

}



.paper_list  .btn

{

  margin: 13px 20px 15px 30px;

}



.profile .card 

{

  background-color: rgba(255, 255, 255, .2);

  color:#ffff;

}



.profile .card-header

{

  background-color: rgba(255, 255, 255, .2);

}



.profile .rs-services

{

  background-color: rgba(255, 255, 255, .2);

  color:#ffff;

}

.profile .heading 

{

  color:#ffff;

  background:none;

  margin-bottom: 0px;

}

.profile .heading  a

{

  color:#6caccc;

  background:none;

  margin-bottom: 0px;

}

.profile hr

{

  

    margin-top: 0.5rem;

    margin-bottom: 0px;

    border: 0;

    border-top: 1px solid rgba(0,0,0,.1);



}



.c_password

{

    background: #ee6e04;

    color: #ffff;

    padding: 0px!important;

    padding-right: 9px!important;

    padding-left: 7px!important;

   

}

.paper_heading

{

  padding: 8px 2px 6px 0px;

  text-align: center;

  color:#e69e62;

  background: none;

  margin-bottom: 0px;

}



.header-row

{

     display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0px;

    margin-left: -15px;

}



.login-form

{

     /*max-width: 1874px;*/

}



.paper_list .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {

     color: #333; 

}



.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    cursor: default!important;

    color: #fff !important;

    border: 1px solid transparent!important;

    background: transparent!important;

    box-shadow: none!important;

}


.paper_list .table thead th, .table th {

   

    font-family: 'Circular Std Medium';

}

.paper_list table.dataTable, table.dataTable th, table.dataTable td {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    border: none;

}



.paper_list table.dataTable tbody tr {

    background-color: rgba(230, 230, 242, .5);

}



.paper_list table.dataTable td.dataTables_empty {

    text-align: center;

    color: #fff;

}





.paper_list hr

{

  

    margin-top: 0.5rem;

    margin-bottom: 0px;

    border: 0;

    border-top: 1px solid rgba(0,0,0,.1);



}

 .quiz_no{

              /* padding: 9px 41px 9px 41px;

               margin: 9px 1px 19px 0px;

               border: 1px solid;

               background: #e9ecef;*/


                margin: 0px 0px 0px 0px;
                border: 1px solid;
                background: #e9ecef;
                max-width: 100px;
                display: inline-block;
                padding: 5px 0px 5px 0px;
                width: 94px;
                text-align : center;

          }

  .quiz_span{

        margin: 24px 6px 30px 31px;

       }

     

     

 .quiz_timer

 {
    width: 160px;

    background: #2b96cc;

    color: #fff;

    padding: 3px 20px;

    font-size: 14px;

    font-weight: 700;

    display: inline-block;

    border: 1px solid transparent;

    box-shadow: 0 0 0 0 #2b96cc;

    transition: all ease .2s;

    -webkit-transition: all ease .2s;

   border: 1px solid #fff;

    box-shadow: 0 0 0 5px #2b96cc; 

  font-size: 19px;

}

 

 .pay{

    padding: 2px 23px 2px 23px!important;

    /*background: #4dacd8!important;*/

    color: #ffff!important;
    cursor: pointer;

    /* margin-left: 27px; */

    margin: 21px 0px 0px 30px!important;

    font-size: 20px!important;

  

 }

.front-end-menu .navbar 

 {

    margin: 6% 0% 0% 10%;

    font-size: 15px;

 }

.front-end-menu .navbar .navbar-nav .nav-item .nav-link

{

    padding: 6px 13px 6px 0px;

}

.front-end-menu .navbar .nav-item .nav-link

{

    color: #3b90b7;

}

.front-end-menu .navbar-dark .navbar-nav .nav-link:hover 

{

    color:#e69e62 !important;

}



.front-end-menu .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {

   color: #e69e62;

}



 .front-end-menu .navbar-nav

 {

     flex-direction: unset;

} 



.rainbow {

  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #09adad), color-stop(0.6, #01b501),color-stop(0.75, #e0af1b), color-stop(1, #f22) );

  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2),  color-stop(1, #f22) );

  color:transparent;

  -webkit-background-clip: text;

  background-clip: text;

}



     

 @media only screen and (min-width:320px) and (max-width: 640px) 

 {

 



   .tabbable {

        text-align: center!important;

    }

    .tabbable>li {

      color: red;

        float: none!important;

        display: inline-block!important;

    }

  

   .front-end-menu .navbar 

   {

    margin: 1% 0% 0% 0%;

    font-size: 13px;

  }

  

 .login-form .row {

    display: -ms-flexbox;

   -ms-flex-wrap: wrap;

   margin-right: 0px;

    margin-left: 0px;

   }



.home-heading {

    /* text-align: center; */

    margin-left: 28%;

    margin-top: 26px;

    color: #75c4e8;

}



.paper_list .heading {

   
    background: none;

    margin-bottom: 0px;

    text-align: left;

    padding: 0px 0px 0px 0px;

    font-size: 16px;

}



.paper_list .btn {

    margin: 5px 0px 0px 17px;

  padding: 8px 10px 8px 10px;

}



.paper_list_heading h4 {

    

    font-size: 15px;

   

}



.paper_heading

{

  font-size: 15px;

}



.profile .heading {

  font-size: 15px;

}



.slider-img

{

  width:100%; 

  height: 200px;

}

.logo-img

{

  height: 48px;

}





.ribbon3:after {

    height: 0!important;

    width: 0!important;

    right: -14.5px!important;

    border-top: 17px solid transparent!important;

    border-bottom: 21px solid transparent!important;

    border-left: 15px solid #59324C!important;

}



.ribbon3 {

    width: 89px!important;

    height: 38px!important;

    line-height: 41px!important;

    padding-left: 1px!important;

    position: absolute!important;

    left: -8px!important;

    top: 20px!important;

    background: #59324C!important;

  color: white!important;

    font-size: 10px!important;

    /* padding-bottom: 31px; */

    padding-top: 0px!important;

}



.login-content p {

    font-size: 14px!important;

    padding: 11px 11px!important;

}



.login-content

{

   margin-bottom: 34px!important;

}



.subscription-heading

{

     margin: 0px 0px 0px 0px!important;

}



.login-link 

{

   margin-top: -89px;

}





.profile-info-name {

    width: 9px!important;

  padding: 6px 9px 5px 0px!important;

}



.profile-user-info{

 font-size: 12px;

}



#ref-link

 { 

 padding:0px!important;

 font-size:7px;

}



.copy-btn

{

    margin-left: -15px!important;

    padding: 4px 4px 4px 4px!important;

    font-size: 9px!important;

}



.social_icon {

    padding: 20px!important;

    font-size: 30px!important;

    width: 50px!important;

    text-align: center!important;

    text-decoration: none;

    /* margin: -3px -3px; */

    font-size: 23px!important;

    margin: 0px 0px 6px -3px!important;

}



.login-form

{

  margin: 0px 0px 0px 0px!important;

}



}





.copy-btn

{

    margin-left: -19px;

    padding: 7px 13px 8px 11px;

}



#ref-link

 { 

 padding:3px;

}



 .login-content

{

  /* box-sizing: border-box; */

    /*padding: 25px 36px 0px 34px!important;*/

}



.login-content p

{

  font-style:Arial, Helvetica, sans-serif!important;

  background-color: #eeeeee!important;

  color:#0089bf;

}



.login-content .refund-heading

{

    color: black;

    font-size: 20px;

}





.ribbon3 {

  width: 150px;

  height: 50px;

  line-height: 50px;

  padding-left: 15px;

  position: absolute;

  left: -8px;

  top: 20px;

  background: #59324C;

}

.ribbon3:before, .ribbon3:after {

  content: "";

  position: absolute;

}

.ribbon3:before {

  height: 0;

  width: 0;

  top: -8.5px;

  left: 0.1px;

  border-bottom: 9px solid black;

  border-left: 9px solid transparent;

}

.ribbon3:after {

  height: 0;

  width: 0;

  right: -14.5px;

  border-top: 25px solid transparent;

  border-bottom: 25px solid transparent;

  border-left: 15px solid #59324C;

}



.ribbon3{

  color: white;

}







.switch {

  position: relative;

  display: inline-block;

  width: 49px;

  height: 21px;

}



.switch input { 

  opacity: 0;

  width: 0;

  height: 0;

}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider:before {

  position: absolute;

  content: "";

  height: 14px;

width: 14px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #2196F3;

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}



.social-link

{

    position: absolute!important;

    transform: translate3d(0px, 42px, 0px)!important;

    top: 0px!important;

    left: 0px!important;

    will-change: transform!important;

}



.social-link li

{

        padding: 0px 0px 0px 10px;

}



.good_luck {

    font-family: Times New Roman;

    font-style: italic;

    font-weight: bold;

    font-size: 21px;

}



@media (min-width: 768px)

{

.ribbon3 {

    width: 89px!important;

       height: 49px!important;

    line-height: 53px!important;

    padding-left: 1px!important;

    position: absolute!important;

    left: -8px!important;

    top: 20px!important;

    background: #59324C!important;

    color: white!important;

    font-size: 10px!important;

    /* padding-bottom: 31px; */

    padding-top: 0px!important;

}



}



@media only screen and (min-width:505px) and (max-width: 768px)
{
  .services-title
    {
       width: 271px;
       padding-left: 116px;
    }
}
@media only screen and  (max-width: 505px) and (min-width:426px)
{
  .services-title
    {
       width: 271px;
       padding-left: 52px;
    }
}
@media only screen and  (max-width: 427px) 
{
  .services-title
    {
       width: 235px;
       padding-left: 36px;
    }
}
@media only screen and  (max-width: 1199px) and  (min-width: 990px) 
{
  .services-title
    {
       width: 147px;
       
    }
}
@media only screen and  (max-width: 991px) and  (min-width:769px) 
{
  .services-title
    {
       width: 251px;
       
    }
}




@media only screen and (min-width:768px) and (max-width: 1366px)

{

.login-form

{

  margin: 0px 0px 0px 0px!important;

}

}



.payment input[type=radio]{

position: relative!important;

    top: 12px!important;

  }

  

.edit_data

  {

    color: #2eb82e!important;

  }



 

  .delete_data

  {

    color: #ff0000!important;

  }





  .add_more

  {

    color: #1a1aff!important;

  }



  .add_more:hover {

    color: #e69e62!important;

    text-decoration: none;

}



.edit_data:hover {

    color: #e69e62!important;

    text-decoration: none;

}



.icon_gap{

    padding: 0px 10px;

  }

.story {
    color: white;
    text-align: justify;
    padding: 0px 14px 0px 14px;
}

.question .story {
    color: #6cc3ee;
    /* font-weight: bold; */
    font-size: 16px;
}

.question_answer .story {
    margin-top: 11px;
    color: #ff9900;
    font-size: 16px;
}

.question_rating p {
    color: #ffffff;
    margin: 15px 0px 3px 0px;
}

.question_answer textarea {
    margin-left: 1%;
    width: 42%;
    height: 97px;
}

.question_rating .story {
    color: #ff9900;
    font-size: 16px;
}

.start_rating {
    margin-left: 1%;
}

.load-more {
    float: right;
    font-size: 20px;
    color: #1a1a1a;
}
.load-more a {
    color: #6cc3ee;
}

.social-media {
    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(0, 0, 0, 0.95)), url('../../img/social/social-media.png');
    background-attachment: cover;
    background-color: rgba(0, 0, 0, 1);
}


/*29/05/2020*/

.selected_rate {
    color: orange;
}

.non_selected_rate {
    color: white;
}  

.rating
{
  font-size: 21px;
  padding: 3px 15px 0px 0px;
  cursor: pointer;
}

.desabled .question .story
{
    margin-top: -73px!important;
}


@media (max-width: 1000px) {

  .question_answer textarea {
    margin-left: 4%;
    width: 90%;
    height: 59px;
}

.start_rating {
    margin-left: 4%;
}

}


.desabled{

  /*pointer-events: none;*/
 /* opacity: 0.5;
  background-color: white!important;*/

  background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.60), rgba(245, 246, 252, 0.60));



}


.display
{
  display: block;
  text-align: center;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.fa-lock:before {
  font-size: 30px;
  background: black;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial; /* reset Font Awesome's display:inline-block */
}​

.display_none
{
  display: none;
}



  .add_button
       {
         color: #2e2f39; 
         background-color: #ffc108; 
         border-color: #ffc108; 
         padding: 7px 17px!important;
         border-radius: 0!important;
         font-size: 14px;
         font-weight: 700;
         display: inline-block;
         border: 1px solid transparent;
         transition: all ease .2s;
         -webkit-transition: all ease .2s;
       }

       .add_button:hover 
       {
         color: black!important;
         text-decoration: none;
       }
    
      .remove_button
       {
         color: white; 
         background-color: #ff1a1a; 
         border-color: #ff1a1a; 
         padding: 7px 17px!important;
         border-radius: 0!important;
         font-size: 14px;
         font-weight: 700;
         display: inline-block;
         border: 1px solid transparent;
         transition: all ease .2s;
         -webkit-transition: all ease .2s;
       }

       .remove_button:hover 
       {
         color: white!important;
         text-decoration: none;
       }
  @media only screen and (min-width:1400px) and (max-width: 1920px) 
  {
    .login-form
  {
     
   height: 100%!important;


  }
  }

/*responsive Css for login form*/
  @media (min-width: 700px)

  {
  .hidden-desktop {
      display: none!important
  }

  
   
  }

  @media only screen and (min-width:320px) and (max-width: 703px) 

   {
      .hidden-desktop {
          display: inline!important
      }
     
      .hidden-phone {
          display: none!important
      }
       .savenext-button .col-sm-3
      {
        width: 50%;
      }
      .savenext-button .col-sm-4
      {
        width: 50%;
      }
    }



/*================================================*/
                 /*26/10/2021*/
/*================================================*/
 .login-bg-img

    {

        background: linear-gradient(rgba(1,1,1,.4), rgba(0,0,0,.7));

        background-repeat: no-repeat;

        background-size: cover;

        background-position: center center;

        color: #ffff;

    }

 .facebook_Button {
    width: 54%;
    margin: 6px 0px 0px 0px;
    border: 0px;
    background-color: #3a5ca9;
    color: #ffffff;
    font-size: 18px;
    /*float: right;*/
    cursor: pointer;
}

.google_Button {
    width: 52%;
    margin: 6px 0px 8px 0px;
    border: 0px;
    background-color: #db3236;
    /*border: 2px solid #ccc6c6;*/
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
}

.social-media-h {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 38px 0 20px; 
   font-size: 14px;
  font-style: italic;
} 

.social-media-h span { 
    background:#fff; 
    padding:0 10px; 
}

.socialLogin-p{
  text-align: center;
}
.forgot-pwd {
    text-align: right;
    margin-top: 20px;
    
}

.forgot-pwd a{
  color: #3b90b7;
  }
 @media only screen and (max-width: 1244px) and (min-width: 1093px) 
   {

    .facebook_Button {
        width: 64%;
       }
       .google_Button {
            width: 60%;
        }
   }

   @media only screen and (max-width: 1092px) and (min-width: 996px) 
   {

    .facebook_Button {
        width: 72%;
       }
       .google_Button {
            width: 68%;
        }
   }
    @media only screen and (max-width: 997px) and (min-width: 882px) 
   {

    .facebook_Button {
        width: 85%;
       }
       .google_Button {
            width: 74%;
        }
   } 

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

    .facebook_Button {
        width: 100%;
        font-size: 16px;
       }

       .google_Button {
            width: 100%;
            font-size: 16px;
        }
   }

.topic-list .topic-heading{ 
   color: white;
   font-size: 19px;
   display: block;
   
}

.topic-list img{
    border-radius: 6px;
    border: 1px white solid;
    /* padding-bottom: 0px; */
    margin-bottom: 10px;
}


.topic-list .count {
    position: absolute;
    display: block;
    background:#4da6ff;
    /* padding: 12px; */
    border-radius: 50%;
    padding: 4px 18px 4px 18px;
    top: -22px;
    left: 113px;
    font-size: 25px;
    color: white;
}
.show{
    display: :block;

    
}
.hide{
  display: none;
}


.button-comic {
  background-color: #c2fbd7;
  border-radius: 100px;
  box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
  color: green;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-comic:hover {
  box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}

.button-hindi-comic {
  background-color: #a8aeaa;
  border-radius: 100px;

  box-shadow: rgb(171 182 175 / 20%) 0 -25px 18px -14px inset, rgb(167 170 168 / 15%) 0 1px 2px, rgb(150 154 151 / 15%) 0 2px 4px, rgb(144 155 149 / 15%) 0 4px 8px, rgb(159 165 161 / 15%) 0 8px 16px, rgb(132 137 134 / 15%) 0 16px 32px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-hindi-comic:hover {
  box-shadow: rgb(134 139 136 / 20%) 0 -25px 18px -14px inset, rgb(169 175 171 / 15%) 0 1px 2px, rgb(155 163 158 / 15%) 0 2px 4px, rgb(139 143 140 / 15%) 0 4px 8px, rgb(146 153 149 / 15%) 0 8px 16px, rgb(147 153 149 / 15%) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}
.button-puppet {
  background-color: #c2d0fb;
border-radius: 100px;
box-shadow: rgba(44, 80, 187, 0.2) 0 -25px 18px -14px inset,rgba(44, 60, 187, 0.31) 0 1px 2px,rgba(62, 44, 187, 0.15) 0 2px 4px,rgba(44, 46, 187, 0.15) 0 4px 8px,rgba(82, 44, 187, 0.15) 0 8px 16px,rgba(44, 100, 187, 0.15) 0 16px 32px;
color: #002c80;
cursor: pointer;
display: inline-block;
font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}

.button-puppet:hover {
  box-shadow: rgba(44, 80, 187, 0.2) 0 -25px 18px -14px inset,rgba(44, 60, 187, 0.31) 0 1px 2px,rgba(62, 44, 187, 0.15) 0 2px 4px,rgba(44, 46, 187, 0.15) 0 4px 8px,rgba(82, 44, 187, 0.15) 0 8px 16px,rgba(44, 100, 187, 0.15) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}

.button-story {
  background-color: #fbc2c7;
border-radius: 100px;
box-shadow: rgba(187, 44, 71, 0.2) 0 -25px 18px -14px inset,rgba(187, 44, 64, 0.31) 0 1px 2px,rgba(187, 44, 57, 0.15) 0 2px 4px,rgba(187, 44, 71, 0.15) 0 4px 8px,rgba(187, 44, 51, 0.15) 0 8px 16px,rgba(187, 44, 71, 0.15) 0 16px 32px;
color: #80000c;
cursor: pointer;
display: inline-block;
font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}

.button-story:hover {
  box-shadow: rgba(187, 44, 71, 0.2) 0 -25px 18px -14px inset,rgba(187, 44, 64, 0.31) 0 1px 2px,rgba(187, 44, 57, 0.15) 0 2px 4px,rgba(187, 44, 71, 0.15) 0 4px 8px,rgba(187, 44, 51, 0.15) 0 8px 16px,rgba(187, 44, 71, 0.15) 0 16px 32px;
  transform: scale(1.05) rotate(-1deg);
}

.button-resource {
  background-color: #fbefc2;
border-radius: 100px;
box-shadow: rgba(187, 158, 44, 0.2) 0 -25px 18px -14px inset,rgba(187, 158, 44, 0.31) 0 1px 2px,rgba(187, 158, 44, 0.15) 0 2px 4px,rgba(187, 44, 71, 0.15) 0 4px 8px,rgba(187, 158, 44, 0.15) 0 8px 16px,rgba(187, 44, 71, 0.15) 0 16px 32px;
color: #805a00;
cursor: pointer;
display: inline-block;
font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}

.button-resource:hover {
box-shadow: rgba(187, 158, 44, 0.2) 0 -25px 18px -14px inset,rgba(187, 158, 44, 0.31) 0 1px 2px,rgba(187, 158, 44, 0.15) 0 2px 4px,rgba(187, 44, 71, 0.15) 0 4px 8px,rgba(187, 158, 44, 0.15) 0 8px 16px,rgba(187, 44, 71, 0.15) 0 16px 32px;

  transform: scale(1.05) rotate(-1deg);
}

.icon-heading {
  text-align: center;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  font-weight: bold;
  font-size: 20px;
  cursor: pointer;
}
 
 .red-color
 {
    color :#DA2753
 }
.blue-color
 {
    color :#C658B1
 }
.yellow-color
 {
    color :#664B00
 }

.dred-color
 {
    color :#15D5EB
 }

 .breadcrumb .breadcrumb-item a{
    color: black;
 }
 .breadcrumb-item.active {
    color: #17219b;
    font-weight: bold;
}

.login-toggle
{
background: transparent!important;
    color: black!important;
    border: none!important;
}

.btn-primary.login-toggle:focus {
   box-shadow: none!important;
}

.login-dropdown li{
    padding-left: 17px!important;
    padding-bottom: 5px!important;
}