/*-----------------
    5. Buttons
-----------------------*/
.btn-view {
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  border: 2px solid transparent;
  background-color: #3f75c9;
  border-radius: 8px;
  padding: 12px 22px;
}

.btn-view:hover {
  color: #ffffff;
  background-color: #2e5caa;
}

@media (max-width: 991.98px) {
  .btn-view {
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
  }
}

.btn-white {
  background-color: #ffffff;
  border-color: #F1F1F1;
  color: #ffcd01;
  box-shadow: inset 0 0 0 0 #ffffff;
}

.btn-white:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: inset 0 50px 0 0 #ffcd01;
}

.btn-white-outline {
  background-color: #ffffff;
  border-color: #F1F1F1;
  color: #3F4254;
}

.btn-white-outline:hover {
  background-color: #ffffff;
  border-color: #F1F1F1;
  color: #3F4254;
}

.btn-primary {
  font-weight: 700;
  background-color: #3f75c9;
  border: 1px solid #3f75c9;
  box-shadow: inset 0 0 0 0 #ffffff;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #2e5caa;
  border-color: #2e5caa;
  color: #ffffff;
}

.action-subscribe {
  margin-top: 8px;
}

.btn-subscribe {
  background-color: #3f75c9;
  border: 1px solid #3f75c9;
  box-shadow: inset 0 0 0 0 #ffffff;
  color: #fff;
}

.btn-subscribe:hover {
  background-color: #2e5caa;
  border-color: #2e5caa;
  color: #ffffff;
  box-shadow: inset 0 50px 0 0 #2e5caa;
}

.btn-subscribe:hover i {
  color: #ffffff !important;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.submit-review {
  padding: 12px 20px;
}

.btn-size {
  font-weight: 600;
  font-size: 16px;
  padding: 12px;
}

.btn-outline-light {
  color: #ffffff;
  background-color: #2f2f2f;
  border: 1px solid #2f2f2f;
  box-shadow: inset 0 0 0 0 #ffffff;
}

.btn-outline-light:hover {
  background-color: #ffffff;
  border-color: #F1F1F1;
  color: #3F4254;
  box-shadow: inset 0 50px 0 0 #ffffff;
}

.btn-gray {
  background-color: #EFEFEF;
  border: 1px solid #EFEFEF;
  box-shadow: inset 0 0 0 0 #ffffff;
}

.btn-gray:hover {
  background-color: #ffffff;
  border-color: #EFEFEF;
  color: #878A99;
  box-shadow: inset 0 50px 0 0 #ffffff;
}

.btn-gray-outline {
  background-color: #ffffff;
  border: 1px solid #EFEFEF;
  box-shadow: inset 0 0 0 0 #ffffff;
}

.btn-gray-outline:hover {
  background-color: #EFEFEF;
  border-color: #ffffff;
  color: #878A99;
  box-shadow: inset 0 50px 0 0 #ffffff;
}

.btn-outline-primary {
  color: #3f75c9;
  border-color: #3f75c9;
}

.btn-outline-primary:hover {
  background-color: #3f75c9;
  border-color: #3f75c9;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  box-shadow: none !important;
}

.btn:focus {
  box-shadow: none !important;
}

.btn.btn-greys {
  background: #EFEFEF;
  color: #2f2f2f;
  font-size: 12px;
  padding: 8px 16px;
  font-weight: 600;
}

.cancel {
  background-color: #ffffff;
  border: 1px solid #377dff;
  box-shadow: inset 0 0 0 0 #377dff;
  color: #377dff;
}

.cancel:hover {
  background-color: #ffffff;
  border-color: #377dff;
  color: #377dff;
  box-shadow: inset 0 50px 0 0 #ffffff;
}

.contact-btn {
  background-color: #2f2f2f;
  border: 1px solid #2f2f2f;
  box-shadow: inset 0 0 0 #ffffff;
  color: #ffffff;
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 16px;
  text-align: center;
}

.contact-btn:hover {
  background-color: #ffffff;
  border: 1px solid #2f2f2f;
  box-shadow: inset 0 70px 0 0 #ffffff;
  color: #2f2f2f;
}

.btn-secondary {
  background: #2F2F2F;
  color: #ffffff;
}

.fa-facebook,
.fa-twitter,
.fa-instagram,
.fa-telegram,
.fa-tiktok {
  background: #2e2e2e !important;
  color: #ffffff;
  border-radius: 50%;
}