:root{
    --os-primary:#121b38;
    --os-primary-hover:#102b74;
    --os-secondary: #b1a937;
    --os-muted:#9da3b6;
    --os-light:#f1f5fa;
}


.bg-custom{
    background-color: var(--os-primary);
    color: var(--os-light);
}
.bg-custom-2{
    background-color: var(--os-secondary);
    color: var(--os-primary);
}
.servis-logo{
  max-width: 50px;
}
.servis-logo-footer{
  max-width: 90px;
}
.text-custom{
    color: var(--os-primary);
}
.text-custom-2{
    color: var(--os-secondary);
}
.btn-primary{
    background-color: var(--os-primary)!important;
    border-color: var(--os-primary-hover);
}
.btn-primary:hover{
    background-color: var(--os-primary-hover)!important;
}
.btn-outline-primary{
    color: var(--os-primary);
    border-color: var(--os-primary);

}
.btn-outline-primary:hover{
    color: var(--os-light);
    background-color: var(--os-primary);
    border-color: var(--os-primary);
}
@media screen and (min-width: 1025px) {
 .view-height{
    min-height: 100vh !important;
 }
.min-h-500{
    min-height: 400px;
}
}
@media (max-width: 768px) {
 
  .footer-main{
    align-items: center !important;
    text-align: center !important;
  }
}