body{background: #FDFDFD; background: linear-gradient(180deg,rgba(253, 253, 253, 1) 30%, rgba(205, 205, 205, 1) 100%); padding:0 !important; height: 100vh;}
.rounded-input{background: #d8d8d8 !important; color: #000000; line-height: 12px; border-radius:50px; border:1px solid #9c9c9c; padding: 5px 20px !important; height:50px !important;}
.top-menu{margin-bottom:10px !important}
.top-menu .logo{padding: 10px !important;}
.rounded-btn{color:#737373 !important; line-height: 12px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #737373 !important;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #737373 !important;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #737373 !important;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #737373 !important;
  }
  .link-btn{cursor: pointer; font-size: 15px; text-align: center !important; background: #ee1556 !important; border-color: #ee1556;
    color: #fff !important;}
  .reset-btn{color: #737373 !important; font-size: 15px;}
  textarea.form-control{padding: 10px !important;}
  .input-group-addon:last-child{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
  span.input-group-btn {
    width: inherit;
}
.modal-backdrop.in{z-index: -9;}
/* .modal{margin-top: 10%;} */
.modal-content{    top: 0 !important;
    transform: translate(-50%, 0) !important;}
    .modal-body{    max-height: 400px;
    overflow-Y: scroll; text-align: justify;}
  .input-group .form-control:first-child{border-right:none;}
  /* .input-group .form-control:not(:first-child):not(:last-child){border-left:none;} */
 /* Video */
.video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
  
  }
  
  .video video{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .button{
    position: absolute;
    width: 100%;
    height: 100%;
  z-index:1;
  color:white;
  font-size:3rem;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  text-shadow:0 0 15px rgba(0,0,0,0.5);
  }
  .hover{
  visibility:hidden;
  transition:visibility .3s, opacity .3s;
  opacity:0;
  }
  
  .video:hover .hover{
  visibility:visible;
  opacity:1
  }
  
  .bar{
  height:5px;
  background:red;
  width:0;
  position:absolute;
  bottom:0;
  z-index:2;
  }
  .text-sm{font-size:11px !important; padding-top: 5px;}
  .display-none{display: none !important;}
input:placeholder-shown {
    font-size:15px;
    color: #737373 !important;}
    .small-text{font-size:15px; color:#ed1556; padding-bottom:10px; text-align:left;}
     .small-text1{font-size:14px; color:#f37021; padding-bottom:10px; text-align:left;}
    .fa.fa-clock-o{color:#e76f23;}
    .tnc-text{display: flex; align-items: flex-end; margin-bottom: 0; color: #333 !important; font-size: 14px !important;}
    .tnc-text a{color:#ed1556; text-decoration: underline;}
    .tnc-text .radio-inline{padding-left:0px !important;}
    .mt15{margin-top:15px !important;}
@media (min-width: 768px) {
    .pd30{padding: 0 15px  !important;}
    .top-menu .logo {
        width: 12% !important;
    }
    .rounded-input{height: 38px;}
    .pdl30{padding-left:30px !important}
    .container{max-width: 1300px;}
    .title{    font-size: 45px;
    font-weight: 800;
      color: #1a1a1a;
      text-align: center;
      margin-bottom: 55px;
      line-height: 24px;         margin-top: 20px !important;}
      .col-md1{width:55% !important;}
      .col-md2{width:45% !important;}
      .form-group{margin-bottom:15px;}
      .img-donate{max-width: 460px !important; width:100%; margin:auto;}
      .img-sahyog-logo{max-width: 248px !important; width:100%; margin:auto; margin-bottom: 15px;}
      .mini-container{max-width: 960px; width:100%; margin:auto;}
      
}
@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .rounded-input{height: 40px !important;}
    .title{font-size: 18px;
        font-weight: 800;
        color: #1a1a1a;
        text-align: center;
        margin-bottom: 24px;
        line-height: 24px;
        padding: 10px 0;
        margin-top: 3px !important;}
      .small-text{font-size:14px;}
      .mt15{margin-top:15px;}
      .img-sahyog-logo{max-width: 200px !important; width:100%; margin:auto; margin-bottom: 15px;}
      .no-padding{padding:0px !important;}      
      .top-menu .logo{width: 100;}
      .top-menu .logo img{margin: auto; width: 26%;}
      .modal-content{    top: 0 !important;
    transform: translate(0%, 0) !important;}
}
@media (min-width: 1200px) {
    .container {
        width: 1170px !important;
    }
}
.text-generate{    color: #cbcbcb;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: 57%;
  background: #000000d4;
  border-radius: 5px;
  padding: 10px;} 
.spinner {
      /* margin: 100px auto; */
      height: 40px;
      text-align: center;
      font-size: 10px;
      position: absolute;
      z-index: 999;
      background: #0000009e;
      height: 100%;
      width: 100%;
      /* opacity: .5; */
      /* margin-top: -51px; */
      top: 0;
}

.spinner>div {
  z-index: 999;
    background-color: #ed1556;
    height: 50px;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin-right: 7px;
    top: 50%;
    position: relative;
    margin-top: -26px;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}