:root {
    --brand-blue-color : #0073AE;
    --brand-blue-color-hover: #008CD4;
    --brand-blue-color-active: #015581;
}

.glide {
    width: calc(55% + 96px);
    height: 326px;
}

.slide_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 0 0 0;
    height: 326px;
    background: var(--login-back-color);
}

h1.bss_slide_heading {
    margin: 0 60px 6px;
    size: 36px;
    line-height: 43px;
    text-align: center;
    color: var(--default-text-color);
    font-weight: bold;
}

h4.bss_slide_subheading {
    margin: 0;
    text-align: center;
    size: 18px;
    color: var(--default-text-color);
    font-weight: 400;
}

a.call_to_action {
    display: block;
    margin-top: 25px;
    padding: 0 20px;
    height: 40px;
    border: 2px solid var(--brand-blue-color);
    background: var(--default-back-color);
    color: var(--brand-blue-color);
    font-size: 16px;
    border-radius: 0;
    line-height: 40px;
    cursor: pointer;
}

a.call_to_action:hover, a.call_to_action:focus {
    border-color: var(--brand-blue-color-hover);
    color: var(--brand-blue-color-hover);
}

a.call_to_action:active {
    border-color: var(--brand-blue-color-active);
    color: var(--brand-blue-color-active);
}

.glide__bullet {
    background: var(--pale-border-color);
    border: none;
    box-shadow: none;
}

.glide__bullet:hover, .glide__bullet:focus {
    background: var(--button-light-color);
    border: none;
}

.glide__bullet--active {
    background: var(--brand-blue-color);
}