::-moz-selection { background: #03c7b8; color: #fff; }
::selection { background: #03c7b8; color: #fff;}
a:hover, 
a:focus {
     text-decoration: none;
	 color: #38393b;}
   
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #abb1b0;}
::-moz-placeholder { /* Firefox 19+ */
     color: #abb1b0;}
:-ms-input-placeholder { /* IE 10+ */
     color: #abb1b0;}
:-moz-placeholder { /* Firefox 18- */
     color: #abb1b0;} 

/* number icon remove */	 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}	
	
/* autofill */
@-webkit-keyframes autofill {
    to {
        color: #00051b;
        background: #fff;}
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;}
    

 
/* button */
button,
.a-btn {
    white-space: nowrap;
    line-height: normal;
    padding: 10px 25px;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    border: none;
    background: #fbfbfb;
    color: #3a85d4;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 5px 5px #a7a2a3;}


/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;}
@media (min-width: 1200px) {
.wrapper {
    max-width: 2500px;
	padding: 0 100px;}
}
@media (max-width: 1199px) {
.wrapper {
	padding: 0 70px;}
}  
@media (max-width: 991px) {
.wrapper {
	padding: 0 50px;}
} 
@media (max-width: 767px) {
.wrapper {
	padding: 0 35px;}
} 


/* pre-loader */
.pre-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 110;}
.pre-loader::before,
.pre-loader::after {
    content: '';
      position: absolute;
      border: 3px solid;
      border-radius: 4em;
    }
.pre-loader::before {
  border-color: #e44d6a;}
.pre-loader::after {
      border-color: #e44d6a;}
    .pre-loader::before {
      width: 30px;
      height: 30px;
      border-bottom-color: transparent;
      -webkit-animation: animate-inner 1.4s linear infinite;
              animation: animate-inner 1.4s linear infinite;
    }
    .pre-loader::after {
      width: 60px;
      height: 60px;
      border-top-color: transparent;
      -webkit-animation: animate-outer 1.8s linear infinite;
              animation: animate-outer 1.8s linear infinite;
    }
    @-webkit-keyframes animate-inner {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @keyframes animate-inner {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @-webkit-keyframes animate-outer {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
      }
    }
    @keyframes animate-outer {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
      }
    }




  
/* h-vh-100 */
.h-vh-100 {
  height: 100vh;}




/* header */
header {
  background: #fff;
  box-shadow: 0 0 40px #e0e2e4;
  padding-top: 8px;
  height: 70px;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;}
header .logo {
  max-width: 100%;
  height: 50px;}



/* main-div */
.main-div {
  padding-top: 70px;}



/* section */
section {
  padding-top: 50px;
  padding-bottom: 50px;}

/* terms_condition */
#terms_condition h2 {
  margin-top: 40px;
  font-size: 22px;
  margin-bottom: 10px;
  color: #a4196c;}
@media screen and (max-width: 767px) {
#terms_condition h2 {
  margin-top: 45px;
  font-size: 18px;}
}



/* footer */
footer {
  background: #e8e7e8;
  padding-top: 15px;
  padding-bottom: 15px;}
footer p {
  font-size: 14px;
  color: #252425;
  margin-bottom: 0;}
footer p a {
  color: #4e4a4e;}


/* login-form */
.login-form {
  box-shadow: 5px 15px 25px #e2e2e2;
  border-radius: 10px;
  padding: 25px;}
/* head */
.login-form .head img {
  max-height: 90px;}
.login-form .head h3 {
  font-size: 20px;
  margin-top: 15px;}
/* body */
.login-form .body {
  padding-top: 40px;}
.login-form .body .div-col {
  margin-bottom: 20px;}
.login-form .body .div-col input {
  width: 100%;
  border: 1px solid #c7c7c7;
  padding: 7px 16px;
  border-radius: 5px;}
/* foot */
.login-form .foot {
  margin-top: 15px;}
.login-form .foot .primary-btn {
  max-width: 210px;
  width: 100%;
  background: #3a85d4;
  color: #fff;
  padding: 10px;
  font-size: 16px;}
.login-form .foot button {
  margin-bottom: 10px;}
.login-form .foot .secondary-btn {
  background: #ececec;}
.login-form .foot .text-btn {
  margin-top: 40px;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  color: #5f666b;}
.login-form .foot .timer {
  margin-top: 5px;
  font-size: 14px;
  letter-spacing: 5px;}