:root {
    --primary: #3557FF;
    --secondary: #1934BE;
    --dark: #23356F;
    --txt-blue: #026ea0;
    --txt-grey: #84afd0;
}

.bg-gradient-1{
    background: linear-gradient(135deg, #21449e, #589be8);
}

.bg-gradient-2{
    background: linear-gradient(135deg, #21449e, #1a4b82);
}

.txt-blue{
    color: var(--txt-blue);
}
  
.txt-grey{
    color: var(--txt-grey);
}

.br-14{
    border-radius: 14px;
}

.separator-cstm {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator-cstm::before, .separator-cstm::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #fff;
}

.btn-view {
    color: #fff;
    background-color: #043d75 !important;
    border-color: #ffffff !important;

    &:hover{
        color: #ffffff;
    }
}

.btn-primary-sipka {
    color: #fff;
    background-color: #043d75 !important;
    border-color: #a3abb2 !important;
}

.btn-primary-sipka:hover {
    color: #fff;
    background-color: #03365e !important;
    border-color: #a3abb2 !important;
    transform: translateY(-6px);
    transition: all 0.5s ease;
}

.btn-outline-primary-sipka {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.btn-outline-primary-sipka:hover, .btn-outline-primary-sipka:focus, .btn-outline-primary-sipka:active, .btn-outline-primary-sipka.active {
    color: #ffffff;
    background-color: #03365e !important;
    border-color: #ffffff !important;
}

.line-vertical {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: #fff;
    opacity: .25;
}