#header .logo {
    text-align: center;;
}
#main {
    width: 70%;
    margin: auto;
}
.d-flex {
    display: block !important;
}
.login-form {
    width: 50%;
    margin: auto;
    border-radius: 20px ! important;
}
.data-form {
    width: 70%;
    margin: auto;
    border-radius: 20px ! important;
}
.error_name {
    border:1px solid red;
}
.error_password {
    border:1px solid red;
}
label {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0;
    color: #000;
}
.home-page .php-email-form .form-group {
    width: 50%;
    float: left;
}
.success-message {
    color: green;
}
.hide {
    display: none;
}
.home-contact-form {
    width: 80%;
    margin: auto;
}
.counts {
    padding-top: 40px;
}
.slot-item {
    width: 100%;
    margin: 20px auto;
    border-radius: 20px;
}
.counts .count-box p {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    color: #000;
    font-family: "Open Sans", sans-serif;
}
.count-box h3, .section-title h2, .info-box h3, .section-title h3 {
    font-family: "Open Sans", sans-serif;
}
.counts .count-box {
    border-radius: 20px ! important;
}
.counts .count-box span {
    color: #ff00009c;
}
.time span, .time-to {
    color: #000;
}
.contact .info-box {
    border-radius: 10px;
}
/* body {
    background: url(../img/background.jpg) repeat-x !important;
    background-size: 100% !important;
} */
.contact .php-email-form .submit-btn, .data-page .submit-btn {
    background: #e03a3c;
    border: 0;
    padding: 10px 32px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .contact .php-email-form .submit-btn:hover, .data-page .submit-btn:hover {
    background: #e35052;
  }
@media screen and (max-width: 768px) {
    .login-form, .data-form {
        width: 100%;
        margin: auto;
        border-radius: 20px ! important;
        box-shadow: none ! important;
    }
    .slot-item {
        width: 100%;
        margin: auto;
    }
    #main {
        width: 100%;
        margin: auto;
    }
    .slotItem {
        width: 50% !important;
    }
}
.slotItem {
    width: 25%;
    float: left;
    padding: 10px;
}
.timeclass {
    font-size: 16px;
    color: #000 !important;
}
.loading {
    font-size: 22px !important;
}
.slot-item:hover {
    background: rgba(255, 239, 195, 0.30);
}
.soltcounter {
    width: 60px;
    margin: auto;
    border-radius: 5px;
    background: rgba(255, 220, 229, 0.70);
    color: #ff4172;
}
.soltcounter1 {
    width: 80px;
    margin: auto;
    border-radius: 5px;
    /* background: rgba(10, 10, 10, 0.7); */
    color: #fff;
    background-image: url(../images/count.jpg?version=0.3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.soltcounter1 span {
    color: #fff !important;
}
/* .title-word-2 {
    width: 60px;
    margin: auto;
    border-radius: 5px;
    background: rgba(255, 239, 195, 0.70);
    color: #ff7521;
}
.title-word-3 {
    width: 60px;
    margin: auto;
    border-radius: 5px;
    background: rgba(207, 227, 255, 0.70);
    color: #37acff;
}
.title-word-4 {
    width: 60px;
    margin: auto;
    border-radius: 5px;
    background: rgba(221, 246, 218, 0.70);
    color: #58b34e;
} */
.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
  display: inline-block;
      font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

.title-word {
    animation: color-animation 4s linear infinite;
  }
  
  /* .title-word-1 {
    --color-1: #DF8453;
    --color-2: #3D8DAE;
    --color-3: #E4A9A8;
  } */
  
  .title-word-2 {
    --color-1: #DBAD4A;
    --color-2: #ACCFCB;
    --color-3: #17494D;
  }
  
  .title-word-3 {
    --color-1: #ACCFCB;
    --color-2: #E4A9A8;
    --color-3: #ACCFCB;
  }
  
  .title-word-4 {
    --color-1: #3D8DAE;
    --color-2: #DF8453;
    --color-3: #E4A9A8;
  }
  
  @keyframes color-animation {
    0%    {color: var(--color-1)}
    32%   {color: var(--color-1)}
    33%   {color: var(--color-2)}
    65%   {color: var(--color-2)}
    66%   {color: var(--color-3)}
    99%   {color: var(--color-3)}
    100%  {color: var(--color-1)}
  }
  
  .title-word-1, .title-word-2, .title-word-3, .title-word-4 {
    animation: 2s anim-lineUp ease-out infinite;
        animation-iteration-count: 1;
  }
  @keyframes anim-lineUp {
    0% {
      opacity: 0;
      transform: translateY(80%);
    }
    20% {
      opacity: 0;
    }
    50% {
      opacity: 1;
      transform: translateY(0%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }