@charset "UTF-8";
/*@import url('bootstrap.min.css');*/

/* -------------------------------------------
Fonts
------------------------------------------- */
/*--------------Poppins---------------*/
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Poppins Thin"), local("Poppins-Thin"), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Poppins Thin"), local("Poppins-Thin"), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local("Poppins Thin"), local("Poppins-Thin"), url(https://fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local("Poppins Light"), local("Poppins-Light"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Poppins Regular"), local("Poppins-Regular"), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Poppins Medium"), local("Poppins-Medium"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Poppins Bold"), local("Poppins-Bold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Poppins Black"), local("Poppins-Black"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Poppins Black"), local("Poppins-Black"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local("Poppins Black"), local("Poppins-Black"), url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------
Libraries 
------------------------------------------- */
/*--------------Normalize---------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
    border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    /**
   * Remove the inner border and padding in Firefox.
   */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
   * Restore the focus styles unset by the previous rule.
   */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
   * Correct the padding in Firefox.
   */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

    /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}

/*--------------CSS Grid---------------*/
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.333333%;
    }

    .offset-lg-2 {
        margin-left: 16.666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.333333%;
    }

    .offset-lg-5 {
        margin-left: 41.666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.333333%;
    }

    .offset-lg-8 {
        margin-left: 66.666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.333333%;
    }

    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.333333%;
    }

    .offset-xl-2 {
        margin-left: 16.666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.333333%;
    }

    .offset-xl-5 {
        margin-left: 41.666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.333333%;
    }

    .offset-xl-8 {
        margin-left: 66.666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.333333%;
    }

    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

/*# sourceMappingURL=bootstrap-grid.css.map */
html {
    font-size: 18px;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 575px) {
    html {
        font-size: 15px;
    }
}

body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Poppins';
    background-color: #FBFEFF;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

*, *::after, *::before {
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

input, textarea, button, select, a {
    font-family: 'Poppins';
}

    input:focus, textarea:focus, button:focus, select:focus, a:focus {
        outline: 0;
    }

    input::placeholder {
        opacity: 0.5;
    }

p {
    font-size: 0.889rem;
    color: #7f7f7f;
    line-height: 1.5;
}

h4.sub-title {
    font-weight: 900;
    font-size: 1.1rem;
    color: #7f7f7f;
    border-bottom: 1px solid #d1dee5;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    h4.sub-title {
        margin-top: 20px;
    }
}

h4.sub-title.top {
    margin-top: 0;
}

h4.sub-title.no-underline {
    margin-bottom: 0;
    border-bottom: 0;
}

h1.main-title {
    font-family: 'Poppins';
    font-weight: 900;
    font-size: 1rem;
    color: #7F7F7F;
    text-transform: uppercase;
    line-height: 1.2;
}

.green-text {
    color: #53d657;
}

.secondry-color {
    color: #1994E0;
}

.nothing-found {
    color: #7f7f7f;
    font-size: 14px;
    opacity: 0.7;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
    width: 100%;
}

    .nothing-found .icon-block {
        background-color: #e1f2fc;
        display: inline-block;
        border-radius: 50%;
        padding: 20px;
        margin-bottom: 20px;
    }

.extra-large-heading {
    font-weight: 900;
    font-size: 2.2rem;
    color: #061058;
}

.normal-heading {
    font-weight: 700;
    font-size: 1rem;
    color: #061058;
}

    .normal-heading.center {
        text-align: center;
    }

    .normal-heading.small {
        font-weight: 600;
        font-size: 0.899rem;
        color: #061058;
        opacity: 0.64;
    }

.text-light {
    font-size: 15px;
    letter-spacing: 0.03em;
    color: #061058;
    font-weight: 600;
    /*opacity: 0.64;*/
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #E1E2EB;
}

    .text-light.without-border {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }

.text-light-heading {
    font-size: 18px;
    letter-spacing: 0.03em;
    color: #061058;
    font-weight: 600;
    opacity: 0.64;
    padding-bottom: 10px;
}

.text-center {
    text-align: center;
}

hr.light {
    border-color: rgba(205, 208, 227, 0.29);
}

.red {
    color: #FF5757;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: 900;
}

.space-20 {
    height: 20px;
}

.space-100 {
    height: 100px;
}

.m-b-10 {
    margin-bottom: 10px;
}

/* -------------------------------------------
Preloader
------------------------------------------- */
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -111111;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

    .preloader img {
        width: 300px;
        max-width: 90%;
        transition: all 0.2s ease 0s;
        animation-duration: 0.4s;
        animation-name: changescale;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        transition-timing-function: cubic-bezier(0.6);
        transition-timing-function: ease-out;
    }

    .preloader.active {
        opacity: 1;
        z-index: 111111;
    }

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .preloader {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }
}

@keyframes changescale {
    from {
        transform: scale(1.1);
    }

    to {
        transform: scale(1);
    }
}

.block-ui-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -111111;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    flex-direction: column;
    text-align: center;
    color: #949494;
    line-height: 1.5;
}

    .block-ui-wrapper::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.2;
        background-color: #FBFEFF;
        background-size: cover;
    }

    .block-ui-wrapper .loader {
        background-image: url("../assets/images/logo-colored.svg");
        width: 150px;
        height: 250px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        position: relative;
        z-index: 1;
        transform: translateY(-100px);
    }

    .block-ui-wrapper img {
        width: 100px;
        height: 100px;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(80%);
    }

    .block-ui-wrapper.active {
        opacity: 1;
        z-index: 111111111111;
    }

/* -------------------------------------------
Popup
------------------------------------------- */
.popup {
    background-color: rgba(255, 255, 255, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease 0s;
    z-index: -111111;
}

    .popup.active {
        opacity: 1;
        z-index: 111111;
    }

        .popup.active .popup-content {
            transform: none;
        }

    .popup .popup-content {
        width: 500px;
        max-width: 90%;
        border-radius: 20px;
        overflow: hidden;
        background-color: #f6f7ff;
        box-shadow: 0px 15px 30px 0 rgba(105, 93, 134, 0.3);
        margin: 0 auto;
        margin-top: 10vh;
        transform: translateY(-100px);
        transition: all 0.4s ease 0s;
    }

@media screen and (max-width: 767px) {
    .popup .popup-content {
        margin-top: 50px;
    }
}

.popup .header {
    background: #ffffff;
    padding: 20px 40px;
    position: relative;
}

@media screen and (max-width: 575px) {
    .popup .header {
        padding: 20px;
    }
}

.popup .header .title {
    font-weight: 700;
    font-size: 1rem;
    color: #7F7F7F;
}

    .popup .header .title.with-tags {
        display: flex;
        align-items: center;
    }

        .popup .header .title.with-tags .tag-list .list {
            padding: 3px;
            border: 1px solid #E1E2EB;
            border-radius: 20px;
            margin: 5px;
            margin-right: 3px;
            font-size: 11px !important;
        }

        .popup .header .title.with-tags .circular-tag.check::before {
            width: 13px;
            height: 13px;
        }

        .popup .header .title.with-tags .circular-tag {
            padding-left: 16px;
        }

.popup .header .close-popup-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Icon_close_circle' transform='translate(0 0)'%3E%3Cpath id='Shape' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20Zm0-8.586h0l2.121,2.121a1,1,0,1,0,1.414-1.414L11.414,10l2.121-2.121a1,1,0,1,0-1.414-1.414L10,8.586,7.879,6.465A1,1,0,0,0,6.465,7.879L8.586,10,6.465,12.121a1,1,0,1,0,1.414,1.414L10,11.415Z' fill='%23061058'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 40px;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .popup .header .close-popup-icon {
        right: 20px;
    }
}

.popup .content {
    padding: 20px;
    max-height: 60vh;
    overflow-y: auto;
}

    .popup .content .message-body {
        font-weight: normal;
        font-size: 20px;
        text-align: center;
        color: #7f7f7f;
        padding: 20px 20px 0 20px;
    }

        .popup .content .message-body .label-row {
            text-align: left;
        }

            .popup .content .message-body .label-row p {
                margin-bottom: 10px;
            }

                .popup .content .message-body .label-row p:last-child {
                    margin-bottom: 0;
                }

.popup .footer {
    text-align: center;
    padding: 20px;
}

    .popup .footer a {
        margin: 0 5px;
    }

.popup.full-view .popup-content {
    width: 920px;
}

    .popup.full-view .popup-content .main-title {
        font-weight: bold;
        font-size: 1.2rem;
        color: #7f7f7f;
        margin-bottom: 10px;
    }

    .popup.full-view .popup-content .sub-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

        .popup.full-view .popup-content .sub-details p {
            font-weight: normal;
            font-size: 15px;
            text-align: left;
            color: #7f7f7f;
        }

    .popup.full-view .popup-content .message-body {
        text-align: left;
        max-height: 40vh;
        overflow-y: scroll;
    }

    .popup.full-view .popup-content .description-group {
        margin-bottom: 30px;
    }

        .popup.full-view .popup-content .description-group:last-child {
            margin-bottom: 0;
        }

        .popup.full-view .popup-content .description-group .title {
            font-weight: bold;
            font-size: 16px;
            color: #7f7f7f;
            padding-bottom: 10px;
            border-bottom: 1px solid #d1dee5;
            margin-bottom: 10px;
        }

        .popup.full-view .popup-content .description-group .value {
            font-weight: normal;
            font-size: 15px;
            text-align: left;
            color: #7f7f7f;
        }

        .popup.full-view .popup-content .description-group.links-block .value {
            display: flex;
            flex-direction: column;
        }

            .popup.full-view .popup-content .description-group.links-block .value a {
                margin-bottom: 10px;
            }

                .popup.full-view .popup-content .description-group.links-block .value a:last-child {
                    margin-bottom: 0;
                }

.popup.full-view .footer {
    text-align: right;
}

.popup.large .popup-content {
    width: 920px;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .popup {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }
}

.popup-message {
    position: absolute;
    width: 400px;
    top: 150px;
    left: 100px;
    padding: 16px 54px;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    z-index: -1111;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
    .popup-message {
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
        padding: 16px 30px;
    }
}

.popup-message::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 0;
    transition: all 1.5s ease 0s;
    border-radius: 10px;
}

.popup-message.success {
    background-color: #D6F5DC;
    box-shadow: 0px 7px 39px rgba(18, 145, 43, 0.4);
}

    .popup-message.success::before {
        background-color: #12912B;
    }

.popup-message.unsuccess {
    background-color: #FFE2E2;
    box-shadow: 0px 7px 39px rgba(255, 87, 87, 0.4);
}

    .popup-message.unsuccess::before {
        background-color: #FF5757;
    }

.popup-message.active {
    z-index: 10000000;
    opacity: 1;
    transform: none;
}

    .popup-message.active::before {
        height: 100%;
    }

.message-inline {
    padding: 14px 24px;
    font-size: 0.889rem;
    font-weight: 600;
    margin: 20px 0;
    border-radius: 10px;
}

    .message-inline.success {
        color: #12912B;
        background-color: #D6F5DC;
    }

    .message-inline.unsuccess {
        color: #FF5757;
        background-color: #FFE2E2;
    }

.set-schedule {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #F9F8FA;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    z-index: 100000;
    height: 100vh;
    overflow-y: auto;
}

    .set-schedule .white-block {
        border: 1px solid #EBF1F5;
        background-color: #fff;
        border-radius: 10px;
        padding: 40px;
    }

@media screen and (max-width: 1200px) {
    .set-schedule .white-block {
        padding: 20px;
    }
}

.set-schedule .error-msg {
    margin-bottom: 4px;
    display: none;
}

    .set-schedule .error-msg p {
        display: flex;
        align-items: center;
        color: #eb554d;
        letter-spacing: 1px;
        font-size: 14px;
    }

@media screen and (max-width: 500px) {
    .set-schedule .error-msg p {
        font-size: 12px;
    }
}

.set-schedule .error-msg p::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Cg id='Icon_attention_circle' transform='translate(0.5 0.5)'%3E%3Cg id='Icon_attention_circle-2' data-name='Icon_attention_circle' transform='translate(0 0)'%3E%3Cpath id='Shape' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20Zm0-7a.5.5,0,1,0,.5.5A.5.5,0,0,0,10,13ZM9.987,5C9.719,5,9.5,5.449,9.5,6v4c0,.551.218,1,.487,1s.487-.449.487-1V6C10.474,5.449,10.256,5,9.987,5Z' fill='none' stroke='%23eb554d' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-right: 5px;
}

.set-schedule h3, .set-schedule h2 {
    margin: 0;
}

.set-schedule .content {
    width: 1250px;
    max-width: 100%;
}

.set-schedule p.label {
    color: #17425D;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #EBF1F5;
    padding-bottom: 10px;
}

.set-schedule .header {
    position: relative;
    margin-bottom: 10px;
}

    .set-schedule .header .title {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .set-schedule .header .title h2 {
            color: #17425D;
            font-size: 30px;
            font-weight: bold;
        }

.set-schedule .body {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .set-schedule .body {
        flex-direction: column;
    }
}

.set-schedule .body .final-confirmation {
    margin-top: 20px;
    text-align: center;
    display: none;
}

    .set-schedule .body .final-confirmation p {
        color: #17425D;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 20px;
    }

        .set-schedule .body .final-confirmation p span {
            font-weight: 500;
            font-size: 18px;
        }

    .set-schedule .body .final-confirmation button {
        background: none;
        border: 1px solid #17425D;
        padding: 10px 20px;
        border-radius: 9px;
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        background-color: #17425D;
        transition: all 0.4s ease 0s;
    }

        .set-schedule .body .final-confirmation button:hover {
            background-color: #fff;
            color: #17425D;
        }

.set-schedule .body.confirm .final-confirmation {
    display: block;
}

.set-schedule .body.confirm .appointment-method-block {
    width: 500px;
    max-width: 100%;
    margin: auto;
    flex-direction: column;
}

    .set-schedule .body.confirm .appointment-method-block .title-block {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 0;
        border-bottom: 1px solid #EBF1F5;
        padding-bottom: 20px;
    }

    .set-schedule .body.confirm .appointment-method-block .testimonial-block {
        display: none;
    }

.set-schedule .body.confirm .appointment-datetime-block {
    display: none;
}

.set-schedule .body .appointment-method-block {
    width: calc(40% - 10px);
    margin-right: 10px;
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 1200px) {
    .set-schedule .body .appointment-method-block {
        width: calc(30% - 10px);
    }
}

@media screen and (max-width: 991px) {
    .set-schedule .body .appointment-method-block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-method-block {
        flex-direction: column;
    }
}

.set-schedule .body .appointment-method-block .white-block {
    margin-bottom: 30px;
}

    .set-schedule .body .appointment-method-block .white-block:last-child {
        margin-bottom: 0;
    }

.set-schedule .body .appointment-method-block .title-block {
    padding-bottom: 30px;
    border-bottom: 1px solid #EBF1F5;
}

@media screen and (max-width: 991px) {
    .set-schedule .body .appointment-method-block .title-block {
        border: 0;
        width: 40%;
        border-right: 1px solid #EBF1F5;
        padding-bottom: 0;
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-method-block .title-block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        border: 0;
        border-bottom: 1px solid #EBF1F5;
        padding-bottom: 20px;
    }
}

.set-schedule .body .appointment-method-block .title-block .logo {
    width: 150px;
}

    .set-schedule .body .appointment-method-block .title-block .logo img {
        width: 100%;
    }

.set-schedule .body .appointment-method-block .title-block h3 {
    font-size: 14px;
    font-weight: 500;
    color: #17425D;
    margin-top: 20px;
    color: #7F919D;
}

    .set-schedule .body .appointment-method-block .title-block h3 span {
        font-size: 30px;
        font-weight: bold;
        margin: 10px 0;
        color: #17425D;
        display: block;
    }

@media screen and (max-width: 1200px) {
    .set-schedule .body .appointment-method-block .title-block h3 span {
        font-size: 25px;
    }
}

.set-schedule .body .appointment-method-block .title-block .time {
    color: #7F919D;
    display: flex;
    align-items: center;
    font-size: 12px;
}

    .set-schedule .body .appointment-method-block .title-block .time::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg id='Icon_time' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Icon_time-2' data-name='Icon_time' transform='translate(2 2)'%3E%3Cpath id='Path' d='M4,1A1,1,0,0,1,6,1V5A1,1,0,0,1,5,6H1A1,1,0,0,1,1,4H4Z' transform='translate(6 6)' fill='%237F919D'/%3E%3Cpath id='Shape' d='M10,20A10,10,0,1,1,20,10,10.011,10.011,0,0,1,10,20ZM10,2a8,8,0,1,0,8,8A8.009,8.009,0,0,0,10,2Z' fill='%237F919D'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        display: block;
        background-size: 100% 100%;
        margin-right: 5px;
    }

.set-schedule .body .appointment-method-block .title-block .sub-detail {
    color: #7F919D;
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 10px;
}

.set-schedule .body .appointment-method-block .testimonial-block {
    height: 440px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .set-schedule .body .appointment-method-block .testimonial-block {
        height: auto;
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-method-block .testimonial-block {
        width: 100%;
        height: 200px;
    }
}

.set-schedule .body .appointment-datetime-block {
    width: 60%;
}

@media screen and (max-width: 1200px) {
    .set-schedule .body .appointment-datetime-block {
        width: 70%;
    }
}

@media screen and (max-width: 991px) {
    .set-schedule .body .appointment-datetime-block {
        width: 100%;
    }
}

.set-schedule .body .appointment-datetime-block .preferred-method {
    margin-bottom: 30px;
}

    .set-schedule .body .appointment-datetime-block .preferred-method .label {
        margin-bottom: 10px;
    }

    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

        .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li {
            width: calc(50% - 5px);
            text-align: center;
            position: relative;
            padding: 5px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 60px;
            padding-left: 40px;
        }

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li {
        width: 100%;
    }
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(3), .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(4) {
    margin-top: 10px;
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(2), .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(3), .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(4) {
        margin-top: 10px;
    }
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(2), .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(4) {
    margin-left: 10px;
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(2), .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:nth-child(4) {
        margin-left: 0;
    }
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li img {
    position: absolute;
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    right: 10px;
    /* 30-09-2020 */
    z-index: 1;
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li:hover span.name {
    color: #17425D;
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li input {
    position: absolute;
    width: 90%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li input:checked ~ span.name {
        color: #17425D;
        font-weight: bold;
    }

    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li input:checked ~ span.bg {
        border: 1px solid #DAEBF5;
        /* 30-09-2020 */
        background-color: #DAEBF5;
    }

        .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li input:checked ~ span.bg::after {
            border: 5px solid #17425D;
            background-color: #fff;
        }

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li span.name {
    font-size: 10px;
    text-transform: uppercase;
    z-index: 2;
    position: relative;
    width: fit-content;
}

.set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li span.bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: all 0.4s ease 0s;
    border: 3px solid rgba(0, 0, 0, 0);
}

    .set-schedule .body .appointment-datetime-block .preferred-method ul.icon-list li span.bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 10px;
        bottom: 0;
        margin: auto;
        width: 20px;
        height: 20px;
        border: 5px double #DAEBF5;
        border-radius: 50%;
        transition: all 0.4s ease 0s;
    }

.set-schedule .body .appointment-datetime-block .section-header {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #17425D;
}

.set-schedule .body .appointment-datetime-block .datentime {
    margin-bottom: 20px;
}

.set-schedule .body .appointment-datetime-block .datentime-selection {
    display: flex;
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection {
        flex-direction: column;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection.show-time .calender {
    width: 75%;
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection.show-time .calender {
        width: 100%;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection.show-time .time {
    width: 25%;
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection.show-time .time {
        width: 100%;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection .calender {
    width: 100%;
    transition: all 0.4s ease 0s;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .calender {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .calender {
        overflow-x: scroll;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection .calender::-webkit-scrollbar {
    width: 100%;
    height: 5px;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .calender::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #e7e7e7;
    border-radius: 10px;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .calender::-webkit-scrollbar-thumb {
    background: #D4D4D4;
    border-radius: 10px;
}

    .set-schedule .body .appointment-datetime-block .datentime-selection .calender::-webkit-scrollbar-thumb:hover {
        background: #C4C4C4;
    }

.set-schedule .body .appointment-datetime-block .datentime-selection .time {
    width: 0;
    padding-left: 20px;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time {
        width: 100%;
        padding-left: 0;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time .search-input {
    width: 100%;
    position: relative;
}

    .set-schedule .body .appointment-datetime-block .datentime-selection .time .search-input::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg id='Icon_search' xmlns='http://www.w3.org/2000/svg' width='18.07' height='18.071' viewBox='0 0 18.07 18.071'%3E%3Cpath id='Shape' d='M17.071,18.071a1,1,0,0,1-.707-.292l-5.171-5.172a7,7,0,1,1,1.414-1.414l5.172,5.171a1,1,0,0,1-.707,1.707ZM7,2a5,5,0,1,0,5,5A5.006,5.006,0,0,0,7,2Z' transform='translate(0 0)' fill='%237F919D'/%3E%3C/svg%3E%0A");
        width: 12px;
        height: 12px;
        display: block;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        margin: auto;
    }

    .set-schedule .body .appointment-datetime-block .datentime-selection .time .search-input input {
        width: 100%;
        border: 0;
        background-color: #F9F8FA;
        color: #17425D;
        border-radius: 20px;
        font-size: 14px;
        padding: 10px 10px;
        padding-left: 26px;
    }

        .set-schedule .body .appointment-datetime-block .datentime-selection .time .search-input input::placeholder {
            opacity: 0.4;
        }

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list {
    list-style: none;
    margin-top: 14px;
    height: 344px;
    max-height: 344px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.noSlot-list {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list {
        display: flex;
        flex-wrap: wrap;
    }
}

.set-schedule {
    display: none;
}

    .set-schedule.active {
        display: flex;
    }

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list::-webkit-scrollbar {
        width: 5px;
    }

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #e7e7e7;
        border-radius: 10px;
    }

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list::-webkit-scrollbar-thumb {
        background: #D4D4D4;
        border-radius: 10px;
    }

        .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list::-webkit-scrollbar-thumb:hover {
            background: #C4C4C4;
        }

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li {
        position: relative;
        margin-bottom: 10px;
        text-align: center;
        cursor: pointer;
    }

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li:nth-child(even) {
        margin-left: 20px;
    }
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li:nth-child(even) {
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li {
        width: 100%;
    }
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li:hover span.bg {
    background-color: #DAEBF5;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li.selected .time-slots {
    transform: translateX(-100%);
    opacity: 0;
    z-index: -1;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li.selected .confirm-btn {
    transform: translateX(0);
    opacity: 1;
    z-index: 1;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li .confirm-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100%);
    transition: all 0.4s ease 0s;
    opacity: 0;
    z-index: -1;
}

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li .confirm-btn button {
        border: 0;
        background-color: #DAEBF5;
        font-size: 14px;
        padding: 2px 5px;
        color: #17425D;
        transition: all 0.3s ease 0s;
        cursor: pointer;
    }

        .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li .confirm-btn button:hover {
            border-radius: 10px;
            padding: 2px 10px;
        }

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li .time-slots {
    position: relative;
    padding: 10px;
    transition: all 0.4s ease 0s;
    background-color: #fff;
    z-index: 1;
    opacity: 1;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 3;
}

    .set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li input:checked ~ span.bg {
        background-color: #DAEBF5;
    }

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li span.value {
    color: #17425D;
    z-index: 1;
    position: relative;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.set-schedule .body .appointment-datetime-block .datentime-selection .time ul.time-list li span.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
    border: 1px solid #DAEBF5;
}

.set-schedule .body .appointment-datetime-block .qs-datepicker-container {
    display: block !important;
    border: none;
    box-shadow: none;
    position: static;
    width: 100%;
    min-width: 400px;
    border-radius: 10px;
}

.set-schedule .body .appointment-datetime-block .qs-controls {
    background-color: #DAEBF5;
    padding: 10px 0;
}

.set-schedule .body .appointment-datetime-block .qs-datepicker .qs-month-year {
    color: #17425D;
    font-size: 16px;
    font-weight: bold;
}

.set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day {
    color: #17425D;
    font-weight: 500;
}

    .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(1), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(2), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(3), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(4), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(5), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(6), .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-day:nth-child(7) {
        border-bottom: 1px solid #17425D;
        border-radius: 0;
        font-weight: bold;
    }

.set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-active {
    background-color: #DAEBF5;
}

.set-schedule .body .appointment-datetime-block .qs-num {
    color: #17425D;
}

.set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square {
    padding: 30px 0;
}

    .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square span {
        font-size: 16px;
    }

    .set-schedule .body .appointment-datetime-block .qs-datepicker .qs-square.qs-disabled span {
        opacity: 0.4;
    }

.set-schedule .body .appointment-datetime-block .confirm-booking {
    text-align: right;
    margin-top: 20px;
}

@media screen and (max-width: 500px) {
    .set-schedule .body .appointment-datetime-block .confirm-booking {
        text-align: center;
    }
}

.set-schedule .body .appointment-datetime-block .confirm-booking button {
    background: none;
    border: 1px solid #17425D;
    padding: 10px 20px;
    border-radius: 9px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background-color: #17425D;
    transition: all 0.4s ease 0s;
}

    .set-schedule .body .appointment-datetime-block .confirm-booking button:hover {
        background-color: #fff;
        color: #17425D;
    }

/* -------------------------------------------
Icon
------------------------------------------- */
/*-------------- Icon ---------------*/
i {
    display: inline-block;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

    i.medium {
        width: 30px;
        height: 30px;
    }

    i.small {
        width: 20px;
        height: 20px;
    }

    i.smaller {
        width: 16px;
        height: 16px;
    }

    i.dasboard-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_64_finance' data-name='64 – finance' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(4 1)'%3E%3Cpath id='Path_222' data-name='Path 222' d='M0,.5H22' transform='translate(0 27.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle' width='4' height='24' rx='1' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_Copy_74' data-name='Rectangle Copy 74' width='4' height='16' rx='1' transform='translate(9 8)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Crect id='Rectangle_Copy_75' data-name='Rectangle Copy 75' width='4' height='20' rx='1' transform='translate(18 4)' fill='none' stroke='%230b4e80' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.history-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_21_time' data-name='21 – time' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon'%3E%3Cpath id='Shape' d='M14,14A14,14,0,0,0,0,0' transform='translate(15 1)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Oval' d='M3,0A3,3,0,1,1,0,3,3,3,0,0,1,3,0Z' transform='translate(12 12)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M13,28a2,2,0,1,1,2,2A2,2,0,0,1,13,28ZM4.394,25.607a2,2,0,1,1,1.414.586A2,2,0,0,1,4.394,25.607Zm18.385,0a2,2,0,1,1,1.414.586A2,2,0,0,1,22.779,25.607ZM0,15a2,2,0,1,1,2,2A2,2,0,0,1,0,15ZM4.394,7.222a2,2,0,1,1,1.414.586A2,2,0,0,1,4.394,7.222Z' fill='%23054165'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.organization-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_67_internet' data-name='67 – internet' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Ccircle id='Oval_Copy_98' data-name='Oval Copy 98' cx='3' cy='3' r='3' transform='translate(11 16)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Ccircle id='Oval_Copy_100' data-name='Oval Copy 100' cx='3' cy='3' r='3' transform='translate(0 16)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Ccircle id='Oval_Copy_101' data-name='Oval Copy 101' cx='3' cy='3' r='3' transform='translate(22 16)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_666' data-name='Path 666' d='M.5,0V10' transform='translate(13.5 6)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_666_Copy' data-name='Path 666 Copy' d='M22,5V1a1,1,0,0,0-1-1H1A1,1,0,0,0,0,1V5' transform='translate(3 11)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Ccircle id='Oval' cx='3' cy='3' r='3' transform='translate(11)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.user-permission-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_164_e-commerce' data-name='164 – e-commerce' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(2 2)'%3E%3Cpath id='Rectangle' d='M1,0H9l1,3L8.185,2.093A.5.5,0,0,0,7.8,2.065L5,3,2.2,2.065a.5.5,0,0,0-.382.027L0,3Z' transform='translate(8 1)' fill='%23054165'/%3E%3Cpath id='Rectangle-2' data-name='Rectangle' d='M.047,5.947A5.253,5.253,0,0,1,5.254,0h0a5.253,5.253,0,0,1,5.207,5.947l-.678,5.088A4.569,4.569,0,0,1,5.254,15h0A4.569,4.569,0,0,1,.725,11.035Z' transform='translate(7.746)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919' data-name='Path 919' d='M7,0,2.318,1.171A2,2,0,0,0,.82,2.846L.453,5.6A3,3,0,0,0,3.427,9H18' transform='translate(0 17)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(17 17)'%3E%3Ccircle id='Oval' cx='5' cy='5' r='5' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_189' data-name='Path 189' d='M0,0,7,7' transform='translate(1.5 1.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.user-group-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.023' height='30' viewBox='0 0 30.023 30'%3E%3Cg id='_162_e-commerce' data-name='162 – e-commerce' transform='translate(0.012)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(12.565 1)'%3E%3Cpath id='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23054165'/%3E%3Cpath id='Rectangle-2' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cg id='icon-2' data-name='icon' transform='translate(0.565 1)'%3E%3Cpath id='Rectangle-3' data-name='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23054165'/%3E%3Cpath id='Rectangle-4' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919-2' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.633.094,12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cg id='icon-3' data-name='icon' transform='translate(6.565 12)'%3E%3Cpath id='Rectangle-5' data-name='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23595959'/%3E%3Cpath id='Rectangle-6' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='%23fff' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919-3' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.user-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.157' height='28' viewBox='0 0 27.157 28'%3E%3Cg id='icon' transform='translate(0.578 1)'%3E%3Cpath id='Rectangle' d='M1,0H9l1,3L8.185,2.093A.5.5,0,0,0,7.8,2.065L5,3,2.2,2.065a.5.5,0,0,0-.382.027L0,3Z' transform='translate(8 1)' fill='%23054165' stroke='%23054165' stroke-width='1'/%3E%3Cpath id='Rectangle-2' data-name='Rectangle' d='M.047,5.947A5.253,5.253,0,0,1,5.254,0h0a5.253,5.253,0,0,1,5.207,5.947l-.678,5.088A4.569,4.569,0,0,1,5.254,15h0A4.569,4.569,0,0,1,.725,11.035Z' transform='translate(7.746)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919' data-name='Path 919' d='M7,0,2.318,1.171A2,2,0,0,0,.82,2.846L.453,5.6A3,3,0,0,0,3.427,9H22.573a3,3,0,0,0,2.974-3.4L25.18,2.846a2,2,0,0,0-1.5-1.676L19,0' transform='translate(0 17)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.setting-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_50_e-commerce' data-name='50 – e-commerce' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 3)'%3E%3Cpath id='Path_123' data-name='Path 123' d='M0,.5H28' transform='translate(0 0.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_123_Copy' data-name='Path 123 Copy' d='M0,.5H28' transform='translate(0 6.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_123_Copy_2' data-name='Path 123 Copy 2' d='M0,.5H10' transform='translate(0 12.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_123_Copy_3' data-name='Path 123 Copy 3' d='M0,.5H10' transform='translate(0 18.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(14.304 12)'%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M7.7,14h-2a1,1,0,0,1-1-1v-.341a5.98,5.98,0,0,1-1.9-1.1l-.3.172a1,1,0,0,1-1.366-.366l-1-1.733A1,1,0,0,1,.5,8.268L.8,8.1A6.074,6.074,0,0,1,.8,5.9L.5,5.732A1,1,0,0,1,.134,4.366l1-1.732A1,1,0,0,1,2.5,2.268l.3.172a5.966,5.966,0,0,1,1.9-1.1V1a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1v.341a5.979,5.979,0,0,1,1.9,1.1l.3-.172a1,1,0,0,1,1.366.366l1,1.732a1,1,0,0,1-.366,1.366l-.3.171a6.074,6.074,0,0,1,0,2.194l.3.171a1,1,0,0,1,.366,1.365l-1,1.733a1,1,0,0,1-1.366.366l-.3-.172a5.993,5.993,0,0,1-1.9,1.1V13A1,1,0,0,1,7.7,14Zm-1-9a2,2,0,1,0,2,2A2,2,0,0,0,6.7,5Z' transform='translate(0)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.logout-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_157_e-commerce' data-name='157 – e-commerce' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(4 1)'%3E%3Crect id='Rectangle_Copy_14' data-name='Rectangle Copy 14' width='12' height='28' rx='3' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_647' data-name='Path 647' d='M0,0H10.5a3,3,0,0,1,3,3V5' transform='translate(8.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_656' data-name='Path 656' d='M13.5,0V2a3,3,0,0,1-3,3H0' transform='translate(8.5 23)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_184' data-name='Path 184' d='M0,.5H8.5' transform='translate(16 13.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_186' data-name='Path 186' d='M0,8,2.5,4,0,0' transform='translate(22 10)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.edit-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_81_business-office' data-name='81 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(3 1)'%3E%3Cpath id='Rectangle' d='M19.617.537,24,4.629a2,2,0,0,1,.1,2.827L7.983,24.744a1,1,0,0,1-.606.31l-7.151.9A.2.2,0,0,1,0,25.747l.4-7.2a1,1,0,0,1,.267-.626L16.79.636A2,2,0,0,1,19.617.537Z' transform='translate(0.101 0.715)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path' d='M7.3,6.8A13.189,13.189,0,0,1,2.975,4.141,13.375,13.375,0,0,1,0,0H0' transform='translate(1.205 18.172)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_323' data-name='Path 323' d='M0,0,7.314,6.82Z' transform='translate(14.163 4.276)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_316' data-name='Path 316' d='M0,10.516,9.816,0' transform='translate(4.5 11.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.doc-add-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_33_business-office' data-name='33 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(6 1)'%3E%3Cpath id='Path_1123' data-name='Path 1123' d='M18,14V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V25a3,3,0,0,0,3,3H15.5' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1122' data-name='Path 1122' d='M0,.5H6' transform='translate(6 3.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(9 14)'%3E%3Ccircle id='Oval_2' data-name='Oval 2' cx='7' cy='7' r='7' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M0,1H4' transform='translate(5 6)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4_Copy' data-name='Path 4 Copy' d='M0,.5H4' transform='translate(7.5 5) rotate(90)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.image-add-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_2_media' data-name='2 – media' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(2 2)'%3E%3Cpath id='Path_1072' data-name='Path 1072' d='M26,16V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V23a3,3,0,0,0,3,3H16' fill='none' stroke='%23061058' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Shape' d='M5.872,10H.5a.5.5,0,0,1-.408-.79L3.818,3.975a.5.5,0,0,1,.408-.21.5.5,0,0,1,.289.093.506.506,0,0,1,.1.093L7.525,7.533A6.024,6.024,0,0,0,5.872,10ZM8.031,3a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,8.031,3Z' transform='translate(8.469 8)' fill='%23061058'/%3E%3Cg id='dop' transform='translate(13 13)'%3E%3Ccircle id='Oval_2' data-name='Oval 2' cx='7' cy='7' r='7' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M0,1H4' transform='translate(5 6)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4_Copy' data-name='Path 4 Copy' d='M0,.5H4' transform='translate(7.5 5) rotate(90)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.email-send.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.79' height='30' viewBox='0 0 30.79 30'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-603.605 -5065)'%3E%3Cg id='_59_business-office' data-name='59 – business-office' transform='translate(604 5065)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Cpath id='Path_1129' data-name='Path 1129' d='M16.5,22H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H25a3,3,0,0,1,3,3V19' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_308' data-name='Path 308' d='M0,0,12.838,9.17a2,2,0,0,0,2.325,0L28,0' transform='translate(0 3)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(16 13)'%3E%3Ccircle id='Oval_2' data-name='Oval 2' cx='6' cy='6' r='6' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Combined_Shape' data-name='Combined Shape' d='M3,0H4.5a.577.577,0,0,0,.3-.082.363.363,0,0,0,.1-.573l-2-2.182a.466.466,0,0,0-.1-.082.576.576,0,0,0-.7.082L.1-.655A.363.363,0,0,0,0-.409.461.461,0,0,0,.5,0H3Z' transform='translate(6.5 3.5) rotate(90)' fill='%231994e0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_4' data-name='Path 4' d='M0,1H4' transform='translate(624 5087)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.money-pound.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_43_finance' data-name='43 – finance' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 1)'%3E%3Cg id='bag'%3E%3Cpath id='Path' d='M7.66,20.385l-3.4.224A4,4,0,0,1,.205,15.353L2.793,7.589a11.1,11.1,0,0,1,21.06,0l2.584,7.753A4,4,0,0,1,22.373,20.6l-3.259-.22' transform='translate(0.677 7)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path-2' data-name='Path' d='M0,0C.906,1.338,4.492,2.337,8.779,2.337c3.984,0,7.363-.863,8.548-2.058' transform='translate(5.221 25.663)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_210' data-name='Path 210' d='M1.529,4.247.252,2.332A1.5,1.5,0,0,1,1.625.005l2.9.242' transform='translate(7.971 2.753)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_211' data-name='Path 211' d='M5.539,6.79,8.045,3.03A1.132,1.132,0,0,0,6.893,1.29l-1.727.326A2,2,0,0,1,3.525,1.2L2.42.29a1.278,1.278,0,0,0-2.081.851L0,4.29' transform='translate(12.461 0.21)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cpath id='_' data-name='£' d='M3.006,5.091a1.872,1.872,0,0,1-.157.82,1.3,1.3,0,0,1-.6.554h3.53L5.546,8H0V6.534a1.659,1.659,0,0,0,.647-.289.774.774,0,0,0,.262-.4,2.715,2.715,0,0,0,.058-.635v-.75H.175V3.429H.967V2.482a2.469,2.469,0,0,1,.664-1.8A2.548,2.548,0,0,1,3.542,0,3.2,3.2,0,0,1,4.975.294,2.747,2.747,0,0,1,6,1.2l-1.247.912A1.526,1.526,0,0,0,4.3,1.651a1.029,1.029,0,0,0-.536-.139q-.757,0-.757.981v.935H5.08V4.456H3.006Z' transform='translate(11 14)' fill='%231994e0'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.bill-pound.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_12_finance' data-name='12 – finance' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 2)'%3E%3Cg id='coins'%3E%3Cellipse id='Oval' cx='8' cy='3' rx='8' ry='3' transform='translate(1)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path' d='M0,0C0,1.657,3.582,3,8,3a16.7,16.7,0,0,0,5.668-.883' transform='translate(1 23)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_Copy_13' data-name='Path Copy 13' d='M0,0C0,1.657,3.582,3,8,3a20.244,20.244,0,0,0,2.847-.2' transform='translate(1 17)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_Copy_14' data-name='Path Copy 14' d='M0,0C0,1.657,3.582,3,8,3s8-1.343,8-3' transform='translate(1 10)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_213' data-name='Path 213' d='M.5,0V20' transform='translate(0.5 3)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_213_Copy' data-name='Path 213 Copy' d='M.5,0V8.5' transform='translate(16.5 3)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cg id='coin' transform='translate(12 11)'%3E%3Ccircle id='Oval-2' data-name='Oval' cx='8' cy='8' r='8' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='_' data-name='£' d='M2.755,5.091a2.02,2.02,0,0,1-.144.82,1.24,1.24,0,0,1-.55.554H5.3L5.083,8H0V6.534a1.465,1.465,0,0,0,.593-.289.784.784,0,0,0,.24-.4,2.954,2.954,0,0,0,.053-.635v-.75H.16V3.429H.886V2.482A2.6,2.6,0,0,1,1.5.681,2.227,2.227,0,0,1,3.247,0,2.728,2.728,0,0,1,4.56.294,2.6,2.6,0,0,1,5.5,1.2l-1.143.912a1.47,1.47,0,0,0-.417-.462.883.883,0,0,0-.491-.139q-.694,0-.694.981v.935h1.9V4.456h-1.9Z' transform='translate(5.25 4)' fill='%231994e0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.info-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(30 30) rotate(180)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Cpath id='Oval' d='M14,0A14,14,0,1,1,0,14,14,14,0,0,1,14,0Z' transform='translate(0 0.5)' fill='none' stroke='%23FF5757' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.86-14.84,5.44-5.06H2.54l-.42-9.78ZM5.78-3.42V0H2.22V-3.42Z' transform='translate(10 21.5)' fill='%23FF5757'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.info-icon.green {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(30 30) rotate(180)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Cpath id='Oval' d='M14,0A14,14,0,1,1,0,14,14,14,0,0,1,14,0Z' transform='translate(0 0.5)' fill='none' stroke='%2312912B' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.86-14.84,5.44-5.06H2.54l-.42-9.78ZM5.78-3.42V0H2.22V-3.42Z' transform='translate(10 21.5)' fill='%2312912B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.info-icon.blue {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(30 30) rotate(180)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Cpath id='Oval' d='M14,0A14,14,0,1,1,0,14,14,14,0,0,1,14,0Z' transform='translate(0 0.5)' fill='none' stroke='%231994E0' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.86-14.84,5.44-5.06H2.54l-.42-9.78ZM5.78-3.42V0H2.22V-3.42Z' transform='translate(10 21.5)' fill='%231994E0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.info-icon.purple {
        background-image: url("background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(30 30) rotate(180)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Cpath id='Oval' d='M14,0A14,14,0,1,1,0,14,14,14,0,0,1,14,0Z' transform='translate(0 0.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.86-14.84,5.44-5.06H2.54l-.42-9.78ZM5.78-3.42V0H2.22V-3.42Z' transform='translate(10 21.5)' fill='%23054165'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");");
    }

    i.info-icon.red {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='Group_204' data-name='Group 204' transform='translate(-992 -935)'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(992 935)'%3E%3Crect id='body' width='16' height='16' fill='none'/%3E%3C/g%3E%3Cpath id='Earning' d='M4.94,4.514l-.384,7.715H1.866L1.5,4.514ZM4.811,13.43V16.5H1.626V13.43Z' transform='translate(996.627 932.491)' fill='%23ff7272'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.sms-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_50_business-office' data-name='50 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30.372' viewBox='0 0 30 30.372'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Cpath id='Path_239' data-name='Path 239' d='M9,25l2.126-3.543A3,3,0,0,1,13.7,20H25a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V17a3,3,0,0,0,3,3H6' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289' data-name='Path 289' d='M0,.5H10' transform='translate(9 7.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289_Copy' data-name='Path 289 Copy' d='M0,.5H10' transform='translate(9 11.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.sms-icon.red-color {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='_50_business-office' data-name='50 – business-office' width='30' height='30.372' viewBox='0 0 30 30.372'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Cpath id='Path_239' data-name='Path 239' d='M9,25l2.126-3.543A3,3,0,0,1,13.7,20H25a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V17a3,3,0,0,0,3,3H6' fill='none' stroke='%23FF0000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289' data-name='Path 289' d='M0,.5H10' transform='translate(9 7.5)' fill='none' stroke='%23FF0000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289_Copy' data-name='Path 289 Copy' d='M0,.5H10' transform='translate(9 11.5)' fill='none' stroke='%23FF0000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    }

    i.sms-icon.with-warning.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30.372' viewBox='0 0 30 30.372'%3E%3Cg id='Group_207' data-name='Group 207' transform='translate(15324 -370)'%3E%3Cg id='download' transform='translate(-15324 370)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Cpath id='Path_239' data-name='Path 239' d='M9,25l2.126-3.543A3,3,0,0,1,13.7,20H25a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V17a3,3,0,0,0,3,3H6' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289' data-name='Path 289' d='M0,.5H10' transform='translate(9 7.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289_Copy' data-name='Path 289 Copy' d='M0,.5H10' transform='translate(9 11.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_206' data-name='Group 206' transform='translate(-16296.5 -543.5)'%3E%3Ccircle id='Oval' cx='5' cy='5' r='5' transform='translate(991.5 932.5)' fill='%23ffcb72' stroke='%23ffcb72' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='Group_204' data-name='Group 204' transform='translate(992.6 933.6)'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(0)'%3E%3Crect id='body-2' data-name='body' width='8.802' height='8.802' fill='none'/%3E%3C/g%3E%3Cpath id='Earning' d='M3.317,4.514l-.2,4.079H1.693L1.5,4.514ZM3.25,9.227v1.625H1.566V9.227Z' transform='translate(1.74 -3.454)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

        i.sms-icon.with-warning.theme.red {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30.372' viewBox='0 0 30 30.372'%3E%3Cg id='Group_207' data-name='Group 207' transform='translate(15324 -370)'%3E%3Cg id='download' transform='translate(-15324 370)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 4)'%3E%3Cpath id='Path_239' data-name='Path 239' d='M9,25l2.126-3.543A3,3,0,0,1,13.7,20H25a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V17a3,3,0,0,0,3,3H6' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289' data-name='Path 289' d='M0,.5H10' transform='translate(9 7.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_289_Copy' data-name='Path 289 Copy' d='M0,.5H10' transform='translate(9 11.5)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_206' data-name='Group 206' transform='translate(-16296.5 -543.5)'%3E%3Ccircle id='Oval' cx='5' cy='5' r='5' transform='translate(991.5 932.5)' fill='%23ff0000' stroke='%23ff0000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='Group_204' data-name='Group 204' transform='translate(992.6 933.6)'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(0)'%3E%3Crect id='body-2' data-name='body' width='8.802' height='8.802' fill='none'/%3E%3C/g%3E%3Cpath id='Earning' d='M3.317,4.514l-.2,4.079H1.693L1.5,4.514ZM3.25,9.227v1.625H1.566V9.227Z' transform='translate(1.74 -3.454)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

    i.check-icon {
        background-image: url("data:image/svg+xml,%3Csvg id='_88_controls' data-name='88 – controls' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Ccircle id='Oval' cx='14' cy='14' r='14' transform='translate(0 0.5)' fill='none' stroke='%2312912b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_155' data-name='Path 155' d='M0,4,3.929,7.929a.1.1,0,0,0,.141,0L12,0' transform='translate(8 10.5)' fill='none' stroke='%2312912b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.uncheck-icon {
        background-image: url("data:image/svg+xml,%3Csvg id='_89_controls' data-name='89 – controls' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Ccircle id='Oval' cx='14' cy='14' r='14' transform='translate(0 0.5)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_955' data-name='Path 955' d='M.5.929V15.071' transform='translate(19.303 8.49) rotate(45)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_955_Copy' data-name='Path 955 Copy' d='M.5.929V15.071' transform='translate(20.01 19.803) rotate(135)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.invoice-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_203' data-name='Group 203' transform='translate(-364 -736)'%3E%3Cg id='_40_files' data-name='40 – files' transform='translate(364 736)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(4 1)'%3E%3Cpath id='Path_970' data-name='Path 970' d='M22,15.5V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V25a3,3,0,0,0,3,3h9.5' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_11' data-name='Path 11' d='M0,1H8' transform='translate(7 9)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_11_Copy_4' data-name='Path 11 Copy 4' d='M0,1H3' transform='translate(7 13)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_2' data-name='Path 2' d='M8.607-1.8a2.421,2.421,0,0,1-.164.939,1.675,1.675,0,0,1-.439.628,1.7,1.7,0,0,1-.641.347,2.719,2.719,0,0,1-.772.108A3.074,3.074,0,0,1,5.613.069q-.461-.154-.89-.334T3.878-.6a2.407,2.407,0,0,0-.841-.154,4.489,4.489,0,0,1-.923.55,4.522,4.522,0,0,1-1.06.327L.471-1.054a3.466,3.466,0,0,0,1.051-.825A2.213,2.213,0,0,0,1.97-3.371v-.655H.72V-5.04H1.97v-.419a5.515,5.515,0,0,1,.206-1.555A3.2,3.2,0,0,1,2.8-8.208a2.818,2.818,0,0,1,1.054-.763,3.755,3.755,0,0,1,1.486-.272A5.265,5.265,0,0,1,6.7-9.079a8.251,8.251,0,0,1,1.067.353,8.728,8.728,0,0,1,.007,1.217q-.039.6-.144,1.244H6.3L6-7.593a1.184,1.184,0,0,0-.085-.252.711.711,0,0,0-.2-.245,1.157,1.157,0,0,0-.262-.141.846.846,0,0,0-.308-.056.568.568,0,0,0-.275.075.681.681,0,0,0-.249.268,1.8,1.8,0,0,0-.18.537,4.582,4.582,0,0,0-.069.874V-5.04h1.9v1.015h-1.9v.157a4.432,4.432,0,0,1-.193,1.424,3.521,3.521,0,0,1-.416.874,4.316,4.316,0,0,1,.91.1,4.316,4.316,0,0,0,.91.1,1.32,1.32,0,0,0,.733-.173A1.017,1.017,0,0,0,6.7-2.108a3.675,3.675,0,0,0,.128-.547q.049-.3.075-.625H8.4q.065.308.137.7A4.294,4.294,0,0,1,8.607-1.8Z' transform='translate(383 765)' fill='%23168ad0'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.support-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_39_business-office' data-name='39 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(2 2)'%3E%3Cpath id='Shape' d='M26,13H24a3,3,0,0,0-3,3v3a2,2,0,0,0,2,2h1a2,2,0,0,0,2-2V13A13,13,0,0,0,0,13v6a2,2,0,0,0,2,2H3a2,2,0,0,0,2-2V16a3,3,0,0,0-3-3H0' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1121' data-name='Path 1121' d='M11,0V.5a6,6,0,0,1-6,6H0' transform='translate(15 18.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Ccircle id='Oval' cx='2' cy='2' r='2' transform='translate(11 23)' fill='none' stroke='%231994e0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.inv-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_33_business-office' data-name='33 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(7 1)'%3E%3Cpath id='Path_1123' data-name='Path 1123' d='M18,22V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V25a3,3,0,0,0,3,3h7.21' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1122' data-name='Path 1122' d='M0,.5H6' transform='translate(6 3.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1122-2' data-name='Path 1122' d='M0,.5H3.38' transform='translate(6 7.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_116' data-name='Path 116' d='M1.348-3.535V.819H.3V-3.535ZM5.942.819H4.889L3.128-1.854V.819H2.075V-3.535H3.128l1.761,2.7v-2.7H5.942Zm1.54-4.354L8.547-.259,9.613-3.535H10.74L9.225.819H7.864L6.355-3.535Z' transform='translate(11.035 27.181)' fill='%231994e0'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.cn-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg id='_33_business-office' data-name='33 – business-office' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(7 1)'%3E%3Cpath id='Path_1123' data-name='Path 1123' d='M18,21.366V3a3,3,0,0,0-3-3H3A3,3,0,0,0,0,3V25a3,3,0,0,0,3,3H9.836' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1122' data-name='Path 1122' d='M0,.5H6' transform='translate(6 3.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1122-2' data-name='Path 1122' d='M0,.5H3.38' transform='translate(6 7.5)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_117' data-name='Path 117' d='M2.426-3.57a2.248,2.248,0,0,1,1.453.461,2.112,2.112,0,0,1,.744,1.248H3.446a1.079,1.079,0,0,0-.4-.5,1.117,1.117,0,0,0-.64-.182.975.975,0,0,0-.786.357,1.441,1.441,0,0,0-.3.955,1.428,1.428,0,0,0,.3.952.979.979,0,0,0,.786.354,1.117,1.117,0,0,0,.64-.182,1.084,1.084,0,0,0,.4-.494H4.623A2.123,2.123,0,0,1,3.879.645a2.237,2.237,0,0,1-1.453.465,2.292,2.292,0,0,1-1.176-.3A2.007,2.007,0,0,1,.466-.015,2.6,2.6,0,0,1,.19-1.23,2.6,2.6,0,0,1,.466-2.446a2.007,2.007,0,0,1,.783-.829A2.292,2.292,0,0,1,2.426-3.57Zm6.9,4.641H8.217L6.358-1.75V1.071H5.247v-4.6H6.358L8.217-.678V-3.525H9.329Z' transform='translate(10.891 27.49)' fill='%231994e0'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    i.api-icon.theme {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-978 -6335)'%3E%3Cg id='_14_internet' data-name='14 – internet' transform='translate(978 6335)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 3)'%3E%3Cpath id='Shape' d='M7,13.4A7,7,0,0,1,4.153,0' transform='translate(0 9.603)' fill='none' stroke='%23061058' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path' d='M0,0H6.6a7,7,0,0,1,0,14' transform='translate(14.4 9)' fill='none' stroke='%23061058' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path-2' data-name='Path' d='M14.862,8.941a7.5,7.5,0,1,0-12.14,4.339' transform='translate(4)' fill='none' stroke='%23061058' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(12 25.5) rotate(-90)'%3E%3Cpath id='Path_106' data-name='Path 106' d='M.5.5H5.305' transform='translate(2 9.805) rotate(-90)' fill='none' stroke='%23061058' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Triangle' d='M2.5-4,.1-.8A.5.5,0,0,0,0-.5.5.5,0,0,0,.5,0h4a.5.5,0,0,0,.3-.1.5.5,0,0,0,.1-.7Z' transform='translate(0 4.5)' fill='%23061058' stroke='%23061058' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Path_1' data-name='Path 1' d='M3.976-1.032H1.856L1.5,0H.064L2.136-5.616H3.712L5.784,0H4.328Zm-.352-1.04-.7-2.08-.712,2.08Zm4.056.088V0H6.312V-5.656H8.528a2.152,2.152,0,0,1,1.536.5,1.768,1.768,0,0,1,.528,1.348,1.857,1.857,0,0,1-.236.94,1.636,1.636,0,0,1-.7.648,2.466,2.466,0,0,1-1.128.236Zm.7-1.1q.824,0,.824-.728,0-.744-.824-.744h-.7V-3.08Zm4.256-2.576V0H11.264V-5.656Z' transform='translate(986.652 6357)' fill='%231994e0'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

/* -------------------------------------------
Tags
------------------------------------------- */
/*-------------- Tags ---------------*/
.tag {
    padding: 5px 15px;
    border-radius: 8px;
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 15px;
    color: #fff;
    white-space: nowrap;
}

    .tag.green {
        background-color: #12912B;
    }

    .tag.red {
        background-color: #ee9b2e;
    }

    .tag.orange {
        background-color: #1AB2C2;
    }

    .tag.black {
        background-color: #756C6C;
    }

    .tag.blue {
        background-color: #299ae1;
    }

    .tag.blue-gradient {
        background: linear-gradient(to right, #054165 0%, #1994e0 62.46%, #e2e2e2 100%);
    }

.circular-tag {
    font-weight: 500;
    font-size: 0.889rem;
    display: inline-block;
    position: relative;
    padding-left: 24px;
}

    .circular-tag::before {
        content: '';
        width: 16px;
        height: 16px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .circular-tag.medium::before {
        width: 20px;
        height: 20px;
    }

    .circular-tag.green {
        color: #49ce4d;
    }

        .circular-tag.green::before {
            background: linear-gradient(#4caf50 0%, #43f949 62.46%, #e2e2e2 100%);
        }

    .circular-tag.grey {
        color: #bbb7b7;
    }

        .circular-tag.grey::before {
            background: linear-gradient(#949494 0%, #d6cece 62.46%, #e2e2e2 100%);
        }

    .circular-tag.blue {
        color: #1173b0;
    }

        .circular-tag.blue::before {
            background: linear-gradient(#0b5c8d 0%, #1891dc 62.46%, #e2e2e2 100%);
        }

    .circular-tag.red {
        color: #FF5757;
    }

        .circular-tag.red::before {
            background: linear-gradient(#940909 0%, #ff5757 62.46%, #ffebeb 100%);
        }

    .circular-tag.check, .circular-tag.uncheck, .circular-tag.info {
        color: #061058;
    }

        .circular-tag.check::before, .circular-tag.uncheck::before, .circular-tag.info::before {
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
        }

        .circular-tag.check::before {
            background-image: url("data:image/svg+xml,%3Csvg id='_88_controls' data-name='88 – controls' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Ccircle id='Oval' cx='14' cy='14' r='14' transform='translate(0 0.5)' fill='none' stroke='%2312912b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_155' data-name='Path 155' d='M0,4,3.929,7.929a.1.1,0,0,0,.141,0L12,0' transform='translate(8 10.5)' fill='none' stroke='%2312912b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .circular-tag.uncheck::before {
            background-image: url("data:image/svg+xml,%3Csvg id='_89_controls' data-name='89 – controls' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Ccircle id='Oval' cx='14' cy='14' r='14' transform='translate(0 0.5)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_955' data-name='Path 955' d='M.5.929V15.071' transform='translate(19.303 8.49) rotate(45)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_955_Copy' data-name='Path 955 Copy' d='M.5.929V15.071' transform='translate(20.01 19.803) rotate(135)' fill='none' stroke='%23ff5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .circular-tag.info::before {
            background-image: url('../assets/images/alertimg.png');
            /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='_88_controls' data-name='88 – controls' transform='translate(30 30) rotate(180)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(1 0.5)'%3E%3Cpath id='Oval' d='M14,0A14,14,0,1,1,0,14,14,14,0,0,1,14,0Z' transform='translate(0 0.5)' fill='none' stroke='%23FF5757' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_1' data-name='Path 1' d='M5.86-14.84,5.44-5.06H2.54l-.42-9.78ZM5.78-3.42V0H2.22V-3.42Z' transform='translate(10 21.5)' fill='%23FF5757'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");*/
        }

.tag-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .tag-list .list {
        padding: 5px 10px;
        border: 1px solid #E1E2EB;
        border-radius: 30px;
        margin-top: 5px;
        margin-right: 5px;
    }

        .tag-list .list * {
            font-size: 12px !important;
        }

/* -------------------------------------------
Widget
------------------------------------------- */
/*-------------- Button ---------------*/
.btn {
    display: inline-block;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 0.889rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10px;
    min-width: 150px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    border: 0;
}

    .btn a {
        text-decoration: none;
    }

    .btn.medium {
        padding: 5px 10px;
        font-weight: normal;
        font-size: 14px;
        display: unset;
        border-radius: 5px;
    }

    .btn.add-new {
        background: #3b8a3e;
        color: #fff;
        position: relative;
        padding-left: 40px;
    }

        .btn.add-new::before {
            content: '';
            position: absolute;
            left: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 24px;
            height: 24px;
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: center;
        }

        .btn.add-new.user::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.578' height='29' viewBox='0 0 28.578 29'%3E%3Cg id='icon' transform='translate(0.578 1)'%3E%3Cpath id='Rectangle' d='M1,0H9l1,3L8.185,2.093A.5.5,0,0,0,7.8,2.065L5,3,2.2,2.065a.5.5,0,0,0-.382.027L0,3Z' transform='translate(8 1)' fill='%23fff' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='Rectangle-2' data-name='Rectangle' d='M.047,5.947A5.253,5.253,0,0,1,5.254,0h0a5.253,5.253,0,0,1,5.207,5.947l-.678,5.088A4.569,4.569,0,0,1,5.254,15h0A4.569,4.569,0,0,1,.725,11.035Z' transform='translate(7.746)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919' data-name='Path 919' d='M7,0,2.318,1.171A2,2,0,0,0,.82,2.846L.453,5.6A3,3,0,0,0,3.427,9H18' transform='translate(0 17)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='dop' transform='translate(16 16)'%3E%3Ccircle id='Oval_2' data-name='Oval 2' cx='5.5' cy='5.5' r='5.5' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4' data-name='Path 4' d='M.5.5l3,3' transform='translate(2.672 5.5) rotate(-45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_4-2' data-name='Path 4' d='M.5.5l3,3' transform='translate(5.5 2.672) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        }

        .btn.add-new:hover, .btn.add-new:focus {
            background: #1ca720;
        }

    .btn.primary-btn {
        background: #061058;
        color: #fff;
    }

        .btn.primary-btn:hover, .btn.primary-btn:focus {
            background: #030935;
        }

        .btn.primary-btn:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.primary-btn:disabled:hover, .btn.primary-btn:disabled:focus {
                background: #061058;
            }

        .btn.primary-btn.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.primary-btn.disabled:hover, .btn.primary-btn.disabled:focus {
                background: #061058;
            }

    .btn.secondry-btn {
        background: #818FF6;
        color: #fff;
    }

        .btn.secondry-btn:hover, .btn.secondry-btn:focus {
            background: #5e71fd;
        }

        .btn.secondry-btn:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.secondry-btn:disabled:hover, .btn.secondry-btn:disabled:focus {
                background: #818FF6;
            }

        .btn.secondry-btn.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.secondry-btn.disabled:hover, .btn.secondry-btn.disabled:focus {
                background: #818FF6;
            }

    .btn.outline-btn {
        border: 1px solid #061058;
        color: #061058;
    }

        .btn.outline-btn:hover, .btn.outline-btn:focus {
            background-color: #061058;
            color: #fff;
        }

        .btn.outline-btn:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.outline-btn:disabled:hover, .btn.outline-btn:disabled:focus {
                background: none;
                color: #061058;
            }

        .btn.outline-btn.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.outline-btn.disabled:hover, .btn.outline-btn.disabled:focus {
                background: none;
                color: #061058;
            }

    .btn.btn-warning, .btn.btn-green {
        background: #1ca720;
        color: #fff;
    }

        .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-green:hover, .btn.btn-green:focus {
            background: #3b8a3e;
        }

        .btn.btn-warning:disabled, .btn.btn-green:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-warning:disabled:hover, .btn.btn-warning:disabled:focus, .btn.btn-green:disabled:hover, .btn.btn-green:disabled:focus {
                background: #3b8a3e;
            }

        .btn.btn-warning.disabled, .btn.btn-green.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-warning.disabled:hover, .btn.btn-warning.disabled:focus, .btn.btn-green.disabled:hover, .btn.btn-green.disabled:focus {
                background: #3b8a3e;
            }

    .btn.btn-orange {
        background: #ee9b2e;
        color: #fff;
    }

        .btn.btn-orange:hover, .btn.btn-orange:focus {
            background: #97692c;
        }

        .btn.btn-orange:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-orange:disabled:hover, .btn.btn-orange:disabled:focus {
                background: #97692c;
            }

        .btn.btn-orange.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-orange.disabled:hover, .btn.btn-orange.disabled:focus {
                background: #97692c;
            }

    .btn.btn-red {
        background: #FF5757;
        color: #fff;
    }

        .btn.btn-red:hover, .btn.btn-red:focus {
            background: #882e2e;
        }

        .btn.btn-red:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-red:disabled:hover, .btn.btn-red:disabled:focus {
                background: #882e2e;
            }

        .btn.btn-red.disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: not-allowed;
        }

            .btn.btn-red.disabled:hover, .btn.btn-red.disabled:focus {
                background: #882e2e;
            }

    .btn:active {
        transform: scale(0.96);
    }

    .btn.full-width {
        width: 100%;
    }

@media screen and (max-width: 575px) {
    .btn.full-width-sm {
        width: 100%;
    }
}

.need-review-passed {
    background: none !important;
    color: #FF5757 !important;
    border: 0 !important;
    position: relative;
}

    .need-review-passed::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='10.44' viewBox='0 0 14.828 10.44'%3E%3Cpath id='Path_155' data-name='Path 155' d='M0,4,3.929,7.929a.1.1,0,0,0,.141,0L12,0' transform='translate(1.414 1.414)' fill='none' stroke='%23FF5757' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
    }

a.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

/*-------------- Form Groups ---------------*/
.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    text-align: left;
}

    .form-group.in-row {
        flex-direction: row;
        align-items: center;
    }

        .form-group.in-row label {
            white-space: nowrap;
            margin-bottom: 0;
            margin-right: 10px;
        }

        .form-group.in-row input[type="text"], .form-group.in-row input[type="email"], .form-group.in-row input[type="number"], .form-group.in-row input[type="password"], .form-group.in-row select {
            width: 200px;
        }

    .form-group.with-inline-button .input-section {
        display: flex;
    }

        .form-group.with-inline-button .input-section input, .form-group.with-inline-button .input-section select {
            margin-right: 10px;
        }

        .form-group.with-inline-button .input-section a {
            min-width: 100px;
        }

    .form-group.no-margin {
        margin-bottom: 0;
    }

    .form-group.search-bar input[type="text"] {
        padding-right: 50px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.103' height='20.103' viewBox='0 0 20.103 20.103'%3E%3Cg id='icon' transform='translate(1 1)'%3E%3Ccircle id='Oval' cx='8.5' cy='8.5' r='8.5' fill='none' stroke='%238287ab' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_1090' data-name='Path 1090' d='M3.184,3.184,0,0' transform='translate(14.505 14.505)' fill='none' stroke='%238287ab' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center right 20px;
        width: 200px;
    }

    .form-group label {
        font-weight: 500;
        font-size: 0.8rem;
        color: #999baa;
        margin-bottom: 5px;
    }

    .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"], .form-group input[type="password"], .form-group select, .form-group textarea {
        width: 100%;
        border-radius: 8px;
        border: 1px solid #E1E2EB;
        padding: 10px 20px;
        font-size: 0.899rem;
        line-height: 1.5;
        letter-spacing: -0.03em;
        color: #061058;
    }

@media screen and (max-width: 575px) {
    .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"], .form-group input[type="password"], .form-group select, .form-group textarea {
        border-radius: 5px;
        padding: 5px 10px;
    }
}

.form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="number"]:focus, .form-group input[type="password"]:focus, .form-group select:focus, .form-group textarea:focus {
    border: 1px solid #999baa;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.form-group input[type="text"]:read-only, .form-group input[type="email"]:read-only, .form-group input[type="number"]:read-only, .form-group input[type="password"]:read-only {
    background-color: rgba(0, 0, 0, 0.06);
    opacity: 0.7;
}

.form-group textarea {
    max-width: 100%;
    height: 100px;
    max-height: 200px;
}

.form-group select {
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.811' height='8.279' viewBox='0 0 16.811 8.279'%3E%3Cg id='icon' transform='translate(1.406 1.406)'%3E%3Cpath id='Path_81' data-name='Path 81' d='M0,14,5.593,7.088,0,0' transform='translate(14) rotate(90)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 14px 6px;
    background-position: center right 15px;
    padding-right: 30px;
}

.form-group.required-field label::after {
    content: ' *';
    color: #F85C5C;
}

.form-group.required-field .radio-btn label::after {
    content: '';
}

.form-group .toggle-btn {
    position: relative;
    width: 68px;
    height: 38px;
}

    .form-group .toggle-btn input[type="checkbox"], .form-group .toggle-btn input[type="radio"] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 0;
        cursor: pointer;
    }

        .form-group .toggle-btn input[type="checkbox"]:checked ~ .marker, .form-group .toggle-btn input[type="radio"]:checked ~ .marker {
            background: #061058;
            border: 1px solid #061058;
        }

            .form-group .toggle-btn input[type="checkbox"]:checked ~ .marker::after, .form-group .toggle-btn input[type="radio"]:checked ~ .marker::after {
                transform: translateX(30px);
                background-color: #fff;
            }

    .form-group .toggle-btn .marker {
        width: 68px;
        height: 38px;
        border-radius: 19px;
        background: #f9fdff;
        border: 1px solid #E1E2EB;
        display: inline-block;
        transition: all 0.4s ease 0s;
    }

        .form-group .toggle-btn .marker::after {
            content: '';
            position: absolute;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #E1E2EB;
            left: 4px;
            top: 0;
            bottom: 0;
            margin: auto;
            transition: all 0.4s ease 0s;
        }

.form-group.checkbox {
    position: relative;
}

    .form-group.checkbox input[type="checkbox"] {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 0;
    }

        .form-group.checkbox input[type="checkbox"]:checked ~ .data .marker {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            background: #1994E0;
            border: 1px solid #1994E0;
        }

            .form-group.checkbox input[type="checkbox"]:checked ~ .data .marker::after {
                width: 12px;
            }

    .form-group.checkbox .data {
        padding-left: 30px;
    }

        .form-group.checkbox .data label {
            font-size: 0.7rem;
            letter-spacing: -0.03em;
            color: #949494;
            opacity: 1;
        }

        .form-group.checkbox .data .marker {
            width: 20px;
            height: 20px;
            border-radius: 5px;
            background: #f9fdff;
            border: 1px solid #E1E2EB;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            transition: all 0.4s ease 0s;
        }

            .form-group.checkbox .data .marker::after {
                content: '';
                position: absolute;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.226' height='12.093' viewBox='0 0 15.226 12.093'%3E%3Cpath id='Path_4' data-name='Path 4' d='M0,6.888,2.706,9.594a.069.069,0,0,0,.1,0L12.4,0' transform='translate(1.414 1.414)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 12px;
                width: 0;
                height: 12px;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                transition: all 0.4s ease 0s;
            }

    .form-group.checkbox.box-layout .data {
        border: 1px solid #E1E2EB;
        padding: 10px 20px;
        border-radius: 10px;
        display: inline-block;
    }

        .form-group.checkbox.box-layout .data .marker {
            left: unset;
            right: 20px;
        }

    .form-group.checkbox.data-not-clickable input[type="checkbox"] {
        width: 20px;
        height: 20px;
        top: 10px;
    }

.form-group.radio-group .input-li {
    display: flex;
}

    .form-group.radio-group .input-li.align-column {
        flex-direction: column;
    }

        .form-group.radio-group .input-li.align-column .radio-btn {
            margin-bottom: 10px;
        }

    .form-group.radio-group .input-li .radio-btn {
        margin-right: 40px;
        position: relative;
    }

        .form-group.radio-group .input-li .radio-btn:last-child {
            margin-right: 0;
        }

        .form-group.radio-group .input-li .radio-btn input[type="radio"] {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10;
            opacity: 0;
        }

            .form-group.radio-group .input-li .radio-btn input[type="radio"]:checked ~ .data .marker {
                background: #fff;
                border: 1px solid #1994E0;
            }

                .form-group.radio-group .input-li .radio-btn input[type="radio"]:checked ~ .data .marker::after {
                    opacity: 1;
                }

        .form-group.radio-group .input-li .radio-btn .data {
            padding-left: 30px;
        }

            .form-group.radio-group .input-li .radio-btn .data label {
                font-size: 0.7rem;
                letter-spacing: -0.03em;
                color: #949494;
                opacity: 1;
            }

            .form-group.radio-group .input-li .radio-btn .data .marker {
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: #f9fdff;
                border: 1px solid #E1E2EB;
                display: inline-block;
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                transition: all 0.4s ease 0s;
            }

                .form-group.radio-group .input-li .radio-btn .data .marker::after {
                    content: '';
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    background: #1994E0;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    border-radius: 50%;
                    transition: all 0.4s ease 0s;
                    opacity: 0;
                }

.form-group.input-file {
    border-radius: 24px;
    background: #fff;
    border: 2px dashed #E1E2EB;
    padding: 30px;
    position: relative;
}

    .form-group.input-file input {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        z-index: 2;
        opacity: 0;
        cursor: move;
    }

    .form-group.input-file .data, .data-img {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .form-group.input-file .data label {
            margin-top: 20px;
        }

            .form-group.input-file .data label span {
                color: #1994E0;
            }

.form-group.change-image .data {
    flex-direction: row;
}

.form-group.change-image img {
    width: 100px;
    margin-right: 20px;
    transition: all 0.4s ease 0s;
}

.form-group.change-image .change-image-file:hover ~ .data img {
    transform: scale(2);
}

.form-group .input-row input {
    padding: 10px;
}

.form-group .input-row .large {
    width: 150px;
}

.form-group .input-row .medium {
    width: 130px;
}

.form-group .input-row .small {
    width: 70px;
}

.tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E2EB;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .tab-header {
        flex-wrap: wrap;
    }
}

.tab-header .tab {
    font-size: 0.889rem;
    font-weight: 500;
    color: #949494;
    padding: 10px 30px;
    cursor: pointer;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .tab-header .tab {
        padding: 5px;
        font-size: 12px;
    }
}

.tab-header .tab.active {
    border-bottom: 1px solid #1994E0;
    color: #1994E0;
}

.description .group {
    margin-bottom: 20px;
}

    .description .group .label {
        font-size: 0.889rem;
        color: rgba(148, 148, 148, 0.6);
        margin-bottom: 5px;
    }

    .description .group .value {
        display: flex;
        font-size: 0.889rem;
        color: #949494;
        font-weight: 600;
    }

        .description .group .value span {
            display: block;
            margin-right: 20px;
        }

/*-------------- List ---------------*/
.options-list {
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    background: #FBFEFF;
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(205, 208, 227, 0.29);
    border-radius: 5px;
    padding: 3px;
    z-index: 10;
}

    .options-list .list {
        width: 100%;
        margin-bottom: 3px;
        border: 1px solid rgba(0, 0, 0, 0.04);
    }

        .options-list .list a {
            width: 100%;
            padding: 12px 20px;
            background: #fff;
            border-radius: 10px;
            font-weight: normal;
            font-size: 0.7rem;
            color: #949494;
            display: flex;
            align-items: center;
            text-decoration: none;
            transition: all 0.4s ease 0s;
        }

            .options-list .list a:hover {
                background: rgba(0, 0, 0, 0.02);
            }

        .options-list .list:last-child {
            margin-bottom: 0;
        }

/*-------------- Tables ---------------*/
.table-wrapper .primary-table .table-head .table-data {
    font-size: 0.889rem;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: left;
    color: #8c90b2;
    padding-top: 0;
}

.table-wrapper .primary-table .table-body .table-data {
    font-size: 12px;
    color: #061058;
}

.table-wrapper .primary-table .table-body .table-row:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-wrapper .primary-table .table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E2EB;
    padding: 10px;
}

.table-wrapper .primary-table .table-data {
    padding: 10px;
}

    .table-wrapper .primary-table .table-data .sub-detail {
        font-size: 12px;
        color: #999baa;
    }

.table-wrapper .primary-table .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.table-wrapper .tag {
    width: 160px;
    text-align: center;
}

.table-wrapper {
    overflow-x: auto;
}

table.primary-table, table#simpletable {
    min-width: 100%;
}

    table.primary-table thead td, table.primary-table thead th, table#simpletable thead td, table#simpletable thead th {
        /*font-size: 0.889rem;
        font-weight: bold;*/
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.05em;
        text-align: left;
        color: #8c90b2;
        padding-top: 0;
        white-space: nowrap;
    }

    table.primary-table .dataTables_empty, table#simpletable .dataTables_empty {
        text-align: center;
        padding: 5px 10px;
    }

    table.primary-table td, table.primary-table th, table#simpletable td, table#simpletable th {
        padding: 5px 10px;
        border-bottom: 1px solid #E1E2EB;
    }

    table.primary-table tbody td, table#simpletable tbody td {
        font-size: 14px;
        color: #061058;
        text-align: left;
    }

        table.primary-table tbody td *, table#simpletable tbody td * {
            font-size: 14px !important;
        }




table.primary-table, table.simpletable {
    min-width: 100%;
}

    table.primary-table thead td, table.primary-table thead th, table.simpletable thead td, table#.impletable thead th {
        font-size: 0.889rem;
        font-weight: bold;
        letter-spacing: -0.05em;
        text-align: left;
        color: #8c90b2;
        padding-top: 0;
        white-space: nowrap;
    }

    table.primary-table .dataTables_empty, table.simpletable .dataTables_empty {
        text-align: center;
        padding: 5px 10px;
    }

    table.primary-table td, table.primary-table th, table.simpletable td, table.simpletable th {
        padding: 5px 10px;
        border-bottom: 1px solid #E1E2EB;
    }

    table.primary-table tbody td, table.simpletable tbody td {
        font-size: 14px;
        color: #061058;
        text-align: left;
    }

        table.primary-table tbody td *, table.simpletable tbody td * {
            font-size: 14px !important;
        }











.table-wrapper .dataTables_length {
    font-size: 0.889rem;
    color: #999baa !important;
    font-weight: 600;
}

    .table-wrapper .dataTables_length select {
        border: 1px solid #E1E2EB;
        border-radius: 8px;
        padding: 5px;
        font-size: 0.899rem;
        line-height: 1.5;
        letter-spacing: -0.03em;
        color: #061058;
        appearance: none;
        -webkit-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.811' height='8.279' viewBox='0 0 16.811 8.279'%3E%3Cg id='icon' transform='translate(1.406 1.406)'%3E%3Cpath id='Path_81' data-name='Path 81' d='M0,14,5.593,7.088,0,0' transform='translate(14) rotate(90)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 14px 6px;
        background-position: center right 5px;
        padding-right: 20px !important;
        margin: 0 5px;
    }

.table-wrapper .dataTables_filter {
    margin-bottom: 20px;
}

    .table-wrapper .dataTables_filter label {
        font-weight: 500;
        font-size: 0.8rem;
        margin-bottom: 0;
        color: #999baa;
    }

    .table-wrapper .dataTables_filter input {
        border-radius: 8px !important;
        border: 1px solid #E1E2EB !important;
        padding: 7px 9px !important;
        font-size: 0.899rem;
        line-height: 1.5;
        letter-spacing: -0.03em;
        color: #061058;
        margin-left: 10px !important;
    }

        .table-wrapper .dataTables_filter input:focus {
            border: 1px solid #999baa;
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        }

.table-wrapper #simpletable {
    margin-top: 20px;
}

.table-wrapper .dataTables_info {
    font-weight: 500;
    color: #999baa !important;
    font-size: 0.889rem;
}

.table-wrapper #simpletable_paginate a {
    border: 1px solid #E1E2EB;
    border-radius: 8px;
    color: #999baa !important;
    cursor: pointer;
    background: none;
    font-size: 14px;
}

    .table-wrapper #simpletable_paginate a:hover, .table-wrapper #simpletable_paginate a:focus {
        border: 1px solid #999baa;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }

    .table-wrapper #simpletable_paginate a.current {
        background-color: #999baa !important;
        color: #fff !important;
    }

/*-------------- Links ---------------*/
a.primary-link {
    text-decoration: none;
    color: #1994E0;
}

    a.primary-link:hover {
        text-decoration: underline;
    }

/* -------------------------------------------
Header
------------------------------------------- */
.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    z-index: 200;
}

    .page-header .heading-page {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 18px;
        width: fit-content;
        left: 250px;
        font-weight: 600;
        font-size: 0.899rem;
        color: #061058;
        white-space: nowrap;
    }

@media screen and (max-width: 991px) {
    .page-header .heading-page {
        left: 120px;
    }
}

.page-header .left-side {
    display: flex;
    align-items: center;
}

    .page-header .left-side .menu-icon {
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

        .page-header .left-side .menu-icon > div {
            width: 100%;
            height: 4px;
            margin-bottom: 4px;
            background-color: #1994E0;
            border-radius: 50px;
            transition: all 0.4s ease 0s;
        }

@media screen and (max-width: 991px) {
    .page-header .left-side .menu-icon > div {
        background-color: #061058 !important;
        width: 100% !important;
    }
}

.page-header .left-side .menu-icon > div:first-child {
    width: 50%;
}

.page-header .left-side .menu-icon > div:last-child {
    width: 70%;
}

.page-header .left-side .menu-icon:hover > div {
    width: 100% !important;
}

@media screen and (max-width: 991px) {
    .page-header .left-side .menu-icon:hover > div:nth-child(2) {
        width: 70% !important;
    }
}

@media screen and (max-width: 991px) {
    .page-header .left-side .menu-icon:hover > div:nth-child(3) {
        width: 50% !important;
    }
}

.page-header .left-side .favicon {
    margin-left: 20px;
}

    .page-header .left-side .favicon img {
        width: 50px;
    }

.page-header .right-side {
    display: flex;
    align-items: center;
}

    .page-header .right-side .welcome-content {
        font-weight: normal;
        font-size: 0.8rem;
        color: #061058;
        white-space: nowrap;
        margin-right: 20px;
    }

@media screen and (max-width: 575px) {
    .page-header .right-side .welcome-content {
        display: none;
    }
}

.page-header .right-side .profile {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}

    .page-header .right-side .profile img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .page-header .right-side .profile::after {
        content: '';
        position: absolute;
        width: 14px;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.811' height='8.279' viewBox='0 0 16.811 8.279'%3E%3Cg id='icon' transform='translate(1.406 1.406)'%3E%3Cpath id='Path_81' data-name='Path 81' d='M0,14,5.593,7.088,0,0' transform='translate(14) rotate(90)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.page-header .right-side .options-list {
    display: none;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    width: 215px;
    right: 0;
}

.close-sidebar.open-in-mbl .side-bar .navigation nav > ul ul li a {
    font-size: 0.889rem;
}

@media screen and (min-width: 992px) {
    .close-sidebar .menu-icon > div {
        background-color: #061058 !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 992px) {
    .close-sidebar .menu-icon:hover > div:nth-child(2) {
        width: 70% !important;
    }
}

@media screen and (min-width: 992px) {
    .close-sidebar .menu-icon:hover > div:nth-child(3) {
        width: 50% !important;
    }
}

@media screen and (max-width: 991px) {
    .open-in-mbl .left-side .menu-icon > div {
        background-color: #1994E0 !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .open-in-mbl .left-side .menu-icon > div:nth-child(1) {
        width: 50% !important;
    }
}

@media screen and (max-width: 991px) {
    .open-in-mbl .left-side .menu-icon > div:nth-child(3) {
        width: 70% !important;
    }
}

@media screen and (max-width: 991px) {
    .open-in-mbl .left-side .menu-icon:hover > div:nth-child(1), .open-in-mbl .left-side .menu-icon:hover > div:nth-child(2), .open-in-mbl .left-side .menu-icon:hover > div:nth-child(3) {
        width: 100% !important;
    }
}

/* -------------------------------------------
Side Bar
------------------------------------------- */
.side-bar {
    width: 270px;
    height: 100%;
    background: #f2faff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    padding-top: 100px;
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 991px) {
    .side-bar {
        transform: translateX(-100%);
    }
}

.side-bar .button-block {
    text-align: center;
    margin-bottom: 20px;
}

.side-bar .navigation {
    max-height: calc(100vh - 100px);
    overflow: auto;
}

    .side-bar .navigation nav ul {
        list-style: none;
    }

    .side-bar .navigation nav > ul > li {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -0.05em;
        color: #999baa;
        padding: 0 20px;
        margin-bottom: 10px;
    }

    .side-bar .navigation nav > ul ul {
        /*margin-bottom: 30px;*/
    }

        .side-bar .navigation nav > ul ul li {
            white-space: nowrap;
            transition: all 0.4s ease 0s;
        }

            .side-bar .navigation nav > ul ul li a {
                font-size: 0.889rem;
                text-align: left;
                color: #999baa;
                text-decoration: none;
                display: flex;
                align-items: center;
                padding: 14px 20px;
                text-transform: uppercase;
                letter-spacing: 0.02em;
                transition: all 0.4s ease 0s;
            }

.close-sidebar .side-bar .navigation nav > ul ul li a {
    font-size: 0;
}

.side-bar .navigation nav > ul ul li a .text {
    margin-left: 14px;
}

.side-bar .navigation nav > ul ul li:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.side-bar .navigation nav > ul ul li.active {
    background-color: rgba(0, 0, 0, 0.05);
    position: relative;
}

    .side-bar .navigation nav > ul ul li.active::before {
        content: '';
        width: 4px;
        height: 100%;
        background-color: #1994E0;
        left: 0;
        top: 0;
        position: absolute;
    }

    .side-bar .navigation nav > ul ul li.active a {
        color: #061058;
        font-weight: 600;
        // pointer-events: none !important;
        cursor: pointer;
    }

.side-bar .navigation nav > ul ul li.has-child {
    position: relative;
}

    .side-bar .navigation nav > ul ul li.has-child::after {
        content: '';
        width: 8px;
        height: 8px;
        transform: rotate(135deg);
        border: 1px solid #061058;
        border-width: 2px 2px 0 0;
        position: absolute;
        right: 20px;
        top: 20px;
    }

.close-sidebar .side-bar .navigation nav > ul ul li.has-child::after {
    content: unset;
}

.side-bar .navigation nav > ul ul li.has-child > a {
    pointer-events: none !important;
}

.side-bar .navigation nav > ul ul li.has-child ul a {
    padding-left: 60px;
    font-weight: normal;
}

.side-bar .navigation nav > ul ul li.has-child ul .active a {
    font-weight: 500;
}

@media screen and (min-width: 992px) {
    .close-sidebar .side-bar {
        width: 70px;
    }
}

@media screen and (min-width: 992px) {
    .close-sidebar .side-bar .navigation nav > ul > li {
        font-size: 0;
        position: absolute;
    }
}

@media screen and (min-width: 992px) {
    .close-sidebar .side-bar .navigation nav > ul ul {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .close-sidebar .side-bar .navigation nav > ul ul li a .text {
        position: absolute;
        font-size: 0;
    }
}

@media screen and (max-width: 991px) {
    .open-in-mbl .side-bar {
        transform: none;
        max-width: 100%;
    }
}

/* -------------------------------------------
Main Content
------------------------------------------- */
/* -------------------------------------------
Pages
------------------------------------------- */
/*-------------- Common styles ---------------*/
.white-box {
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(205, 208, 227, 0.29);
    padding: 30px;
    margin-bottom: 40px;
}

@media screen and (max-width: 575px) {
    .white-box {
        padding: 15px 10px;
    }
}

.white-box.with-shadow {
    box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

.white-box.note {
    font-size: 0.889rem;
    color: #7f7f7f;
    line-height: 1.5;
    background-color: #FFFFF6;
}

.main-content {
    width: calc(100% - 250px);
    margin-left: auto;
    padding: 40px;
    padding-top: 100px;
    transition: all 0.4s ease 0s;
}

@media screen and (max-width: 991px) {
    .main-content {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .main-content {
        padding: 20px 10px;
        padding-top: 100px;
    }
}

.main-content > .normal-heading, .main-content .row-justify {
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) {
    .close-sidebar .main-content {
        width: calc(100% - 70px);
    }
}

.input-fields-block {
    margin-bottom: 30px;
}

    .input-fields-block .text-light {
        margin-bottom: 20px;
    }

.button-block-right-aligned, .button-block-center-aligned {
    display: flex;
}

@media screen and (max-width: 575px) {
    .button-block-right-aligned, .button-block-center-aligned {
        flex-direction: column;
    }
}

.button-block-right-aligned a, .button-block-center-aligned a {
    margin: 0 10px;
}

@media screen and (max-width: 575px) {
    .button-block-right-aligned a, .button-block-center-aligned a {
        margin: 5px 0;
    }
}

.button-block-right-aligned a:last-child, .button-block-center-aligned a:last-child {
    margin-right: 0;
}

.button-block-right-aligned {
    justify-content: flex-end;
}

.button-block-center-aligned {
    justify-content: center;
}

.row-justify {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .row-justify.column-mbl {
        flex-direction: column;
    }
}


.row-justify.bottom-border {
    padding-bottom: 10px;
    border-bottom: 1px solid #E1E2EB;
    margin-bottom: 20px;
}

.dashboard-content .summary-grid .grid-block {
    display: flex;
}

@media screen and (max-width: 767px) {
    .dashboard-content .summary-grid .grid-block {
        flex-wrap: wrap;
    }
}

.dashboard-content .summary-grid .grid-block .list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 33.33%;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 20px 0;
    border-right: 1px solid #E1E2EB;
}

@media screen and (max-width: 767px) {
    .dashboard-content .summary-grid .grid-block .list {
        width: 50%;
        border-right: 0;
    }
}

@media screen and (max-width: 575px) {
    .dashboard-content .summary-grid .grid-block .list {
        width: 100%;
        align-items: flex-start;
        margin-top: 20px;
        margin-bottom: 0;
        padding: 10px;
    }
}

.dashboard-content .summary-grid .grid-block .list:last-child {
    border-right: 0;
}

.dashboard-content .summary-grid .grid-block .list > div {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .dashboard-content .summary-grid .grid-block .list > div {
        flex-direction: column;
        align-items: unset;
    }
}

@media screen and (max-width: 767px) {
    .dashboard-content .summary-grid .grid-block .list > div {
        flex-direction: row;
        align-items: center;
    }
}

.dashboard-content .summary-grid .grid-block .list .icon {
    margin-right: 24px;
}

@media screen and (max-width: 1200px) {
    .dashboard-content .summary-grid .grid-block .list .icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .dashboard-content .summary-grid .grid-block .list .icon {
        margin-right: 10px;
        margin-bottom: 0;
    }
}

.dashboard-content .summary-grid .grid-block .list .icon img {
    width: 64px;
}

.dashboard-content .summary-grid .grid-block .list .label {
    font-weight: normal;
    font-size: 0.889rem;
    letter-spacing: -0.05em;
    color: #061058;
    opacity: 0.7;
    margin-bottom: 10px;
}

.dashboard-content .summary-grid .grid-block .list .content .value {
    font-size: 2rem;
    color: #061058;
}

.dashboard-content .summary-grid .grid-block .list .content .link {
    font-size: 14px;
    color: #949494;
    transform: translate(-80px, 15px);
}

    .dashboard-content .summary-grid .grid-block .list .content .link a {
        color: #1994E0;
        font-weight: 600;
        transition: all 0.4s ease 0s;
    }

        .dashboard-content .summary-grid .grid-block .list .content .link a:hover {
            color: #061058;
        }

.dashboard-content .summary-grid .grid-block.with-links .content .label {
    margin-bottom: 2px;
}

.dashboard-content .active-users .text-light {
    margin-bottom: 20px;
}

.dashboard-content .active-users .table-wrapper .primary-table .table-data {
    width: 15%;
}

    .dashboard-content .active-users .table-wrapper .primary-table .table-data:first-child {
        width: 30%;
    }

@media screen and (max-width: 767px) {
    .dashboard-content .active-users .table-wrapper .primary-table .table-data:first-child {
        width: 100% !important;
    }
}

.dashboard-content .active-users .table-wrapper .primary-table .table-data:nth-child(2) {
    width: 25%;
}

.dashboard-content .active-users .table-wrapper .user-detail {
    display: flex;
    align-items: center;
}

    .dashboard-content .active-users .table-wrapper .user-detail .profile-img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 20px;
    }

    .dashboard-content .active-users .table-wrapper .user-detail .name {
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5;
        color: #061058;
    }

@media screen and (max-width: 767px) {
    .dashboard-content .active-users .table-wrapper .table-head {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .dashboard-content .active-users .table-wrapper .table-data {
        width: unset !important;
    }
}

@media screen and (max-width: 767px) {
    .dashboard-content .active-users .table-wrapper .table-row {
        flex-wrap: wrap;
    }
}

.form-in-center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    text-align: center;
}

    .form-in-center > div {
        width: 500px;
        max-width: 90%;
    }

    .form-in-center .logo-block {
        margin-bottom: 40px;
    }

        .form-in-center .logo-block img {
            width: 250px;
            max-width: 90%;
        }

    .form-in-center .normal-heading {
        margin-bottom: 20px;
    }

    .form-in-center .form-wrapper {
        text-align: left;
    }

    .form-in-center .submit-button {
        width: 100%;
    }

.add-new-content .normal-heading {
    margin-bottom: 5px;
}

.add-new-content .radio-button-block {
    margin: 20px 0;
}

    .add-new-content .radio-button-block .radio-box {
        position: relative;
    }

        .add-new-content .radio-button-block .radio-box .data {
            font-weight: 500;
            font-size: 0.889rem;
            letter-spacing: -0.05em;
            text-align: center;
            color: #999baa;
            width: 100%;
            background: #fbfdff;
            border: 1px solid rgba(205, 208, 227, 0.29);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease 0s;
            margin: 10px 0;
            height: 200px;
        }

            .add-new-content .radio-button-block .radio-box .data .image-block {
                width: 100px;
                height: 100px;
                border-radius: 20px;
                background: linear-gradient(#f4faff 0%, #e5f3ff 100%);
                margin-bottom: 20px;
                padding: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .add-new-content .radio-button-block .radio-box .data .image-block img {
                    width: 100%;
                }

            .add-new-content .radio-button-block .radio-box .data::before {
                content: '';
                position: absolute;
                width: 60px;
                height: 40px;
                background: #1994e0;
                transform: rotate(-45deg);
                top: -18px;
                left: -25px;
                opacity: 0;
                transition: all 0.4s ease 0s;
            }

            .add-new-content .radio-button-block .radio-box .data::after {
                content: '';
                position: absolute;
                opacity: 0;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.226' height='12.093' viewBox='0 0 15.226 12.093'%3E%3Cpath id='Path_4' data-name='Path 4' d='M0,6.888,2.706,9.594a.069.069,0,0,0,.1,0L12.4,0' transform='translate(1.414 1.414)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100%;
                width: 14px;
                height: 14px;
                left: 5px;
                top: 5px;
                transition: all 0.4s ease 0s;
            }

        .add-new-content .radio-button-block .radio-box input[type="radio"] {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 5;
            opacity: 0;
            cursor: pointer;
        }

            .add-new-content .radio-button-block .radio-box input[type="radio"]:checked ~ .data {
                border-color: #1994E0;
                border-radius: 0 20px 20px 20px;
            }

                .add-new-content .radio-button-block .radio-box input[type="radio"]:checked ~ .data::before, .add-new-content .radio-button-block .radio-box input[type="radio"]:checked ~ .data::after {
                    opacity: 1;
                    z-index: 1;
                }

.input-fields-with-button {
    display: flex;
}

@media screen and (max-width: 767px) {
    .input-fields-with-button {
        flex-direction: column;
    }
}

.input-fields-with-button .fields-area {
    width: calc(100% - 55px);
    padding-right: 30px;
}

@media screen and (max-width: 767px) {
    .input-fields-with-button .fields-area {
        width: 100%;
        padding-right: 0;
    }
}

.input-fields-with-button .button-area {
    width: 55px;
}

@media screen and (max-width: 767px) {
    .input-fields-with-button .button-area {
        width: 100%;
        text-align: end;
    }
}

.input-fields-with-button .button-area button {
    width: 55px;
    height: 55px;
    border: 0;
    background: none;
    margin: 15px 0;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .input-fields-with-button .button-area button {
        margin: 5px 0;
    }
}

.check-history .button-block {
    display: flex;
}

    .check-history .button-block a {
        display: block;
        margin-right: 10px;
    }

    .check-history .button-block img {
        display: block;
    }

.check-history .search-bar input {
    width: 300px !important;
}

.check-history .filters {
    display: flex;
    flex-wrap: wrap;
}

    .check-history .filters > div {
        margin-left: 10px;
        margin-bottom: 20px;
        padding: 10px 30px;
        border: 0;
        color: #fff;
        border-radius: 10px;
        font-size: 0.889rem;
        font-weight: 600;
        position: relative;
        cursor: pointer;
        background-color: #061058;
    }

        .check-history .filters > div::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 4px;
            left: 0;
            bottom: -10px;
            opacity: 0;
            transition: all 0.4s ease 0s;
            border-radius: 10px;
            background-color: #061058;
        }

        .check-history .filters > div::after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='10.44' viewBox='0 0 14.828 10.44'%3E%3Cpath id='Path_155' data-name='Path 155' d='M0,4,3.929,7.929a.1.1,0,0,0,.141,0L12,0' transform='translate(1.414 1.414)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0;
            transition: all 0.4s ease 0s;
        }

    .check-history .filters .active::before, .check-history .filters .active::after {
        opacity: 1;
    }

    .check-history .filters .orange {
        background-color: #1AB2C2 !important;
    }

        .check-history .filters .orange::before {
            background-color: #1AB2C2 !important;
        }

    .check-history .filters .green {
        background-color: #12912B !important;
    }

        .check-history .filters .green::before {
            background-color: #005e13 !important;
        }

    .check-history .filters .red {
        background-color: #ee9b2e !important;
    }

        .check-history .filters .red::before {
            background-color: #ee9b2e !important;
        }

.check-history .verification-sevices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .check-history .verification-sevices > div {
        margin-bottom: 5px;
    }

        .check-history .verification-sevices > div:last-child {
            margin-bottom: 0;
        }

.check-history td {
    padding: 20px 10px !important;
}

.check-history .primary-table {
    padding-bottom: 30px;
}

.check-history .final-status {
    position: relative;
    cursor: pointer;
}

    .check-history .final-status::after {
        content: '';
        position: absolute;
        width: 14px;
        height: 6px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.811' height='8.279' viewBox='0 0 16.811 8.279'%3E%3Cg id='icon' transform='translate(1.406 1.406)'%3E%3Cpath id='Path_81' data-name='Path 81' d='M0,14,5.593,7.088,0,0' transform='translate(14) rotate(90)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        cursor: pointer;
    }

    .check-history .final-status .options-list {
        position: absolute;
        right: 0;
        width: 200px;
        display: none;
    }

.steps-with-right-image .step {
    margin-bottom: 20px;
    padding: 0 15px;
}

    .steps-with-right-image .step .content-block .name {
        color: #061058;
        font-size: 1.2rem;
        font-weight: 900;
        text-transform: uppercase;
    }

    .steps-with-right-image .step .image-block {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 130px;
        height: 130px;
        margin: 0 auto;
        background-color: rgba(153, 155, 170, 0.1);
        border-radius: 50%;
        overflow: hidden;
        cursor: zoom-in;
    }

        .steps-with-right-image .step .image-block img {
            /* width: 80px; */
            max-width: 100%;
            display: block;
            transform: scale(1.8);
        }

.zoom-image {
    background-color: #000;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11111111111;
}

#zoom-img {
    display: block;
    position: fixed;
    max-height: 90vh;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 11111111;
}

.drop-down-group {
    margin: 10px 0;
    border: 1px solid #E1E2EB;
    padding: 10px;
}

    .drop-down-group .heading {
        font-size: 1rem;
        font-weight: bold;
        color: #061058;
        padding: 10px 0;
        position: relative;
        cursor: pointer;
    }

        .drop-down-group .heading span {
            opacity: 0.34;
            font-style: italic;
            font-weight: 400;
            font-size: 0.889rem;
        }

        .drop-down-group .heading::after {
            content: '';
            position: absolute;
            width: 14px;
            height: 6px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.811' height='8.279' viewBox='0 0 16.811 8.279'%3E%3Cg id='icon' transform='translate(1.406 1.406)'%3E%3Cpath id='Path_81' data-name='Path 81' d='M0,14,5.593,7.088,0,0' transform='translate(14) rotate(90)' fill='none' stroke='%23054165' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .drop-down-group .example-layer {
        background-color: #f8f8f8;
        border: 1px solid #e7e7e7;
        padding: 10px 20px 0px 20px;
        margin-bottom: 20px;
    }

        .drop-down-group .example-layer input[type="text"]:read-only, .drop-down-group .example-layer input[type="email"]:read-only, .drop-down-group .example-layer input[type="number"]:read-only, .drop-down-group .example-layer input[type="password"]:read-only {
            font-size: 14px;
            padding: 10px 5px;
        }

.tooltip-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .tooltip-wrapper .tooltip-name {
        font-size: 12px;
        color: #1994E0;
        text-decoration: underline;
    }

    .tooltip-wrapper .tooltip-content {
        position: absolute;
        left: 0;
        top: 100%;
        width: 500px;
        padding: 20px;
        box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        background-color: #fff;
        z-index: -111;
        opacity: 0;
        transition: all 0.4s ease 0s;
        border: 1px solid #E1E2EB;
        font-size: 14px;
        color: #061058;
        font-weight: normal;
    }

    .tooltip-wrapper.top-position .tooltip-content {
        top: 0;
        bottom: unset;
        transform: translate(-50%, -100%) !important;
    }

    .tooltip-wrapper .tooltip-content img {
        max-width: 100%;
    }

    .tooltip-wrapper:hover .tooltip-content {
        z-index: 111;
        opacity: 1;
    }

.error-page .image-block {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

    .error-page .image-block svg {
        width: 100%;
    }

.error-page .content-block {
    text-align: center;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 50px;
}

    .error-page .content-block .main-heading {
        color: #061058;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 900;
        margin-bottom: 20px;
    }

    .error-page .content-block .message {
        color: #949494;
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 20px;
    }

.logo-main {
    margin: 0 auto;
    margin-top: 20px;
    width: 1400px;
    max-width: 90%;
}

    .logo-main img {
        width: 300px;
    }

.footer-text {
    margin: 0 auto;
    width: 1400px;
    max-width: 90%;
    font-size: 14px;
    color: #999baa;
}

    .footer-text a {
        color: #061058;
        text-decoration: none;
        transition: all 0.4s ease 0s;
    }

        .footer-text a:hover {
            color: #1994E0;
        }

.value-with-label .group {
    display: flex;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(205, 208, 227, 0.29);
}

    .value-with-label .group .label {
        width: 150px;
        color: #949494;
        font-weight: normal;
        font-size: 0.889rem;
    }

    .value-with-label .group .value {
        color: #061058;
        font-weight: 600;
        font-size: 0.889rem;
        width: calc(100% - 150px);
    }

.image-with-delete-list {
    display: flex;
}

    .image-with-delete-list .list {
        position: relative;
        margin: 0 10px;
    }

        .image-with-delete-list .list .image {
            /*  background-size: 100%;*/
            background-repeat: no-repeat;
            background-position: center;
            width: 385px;
            height: 85px;
            transition: all 0.4s ease 0s;
            /* border: 1px solid #E1E2EB;*/
        }

        /*  .image-with-delete-list .list .image:hover {
                transform: scale(2);
                z-index: 1;
                position: relative;
            }*/

        .image-with-delete-list .list .delete-icon {
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            outline: 0;
            background-color: #061058;
            width: 20px;
            height: 20px;
            cursor: pointer;
            z-index: 1;
            border-radius: 50%;
            transform: translate(50%, -50%);
        }

            .image-with-delete-list .list .delete-icon > div {
                width: 60%;
                height: 2px;
                background-color: #fff;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

                .image-with-delete-list .list .delete-icon > div:first-child {
                    transform: rotate(45deg);
                }

                .image-with-delete-list .list .delete-icon > div:nth-child(2) {
                    transform: rotate(-45deg);
                }

            .image-with-delete-list .list .delete-icon button {
                width: 100%;
                height: 100%;
                opacity: 0;
                position: relative;
                z-index: 2;
                cursor: pointer;
            }

.page-footer {
    margin-top: 200px;
    border-top: 1px solid #E1E2EB;
    padding-top: 20px;
}

    .page-footer .sub {
        font-size: 12px;
    }

.qr-code-screen {
    text-align: center;
}

    .qr-code-screen .row {
        margin-top: 50px;
    }

        .qr-code-screen .row > div {
            padding: 30px !important;
            padding-left: 30px !important;
            padding-right: 30px !important;
            padding-top: 30px !important;
            padding-bottom: 30px !important;
            box-sizing: border-box !important;
        }

            .qr-code-screen .row > div img {
                max-width: 100%;
                width: 300px;
                margin: 0 auto;
                margin-top: 20px;
            }

/*-------------- Login ---------------*/
.login-section {
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .login-section .login-content {
        width: 1400px;
        max-width: 90%;
        min-height: 70vh;
        display: flex;
        padding: 0 !important;
    }

@media screen and (max-width: 767px) {
    .login-section .login-content {
        width: 100%;
        max-width: unset;
        height: 100vh;
        position: relative;
        border: 0;
    }
}

.login-section .login-content .image-block {
    background-image: url("../assets/images/login-BG-image.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 400px;
    position: relative;
    border-radius: 0px 30px 30px 0px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
}

@media screen and (max-width: 1200px) {
    .login-section .login-content .image-block {
        width: 300px;
    }
}

@media screen and (max-width: 767px) {
    .login-section .login-content .image-block {
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 0;
        transition: all 0.4s ease 0s;
    }
}

.login-section .login-content .image-block::after {
    content: 'identity verification';
    color: #061058;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
}

.login-section .login-content .image-block img {
    position: relative;
    z-index: 1;
    width: 150px;
    display: none;
}

.login-section .login-content .image-block .start-button {
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: #061058;
    opacity: 0.8;
    transition: all 0.4s ease 0s;
    position: relative;
    z-index: 1;
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: none;
    text-transform: uppercase;
    padding-right: 26px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .login-section .login-content .image-block .start-button {
        display: inline-block;
    }
}

.login-section .login-content .image-block .start-button::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.762' height='14.508' viewBox='0 0 21.762 14.508'%3E%3Cg id='login' transform='translate(0 -7.254)'%3E%3Cg id='Group_5' data-name='Group 5'%3E%3Cg id='Group_4' data-name='Group 4'%3E%3Cpath id='Path_11' data-name='Path 11' d='M13.495,141.46a.6.6,0,0,0,.817.891l7.254-6.649a.6.6,0,0,0,0-.891l-7.254-6.649a.6.6,0,1,0-.817.891l6.109,5.6H.6a.6.6,0,1,0,0,1.209h19Z' transform='translate(0 -120.749)' fill='%23061058'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: all 0.4s ease 0s;
}

.login-section .login-content .image-block .start-button:hover {
    opacity: 1;
}

    .login-section .login-content .image-block .start-button:hover::after {
        transform: translateX(5px);
    }

.login-section .login-content .form-block {
    width: calc(100% - 400px);
    padding: 60px;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .login-section .login-content .form-block {
        width: calc(100% - 300px);
    }
}

@media screen and (max-width: 767px) {
    .login-section .login-content .form-block {
        width: 100%;
        transform: translateX(100%);
        transition: all 0.4s ease 0s;
    }
}

.login-section .login-content .form-block > div {
    width: 450px;
    max-width: 100%;
    margin: 0 auto;
}

.login-section .login-content .form-block .logo {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

    .login-section .login-content .form-block .logo img {
        width: 200px;
    }

@media screen and (max-width: 767px) {
    .login-section .login-content .form-block .logo img {
        width: 100px;
    }
}

.login-section .login-content .form-block .extra-large-heading {
    margin-bottom: 10px;
    text-align: center;
}

.login-section .login-content .form-block .text-light {
    margin-bottom: 30px;
    text-align: center;
}

.login-section .login-content .form-block .login-form-group {
    position: relative;
    margin-bottom: 20px;
}

    .login-section .login-content .form-block .login-form-group label {
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-align: left;
        color: #061058;
        opacity: 0.4;
        text-transform: uppercase;
        position: absolute;
        left: 30px;
        top: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s ease 0s;
    }

    .login-section .login-content .form-block .login-form-group input {
        width: 100%;
        height: 60px;
        background: #fff;
        box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.08);
        border: 0;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        color: #061058;
        padding: 5px 30px;
    }

        .login-section .login-content .form-block .login-form-group input:focus ~ .mark {
            width: 6px;
        }

    .login-section .login-content .form-block .login-form-group .mark {
        position: absolute;
        height: 100%;
        width: 0;
        left: 0;
        top: 0;
        background-color: #1994E0;
        transition: all 0.4s ease 0s;
    }

.login-section .login-content .form-block .button-block {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

    .login-section .login-content .form-block .button-block .submit-button {
        display: block;
        font-weight: 900;
        font-size: 1rem;
        letter-spacing: 0.05em;
        color: #061058;
        opacity: 0.6;
        text-decoration: none;
        position: relative;
        padding-right: 26px;
        transition: all 0.4s ease 0s;
    }

        .login-section .login-content .form-block .button-block .submit-button::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 20px;
            height: 20px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.762' height='14.508' viewBox='0 0 21.762 14.508'%3E%3Cg id='login' transform='translate(0 -7.254)'%3E%3Cg id='Group_5' data-name='Group 5'%3E%3Cg id='Group_4' data-name='Group 4'%3E%3Cpath id='Path_11' data-name='Path 11' d='M13.495,141.46a.6.6,0,0,0,.817.891l7.254-6.649a.6.6,0,0,0,0-.891l-7.254-6.649a.6.6,0,1,0-.817.891l6.109,5.6H.6a.6.6,0,1,0,0,1.209h19Z' transform='translate(0 -120.749)' fill='%231994e0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            transition: all 0.4s ease 0s;
        }

        .login-section .login-content .form-block .button-block .submit-button:hover {
            opacity: 1;
        }

            .login-section .login-content .form-block .button-block .submit-button:hover::after {
                transform: translateX(5px);
            }

.login-section .login-content .form-block .bottom {
    text-align: left;
    font-weight: normal;
    font-size: 0.7rem;
    color: #999baa;
    margin-bottom: 10px;
}

    .login-section .login-content .form-block .bottom a {
        color: #999baa;
        transition: all 0.4s ease 0s;
    }

        .login-section .login-content .form-block .bottom a:hover {
            color: #061058;
        }

@media screen and (max-width: 767px) {
    .login-section.show-form .image-block {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 767px) {
    .login-section.show-form .form-block {
        transform: none;
    }
}

/*-------------- Client flow ---------------*/
.client-flow-screen {
    min-height: 100vh;
    display: flex;
    justify-content: center;
}

    .client-flow-screen .title-block {
        color: #fff;
        background-color: #061058;
        padding: 10px 20px;
        font-size: 0.889rem;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
    }

    .client-flow-screen .content-block {
        width: 500px;
        max-width: 95%;
        padding: 10px 0;
    }

        .client-flow-screen .content-block.extra-width {
            width: 800px;
        }

        .client-flow-screen .content-block .logo-block {
            margin-bottom: 10px;
            text-align: center;
        }

            .client-flow-screen .content-block .logo-block img {
                width: 80px;
            }

        .client-flow-screen .content-block .after-logo-text {
            margin-bottom: 20px;
            text-align: center;
        }

            .client-flow-screen .content-block .after-logo-text .main-heading {
                font-weight: 700;
                font-size: 1.5rem;
                color: #061058;
            }

            .client-flow-screen .content-block .after-logo-text .sub-heading {
                font-weight: 500;
                font-size: 1.1rem;
                color: #061058;
            }

        .client-flow-screen .content-block .illutration {
            margin: 30px 0;
        }

            .client-flow-screen .content-block .illutration img {
                max-width: 100%;
            }

        .client-flow-screen .content-block .white-box .normal-heading {
            margin-bottom: 5px;
        }

        .client-flow-screen .content-block .white-box .form-block {
            margin-top: 30px;
            min-height: 50vh;
            position: relative;
            padding-bottom: 80px;
        }

        .client-flow-screen .content-block .white-box .button-fixed-bottom {
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
        }

        .client-flow-screen .content-block .input-file {
            margin-top: 30px;
        }

        .client-flow-screen .content-block .confirm-details .grouped {
            margin-bottom: 30px;
        }

            .client-flow-screen .content-block .confirm-details .grouped .title {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid rgba(205, 208, 227, 0.29);
                padding-bottom: 5px;
                margin-bottom: 10px;
            }

            .client-flow-screen .content-block .confirm-details .grouped:last-of-type {
                margin-bottom: 0;
            }

            .client-flow-screen .content-block .confirm-details .grouped .values {
                font-weight: 500;
                font-size: 0.889rem;
                letter-spacing: -0.03em;
                color: #999baa;
                margin-top: 5px;
            }

        .client-flow-screen .content-block .status {
            min-height: 60vh;
            text-align: center;
            background-size: 500px;
            background-position: center top -150px;
            background-repeat: no-repeat;
        }

            .client-flow-screen .content-block .status img {
                margin: 120px 0;
            }

            .client-flow-screen .content-block .status .extra-large-heading {
                margin-bottom: 20px;
            }

            .client-flow-screen .content-block .status .extra-large-heading {
                font-size: 1.8rem;
                margin-top: 60px;
                margin-bottom: 60px !important;
            }

            .client-flow-screen .content-block .status .message {
                margin-bottom: 40px;
            }

            .client-flow-screen .content-block .status .message {
                font-size: 1.11rem;
                color: #999baa;
            }

            .client-flow-screen .content-block .status.success {
                border-color: #62CD4D;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='498.209' height='290.835' viewBox='0 0 498.209 290.835'%3E%3Cpath id='Path_19' data-name='Path 19' d='M220,0H718.209V210.609S593.722,290.835,469.17,290.835,220,210.609,220,210.609Z' transform='translate(-220)' fill='rgba(98,205,77,0.1)'/%3E%3C/svg%3E%0A");
            }

                .client-flow-screen .content-block .status.success .extra-large-heading {
                    color: #62CD4D;
                }

            .client-flow-screen .content-block .status.unsuccess {
                border-color: #FF5D5D;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='498.209' height='290.835' viewBox='0 0 498.209 290.835'%3E%3Cpath id='Path_60' data-name='Path 60' d='M220,0H718.209V210.609S593.722,290.835,469.17,290.835,220,210.609,220,210.609Z' transform='translate(-220)' fill='rgba(255,93,93,0.18)'/%3E%3C/svg%3E%0A");
            }

                .client-flow-screen .content-block .status.unsuccess .extra-large-heading {
                    color: #FF5D5D;
                }

        .client-flow-screen .content-block .source-fund-success {
            text-align: center;
        }

            .client-flow-screen .content-block .source-fund-success .extra-large-heading {
                color: #62CD4D;
            }

            .client-flow-screen .content-block .source-fund-success .steps-details {
                margin-top: 50px;
            }

                .client-flow-screen .content-block .source-fund-success .steps-details .step {
                    text-align: start;
                    padding: 10px;
                }

                    .client-flow-screen .content-block .source-fund-success .steps-details .step .heading {
                        font-size: 1.2rem;
                        font-weight: 900;
                        color: #061058;
                    }

            .client-flow-screen .content-block .source-fund-success .text-center {
                margin-top: 40px;
            }

    .client-flow-screen .source-fund-steps .steps {
        margin: 20px 0;
    }

        .client-flow-screen .source-fund-steps .steps .step {
            border-left: 5px solid;
            padding: 10px 20px;
            margin: 20px 0;
        }

            .client-flow-screen .source-fund-steps .steps .step .extra-large-heading {
                font-size: 1.5rem;
                margin-bottom: 10px;
            }

            .client-flow-screen .source-fund-steps .steps .step .number {
                font-size: 2rem;
                font-weight: 900;
                opacity: 0.4;
                margin-bottom: 10px;
            }

            .client-flow-screen .source-fund-steps .steps .step p {
                width: 300px;
                max-width: 100%;
            }

            .client-flow-screen .source-fund-steps .steps .step:nth-child(1) {
                border-color: #FF7B7B;
            }

                .client-flow-screen .source-fund-steps .steps .step:nth-child(1) .number {
                    color: #FF7B7B;
                }

            .client-flow-screen .source-fund-steps .steps .step:nth-child(2) {
                border-color: #7B80FF;
            }

                .client-flow-screen .source-fund-steps .steps .step:nth-child(2) .number {
                    color: #7B80FF;
                }

            .client-flow-screen .source-fund-steps .steps .step:nth-child(3) {
                border-color: #7BDBFF;
            }

                .client-flow-screen .source-fund-steps .steps .step:nth-child(3) .number {
                    color: #7BDBFF;
                }

            .client-flow-screen .source-fund-steps .steps .step:nth-child(4) {
                border-color: #FFB97B;
            }

                .client-flow-screen .source-fund-steps .steps .step:nth-child(4) .number {
                    color: #FFB97B;
                }

.add-source-screen {
    width: 1200px !important;
}

    .add-source-screen .form-block {
        margin: 0 !important;
        padding-bottom: 0 !important;
        min-height: unset !important;
    }

    .add-source-screen .add-sources-button {
        position: relative;
    }

        .add-source-screen .add-sources-button .options-list {
            position: absolute;
            bottom: 100%;
            left: 0;
            display: none;
        }

            .add-source-screen .add-sources-button .options-list a {
                margin: 0;
                cursor: pointer;
            }

.show-in-lg {
    display: none;
}

@media screen and (max-width: 991px) {
    .show-in-lg {
        display: block;
    }
}

.show-on-md {
    display: none;
}

@media screen and (max-width: 767px) {
    .show-on-md {
        display: unset;
    }
}

.dz-progress {
    display: none !important;
}

.dropzone {
    border-radius: 24px !important;
    background: #fff;
    border: 2px dashed #E1E2EB !important;
    padding: 30px;
    position: relative;
}

.dz-default.dz-message span {
    font-weight: 500;
    font-size: 0.8rem;
    color: #999baa !important;
    margin-bottom: 5px;
}



.check-history .filters .notCompleted::before {
    background-color: #756C6C !important;
}

.notCompleted {
    background-color: #756C6C !important;
}

.suspened {
    background-color: red;
}

i.user-group-icon.yellow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.023' height='30' viewBox='0 0 30.023 30'%3E%3Cg id='_162_e-commerce' data-name='162 – e-commerce' transform='translate(0.012)'%3E%3Crect id='body' width='30' height='30' fill='none'/%3E%3Cg id='icon' transform='translate(12.565 1)'%3E%3Cpath id='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23FF7F27'/%3E%3Cpath id='Rectangle-2' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='none' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cg id='icon-2' data-name='icon' transform='translate(0.565 1)'%3E%3Cpath id='Rectangle-3' data-name='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23FF7F27'/%3E%3Cpath id='Rectangle-4' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='none' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919-2' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.633.094,12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3Cg id='icon-3' data-name='icon' transform='translate(6.565 12)'%3E%3Cpath id='Rectangle-5' data-name='Rectangle' d='M.637,0h5.1l.637,1.911L5.213,1.333a.318.318,0,0,0-.243-.017l-1.786.6L1.4,1.316a.318.318,0,0,0-.243.017L0,1.911Z' transform='translate(5.25 0.637)' fill='%23FF7F27'/%3E%3Cpath id='Rectangle-6' data-name='Rectangle' d='M.03,3.788A3.346,3.346,0,0,1,3.346,0h0A3.346,3.346,0,0,1,6.662,3.788L6.23,7.028A2.91,2.91,0,0,1,3.346,9.554h0A2.91,2.91,0,0,1,.462,7.028Z' transform='translate(5.088)' fill='%23fff' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='Path_919-3' data-name='Path 919' d='M4.613,0,1.631.746A1.274,1.274,0,0,0,.677,1.813L.443,3.569A1.911,1.911,0,0,0,2.337,5.732H14.532a1.911,1.911,0,0,0,1.894-2.163l-.234-1.756A1.274,1.274,0,0,0,15.238.746L12.256,0' transform='translate(0 10.827)' fill='none' stroke='%23FF7F27' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


.feedback-section .heading p {
    color: #1173b0;
    font-weight: 600;
    font-size: 0.889rem;
    margin-bottom: 10px;
}

.feedback-section .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

    .feedback-section .buttons div {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #bbb7b7;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999baa;
        font-size: 14px;
        margin: 2px;
        cursor: pointer;
    }

        .feedback-section .buttons div.active {
            background-color: #1994e0;
            color: #fff;
            border-color: #1994e0;
        }

input#phoneNumber {
    width: 100%;
    border-radius: 0 8px 8px 0;
    border: 1px solid #E1E2EB;
    padding: 10px 20px;
    font-size: 0.899rem;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #061058;
    height: 46px;
}

button#btn-country {
    width: 100%;
    border-radius: 8px 0 0 8px;
    border: 1px solid #E1E2EB;
    padding: 10px 20px;
    font-size: 0.899rem;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: #061058;
}

.fa-folder-open-o {
    font-size: 20px;
}

.fa-chevron-left {
    font-size: 20px;
}

.fa-id-card-o {
    font-size: 20px;
}


.buttonload {
    background: none;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 36px;
    color: #061058;
}

/* Start Sweet Alert*/
.swal2-confirm {
    background-color: #09518C !important;
    border: 1px solid #09518C;
    border-radius: 5px;
    min-width: 71px;
    color: #fff;
    font-weight: 500;
    font-size: 0.889rem;
}

.swal2-cancel {
    border: 1px solid #09518C;
    border-radius: 5px;
    min-width: 71px;
    color: #fff;
    font-weight: 500;
    font-size: 0.889rem;
}

.swal2-title {
    font-size: 20px !important;
    color: #090F4E;
}
/* End Sweet Alert*/
.text-box h5 {
    color: #090F4E;
    font-weight: 500;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 6px;
}

.custom-tooltip {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: normal;
    word-break: break-word !important;
    padding: 5px 10px !important;
}

/*.tooltip-inner {
    border-radius: 4px;
    background: #e6f0ff;*/ /*#09518C;*/
    /*opacity: 1;
    color: #0D6EFD;*/ /*var(--Text-Color-White, #FFF);*/
    /*font-feature-settings: 'liga'off, 'clig'off;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    word-wrap: break-word;*/ /* For older browsers */
    /*overflow-wrap: break-word;*/ /* For modern browsers */
    /*word-break: break-word;
}*/
.tooltip-inner {
    border-radius: 4px;
    background: #e6f0ff;
    opacity: 1;
    color: #0D6EFD;
    font-feature-settings: 'liga'off, 'clig'off;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    word-wrap: break-word; /* For older browsers */
    overflow-wrap: break-word; /* For modern browsers */
    word-break: break-word;
}



.tooltip.show {
    opacity: 1;
}

.tooltip-inner {
    display: inline-flex;
    padding: 8px 10px 8px 10px;
    text-align: left;
}

[data-popper-placement="right"] .tooltip-arrow::before {
    border-right-color: #e6f0ff !important;
}

[data-popper-placement="top"] .tooltip-arrow::before {
    border-top-color: #e6f0ff !important;
}

[data-popper-placement="left"] .tooltip-arrow::before {
    border-left-color: #e6f0ff !important;
}

[data-popper-placement="bottom"] .tooltip-arrow::before {
    border-bottom-color: #e6f0ff !important;
}

.remove-btn {
    color: #F5432C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border: 1px solid #F5432C;
    border-radius: 6px;
    background: rgba(245, 67, 44, 0.10);
    min-width: 118px;
    height: 44px;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .remove-btn img {
        margin-right: 10px;
    }

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-auto {
    margin-left: auto !important
}

.mt-22 {
    margin-top: 22px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-1 {
    margin-right: .1rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.ml-1 {
    margin-left: .1rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.search-box .form-control {
    height: 40px;
    border-color: #E2E8F0;
    border-radius: 8px;
    padding-right: 34px !important;
    padding-left: 34px !important;
}

.search-box .search-icon {
    position: absolute;
    top: 20%;
    left: 26px;
    display: flex;
    align-items: center;
}

.search-box .xmark-icon {
    position: absolute;
    top: 20%;
    right: 26px;
    align-items: center;
    width: 12px;
    left: auto !important;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.case-custom-search {
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(205, 208, 227, 0.29);
    padding: 15px 15px 0px;
}

.disabled-link {
    pointer-events: none; /* Prevents clicking */
    color: gray; /* Optional: Style change */
    text-decoration: none;
    opacity: 0.6;
}

.casemilestone-grid {
    display: grid;
    grid-template-columns: 48% 4% 48%;
    grid-gap: 10px;
}

    .casemilestone-grid .or-label {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .casemilestone-grid:has(.d-none) {
        grid-template-columns: 100%;
    }
.body-content {
    height: 100% !important;
    min-height: 100vh !important;
}
.p-0{
    padding:0px !important;
}