.whatsapp {
  animation-duration: 8s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: tada;
  position: fixed;
  bottom: 36px;
  left: 16px;
  z-index: 2000000;
  font-size: 46px;
  color: #fff;
  width: 50px;
}


.cr-chat-btn {
  display: flex;
  flex-direction: row;
  position: absolute;
  z-index: 2;
  bottom: 8px;
  right: 8px;
  max-width: 95vw;
  color: inherit;
  cursor: pointer;
  transition: background .2s linear;
}

.whatsapp img {
  width: 100%;
}

.loader{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  /* opacity: 0.5; */
  /* background-color: #fff; */
  background: rgba(255, 255, 255, .5);
  z-index: 9999;
  background-image: url('../img/loading/loading.gif');
  background-repeat: no-repeat;
  background-position: center center;

}

/* 
.or-separator{
  margin: 30px 0;
  background-color: #e2e9e1;
  height: 1px;
  position: relative;
}
.or-separator::before{
position: absolute;
content: "OR";
color: #687188;
width: 40px;
height: 20px;
left: calc(50% - 20px);
top: -9px;
line-height: 1.4;
background: #ffffff;
text-align: center;
}

.btn-google-login{
background: #ffffff;
color: #687188;
border-color: #687188;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
}
.btn-google-login img{
width: 30px;
margin-right: 10px;
}

.btn-google-login:hover{
background: #ffffff;
color: #088178 !important;
border-color: #088178;
} */


.form-control.is-invalid, .was-validated .form-control:invalid{
  border-color: var(--bs-form-invalid-border-color) !important;
}

.small-brand-text{
  font-size: 0.4em;
  margin-bottom: 3px;
  margin-left: 5px;
  letter-spacing: .02em;
}


/*responsive css starts*/

@media (min-width : 320px) and (max-width : 479px) {


}

@media (min-width : 480px) and (max-width : 568px){


}

/* Extra Small Devices, Phones */
@media (min-width : 569px) and (max-width : 767px){


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px){


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px){


}

@media only screen and (min-width : 1200px) and (max-width : 1400px){



}

@media only screen and (min-width : 1401px) and (max-width : 1599px){


}

@media only screen and (min-width : 1600px) and (max-width : 2048px){


}

@media only screen and (min-width : 2049px) {


}

@media only screen and (min-width : 800px){


}
/*responsive css ends*/