:root {
  /********        Will apply on text, background, border and links      */

  --fs-sm:14px;
  --website-width:420px;

  --bs-body-size : 18px;
  --bs-body-color : #343434;
  --bs-body-bg : #fff;

  --bs-primary:#f5820f;
  --bs-primary-rgb:245, 129,14;
  --bs-primary-bg-subtle : #fccea0;

  --bs-secondary:#ffc61a;
  --bs-secondary-rgb:255, 198, 26;
  --bs-secondary-bg-subtle : #fcf3d7;

  --bs-light:#f1f1f1;
  --bs-light-rgb:241,241,241;

  --bs-dark:#040135;
  --bs-dark-rgb:4,1,53;
  --bs-dark-bg-subtle : #090468;

  --bs-btn-color: #f5820f;
  --bs-btn-border-color: #f5820f;
  --bs-btn-hover-bg:#f5820f;
  --bs-btn-hover-border-color:#f5820f;

  --bs-facebook:#0866ff;
  --bs-whatsapp:#25d366;
}

.btn {transition: transform 0.5s ease;}
.btn:hover {transform: scale(1.05);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);background-color: var(--bs-primary);border-color: var(--bs-primary);}

.btn-primary-gradient,.btn-primary-gradient:hover{color: var(--bs-white);}
.btn-primary-gradient{
  background: var(--bs-primary);
  background: var(--bs-secondary);
  background: -moz-linear-gradient(135deg, var(--bs-primary), var(--bs-secondary) 80%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, var(--bs-primary)), color-stop(80%, var(--bs-secondary)));
  background: -webkit-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: -o-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: -ms-linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-secondary) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--bs-primary), endColorstr=var(--bs-secondary), GradientType=1 );
}

.logo{max-height: 80px;}
@media(max-width:767.98px) {
 .logo{max-height: 65px;}
  
}