/* Custom Client/Override Styling */

/* Below added for the Golden Egg Demo - makes the home page full width */

/* Header Custom CSS */
.headerBackgroundCoverImg{
    background-image: url('../Images/banner.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.heroContainerCSS{
    min-height: 30vh;
}

@media screen and (max-width:1201px) {
    .heroContainerCSS {
        min-height: 10vh;
    }

}


/* Media Query For login/Signup Buttons */
@media screen and (max-width:768px) {
    .btn{
    font-size: 13px;
}
.kx-user-login-signup-buttons{
    width: 350px;
}
}

/* Footer Part CSS */
.upperFooterCss{
    background-color: #F2F1EC;
}
.FooterFirstColCss{
    background-color: #F2F1EC;
    padding: 10px 25px;
}
.footerSecondColCss{
    background-color: #F2F1EC;
}

.logo-outline {
    border: 1px solid #fff;
}



@media (min-width: 1224px) {
    .field--name-field-banner-links > .field--item, .footer-links > .field--item
    {
        width: calc(25% - 25px);
    }
}
.feature-box--quick-link a {
    text-decoration: none;
    color: #333333;
}

.feature-box--quick-link .feature-box__section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 6.25px;
    gap: 25px;
    transition: .3s ease all;
}

.feature-box--quick-link svg {
    width: 50px;
}

.feature-box--quick-link a {
    text-decoration: none;
    color: black;
}

.feature-box--quick-link svg path {
    fill: black !important;
}

.title:hover {
    color: var(--kx-color-brand-5);
    text-decoration: underline;
}

h1 {
    background-image: linear-gradient(to right, currentColor 40%, transparent 40%);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 40% 3px;
    padding-bottom: 0.3em;
}

#MainContentPlaceHolder_lbtnForgotPassword, #MainContentPlaceHolder_lbtnResendActivationEmail {
    background: white;
    color: var(--kx-color-brand-5);
    display: block;
    text-align: center;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid var(--kx-color-brand-5);
    padding: 10px 25px;
}
    #MainContentPlaceHolder_lbtnForgotPassword:hover, #MainContentPlaceHolder_lbtnResendActivationEmail:hover {
        background: var(--kx-color-brand-5);
        color: white;
        text-decoration: none;
    }

#ProceedButton {
    background: var(--kx-color-brand-5);
    color: white;
    border: 2px solid var(--kx-color-brand-5);
}

#ProceedButton:hover {
    background: white;
    color: var(--kx-color-brand-5);
    border: 2px solid var(--kx-color-brand-5);
}