@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 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
    "Helvetica Neue", Arial, sans-serif, 
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: black !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
    color: #000;
}
.error
{
    color: #ff0000;
    font-size: 14px;
}
#loading_div {
    background: #fff;
    border: 1px solid #333;
    border-radius: 10px;
    height: 130px;
    left: 45%;
    position: fixed;
    top: 32%;
    width: 130px;
    z-index: 10000;
}
#overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    top: 0;
    z-index: 9999;
}
/*.web-page
  {
        background-image: url('../../air_quality/Background/5591276.jpg');
        background-size: cover; 
  }*/
  .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;
}


.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: inline-block;
    min-height: 60px;
}
.topic-list img{
    border-radius: 6px;
    border: 1px white solid;
    /* padding-bottom: 0px; */
    margin-bottom: 10px;
}
.topic-list .count {
    position: absolute;
    background: #4da6ff;
    border-radius: 50%;
    top: -22px;
    left: 0;
    right: 0;
    font-size: 25px;
    color: white;
    margin: auto;
    width: 50px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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;
}
.wash .module-div 
{
    background-color: #054d7a; 
    text-align: center;
    border-radius: 10px;
    padding-top: 15px; 
    padding-bottom: 15px;
} 
.wash .module-img
{
    text-align: center;
    position: relative; 
    margin-top: 42px;
}
.air-quality .module-div
{
    background-color: #054d7a; 
    text-align: center;
    border-radius: 10px;
    padding-top: 15px; 
    padding-bottom: 15px;
}
.air-quality .module-img
{
    text-align: center;
    position: relative; 
    margin-top: 42px;
}
.blur-bg {
  background: rgba(255, 255, 255, 0.6); /* semi-transparent white */
 
  border-radius: 10px;
}
.disclaimer-text 
{
    font-size: 13px;
    color: black;
    line-height: normal;
}

.Blue-strip-heading
{
    background: #005e88;
    padding: 8px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    display: inline;
  
}
.Blue-strip-heading h3
{
  display: inline;
}

.blink-text {
    font-size: 14px;
    font-weight: bold;
    /*background: #ffeb3b;*/
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
}

.blink-text span {
    color: red;
    animation: blinkText 2s infinite;
}

@keyframes blinkText {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}