/*Define custom here*/
@font-face {
    font-family: 'Inter-Regular';
    src: url('../../assets/fonts/Inter-Regular.woff2') format('woff2'),
    url('../../assets/fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../../assets/fonts/Inter-Bold.woff2') format('woff2'),
    url('../../assets/fonts/Inter-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Variables*/
:root {
    /*Custom fonts*/
    --inter-regular: 'Inter-Regular';
    --inter-bold: 'Inter-Bold';
    --font-family-main: var(--inter-regular);
    --font-family-bold: var(--inter-bold);

    /*General color variables*/
    --accent-color-decimal: 0, 88, 135;
    --primary-text-color-decimal: 0, 45, 64;
    --link-color-decimal: 0, 88, 135;
    --grey-text-color-decimal: 96, 96, 96;
    --text-on-accent-color: #fff;
    --layout-bg: #fff;

    /*Loading spinner*/
    --spinner-default-color: var(--accent-color);

    /*footer*/
    --footer-background: #005887;
    --footer-link-color: #fff;
    --footer-copy-text-background: #005887;
    --footer-input-color: #fff;
    --footer-field-value-color: #fff;
    --footer-text-color: #fff;
    --footer-line-ripple-color: #fff;

    /*top-bar*/
    --top-bar-bg: #7dccf5;
    --landing-page-divider-color: #7dccf5;

    /*button*/
    --button-font-family: var(--font-family-bold);
    --button-radius: 32px;
    --button-large-radius: 32px;
    --button-height: 48px;
    --disabled-button-color: #fff;
    --disabled-button-bg: #8399A5;
    --disabled-button-flat-bg: rgba(131, 153, 165, .3);

    /*card*/
    --card-border: 1px solid #66B0D8;
    --card-radius: 24px;
    --card-panel-radius: 24px;
    --category-list-border-color: var(--accent-color);
    --card-secondary-bg: #C2E0F0;

    /*faq-block*/
    --faq-item-bg: #fff;
    --faq-item-hover-bg: #fff;
    --faq-item-shadow: 0 0 12px 0 rgba(12, 55, 78, .3);
    --faq-item-radius: 32px;

    /*other*/
    --side-bar-bg: #fff;
    --container-wrap-width: 1330px;
    --custom-shape-divider-display: flex;
    --landing-category-icon-width: 56px;
    --container-border-radius: 0;
    --heading-color: var(--primary-text-color);
    --tag-border-radius: 40px;
    --custom-tag-radius: 40px;
    --num-field-bg: #D3F0FF;
    --num-field-hover-bg: #D3F0FF;
    --menu-surface-radius: 24px;
    --menu-panel-radius: 24px;
    --menu-surface-shadow-color: rgba(0, 0, 0, .16);
    --layout-secondary-bg: #D3F0FF;
    --element-highlight-color: #FFD856;
    --disabled-color: #8399A5;
    --font-family-bold-weight: 700;
    --landing-container-vertical-indent: 50px;
    --menu-item-hover-bg: #eaf4fd;
    --custom-header-image: url('/assets/img/container-top-background.svg');
}

/*Define custom style here*/
.gradient-background {
    background: rgba(124, 204, 248, 1);
    background: linear-gradient(180deg,rgba(124, 204, 248, 1) 0%, rgba(0, 121, 186, 1) 100%);
}

.cms-components-wrapper h1,
.cms-components-wrapper h2,
.cms-components-wrapper h3 {
    line-height: 1.4;
}

.cms-components-wrapper .cards-wrapper .flex-container {
    justify-content: space-between;
    gap: 32px;
}

@media (min-width: 992px) {
    .cms-components-wrapper .cards-wrapper .flex-item {
        flex: 1!important;
        margin-left: 0!important;
    }
    .cms-components-wrapper .cards-wrapper .card  {
        max-width: none!important;
    }
    .cms-components-wrapper .categories {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.header .brand-logo {
    justify-content: center;
    margin-bottom: 12px;
    width: 80px;
    border-radius: 0 0 16px 16px;
    background: #fff !important;
}

.header .brand-logo img {
    width: auto;
}

.cms-components-wrapper .cards-wrapper .flex-container {
    flex-wrap: wrap;
}

.cms-components-wrapper .widget-list-block-img {
    max-width: 100% !important;
}

.cms-components-wrapper .cards-wrapper .flex-container .flex-item {
    flex-basis: 31% !important;
}

settings-header tabs {
    margin-top: 0;
}

contact-with-expert {
    display: flex !important;
    justify-content: flex-end;
}

search .heading-box {
    padding-top: 32px;
}