@charset "UTF-8";

    /*-------- Font-Family-------*/
    @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap');
    /*@import url('https://fonts.googleapis.com/css?family'Tajawal', sans-serif&display=swap');*/

    /*-------- Components css -------*/
    @import url(components.css);

    /*-------- Loaders css -------*/
    @import url(loaders.css);

    /*-------- Flags css -------*/
    @import url(flags.css);

    /*-------- Components-cols css-------*/
    @import url(components-cols.css);

    /*-------- Buttons Css -------*/
    @import url(buttons.css);

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

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent;
    }

    @-ms-viewport {
        width: device-width;
    }

    article,
    aside,
    dialog,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    nav,
    section {
        display: block;
    }

    .secondlevel ul {
        background: 0 0 !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    body {
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #080e1b;
        text-align: left;
        background-color: #ffffff;
        font-family: 'Tajawal', sans-serif;
    }

    [tabindex="-1"]:focus {
        outline: 0 !important;
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
        margin-bottom: 0.66em;
    }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    abbr[data-original-title],
    abbr[title] {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
        cursor: help;
        border-bottom: 0;
    }

    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
    }

    dl,
    ol,
    ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

    dt {
        font-weight: 700;
    }

    dd {
        margin-bottom: 0.5rem;
        margin-left: 0;
    }

    blockquote {
        margin: 0 0 1rem;
    }

    dfn {
        font-style: italic;
    }

    b,
    strong {
        font-weight: 600;
    }

    small {
        font-size: 80%;
    }

    sub,
    sup {
        position: relative;
        font-size: 75%;
        line-height: 0;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    a {
        color: #8492a6;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]):focus,
    a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none;
    }

    a:not([href]):not([tabindex]):focus {
        outline: 0;
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }

    pre {
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        -ms-overflow-style: scrollbar;
    }

    figure {
        margin: 0 0 1rem;
    }

    img {
        vertical-align: middle;
        border-style: none;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    caption {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        color: #505662;
        text-align: left;
        caption-side: bottom;
    }

    th {
        text-align: inherit;
    }

    label {
        display: inline-block;
        margin-bottom: 0.5rem;
    }

    button {
        border-radius: 0;
    }

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        margin: 0;
        font-size: inherit;
        line-height: inherit;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        font-family: sans-serif;
    }

    button,
    input {
        overflow: visible;
    }

    button,
    select {
        text-transform: none;
    }

    [type="reset"],
    [type="submit"],
    button,
    html [type="button"] {
        -webkit-appearance: button;
    }

    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner,
    button::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="time"] {
        -webkit-appearance: listbox;
    }

    textarea {
        overflow: auto;
        resize: vertical;
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

    legend {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: 1.5rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
    }

    progress {
        vertical-align: baseline;
    }

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: none;
    }

    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
    }

    output {
        display: inline-block;
    }

    summary {
        display: list-item;
        cursor: pointer;
    }

    template {
        display: none;
    }

    [hidden] {
        display: none !important;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 0.3em;
        font-weight: 500;
        line-height: 1.1;
        font-family: 'Tajawal', sans-serif;
    }

    .h1,
    h1 {
        font-size: 2.5rem;
        font-weight: 400;
        font-family: 'Tajawal', sans-serif;
    }

    .h2,
    h2 {
        font-size: 1.75rem;
        font-family: 'Tajawal', sans-serif;
    }

    .h3,
    h3 {
        font-size: 1.5rem;
        font-family: 'Tajawal', sans-serif;
    }

    .h4,
    h4 {
        font-size: 1.125rem;
        font-family: 'Tajawal', sans-serif;
    }

    .h5,
    h5 {
        font-size: 1rem;
        font-family: 'Tajawal', sans-serif;
    }

    .h6,
    h6 {
        font-size: 0.875rem;
        font-family: 'Tajawal', sans-serif;
    }

    .br-100 {
        border-radius: 100% !important;
    }

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

    .br-tl-7 {
        border-top-left-radius: 7px !important;
    }

    .br-tl-10 {
        border-top-left-radius: 1rem !important;
    }

    .br-bl-7 {
        border-bottom-left-radius: 7px !important;
    }

    .br-bl-10 {
        border-bottom-left-radius: 1rem !important;
    }

    .br-tr-7 {
        border-top-right-radius: 7px !important;
    }

    .br-tr-10 {
        border-top-right-radius: 1rem !important;
    }

    .br-br-7 {
        border-bottom-right-radius: 7px !important;
    }

    .br-br-10 {
        border-bottom-right-radius: 1rem !important;
    }

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

    .br-tl-3 {
        border-top-left-radius: 3px !important;
    }

    .br-tr-3 {
        border-top-right-radius: 3px !important;
    }

    .br-bl-3 {
        border-bottom-left-radius: 3px !important;
    }

    .br-br-3 {
        border-bottom-right-radius: 3px !important;
    }

    .br-tl-0 {
        border-top-left-radius: 0 !important;
    }

    .br-bl-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-tr-0 {
        border-top-right-radius: 0 !important;
    }

    .br-br-0 {
        border-bottom-right-radius: 0 !important;
    }

    .lead {
        font-size: 1.171875rem;
        font-weight: 300;
    }

    .display-1 {
        font-size: 10.5rem;
        font-weight: 400;
        line-height: 1.1;
    }

    .display-2 {
        font-size: 4rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .display-3 {
        font-size: 3.5rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .display-4 {
        font-size: 3rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .display-5 {
        font-size: 2.4rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .display-6 {
        font-size: 2.3rem;
        font-weight: 300;
        line-height: 1.1;
    }

    .top-0 {
        top: 0 !important;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid #dcdfe8;
    }

    .small,
    small {
        font-size: 87.5%;
        font-weight: 400;
    }

    .mark,
    mark {
        padding: 0.2em;
        background-color: #fcf8e3;
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none;
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
    }

    .list-inline-item {
        display: inline-block;
    }

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase;
    }

    .blockquote {
        margin-bottom: 1rem;
        font-size: 1.171875rem;
    }

    .blockquote-footer {
        display: block;
        font-size: 80%;
        color: #868e96;
    }

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .cover-image {
        background-size: cover !important;
        width: 100%;
        position: relative;
    }

    .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        max-width: 100%;
        height: auto;
    }

    .figure {
        display: inline-block;
    }

    .figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
    }

    .figure-caption {
        font-size: 90%;
        color: #868e96;
    }

    .fs-10 {
        font-size: 10px !important;
    }

    .fs-11 {
        font-size: 11px !important;
    }

    .fs-12 {
        font-size: 12px !important;
    }

    .fs-13 {
        font-size: 13px !important;
    }

    .fs-14 {
        font-size: 14px !important;
    }

    .fs-15 {
        font-size: 15px !important;
    }

    .fs-16 {
        font-size: 16px !important;
    }

    .fs-17 {
        font-size: 17px !important;
    }

    .fs-18 {
        font-size: 18px !important;
    }

    .fs-19 {
        font-size: 19px !important;
    }

    .fs-20 {
        font-size: 20px !important;
    }

    .fs-21 {
        font-size: 21px !important;
    }

    .fs-22 {
        font-size: 22px !important;
    }

    .fs-23 {
        font-size: 23px !important;
    }

    .fs-24 {
        font-size: 24px !important;
    }

    .fs-25 {
        font-size: 25px !important;
    }

    .fs-26 {
        font-size: 26px !important;
    }

    .fs-27 {
        font-size: 27px !important;
    }

    .fs-28 {
        font-size: 28px !important;
    }

    .fs-29 {
        font-size: 29px !important;
    }

    .fs-30 {
        font-size: 30px !important;
    }

    .fs-30 {
        font-size: 30px !important;
    }

    .fs-31 {
        font-size: 31px !important;
    }

    .fs-32 {
        font-size: 32px !important;
    }

    .fs-33 {
        font-size: 33px !important;
    }

    .fs-34 {
        font-size: 34px !important;
    }

    .fs-35 {
        font-size: 35px !important;
    }

    .fs-36 {
        font-size: 36px !important;
    }

    .fs-37 {
        font-size: 37px !important;
    }

    .fs-38 {
        font-size: 38px !important;
    }

    .fs-39 {
        font-size: 39px !important;
    }

    .fs-40 {
        font-size: 40px !important;
    }

    .fs-50 {
        font-size: 50px !important;
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    code {
        font-size: 85%;
        color: inherit;
        word-break: break-word;
    }

    a>code {
        color: inherit;
    }

    kbd {
        padding: 0.2rem 0.4rem;
        font-size: 85%;
        color: #fff;
        background-color: #343a40;
        border-radius: 3px;
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

    pre {
        display: block;
        font-size: 85%;
        color: #a7b4c9;
    }

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll;
    }

    .container {
        width: 100%;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
        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: 1280px) {
        .container {
            max-width: 1200px;
        }
    }

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

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

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

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

    .social-box {
        min-height: 160px;
        margin-bottom: 20px;
        text-align: center;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 0 0 1px rgba(181, 201, 227, 0.12), 0 8px 16px 0 rgba(181, 201, 227, 0.24);
    }

    .social-box i {
        display: block;
        font-size: 40px;
        background: #e9ecef;
        line-height: 110px;
    }

    .social-box.facebook i {
        color: #fff;
        background: #5e5baa;
        border-radius: 8px 8px 0 0;
    }

    .social-box ul {
        list-style: none;
        display: inline-block;
        margin: 7px 0 0;
        padding: 10px;
        width: 100%;
    }

    .social-box ul li {
        color: #949ca0;
        font-size: 14px;
        font-weight: 700;
        padding: 0 10px 0 0;
        text-align: center;
        display: block;
        float: left;
        width: 50%;
        line-height: 2;
    }

    .social-box ul li strong {
        display: block;
        font-size: 17px;
        line-height: 1;
        color: #080e1b;
    }

    .social-box ul li span {
        font-size: 15px;
        font-weight: 500;
        color: #080e1b;
        text-transform: uppercase;
    }

    .social-box ul li:last-child {
        padding-left: 10px;
        padding-right: 0;
        text-align: center;
    }

    .social-box.twitter i {
        color: #fff;
        border-radius: 8px 8px 0 0;
    }

    .social-box.linkedin i {
        color: #fff;
        border-radius: 8px 8px 0 0;
    }

    .social-box.google-plus i {
        color: #fff;
        background: #ff3b2e;
        border-radius: 8px 8px 0 0;
    }

    .statistics-box.with-icon {
        position: relative;
        padding-left: 80px;
        text-align: right;
    }

    .statistics-box {
        padding-top: 14px;
        min-height: 80px;
        text-align: center;
    }

    .statistics-box.with-icon .ico.small {
        font-size: 50px;
    }

    .statistics-box.with-icon .ico {
        position: absolute;
        top: 8px;
        left: 0;
        width: 80px;
        height: 80px;
        font-size: 70px;
        line-height: 80px;
        text-align: center;
    }

    .content-box h4 {
        font-size: 43px !important;
    }

    .counter {
        font-size: 35px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .counter-1 {
        font-size: 40px;
        font-weight: 600;
    }

    .todo-item+.todo-item {
        margin-top: 8px;
    }

    .todo-item .checkbox {
        margin-bottom: 6px;
    }

    .todo-item input:checked+span {
        text-decoration: line-through;
    }

    .checkbox {
        font-weight: 400;
        position: relative;
        display: block;
        line-height: 18px;
        text-align: right;
    }

    .checkbox span {
        padding-left: 15px;
    }

    .checkbox span:empty {
        float: left;
    }

    .checkbox span:after,
    .checkbox span:before {
        line-height: 18px;
        position: absolute;
    }

    .checkbox span:before {
        content: "";
        width: 16px;
        height: 16px;
        background-color: #f1f5fd;
        border: 1px solid #d8dde6;
        top: 1px;
        left: 0;
    }

    .checkbox span:after {
        top: 1px;
        left: 0;
        width: 16px;
        height: 16px;
        content: "\f00c";
        font-family: FontAwesome;
        font-size: 9px;
        text-align: center;
        color: #fff;
        line-height: 17px;
        display: none;
    }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        margin: 0 5px 0 0;
    }

    .checkbox input[type="checkbox"]:checked+span:after {
        display: block;
    }

    .checkbox input[type="checkbox"][disabled]+span,
    .checkbox input[type="checkbox"][disabled]+span:after,
    .checkbox input[type="checkbox"][disabled]+span:before {
        opacity: 0.75;
    }

    .checkbox-inline {
        display: inline-block;
    }

    .media .chat i {
        font-size: 13px;
    }

    .media .chat a {
        font-size: 13px;
    }

    .iconfont h2 {
        font-size: 45px;
        font-weight: 600;
        margin-bottom: 10px !important;
    }

    .iconfont h3 {
        font-size: 16px;
        font-weight: 500;
    }

    .iconfont i {
        font-size: 15px;
    }

    .wx h1 {
        font-size: 65px !important;
        margin-bottom: 15px;
        margin-top: 0;
    }

    /*------ Chat ------*/
    .chat {
        list-style: none;
        background: 0 0;
        margin: 0;
        padding: 0 0 0;
    }

    .chat li {
        padding: 15px;
        overflow: hidden;
        display: flex;
    }

    .chat .avatar {
        width: 40px;
        height: 40px;
        position: relative;
        display: block;
        z-index: 2;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .chat .avatar img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .chat .day {
        position: relative;
        display: block;
        text-align: center;
        color: silver;
        height: 20px;
        box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24);
        line-height: 38px;
        margin-top: 5px;
        margin-bottom: 20px;
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .other .msg {
        order: 1;
        border: 1px solid #d8dde6;
        border-top-left-radius: 0;
        box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24);
    }

    .other:before {
        content: "";
        position: relative;
        top: 0;
        right: 0;
        left: 50px;
        width: 0;
        height: 0;
        border: 5px solid #d8dde6;
        border-left-color: transparent;
        border-bottom-color: transparent;
    }

    .self {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .self .msg {
        order: 1;
        border: 1px solid #d8dde6;
        border-bottom-right-radius: 0;
        box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24);
    }

    .self .avatar {
        order: 2;
    }

    .self .avatar:after {
        content: "";
        position: relative;
        display: inline-block;
        bottom: -14px;
        right: 26px;
        width: 0;
        height: 0;
        border: 5px solid #d8dde6;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24);
    }

    .msg {
        background: #fff;
        min-width: 50px;
        margin: 0 10px;
        padding: 10px;
        border-radius: 2px;
        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
    }

    .msg p {
        font-size: 13px;
        margin: 0 0 0.2rem 0;
        color: #313148;
    }

    .msg img {
        position: relative;
        display: block;
        width: 450px;
        border-radius: 5px;
        box-shadow: 0 0 3px #eee;
        transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41);
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    @media screen and (max-width: 800px) {
        .msg img {
            width: 300px;
        }
    }

    @media screen and (max-width: 550px) {
        .msg img {
            width: 200px;
        }
    }

    .msg time {
        font-size: 0.7rem;
        color: #a7b4c9;
        margin-top: 3px;
        float: right;
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .msg time:before {
        content: "\f017";
        color: #a7b4c9;
        font-family: FontAwesome;
        display: inline-block;
        margin-right: 4px;
    }

    .social-title {
        text-transform: uppercase;
        letter-spacing: 1px;
        text-shadow: none;
        color: #fff !important;
    }

    .socials {
        display: flex;
    }

    .socials li {
        margin: 0 12px;
        margin-right: 15px;
    }

    .text-shadow1 {
        text-shadow: 0 10px 10px rgba(39, 29, 96, 0.4);
    }

    .count {
        font-size: 37px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /*------ User Card -------*/
    .card .card-block {
        padding: 15px;
    }

    .user-card .card-block .user-image {
        position: relative;
        margin: 0 auto;
        display: inline-block;
        padding: 5px;
        width: 110px;
        height: 110px;
    }

    .card .card-block p {
        line-height: 1.4;
        margin-top: 10px;
    }

    .user-card .card-block .activity-leval li {
        display: inline-block;
        width: 15%;
        height: 4px;
        margin: 0 3px;
        background-color: #e9ebf9;
    }

    .user-card .card-block .counter-block {
        color: #fff;
    }

    .user-card .card-block .user-social-link i {
        font-size: 30px;
    }

    .widget-user .widget-user-header {
        padding: 20px;
        height: 120px;
    }

    .widget-user .widget-user-username {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 25px;
        font-weight: 300;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        color: #fff;
    }

    .widget-user .widget-user-desc {
        margin-top: 0;
        color: #fff;
    }

    .widget-user .widget-user-image {
        position: absolute;
        top: 65px;
        left: 50%;
        margin-left: -45px;
    }

    .widget-user .widget-user-image>img {
        width: 90px;
        height: auto;
        border: 3px solid #fff;
    }

    .widget-user .user-wideget-footer {
        padding-top: 30px;
    }

    .user-wideget-footer {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 1px solid #f4f4f4;
        padding: 10px;
        background-color: #fff;
    }

    .user-wideget .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .description-block {
        display: block;
        margin: 10px 0;
        text-align: center;
    }

    .description-block>.description-header {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .description-block>.description-text {
        text-transform: uppercase;
        color: #080e1b;
    }

    .socailicons .fa {
        font-size: 70px;
        text-align: right;
        position: absolute;
        top: 13px;
        right: 0px;
        outline: 0;
    }

    .socailicons {
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }

    .socailicons a {
        text-decoration: none;
    }

    .twitter1 {
        background-color: #00acee !important;
    }

    .google-plus1 {
        background-color: #dd4b39 !important;
    }

    .facebook-like1 {
        background-color: #3b5998 !important;
    }

    .pinterest1 {
        background-color: #bd081c !important;
    }

    .card-blog-overlay6 i {
        font-size: 3rem;
    }

    .card-counter2 i {
        font-size: 4.5em;
    }

    /*------ Weather Card -------*/
    .weather-card {
        background: #fff;
        border-radius: 7px;
        box-shadow: 0 0 0 1px rgba(181, 201, 227, 0.12), 0 8px 16px 0 rgba(181, 201, 227, 0.24);
        overflow: hidden;
    }

    .weather-card .top {
        position: relative;
        overflow: hidden;
        background: url(../images/photos/19.jpg) no-repeat;
        background-size: cover;
        background-position: center center;
        text-align: center;
    }

    .weather-card .top .weather-wrapper {
        padding: 15px;
        position: relative;
        z-index: 1;
    }

    .weather-card .top .weather-wrapper .mynav {
        height: 20px;
    }

    .weather-card .top .weather-wrapper .mynav .fa {
        color: #fff;
        font-size: 14px;
    }

    .weather-card .top .weather-wrapper .mynav .icon {
        display: inline-block;
        float: left;
    }

    .weather-card .top .weather-wrapper .mynav .icon1 {
        display: inline-block;
        float: right;
    }

    .weather-card .top .weather-wrapper .heading {
        margin-top: 20px;
        font-size: 15px;
        color: #fff;
    }

    .weather-card .top .weather-wrapper .location {
        margin-top: 20px;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
    }

    .weather-card .top .weather-wrapper .temp {
        margin-top: 20px;
    }

    .weather-card .top .weather-wrapper .temp a {
        text-decoration: none;
        color: #fff;
    }

    .weather-card .top .weather-wrapper .temp a .temp-type {
        font-size: 50px;
    }

    .weather-card .top .weather-wrapper .temp .temp-value {
        display: inline-block;
        font-size: 50px;
        font-weight: 600;
        color: #fff;
    }

    .weather-card .top .weather-wrapper .temp .deg {
        display: inline-block;
        font-size: 22px;
        font-weight: 600;
        color: #fff;
        vertical-align: top;
        margin-top: 10px;
    }

    .weather-card .top:after {
        content: "";
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .weather-card .bottom {
        background: #fff;
    }

    .weather-card .bottom .weather-wrapper .forecast {
        overflow: hidden;
        margin: 0;
        font-size: 0;
        padding: 0;
    }

    .weather-card .bottom .weather-wrapper .forecast a {
        text-decoration: none;
        color: #000;
    }

    .weather-card .bottom .weather-wrapper .forecast .go-up {
        text-align: center;
        display: block;
        font-size: 18px;
        color: #080e1b;
        margin-bottom: 10px;
    }

    .weather-card .bottom .weather-wrapper .forecast li {
        display: block;
        font-size: 17px;
        font-weight: 400;
        color: #080e1b;
        line-height: 1em;
        margin-bottom: 20px;
    }

    .weather-card .bottom .weather-wrapper .forecast li .date {
        display: inline-block;
    }

    .weather-card .bottom .weather-wrapper .forecast li .condition {
        display: inline-block;
        vertical-align: middle;
        float: right;
        font-size: 16px;
    }

    .weather-card .bottom .weather-wrapper .forecast li .condition .temp {
        display: inline-block;
        font-size: 23px;
        font-weight: 400;
    }

    .weather-card .bottom .weather-wrapper .forecast li .condition .temp .deg {
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        margin-left: 3px;
        vertical-align: top;
    }

    .weather-card .bottom .weather-wrapper .forecast li .condition .temp .temp-type {
        font-size: 18px;
    }

    .weather-card .bottom .weather-wrapper .forecast li.active {
        color: #080e1b;
    }

    /*------ Count-Down ------*/
    #count-down {
        margin: 3rem;
    }

    #count-down .clock-presenter {
        height: 80px;
        padding: 0;
        text-align: center;
    }

    #count-down .clock-presenter .digit {
        margin-top: 20px;
        font-size: 3rem;
        line-height: 46px;
        height: 50px;
        padding: 0 7px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        position: relative;
        cursor: default;
        color: #fff;
        background-size: cover;
        border-radius: 3px;
    }

    #count-down .clock-presenter .note {
        position: relative;
        margin-bottom: 0;
        cursor: default;
        font-size: 16px;
        opacity: 0.7;
    }

    @media (max-width: 992px) {
        #count-down .clock-presenter .digit {
            font-size: 42px;
        }

        .bg-background2 .header-text h1 {
            font-size: 2rem !important;
            padding-bottom: 10px;
        }

        .banner-2 .header-text p {
            margin-bottom: 0;
            font-size: 14px !important;
        }

        #gdpr-cookie-message {
            display: none !important;
        }

        .owl-carousel .owl-nav button.owl-prev,
        .owl-carousel .owl-nav button.owl-next,
        .owl-carousel button.owl-dot {
            display: block;
        }
    }

    @media (max-width: 767px) {
        #count-down .clock-presenter {
            width: 50%;
            float: left;
        }

        #count-down .clock-presenter .digit {
            font-size: 36px;
        }

        #count-down .hours_dash {
            border-right: none;
        }
        .requer-boxes .box .heading p > br {
            display: none;
        }
    }

    /*------ Custom Pages -------*/
    .background {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        z-index: 0;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0.7;
        z-index: 1;
    }

    .masthead {
        position: relative;
        overflow: hidden;
        padding-bottom: 3rem;
        z-index: 2;
    }

    .masthead .masthead-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        min-height: 35rem;
        height: 100%;
    }

    .masthead .masthead-content h1 {
        font-size: 2rem;
    }

    .masthead .masthead-content p {
        font-size: 1rem;
    }

    .masthead .masthead-content p strong {
        font-weight: 700;
    }

    .masthead .masthead-content .input-group-newsletter input {
        height: auto;
        font-size: 1rem;
        padding: 1rem;
    }

    .masthead .masthead-content .input-group-newsletter button {
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 1rem;
    }

    .bt-1 {
        border-top: 1px solid #e9ecff;
    }

    @media (min-width: 1025px) {
        .masthead .masthead-content {
            padding-left: 7rem;
            padding-right: 7rem;
        }
    }

    @media (min-width: 992px) {
        .masthead {
            height: 100%;
            min-height: 0;
            width: 40%;
            padding-bottom: 0;
            float: right;
        }

        .masthead .masthead-bg {
            min-height: 0;
        }

        .masthead .masthead-content h1 {
            font-size: 2.5rem;
        }

        .masthead .masthead-content p {
            font-size: 1rem;
        }

        .sticky-wrapper.is-sticky .horizontal-main {
            background: #fff !important;
            box-shadow: 2px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
            height: 60px !important;
        }

        .sticky-wrapper.is-sticky .horizontal-main .ad-post {
            margin-top: -0.25rem !important;
        }

        .sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a {
            color: #504e70;
        }

        .sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a>.fa {
            color: #504e70;
        }

        .sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a.active .fa {
            color: #fff !important;
        }

        .sticky-wrapper.is-sticky .desktoplogo-1 {
            display: block !important;
        }

        .sticky-wrapper.is-sticky .desktoplogo-1 {
            padding: 10px 0;
            margin: 0;
            float: right;
        }

        .sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li {
            padding: 10px 0;
        }

        .desktoplogo-1 {
            display: none;
        }

        .sticky-wrapper.is-sticky .desktoplogo {
            display: none;
        }

        .sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a {
            display: block;
            padding: 8px 15px;
        }

        /*------ Table ------*/
        .table,
        .text-wrap table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 1rem;
        }

        .table th,
        .text-wrap table td,
        .text-wrap table th {
            padding: 0.75rem;
            vertical-align: top;
            border-top: 1px solid #d8dde6;
        }

        .table td {
            padding: 0.75rem;
            vertical-align: middle;
            border-top: 0;
        }

        .ico-listing.table td,
        .ico-listing.table th {
            padding: 0.75rem;
            vertical-align: middle;
        }

        .sticky-wrapper {
            z-index: 999999;
            position: absolute;
            left: 0;
            right: 0;
        }

        .border {
            padding: 0.3rem;
            vertical-align: top;
            border: 1px solid #d8dde6;
        }

        .table thead th,
        .text-wrap table thead th {
            vertical-align: bottom;
            border-bottom: 2px solid #d8dde6;
        }

        .table tbody+tbody,
        .text-wrap table tbody+tbody {
            border-top: 2px solid #d8dde6;
        }

        .table .table,
        .table .text-wrap table,
        .text-wrap .table table,
        .text-wrap table .table,
        .text-wrap table table {
            background-color: #f1f5fd;
        }

        .table-sm td,
        .table-sm th {
            padding: 0.3rem;
        }

        .table-bordered,
        .text-wrap table {
            border: 1px solid #d8dde6;
        }

        .table-bordered td,
        .table-bordered th,
        .text-wrap table td,
        .text-wrap table th {
            border: 1px solid #d8dde6;
        }

        .table-bordered thead td,
        .table-bordered thead th,
        .text-wrap table thead td,
        .text-wrap table thead th {
            border-bottom-width: 2px;
        }

        .table-borderless tbody+tbody,
        .table-borderless td,
        .table-borderless th,
        .table-borderless thead th {
            border: 0;
        }

        .table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, 0.02);
        }

        .table-hover tbody tr:hover {
            background-color: rgba(241, 238, 247, 0.3);
        }

        .table-primary,
        .table-primary>td,
        .table-primary>th {
            background-color: #f9e6ed;
        }

        .table-hover .table-primary:hover {
            background-color: #b7cded;
        }

        .table-hover .table-primary:hover>td,
        .table-hover .table-primary:hover>th {
            background-color: #b7cded;
        }

        .table-secondary,
        .table-secondary>td,
        .table-secondary>th {
            background-color: #dddfe2;
        }

        .table-hover .table-secondary:hover {
            background-color: #cfd2d6;
        }

        .table-hover .table-secondary:hover>td,
        .table-hover .table-secondary:hover>th {
            background-color: #cfd2d6;
        }

        .table-success,
        .table-success>td,
        .table-success>th {
            background-color: #c9fde7;
        }

        .table-hover .table-success:hover {
            background-color: #c5e7a4;
        }

        .table-hover .table-success:hover>td,
        .table-hover .table-success:hover>th {
            background-color: #c5e7a4;
        }

        .table-info,
        .table-info>td,
        .table-info>th {
            background-color: #cbe7fb;
        }

        .table-hover .table-info:hover {
            background-color: #b3dcf9;
        }

        .table-hover .table-info:hover>td,
        .table-hover .table-info:hover>th {
            background-color: #b3dcf9;
        }

        .table-warning,
        .table-warning>td,
        .table-warning>th {
            background-color: #fbeebc;
        }

        .table-hover .table-warning:hover {
            background-color: #fae8a4;
        }

        .table-hover .table-warning:hover>td,
        .table-hover .table-warning:hover>th {
            background-color: #fae8a4;
        }

        .table-danger,
        .table-danger>td,
        .table-danger>th {
            background-color: #f1c1c0;
        }

        .table-hover .table-danger:hover {
            background-color: #ecacab;
        }

        .table-hover .table-danger:hover>td,
        .table-hover .table-danger:hover>th {
            background-color: #ecacab;
        }

        .table-light,
        .table-light>td,
        .table-light>th {
            background-color: #fdfdfe;
        }

        .table-hover .table-light:hover {
            background-color: #ececf6;
        }

        .table-hover .table-light:hover>td,
        .table-hover .table-light:hover>th {
            background-color: #ececf6;
        }

        .table-dark,
        .table-dark>td,
        .table-dark>th {
            background-color: #c6c8ca;
        }

        .table-hover .table-dark:hover {
            background-color: #b9bbbe;
        }

        .table-hover .table-dark:hover>td,
        .table-hover .table-dark:hover>th {
            background-color: #b9bbbe;
        }

        .table-active,
        .table-active>td,
        .table-active>th {
            background-color: rgba(0, 0, 0, 0.04);
        }

        .table-hover .table-active:hover {
            background-color: rgba(0, 0, 0, 0.04);
        }

        .table-hover .table-active:hover>td,
        .table-hover .table-active:hover>th {
            background-color: rgba(0, 0, 0, 0.04);
        }

        .table .thead-dark th,
        .text-wrap table .thead-dark th {
            color: #f1f5fd;
            background-color: #a7b4c9;
            border-color: #32383e;
        }

        .table .thead-light th,
        .text-wrap table .thead-light th {
            color: #3d4e67;
            background-color: #d8dde6;
            border-color: #d8dde6;
        }

        .table-dark {
            color: #f1f5fd;
            background-color: #a7b4c9;
        }

        .table-dark td,
        .table-dark th,
        .table-dark thead th {
            border-color: #32383e;
        }

        .table-dark.table-bordered,
        .text-wrap table.table-dark {
            border: 0;
        }

        .table-dark.table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(255, 255, 255, 0.05);
        }

        .table-dark.table-hover tbody tr:hover {
            background-color: rgba(255, 255, 255, 0.075);
        }
    }

    @media (max-width: 575.98px) {
        .table-responsive-sm {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

        .table-responsive-sm>.table-bordered,
        .text-wrap .table-responsive-sm>table {
            border: 0;
        }
    }

    @media (max-width: 767.98px) {
        .table-responsive-md {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

        .table-responsive-md>.table-bordered,
        .text-wrap .table-responsive-md>table {
            border: 0;
        }
    }

    @media (max-width: 991.98px) {
        .table-responsive-lg {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

        .table-responsive-lg>.table-bordered,
        .text-wrap .table-responsive-lg>table {
            border: 0;
        }
    }

    @media (max-width: 1279.98px) {
        .table-responsive-xl {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

        .table-responsive-xl>.table-bordered,
        .text-wrap .table-responsive-xl>table {
            border: 0;
        }
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive>.table-bordered,
    .text-wrap .table-responsive>table {
        border: 0;
    }

    table {
        border-collapse: collapse;
    }

    table.dataTable tfoot td,
    table.dataTable tfoot th {
        border-top: 0 !important;
    }

    table.dataTable thead td,
    table.dataTable thead th {
        border-bottom: 0 !important;
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #d8dde6 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    table.dataTable.display tbody tr:hover,
    table.dataTable.hover tbody tr:hover {
        background-color: #eeeef9 !important;
    }

    .table thead th,
    .text-wrap table thead th {
        border-top: 0;
        border-bottom-width: 1px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .table th,
    .text-wrap table th {
        color: #080e1b;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 400;
    }

    .table-md td,
    .table-md th {
        padding: 0.5rem;
    }

    .table-vcenter td,
    .table-vcenter th {
        vertical-align: middle;
        border-top: 1px solid #d8dde6;
    }

    .table-center td,
    .table-center th {
        text-align: center;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background: 0 0;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background-color: rgba(241, 238, 247, 0.3);
    }

    .table-calendar {
        margin: 0 0 0.75rem;
    }

    .table-calendar td,
    .table-calendar th {
        border: 0;
        text-align: center;
        padding: 0 !important;
        width: 14.28571429%;
        line-height: 2.5rem;
    }

    .table-calendar td {
        border-top: 0;
    }

    .table-calendar-link {
        line-height: 2rem;
        min-width: calc(2rem + 2px);
        display: inline-block;
        border-radius: 3px;
        background: #f8f9fa;
        color: #3d4e67;
        font-weight: 600;
        transition: 0.3s background, 0.3s color;
        position: relative;
    }

    .table-calendar-link:before {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        left: 0.25rem;
        top: 0.25rem;
        border-radius: 50px;
        background: #467fcf;
    }

    .table-calendar-link:hover {
        color: #fff;
        text-decoration: none;
        background: #467fcf;
        transition: 0.3s background;
    }

    .table-calendar-link:hover:before {
        background: #fff;
    }

    .table-header {
        cursor: pointer;
        transition: 0.3s color;
    }

    .table-header:hover {
        color: #3d4e67 !important;
    }

    .table-header:after {
        content: "\f0dc";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 0.5rem;
        font-size: 0.75rem;
    }

    .table-header-asc {
        color: #3d4e67 !important;
    }

    .table-header-asc:after {
        content: "\f0de";
    }

    .table-header-desc {
        color: #3d4e67 !important;
    }

    .table-header-desc:after {
        content: "\f0dd";
    }

    /*------ Form Elements ------*/
    .input-lg {
        height: 46px !important;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 3px;
    }

    .input-sm {
        height: 30px !important;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .select2-lg .select2-container .select2-selection--single {
        height: 2.875rem !important;
    }

    .select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px !important;
    }

    .select2-sm .select2-container .select2-selection--single {
        height: 1.775rem !important;
    }

    .select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 27px !important;
    }

    .select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 80% !important;
    }

    select.form-control.select-lg {
        height: 46px !important;
        padding: 10px 16px !important;
        font-size: 17px !important;
        line-height: 1.3333333 !important;
        border-radius: 3px !important;
    }

    select.form-control.select-sm {
        height: 30px !important;
        padding: 0px 10px 1px 10px !important;
        line-height: 1 !important;
        border-radius: 3px !important;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 4px 10px 4px 10px;
        font-size: 0.9375rem;
        line-height: 1.6;
        color: #080e1b;
        height: 39px;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .form-control.border-white {
        border: 1px solid rgba(167, 180, 201, 0.7) !important;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d8dde6 !important;
        border-radius: 4px;
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        color: #3d4e67;
        background-color: #fff;
        border-color: #4c8aec;
        outline: 0;
    }

    @media (max-width: 992px) {
        .select2-container {
            width: 100% !important;
        }

        .select2.select2-container.select2-container--default.select2-container--focus {
            width: 100% !important;
            overflow: hidden;
        }
    }

    .select2-container--default .select2-selection--multiple {
        background-color: #fff;
        border: 1px solid #d8dde6 !important;
        border-radius: 4px;
        cursor: text;
    }

    .select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #d8dde6 !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #f1f5fd !important;
        border: 1px solid #f1f5fd !important;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .form-control {
            transition: none;
        }
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #6f6e6e;
        background-color: #fff;
        border-color: #d8dde6;
        outline: 0;
        box-shadow: none;
    }

    .form-control::-webkit-input-placeholder {
        color: #a7b4c9;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #a7b4c9;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #a7b4c9;
        opacity: 1;
    }

    .form-control::-ms-input-placeholder {
        color: #a7b4c9;
        opacity: 1;
    }

    .form-control {
        color: #0a1c42;
        opacity: 1;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #f1f5fd;
        opacity: 1;
    }

    select.form-control:not([size]):not([multiple]) {
        height: 2.5rem;
    }

    .select2-container .select2-selection--single {
        height: 2.375rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 39px !important;
    }

    select.form-control:focus::-ms-value {
        color: #3d4e67;
        background-color: #fff;
    }

    .form-control-file,
    .form-control-range {
        display: block;
        width: 100%;
    }

    .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.6;
    }

    .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.125rem;
        line-height: 1.44444444;
    }

    .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.875rem;
        line-height: 1.14285714;
    }

    .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.6;
        color: #3d4e67;
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }

    .form-control-plaintext.form-control-lg,
    .form-control-plaintext.form-control-sm,
    .input-group-lg>.form-control-plaintext.form-control,
    .input-group-lg>.input-group-append>.form-control-plaintext.btn,
    .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
    .input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
    .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
    .input-group-sm>.form-control-plaintext.form-control,
    .input-group-sm>.input-group-append>.form-control-plaintext.btn,
    .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
    .input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
    .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
        padding-right: 0;
        padding-left: 0;
    }

    .form-control-sm,
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-append>.btn,
    .input-group-sm>.input-group-append>.input-group-text,
    .input-group-sm>.input-group-prepend>.btn,
    .input-group-sm>.input-group-prepend>.input-group-text {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.14285714;
        border-radius: 3px;
    }

    .input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
    .input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
    .input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
    .input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
    .input-group-sm>select.form-control:not([size]):not([multiple]),
    select.form-control-sm:not([size]):not([multiple]) {
        height: calc(1.8125rem + 2px);
    }

    .form-control-lg,
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-append>.btn,
    .input-group-lg>.input-group-append>.input-group-text,
    .input-group-lg>.input-group-prepend>.btn,
    .input-group-lg>.input-group-prepend>.input-group-text {
        padding: 0.5rem 1rem;
        font-size: 1.125rem;
        line-height: 1.44444444;
        border-radius: 3px;
    }

    .input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
    .input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
    .input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
    .input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
    .input-group-lg>select.form-control:not([size]):not([multiple]),
    select.form-control-lg:not([size]):not([multiple]) {
        height: calc(2.6875rem + 2px);
    }

    .form-group {
        margin-bottom: 1rem;
    }

    .form-text {
        display: block;
        margin-top: 0.25rem;
    }

    .form-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -5px;
        margin-left: -5px;
    }

    .form-row>.col,
    .form-row>[class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

    .form-check {
        position: relative;
        display: block;
        padding-left: 1.25rem;
    }

    .form-check-input {
        position: absolute;
        margin-top: 0.3rem;
        margin-left: -1.25rem;
    }

    .form-check-input:disabled~.form-check-label {
        color: #505662;
    }

    .form-check-label {
        margin-bottom: 0;
    }

    .form-check-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem;
    }

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 87.5%;
        color: #05a01f;
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1;
        color: #fff;
        background-color: rgba(94, 186, 0, 0.8);
        border-radius: 0.2rem;
    }

    .custom-select.is-valid,
    .form-control.is-valid,
    .was-validated .custom-select:valid,
    .was-validated .form-control:valid {
        border-color: #05a01f;
    }

    .custom-select.is-valid:focus,
    .form-control.is-valid:focus,
    .was-validated .custom-select:valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: #05a01f;
        box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
    }

    .custom-select.is-valid~.valid-feedback,
    .custom-select.is-valid~.valid-tooltip,
    .form-control.is-valid~.valid-feedback,
    .form-control.is-valid~.valid-tooltip,
    .was-validated .custom-select:valid~.valid-feedback,
    .was-validated .custom-select:valid~.valid-tooltip,
    .was-validated .form-control:valid~.valid-feedback,
    .was-validated .form-control:valid~.valid-tooltip {
        display: block;
    }

    .form-check-input.is-valid~.form-check-label,
    .was-validated .form-check-input:valid~.form-check-label {
        color: #05a01f;
    }

    .form-check-input.is-valid~.valid-feedback,
    .form-check-input.is-valid~.valid-tooltip,
    .was-validated .form-check-input:valid~.valid-feedback,
    .was-validated .form-check-input:valid~.valid-tooltip {
        display: block;
    }

    .custom-control-input.is-valid~.custom-control-label,
    .was-validated .custom-control-input:valid~.custom-control-label {
        color: #05a01f;
    }

    .custom-control-input.is-valid~.custom-control-label::before,
    .was-validated .custom-control-input:valid~.custom-control-label::before {
        background-color: #9eff3b;
    }

    .custom-control-input.is-valid~.valid-feedback,
    .custom-control-input.is-valid~.valid-tooltip,
    .was-validated .custom-control-input:valid~.valid-feedback,
    .was-validated .custom-control-input:valid~.valid-tooltip {
        display: block;
    }

    .custom-control-input.is-valid:checked~.custom-control-label::before,
    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
        background-color: #78ed00;
    }

    .custom-control-input.is-valid:focus~.custom-control-label::before,
    .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
        box-shadow: 0 0 0 1px #f1f5fd, 0 0 0 2px rgba(94, 186, 0, 0.25);
    }

    .custom-file-input.is-valid~.custom-file-label,
    .was-validated .custom-file-input:valid~.custom-file-label {
        border-color: #05a01f;
    }

    .custom-file-input.is-valid~.custom-file-label::before,
    .was-validated .custom-file-input:valid~.custom-file-label::before {
        border-color: inherit;
    }

    .custom-file-input.is-valid~.valid-feedback,
    .custom-file-input.is-valid~.valid-tooltip,
    .was-validated .custom-file-input:valid~.valid-feedback,
    .was-validated .custom-file-input:valid~.valid-tooltip {
        display: block;
    }

    .custom-file-input.is-valid:focus~.custom-file-label,
    .was-validated .custom-file-input:valid:focus~.custom-file-label {
        box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.25);
    }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 87.5%;
        color: #ff382b;
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1;
        color: #fff;
        background-color: rgba(205, 32, 31, 0.8);
        border-radius: 0.2rem;
    }

    .custom-select.is-invalid,
    .form-control.is-invalid,
    .was-validated .custom-select:invalid,
    .was-validated .form-control:invalid {
        border-color: #ff382b;
    }

    .custom-select.is-invalid:focus,
    .form-control.is-invalid:focus,
    .was-validated .custom-select:invalid:focus,
    .was-validated .form-control:invalid:focus {
        border-color: #ff382b;
        box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
    }

    .custom-select.is-invalid~.invalid-feedback,
    .custom-select.is-invalid~.invalid-tooltip,
    .form-control.is-invalid~.invalid-feedback,
    .form-control.is-invalid~.invalid-tooltip,
    .was-validated .custom-select:invalid~.invalid-feedback,
    .was-validated .custom-select:invalid~.invalid-tooltip,
    .was-validated .form-control:invalid~.invalid-feedback,
    .was-validated .form-control:invalid~.invalid-tooltip {
        display: block;
    }

    .form-check-input.is-invalid~.form-check-label,
    .was-validated .form-check-input:invalid~.form-check-label {
        color: #ff382b;
    }

    .form-check-input.is-invalid~.invalid-feedback,
    .form-check-input.is-invalid~.invalid-tooltip,
    .was-validated .form-check-input:invalid~.invalid-feedback,
    .was-validated .form-check-input:invalid~.invalid-tooltip {
        display: block;
    }

    .custom-control-input.is-invalid~.custom-control-label,
    .was-validated .custom-control-input:invalid~.custom-control-label {
        color: #ff382b;
    }

    .custom-control-input.is-invalid~.custom-control-label::before,
    .was-validated .custom-control-input:invalid~.custom-control-label::before {
        background-color: #ec8080;
    }

    .custom-control-input.is-invalid~.invalid-feedback,
    .custom-control-input.is-invalid~.invalid-tooltip,
    .was-validated .custom-control-input:invalid~.invalid-feedback,
    .was-validated .custom-control-input:invalid~.invalid-tooltip {
        display: block;
    }

    .custom-control-input.is-invalid:checked~.custom-control-label::before,
    .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
        background-color: #e23e3d;
    }

    .custom-control-input.is-invalid:focus~.custom-control-label::before,
    .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
        box-shadow: 0 0 0 1px #f1f5fd, 0 0 0 2px rgba(205, 32, 31, 0.25);
    }

    .custom-file-input.is-invalid~.custom-file-label,
    .was-validated .custom-file-input:invalid~.custom-file-label {
        border-color: #ff382b;
    }

    .custom-file-input.is-invalid~.custom-file-label::before,
    .was-validated .custom-file-input:invalid~.custom-file-label::before {
        border-color: inherit;
    }

    .custom-file-input.is-invalid~.invalid-feedback,
    .custom-file-input.is-invalid~.invalid-tooltip,
    .was-validated .custom-file-input:invalid~.invalid-feedback,
    .was-validated .custom-file-input:invalid~.invalid-tooltip {
        display: block;
    }

    .custom-file-input.is-invalid:focus~.custom-file-label,
    .was-validated .custom-file-input:invalid:focus~.custom-file-label {
        box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.25);
    }

    .form-inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
    }

    .form-inline .form-check {
        width: 100%;
    }

    @media (min-width: 576px) {
        .form-inline label {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 0;
        }

        .form-inline .form-group {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 0;
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }

        .form-inline .form-control-plaintext {
            display: inline-block;
        }

        .form-inline .custom-select,
        .form-inline .input-group {
            width: auto;
        }

        .form-inline .form-check {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: auto;
            padding-left: 0;
        }

        .form-inline .form-check-input {
            position: relative;
            margin-top: 0;
            margin-right: 0.25rem;
            margin-left: 0;
        }

        .form-inline .custom-control {
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .form-inline .custom-control-label {
            margin-bottom: 0;
        }
    }

    /*----- Drop Downs -----*/
    .dropdown,
    .dropleft,
    .dropright,
    .dropup {
        position: relative;
    }

    .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99999999;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 0.9375rem;
        color: #3d4e67;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #d8dde6;
        border-radius: 3px;
    }

    .dropdown-menu-right {
        right: 0;
        left: auto;
    }

    .dropup .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: 0.125rem;
    }

    .dropup .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.3em solid transparent;
    }

    .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropright .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: 0.125rem;
    }

    .dropright .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.3em solid;
    }

    .dropright .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropright .dropdown-toggle::after {
        vertical-align: 0;
    }

    .dropleft .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: 0.125rem;
    }

    .dropleft .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
    }

    .dropleft .dropdown-toggle::after {
        display: none;
    }

    .dropleft .dropdown-toggle::before {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.3em solid transparent;
    }

    .dropleft .dropdown-toggle:empty::after {
        margin-left: 0;
    }

    .dropleft .dropdown-toggle::before {
        vertical-align: 0;
    }

    .dropdown-menu[x-placement^="bottom"],
    .dropdown-menu[x-placement^="left"],
    .dropdown-menu[x-placement^="right"],
    .dropdown-menu[x-placement^="top"] {
        right: auto;
        bottom: auto;
    }

    .dropdown-divider {
        height: 0;
        margin: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid #d8dde6;
    }

    .notifyimg {
        color: #fff;
        float: left;
        height: 40px;
        line-height: 36px;
        margin-right: 10px;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        border-radius: 50%;
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.5rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #080e1b;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    .app-selector ul {
        margin-bottom: 0;
    }

    .drop-icon-wrap {
        text-align: center;
    }

    .drop-icon-wrap li {
        display: inline-block;
    }

    .drop-icon-wrap .drop-icon-item {
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
        color: #a7b4c9;
        text-transform: capitalize;
        min-width: 75px;
    }

    .block {
        display: block !important;
    }

    .drop-icon-item i {
        font-size: 20px;
        padding-bottom: 5px;
    }

    .drop-icon-wrap .drop-icon-item:hover {
        text-decoration: none;
        background-color: #f1f5fd;
    }

    .dropdown-item.user {
        font-size: 16px;
        padding: 5px;
    }

    .user-semi-title {
        font-size: 12px;
    }

    .floating {
        animation: floating 3s ease infinite;
        will-change: transform;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        text-decoration: none;
        background-color: #f1f5fd;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        text-decoration: none;
        background-color: #f1f5fd;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #fff;
        background-color: transparent;
    }

    .dropdown-menu.show {
        display: block;
        margin: 15px 0 0 0;
        box-shadow: 0 5px 25px rgba(39, 55, 76, 0.2);
    }

    .nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
        top: -1px !important;
    }

    .pos-realtive {
        position: relative;
    }

    .pos-realtive .location-gps {
        top: 38px;
    }

    .dropdown-header {
        display: block;
        padding: 0.5rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: #868e96;
        white-space: nowrap;
    }

    .dropdown-item-text {
        display: block;
        padding: 0.25rem 1.5rem;
        color: #a7b4c9;
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .btn-group-vertical>.btn:hover,
    .btn-group>.btn:hover {
        z-index: 1;
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus {
        z-index: 1;
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group,
    .btn-group-vertical .btn+.btn,
    .btn-group-vertical .btn+.btn-group,
    .btn-group-vertical .btn-group+.btn,
    .btn-group-vertical .btn-group+.btn-group {
        margin-left: -1px;
    }

    .btn-toolbar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .btn-toolbar .input-group {
        width: auto;
    }

    .btn-group>.btn:first-child {
        margin-left: 0;
    }

    .btn-group>.btn-group:not(:last-child)>.btn,
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .btn-group>.btn-group:not(:first-child)>.btn,
    .btn-group>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /*---- Buttons -----*/

    .dropdown-toggle-split {
        padding-right: 0.5625rem;
        padding-left: 0.5625rem;
    }

    .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after {
        margin-left: 0;
    }

    .dropleft .dropdown-toggle-split::before {
        margin-right: 0;
    }

    .btn-group-sm>.btn+.dropdown-toggle-split,
    .btn-sm+.dropdown-toggle-split {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }

    .btn-group-lg>.btn+.dropdown-toggle-split,
    .btn-lg+.dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .btn-group-vertical {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%;
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
    .btn-group-vertical>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group-toggle>.btn,
    .btn-group-toggle>.btn-group>.btn {
        margin-bottom: 0;
    }

    .btn-group-toggle>.btn input[type="checkbox"],
    .btn-group-toggle>.btn input[type="radio"],
    .btn-group-toggle>.btn-group>.btn input[type="checkbox"],
    .btn-group-toggle>.btn-group>.btn input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

    .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }

    .input-group>.custom-file,
    .input-group>.custom-select,
    .input-group>.form-control {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

    .input-group>.custom-file:focus,
    .input-group>.custom-select:focus,
    .input-group>.form-control:focus {
        z-index: 3;
    }

    .input-group>.custom-file+.custom-file,
    .input-group>.custom-file+.custom-select,
    .input-group>.custom-file+.form-control,
    .input-group>.custom-select+.custom-file,
    .input-group>.custom-select+.custom-select,
    .input-group>.custom-select+.form-control,
    .input-group>.form-control+.custom-file,
    .input-group>.form-control+.custom-select,
    .input-group>.form-control+.form-control {
        margin-left: -1px;
    }

    .input-group>.custom-select:not(:last-child),
    .input-group>.form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group>.custom-select:not(:first-child),
    .input-group>.form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group>.custom-file {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .input-group>.custom-file:not(:last-child) .custom-file-label,
    .input-group>.custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group>.custom-file:not(:first-child) .custom-file-label,
    .input-group>.custom-file:not(:first-child) .custom-file-label::after {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-append,
    .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
    }

    .input-group-append .btn,
    .input-group-prepend .btn {
        position: relative;
        z-index: 2;
    }

    .input-group-append .btn+.btn,
    .input-group-append .btn+.input-group-text,
    .input-group-append .input-group-text+.btn,
    .input-group-append .input-group-text+.input-group-text,
    .input-group-prepend .btn+.btn,
    .input-group-prepend .btn+.input-group-text,
    .input-group-prepend .input-group-text+.btn,
    .input-group-prepend .input-group-text+.input-group-text {
        margin-left: -1px;
    }

    .input-group-prepend {
        margin-right: -1px;
    }

    .input-group-append {
        margin-left: -1px;
    }

    .input-group-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0.375rem 0.75rem;
        margin-bottom: 0;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.6;
        color: #3d4e67;
        text-align: center;
        white-space: nowrap;
        background-color: #f1f3f5;
        border: 1px solid #d8dde6;
        border-radius: 3px;
    }

    .input-group-text input[type="checkbox"],
    .input-group-text input[type="radio"] {
        margin-top: 0;
    }

    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
    .input-group>.input-group-append:not(:last-child)>.btn,
    .input-group>.input-group-append:not(:last-child)>.input-group-text,
    .input-group>.input-group-prepend>.btn,
    .input-group>.input-group-prepend>.input-group-text {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group>.input-group-append>.btn,
    .input-group>.input-group-append>.input-group-text,
    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
    .input-group>.input-group-prepend:not(:first-child)>.btn,
    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /*------ Gloabal-Loader ------*/

    #global-loader {
        position: fixed;
        z-index: 9999999999;
        background: #fff;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .loader-img {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 auto;
        width: 350px;
        height: auto;
    }

    /*----- Custom Control -----*/

    .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-right: 1.5rem;
    }

    .custom-control-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1rem;
    }

    .custom-control-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
    }

    .custom-control-input:active~.custom-control-label::before {
        color: #fff;
        background-color: #d4e1f4;
    }

    .custom-control-input:disabled~.custom-control-label {
        color: #868e96;
    }

    .custom-control-input:disabled~.custom-control-label::before {
        background-color: #d8dde6;
    }

    .custom-control-label {
        margin-bottom: 0;
        position: static !important;
    }

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        right: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #d8dde6;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        right: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

    .custom-checkbox .custom-control-label::before {
        border-radius: 3px;
    }

    .br.custom-checkbox .custom-control-label::before {
        border-radius: 50px;
    }

    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    }

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
    }

    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
        background-color: rgba(5, 117, 230, 0.5);
    }

    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
        background-color: rgba(5, 117, 230, 0.5);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }

    .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    }

    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
        background-color: rgba(5, 117, 230, 0.5);
    }

    .custom-select {
        display: inline-block;
        width: 100%;
        height: 2.375rem;
        padding: 0.5rem 1.75rem 0.5rem 0.75rem;
        line-height: 1.5;
        color: #a7b4c9;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
        background-size: 8px 10px;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-select:focus {
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(25, 145, 235, 0.5);
    }

    .custom-select:focus::-ms-value {
        color: #3d4e67;
        background-color: #fff;
    }

    .custom-select[multiple],
    .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #868e96;
        background-color: #d8dde6;
    }

    .custom-select::-ms-expand {
        opacity: 0;
    }

    .custom-select-sm {
        height: calc(1.8125rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 75%;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
        height: calc(1.8125rem + 2px);
    }

    .custom-select-lg {
        height: calc(2.6875rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 125%;
    }

    .custom-file {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 2.375rem;
        margin-bottom: 0;
        text-align: right;
    }

    .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 2.375rem;
        margin: 0;
        opacity: 0;
    }

    .custom-file-input:lang(en)~.custom-file-label::after {
        content: "Browse";
    }

    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: 2.375rem;
        padding: 0.375rem 0.75rem;
        line-height: 1.8;
        color: #3d4e67;
        background-color: #fff;
        border: 1px solid #d8dde6;
        border-radius: 3px;
    }

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(2.375rem - 1px * 2);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #fff;
        content: "Browse";
        border-radius: 0 3px 3px 0;
    }

    .custom-range {
        width: 100%;
        padding-left: 0;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-range:focus {
        outline: 0;
    }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        border: 0;
        border-radius: 1rem;
        -webkit-appearance: none;
        appearance: none;
    }

    .custom-range::-webkit-slider-thumb:active {
        background-color: #d4e1f4;
    }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d8dde6;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        border: 0;
        border-radius: 1rem;
        -moz-appearance: none;
        appearance: none;
    }

    .custom-range::-moz-range-thumb:active {
        background-color: #d4e1f4;
    }

    .custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d8dde6;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        border: 0;
        border-radius: 1rem;
        appearance: none;
    }

    .custom-range::-ms-thumb:active {
        background-color: #d4e1f4;
    }

    .custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
    }

    .custom-range::-ms-fill-lower {
        background-color: #d8dde6;
        border-radius: 1rem;
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #d8dde6;
        border-radius: 1rem;
    }

    /*----- Navigation ------*/

    .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-link {
        display: block;
        padding: 0.2rem 0.9rem;
    }

    .nav-link.active {
        color: #fff;
    }

    .nav-link:focus,
    .nav-link:hover {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #868e96;
    }

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border: 0;
    }

    .nav-tabs .nav-link.disabled {
        color: #868e96;
        background-color: transparent;
        border-color: transparent;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: 0;
    }

    .nav-tabs .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .nav-pills .nav-link {
        border-radius: 3px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #fff;
    }

    .nav-fill .nav-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
    }

    .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
    }

    .tab-content>.tab-pane {
        display: none;
    }

    .tab-content>.active {
        display: block;
    }

    .navbar {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.5rem 1rem;
    }

    .navbar>.container,
    .navbar>.container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .navbar-brand {
        display: inline-block;
        padding-top: 0.359375rem;
        padding-bottom: 0.359375rem;
        margin-right: 1rem;
        font-size: 1.125rem;
        line-height: inherit;
        white-space: nowrap;
    }

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-text {
        display: inline-block;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.125rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 3px;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
    }

    @media (max-width: 575.98px) {

        .navbar-expand-sm>.container,
        .navbar-expand-sm>.container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 576px) {
        .navbar-expand-sm {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .navbar-expand-sm .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .navbar-expand-sm .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .navbar-expand-sm>.container,
        .navbar-expand-sm>.container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 767.98px) {

        .navbar-expand-md>.container,
        .navbar-expand-md>.container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 768px) {
        .navbar-expand-md {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .navbar-expand-md .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .navbar-expand-md .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .navbar-expand-md>.container,
        .navbar-expand-md>.container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 991.98px) {

        .navbar-expand-lg>.container,
        .navbar-expand-lg>.container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 992px) {
        .navbar-expand-lg {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .navbar-expand-lg .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .navbar-expand-lg>.container,
        .navbar-expand-lg>.container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
    }

    @media (max-width: 1279.98px) {

        .navbar-expand-xl>.container,
        .navbar-expand-xl>.container-fluid {
            padding-right: 0;
            padding-left: 0;
        }
    }

    @media (min-width: 1280px) {
        .navbar-expand-xl {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .navbar-expand-xl .navbar-nav {
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

        .navbar-expand-xl>.container,
        .navbar-expand-xl>.container-fluid {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
    }

    .navbar-expand {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand>.container,
    .navbar-expand>.container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand>.container,
    .navbar-expand>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .cars-func.dis-block a {
        font-size: 13px;
    }

    .compare-image {
        width: 15px;
        float: right;
        height: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.1);
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-light .navbar-text {
        color: rgba(0, 0, 0, 0.5);
    }

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-text a:focus,
    .navbar-light .navbar-text a:hover {
        color: rgba(0, 0, 0, 0.9);
    }

    .navbar-dark .navbar-brand {
        color: #fff;
    }

    .navbar-dark .navbar-brand:focus,
    .navbar-dark .navbar-brand:hover {
        color: #fff;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .active>.nav-link,
    .navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .show>.nav-link {
        color: #fff;
    }

    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-dark .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

    .navbar-dark .navbar-text a {
        color: #fff;
    }

    .navbar-dark .navbar-text a:focus,
    .navbar-dark .navbar-text a:hover {
        color: #fff;
    }

    .nav-sidebar .list-unstyled li:last-child {
        border-bottom: 0;
    }

    .nav-sidebar li ul li:last-child {
        border-bottom: 0;
    }

    /*----- Cards ------*/
    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        border-radius: 4px;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid #d8dde6;
        border-radius: 5px;
        box-shadow: 0 0 40px 0 rgba(234, 238, 249, 0.5);
    }

    .card>hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card>.list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .card>.list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.5rem;
    }

    .card-title {
        margin-bottom: 1.5rem;
    }

    .card-subtitle {
        margin-top: -0.75rem;
        margin-bottom: 0;
    }

    .card-text:last-child {
        margin-bottom: 0;
    }

    .card-link:hover {
        text-decoration: none;
    }

    .card-link+.card-link {
        margin-left: 1.5rem;
    }

    .card-header {
        padding: 1.5rem 1.5rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid #d8dde6;
    }

    .card-header+.list-group .list-group-item:first-child {
        border-top: 0;
    }

    .card-footer {
        padding: 1.5rem 1.5rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid #d8dde6;
    }

    .card-footer:last-child {
        border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
    }

    .card-header-tabs {
        margin-right: -0.75rem;
        margin-bottom: -1.5rem;
        margin-left: -0.75rem;
        border-bottom: 0;
    }

    .card-header-pills {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
    }

    .card-img {
        width: 100%;
        border-radius: calc(3px - 1px);
        height: 100%;
    }

    .card-img-top {
        width: 100%;
        border-top-left-radius: calc(3px - 1px);
        border-top-right-radius: calc(3px - 1px);
    }

    .card-img-bottom {
        width: 100%;
        border-bottom-right-radius: calc(3px - 1px);
        border-bottom-left-radius: calc(3px - 1px);
    }

    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card-deck .card {
        margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
        .card-deck {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            margin-right: -0.75rem;
            margin-left: -0.75rem;
        }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 0.75rem;
            margin-bottom: 0;
            margin-left: 0.75rem;
        }
    }

    .card-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card-group>.card {
        margin-bottom: 0.75rem;
    }

    @media (min-width: 576px) {
        .card-group {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

        .card-group>.card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0;
        }

        .card-group>.card+.card {
            margin-left: 0;
            border-left: 0;
        }

        .card-group>.card:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .card-group>.card:first-child .card-header,
        .card-group>.card:first-child .card-img-top {
            border-top-right-radius: 0;
        }

        .card-group>.card:first-child .card-footer,
        .card-group>.card:first-child .card-img-bottom {
            border-bottom-right-radius: 0;
        }

        .card-group>.card:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .card-group>.card:last-child .card-header,
        .card-group>.card:last-child .card-img-top {
            border-top-left-radius: 0;
        }

        .card-group>.card:last-child .card-footer,
        .card-group>.card:last-child .card-img-bottom {
            border-bottom-left-radius: 0;
        }

        .card-group>.card:only-child {
            border-radius: 3px;
        }

        .card-group>.card:only-child .card-header,
        .card-group>.card:only-child .card-img-top {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .card-group>.card:only-child .card-footer,
        .card-group>.card:only-child .card-img-bottom {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
            border-radius: 0;
        }

        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
        .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
            border-radius: 0;
        }
    }

    .card-columns .card {
        margin-bottom: 1.5rem;
    }

    @media (min-width: 576px) {
        .card-columns {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 1.25rem;
            -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
            orphans: 1;
            widows: 1;
        }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
    }

    .card-blog-overlay .card-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .card-blog-overlay1 .card-footer,
    .card-blog-overlay2 .card-footer {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .card-blog-overlay {
        background: url(../images/admin-media/thumbnails/thumb2.html);
        background-size: cover;
        position: relative;
    }

    .card-blog-overlay1:before,
    .card-blog-overlay2:before,
    .card-blog-overlay:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .card-blog-overlay1 {
        background: url(../images/admin-media/thumbnails/thumb3.html);
        background-size: cover;
    }

    .card-blog-overlay2 {
        background: url(../images/banners/banner4.jpg);
        background-size: cover;
    }

    .card-blog-overlay3 {
        background: url(../images/photos/4.jpg);
        background-size: cover;
    }

    .accordion .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
    }

    .accordion .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
    }

    .accordion .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    /*----- Pagination ------*/

    .example .pagination {
        margin-bottom: 0;
    }

    .pagination {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 3px;
    }

    .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        color: #080e1b;
        line-height: 1.25;
        background-color: #fff;
        border: 1px solid #d8dde6;
    }

    .page-link:hover {
        z-index: 2;
        text-decoration: none;
        background-color: #eaecfb;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0;
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .page-item:last-child .page-link {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff;
    }

    .page-item.disabled .page-link {
        color: #ced4da;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #d8dde6;
    }

    .pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1.125rem;
        line-height: 1.5;
    }

    .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    /*----- E-Mail ------*/

    .mail-box {
        border-collapse: collapse;
        border-spacing: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .mail-box aside {
        display: table-cell;
        float: none;
        height: 100%;
        padding: 0;
        vertical-align: top;
    }

    .mail-box .sm-side {
        background: none repeat scroll 0 0 #e5e8ef;
        border-radius: 4px 0 0 4px;
        width: 25%;
    }

    .mail-box .lg-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0 4px 4px 0;
        width: 75%;
    }

    .mail-box .sm-side .user-head {
        background: none repeat scroll 0 0 #00a8b3;
        border-radius: 4px 0 0;
        color: #fff;
        min-height: 80px;
        padding: 10px;
    }

    .user-head .inbox-avatar {
        float: left;
        width: 65px;
    }

    .user-head .inbox-avatar img {
        border-radius: 4px;
    }

    .user-head .user-name {
        display: inline-block;
        margin: 0 0 0 10px;
    }

    .user-head .user-name h5 {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 0;
        margin-top: 15px;
    }

    .user-head .user-name h5 a {
        color: #fff;
    }

    .user-head .user-name span a {
        color: #87e2e7;
        font-size: 12px;
    }

    a.mail-dropdown {
        background: none repeat scroll 0 0 #80d3d9;
        border-radius: 2px;
        color: #01a7b3;
        font-size: 10px;
        margin-top: 20px;
        padding: 3px 5px;
    }

    .btn-compose {
        background: none repeat scroll 0 0 #ff6c60;
        color: #fff;
        padding: 12px 0;
        text-align: center;
        width: 100%;
    }

    .btn-compose:hover {
        background: none repeat scroll 0 0 #f5675c;
        color: #fff;
    }

    ul.inbox-nav {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .inbox-divider {
        border-bottom: 1px solid #d5d8df;
    }

    ul.inbox-nav li {
        display: inline-block;
        line-height: 45px;
        width: 100%;
    }

    ul.inbox-nav li a {
        color: #6a6a6a;
        display: inline-block;
        line-height: 45px;
        padding: 0 20px;
        width: 100%;
    }

    ul.inbox-nav li a:focus,
    ul.inbox-nav li a:hover,
    ul.inbox-nav li.active a {
        background: none repeat scroll 0 0 #d5d7de;
        color: #6a6a6a;
    }

    ul.inbox-nav li a i {
        color: #6a6a6a;
        font-size: 16px;
        padding-right: 10px;
    }

    ul.inbox-nav li a span.label {
        margin-top: 13px;
    }

    ul.labels-info li h4 {
        color: #5c5c5e;
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        text-transform: uppercase;
    }

    ul.labels-info li {
        margin: 0;
    }

    ul.labels-info li a {
        border-radius: 0;
        color: #6a6a6a;
    }

    ul.labels-info li a:focus,
    ul.labels-info li a:hover {
        background: none repeat scroll 0 0 #d5d7de;
        color: #6a6a6a;
    }

    ul.labels-info li a i {
        padding-right: 10px;
    }

    .nav.nav-pills.nav-stacked.labels-info p {
        color: #9d9f9e;
        font-size: 11px;
        margin-bottom: 0;
        padding: 0 22px;
    }

    .inbox-head {
        border-radius: 0 4px 0 0;
        padding: 10px;
        border-radius: 3px;
    }

    .inbox-head h3 {
        display: inline-block;
        font-weight: 300;
        margin: 0;
    }

    .inbox-head .sr-input {
        border: medium none;
        border-radius: 4px 0 0 4px;
        box-shadow: none;
        color: #8a8a8a;
        float: left;
        height: 30px;
        padding: 0 10px;
    }

    .inbox-head .sr-btn {
        background: none repeat scroll 0 0#eef2f9;
        border: medium none;
        border-radius: 0 4px 4px 0;
        color: #fff;
        height: 30px;
        padding: 0 20px;
    }

    .table-inbox {
        border: 1px solid #d8dde6;
        margin-bottom: 0;
    }

    .table-inbox tr {
        border-bottom: 1px solid #d8dde6;
    }

    .table-inbox tr:last-child {
        border-bottom: 0;
    }

    .table-inbox tr td {
        padding: 12px !important;
    }

    .table-inbox tr td:hover {
        cursor: pointer;
    }

    .table-inbox tr td .fa-star.inbox-started,
    .table-inbox tr td .fa-star:hover {
        color: #f78a09;
    }

    .table-inbox tr td .fa-star {
        color: rgba(106, 221, 196, 0.06);
    }

    .table-inbox tr.unread td {
        background: #f1f5fd;
        font-weight: 600;
        border-bottom: #d8dde6 1px solid;
    }

    ul.inbox-pagination {
        float: right;
    }

    ul.inbox-pagination li {
        float: left;
    }

    .mail-option {
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }

    .mail-option .btn-group,
    .mail-option .chk-all {
        margin-right: 5px;
    }

    .mail-option .btn-group a.btn,
    .mail-option .chk-all {
        background: none repeat scroll 0 0 #f1f5fd;
        border: 1px solid #e1ecfc;
        border-radius: 3px !important;
        color: #3d4e67;
        display: inline-block;
        padding: 5px 10px;
    }

    .inbox-pagination a.np-btn {
        background: none repeat scroll 0 0 #f1f5fd;
        border: 1px solid #e1ecfc;
        border-radius: 3px !important;
        color: #3d4e67;
        display: inline-block;
        padding: 5px 15px;
    }

    .mail-option .chk-all input[type="checkbox"] {
        margin-top: 0;
    }

    .mail-option .btn-group a.all {
        border: medium none;
        padding: 0;
    }

    .inbox-pagination a.np-btn {
        margin-left: 5px;
    }

    .inbox-pagination li span {
        display: inline-block;
        margin-right: 5px;
        margin-top: 7px;
    }

    /*------ Fileinput ------*/

    .fileinput-button {
        background: none repeat scroll 0 0 #f1f5fd;
        border: 1px solid #e6e6e6;
    }

    .inbox-body .modal .modal-body input,
    .inbox-body .modal .modal-body textarea {
        border: 1px solid #e6e6e6;
        box-shadow: none;
    }

    .modal-header h4.modal-title {
        font-weight: 300;
    }

    .modal-body label {
        font-weight: 400;
    }

    .heading-inbox h4 {
        border-bottom: 1px solid #ddd;
        color: #444;
        font-size: 18px;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .sender-info {
        margin-bottom: 20px;
    }

    .sender-info img {
        height: 30px;
        width: 30px;
    }

    .sender-dropdown {
        background: none repeat scroll 0 0 #d8dde6;
        color: #777;
        font-size: 10px;
        padding: 0 3px;
    }

    .view-mail a {
        color: #ff6c60;
    }

    .attachment-mail {
        margin-top: 30px;
    }

    .attachment-mail ul {
        display: inline-block;
        margin-bottom: 30px;
        width: 100%;
    }

    .attachment-mail ul li {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        width: 150px;
    }

    .attachment-mail ul li img {
        width: 100%;
    }

    .attachment-mail ul li span {
        float: right;
    }

    .attachment-mail .file-name {
        float: left;
    }

    .attachment-mail .links {
        display: inline-block;
        width: 100%;
    }

    .fileinput-button {
        float: left;
        margin-right: 4px;
        overflow: hidden;
        position: relative;
    }

    .fileinput-button input {
        cursor: pointer;
        direction: ltr;
        font-size: 23px;
        margin: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(-300px, 0) scale(4);
    }

    .fileupload-buttonbar .btn,
    .fileupload-buttonbar .toggle {
        margin-bottom: 5px;
    }

    .files .progress {
        width: 200px;
    }

    .fileupload-processing .fileupload-loading {
        display: block;
    }

    * html .fileinput-button {
        line-height: 24px;
        margin: 1px -3px 0 0;
    }

    @media (max-width: 767px) {
        .files .btn span {
            display: none;
        }

        .files .preview * {
            width: 40px;
        }

        .files .name * {
            display: inline-block;
            width: 80px;
            word-wrap: break-word;
        }

        .files .progress {
            width: 20px;
        }

        .files .delete {
            width: 60px;
        }
    }

    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    /*------ Border-Radius ------*/

    .br-100 {
        border-radius: 100% !important;
    }

    .br-4 {
        border-radius: 4px !important;
    }

    .br-2 {
        border-radius: 2px !important;
    }

    .br-tl-2 {
        border-top-left-radius: 2px !important;
    }

    .br-bl-2 {
        border-bottom-left-radius: 2px !important;
    }

    .br-tr-2 {
        border-top-right-radius: 2px !important;
    }

    .br-br-2 {
        border-bottom-right-radius: 2px !important;
    }

    .br-bl-0 {
        border-bottom-right-radius: 0 !important;
    }

    .br-tl-0 {
        border-bottom-right-radius: 0 !important;
    }

    @media (min-width: 992px) {
        .br-md-2 {
            border-radius: 2px !important;
        }

        .br-tl-md-2 {
            border-top-left-radius: 2px !important;
        }

        .br-bl-md-2 {
            border-bottom-left-radius: 2px !important;
        }

        .br-tr-md-2 {
            border-top-right-radius: 2px !important;
        }

        .br-br-md-2 {
            border-bottom-right-radius: 2px !important;
        }

        .br-md-0 {
            border-radius: 0 !important;
        }

        .br-tl-md-0 {
            border-top-left-radius: 0 !important;
        }

        .br-bl-md-0 {
            border-bottom-left-radius: 0 !important;
        }

        .br-tr-md-0 {
            border-top-right-radius: 0 !important;
        }

        .br-br-md-0 {
            border-bottom-right-radius: 0 !important;
        }

        .Realestate-content .select2-container--default .select2-selection--single {
            border-radius: 0 !important;
        }
    }

    /*----- Range -----*/
    .range {
        display: table;
        position: relative;
        height: 25px;
        margin-top: 20px;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }

    .range input[type="range"] {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        -o-appearance: none !important;
        appearance: none !important;
        display: table-cell;
        width: 100%;
        background-color: transparent;
        height: 25px;
        cursor: pointer;
    }

    .range input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        -o-appearance: none !important;
        appearance: none !important;
        width: 11px;
        height: 25px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0;
        background-color: #999;
    }

    .range input[type="range"]::-moz-slider-thumb {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -ms-appearance: none !important;
        -o-appearance: none !important;
        appearance: none !important;
        width: 11px;
        height: 25px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0;
        background-color: #999;
    }

    .range output {
        display: table-cell;
        padding: 3px 5px 2px;
        min-width: 40px;
        color: #fff;
        background-color: #999;
        text-align: center;
        text-decoration: none;
        border-radius: 4px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -o-user-select: none;
        user-select: none;
    }

    .range input[type="range"] {
        outline: 0;
    }

    .range.range-success input[type="range"]::-webkit-slider-thumb {
        background-color: #05a01f;
    }

    .range.range-success input[type="range"]::-moz-slider-thumb {
        background-color: #05a01f;
    }

    .range.range-success output {
        background-color: #05a01f;
    }

    .range.range-success input[type="range"] {
        outline-color: #05a01f;
    }

    .range.range-info input[type="range"]::-webkit-slider-thumb {
        background-color: #1da1f3;
    }

    .range.range-info input[type="range"]::-moz-slider-thumb {
        background-color: #1da1f3;
    }

    .range.range-info output {
        background-color: #1da1f3;
    }

    .range.range-info input[type="range"] {
        outline-color: #1da1f3;
    }

    .range.range-warning input[type="range"]::-webkit-slider-thumb {
        background-color: #ffa22b;
    }

    .range.range-warning input[type="range"]::-moz-slider-thumb {
        background-color: #ffa22b;
    }

    .range.range-warning output {
        background-color: #ffa22b;
    }

    .range.range-warning input[type="range"] {
        outline-color: #ffa22b;
    }

    .range.range-danger input[type="range"]::-webkit-slider-thumb {
        background-color: #ff382b;
    }

    .range.range-danger input[type="range"]::-moz-slider-thumb {
        background-color: #ff382b;
    }

    .range.range-danger output {
        background-color: #ff382b;
    }

    .range.range-danger input[type="range"] {
        outline-color: #ff382b;
    }

    .list.d-flex img {
        width: 60px;
    }

    #popup {
        position: absolute;
        width: auto;
        height: 30px;
        background: #fe6b1f;
        display: none;
        color: #fff;
        border-radius: 5px;
    }

    #copy {
        background: 0 0;
        color: #fff;
        font-weight: 700;
        padding: 8px 25px;
        border: 0;
    }

    /*----- Nav-items -----*/
    .nav-item1 {
        padding: 10px;
        min-width: 2rem;
        transition: 0.3s color;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .nav1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        background: #f1f5fd;
    }

    .nav-item1:hover:not(.disabled) {
        color: #fff;
    }

    .nav-item1.active {
        color: #fff;
    }

    .nav-item1 .nav-link.disabled {
        opacity: 6;
        cursor: default;
        pointer-events: none;
    }

    .nav1.bg-primary .nav-item1 .nav-link.disabled {
        color: rgba(255, 255, 255, 0.5);
    }

    .nav-tabs .nav-item1 {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-item1.nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .nav-tabs .nav-item1 .nav-link {
        border: 0;
        color: inherit;
        margin-bottom: -1px;
        color: #a7b4c9;
        transition: 0.3s border-color;
        font-weight: 400;
        padding: 1rem 10px;
    }

    .nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
        color: #fff;
    }

    .nav-tabs .nav-item1 .nav-link.active {
        color: #fff;
    }

    .nav-tabs .nav-item1 .nav-link.disabled {
        opacity: 0.6;
        cursor: default;
        pointer-events: none;
    }

    .nav-tabs .nav-item1 {
        margin-bottom: 0;
        position: relative;
    }

    .nav-tabs .nav-item1 i {
        margin-right: 0.25rem;
        line-height: 1;
        font-size: 0rem;
        width: 0.875rem;
        vertical-align: baseline;
        display: inline-block;
        margin-right: 10px;
    }

    .nav-tabs .nav-item1:hover .nav-submenu {
        display: block;
    }

    .nav-tabs .nav-submenu {
        display: none;
        position: absolute;
        background: #000;
        border: 1px solid #d8dde6;
        border-top: none;
        z-index: 10;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        min-width: 10rem;
        border-radius: 0 0 3px 3px;
    }

    .nav-tabs .nav-submenu .nav-item1 {
        display: block;
        padding: 0.5rem 1rem;
        color: #a7b4c9;
        margin: 0 !important;
        cursor: pointer;
        transition: 0.3s background;
    }

    .nav-tabs .nav-submenu .nav-item1.active {
        color: #467fcf;
    }

    .nav-tabs .nav-submenu .nav-item1:hover {
        color: #5f6877;
        text-decoration: none;
        background: rgba(0, 0, 0, 0.024);
    }

    /*----- Tootltip -----*/
    .bd-example {
        position: relative;
        padding: 1rem;
        margin: 1rem -1rem;
        border-width: 0.2rem 0 0;
    }

    .bd-example-tooltip-static .tooltip {
        position: relative;
        display: inline-block;
        margin: 10px 20px;
        opacity: 1;
    }

    .tooltip.bs-tether-element-attached-bottom,
    .tooltip.tooltip-top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        font-size: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 0.25rem;
    }

    .tooltip.bs-tether-element-attached-left,
    .tooltip.tooltip-right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
    .tooltip.tooltip-top .tooltip-inner::before {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        content: "";
        border-width: 5px 5px 0;
        border-top-color: #000;
    }

    .tooltip.bs-tether-element-attached-left .tooltip-inner::before,
    .tooltip.tooltip-right .tooltip-inner::before {
        top: 50%;
        left: 0;
        margin-top: -5px;
        content: "";
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
    }

    .tooltip.bs-tether-element-attached-top,
    .tooltip.tooltip-bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.bs-tether-element-attached-top .tooltip-inner::before,
    .tooltip.tooltip-bottom .tooltip-inner::before {
        top: 0;
        left: 50%;
        margin-left: -5px;
        content: "";
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }

    .tooltip.bs-tether-element-attached-right,
    .tooltip.tooltip-left {
        padding: 0 5px;
        margin-left: -3px;
    }

    .tooltip.bs-tether-element-attached-right .tooltip-inner::before,
    .tooltip.tooltip-left .tooltip-inner::before {
        top: 50%;
        right: 0;
        margin-top: -5px;
        content: "";
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
    }

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .pop-primary {
        color: #4d9dff;
    }

    .popsecondary {
        color: #628dea;
    }

    .popinfo {
        color: #88c8f7;
    }

    .popsuccess {
        color: #bfff80;
    }

    .popdanger {
        color: #ea6262;
    }

    .popwarning {
        color: #f7db6e;
    }

    /*----- Pricing  ------*/
    .pricing {
        border-radius: 20px;
        box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
    }

    .pricing1 {
        color: #1f252d;
        border-radius: 7px;
    }

    .pricing .card-category {
        padding: 10px 0;
        border-radius: 4px;
        background: #f1f5fd;
        color: #fff;
    }

    .horizontal-line {
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 80%;
    }

    .pricing .btn {
        color: #fff !important;
        border-width: 5px !important;
        border-radius: 100px;
        font-size: 16px;
        font-weight: 700 !important;
    }

    .pricing .price {
        font-weight: 600;
        font-size: 50px;
        color: #434258 !important;
    }

    .pricing .list-unstyled li {
        border-bottom: 1px solid rgba(232, 235, 243, 0.7);
        padding: 7px 0;
    }

    .pricing1 .list-unstyled li {
        border-bottom: 1px solid #d8dde6;
        padding: 7px 0;
    }

    .pricing1 .card-category {
        background: rgba(255, 255, 255, 0.3);
        padding: 20px 0;
        color: #fff;
    }

    .pricing-table {
        width: 100%;
        margin: 0 auto;
        transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        border-radius: 0;
    }

    .pricing-table:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    }

    .pricing-table:hover>.panel-footer-landing {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) inset;
        -webkit-transition: all 0.3s ease;
    }

    .pricing-table:hover>.panel>.panel-body-landing {
        background: #eef2f9;
        -webkit-transition: all 0.3s ease;
    }

    .pricing-table:hover>.panel>.panel-heading-landing-box {
        background: #fff !important;
        color: #333 !important;
        -webkit-transition: all 0.3s ease;
    }

    .pricing-table:hover>.panel>.controle-header {
        background: #eef2f9 !important;
        -webkit-transition: all 0.3s ease;
    }

    .pricing-table:hover>.panel>.panel-footer {
        background: #eef2f9 !important;
        -webkit-transition: all 0.3s ease;
        text-align: center;
    }

    .pricing-table:hover>.panel>.panel-footer>.btn {
        border: solid 1px #fff !important;
        -webkit-transition: all 0.3s ease;
    }

    .btn-price:hover {
        background: #fff !important;
        color: #eef2f9 !important;
        -webkit-transition: all 0.3s ease;
    }

    .pricing-table:hover>.panel>.controle-header>.panel-title-landing {
        color: #fff !important;
        -webkit-transition: all 0.3s ease;
        font-size: 35px;
    }

    .pricing-table>.panel>.controle-header>.panel-title-landing {
        color: #000 !important;
        font-size: 35px;
    }

    .pricing-table:hover>.panel>.panel-body-landing>.table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        font-weight: 500;
        -webkit-transition: all 0.3s ease;
    }

    .panel-body-landing:hover>.table>tbody>tr>td {
        color: #fff !important;
        -webkit-transition: all 0.3s ease;
    }

    .panel-heading-landing {
        background: #f7f7f7 !important;
        padding: 20px !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        border: solid 2px #eef2f9 !important;
        border-bottom: none !important;
        text-align: center;
        margin-top: 20px;
    }

    .col-sm-4 .pricing-table .table td {
        padding: 0.75rem;
        vertical-align: top;
        text-align: left;
    }

    .panel-heading-landing-box {
        background: #eef2f9 !important;
        color: #fff !important;
        font-size: 16px !important;
        text-align: center;
        border-top: none !important;
    }

    .panel-title-landing {
        color: #eef2f9 !important;
        font-size: 35px;
        font-weight: 700;
    }

    .panel-body-landing {
        border: solid 2px #eef2f9 !important;
        border-top: none !important;
        border-bottom: none !important;
        text-align: center;
        background: #fff;
    }

    .panel-footer-landing {
        border: solid 2px #eef2f9 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        border-top: none !important;
        text-align: center;
        background: #f7f7f7;
    }

    .panel.price,
    .panel.price>.panel-heading {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .panel.price h3 {
        margin-bottom: 0;
        padding: 20px 0;
    }

    .panel-heading {
        padding: 10px 15px;
        background: #fff;
    }

    .panel.price>.panel-heading {
        padding: 0;
        position: relative;
    }

    .price .list-group-item {
        border-bottom: 1px solid rgba(250, 250, 250, 0.5);
    }

    .panel.price .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .panel.price .list-group-item:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .panel.price {
        margin-bottom: 1.5rem;
    }

    .price .panel-footer {
        border-bottom: 0;
        background-color: #fff;
    }

    .price.panel-color>.panel-body {
        background-color: #fff;
    }

    .panel-body {
        padding: 15px;
    }

    .panel-body .lead strong {
        font-size: 40px;
        margin-bottom: 0;
        font-weight: 400;
    }

    .panel-body .lead {
        font-size: 20px;
        margin-bottom: 0;
        padding: 10px 0;
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f7f7f7;
        border-top: 1px solid #d8dde6;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .panel.price .btn {
        box-shadow: 0 -1px 0 rgba(50, 50, 50, 0.2) inset;
        border: 0;
    }

    /*------ Headers Heading  -----*/

    .heading-inverse {
        background-color: #333;
        color: #fff;
        padding: 5px;
    }

    .heading-primary {
        color: #fff;
        padding: 5px;
    }

    .heading-success {
        background-color: #05a01f;
        color: #fff;
        padding: 5px;
    }

    .heading-info {
        background-color: #1da1f3;
        color: #fff;
        padding: 5px;
    }

    .heading-warning {
        background-color: #ffa22b;
        color: #fff;
        padding: 5px;
    }

    .heading-danger {
        background-color: #ff382b;
        color: #fff;
        padding: 5px;
    }

    /*---- Charts -----*/
    .chart-visitors {
        min-height: 18rem;
    }

    .chart-tasks {
        height: 15rem;
    }

    .chart-donut {
        height: 21rem;
    }

    .chart-pie {
        height: 21rem;
    }

    .chartsh {
        height: 16rem;
    }

    .chartwidget {
        height: 17rem;
    }

    .chartmorris {
        height: 19rem;
    }

    .dropshadow {
        -webkit-filter: drop-shadow(0 -6px 4px rgba(227, 232, 239));
        filter: drop-shadow(0 -6px 4px rgba(227, 232, 239));
    }

    /*---- Media-Object ---*/
    .media {
        display: flex;
        align-items: flex-start;
    }

    .mediaicon {
        font-size: 18px;
        color: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 5px 0;
        border-radius: 20px;
    }

    .media-body {
        flex: 1;
    }

    .mediafont {
        font-size: 16px;
        font-weight: 600;
    }

    .media {
        margin-top: 15px;
    }

    .media,
    .media-body {
        zoom: 1;
        overflow: hidden;
    }

    .media-object {
        display: block;
    }

    .media img {
        width: 45px;
        height: 45px;
    }

    .media.meida-md img {
        width: 65px;
        height: 65px;
    }

    .media.meida-lg img {
        width: 80px;
        height: 80px;
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px;
    }

    .media-body,
    .media-left,
    .media-right {
        display: table-cell;
        vertical-align: top;
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px;
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .media-body h4 {
        font-weight: 500;
        font-size: 14px;
    }

    .media-middle {
        vertical-align: middle;
    }

    .media-bottom {
        vertical-align: bottom;
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px;
    }

    /*----- BreadCrumb -----*/
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0 !important;
        list-style: none;
        border-radius: 3px;
        left: 0;
        bottom: 0;
        padding: 0 !important;
        background-color: transparent !important;
    }

    .breadcrumb-item a {
        color: rgba(255, 255, 255, 0.8);
    }

    .breadcrumb-item a:hover {
        color: rgba(255, 255, 255, 0.8);
    }

    .page-header .breadcrumb-item+.breadcrumb-item::before {
        color: #080e1b;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        color: rgba(255, 255, 255, 0.3);
        content: "|";
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }

    @media (max-width: 480px) {
        .breadcrumb-item+.breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.2rem;
            padding-left: 0.2rem;
            color: #080e1b;
            content: "/";
        }

        .users-list .select2.select2-container.select2-container--default {
            margin-bottom: 1rem;
        }

        .users-list .page-header {
            padding: 1rem !important;
        }

        .header-text1 .display-3 {
            font-size: 3rem !important;
            margin-bottom: 5px;
        }

        .breadcrumb-item+.breadcrumb-item {
            padding-left: 0;
        }

        .page-header {
            display: block !important;
            padding: 10px 0 !important;
        }

        .page-header .page-title {
            margin-bottom: 5px;
        }
    }

    .breadcrumb-item+.breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item+.breadcrumb-item:hover::before {
        text-decoration: none;
    }

    .breadcrumb1 {
        display: flex;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #f1f5fd;
        border-radius: 0.25rem;
    }

    .breadcrumb-item1 a {
        color: #7b838f;
    }

    .breadcrumb-item1 a:hover {
        text-decoration: underline;
    }

    .breadcrumb-item1+.breadcrumb-item1::before {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        content: "/";
    }

    .breadcrumb-item1+.breadcrumb-item1:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item1+.breadcrumb-item1:hover::before {
        text-decoration: none;
    }

    .breadcrumb-item1.active {
        color: #a7b4c9;
    }

    .breadcrumb-1 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: right;
    }

    .breadcrumb-1 li {
        text-align: right;
        display: contents;
    }

    .breadcrumb-2 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: right;
    }

    .breadcrumb-2 li {
        text-align: right;
        display: contents;
    }

    .breadcrumb-3 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
    }

    .breadcrumb-3 li {
        display: contents;
        text-align: center;
    }

    .breadcrumb-4 ol {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
    }

    .breadcrumb-4 li {
        display: contents;
        text-align: center;
    }

    /*---- Panel ----*/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #d8dde6;
    }

    .panel-default>.panel-heading {
        padding: 0;
        border-radius: 0;
        background-color: #f1f5fd;
        border-color: #d8dde6;
    }

    .panel-title {
        font-size: 14px;
        margin-bottom: 0;
    }

    .panel-title>a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border: 1px solid #d8dde6;
    }

    a:active,
    a:focus,
    a:hover {
        outline: 0;
        text-decoration: none;
    }

    .panel1 {
        border-width: 0 0 1px 0;
        border-style: solid;
        border-color: #fff;
        background: 0 0;
        box-shadow: none;
    }

    .panel1:last-child {
        border-bottom: none;
    }

    .panel-group1>.panel1:first-child .panel-heading1 {
        border-radius: 4px 4px 0 0;
    }

    .panel-group1 .panel1 {
        border-radius: 0;
    }

    .panel-body1 {
        padding: 10px;
    }

    .panel-title1 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .panel-group1 .panel1+.panel1 {
        margin-top: 0;
    }

    .panel-heading1 {
        background-color: #fff;
        border-radius: 0;
        border: none;
        color: #080e1b;
        padding: 0;
    }

    .panel-group1 .panel-body {
        border-top: 1px solid #d8dde6;
    }

    .panel-title1 a {
        display: block;
        padding: 15px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
    }

    .panel-title1 a.collapsed {
        color: #080e1b;
    }

    .panel-body1 {
        background: #fff;
    }

    .panel1:last-child .panel-body1 {
        border-radius: 0 0 4px 4px;
    }

    .panel1:last-child .panel-heading1 {
        border-radius: 0 0 4px 4px;
        transition: border-radius 0.3s linear 0.2s;
    }

    .panel1:last-child .panel-heading1.active {
        border-radius: 0;
        transition: border-radius linear 0s;
    }

    .panel-title a.accordion-toggle:before {
        content: "\f068";
        padding: 0 10px 0 0;
        color: #fff;
        font-family: FontAwesome;
        float: right;
    }

    .panel-title a.accordion-toggle.collapsed:before {
        content: "\f067";
        padding: 0 10px 0 0;
        color: #fff;
        font-family: FontAwesome;
        float: right;
    }

    .panel-heading1 a.collapsed:before {
        content: "\e9af";
        position: absolute;
        font-family: feather !important;
        right: 10px;
        top: 12px;
        font-size: 20px;
        transition: all 0.5s;
        transform: scale(1);
    }

    .panel-heading1 a:before {
        content: "\e994";
        position: absolute;
        font-family: feather !important;
        right: 10px;
        top: 12px;
        font-size: 20px;
        transition: all 0.5s;
        transform: scale(1);
    }

    .panel-heading1.active a:before {
        content: " ";
        transition: all 0.5s;
        transform: scale(0);
    }

    .demo-accordion p:last-child,
    .panel-group1 p:last-child {
        margin-bottom: 0;
    }

    #bs-collapse .panel-heading1 a:after {
        content: "\f01a";
        font-size: 24px;
        position: absolute;
        font-family: FontAwesome;
        right: 5px;
        top: 10px;
        transform: scale(0);
        transition: all 0.5s;
    }

    #bs-collapse .panel-heading1.active a:after {
        content: "\f01a";
        transform: scale(1);
        transition: all 0.5s;
    }

    #accordion .panel-heading1 a:before {
        content: "\f01a";
        font-size: 24px;
        position: absolute;
        font-family: FontAwesome;
        right: 5px;
        top: 10px;
        transform: rotate(180deg);
        transition: all 0.5s;
    }

    #accordion .panel-heading1.active a:before {
        transform: rotate(0);
        transition: all 0.5s;
    }

    /*----- Alert -----*/
    .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 3px;
    }

    .alert:first-child {
        margin-bottom: 1rem !important;
    }

    .alert:last-child {
        margin-bottom: 0;
    }

    .alert-heading {
        color: inherit;
    }

    .alert-link {
        font-weight: 500;
    }

    .alert-link:hover {
        text-decoration: underline;
    }

    .alert-link a:hover {
        text-decoration: underline;
    }

    .alert-dismissible {
        padding-right: 3.90625rem;
    }

    hr.message-inner-separator {
        clear: both;
        margin-top: 10px;
        margin-bottom: 13px;
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
        background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    }

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

    .alert-secondary {
        color: #7b838f;
        background-color: #dfe9f9;
        border-color: #dfe9f9;
    }

    .alert-secondary hr {
        border-top-color: #cfd2d6;
    }

    .alert-secondary .alert-link {
        color: #2e3133;
    }

    .alert-success {
        color: #fcfdff;
        background-color: #05a01f;
        border-color: #05a01f;
        text-align: right;
    }

    .alert-success hr {
        border-top-color: #c5e7a4;
    }

    .alert-success .alert-link {
        color: #172e00;
    }

    .alert-info {
        color: #fcfdff;
        background-color: #1da1f3;
        border-color: #1da1f3;
    }

    .alert-info hr {
        border-top-color: #b3dcf9;
    }

    .alert-info .alert-link {
        color: #193c56;
    }

    .alert-warning {
        color: #fcfdff;
        background-color: #ffa22b;
        border-color: #ffa22b;
    }

    .alert-warning hr {
        border-top-color: #fae8a4;
    }

    .alert-warning .alert-link {
        color: #4d3f05;
    }

    .alert-danger {
        color: #fcfdff;
        background-color: #ff382b;
        border-color: #ff382b;
    }

    .alert-danger hr {
        border-top-color: #ecacab;
    }

    .alert-danger .alert-link {
        color: #3f0a09;
    }

    .alert-light {
        color: #818182;
        background-color: #fefefe;
        border-color: #fdfdfe;
    }

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

    .alert-dark {
        color: #1b1e21;
        background-color: #d6d8d9;
        border-color: #c6c8ca;
    }

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }

        to {
            background-position: 0 0;
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0;
        }

        to {
            background-position: 0 0;
        }
    }

    .alert {
        font-size: 0.9375rem;
    }

    .alert-icon {
        padding-left: 3rem;
    }

    .alert-icon>i {
        color: inherit !important;
        font-size: 1rem;
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    .alert-avatar {
        padding-left: 3.75rem;
    }

    .alert-avatar .avatar {
        position: absolute;
        top: 0.5rem;
        left: 0.75rem;
    }

    .close {
        font-size: 1rem;
        line-height: 1.5;
        transition: 0.3s color;
    }

    /*------ Dropdown-Menus ------*/
    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9999999;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        background-clip: padding-box;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        text-decoration: none;
        color: #a7b4c9;
        background-color: #f1f5fd;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #d8dde6;
    }

    .dropdown-menu .dropdown-plus-title {
        width: 100% !important;
        color: #a7b4c9 !important;
        padding: 6px 12px !important;
        font-weight: 500 !important;
        border: 0 solid #d8dde6 !important;
        border-bottom-width: 1px !important;
        cursor: pointer !important;
    }

    ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 20px !important;
    }

    .btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title {
        border-color: #0575e6 !important;
    }

    .btn.dropdown-toggle.btn-success~.dropdown-menu .dropdown-plus-title {
        border-color: #4cae4c !important;
    }

    .btn.dropdown-toggle.btn-info~.dropdown-menu .dropdown-plus-title {
        border-color: #46b8da !important;
    }

    .btn.dropdown-toggle.btn-warning~.dropdown-menu .dropdown-plus-title {
        border-color: #eea236 !important;
    }

    .btn.dropdown-toggle.btn-danger~.dropdown-menu .dropdown-plus-title {
        border-color: #d43f3a !important;
    }

    .dropdown-menu-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 15px;
        border-bottom: 1px solid #d8dde6;
    }

    .dropdown-demo .dropdown-menu {
        position: static;
        float: none;
    }

    .dropdown-menu-header label {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #a7b4c9;
    }

    .dropdown-media-list .media:focus,
    .dropdown-media-list .media:hover {
        background-color: #f1f5fd;
    }

    .dropdown-media-list .media {
        padding: 12px 15px;
    }

    .media {
        display: flex;
        align-items: flex-start;
    }

    .dropdown-media-list img {
        border-radius: 100%;
    }

    .dropdown-media-list .media-body {
        margin-left: 15px;
    }

    .media-body {
        flex: 1;
    }

    .dropdown-media-list .media-body>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dropdown-media-list .media-body>div p {
        margin-bottom: 0;
        font-weight: 500;
        color: #a7b4c9;
        font-size: 14px;
    }

    .dropdown-media-list .media-body>div span {
        font-size: 12px;
    }

    .dropdown-media-list .media-body>p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .dropdown-list-footer {
        padding: 10px 15px;
        text-align: center;
        font-size: 12px;
        border-top: 1px solid #d8dde6;
    }

    .dropdown-media-list {
        padding: 0;
    }

    @media (min-width: 768px) {
        ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }
    }

    @media (min-width: 768px) {
        ul.dropdown-menu li.dropdown ul.dropdown-menu {
            width: auto !important;
        }
    }

    btn.dropdown-toggle~.dropdown-menu,
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        background-color: #f4f4f4 !important;
        background-color: #fff !important;
        border: 0 solid #4285f4 !important;
        box-shadow: 0 0 3px rgba(25, 25, 25, 0.3) !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        position: absolute !important;
        width: 100% !important;
    }

    /*----- Label -----*/
    .label {
        display: inline-block;
        margin-bottom: 0.5rem;
    }

    .label {
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
    }

    .label-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
    }

    .label-info {
        background-color: #1da1f3;
    }

    .label-danger {
        background-color: #ff382b;
    }

    .label-warning {
        background-color: #ffa22b;
    }

    .label-success {
        background-color: #05a01f;
    }

    .label-purple {
        background-color: #6d33ff;
    }

    .label-pink {
        background-color: #ff2b88;
    }

    .label-secondary {
        background-color: #f1f5fd;
        color: #080e1b;
    }

    .label.arrowed,
    .label.arrowed-in {
        position: relative;
        margin-left: 9px;
    }

    .label.arrowed-in:before,
    .label.arrowed:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 9px 7px;
    }

    .label.arrowed-in-right,
    .label.arrowed-right {
        position: relative;
        margin-right: 9px;
        border-radius: 0 2px 2px 0;
    }

    .label-info.arrowed:before {
        border-right-color: #1da1f3 !important;
    }

    .label-danger.arrowed:before {
        border-right-color: #ff382b !important;
    }

    .label-success.arrowed:before {
        border-right-color: #05a01f !important;
    }

    .label-warning.arrowed:before {
        border-right-color: #ffa22b !important;
    }

    /*----- Badge ------*/
    .btn .badge {
        position: relative;
        top: -1px;
    }

    .badge-secondary {
        color: #fff;
        background-color: #162946;
    }

    .badge-secondary[href]:focus,
    .badge-secondary[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #162946;
    }

    .badge-success {
        color: #fff;
        background-color: #05a01f;
    }

    .badge-success[href]:focus,
    .badge-success[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3adfab;
    }

    .badge-info {
        color: #fff;
        background-color: #1da1f3;
    }

    .badge-info[href]:focus,
    .badge-info[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1594ef;
    }

    .badge-warning {
        color: #fff;
        background-color: #ffa22b;
    }

    .badge-warning[href]:focus,
    .badge-warning[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #fa3;
    }

    .badge-danger {
        color: #fff;
        background-color: #ff382b;
    }

    .badge-danger[href]:focus,
    .badge-danger[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #fb5b50;
    }

    .badge-light {
        color: #3d4e67;
        background-color: #f1f5fd;
    }

    .badge-light[href]:focus,
    .badge-light[href]:hover {
        color: #3d4e67;
        text-decoration: none;
        background-color: #dae0e5;
    }

    .badge-dark {
        color: #fff;
        background-color: #343a40;
    }

    .badge-dark[href]:focus,
    .badge-dark[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #1d2124;
    }

    .badge-pink {
        color: #fff;
        background-color: #ed3284;
    }

    .badge-pink[href]:focus,
    .badge-pink[href]:hover {
        color: #fff;
        text-decoration: none;
        background-color: #ed3284;
    }

    .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 100%;
        font-weight: 300;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 3px;
    }

    .br-0 {
        border-radius: 0;
    }

    .badge-pill {
        padding-right: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
    }

    .badgetext {
        float: right;
    }

    .badge-default {
        background: rgb(233, 239, 247);
        color: #7e8188;
    }

    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #f1f5fd;
        border-radius: 3px;
    }

    @media (min-width: 576px) {
        .jumbotron {
            padding: 2rem;
        }
    }

    .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
    }

    /*----- Progress ------*/
    .progress {
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: 0.703125rem;
        background-color: rgb(233, 239, 247);
        border-radius: 2px;
        -webkit-box-shadow: 0 10px 20px 0 rgba(105, 109, 131, 0.3);
        box-shadow: 0 10px 20px 0 rgba(105, 109, 131, 0.1);
    }

    .progress-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        transition: width 0.6s ease;
    }

    .current-progressbar {
        margin-top: 14.5px;
    }

    .progress-content {
        margin-bottom: 16.5px;
    }

    .progress-content:last-child {
        margin-bottom: 0;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .progress-bar {
            transition: none;
        }
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem;
    }

    .progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite;
    }

    .media {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .media-body {
        -ms-flex: 1;
        flex: 1;
    }

    /*----- List -----*/
    .list-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
    }

    .list-group-item-action {
        width: 100%;
        color: #080e1b;
        text-align: inherit;
    }

    .list-group-item-action:focus,
    .list-group-item-action:hover {
        color: #080e1b;
        text-decoration: none;
        background-color: #f1f5fd;
    }

    .list-group-item-action:active {
        color: #a7b4c9;
        background-color: #d8dde6;
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #d8dde6;
    }

    .listorder {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #d8dde6;
        list-style-type: decimal;
        list-style-position: inside;
    }

    .listorder1 {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #d8dde6;
        list-style-type: upper-alpha;
        list-style-position: inside;
    }

    .listunorder {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #d8dde6;
        list-style-type: circle;
        list-style-position: inside;
    }

    .listunorder1 {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #d8dde6;
        list-style-type: square;
        list-style-position: inside;
    }

    .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .list-group-item:focus,
    .list-group-item:hover {
        z-index: 1;
        text-decoration: none;
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #7c90b1;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        background-color: #eef0f9;
        border: 1px solid #d8dde6;
        color: #080e1b;
    }

    .list-group-flush .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .list-group-flush:first-child .list-group-item:first-child {
        border-top: 0;
    }

    .list-group-flush:last-child .list-group-item:last-child {
        border-bottom: 0;
    }

    .list-group-item-primary {
        color: #24426c;
        background-color: #cbdbf2;
    }

    .list-group-flush .list-group-item:hover {
        border: 1px solid #d8dde6;
    }

    .list-group-item-primary.list-group-item-action:focus,
    .list-group-item-primary.list-group-item-action:hover {
        color: #24426c;
        background-color: #b7cded;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #24426c;
        border-color: #24426c;
    }

    .list-group-item-secondary {
        color: #464a4e;
        background-color: #dddfe2;
    }

    .list-group-item-secondary.list-group-item-action:focus,
    .list-group-item-secondary.list-group-item-action:hover {
        color: #464a4e;
        background-color: #cfd2d6;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #464a4e;
        border-color: #464a4e;
    }

    .list-group-item-success {
        color: #008048;
        background-color: #ccffe9;
    }

    .list-group-item-success.list-group-item-action:focus,
    .list-group-item-success.list-group-item-action:hover {
        color: #316100;
        background-color: #c5e7a4;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #316100;
        border-color: #316100;
    }

    .list-group-item-info {
        color: #3ba2ff;
        background-color: #e6f1ff;
    }

    .list-group-item-info.list-group-item-action:focus,
    .list-group-item-info.list-group-item-action:hover {
        color: #3ba2ff;
        background-color: #b3dcf9;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #3ba2ff;
        border-color: #3ba2ff;
    }

    .list-group-item-warning {
        color: #ffa22b;
        background-color: #ffe9cc;
    }

    .list-group-item-warning.list-group-item-action:focus,
    .list-group-item-warning.list-group-item-action:hover {
        color: #ffa22b;
        background-color: #ffe9cc;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #ffa22b;
        border-color: #ffa22b;
    }

    .list-group-item-danger {
        color: #ff382b;
        background-color: #ffcfcc;
    }

    .list-group-item-danger.list-group-item-action:focus,
    .list-group-item-danger.list-group-item-action:hover {
        color: #ff382b;
        background-color: #ffcfcc;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #ff382b;
        border-color: #ff382b;
    }

    .list-group-item-light {
        color: #818182;
        background-color: #fdfdfe;
    }

    .list-group-item-light.list-group-item-action:focus,
    .list-group-item-light.list-group-item-action:hover {
        color: #818182;
        background-color: #ececf6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
    }

    .list-group-item-dark {
        color: #1b1e21;
        background-color: #c6c8ca;
    }

    .list-group-item-dark.list-group-item-action:focus,
    .list-group-item-dark.list-group-item-action:hover {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

    /*----- Modals -----*/
    .close {
        float: left;
        font-size: 1.40625rem;
        font-weight: 700;
        line-height: 1;
        color: #a0afc7;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.7;
    }

    .close:focus,
    .close:hover {
        color: #a0afc7;
        text-decoration: none;
        opacity: 0.75;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

    button.close {
        padding: 0;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    .modal-open {
        overflow: hidden;
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center;
    }

    .modal-backdrop.fade.show,
    .modal-open {
        padding-right: 0 !important;
    }

    .modal-open {
        padding: 0 !important;
        display: block;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-open #homeVideo.modal {
        background: rgba(25, 36, 79, 0.8);
    }

    .modal-open #homeVideo.modal .modal-content {
        border: 10px solid #d8dde6;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 0.5rem;
        pointer-events: none;
    }

    .modal {
        text-align: center;
        padding: 0 !important;
    }

    .modal:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
            transition: none;
        }
    }

    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .modal-dialog-centered {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - (0.5rem * 2));
    }

    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid #d8dde6;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem auto;
    }

    .modal-header .close.btn {
        padding: 0.5rem 1rem;
        margin: 0;
        font-size: 12px;
        color: #fff;
        text-shadow: none;
        float: right;
        display: block;
        right: 15px;
        position: absolute;
        background-color: #162946;
        border-color: #162946;
        opacity: 7;
    }

    .modal-header .close.btn:hover {
        color: #fff;
        opacity: 7;
        background-color: #15253e;
    }

    .modal-title {
        margin-bottom: 0;
        line-height: 1.5;
    }

    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem;
    }

    .modal-body p:last-child {
        margin-bottom: 0;
    }

    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1rem;
        border-top: 1px solid #d8dde6;
    }

    .modal-footer> :not(:first-child) {
        margin-left: 0.25rem;
    }

    .modal-footer> :not(:last-child) {
        margin-right: 0.25rem;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    @media (min-width: 576px) {
        .modal-dialog {
            width: 500px;
            margin: 1.75rem auto;
        }

        .modal-dialog-centered {
            min-height: calc(100% - (1.75rem * 2));
        }

        .modal-sm {
            max-width: 300px;
        }
    }

    @media (max-width: 568px) {
        .modal-dialog {
            margin: 0 auto;
            width: 90%;
            margin-top: 10px;
        }

        .modal {
            padding: 0 !important;
        }
    }

    @media (min-width: 992px) {
        .modal-lg {
            max-width: 800px;
            width: 800px;
        }
    }

    .widget-info i {
        width: 100px;
        height: 100px;
        padding: 27px 0;
        text-align: center;
        border: 2px solid #fff;
        border-radius: 50%;
    }

    .widget-info a {
        border-bottom: 1px solid #fff;
    }

    /*------ Tooltip ----*/
    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
    }

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

    .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .bs-tooltip-auto[x-placement^="top"],
    .bs-tooltip-top {
        padding: 0.4rem 0;
    }

    .bs-tooltip-auto[x-placement^="top"] .arrow,
    .bs-tooltip-top .arrow {
        bottom: 0;
    }

    .bs-tooltip-auto[x-placement^="top"] .arrow::before,
    .bs-tooltip-top .arrow::before {
        top: 0;
        border-width: 0.4rem 0.4rem 0;
        border-top-color: #000;
    }

    .bs-tooltip-auto[x-placement^="right"],
    .bs-tooltip-right {
        padding: 0 0.4rem;
    }

    .bs-tooltip-auto[x-placement^="right"] .arrow,
    .bs-tooltip-right .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

    .bs-tooltip-auto[x-placement^="right"] .arrow::before,
    .bs-tooltip-right .arrow::before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #000;
    }

    .bs-tooltip-auto[x-placement^="bottom"],
    .bs-tooltip-bottom {
        padding: 0.4rem 0;
    }

    .bs-tooltip-auto[x-placement^="bottom"] .arrow,
    .bs-tooltip-bottom .arrow {
        top: 0;
    }

    .bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
        bottom: 0;
        border-width: 0 0.4rem 0.4rem;
        border-bottom-color: #000;
    }

    .bs-tooltip-auto[x-placement^="left"],
    .bs-tooltip-left {
        padding: 0 0.4rem;
    }

    .bs-tooltip-auto[x-placement^="left"] .arrow,
    .bs-tooltip-left .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

    .bs-tooltip-auto[x-placement^="left"] .arrow::before,
    .bs-tooltip-left .arrow::before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #000;
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 0.25rem 0.5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 3px;
    }

    /*----- Popover -----*/

    .popover {
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #dee3eb;
        border-radius: 3px;
    }

    .popover .arrow {
        position: absolute;
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        margin: 0 3px;
    }

    .popover .arrow::after,
    .popover .arrow::before {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid;
    }

    .bs-popover-auto[x-placement^="top"],
    .bs-popover-top {
        margin-bottom: 0.5rem;
    }

    .bs-popover-auto[x-placement^="top"] .arrow,
    .bs-popover-top .arrow {
        bottom: calc((0.5rem + 1px) * -1);
    }

    .bs-popover-auto[x-placement^="top"] .arrow::after,
    .bs-popover-auto[x-placement^="top"] .arrow::before,
    .bs-popover-top .arrow::after,
    .bs-popover-top .arrow::before {
        border-width: 0.5rem 0.25rem 0;
    }

    .bs-popover-auto[x-placement^="top"] .arrow::before,
    .bs-popover-top .arrow::before {
        bottom: 0;
        border-top-color: rgba(0, 0, 0, 0.25);
    }

    .bs-popover-auto[x-placement^="top"] .arrow::after,
    .bs-popover-top .arrow::after {
        bottom: 1px;
        border-top-color: #fff;
    }

    .bs-popover-auto[x-placement^="right"],
    .bs-popover-right {
        margin-left: 0.5rem;
    }

    .bs-popover-auto[x-placement^="right"] .arrow,
    .bs-popover-right .arrow {
        left: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 0.5rem;
        margin: 3px 0;
    }

    .bs-popover-auto[x-placement^="right"] .arrow::after,
    .bs-popover-auto[x-placement^="right"] .arrow::before,
    .bs-popover-right .arrow::after,
    .bs-popover-right .arrow::before {
        border-width: 0.25rem 0.5rem 0.25rem 0;
    }

    .bs-popover-auto[x-placement^="right"] .arrow::before,
    .bs-popover-right .arrow::before {
        left: 0;
        border-right-color: #dee3eb;
    }

    .bs-popover-auto[x-placement^="right"] .arrow::after,
    .bs-popover-right .arrow::after {
        left: 1px;
        border-right-color: #fff;
    }

    .bs-popover-auto[x-placement^="bottom"],
    .bs-popover-bottom {
        margin-top: 0.5rem;
    }

    .bs-popover-auto[x-placement^="bottom"] .arrow,
    .bs-popover-bottom .arrow {
        top: calc((0.5rem + 1px) * -1);
    }

    .bs-popover-auto[x-placement^="bottom"] .arrow::after,
    .bs-popover-auto[x-placement^="bottom"] .arrow::before,
    .bs-popover-bottom .arrow::after,
    .bs-popover-bottom .arrow::before {
        border-width: 0 0.25rem 0.5rem 0.25rem;
    }

    .bs-popover-auto[x-placement^="bottom"] .arrow::before,
    .bs-popover-bottom .arrow::before {
        top: 0;
        border-bottom-color: #dee3eb;
    }

    .bs-popover-auto[x-placement^="bottom"] .arrow::after,
    .bs-popover-bottom .arrow::after {
        top: 1px;
        border-bottom-color: #fff;
    }

    .bs-popover-auto[x-placement^="bottom"] .popover-header::before,
    .bs-popover-bottom .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 0.5rem;
        margin-left: -0.25rem;
        content: "";
        border-bottom: 1px solid #fff;
    }

    .bs-popover-auto[x-placement^="left"],
    .bs-popover-left {
        margin-right: 0.5rem;
    }

    .bs-popover-auto[x-placement^="left"] .arrow,
    .bs-popover-left .arrow {
        right: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 0.5rem;
        margin: 3px 0;
    }

    .bs-popover-auto[x-placement^="left"] .arrow::after,
    .bs-popover-auto[x-placement^="left"] .arrow::before,
    .bs-popover-left .arrow::after,
    .bs-popover-left .arrow::before {
        border-width: 0.25rem 0 0.25rem 0.5rem;
    }

    .bs-popover-auto[x-placement^="left"] .arrow::before,
    .bs-popover-left .arrow::before {
        right: 0;
        border-left-color: #dee3eb;
    }

    .bs-popover-auto[x-placement^="left"] .arrow::after,
    .bs-popover-left .arrow::after {
        right: 1px;
        border-left-color: #fff;
    }

    .popover-header {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 0.9375rem;
        color: inherit;
        background-color: #fff;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(3px - 1px);
        border-top-right-radius: calc(3px - 1px);
    }

    .popover-header:empty {
        display: none;
    }

    .popover-body {
        padding: 0.75rem 1rem;
        color: #5f6877;
    }

    /*----- Carousel -----*/
    .carousel {
        position: relative;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-item {
        position: relative;
        display: none;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    @media screen and (prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none;
        }
    }

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: block;
    }

    .carousel-item-next,
    .carousel-item-prev {
        position: absolute;
        top: 0;
    }

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

        .active.carousel-item-right,
        .carousel-item-next {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

        .active.carousel-item-left,
        .carousel-item-prev {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-duration: 0.6s;
        transition-property: opacity;
    }

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        opacity: 1;
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        opacity: 0;
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {

        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-prev,
        .carousel-fade .carousel-item-next,
        .carousel-fade .carousel-item-prev,
        .carousel-fade .carousel-item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: 0.6;
    }

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: 0.9;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent no-repeat center center;
        background-size: 100% 100%;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .carousel-indicators li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators .active {
        background-color: #fff;
    }

    .carousel-indicators1.carousel-indicators {
        position: absolute;
        right: 0;
        top: 10px;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

    .carousel-indicators1 li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .carousel-indicators1 li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators1 li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators1 .active {
        background-color: #fff;
    }

    .carousel-indicators2.carousel-indicators {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-top: 10px;
        list-style: none;
        margin: 13px 22px;
    }

    .carousel-indicators2 li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .carousel-indicators2 li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators2 li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators2 .active {
        background-color: #fff;
    }

    .carousel-indicators3.carousel-indicators {
        position: absolute;
        left: 0;
        right: auto;
        top: 0;
        margin: 13px 22px;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-top: 10px;
        list-style: none;
    }

    .carousel-indicators3 li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .carousel-indicators3 li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators3 li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators3 .active {
        background-color: #fff;
    }

    .carousel-indicators4.carousel-indicators {
        position: absolute;
        right: 0;
        left: auto;
        margin: 22px 22px;
        bottom: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-top: 10%;
        list-style: none;
    }

    .carousel-indicators4 li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .carousel-indicators4 li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators4 li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators4 .active {
        background-color: #fff;
    }

    .carousel-indicators5.carousel-indicators {
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        margin: 22px 22px;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        list-style: none;
    }

    .carousel-indicators5 li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .carousel-indicators5 li::before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators5 li::after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    .carousel-indicators5 .active {
        background-color: #fff;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        top: 30%;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .carousel-item-background {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    /*----- Aligments -----*/

    .align-baseline {
        vertical-align: baseline !important;
    }

    .align-top {
        vertical-align: top !important;
    }

    .align-middle {
        vertical-align: middle !important;
    }

    .align-bottom {
        vertical-align: bottom !important;
    }

    .align-text-bottom {
        vertical-align: text-bottom !important;
    }

    .align-text-top {
        vertical-align: text-top !important;
    }

    /*----- Backgrounds -----*/
    .bg-secondary {
        background-color: #162946 !important;
    }

    a.bg-secondary:focus,
    a.bg-secondary:hover,
    button.bg-secondary:focus,
    button.bg-secondary:hover {
        background-color: #162946 !important;
    }

    .bg-success {
        background-color: #05a01f !important;
    }

    a.bg-success:focus,
    a.bg-success:hover,
    button.bg-success:focus,
    button.bg-success:hover {
        background-color: #05961d !important;
    }

    .bg-info {
        background-color: #1da1f3 !important;
    }

    a.bg-info:focus,
    a.bg-info:hover,
    button.bg-info:focus,
    button.bg-info:hover {
        background-color: #1594ef !important;
    }

    .bg-warning {
        background-color: #ffa22b !important;
        color: #fff;
    }

    a.bg-warning:focus,
    a.bg-warning:hover,
    button.bg-warning:focus,
    button.bg-warning:hover {
        background-color: #fa3 !important;
    }

    .bg-danger {
        background-color: #ff382b !important;
    }

    a.bg-danger:focus,
    a.bg-danger:hover,
    button.bg-danger:focus,
    button.bg-danger:hover {
        background-color: #fb5b50 !important;
    }

    .bg-light {
        background-color: #f2f3f8 !important;
    }

    a.bg-light:focus,
    a.bg-light:hover,
    button.bg-light:focus,
    button.bg-light:hover {
        background-color: #dae0e5 !important;
    }

    .bg-dark {
        background-color: #160346 !important;
    }

    a.bg-dark:focus,
    a.bg-dark:hover,
    button.bg-dark:focus,
    button.bg-dark:hover {
        background-color: #0f0518 !important;
    }

    .bg-white {
        background-color: #fff !important;
    }

    .bg-dark-purple {
        background-color: #010408 !important;
    }

    a.bg-dark-purple:focus,
    a.bg-dark-purple:hover,
    button.bg-dark-purple:focus,
    button.bg-dark-purple:hover {
        background-color: #313031 !important;
    }

    .bg-white {
        background-color: #fff !important;
    }

    .bg-transparent {
        background-color: transparent !important;
    }

    .bg-transparent-dark {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    /*---- Borders ----*/
    .border {
        border: 1px solid #d8dde6 !important;
    }

    .border-top {
        border-top: 1px solid #d8dde6 !important;
    }

    .border-right {
        border-right: 1px solid #d8dde6 !important;
    }

    .border-bottom {
        border-bottom: 1px solid #d8dde6 !important;
    }

    .border-left {
        border-left: 1px solid #d8dde6 !important;
    }

    .border-0 {
        border: 0 !important;
    }

    .border-top-0 {
        border-top: 0 !important;
    }

    .border-right-0 {
        border-right: 0 !important;
    }

    .border-bottom-0 {
        border-bottom: 0 !important;
    }

    .border-left-0 {
        border-left: 0 !important;
    }

    .border-2 {
        border: 1px solid #dfe2e8 !important;
    }

    .border-secondary {
        border-color: #868e96 !important;
    }

    .border-success {
        border-color: #05a01f !important;
    }

    .border-info {
        border-color: #1da1f3 !important;
    }

    .border-warning {
        border-color: #ffa22b !important;
    }

    .border-danger {
        border-color: #ff382b !important;
    }

    .border-light {
        border-color: #f8f9fa !important;
    }

    .border-dark {
        border-color: #343a40 !important;
    }

    .border-white {
        border-color: #fff !important;
    }

    .rounded {
        border-radius: 3px !important;
    }

    .rounded7 {
        border-radius: 7px !important;
    }

    .rounded-top {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

    .rounded-right {
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

    .rounded-bottom {
        border-bottom-right-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
    }

    .rounded-left {
        border-top-left-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
    }

    .rounded-circle {
        border-radius: 50% !important;
    }

    .rounded-0 {
        border-radius: 0 !important;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    /*----- Display Elements -----*/

    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-inline-flex {
        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: -ms-flexbox !important;
            display: flex !important;
        }

        .d-sm-inline-flex {
            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: -ms-flexbox !important;
            display: flex !important;
        }

        .d-md-inline-flex {
            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: -ms-flexbox !important;
            display: flex !important;
        }

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

    @media (min-width: 1280px) {
        .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: -ms-flexbox !important;
            display: flex !important;
        }

        .d-xl-inline-flex {
            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: -ms-flexbox !important;
            display: flex !important;
        }

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

    @media (max-width: 576px) {
        .header-text h1 {
            font-size: 2rem;
            margin-bottom: 10px !important;
        }

        .classified-video h1 {
            font-size: 1.2rem;
        }

        .section-title h2 {
            font-size: 1.5rem !important;
        }

        .section-title h2:after {
            content: "";
            top: 41px !important;
        }

        .content-text .display-5 {
            font-size: 1.8rem;
        }
    }

    @media (max-width: 766px) {
        .multiple-cars .car-slide img {
            height: 100% !important;
        }
    }

    /*------ Embed-responsive ------*/

    .embed-responsive {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .embed-responsive-21by9::before {
        padding-top: 42.85714286%;
    }

    .embed-responsive-16by9::before {
        padding-top: 56.25%;
    }

    .embed-responsive-4by3::before {
        padding-top: 75%;
    }

    .embed-responsive-1by1::before {
        padding-top: 100%;
    }

    /*---- Flex Elements ------*/
    .flex-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-column-reverse {
        -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;
    }

    .flex-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

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

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

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

    .justify-content-between {
        -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 {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

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

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

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

    .align-items-stretch {
        -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 {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }

        .flex-sm-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

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

        .flex-sm-column-reverse {
            -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;
        }

        .flex-sm-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }

        .flex-sm-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }

        .flex-sm-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }

        .flex-sm-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }

        .flex-sm-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }

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

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

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

        .justify-content-sm-between {
            -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 {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

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

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

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

        .align-items-sm-stretch {
            -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 {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }

        .flex-md-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

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

        .flex-md-column-reverse {
            -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;
        }

        .flex-md-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }

        .flex-md-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }

        .flex-md-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }

        .flex-md-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }

        .flex-md-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }

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

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

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

        .justify-content-md-between {
            -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 {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

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

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

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

        .align-items-md-stretch {
            -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 {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }

        .flex-lg-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

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

        .flex-lg-column-reverse {
            -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;
        }

        .flex-lg-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }

        .flex-lg-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }

        .flex-lg-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }

        .flex-lg-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }

        .flex-lg-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }

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

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

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

        .justify-content-lg-between {
            -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 {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

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

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

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

        .align-items-lg-stretch {
            -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: 1280px) {
        .flex-xl-row {
            -ms-flex-direction: row !important;
            flex-direction: row !important;
        }

        .flex-xl-column {
            -ms-flex-direction: column !important;
            flex-direction: column !important;
        }

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

        .flex-xl-column-reverse {
            -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;
        }

        .flex-xl-fill {
            -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
        }

        .flex-xl-grow-0 {
            -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
        }

        .flex-xl-grow-1 {
            -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
        }

        .flex-xl-shrink-0 {
            -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
        }

        .flex-xl-shrink-1 {
            -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
        }

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

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

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

        .justify-content-xl-between {
            -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 {
            -ms-flex-align: start !important;
            align-items: flex-start !important;
        }

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

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

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

        .align-items-xl-stretch {
            -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;
        }
    }

    /*----- Float Elements  -----*/
    .float-left {
        float: left !important;
    }

    .float-right {
        float: right !important;
    }

    .float-none {
        float: none !important;
    }

    @media (min-width: 576px) {
        .float-sm-left {
            float: left !important;
        }

        .float-sm-right {
            float: right !important;
        }

        .float-sm-none {
            float: none !important;
        }
    }

    @media (min-width: 768px) {
        .float-md-left {
            float: left !important;
        }

        .float-md-right {
            float: right !important;
        }

        .float-md-none {
            float: none !important;
        }
    }

    @media (min-width: 992px) {
        .float-lg-left {
            float: left !important;
        }

        .float-lg-right {
            float: right !important;
        }

        .float-lg-none {
            float: none !important;
        }
    }

    @media (min-width: 1280px) {
        .float-xl-left {
            float: left !important;
        }

        .float-xl-right {
            float: right !important;
        }

        .float-xl-none {
            float: none !important;
        }
    }

    /*----- Position Elements -----*/
    .position-static {
        position: static !important;
    }

    .position-relative {
        position: relative !important;
    }

    .position-absolute {
        position: absolute !important;
    }

    .position-fixed {
        position: fixed !important;
    }

    .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }

    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    @supports ((position: -webkit-sticky) or (position: sticky)) {
        .sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 1020;
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

    .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }

    .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }

    .shadow-none {
        box-shadow: none !important;
    }

    /*----- Text Elemnts -----*/
    .text-monospace {
        font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    .text-justify {
        font-family: 'Tajawal', sans-serif;
        text-align: justify !important;
    }

    .text-nowrap {
        white-space: nowrap !important;
    }

    .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }

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

    @media (min-width: 576px) {
        .text-sm-left {
            text-align: left !important;
        }

        .text-sm-right {
            text-align: right !important;
        }

        .text-sm-center {
            text-align: center !important;
        }
    }

    @media (min-width: 768px) {
        .text-md-left {
            text-align: left !important;
        }

        .text-md-right {
            text-align: right !important;
        }

        .text-md-center {
            text-align: center !important;
        }
    }

    @media (min-width: 992px) {
        .text-lg-left {
            text-align: left !important;
        }

        .text-lg-right {
            text-align: right !important;
        }

        .text-lg-center {
            text-align: center !important;
        }
    }

    @media (min-width: 1280px) {
        .text-xl-left {
            text-align: left !important;
        }

        .text-xl-right {
            text-align: right !important;
        }

        .text-xl-center {
            text-align: center !important;
        }
    }

    .text-lowercase {
        text-transform: lowercase !important;
    }

    .text-uppercase {
        text-transform: uppercase !important;
    }

    .text-capitalize {
        text-transform: capitalize !important;
    }

    .font-weight-light {
        font-weight: 300 !important;
    }

    .font-weight-normal {
        font-weight: 400 !important;
    }

    .font-weight-semibold {
        font-weight: 500 !important;
    }

    .font-weight-bold {
        font-weight: 700 !important;
    }

    .font-italic {
        font-style: italic !important;
    }

    .text-white {
        color: #fff !important;
    }

    .text-secondary {
        color: #162946 !important;
    }

    a.text-secondary:focus,
    a.text-secondary:hover {
        color: #162946 !important;
    }

    .text-success {
        color: #05a01f !important;
    }

    a.text-success:focus,
    a.text-success:hover {
        color: #3adfab !important;
    }

    .text-info {
        color: #1da1f3 !important;
    }

    a.text-info:focus,
    a.text-info:hover {
        color: #1594ef !important;
    }

    .text-warning {
        color: #ffa22b !important;
    }

    a.text-warning:focus,
    a.text-warning:hover {
        color: #fa3 !important;
    }

    .text-danger {
        color: #ff382b !important;
    }

    a.text-danger:focus,
    a.text-danger:hover {
        color: #fb5b50 !important;
    }

    .text-light {
        color: #f8f9fa !important;
    }

    a.text-light:focus,
    a.text-light:hover {
        color: #dae0e5 !important;
    }

    .text-dark {
        color: #162946 !important;
    }

    .text-body {
        color: #3d4e67 !important;
    }

    .text-muted {
        color: #6d7e9c !important;
    }

    .text-black-50 {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .text-white-50 {
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .text-white-80 {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .visible {
        visibility: visible !important;
    }

    .invisible {
        visibility: hidden !important;
    }

    @media print {

        *,
        ::after,
        ::before {
            text-shadow: none !important;
            box-shadow: none !important;
        }

        a:not(.btn) {
            text-decoration: underline;
        }

        abbr[title]::after {
            content: " ("attr(title) ")";
        }

        pre {
            white-space: pre-wrap !important;
        }

        blockquote,
        pre {
            border: 1px solid #adb5bd;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group;
        }

        img,
        tr {
            page-break-inside: avoid;
        }

        h2,
        h3,
        p {
            orphans: 3;
            widows: 3;
        }

        h2,
        h3 {
            page-break-after: avoid;
        }

        body {
            min-width: 992px !important;
        }

        .container {
            min-width: 992px !important;
        }

        .navbar {
            display: none;
        }

        .badge {
            border: 1px solid #000;
        }

        .table,
        .text-wrap table {
            border-collapse: collapse !important;
        }

        .table td,
        .table th,
        .text-wrap table td,
        .text-wrap table th {
            background-color: #fff !important;
        }

        .table-bordered td,
        .table-bordered th,
        .text-wrap table td,
        .text-wrap table th {
            border: 1px solid #d8dde6 !important;
        }
    }

    .lead {
        line-height: 1.4;
    }

    /*---- Blockquote -----*/
    blockquote {
        color: #080e1b;
        padding-left: 2rem;
        border-left: 3px solid rgba(227, 237, 252, 0.5);
    }

    .blockquote-reverse,
    blockquote.float-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 3px solid rgba(227, 237, 252, 0.5);
        border-left: 0;
    }

    blockquote p {
        margin-bottom: 1rem;
    }

    blockquote cite {
        display: block;
        text-align: right;
    }

    blockquote cite:before {
        content: "— ";
    }

    code {
        background: #f1f5fd;
        border: 1px solid #f1f5fd;
        border-radius: 3px;
        padding: 3px;
    }

    pre code {
        padding: 0;
        border-radius: 0;
        border: none;
        background: 0 0;
    }

    hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    pre {
        color: #343a40;
        padding: 1rem;
        overflow: auto;
        font-size: 85%;
        line-height: 1.45;
        background-color: #f8fafc;
        border-radius: 3px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        text-shadow: 0 1px #fff;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    img {
        max-width: 100%;
    }

    .text-wrap {
        font-size: 14px;
        line-height: 1.66;
    }

    .text-wrap> :first-child {
        margin-top: 0;
    }

    .text-wrap> :last-child {
        margin-bottom: 0;
    }

    .text-wrap>h1,
    .text-wrap>h2,
    .text-wrap>h3,
    .text-wrap>h4,
    .text-wrap>h5,
    .text-wrap>h6 {
        margin-top: 1em;
    }

    .section-nav {
        background-color: #f8f9fa;
        margin: 1rem 0;
        padding: 0.5rem 1rem;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        list-style: none;
    }

    .section-nav:before {
        content: "Table of contents:";
        display: block;
        font-weight: 600;
    }

    @media print {
        .container {
            max-width: none;
        }
    }

    .row-cards>.col,
    .row-cards>[class*="col-"] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .row-deck>.col,
    .row-deck>[class*="col-"] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .row-deck>.col .card,
    .row-deck>[class*="col-"] .card {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .col-text {
        max-width: 48rem;
    }

    .col-login {
        max-width: 24rem;
    }

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

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

    .gutters-0 .card {
        margin-bottom: 0;
    }

    .gutters-xs {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
    }

    .gutters-xs>.col,
    .gutters-xs>[class*="col-"] {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
    }

    .gutters-xs .card {
        margin-bottom: 0.5rem;
    }

    .gutters-sm {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .gutters-sm>.col,
    .gutters-sm>[class*="col-"] {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .gutters-sm .card {
        margin-bottom: 1rem;
    }

    .gutters-lg {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .gutters-lg>.col,
    .gutters-lg>[class*="col-"] {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .gutters-lg .card {
        margin-bottom: 2rem;
    }

    .gutters-xl {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .gutters-xl>.col,
    .gutters-xl>[class*="col-"] {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .gutters-xl .card {
        margin-bottom: 3rem;
    }

    html {
        font-size: 16px;
        height: 100%;
        direction: rtl;
    }

    body {
        direction: rtl;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-tap-highlight-color: transparent;
        -webkit-text-size-adjust: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        -webkit-font-feature-settings: "liga"0;
        font-feature-settings: "liga"0;
        height: 100%;
        overflow-y: scroll;
        position: relative;
    }

    .page {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100%;
    }

    body.fixed-header .page {
        padding-top: 4.5rem;
    }

    @media (min-width: 1600px) {
        body.aside-opened .page {
            margin-right: 22rem;
        }
    }

    .page-main {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .page-content {
        margin: 0.75rem 0;
    }

    @media (min-width: 768px) {
        .page-content {
            margin: 1.5rem 0 !important;
        }
    }

    @media (max-width: 768px) {
        .item-det ul.d-flex {
            display: block !important;
        }

        .item-det .d-flex {
            display: block !important;
        }

        .item-det .rating-stars.d-flex {
            display: flex !important;
        }
    }

    /*----- Page Header -----*/

    .page-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        position: relative;
        min-height: 50px;
        background: #fff;
    }

    .users-list .page-header {
        background: 0 0;
        padding: 0;
        border: 0;
    }

    .bannerimg .breadcrumb {
        display: inline-flex;
    }

    .page-title {
        margin: 0;
        font-size: 18px;
        font-weight: 500;
        line-height: 2.5rem;
    }

    .page-title-icon {
        color: #a7b4c9;
        font-size: 1.25rem;
    }

    .page-subtitle {
        font-size: 0.8125rem;
        color: #5f6877;
        position: relative;
        top: 19px;
        right: 59rem;
    }

    .page-subtitle a {
        color: inherit;
    }

    .page-options {
        margin-left: auto;
    }

    .page-breadcrumb {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .page-description {
        margin: 0.25rem 0 0;
        color: #5f6877;
    }

    .page-description a {
        color: inherit;
    }

    .page-single {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .content-heading {
        font-weight: 400;
        margin: 2rem 0 1.5rem;
        font-size: 1.25rem;
        line-height: 1.25;
    }

    .content-heading:first-child {
        margin-top: 0;
    }

    .aside {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 22rem;
        background: #fff;
        border-left: 1px solid #d8dde6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 100;
        visibility: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }

    @media (min-width: 1600px) {
        body.aside-opened .aside {
            visibility: visible;
        }
    }

    .aside-body {
        padding: 1.5rem;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: auto;
    }

    .aside-footer {
        padding: 1rem 1.5rem;
        border-top: 1px solid #d8dde6;
    }

    .aside-header {
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #d8dde6;
    }

    /*------ Headers ------*/

    .header {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        width: 100%;
        z-index: 100;
    }

    body.fixed-header .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
    }

    @media print {
        .header {
            display: none;
        }
    }

    .header .dropdown-menu {
        margin-top: 0;
    }

    .header .mega-menu {
        width: 350px;
    }

    .nav-unread {
        position: absolute;
        top: 0.1rem;
        right: 0.4rem;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
    }

    .nav-unread.badge {
        position: absolute;
        top: 0;
        text-align: center;
        right: 0;
        width: 1.2rem;
        height: 1.2rem;
        line-height: 0.8rem;
        border-radius: 50%;
    }

    .nav-link.icon {
        margin: 5px;
        border-radius: 50%;
        padding: 12px;
        width: 2.5rem;
        text-align: center;
        height: 2.5rem;
        font-size: 15px;
        position: relative;
    }

    .nav-link.icon.full-screen-link {
        padding-bottom: 12px;
    }

    .nav-link.icon i {
        color: #fcfdff;
    }

    .header-brand {
        color: inherit;
        margin-right: 1rem;
        font-size: 1.25rem;
        white-space: nowrap;
        font-weight: 600;
        padding: 0;
        transition: 0.3s opacity;
        line-height: 2.9rem;
    }

    .app-header .header-brand {
        color: inherit;
        margin-right: 0;
        font-size: 1.25rem;
        white-space: nowrap;
        font-weight: 600;
        padding: 0;
        transition: 0.3s opacity;
        line-height: 2.9rem;
        min-width: 200px;
        text-align: center;
    }

    .app-header .header-brand .header-brand-img {
        margin-right: 0;
    }

    .app-header1 .header-brand {
        color: inherit;
        margin-right: 0;
        font-size: 1.25rem;
        white-space: nowrap;
        font-weight: 600;
        padding: 0;
        transition: 0.3s opacity;
        line-height: 2.9rem;
        min-width: 215px;
        text-align: center;
        margin-top: -1.5px;
    }

    .app-header1 .header-brand .header-brand-img {
        margin-right: 0;
    }

    .header-brand:hover {
        color: inherit;
        text-decoration: none;
    }

    .header-brand-img {
        height: 2.5rem;
        line-height: 2rem;
        vertical-align: bottom;
        margin-right: 0.5rem;
        width: auto;
    }

    .header-avatar {
        width: 2rem;
        height: 2rem;
        display: inline-block;
        vertical-align: bottom;
        border-radius: 50%;
    }

    .header-btn {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        font-size: 1rem;
    }

    .center-block {
        margin-right: auto;
        margin-left: auto;
        float: inherit !important;
    }

    .header-btn.has-new {
        position: relative;
    }

    .header-btn.has-new:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #ff382b;
        position: absolute;
        top: 4px;
        right: 4px;
        border-radius: 50%;
    }

    .header-toggler {
        width: 2rem;
        height: 2rem;
        position: relative;
        color: #fff;
    }

    .header-toggler:hover {
        color: #fff;
    }

    .header-toggler-icon {
        position: absolute;
        width: 1rem;
        height: 2px;
        color: inherit;
        background: currentColor;
        border-radius: 3px;
        top: 50%;
        left: 50%;
        margin: -2px 0 0 -0.5rem;
        box-shadow: 0 5px currentColor, 0 -5px currentColor;
    }

    /*----- Footers  -----*/

    .footer {
        background: #fff;
        border-top: 1px solid #d8dde6;
        font-size: 0.875rem;
        padding: 1.25rem 0;
        color: #a7b4c9;
    }

    .footer .social ul li {
        float: left;
        padding: 7px;
    }

    .footer .social ul li a {
        color: #a7b4c9;
    }

    .footer .social {
        margin: 0 auto;
    }

    .footer a:not(.btn) {
        color: #1f252d;
    }

    @media print {
        .footer {
            display: none;
        }
    }

    /*------ Backgound-Colors ------*/
    .bg-blue-lightest {
        background-color: #f6f7fb !important;
    }

    a.bg-blue-lightest:focus,
    a.bg-blue-lightest:hover,
    button.bg-blue-lightest:focus,
    button.bg-blue-lightest:hover {
        background-color: #c5d5ef !important;
    }

    .bg-blue-lighter {
        background-color: #c8d9f1 !important;
    }

    a.bg-blue-lighter:focus,
    a.bg-blue-lighter:hover,
    button.bg-blue-lighter:focus,
    button.bg-blue-lighter:hover {
        background-color: #9fbde7 !important;
    }

    .bg-blue-light {
        background-color: #7ea5dd !important;
    }

    a.bg-blue-light:focus,
    a.bg-blue-light:hover,
    button.bg-blue-light:focus,
    button.bg-blue-light:hover {
        background-color: #5689d2 !important;
    }

    .bg-blue-dark {
        background-color: #3866a6 !important;
    }

    a.bg-blue-dark:focus,
    a.bg-blue-dark:hover,
    button.bg-blue-dark:focus,
    button.bg-blue-dark:hover {
        background-color: #2b4f80 !important;
    }

    .bg-blue-darker {
        background-color: #1c3353 !important;
    }

    a.bg-blue-darker:focus,
    a.bg-blue-darker:hover,
    button.bg-blue-darker:focus,
    button.bg-blue-darker:hover {
        background-color: #0f1c2d !important;
    }

    .bg-blue-darkest {
        background-color: #0e1929 !important;
    }

    a.bg-blue-darkest:focus,
    a.bg-blue-darkest:hover,
    button.bg-blue-darkest:focus,
    button.bg-blue-darkest:hover {
        background-color: #010203 !important;
    }

    .bg-purssianblue {
        background-color: #362f71;
    }

    a.bg-purssianblue-lightest:focus,
    a.bg-purssianblue-lightest:hover,
    button.bg-purssianblue-lightest:focus,
    button.bg-purssianblue-lightest:hover {
        background-color: #3f3688 !important;
    }

    .bg-indigo-lightest {
        background-color: #f0f1fa !important;
    }

    a.bg-indigo-lightest:focus,
    a.bg-indigo-lightest:hover,
    button.bg-indigo-lightest:focus,
    button.bg-indigo-lightest:hover {
        background-color: #cacded !important;
    }

    .bg-indigo-lighter {
        background-color: #d1d5f0 !important;
    }

    a.bg-indigo-lighter:focus,
    a.bg-indigo-lighter:hover,
    button.bg-indigo-lighter:focus,
    button.bg-indigo-lighter:hover {
        background-color: #abb2e3 !important;
    }

    .bg-indigo-light {
        background-color: #939edc !important;
    }

    a.bg-indigo-light:focus,
    a.bg-indigo-light:hover,
    button.bg-indigo-light:focus,
    button.bg-indigo-light:hover {
        background-color: #6c7bd0 !important;
    }

    .bg-indigo-dark {
        background-color: #515da4 !important;
    }

    a.bg-indigo-dark:focus,
    a.bg-indigo-dark:hover,
    button.bg-indigo-dark:focus,
    button.bg-indigo-dark:hover {
        background-color: #404a82 !important;
    }

    .bg-indigo-darker {
        background-color: #282e52 !important;
    }

    a.bg-indigo-darker:focus,
    a.bg-indigo-darker:hover,
    button.bg-indigo-darker:focus,
    button.bg-indigo-darker:hover {
        background-color: #171b30 !important;
    }

    .bg-indigo-darkest {
        background-color: #141729 !important;
    }

    a.bg-indigo-darkest:focus,
    a.bg-indigo-darkest:hover,
    button.bg-indigo-darkest:focus,
    button.bg-indigo-darkest:hover {
        background-color: #030407 !important;
    }

    .bg-purple-lightest {
        background-color: #f6effd !important;
    }

    a.bg-purple-lightest:focus,
    a.bg-purple-lightest:hover,
    button.bg-purple-lightest:focus,
    button.bg-purple-lightest:hover {
        background-color: #ddc2f7 !important;
    }

    .bg-purple-lighter {
        background-color: #e4cff9 !important;
    }

    a.bg-purple-lighter:focus,
    a.bg-purple-lighter:hover,
    button.bg-purple-lighter:focus,
    button.bg-purple-lighter:hover {
        background-color: #cba2f3 !important;
    }

    .bg-purple-light {
        background-color: #c08ef0 !important;
    }

    a.bg-purple-light:focus,
    a.bg-purple-light:hover,
    button.bg-purple-light:focus,
    button.bg-purple-light:hover {
        background-color: #a761ea !important;
    }

    .bg-purple-dark {
        background-color: #844bbb !important;
    }

    a.bg-purple-dark:focus,
    a.bg-purple-dark:hover,
    button.bg-purple-dark:focus,
    button.bg-purple-dark:hover {
        background-color: #6a3a99 !important;
    }

    .bg-purple-darker {
        background-color: #42265e !important;
    }

    a.bg-purple-darker:focus,
    a.bg-purple-darker:hover,
    button.bg-purple-darker:focus,
    button.bg-purple-darker:hover {
        background-color: #29173a !important;
    }

    .bg-purple-darkest {
        background-color: #21132f !important;
    }

    a.bg-purple-darkest:focus,
    a.bg-purple-darkest:hover,
    button.bg-purple-darkest:focus,
    button.bg-purple-darkest:hover {
        background-color: #08040b !important;
    }

    .bg-pink-lightest {
        background-color: #fef0f5 !important;
    }

    a.bg-pink-lightest:focus,
    a.bg-pink-lightest:hover,
    button.bg-pink-lightest:focus,
    button.bg-pink-lightest:hover {
        background-color: #fbc0d5 !important;
    }

    .bg-pink-lighter {
        background-color: #fcd3e1 !important;
    }

    a.bg-pink-lighter:focus,
    a.bg-pink-lighter:hover,
    button.bg-pink-lighter:focus,
    button.bg-pink-lighter:hover {
        background-color: #f9a3c0 !important;
    }

    .bg-pink-light {
        background-color: #f999b9 !important;
    }

    a.bg-pink-light:focus,
    a.bg-pink-light:hover,
    button.bg-pink-light:focus,
    button.bg-pink-light:hover {
        background-color: #f66998 !important;
    }

    .bg-pink-dark {
        background-color: #c5577c !important;
    }

    a.bg-pink-dark:focus,
    a.bg-pink-dark:hover,
    button.bg-pink-dark:focus,
    button.bg-pink-dark:hover {
        background-color: #ad3c62 !important;
    }

    .bg-pink-darker {
        background-color: #622c3e !important;
    }

    a.bg-pink-darker:focus,
    a.bg-pink-darker:hover,
    button.bg-pink-darker:focus,
    button.bg-pink-darker:hover {
        background-color: #3f1c28 !important;
    }

    .bg-pink-darkest {
        background-color: #31161f !important;
    }

    a.bg-pink-darkest:focus,
    a.bg-pink-darkest:hover,
    button.bg-pink-darkest:focus,
    button.bg-pink-darkest:hover {
        background-color: #0e0609 !important;
    }

    .bg-red-lightest {
        background-color: #fae9e9 !important;
    }

    a.bg-red-lightest:focus,
    a.bg-red-lightest:hover,
    button.bg-red-lightest:focus,
    button.bg-red-lightest:hover {
        background-color: #f1bfbf !important;
    }

    .bg-red-lighter {
        background-color: #f0bcbc !important;
    }

    a.bg-red-lighter:focus,
    a.bg-red-lighter:hover,
    button.bg-red-lighter:focus,
    button.bg-red-lighter:hover {
        background-color: #e79292 !important;
    }

    .bg-red-light {
        background-color: #dc6362 !important;
    }

    a.bg-red-light:focus,
    a.bg-red-light:hover,
    button.bg-red-light:focus,
    button.bg-red-light:hover {
        background-color: #d33a38 !important;
    }

    .bg-red-dark {
        background-color: #a41a19 !important;
    }

    a.bg-red-dark:focus,
    a.bg-red-dark:hover,
    button.bg-red-dark:focus,
    button.bg-red-dark:hover {
        background-color: #781312 !important;
    }

    .bg-red-darker {
        background-color: #520d0c !important;
    }

    a.bg-red-darker:focus,
    a.bg-red-darker:hover,
    button.bg-red-darker:focus,
    button.bg-red-darker:hover {
        background-color: #260605 !important;
    }

    .bg-red-darkest {
        background-color: #290606 !important;
    }

    a.bg-red-darkest:focus,
    a.bg-red-darkest:hover,
    button.bg-red-darkest:focus,
    button.bg-red-darkest:hover {
        background-color: #000 !important;
    }

    .bg-orange-lightest {
        background-color: #fff5ec !important;
    }

    a.bg-orange-lightest:focus,
    a.bg-orange-lightest:hover,
    button.bg-orange-lightest:focus,
    button.bg-orange-lightest:hover {
        background-color: #ffdab9 !important;
    }

    .bg-orange-lighter {
        background-color: #fee0c7 !important;
    }

    a.bg-orange-lighter:focus,
    a.bg-orange-lighter:hover,
    button.bg-orange-lighter:focus,
    button.bg-orange-lighter:hover {
        background-color: #fdc495 !important;
    }

    .bg-orange-light {
        background-color: #feb67c !important;
    }

    a.bg-orange-light:focus,
    a.bg-orange-light:hover,
    button.bg-orange-light:focus,
    button.bg-orange-light:hover {
        background-color: #fe9a49 !important;
    }

    .bg-orange-dark {
        background-color: #ca7836 !important;
    }

    a.bg-orange-dark:focus,
    a.bg-orange-dark:hover,
    button.bg-orange-dark:focus,
    button.bg-orange-dark:hover {
        background-color: #a2602b !important;
    }

    .bg-orange-darker {
        background-color: #653c1b !important;
    }

    a.bg-orange-darker:focus,
    a.bg-orange-darker:hover,
    button.bg-orange-darker:focus,
    button.bg-orange-darker:hover {
        background-color: #3d2410 !important;
    }

    .bg-orange-darkest {
        background-color: #331e0e !important;
    }

    a.bg-orange-darkest:focus,
    a.bg-orange-darkest:hover,
    button.bg-orange-darkest:focus,
    button.bg-orange-darkest:hover {
        background-color: #0b0603 !important;
    }

    .bg-yellow-lightest {
        background-color: #fef9e7 !important;
    }

    a.bg-yellow-lightest:focus,
    a.bg-yellow-lightest:hover,
    button.bg-yellow-lightest:focus,
    button.bg-yellow-lightest:hover {
        background-color: #fcedb6 !important;
    }

    .bg-yellow-lighter {
        background-color: #fbedb7 !important;
    }

    a.bg-yellow-lighter:focus,
    a.bg-yellow-lighter:hover,
    button.bg-yellow-lighter:focus,
    button.bg-yellow-lighter:hover {
        background-color: #f8e187 !important;
    }

    .bg-yellow-light {
        background-color: #f5d657 !important;
    }

    a.bg-yellow-light:focus,
    a.bg-yellow-light:hover,
    button.bg-yellow-light:focus,
    button.bg-yellow-light:hover {
        background-color: #f2ca27 !important;
    }

    .bg-yellow-dark {
        background-color: #c19d0c !important;
    }

    a.bg-yellow-dark:focus,
    a.bg-yellow-dark:hover,
    button.bg-yellow-dark:focus,
    button.bg-yellow-dark:hover {
        background-color: #917609 !important;
    }

    .bg-yellow-darker {
        background-color: #604e06 !important;
    }

    a.bg-yellow-darker:focus,
    a.bg-yellow-darker:hover,
    button.bg-yellow-darker:focus,
    button.bg-yellow-darker:hover {
        background-color: #302703 !important;
    }

    .bg-yellow-darkest {
        background-color: #302703 !important;
    }

    a.bg-yellow-darkest:focus,
    a.bg-yellow-darkest:hover,
    button.bg-yellow-darkest:focus,
    button.bg-yellow-darkest:hover {
        background-color: #000 !important;
    }

    .bg-green-lightest {
        background-color: #eff8e6 !important;
    }

    a.bg-green-lightest:focus,
    a.bg-green-lightest:hover,
    button.bg-green-lightest:focus,
    button.bg-green-lightest:hover {
        background-color: #d6edbe !important;
    }

    .bg-green-lighter {
        background-color: #cfeab3 !important;
    }

    a.bg-green-lighter:focus,
    a.bg-green-lighter:hover,
    button.bg-green-lighter:focus,
    button.bg-green-lighter:hover {
        background-color: #b6df8b !important;
    }

    .bg-green-light {
        background-color: #8ecf4d !important;
    }

    a.bg-green-light:focus,
    a.bg-green-light:hover,
    button.bg-green-light:focus,
    button.bg-green-light:hover {
        background-color: #75b831 !important;
    }

    .bg-green-dark {
        background-color: #4b9500 !important;
    }

    a.bg-green-dark:focus,
    a.bg-green-dark:hover,
    button.bg-green-dark:focus,
    button.bg-green-dark:hover {
        background-color: #316200 !important;
    }

    .bg-green-darker {
        background-color: #264a00 !important;
    }

    a.bg-green-darker:focus,
    a.bg-green-darker:hover,
    button.bg-green-darker:focus,
    button.bg-green-darker:hover {
        background-color: #0c1700 !important;
    }

    .bg-green-darkest {
        background-color: #132500 !important;
    }

    a.bg-green-darkest:focus,
    a.bg-green-darkest:hover,
    button.bg-green-darkest:focus,
    button.bg-green-darkest:hover {
        background-color: #000 !important;
    }

    .bg-teal-lightest {
        background-color: #eafaf8 !important;
    }

    a.bg-teal-lightest:focus,
    a.bg-teal-lightest:hover,
    button.bg-teal-lightest:focus,
    button.bg-teal-lightest:hover {
        background-color: #c1f0ea !important;
    }

    .bg-teal-lighter {
        background-color: #bfefea !important;
    }

    a.bg-teal-lighter:focus,
    a.bg-teal-lighter:hover,
    button.bg-teal-lighter:focus,
    button.bg-teal-lighter:hover {
        background-color: #96e5dd !important;
    }

    .bg-teal-light {
        background-color: #6bdbcf !important;
    }

    a.bg-teal-light:focus,
    a.bg-teal-light:hover,
    button.bg-teal-light:focus,
    button.bg-teal-light:hover {
        background-color: #42d1c2 !important;
    }

    .bg-teal-dark {
        background-color: #22a295 !important;
    }

    a.bg-teal-dark:focus,
    a.bg-teal-dark:hover,
    button.bg-teal-dark:focus,
    button.bg-teal-dark:hover {
        background-color: #19786e !important;
    }

    .bg-teal-darker {
        background-color: #11514a !important;
    }

    a.bg-teal-darker:focus,
    a.bg-teal-darker:hover,
    button.bg-teal-darker:focus,
    button.bg-teal-darker:hover {
        background-color: #082723 !important;
    }

    .bg-teal-darkest {
        background-color: #092925 !important;
    }

    a.bg-teal-darkest:focus,
    a.bg-teal-darkest:hover,
    button.bg-teal-darkest:focus,
    button.bg-teal-darkest:hover {
        background-color: #000 !important;
    }

    .bg-cyan-lightest {
        background-color: #e8f6f8 !important;
    }

    a.bg-cyan-lightest:focus,
    a.bg-cyan-lightest:hover,
    button.bg-cyan-lightest:focus,
    button.bg-cyan-lightest:hover {
        background-color: #c1e7ec !important;
    }

    .bg-cyan-lighter {
        background-color: #b9e3ea !important;
    }

    a.bg-cyan-lighter:focus,
    a.bg-cyan-lighter:hover,
    button.bg-cyan-lighter:focus,
    button.bg-cyan-lighter:hover {
        background-color: #92d3de !important;
    }

    .bg-cyan-light {
        background-color: #5dbecd !important;
    }

    a.bg-cyan-light:focus,
    a.bg-cyan-light:hover,
    button.bg-cyan-light:focus,
    button.bg-cyan-light:hover {
        background-color: #3aabbd !important;
    }

    .bg-cyan-dark {
        background-color: #128293 !important;
    }

    a.bg-cyan-dark:focus,
    a.bg-cyan-dark:hover,
    button.bg-cyan-dark:focus,
    button.bg-cyan-dark:hover {
        background-color: #0c5a66 !important;
    }

    .bg-cyan-darker {
        background-color: #09414a !important;
    }

    a.bg-cyan-darker:focus,
    a.bg-cyan-darker:hover,
    button.bg-cyan-darker:focus,
    button.bg-cyan-darker:hover {
        background-color: #03191d !important;
    }

    .bg-cyan-darkest {
        background-color: #052025 !important;
    }

    a.bg-cyan-darkest:focus,
    a.bg-cyan-darkest:hover,
    button.bg-cyan-darkest:focus,
    button.bg-cyan-darkest:hover {
        background-color: #000 !important;
    }

    .bg-white-lightest {
        background-color: #fff !important;
    }

    a.bg-white-lightest:focus,
    a.bg-white-lightest:hover,
    button.bg-white-lightest:focus,
    button.bg-white-lightest:hover {
        background-color: #e6e5e5 !important;
    }

    .bg-white-lighter {
        background-color: #fff !important;
    }

    a.bg-white-lighter:focus,
    a.bg-white-lighter:hover,
    button.bg-white-lighter:focus,
    button.bg-white-lighter:hover {
        background-color: #e6e5e5 !important;
    }

    .bg-white-light {
        background-color: #fff !important;
    }

    a.bg-white-light:focus,
    a.bg-white-light:hover,
    button.bg-white-light:focus,
    button.bg-white-light:hover {
        background-color: #e6e5e5 !important;
    }

    .bg-white-dark {
        background-color: #ccc !important;
    }

    a.bg-white-dark:focus,
    a.bg-white-dark:hover,
    button.bg-white-dark:focus,
    button.bg-white-dark:hover {
        background-color: #b3b2b2 !important;
    }

    .bg-white-darker {
        background-color: #666 !important;
    }

    a.bg-white-darker:focus,
    a.bg-white-darker:hover,
    button.bg-white-darker:focus,
    button.bg-white-darker:hover {
        background-color: #4d4c4c !important;
    }

    .bg-white-darkest {
        background-color: #333 !important;
    }

    a.bg-white-darkest:focus,
    a.bg-white-darkest:hover,
    button.bg-white-darkest:focus,
    button.bg-white-darkest:hover {
        background-color: #1a1919 !important;
    }

    .bg-gray-lightest {
        background-color: #f3f4f5 !important;
    }

    a.bg-gray-lightest:focus,
    a.bg-gray-lightest:hover,
    button.bg-gray-lightest:focus,
    button.bg-gray-lightest:hover {
        background-color: #d7dbde !important;
    }

    .bg-gray-lighter {
        background-color: #dbdde0 !important;
    }

    a.bg-gray-lighter:focus,
    a.bg-gray-lighter:hover,
    button.bg-gray-lighter:focus,
    button.bg-gray-lighter:hover {
        background-color: #c0c3c8 !important;
    }

    .bg-gray-light {
        background-color: #aab0b6 !important;
    }

    a.bg-gray-light:focus,
    a.bg-gray-light:hover,
    button.bg-gray-light:focus,
    button.bg-gray-light:hover {
        background-color: #8f979e !important;
    }

    .bg-gray-dark {
        background-color: #6b7278 !important;
    }

    a.bg-gray-dark:focus,
    a.bg-gray-dark:hover,
    button.bg-gray-dark:focus,
    button.bg-gray-dark:hover {
        background-color: #53585d !important;
    }

    .bg-gray-darker {
        background-color: #36393c !important;
    }

    a.bg-gray-darker:focus,
    a.bg-gray-darker:hover,
    button.bg-gray-darker:focus,
    button.bg-gray-darker:hover {
        background-color: #1e2021 !important;
    }

    .bg-gray-darkest {
        background-color: #1b1c1e !important;
    }

    a.bg-gray-darkest:focus,
    a.bg-gray-darkest:hover,
    button.bg-gray-darkest:focus,
    button.bg-gray-darkest:hover {
        background-color: #030303 !important;
    }

    .bg-gray-dark-lightest {
        background-color: #ebebec !important;
    }

    a.bg-gray-dark-lightest:focus,
    a.bg-gray-dark-lightest:hover,
    button.bg-gray-dark-lightest:focus,
    button.bg-gray-dark-lightest:hover {
        background-color: #d1d1d3 !important;
    }

    .bg-gray-dark-lighter {
        background-color: #c2c4c6 !important;
    }

    a.bg-gray-dark-lighter:focus,
    a.bg-gray-dark-lighter:hover,
    button.bg-gray-dark-lighter:focus,
    button.bg-gray-dark-lighter:hover {
        background-color: #a8abad !important;
    }

    .bg-gray-dark-light {
        background-color: #717579 !important;
    }

    a.bg-gray-dark-light:focus,
    a.bg-gray-dark-light:hover,
    button.bg-gray-dark-light:focus,
    button.bg-gray-dark-light:hover {
        background-color: #585c5f !important;
    }

    .bg-gray-dark-dark {
        background-color: #2a2e33 !important;
    }

    a.bg-gray-dark-dark:focus,
    a.bg-gray-dark-dark:hover,
    button.bg-gray-dark-dark:focus,
    button.bg-gray-dark-dark:hover {
        background-color: #131517 !important;
    }

    .bg-gray-dark-darker {
        background-color: #15171a !important;
    }

    a.bg-gray-dark-darker:focus,
    a.bg-gray-dark-darker:hover,
    button.bg-gray-dark-darker:focus,
    button.bg-gray-dark-darker:hover {
        background-color: #000 !important;
    }

    .bg-gray-dark-darkest {
        background-color: #0a0c0d !important;
    }

    a.bg-gray-dark-darkest:focus,
    a.bg-gray-dark-darkest:hover,
    button.bg-gray-dark-darkest:focus,
    button.bg-gray-dark-darkest:hover {
        background-color: #000 !important;
    }

    .bg-azure-lightest {
        background-color: #ecf7fe !important;
    }

    a.bg-azure-lightest:focus,
    a.bg-azure-lightest:hover,
    button.bg-azure-lightest:focus,
    button.bg-azure-lightest:hover {
        background-color: #bce3fb !important;
    }

    .bg-azure-lighter {
        background-color: #c7e6fb !important;
    }

    a.bg-azure-lighter:focus,
    a.bg-azure-lighter:hover,
    button.bg-azure-lighter:focus,
    button.bg-azure-lighter:hover {
        background-color: #97d1f8 !important;
    }

    .bg-azure-light {
        background-color: #7dc4f6 !important;
    }

    a.bg-azure-light:focus,
    a.bg-azure-light:hover,
    button.bg-azure-light:focus,
    button.bg-azure-light:hover {
        background-color: #4daef3 !important;
    }

    .bg-azure-dark {
        background-color: #3788c2 !important;
    }

    a.bg-azure-dark:focus,
    a.bg-azure-dark:hover,
    button.bg-azure-dark:focus,
    button.bg-azure-dark:hover {
        background-color: #2c6c9a !important;
    }

    .bg-azure-darker {
        background-color: #1c4461 !important;
    }

    a.bg-azure-darker:focus,
    a.bg-azure-darker:hover,
    button.bg-azure-darker:focus,
    button.bg-azure-darker:hover {
        background-color: #112839 !important;
    }

    .bg-azure-darkest {
        background-color: #0e2230 !important;
    }

    a.bg-azure-darkest:focus,
    a.bg-azure-darkest:hover,
    button.bg-azure-darkest:focus,
    button.bg-azure-darkest:hover {
        background-color: #020609 !important;
    }

    .bg-lime-lightest {
        background-color: #f2fbeb !important;
    }

    a.bg-lime-lightest:focus,
    a.bg-lime-lightest:hover,
    button.bg-lime-lightest:focus,
    button.bg-lime-lightest:hover {
        background-color: #d6f3c1 !important;
    }

    .bg-lime-lighter {
        background-color: #d7f2c2 !important;
    }

    a.bg-lime-lighter:focus,
    a.bg-lime-lighter:hover,
    button.bg-lime-lighter:focus,
    button.bg-lime-lighter:hover {
        background-color: #bbe998 !important;
    }

    .bg-lime-light {
        background-color: #a3e072 !important;
    }

    a.bg-lime-light:focus,
    a.bg-lime-light:hover,
    button.bg-lime-light:focus,
    button.bg-lime-light:hover {
        background-color: #88d748 !important;
    }

    .bg-lime-dark {
        background-color: #62a82a !important;
    }

    a.bg-lime-dark:focus,
    a.bg-lime-dark:hover,
    button.bg-lime-dark:focus,
    button.bg-lime-dark:hover {
        background-color: #4a7f20 !important;
    }

    .bg-lime-darker {
        background-color: #315415 !important;
    }

    a.bg-lime-darker:focus,
    a.bg-lime-darker:hover,
    button.bg-lime-darker:focus,
    button.bg-lime-darker:hover {
        background-color: #192b0b !important;
    }

    .bg-lime-darkest {
        background-color: #192a0b !important;
    }

    a.bg-lime-darkest:focus,
    a.bg-lime-darkest:hover,
    button.bg-lime-darkest:focus,
    button.bg-lime-darkest:hover {
        background-color: #010200 !important;
    }

    .display-1 i,
    .display-2 i,
    .display-3 i,
    .display-4 i {
        vertical-align: baseline;
        font-size: 0.815em;
    }

    .text-inherit {
        color: inherit !important;
    }

    .text-default {
        color: #080e1b !important;
    }

    .text-muted-dark {
        color: #5f6877 !important;
    }

    .tracking-tight {
        letter-spacing: -0.05em !important;
    }

    .tracking-normal {
        letter-spacing: 0 !important;
    }

    .tracking-wide {
        letter-spacing: 0.05em !important;
    }

    .leading-none {
        line-height: 1 !important;
    }

    .leading-tight {
        line-height: 1.3 !important;
    }

    .leading-normal {
        line-height: 1.5 !important;
    }

    .leading-Automatic {
        line-height: 1.8 !important;
    }

    .leading-loose {
        line-height: 2 !important;
    }

    .bg-blue {
        background-color: #4049ec !important;
        color: #fff !important;
    }

    a.bg-blue:focus,
    a.bg-blue:hover,
    button.bg-blue:focus,
    button.bg-blue:hover {
        background-color: #2c34c1 !important;
    }

    .text-blue {
        color: #3ba2ff !important;
    }

    .bg-indigo {
        background-color: #6574cd !important;
        color: #fff !important;
    }

    a.bg-indigo:focus,
    a.bg-indigo:hover,
    button.bg-indigo:focus,
    button.bg-indigo:hover {
        background-color: #3f51c1 !important;
    }

    .text-indigo {
        color: #6574cd !important;
    }

    .bg-purple {
        background-color: #3e4a9f !important;
        color: #fff !important;
    }

    a.bg-purple:focus,
    a.bg-purple:hover,
    button.bg-purple:focus,
    button.bg-purple:hover {
        background-color: #8c31e4 !important;
    }

    .text-purple {
        color: #3e4a9f !important;
    }

    .text-lightpink-red {
        color: #ff7088 !important;
    }

    .text-lightgreen {
        color: #26eda2 !important;
    }

    .bg-pink {
        background-color: #ff2b88 !important;
        color: #fff !important;
    }

    .bg-darkpink {
        background-color: #fc0f79 !important;
        color: #fff !important;
    }

    a.bg-pink:focus,
    a.bg-pink:hover,
    button.bg-pink:focus,
    button.bg-pink:hover {
        background-color: #ed3284 !important;
    }

    .text-pink {
        color: #ff2b88 !important;
    }

    .bg-red {
        background-color: #ff382b !important;
        color: #fff !important;
    }

    a.bg-red:focus,
    a.bg-red:hover,
    button.bg-red:focus,
    button.bg-red:hover {
        background-color: #fb5b50 !important;
    }

    .text-red {
        color: #ff382b !important;
    }

    .bg-orange {
        background-color: #e84312 !important;
        color: #fff !important;
    }

    a.bg-orange:focus,
    a.bg-orange:hover,
    button.bg-orange:focus,
    button.bg-orange:hover {
        background-color: #f55c2f !important;
    }

    .text-orange {
        color: #e84312 !important;
    }

    .bg-yellow {
        background-color: #ffa22b !important;
        color: #fff !important;
    }

    a.bg-yellow:focus,
    a.bg-yellow:hover,
    button.bg-yellow:focus,
    button.bg-yellow:hover {
        background-color: #fa3 !important;
    }

    .text-yellow {
        color: #ffa22b !important;
    }

    .bg-green {
        background-color: #05a01f !important;
        color: #000 !important;
    }

    a.bg-green:focus,
    a.bg-green:hover,
    button.bg-green:focus,
    button.bg-green:hover {
        background-color: #3adfab !important;
    }

    .text-green {
        color: #05a01f !important;
    }

    .bg-teal {
        background-color: #05e6e6 !important;
    }

    a.bg-teal:focus,
    a.bg-teal:hover,
    button.bg-teal:focus,
    button.bg-teal:hover {
        background-color: #05fafa !important;
    }

    .text-teal {
        color: #05e6e6 !important;
    }

    .bg-cyan {
        background-color: #17a2b8 !important;
        color: #fff !important;
    }

    a.bg-cyan:focus,
    a.bg-cyan:hover,
    button.bg-cyan:focus,
    button.bg-cyan:hover {
        background-color: #117a8b !important;
    }

    .text-cyan {
        color: #17a2b8 !important;
    }

    .bg-transparent {
        background: 0 0;
    }

    .bg-white {
        background-color: #fff !important;
    }

    a.bg-white:focus,
    a.bg-white:hover,
    button.bg-white:focus,
    button.bg-white:hover {
        background-color: #e6e5e5 !important;
    }

    .text-white {
        color: #fff !important;
    }

    .bg-gray {
        background-color: #868e96 !important;
    }

    a.bg-gray:focus,
    a.bg-gray:hover,
    button.bg-gray:focus,
    button.bg-gray:hover {
        background-color: #080e1b !important;
    }

    .text-gray {
        color: #858d97 !important;
    }

    .bg-gray-dark {
        background-color: #858d97 !important;
    }

    .bg-lightpink-red {
        color: #ff7088 !important;
    }

    a.bg-gray-dark:focus,
    a.bg-gray-dark:hover,
    button.bg-gray-dark:focus,
    button.bg-gray-dark:hover {
        background-color: #1d2124 !important;
    }

    .text-gray-dark {
        color: #343a40 !important;
    }

    .bg-azure {
        background-color: #1da1f3 !important;
    }

    a.bg-azure:focus,
    a.bg-azure:hover,
    button.bg-azure:focus,
    button.bg-azure:hover {
        background-color: #1594ef !important;
    }

    .text-azure {
        color: #1da1f3 !important;
    }

    .bg-lime {
        background-color: #4d921a !important;
    }

    a.bg-lime:focus,
    a.bg-lime:hover,
    button.bg-lime:focus,
    button.bg-lime:hover {
        background-color: #4f921e !important;
    }

    .text-lime {
        color: #63e600 !important;
    }

    .bg-purple1 {
        background: #6e26a6;
    }

    .icon i {
        vertical-align: -1px;
    }

    a.icon {
        text-decoration: none;
        cursor: pointer;
    }

    a.icon:hover {
        color: #1a1a1a !important;
    }

    .o-auto {
        overflow: auto !important;
    }

    .o-hidden {
        overflow: hidden !important;
    }

    .shadow {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    }

    .shadow-none {
        box-shadow: none !important;
    }

    .nav-item,
    .nav-link {
        min-width: 2rem;
        transition: 0.3s color;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .user-img {
        margin-top: 2px;
    }

    .header .nav-item .badge,
    .header .nav-link .badge {
        position: absolute;
        top: 0;
        right: -1px;
        padding: 0.2rem 0.25rem;
        min-width: 1rem;
        font-size: 13px;
    }

    #headerMenuCollapse .nav-item .badge,
    #headerMenuCollapse .nav-link .badge {
        position: relative;
        min-width: 1rem;
        font-size: 10px;
        font-weight: 500;
    }

    .nav-tabs {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #000;
        margin: 0 -0.3rem;
        border-bottom: 0;
    }

    .nav-tabs .nav-link {
        border: 0;
        border-radius: 0;
        color: inherit;
        color: #080e1b;
        transition: 0.3s border-color;
        font-weight: 500;
        padding: 1rem 1.6rem;
        font-size: 13px;
        text-align: center;
    }

    .navtab-wizard li:first-of-type a {
        border-left: none !important;
    }

    .navtab-wizard li:first-of-type a:active,
    .navtab-wizard li:first-of-type a:focus,
    .navtab-wizard li:first-of-type a:hover {
        border-left: none !important;
    }

    .navtab-wizard li:last-of-type a {
        border-right: none !important;
    }

    .navtab-wizard li:last-of-type a:active,
    .navtab-wizard li:last-of-type a:focus,
    .navtab-wizard li:last-of-type a:hover {
        border-right: none !important;
    }

    .navtab-wizard.nav-tabs .nav-link {
        width: 100%;
        text-align: center;
        display: block;
        border-radius: 0;
        font-size: 16px;
        font-weight: 400;
        border-left: 1px solid #d8dde6;
    }

    .navtab-wizard {
        border-bottom: 1px solid #d8dde6 !important;
    }

    .nav-tabs .nav-link.disabled {
        opacity: 0.4;
        cursor: default;
        pointer-events: none;
    }

    .nav-tabs .nav-item {
        margin-bottom: 0;
        position: relative;
    }

    .nav-tabs .nav-item:hover .nav-submenu {
        display: block;
    }

    .nav-item:hover .dropdown-menu,
    .nav-link:hover .dropdown-menu {
        display: block;
    }

    .nav-link:hover .dropdown-menu.show {
        display: block;
    }

    .admin-navbar {
        background: #fff;
        box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15);
    }

    .admin-navbar .container {
        position: relative;
    }

    .admin-navbar .nav {
        padding: 0;
        margin: 0;
    }

    .admin-navbar .nav .nav-link {
        position: relative;
    }

    .nav-item .nav-link:hover .mega-dropdown .nav-item .nav-link .sub-item {
        display: block;
    }

    .nav-item:hover .sub-item,
    .nav-link:hover .sub-item {
        display: block;
    }

    .nav-link:hover .sub-item {
        display: block;
    }

    .admin-navbar .nav-item {
        text-align: center;
        position: static;
    }

    .admin-navbar .nav-item.active .nav-link {
        background-color: #fff;
        background-repeat: repeat-x;
        border-width: 0;
    }

    .admin-navbar .nav-item.active+.nav-item .nav-link {
        border-left-width: 0;
    }

    .admin-navbar .nav-item:last-child .nav-link {
        border-right-width: 1px;
    }

    .admin-navbar .nav-item.with-sub>a::after {
        content: "\f107";
        font-family: FontAwesome;
        font-weight: 400;
        margin-left: 4px;
        margin-top: 0;
        opacity: 0.7;
    }

    .admin-navbar .nav-item.with-sub:focus>.sub-item,
    .admin-navbar .nav-item.with-sub:hover>.sub-item {
        display: block;
    }

    .admin-navbar .nav-link {
        border: 0;
        color: inherit;
        color: #a7b4c9;
        transition: 0.3s border-color;
        font-weight: 500;
        padding: 1rem 1.42rem;
        font-size: 13px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right-width: 0;
        text-transform: uppercase;
    }

    .admin-navbar .nav-link .icon {
        font-size: 21px;
        line-height: 0;
    }

    .admin-navbar .nav-link i {
        margin-right: 8px;
    }

    .admin-navbar .nav-link .icon.ion-ios-analytics-outline {
        font-size: 20px;
        margin-top: -2px;
    }

    .admin-navbar .nav-link.active {
        font-weight: 600;
        border-bottom: 1px solid;
    }

    .admin-navbar .nav-link .square-8 {
        margin-left: 3px;
        background-color: #fff;
        border-radius: 100%;
    }

    .admin-navbar .mega-dropdown {
        position: static;
    }

    .admin-navbar .mega-dropdown .sub-item {
        padding: 25px;
        width: 100%;
    }

    .admin-navbar .mega-dropdown .sub-item a {
        padding: 5px 9px;
        margin: 0;
    }

    .for-customer {
        background: #ffffff;
    }

    .for-customer .image-banner-part img {
        border-radius: 5px;
        border: 3px solid white;
    }

    .admin-navbar .mega-dropdown .sub-item .section-label {
        border-bottom: 1px solid rgb(137, 42, 226, 0.1);
        padding-bottom: 5px;
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 500;
        display: block;
        text-align: left;
        letter-spacing: 1px;
    }

    .admin-navbar .sub-item {
        background-color: #fff;
        position: absolute;
        top: 51px;
        left: 0;
        border-top: 0;
        padding: 10px 0;
        box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15);
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        z-index: 9999;
        display: none;
        color: #111;
    }

    .admin-navbar .sub-item ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .admin-navbar .sub-item ul a {
        display: block;
        padding: 0.5rem 1.5rem;
        color: #a7b4c9;
    }

    .admin-navbar .sub-item ul a:active {
        color: #fff;
        text-decoration: none;
    }

    .admin-navbar .sub-item .sub-with-sub {
        position: relative;
    }

    .admin-navbar .sub-item .sub-with-sub::after {
        content: "\f054";
        font-family: FontAwesome;
        font-size: 10px;
        position: absolute;
        top: 9px;
        right: 20px;
        color: #a7b4c9;
    }

    .admin-navbar .sub-item .sub-with-sub ul {
        display: none;
        padding-left: 15px;
    }

    .admin-navbar .sub-item .sub-with-sub ul a {
        display: block;
        padding: 6px 10px;
    }

    .admin-navbar .sub-item .sub-with-sub:focus ul,
    .admin-navbar .sub-item .sub-with-sub:hover ul {
        display: block;
    }

    .nav-tabs .nav-item i {
        margin-right: 0.25rem;
        line-height: 1;
        font-size: 0rem;
        width: 0.875rem;
        vertical-align: baseline;
        display: inline-block;
        margin-right: 10px;
    }

    .nav-tabs .nav-submenu {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #d8dde6;
        border-top: none;
        z-index: 10;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        min-width: 10rem;
        border-radius: 0 0 3px 3px;
    }

    .nav-tabs .nav-submenu .nav-item {
        display: block;
        padding: 0.5rem 1rem;
        color: #a7b4c9;
        margin: 0 !important;
        cursor: pointer;
        transition: 0.3s background;
    }

    .nav-tabs .nav-submenu .nav-item.active {
        color: #467fcf;
    }

    .nav-tabs .nav-submenu .nav-item:hover {
        color: #5f6877;
        text-decoration: none;
        background: rgba(0, 0, 0, 0.024);
    }

    /*------- Responsive -------*/
    @media (min-width: 992px) {
        .admin-navbar .nav-item.with-sub>a::after {
            margin-left: 8px;
        }
    }

    @media (min-width: 992px) {
        .admin-navbar .nav-item {
            position: relative;
        }
    }

    @media (max-width: 480px) {
        .tab-content.card-body .btn {
            min-width: 1.625rem;
        }

        .tab-content.card-body .progress-bar {
            display: none;
        }
    }

    @media (max-width: 560px) {
        .navtab-wizard.nav-tabs li {
            width: 100%;
            display: contents;
        }
    }

    @media (min-width: 992px) {
        .admin-navbar .nav-link .square-8 {
            margin-left: 5px;
        }
    }

    @media (min-width: 992px) {
        .admin-navbar .nav-link span :not(.square-8) {
            display: block;
        }
    }

    @media (max-width: 992px) {
        .admin-navbar .nav-link span :not(.square-8) {
            display: block;
        }

        .admin-navbar .nav-link {
            width: 100%;
            text-align: left;
            display: block;
        }

        .admin-navbar .nav-item {
            min-width: 100%;
        }

        .admin-navbar.collapse.show {
            display: block;
        }

        .admin-navbar {
            display: none;
        }

        .admin-navbar .mega-dropdown .sub-item .section-label {
            margin-top: 10px;
        }

        .admin-navbar .sub-item .sub-with-sub ul li a {
            padding-left: 20px;
        }

        .admin-navbar .nav .nav-item.with-sub .nav-link.active {
            position: relative !important;
        }

        .admin-navbar .nav .nav-link .sub-item {
            position: inherit !important;
        }

        .admin-navbar .container {
            background: #fff;
            z-index: 100;
        }

        .admin-navbar .sub-item {
            position: relative !important;
            top: 0 !important;
        }

        .nav-item.with-sub,
        .with-sub .nav-link {
            display: block !important;
        }

        .about-con {
            border-bottom: 1px solid #d8dde6;
        }
    }

    @media (min-width: 992px) {
        .admin-navbar .sub-item {
            width: 200px;
        }
    }

    @media (max-width: 1279px) and (min-width: 992px) {
        .admin-navbar .nav-link {
            padding: 1rem 0.57rem;
        }

        .section-title h2 {
            font-size: 1.8rem !important;
        }

        .section-title h2:after {
            content: "";
            top: 46px !important;
        }

        .banner1 .slide-header-text {
            top: 38%;
            z-index: 98 !important;
        }

        .pabout.p-8 {
            padding: 17px !important;
        }

        .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list {
            width: 20%;
        }

        .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li {
            font-size: 13.5px;
        }

        .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
            font-size: 12.5px;
        }

        .top-cities img {
            width: 50% !important;
        }
    }

    @media (max-width: 1279px) and (min-width: 992px) {
        .nav-tabs .nav-link {
            padding: 1rem 0.95rem;
            font-size: 13px;
        }
    }

    @media (max-width: 992px) and (min-width: 577px) {
        .section-title h2 {
            font-size: 1.8rem !important;
        }

        .section-title h2:after {
            content: "";
            top: 46px !important;
        }
    }

    @media (min-width: 992px) {
        .admin-navbar .sub-item .sub-with-sub ul {
            padding-left: 0;
            position: absolute;
            top: 0;
            right: -200px;
            width: 200px;
            background-color: #fff;
            padding: 10px 0;
            box-shadow: 0 22px 68px -9px rgba(0, 0, 0, 0.15);
        }
    }

    @media (max-width: 480px) {
        .list-media .info .text-right {
            display: none;
        }

        .list-media .info {
            padding-bottom: 15px;
        }

        .tabs-menu ul li {
            width: 100%;
            margin: 5px 15px;
        }

        .tabs-menu ul li a {
            width: 100%;
        }

        .cal1 .clndr .clndr-table tr {
            height: 50px !important;
        }

        .tabs-menu1 ul li {
            width: 100%;
            margin: 2px;
        }

        .tabs-menu1 ul li a {
            width: 100%;
        }

        .wizard-card .nav-pills>li {
            text-align: center;
            padding: 9px !important;
        }

        .form-control.custom-select.w-auto {
            display: none;
        }

        .mail-inbox .badge {
            margin: 0;
        }

        .construction .display-5 {
            font-size: 1.5rem;
        }

        .jumbotron .display-3 {
            font-size: 2.5rem;
        }

        .mail-option .hidden-phone {
            display: none;
        }
    }

    @media (max-width: 1080px) {
        .avatar {
            max-width: inherit;
        }
    }

    @media (max-width: 480px) {
        .app-header .header-brand {
            min-width: 2.8rem;
        }

        .app-header1 .header-brand {
            min-width: auto;
        }

        .menu-toggle-button {
            margin-top: 4px;
        }
    }

    @media (max-width: 767px) {
        .avatar {
            max-width: inherit;
        }

        .card-tabs {
            display: block !important;
        }

        .header-brand {
            line-height: 2.7rem;
        }

        .header .input-icon.mt-2 {
            margin-top: 5px !important;
        }

        .footer .privacy {
            text-align: center !important;
        }

        .shop-dec .col-md-6.pr-0 {
            padding-right: 0.75rem !important;
        }

        .shop-dec .col-md-6.pl-0 {
            padding-left: 0.75rem !important;
        }
    }

    @media (max-width: 375px) {
        .nav-link span {
            margin-top: 0.5rem;
        }

        .searching1 i {
            margin-top: 0.5rem;
        }

        .construction h3 {
            font-size: 2.8rem !important;
        }

        .section-title2 h3:after,
        .section-title h2:after {
            background: transparent !important;
        }

        .section-title h2 {
            margin-bottom: 5px !important;
        }
    }

    @media (max-width: 411px) {
        .nav-link span {
            margin-top: 0.5rem;
        }

        .searching1 i {
            margin-top: 0.5rem;
        }
    }

    @media (max-width: 414px) {
        .nav-link span {
            margin-top: 0.6rem;
        }

        .searching1 i {
            margin-top: 0.5rem;
            top: 14px !important;
        }
    }

    @media (max-width: 768px) {
        .nav-tabs .nav-link {
            width: 100%;
        }

        .page-subtitle {
            display: none;
        }

        .richText .richText-toolbar ul li a {
            border: rgba(0, 40, 100, 0.12) solid 1px;
        }

        .ticket-card .col-md-1 {
            width: 100%;
            display: block;
        }

        .ticket-card img {
            display: block;
            text-align: Center;
            margin: 0 auto;
        }

        .dataTables_wrapper .dataTables_info,
        .dataTables_wrapper .dataTables_paginate {
            margin-top: 10px;
        }

        .page-title {
            line-height: 1.5rem;
        }

        .carousel-caption {
            display: none;
        }

        .demo-gallery>ul>li {
            width: 100% !important;
        }

        ul.inbox-pagination li span {
            display: none;
        }
    }

    @media (max-width: 990px) and (min-width: 767px) {
        .carousel-caption {
            top: 10%;
        }
    }

    @media (max-width: 568px) and (min-width: 480px) {
        .container-messages {
            position: absolute;
            top: 50px !important;
        }

        .messages-list {
            top: 24px !important;
            bottom: 73px !important;
        }

        .messages-right {
            top: 10px !important;
            bottom: 71px !important;
        }

        .messages-left-footer {
            bottom: 40px !important;
            display: none;
        }

        .messages-left .card-header {
            display: none;
        }

        .message-footer {
            height: 50px !important;
        }

        .message-header {
            height: 50px !important;
        }

        .message-body {
            top: 50px !important;
            bottom: 50px !important;
        }
    }

    @media (max-width: 990px) and (min-width: 569px) {
        .message-header {
            height: 50px !important;
        }

        .message-footer {
            height: 50px !important;
        }

        .messages-right {
            top: 10px !important;
            bottom: 80px !important;
        }

        .message-body {
            top: 50px !important;
            bottom: 50px !important;
        }

        .messages-left .card-header {
            display: none;
        }

        .messages-list {
            top: 24px !important;
        }
    }

    @media (max-width: 990px) {
        .header-toggler {
            margin: 6px;
        }

        .nav-tabs .nav-link {
            width: 100%;
        }

        form.convFormDynamic button.submit {
            margin: 4px !important;
        }

        .messages-list .media {
            padding: 9px !important;
        }

        .nav-tabs {
            z-index: 1000;
        }
    }

    /*------ Expanels ------*/
    .expanel-default {
        border: #ddd !important;
    }

    .expanel-secondary {
        border: #eef2f9 !important;
    }

    .expanel-success {
        border: #05a01f !important;
    }

    .expanel-danger {
        border: #ff382b !important;
    }

    .expanel-secondary>.expanel-heading {
        color: #7b838f !important;
        background-color: #f1f5fd !important;
        border-color: #eef2f9 !important;
    }

    .expanel-success>.expanel-heading {
        color: #fff !important;
        background-color: #05a01f !important;
        border-color: #05a01f !important;
    }

    .expanel-danger>.expanel-heading {
        color: #fff !important;
        background-color: #ff382b !important;
        border-color: #ff382b !important;
    }

    .expanel-warning>.expanel-heading {
        color: #fff !important;
        background-color: #ecd938 !important;
        border-color: #ecd938 !important;
    }

    .expanel-title {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        font-size: 16px !important;
        color: inherit !important;
    }

    .expanel {
        margin-bottom: 20px !important;
        background-color: #fff !important;
        border: 1px solid #d8dde6 !important;
        border-radius: 4px !important;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
    }

    .expanel-default>.expanel-heading {
        background-color: #f1f5fd !important;
        border-color: 1px solid #d8dde6 !important;
    }

    .expanel-heading {
        padding: 10px 15px !important;
        border-bottom: 1px solid #d8dde6;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

    .expanel-footer {
        padding: 10px 15px !important;
        background-color: #f1f5fd !important;
        border-top: 1px solid #d8dde6 !important;
        border-bottom-right-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
    }

    .expanel-body {
        padding: 15px !important;
    }

    /*------ Thumbnail -------*/
    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #d8dde6;
        border-radius: 4px;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
    }

    .thumbnail a>img,
    .thumbnail>img {
        margin-right: auto;
        margin-left: auto;
    }

    .thumbnail p:last-child {
        margin-bottom: 0;
    }

    .thumbimg {
        height: 100%;
        width: 100%;
        display: block;
    }

    .thumbnail .caption {
        padding: 15px;
    }

    /*-------- General Elements -----------*/
    .about-img {
        background: url(../images/photos/about.html);
        background-size: cover;
        background-position: center;
        border-radius: 2px;
        margin-top: 1.5rem;
    }

    .login-img {
        background: url(../images/photos/login.html);
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    /*.error {
        color: red;
    }*/
    .help-block {
        color: #e10e0efa;
        padding-top: 10px;
        text-align: right;
    }

    .error-img {
        background: url(../images/photos/about.html);
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .error-img .card {
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 0.0625em 0.1875em 0 #076271, 0 0.5em 0 -0.25em rgba(255, 255, 255, 0.3), 0 0.5em 0.1875em -0.25em #086372, 0 1em 0 -0.5em rgba(255, 255, 255, 0.35), 0 1em 0.1875em -0.5em #096675;
    }

    .error-img:before {
        content: "";
        display: block;
        position: absolute;
        background: linear-gradient(to right, rgb(15, 117, 255, 0.8), rgb(45, 220, 211, 0.8));
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    hr.divider {
        padding: 0;
        border: none;
        border-top: solid 1px #d8dde6;
        color: #333;
        text-align: center;
        margin: 0.5rem 0;
    }

    hr.divider:after {
        content: "or";
        display: inline-block;
        position: relative;
        top: -0.9em;
        font-size: 1.2em;
        padding: 0 0.25em;
        background: #fff;
    }

    .construction-img {
        background: url(../images/photos/construction.jpg);
        background-size: cover;
    }

    .z-index-10 {
        z-index: 10;
    }

    .page-breadcrumb {
        background: 0 0;
        padding: 0;
        margin: 1rem 0 0;
        font-size: 0.875rem;
    }

    @media (min-width: 768px) {
        .page-breadcrumb {
            margin: -0.5rem 0 0;
        }
    }

    @media (max-width: 320px) {
        .fc-toolbar .fc-right {
            float: right;
            width: 100%;
            text-align: center;
            margin: 10px 0;
        }

        .construction h3 {
            font-size: 2.3rem !important;
        }

        .section-title2 h3:after,
        .section-title h2:after {
            background: transparent !important;
        }

        .section-title h2 {
            margin-bottom: 10px !important;
        }
    }

    .page-breadcrumb .breadcrumb-item {
        color: #a7b4c9;
    }

    .page-breadcrumb .breadcrumb-item.active {
        color: #5f6877;
    }

    .pagination-simple .page-item .page-link {
        background: 0 0;
        border: none;
    }

    .pagination-simple .page-item.active .page-link {
        color: #3d4e67;
        font-weight: 700;
    }

    .pagination-pager .page-prev {
        margin-right: auto;
    }

    .pagination-pager .page-next {
        margin-left: auto;
    }

    .page-total-text {
        margin-right: 1rem;
        -ms-flex-item-align: center;
        align-self: center;
        color: #5f6877;
    }

    .card {
        position: relative;
        margin-bottom: 1.5rem;
        width: 100%;
    }

    .card .card {
        box-shadow: none;
    }

    @media print {
        .card {
            box-shadow: none;
            border: none;
        }
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 0;
        padding: 15px 15px;
        position: relative;
        height: 100%;
    }

    .card-body+.card-body {
        border-top: 1px solid #d8dde6;
    }

    .tilebox-one i {
        font-size: 62px;
    }

    .card-body> :last-child {
        margin-bottom: 0;
    }

    @media print {
        .card-body {
            padding: 0;
        }
    }

    .card-body-scrollable {
        overflow: auto;
    }

    .card-bottom,
    .card-footer {
        border-top: 1px solid #d8dde6;
        color: #5f6877;
    }

    .card-footer {
        border-top: 1px solid #d8dde6;
        color: #5f6877;
    }

    .card-header {
        background: 0 0;
        padding: 0.5rem 1.5rem;
        display: -ms-flexbox;
        display: flex;
        min-height: 3.5rem;
        -ms-flex-align: center;
        align-items: center;
    }

    .card-header .card-title {
        margin-bottom: 0;
    }

    .card-header.border-0+.card-body {
        padding-top: 0;
    }

    @media print {
        .card-header {
            display: none;
        }
    }

    .card-img-overlay {
        background-color: rgba(0, 0, 0, 0.4);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card-title {
        font-size: 1.125rem;
        line-height: 1.2;
        font-weight: 500;
    }

    .reg {
        text-align: center;
        font-size: 50px;
        color: #2e1170;
        float: right;
    }

    .card-title a {
        color: inherit;
    }

    .card-title:only-child {
        margin-bottom: 0;
    }

    .card-subtitle,
    .card-title small {
        color: #a7b4c9;
        font-size: 0.875rem;
        display: block;
        margin: -0.75rem 0 1rem;
        line-height: 1.1;
        font-weight: 400;
    }

    .card-table {
        margin-bottom: 0;
    }

    .card-table tr:first-child td,
    .card-table tr:first-child th {
        border-top: 0;
    }

    .card-table tr td:first-child,
    .card-table tr th:first-child {
        padding-left: 1.5rem;
    }

    .card-table tr td:last-child,
    .card-table tr th:last-child {
        padding-right: 1.5rem;
    }

    .card-body+.card-table {
        border-top: 1px solid #d8dde6;
    }

    .card-profile .card-header {
        height: 5rem;
        background-size: cover;
        border: 0;
    }

    .profie-img .flex-md-row img {
        width: 60px;
    }

    .card-profile-img {
        max-width: 6rem;
        margin-bottom: 1rem;
        border: 3px solid #fff;
        border-radius: 100%;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }

    .card-link+.card-link {
        margin-left: 1rem;
    }

    .card-body+.card-list-group {
        border-top: 1px solid #d8dde6;
    }

    .card-list-group .list-group-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .card-list-group .list-group-item:last-child {
        border-bottom: 0;
    }

    .card-list-group .list-group-item:first-child {
        border-top: 0;
    }

    .card-header-tabs {
        margin: -1.25rem 0;
        border-bottom: 0;
        line-height: 2rem;
    }

    .card-header-tabs .nav-item {
        margin-bottom: 1px;
    }

    .card-header-pills {
        margin: -0.75rem 0;
    }

    .card-aside {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .card-aside-column {
        min-width: 5rem;
        width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        background: no-repeat center/cover;
    }

    .card-value {
        font-size: 1rem;
        line-height: 3.4rem;
        height: 3.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
    }

    .card-value i {
        vertical-align: middle;
    }

    .card-chart-bg {
        height: 4rem;
        margin-top: -1rem;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .list-media .media-img {
        position: relative;
        float: left;
    }

    .list-media .media-img {
        width: 48px;
        margin-right: 20px;
    }

    .list-media .info {
        padding-left: 55px;
        min-height: 40px;
        height: auto;
        position: relative;
    }

    .list-media .info h4 a {
        font-size: 16px;
        margin-top: 10px;
    }

    .list-media .info p {
        font-size: 13px;
    }

    .list-media .info .text-right {
        right: 0;
        color: #8a8a8a;
        top: 50%;
        font-size: 12px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        margin-top: -28px;
    }

    .card-options {
        margin-left: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-order: 100;
        order: 100;
        margin-right: -0.5rem;
        color: #a7b4c9;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .card-options a:not(.btn) {
        margin-left: 0.5rem;
        color: #b0bcd0;
        font-size: 14px;
        display: inline-block;
        min-width: 1rem;
    }

    .card-options a:not(.btn):hover {
        text-decoration: none;
        color: #a7b4c9;
    }

    .card-options a:not(.btn) i {
        font-size: 1rem;
        vertical-align: middle;
    }

    .card-options .dropdown-toggle:after {
        display: none;
    }

    .widgets-cards .wrp.icon-circle {
        width: 73px;
        height: 73px;
        border-radius: 50%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0;
        margin-right: 15px;
    }

    .widgets-cards .wrp.icon-circle i {
        font-size: 1.6rem;
        color: #fff;
    }

    .widgets-cards .wrp p {
        margin-bottom: 0;
        line-height: 1;
        margin-bottom: 10px;
    }

    .widgets-cards .wrp p:first-child {
        font-weight: 600;
        font-size: 30px;
    }

    ul li .legend-dots {
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: 0.5rem;
    }

    .legend li {
        padding: 5px;
        display: -webkit-inline-box;
    }

    .stretch-card {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
    }

    .stretch-card>.card {
        width: 100%;
        min-width: 100%;
    }

    .icon-size {
        font-size: 2.5rem !important;
    }

    .card-img-absolute {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

    .statistics-box {
        position: relative;
        padding-left: 80px;
        text-align: right;
    }

    .statistics-box {
        padding-top: 14px;
        min-height: 80px;
        text-align: center;
    }

    .statistics-box .ico.small {
        font-weight: 900;
    }

    .statistics-box .ico.small {
        font-size: 42px;
    }

    .statistics-box .ico {
        position: absolute;
        top: 0;
        left: 0;
        width: 80px;
        height: 80px;
        font-size: 70px;
        line-height: 80px;
        text-align: center;
    }

    .statistics-box h2 {
        font-weight: 600 !important;
    }

    .card-collapsed> :not(.card-header):not(.card-status) {
        display: none;
    }

    .card-collapsed .card-options-collapse i:before {
        content: "\e92d";
    }

    .card-fullscreen .card-options-fullscreen i:before {
        content: "\e992";
    }

    .card-fullscreen .card-options-remove {
        display: none;
    }

    .card-map {
        height: 15rem;
        background: #d8dde6;
    }

    .card-map-placeholder {
        background: no-repeat center;
    }

    .card-tabs {
        display: -ms-flexbox;
        display: flex;
    }

    .card-tabs-bottom .card-tabs-item {
        border: 0;
    }

    .card-tabs-bottom .card-tabs-item.active {
        border-top-color: #fff;
    }

    .card-tabs-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: block;
        padding: 1.4rem 1.5rem;
        color: inherit;
        overflow: hidden;
    }

    a.card-tabs-item {
        background: #fafbfc;
    }

    a.card-tabs-item:hover {
        text-decoration: none;
        color: inherit;
    }

    a.card-tabs-item:focus {
        z-index: 1;
    }

    a.card-tabs-item.active {
        background: #fff;
        border-bottom-color: #fff;
    }

    .card-status {
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 7px 7px 0 0;
        background: rgba(0, 40, 100, 0.12);
    }

    .card-status-left {
        right: auto;
        bottom: 0;
        height: auto;
        width: 3px;
        border-radius: 3px 0 0 3px;
    }

    .card-icon {
        width: 3rem;
        font-size: 2.5rem;
        line-height: 3rem;
        text-align: center;
    }

    .card-fullscreen {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin: 0;
    }

    .card-alert {
        border-radius: 0;
        margin: -1px -1px 0;
    }

    .card-category {
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0.05em;
        margin: 0 0 0.5rem;
        background: #f1f5fd;
    }

    .popover {
        -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
    }

    .popover.bs-popover-auto[x-placement^="top"],
    .popover.bs-popover-top {
        margin-bottom: 0.625rem;
    }

    .popover .arrow {
        margin-left: calc(0.25rem + -5px);
    }

    .popover-static-demo .popover .arrow {
        margin-left: calc(0.25rem + 122px);
    }

    .popover-static-demo .popover {
        position: relative;
    }

    .dropdown {
        display: block;
    }

    .dropdown-menu {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        min-width: 12rem;
    }

    .app-selector {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        min-width: 16rem;
    }

    .dropdown-item {
        color: #080e1b;
    }

    .dropdown-menu-arrow:before {
        position: absolute;
        top: -6px;
        left: 12px;
        display: inline-block;
        border-right: 5px solid transparent;
        border-bottom: 5px solid rgba(0, 40, 100, 0.12);
        border-left: 5px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: "";
    }

    .dropdown-menu-arrow:after {
        position: absolute;
        top: -5px;
        left: 12px;
        display: inline-block;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        border-left: 5px solid transparent;
        content: "";
    }

    #sidebar .dropdown-menu {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        min-width: 12rem;
    }

    .dropdown-menu-arrow.dropdown-menu-right:after,
    .dropdown-menu-arrow.dropdown-menu-right:before {
        left: 12px;
        right: auto;
    }

    .dropdown-toggle {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }

    .dropdown-toggle:after {
        vertical-align: 0.155em;
    }

    .dropdown-toggle:empty:after {
        margin-left: 0;
    }

    .dropdown-icon {
        color: #a7b4c9;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        width: 1em;
        display: inline-block;
        text-align: center;
        vertical-align: -1px;
        font-size: 14px;
        font-weight: 600 !important;
    }

    .list-inline-dots .list-inline-item+.list-inline-item:before {
        content: "· ";
        margin-left: -2px;
        margin-right: 3px;
    }

    .list-separated-item {
        padding: 1rem 0;
    }

    .list-separated-item:first-child {
        padding-top: 0;
    }

    .list-group-item.active .icon {
        color: inherit !important;
    }

    .list-group-item .icon {
        color: #a7b4c9 !important;
    }

    .list-group-transparent .list-group-item {
        background: 0 0;
        border: 0;
        padding: 0.5rem 1rem;
    }

    .list-group-transparent .list-group-item.active {
        background: #4771db;
        font-weight: 600;
    }

    .visitor-list p {
        font-size: 12px;
    }

    .visitor-list i {
        font-size: 20px;
    }

    .sales-relative {
        position: relative;
    }

    .icon-absolute {
        position: absolute;
        display: block;
        bottom: 10px;
        right: 10px;
        padding: 20px 0;
        text-align: center;
        border-radius: 50%;
        width: 70px;
        height: 70px;
    }

    @media (min-width: 991px) and (max-width: 1024px) {
        .icon-absolute {
            display: none;
        }
    }

    /*-------- Avatar -----------*/
    .country-selector .avatar {
        width: 1.4rem;
        height: 1rem;
        line-height: 1rem;
    }

    .avatar {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        display: inline-block;
        position: relative;
        text-align: center;
        color: #fff;
        font-weight: 600;
        vertical-align: bottom;
        font-size: 0.875rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .noborder {
        border-radius: 0;
    }

    .brround {
        border-radius: 50%;
    }

    .bradius {
        border-radius: 25%;
    }

    .avatar i {
        font-size: 125%;
        vertical-align: sub;
    }

    .avatar-status {
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 0.75rem;
        height: 0.75rem;
        border: 2px solid #fff;
        background: #868e96;
        border-radius: 50%;
    }

    .avatar-sm {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.75rem;
    }

    .avatar-md {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 1rem;
    }

    .avatar-lg {
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.25rem;
    }

    .avatar-xl {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.75rem;
    }

    .avatar-xxl {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 2rem;
    }

    .avatar-placeholder {
        background: #ced4da url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="#868e96" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat center/80%;
    }

    .avatar-list {
        margin: 0 0 -0.5rem;
        padding: 0;
        font-size: 0;
    }

    .avatar-list .avatar {
        margin-bottom: 0.5rem;
    }

    .avatar-list .avatar:not(:last-child) {
        margin-right: 0.5rem;
    }

    .avatar-list-stacked .avatar {
        margin-right: -0.8em !important;
    }

    .avatar-list-stacked .avatar {
        box-shadow: 0 0 0 2px #fff;
    }

    .avatar-blue {
        background-color: #c8d9f1;
        color: #467fcf;
    }

    .avatar-indigo {
        background-color: #d1d5f0;
        color: #6574cd;
    }

    .avatar-purple {
        background-color: #e4cff9;
        color: #635dfa;
    }

    .avatar-pink {
        background-color: #fcd3e1;
        color: #ff2b88;
    }

    .avatar-red {
        background-color: #f0bcbc;
        color: #ff382b;
    }

    .avatar-orange {
        background-color: #fee0c7;
        color: #e84312;
    }

    .avatar-yellow {
        background-color: #fbedb7;
        color: #ffa22b;
    }

    .avatar-green {
        background-color: #cfeab3;
        color: #05a01f;
    }

    .avatar-teal {
        background-color: #bfefea;
        color: #05e6e6;
    }

    .avatar-cyan {
        background-color: #b9e3ea;
        color: #17a2b8;
    }

    .avatar-white {
        background-color: #fff;
        color: #fff;
    }

    .avatar-gray {
        background-color: #dbdde0;
        color: #868e96;
    }

    .avatar-gray-dark {
        background-color: #c2c4c6;
        color: #343a40;
    }

    .avatar-azure {
        background-color: #c7e6fb;
        color: #1da1f3;
    }

    .avatar-lime {
        background-color: #d7f2c2;
        color: #63e600;
    }

    .product-price {
        font-size: 1rem;
    }

    .product-price strong {
        font-size: 1.5rem;
    }

    @-webkit-keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }

        100%,
        60% {
            left: 100%;
            right: -90%;
        }
    }

    @keyframes indeterminate {
        0% {
            left: -35%;
            right: 100%;
        }

        100%,
        60% {
            left: 100%;
            right: -90%;
        }
    }

    @-webkit-keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }

        100%,
        60% {
            left: 107%;
            right: -8%;
        }
    }

    @keyframes indeterminate-short {
        0% {
            left: -200%;
            right: 100%;
        }

        100%,
        60% {
            left: 107%;
            right: -8%;
        }
    }

    .progress {
        position: relative;
    }

    .progress-xs,
    .progress-xs .progress-bar {
        height: 0.25rem;
    }

    .progress-sm,
    .progress-sm .progress-bar {
        height: 0.5rem;
    }

    .progress-lg,
    .progress-lg .progress-bar {
        height: 1.25rem;
    }

    .progress-bar-indeterminate:after,
    .progress-bar-indeterminate:before {
        content: "";
        position: absolute;
        background-color: inherit;
        left: 0;
        will-change: left, right;
        top: 0;
        bottom: 0;
    }

    .progress-bar-indeterminate:before {
        -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .progress-bar-indeterminate:after {
        -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        -webkit-animation-delay: 1.15s;
        animation-delay: 1.15s;
    }

    @-webkit-keyframes loader {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes loader {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    .mail-chats {
        height: 100%;
        min-height: 0;
        border-top: 1px solid #d8dde6;
        margin-top: 10px;
        padding: 10px 50px 10px 0;
        width: 100%;
        list-style-type: none;
        flex-direction: column !important;
        display: flex !important;
    }

    .mail-chats li.chat-persons {
        padding: 10px;
        display: block;
    }

    li.chat-persons a {
        text-decoration: none;
    }

    .mail-chats li.chat-persons a span.pro-pic img {
        max-width: 100%;
        width: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        flex-direction: column !important;
    }

    .mail-chats li.chat-persons a span.pro-pic {
        display: inline-block;
        padding: 0;
        width: 20%;
        max-width: 40px;
        float: left;
        margin-right: 20px;
    }

    .mail-chats li.chat-persons a div.user {
        flex-direction: column !important;
    }

    ul.mail-chats li.chat-persons a div.user {
        display: flex !important;
    }

    .mail-chats li.chat-persons.user {
        width: 80%;
        padding: 5px 10px 0 15px;
        flex-direction: column !important;
        display: flex !important;
    }

    .user p.u-name {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: #a7b4c9;
    }

    .user p.u-designation {
        margin: 0;
        font-size: 11px;
        color: #a7b4c9;
    }

    div.online-status .status.online {
        background: rgba(0, 128, 0, 0.68);
    }

    .online-status .status.offline {
        background: rgba(255, 0, 0, 0.7);
    }

    .online-status .status {
        height: 10px;
        width: 10px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        display: inline-flex;
        justify-content: flex-start;
        transform: translateX(-60px) translateY(2px);
    }

    .online {
        margin-left: 20px;
        margin-top: -3px;
    }

    /*----- Icons Style -----*/
    .icons-list {
        list-style: none;
        margin: 0 -1px -1px 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .icons-list>li {
        -ms-flex: 1 0 4rem;
        flex: 1 0 4rem;
    }

    .icons-list-wrap {
        overflow: hidden;
    }

    .icons-list-item {
        text-align: center;
        height: 4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 1px solid #d8dde6;
        border-bottom: 1px solid #d8dde6;
        border-top: 1px solid #d8dde6;
        border-left: 1px solid #d8dde6;
    }

    .icons-list-item i {
        font-size: 1.25rem;
        color: #676a80;
    }

    .img-gallery {
        margin-right: -0.25rem;
        margin-left: -0.25rem;
        margin-bottom: -0.5rem;
    }

    .img-gallery>.col,
    .img-gallery>[class*="col-"] {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        padding-bottom: 0.5rem;
    }

    .link-overlay {
        position: relative;
    }

    .link-overlay:hover .link-overlay-bg {
        opacity: 1;
    }

    .link-overlay-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        display: -ms-flexbox;
        display: flex;
        color: #fff;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.25rem;
        opacity: 0;
        transition: 0.3s opacity;
    }

    .media-icon {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        text-align: center;
        border-radius: 100%;
    }

    .media-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    textarea[cols] {
        height: auto;
    }

    .form-group {
        display: block;
    }

    .form-label {
        display: block;
        margin-bottom: 0.375rem;
        font-weight: 500;
        font-size: 0.875rem;
        text-align: right;
    }

    .form-label-small {
        float: right;
        font-weight: 400;
        font-size: 87.5%;
    }

    .form-footer {
        margin-top: 2rem;
    }

    .custom-control {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .custom-controls-stacked .custom-control {
        margin-bottom: 0.25rem;
    }

    .custom-control-label {
        vertical-align: middle;
    }

    .custom-control-label:before {
        border: 1px solid rgba(167, 180, 201, 0.5);
        background-color: #fff;
        background-size: 0.5rem;
    }

    .custom-control-description {
        line-height: 1.5rem;
    }

    .input-group-append,
    .input-group-btn,
    .input-group-prepend {
        font-size: 0.9375rem;
    }

    .input-group-append>.btn,
    .input-group-btn>.btn,
    .input-group-prepend>.btn {
        height: 100%;
        border-color: rgba(0, 40, 100, 0.12);
    }

    .input-group-prepend>.input-group-text {
        border-right: 0;
    }

    .input-group-append>.input-group-text {
        border-left: 0;
    }

    .widgets {
        font-size: 35px;
        padding: 20px;
    }

    .widgetstext {
        top: 0;
        bottom: 0;
        padding: 20px 40px;
    }

    .widget-line h4 {
        font-size: 24px;
        font-weight: 600;
    }

    .fs {
        font-size: 25px;
    }

    .widget-line p {
        font-size: 16px;
    }

    .widget-line-list li {
        display: inline-block;
        font-size: 16px;
        line-height: 27px;
        padding: 5px 20px 0 15px;
    }

    .widget-line-list li {
        list-style-type: none;
    }

    /*----- Form Control ---------*/
    .searching1 i {
        position: absolute;
        top: 21px;
        margin-left: 15px;
        font-size: 16px;
        color: #fcfdff;
    }

    .search-inline {
        width: 100%;
        left: 0;
        padding-top: 1.5rem;
        padding-bottom: 0.75rem;
        top: 0;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        box-shadow: 0 0 0 1px rgba(243, 247, 253, 0.12), 0 8px 16px 0 rgba(243, 247, 253, 0.24);
        z-index: 9;
        transition: all 0.1s ease-in-out;
    }

    .search-inline.search-visible {
        opacity: 1;
        visibility: visible;
        padding-top: 3rem;
        right: 0;
        padding-bottom: 0.5rem;
        border: 1px solid #d8dde6;
        animation: fadeInDown 0.1s ease-in-out;
    }

    .search-inline button[type="submit"] {
        position: absolute;
        right: 52px;
        top: 0;
        background-color: transparent;
        border: 0;
        top: 0;
        right: 80px;
        padding: 0;
        cursor: pointer;
        width: 80px;
        height: 99%;
        background: #fff;
        color: #a7b4c9;
    }

    .search-inline .form-control {
        border: 0;
        font-size: 15px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 99%;
        font-weight: 700;
        outline: 0;
    }

    .search-inline .search-close {
        position: absolute;
        top: 21px;
        right: 0;
        color: #a7b4c9;
        width: 80px;
        height: 100%;
        text-align: center;
        display: table;
        background: #fff;
        text-decoration: none;
    }

    .search-inline .search-close i {
        display: table-cell;
        vertical-align: middle;
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0, -20%, 0);
        }

        to {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }

    .form-control.header-search {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: #fff;
        width: 100%;
        border-radius: 12em;
    }

    .form-control.header-search::placeholder {
        color: #fff;
    }

    .form-control.header-search:focus,
    .form-control.header-search:hover {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        border: 0;
        box-shadow: none;
    }

    .input-icon {
        position: relative;
    }

    .input-icon .form-control:not(:last-child) {
        padding-left: 2.5rem;
    }

    .input-icon .form-control:not(:first-child) {
        padding-left: 2.5rem;
    }

    .input-icon-addon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 2.5rem;
        pointer-events: none;
    }

    .input-icon-addon:last-child {
        left: auto;
        right: 0;
    }

    .form-fieldset {
        background: #f8f9fa;
        border: 1px solid #d8dde6;
        padding: 1rem;
        border-radius: 3px;
        margin-bottom: 1rem;
    }

    .form-required {
        color: #ff382b;
    }

    .form-required:before {
        content: " ";
    }

    .state-valid {
        padding-right: 2rem;
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center right 0.5rem/1rem;
    }

    .state-invalid {
        padding-right: 2rem;
        background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") no-repeat center right 0.5rem/1rem;
    }

    .form-help {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        text-align: center;
        line-height: 1rem;
        color: #a7b4c9;
        background: #f8f9fa;
        border-radius: 50%;
        font-size: 0.75rem;
        transition: 0.3s background-color, 0.3s color;
        text-decoration: none;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .form-help:hover,
    .form-help[aria-describedby] {
        background: #467fcf;
        color: #fff;
    }

    .sparkline {
        display: inline-block;
        height: 2rem;
    }

    .jqstooltip {
        box-sizing: content-box;
        font-family: inherit !important;
        background: #333 !important;
        border: none !important;
        border-radius: 3px;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        padding: 6px !important;
    }

    .jqstooltip .jqsfield {
        font: inherit !important;
    }

    .social-links li a {
        background: #f8f8f8;
        border-radius: 50%;
        color: #a7b4c9;
        display: inline-block;
        height: 1.75rem;
        width: 1.75rem;
        line-height: 1.75rem;
        text-align: center;
    }

    .chart,
    .map {
        position: relative;
        padding-top: 56.25%;
    }

    .chart-square,
    .map-square {
        padding-top: 100%;
    }

    .chart-content,
    .map-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    /*------ Maps -----*/
    .map-header {
        margin-bottom: 1.5rem;
        height: 15rem;
        position: relative;
        margin-bottom: -1.5rem;
    }

    .map-header:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 10rem;
        background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f1f5fd 95%);
        pointer-events: none;
    }

    .map-header-layer {
        height: 100%;
    }

    .map-static {
        height: 120px;
        width: 100%;
        max-width: 640px;
        background-position: center center;
        background-size: 640px 120px;
    }

    @-webkit-keyframes status-pulse {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0.32;
        }
    }

    @keyframes status-pulse {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0.32;
        }
    }

    .status-icon {
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        display: inline-block;
        background: currentColor;
        border-radius: 50%;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        margin-right: 0.375rem;
        vertical-align: middle;
    }

    .status-animated {
        -webkit-animation: 1s status-pulse infinite ease;
        animation: 1s status-pulse infinite ease;
    }

    /*------ Chart-Circle ------*/
    .chart-circle {
        display: block;
        height: 8rem;
        width: 8rem;
        position: relative;
        margin: 0 auto;
    }

    .chart-circle canvas {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .chart-circle-xs {
        height: 2.5rem;
        width: 2.5rem;
        font-size: 0.8rem;
    }

    .chart-circle-xs1 {
        height: 110px;
        width: 110px;
        font-size: 0.8rem;
    }

    .chart-circle-sm {
        height: 4rem;
        width: 4rem;
        font-size: 0.8rem;
    }

    .chart-circle-lg {
        height: 10rem;
        width: 10rem;
        font-size: 0.8rem;
    }

    .chart-circle-value {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1;
    }

    .chart-circle-value small {
        display: block;
        color: #a7b4c9;
        font-size: 0.9375rem;
    }

    .sparkgraph {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        height: 43px;
    }

    .sparkgraph canvas {
        width: 100% !important;
    }

    .chips {
        margin: 0 0 -0.5rem;
    }

    .team i {
        margin-left: 10px;
        float: right;
        margin-top: 10px;
        color: #313148;
    }

    .chips .chip {
        margin: 0 0.5rem 0.5rem 0;
    }

    .chip {
        display: inline-block;
        height: 2rem;
        line-height: 2rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #080e1b;
        margin: 2px;
        padding: 0 0.75rem;
        border-radius: 1rem;
        background-color: #f6f7fb;
        transition: 0.3s background;
    }

    .chip .avatar {
        float: left;
        margin: 0 0.5rem 0 -0.75rem;
        height: 2rem;
        width: 2rem;
        border-radius: 50%;
    }

    a.chip:hover {
        color: #fff;
        text-decoration: none;
    }

    .emp-tab table {
        margin-bottom: 0;
        border: 0;
    }

    .stamp {
        color: #fff;
        background: #868e96;
        display: inline-block;
        min-width: 2rem;
        height: 2rem;
        padding: 0 0.25rem;
        line-height: 2rem;
        text-align: center;
        border-radius: 3px;
        font-weight: 600;
    }

    .stamp-md {
        min-width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }

    .stamp-lg {
        min-width: 3rem;
        height: 3rem;
        line-height: 3rem;
    }

    /*---- Chat -----*/
    .chat {
        outline: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 100%;
    }

    .chat-line {
        padding: 0;
        text-align: right;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .chat-line+.chat-line {
        padding-top: 1rem;
    }

    .chat-message {
        position: relative;
        display: inline-block;
        background-color: #467fcf;
        color: #fff;
        font-size: 0.875rem;
        padding: 0.375rem 0.5rem;
        border-radius: 3px;
        white-space: normal;
        text-align: left;
        margin: 0 0.5rem 0 2.5rem;
        line-height: 1.4;
    }

    .chat-message> :last-child {
        margin-bottom: 0 !important;
    }

    .chat-message:after {
        content: "";
        position: absolute;
        right: -5px;
        top: 7px;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #467fcf;
        border-top: 6px solid transparent;
    }

    .chat-message img {
        max-width: 100%;
    }

    .chat-message p {
        margin-bottom: 1em;
    }

    .chat-line-friend {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .chat-line-friend+.chat-line-friend {
        margin-top: -0.5rem;
    }

    .chat-line-friend+.chat-line-friend .chat-author {
        visibility: hidden;
    }

    .chat-line-friend+.chat-line-friend .chat-message:after {
        display: none;
    }

    .chat-line-friend .chat-message {
        background-color: #f1f5fd;
        color: #3d4e67;
        margin-left: 0.5rem;
        margin-right: 2.5rem;
    }

    .chat-line-friend .chat-message:after {
        right: auto;
        left: -5px;
        border-left-width: 0;
        border-right: 5px solid #f1f5fd;
    }

    .example {
        padding: 1.5rem;
        border: 1px solid #d8dde6;
        border-radius: 3px 3px 0 0;
        font-size: 0.9375rem;
    }

    .example-bg {
        background: #f1f5fd;
    }

    .example+.highlight {
        border-top: none;
        margin-top: 0;
        border-radius: 0 0 3px 3px;
    }

    .highlight {
        margin: 1rem 0 2rem;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        font-size: 0.9375rem;
        max-height: 40rem;
        overflow: auto;
        background: #f1f5fd;
    }

    .highlight pre {
        margin-bottom: 0;
        background-color: rgba(5, 117, 230, 0.1);
    }

    .example-column {
        margin: 0 auto;
    }

    .example-column>.card:last-of-type {
        margin-bottom: 0;
    }

    .example-column-1 {
        max-width: 20rem;
    }

    .example-column-2 {
        max-width: 40rem;
    }

    /*------- Tags -------*/
    .tag {
        font-size: 0.75rem;
        color: #080e1b;
        background-color: #f1f5fd;
        border-radius: 3px;
        padding: 0 0.5rem;
        line-height: 2em;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: default;
        font-weight: 400;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    a.tag {
        text-decoration: none;
        cursor: pointer;
        transition: 0.3s color, 0.3s background;
    }

    a.tag:hover {
        background-color: rgba(110, 118, 135, 0.2);
        color: inherit;
    }

    .tag-addon {
        display: inline-block;
        padding: 0 0.5rem;
        color: inherit;
        text-decoration: none;
        background: rgba(0, 0, 0, 0.06);
        margin: 0 -0.5rem 0 0.5rem;
        text-align: center;
        min-width: 1.5rem;
    }

    .tag-addon:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .tag-addon i {
        vertical-align: middle;
        margin: 0 -0.25rem;
    }

    a.tag-addon {
        text-decoration: none;
        cursor: pointer;
        transition: 0.3s color, 0.3s background;
    }

    a.tag-addon:hover {
        background: rgba(0, 0, 0, 0.16);
        color: inherit;
    }

    .tag-avatar {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 3px 0 0 3px;
        margin: 0 0.5rem 0 -0.5rem;
    }

    .tag-blue {
        background-color: #467fcf;
        color: #fff;
    }

    .tag-indigo {
        background-color: #6574cd;
        color: #fff;
    }

    .tag-purple {
        background-color: #635dfa;
        color: #fff;
    }

    .tag-pink {
        background-color: #ff2b88;
        color: #fff;
    }

    .tag-red {
        background-color: #ff382b;
        color: #fff;
    }

    .tag-orange {
        background-color: #e84312;
        color: #fff;
    }

    .tag-yellow {
        background-color: #ffa22b;
        color: #fff;
    }

    .tag-green {
        background-color: #05a01f;
        color: #fff;
    }

    .tag-teal {
        background-color: #05e6e6;
        color: #fff;
    }

    .tag-cyan {
        background-color: #17a2b8;
        color: #fff;
    }

    .tag-white {
        background-color: #fff;
        color: #fff;
    }

    .tag-gray {
        background-color: #868e96;
        color: #fff;
    }

    .tag-gray-dark {
        background-color: #343a40;
        color: #fff;
    }

    .tag-azure {
        background-color: #1da1f3;
        color: #fff;
    }

    .tag-lime {
        background-color: #63e600;
        color: #fff;
    }

    .tag-secondary {
        background-color: #868e96;
        color: #fff;
    }

    .tag-success {
        background-color: #05a01f;
        color: #fff;
    }

    .tag-info {
        background-color: #1da1f3;
        color: #fff;
    }

    .tag-warning {
        background-color: #ffa22b;
        color: #fff;
    }

    .tag-danger {
        background-color: #ff382b;
        color: #fff;
    }

    .tag-light {
        background-color: #f8f9fa;
        color: #fff;
    }

    .tag-dark {
        background-color: #343a40;
        color: #fff;
    }

    .tag-rounded {
        border-radius: 50px;
    }

    .tag-rounded .tag-avatar {
        border-radius: 50px;
    }

    .tags {
        margin-bottom: -0.5rem;
        font-size: 0;
    }

    .tags>.tag {
        margin-bottom: 0.5rem;
    }

    .tags>.tag:not(:last-child) {
        margin-right: 0.5rem;
    }

    /*---- Highlight ------*/
    .highlight .hll {
        background-color: #ffc;
    }

    .highlight .c {
        color: #999;
    }

    .highlight .k {
        color: #069;
    }

    .highlight .o {
        color: #555;
    }

    .highlight .cm {
        color: #999;
    }

    .highlight .cp {
        color: #099;
    }

    .highlight .c1 {
        color: #999;
    }

    .highlight .cs {
        color: #999;
    }

    .highlight .gd {
        background-color: #fcc;
        border: 1px solid #c00;
    }

    .highlight .ge {
        font-style: italic;
    }

    .highlight .gr {
        color: red;
    }

    .highlight .gh {
        color: #030;
    }

    .highlight .gi {
        background-color: #cfc;
        border: 1px solid #0c0;
    }

    .highlight .go {
        color: #aaa;
    }

    .highlight .gp {
        color: #009;
    }

    .highlight .gu {
        color: #030;
    }

    .highlight .gt {
        color: #9c6;
    }

    .highlight .kc {
        color: #069;
    }

    .highlight .kd {
        color: #069;
    }

    .highlight .kn {
        color: #069;
    }

    .highlight .kp {
        color: #069;
    }

    .highlight .kr {
        color: #069;
    }

    .highlight .kt {
        color: #078;
    }

    .highlight .m {
        color: #f60;
    }

    .highlight .na {
        color: #ffa22b;
    }

    .highlight .nb {
        color: #366;
    }

    .highlight .nc {
        color: #0a8;
    }

    .highlight .no {
        color: #360;
    }

    .highlight .nd {
        color: #99f;
    }

    .highlight .ni {
        color: #999;
    }

    .highlight .ne {
        color: #c00;
    }

    .highlight .nf {
        color: #c0f;
    }

    .highlight .nl {
        color: #99f;
    }

    .highlight .nn {
        color: #0cf;
    }

    .highlight .nt {
        color: #ff382b;
    }

    .highlight .nv {
        color: #033;
    }

    .highlight .ow {
        color: #000;
    }

    .highlight .w {
        color: #bbb;
    }

    .highlight .mf {
        color: #f60;
    }

    .highlight .mh {
        color: #f60;
    }

    .highlight .mi {
        color: #f60;
    }

    .highlight .mo {
        color: #f60;
    }

    .highlight .sb {
        color: #c30;
    }

    .highlight .sc {
        color: #c30;
    }

    .highlight .sd {
        font-style: italic;
        color: #c30;
    }

    .highlight .s2 {
        color: #c30;
    }

    .highlight .se {
        color: #c30;
    }

    .highlight .sh {
        color: #c30;
    }

    .highlight .si {
        color: #a00;
    }

    .highlight .sx {
        color: #c30;
    }

    .highlight .sr {
        color: #3aa;
    }

    .highlight .s1 {
        color: #c30;
    }

    .highlight .ss {
        color: #fc3;
    }

    .highlight .bp {
        color: #366;
    }

    .highlight .vc {
        color: #033;
    }

    .highlight .vg {
        color: #033;
    }

    .highlight .vi {
        color: #033;
    }

    .highlight .il {
        color: #f60;
    }

    .highlight .css .nt+.nt,
    .highlight .css .o,
    .highlight .css .o+.nt {
        color: #999;
    }

    .highlight .language-bash::before,
    .highlight .language-sh::before {
        color: #009;
        content: "$ ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .highlight .language-powershell::before {
        color: #009;
        content: "PM> ";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /*---- Custom Form Elements ------*/
    .custom-range {
        -ms-flex-align: center;
        align-items: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        min-height: 2.375rem;
        overflow: hidden;
        padding: 0;
        border: 0;
    }

    .custom-range:focus {
        box-shadow: none;
        outline: 0;
    }

    .custom-range:focus::-webkit-slider-thumb {
        border-color: #467fcf;
        background-color: #467fcf;
    }

    .custom-range:focus::-moz-range-thumb {
        border-color: #467fcf;
        background-color: #467fcf;
    }

    .custom-range:focus::-ms-thumb {
        border-color: #467fcf;
        background-color: #467fcf;
    }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-runnable-track {
        background: #467fcf;
        content: "";
        height: 2px;
        pointer-events: none;
    }

    .custom-range::-webkit-slider-thumb {
        width: 14px;
        height: 14px;
        -webkit-appearance: none;
        appearance: none;
        background: #fff;
        border-radius: 50px;
        box-shadow: 1px 0 0 -6px rgba(0, 50, 126, 0.12), 6px 0 0 -6px rgba(0, 50, 126, 0.12), 7px 0 0 -6px rgba(0, 50, 126, 0.12), 8px 0 0 -6px rgba(0, 50, 126, 0.12), 9px 0 0 -6px rgba(0, 50, 126, 0.12), 10px 0 0 -6px rgba(0, 50, 126, 0.12),
            11px 0 0 -6px rgba(0, 50, 126, 0.12), 12px 0 0 -6px rgba(0, 50, 126, 0.12), 13px 0 0 -6px rgba(0, 50, 126, 0.12), 14px 0 0 -6px rgba(0, 50, 126, 0.12), 15px 0 0 -6px rgba(0, 50, 126, 0.12), 16px 0 0 -6px rgba(0, 50, 126, 0.12),
            17px 0 0 -6px rgba(0, 50, 126, 0.12), 18px 0 0 -6px rgba(0, 50, 126, 0.12), 19px 0 0 -6px rgba(0, 50, 126, 0.12), 20px 0 0 -6px rgba(0, 50, 126, 0.12), 21px 0 0 -6px rgba(0, 50, 126, 0.12), 22px 0 0 -6px rgba(0, 50, 126, 0.12),
            23px 0 0 -6px rgba(0, 50, 126, 0.12), 24px 0 0 -6px rgba(0, 50, 126, 0.12), 25px 0 0 -6px rgba(0, 50, 126, 0.12), 26px 0 0 -6px rgba(0, 50, 126, 0.12), 27px 0 0 -6px rgba(0, 50, 126, 0.12), 28px 0 0 -6px rgba(0, 50, 126, 0.12),
            29px 0 0 -6px rgba(0, 50, 126, 0.12), 30px 0 0 -6px rgba(0, 50, 126, 0.12), 31px 0 0 -6px rgba(0, 50, 126, 0.12), 32px 0 0 -6px rgba(0, 50, 126, 0.12), 33px 0 0 -6px rgba(0, 50, 126, 0.12), 34px 0 0 -6px rgba(0, 50, 126, 0.12),
            35px 0 0 -6px rgba(0, 50, 126, 0.12), 36px 0 0 -6px rgba(0, 50, 126, 0.12), 37px 0 0 -6px rgba(0, 50, 126, 0.12), 38px 0 0 -6px rgba(0, 50, 126, 0.12), 39px 0 0 -6px rgba(0, 50, 126, 0.12), 40px 0 0 -6px rgba(0, 50, 126, 0.12),
            41px 0 0 -6px rgba(0, 50, 126, 0.12), 42px 0 0 -6px rgba(0, 50, 126, 0.12), 43px 0 0 -6px rgba(0, 50, 126, 0.12), 44px 0 0 -6px rgba(0, 50, 126, 0.12), 45px 0 0 -6px rgba(0, 50, 126, 0.12), 46px 0 0 -6px rgba(0, 50, 126, 0.12),
            47px 0 0 -6px rgba(0, 50, 126, 0.12), 48px 0 0 -6px rgba(0, 50, 126, 0.12), 49px 0 0 -6px rgba(0, 50, 126, 0.12), 50px 0 0 -6px rgba(0, 50, 126, 0.12), 51px 0 0 -6px rgba(0, 50, 126, 0.12), 52px 0 0 -6px rgba(0, 50, 126, 0.12),
            53px 0 0 -6px rgba(0, 50, 126, 0.12), 54px 0 0 -6px rgba(0, 50, 126, 0.12), 55px 0 0 -6px rgba(0, 50, 126, 0.12), 56px 0 0 -6px rgba(0, 50, 126, 0.12), 57px 0 0 -6px rgba(0, 50, 126, 0.12), 58px 0 0 -6px rgba(0, 50, 126, 0.12),
            59px 0 0 -6px rgba(0, 50, 126, 0.12), 60px 0 0 -6px rgba(0, 50, 126, 0.12), 61px 0 0 -6px rgba(0, 50, 126, 0.12), 62px 0 0 -6px rgba(0, 50, 126, 0.12), 63px 0 0 -6px rgba(0, 50, 126, 0.12), 64px 0 0 -6px rgba(0, 50, 126, 0.12),
            65px 0 0 -6px rgba(0, 50, 126, 0.12), 66px 0 0 -6px rgba(0, 50, 126, 0.12), 67px 0 0 -6px rgba(0, 50, 126, 0.12), 68px 0 0 -6px rgba(0, 50, 126, 0.12), 69px 0 0 -6px rgba(0, 50, 126, 0.12), 70px 0 0 -6px rgba(0, 50, 126, 0.12),
            71px 0 0 -6px rgba(0, 50, 126, 0.12), 72px 0 0 -6px rgba(0, 50, 126, 0.12), 73px 0 0 -6px rgba(0, 50, 126, 0.12), 74px 0 0 -6px rgba(0, 50, 126, 0.12), 75px 0 0 -6px rgba(0, 50, 126, 0.12), 76px 0 0 -6px rgba(0, 50, 126, 0.12),
            77px 0 0 -6px rgba(0, 50, 126, 0.12), 78px 0 0 -6px rgba(0, 50, 126, 0.12), 79px 0 0 -6px rgba(0, 50, 126, 0.12), 80px 0 0 -6px rgba(0, 50, 126, 0.12), 81px 0 0 -6px rgba(0, 50, 126, 0.12), 82px 0 0 -6px rgba(0, 50, 126, 0.12),
            83px 0 0 -6px rgba(0, 50, 126, 0.12), 84px 0 0 -6px rgba(0, 50, 126, 0.12), 85px 0 0 -6px rgba(0, 50, 126, 0.12), 86px 0 0 -6px rgba(0, 50, 126, 0.12), 87px 0 0 -6px rgba(0, 50, 126, 0.12), 88px 0 0 -6px rgba(0, 50, 126, 0.12),
            89px 0 0 -6px rgba(0, 50, 126, 0.12), 90px 0 0 -6px rgba(0, 50, 126, 0.12), 91px 0 0 -6px rgba(0, 50, 126, 0.12), 92px 0 0 -6px rgba(0, 50, 126, 0.12), 93px 0 0 -6px rgba(0, 50, 126, 0.12), 94px 0 0 -6px rgba(0, 50, 126, 0.12),
            95px 0 0 -6px rgba(0, 50, 126, 0.12), 96px 0 0 -6px rgba(0, 50, 126, 0.12), 97px 0 0 -6px rgba(0, 50, 126, 0.12), 98px 0 0 -6px rgba(0, 50, 126, 0.12), 99px 0 0 -6px rgba(0, 50, 126, 0.12), 100px 0 0 -6px rgba(0, 50, 126, 0.12),
            101px 0 0 -6px rgba(0, 50, 126, 0.12), 102px 0 0 -6px rgba(0, 50, 126, 0.12), 103px 0 0 -6px rgba(0, 50, 126, 0.12), 104px 0 0 -6px rgba(0, 50, 126, 0.12), 105px 0 0 -6px rgba(0, 50, 126, 0.12), 106px 0 0 -6px rgba(0, 50, 126, 0.12),
            107px 0 0 -6px rgba(0, 50, 126, 0.12), 108px 0 0 -6px rgba(0, 50, 126, 0.12), 109px 0 0 -6px rgba(0, 50, 126, 0.12), 110px 0 0 -6px rgba(0, 50, 126, 0.12), 111px 0 0 -6px rgba(0, 50, 126, 0.12), 112px 0 0 -6px rgba(0, 50, 126, 0.12),
            113px 0 0 -6px rgba(0, 50, 126, 0.12), 114px 0 0 -6px rgba(0, 50, 126, 0.12), 115px 0 0 -6px rgba(0, 50, 126, 0.12), 116px 0 0 -6px rgba(0, 50, 126, 0.12), 117px 0 0 -6px rgba(0, 50, 126, 0.12), 118px 0 0 -6px rgba(0, 50, 126, 0.12),
            119px 0 0 -6px rgba(0, 50, 126, 0.12), 120px 0 0 -6px rgba(0, 50, 126, 0.12), 121px 0 0 -6px rgba(0, 50, 126, 0.12), 122px 0 0 -6px rgba(0, 50, 126, 0.12), 123px 0 0 -6px rgba(0, 50, 126, 0.12), 124px 0 0 -6px rgba(0, 50, 126, 0.12),
            125px 0 0 -6px rgba(0, 50, 126, 0.12), 126px 0 0 -6px rgba(0, 50, 126, 0.12), 127px 0 0 -6px rgba(0, 50, 126, 0.12), 128px 0 0 -6px rgba(0, 50, 126, 0.12), 129px 0 0 -6px rgba(0, 50, 126, 0.12), 130px 0 0 -6px rgba(0, 50, 126, 0.12),
            131px 0 0 -6px rgba(0, 50, 126, 0.12), 132px 0 0 -6px rgba(0, 50, 126, 0.12), 133px 0 0 -6px rgba(0, 50, 126, 0.12), 134px 0 0 -6px rgba(0, 50, 126, 0.12), 135px 0 0 -6px rgba(0, 50, 126, 0.12), 136px 0 0 -6px rgba(0, 50, 126, 0.12),
            137px 0 0 -6px rgba(0, 50, 126, 0.12), 138px 0 0 -6px rgba(0, 50, 126, 0.12), 139px 0 0 -6px rgba(0, 50, 126, 0.12), 140px 0 0 -6px rgba(0, 50, 126, 0.12), 141px 0 0 -6px rgba(0, 50, 126, 0.12), 142px 0 0 -6px rgba(0, 50, 126, 0.12),
            143px 0 0 -6px rgba(0, 50, 126, 0.12), 144px 0 0 -6px rgba(0, 50, 126, 0.12), 145px 0 0 -6px rgba(0, 50, 126, 0.12), 146px 0 0 -6px rgba(0, 50, 126, 0.12), 147px 0 0 -6px rgba(0, 50, 126, 0.12), 148px 0 0 -6px rgba(0, 50, 126, 0.12),
            149px 0 0 -6px rgba(0, 50, 126, 0.12), 150px 0 0 -6px rgba(0, 50, 126, 0.12), 151px 0 0 -6px rgba(0, 50, 126, 0.12), 152px 0 0 -6px rgba(0, 50, 126, 0.12), 153px 0 0 -6px rgba(0, 50, 126, 0.12), 154px 0 0 -6px rgba(0, 50, 126, 0.12),
            155px 0 0 -6px rgba(0, 50, 126, 0.12), 156px 0 0 -6px rgba(0, 50, 126, 0.12), 157px 0 0 -6px rgba(0, 50, 126, 0.12), 158px 0 0 -6px rgba(0, 50, 126, 0.12), 159px 0 0 -6px rgba(0, 50, 126, 0.12), 160px 0 0 -6px rgba(0, 50, 126, 0.12),
            161px 0 0 -6px rgba(0, 50, 126, 0.12), 162px 0 0 -6px rgba(0, 50, 126, 0.12), 163px 0 0 -6px rgba(0, 50, 126, 0.12), 164px 0 0 -6px rgba(0, 50, 126, 0.12), 165px 0 0 -6px rgba(0, 50, 126, 0.12), 166px 0 0 -6px rgba(0, 50, 126, 0.12),
            167px 0 0 -6px rgba(0, 50, 126, 0.12), 168px 0 0 -6px rgba(0, 50, 126, 0.12), 169px 0 0 -6px rgba(0, 50, 126, 0.12), 170px 0 0 -6px rgba(0, 50, 126, 0.12), 171px 0 0 -6px rgba(0, 50, 126, 0.12), 172px 0 0 -6px rgba(0, 50, 126, 0.12),
            173px 0 0 -6px rgba(0, 50, 126, 0.12), 174px 0 0 -6px rgba(0, 50, 126, 0.12), 175px 0 0 -6px rgba(0, 50, 126, 0.12), 176px 0 0 -6px rgba(0, 50, 126, 0.12), 177px 0 0 -6px rgba(0, 50, 126, 0.12), 178px 0 0 -6px rgba(0, 50, 126, 0.12),
            179px 0 0 -6px rgba(0, 50, 126, 0.12), 180px 0 0 -6px rgba(0, 50, 126, 0.12), 181px 0 0 -6px rgba(0, 50, 126, 0.12), 182px 0 0 -6px rgba(0, 50, 126, 0.12), 183px 0 0 -6px rgba(0, 50, 126, 0.12), 184px 0 0 -6px rgba(0, 50, 126, 0.12),
            185px 0 0 -6px rgba(0, 50, 126, 0.12), 186px 0 0 -6px rgba(0, 50, 126, 0.12), 187px 0 0 -6px rgba(0, 50, 126, 0.12), 188px 0 0 -6px rgba(0, 50, 126, 0.12), 189px 0 0 -6px rgba(0, 50, 126, 0.12), 190px 0 0 -6px rgba(0, 50, 126, 0.12),
            191px 0 0 -6px rgba(0, 50, 126, 0.12), 192px 0 0 -6px rgba(0, 50, 126, 0.12), 193px 0 0 -6px rgba(0, 50, 126, 0.12), 194px 0 0 -6px rgba(0, 50, 126, 0.12), 195px 0 0 -6px rgba(0, 50, 126, 0.12), 196px 0 0 -6px rgba(0, 50, 126, 0.12),
            197px 0 0 -6px rgba(0, 50, 126, 0.12), 198px 0 0 -6px rgba(0, 50, 126, 0.12), 199px 0 0 -6px rgba(0, 50, 126, 0.12), 200px 0 0 -6px rgba(0, 50, 126, 0.12), 201px 0 0 -6px rgba(0, 50, 126, 0.12), 202px 0 0 -6px rgba(0, 50, 126, 0.12),
            203px 0 0 -6px rgba(0, 50, 126, 0.12), 204px 0 0 -6px rgba(0, 50, 126, 0.12), 205px 0 0 -6px rgba(0, 50, 126, 0.12), 206px 0 0 -6px rgba(0, 50, 126, 0.12), 207px 0 0 -6px rgba(0, 50, 126, 0.12), 208px 0 0 -6px rgba(0, 50, 126, 0.12),
            209px 0 0 -6px rgba(0, 50, 126, 0.12), 210px 0 0 -6px rgba(0, 50, 126, 0.12), 211px 0 0 -6px rgba(0, 50, 126, 0.12), 212px 0 0 -6px rgba(0, 50, 126, 0.12), 213px 0 0 -6px rgba(0, 50, 126, 0.12), 214px 0 0 -6px rgba(0, 50, 126, 0.12),
            215px 0 0 -6px rgba(0, 50, 126, 0.12), 216px 0 0 -6px rgba(0, 50, 126, 0.12), 217px 0 0 -6px rgba(0, 50, 126, 0.12), 218px 0 0 -6px rgba(0, 50, 126, 0.12), 219px 0 0 -6px rgba(0, 50, 126, 0.12), 220px 0 0 -6px rgba(0, 50, 126, 0.12),
            221px 0 0 -6px rgba(0, 50, 126, 0.12), 222px 0 0 -6px rgba(0, 50, 126, 0.12), 223px 0 0 -6px rgba(0, 50, 126, 0.12), 224px 0 0 -6px rgba(0, 50, 126, 0.12), 225px 0 0 -6px rgba(0, 50, 126, 0.12), 226px 0 0 -6px rgba(0, 50, 126, 0.12),
            227px 0 0 -6px rgba(0, 50, 126, 0.12), 228px 0 0 -6px rgba(0, 50, 126, 0.12), 229px 0 0 -6px rgba(0, 50, 126, 0.12), 230px 0 0 -6px rgba(0, 50, 126, 0.12), 231px 0 0 -6px rgba(0, 50, 126, 0.12), 232px 0 0 -6px rgba(0, 50, 126, 0.12),
            233px 0 0 -6px rgba(0, 50, 126, 0.12), 234px 0 0 -6px rgba(0, 50, 126, 0.12), 235px 0 0 -6px rgba(0, 50, 126, 0.12), 236px 0 0 -6px rgba(0, 50, 126, 0.12), 237px 0 0 -6px rgba(0, 50, 126, 0.12), 238px 0 0 -6px rgba(0, 50, 126, 0.12),
            239px 0 0 -6px rgba(0, 50, 126, 0.12), 240px 0 0 -6px rgba(0, 50, 126, 0.12);
        margin-top: -6px;
        border: 1px solid rgba(0, 30, 75, 0.12);
        transition: 0.3s border-color, 0.3s background-color;
    }

    .custom-range::-moz-range-track {
        width: 240px;
        height: 2px;
        background: rgba(0, 50, 126, 0.12);
    }

    .custom-range::-moz-range-thumb {
        width: 14px;
        height: 14px;
        background: #fff;
        border-radius: 50px;
        border: 1px solid rgba(0, 30, 75, 0.12);
        position: relative;
        transition: 0.3s border-color, 0.3s background-color;
    }

    .custom-range::-moz-range-progress {
        height: 2px;
        background: #467fcf;
        border: 0;
        margin-top: 0;
    }

    .custom-range::-ms-track {
        background: 0 0;
        border: 0;
        border-color: transparent;
        border-radius: 0;
        border-width: 0;
        color: transparent;
        height: 2px;
        margin-top: 10px;
        width: 240px;
    }

    .custom-range::-ms-thumb {
        width: 240px;
        height: 2px;
        background: #fff;
        border-radius: 50px;
        border: 1px solid rgba(0, 30, 75, 0.12);
        transition: 0.3s border-color, 0.3s background-color;
    }

    .custom-range::-ms-fill-lower {
        background: #467fcf;
        border-radius: 0;
    }

    .custom-range::-ms-fill-upper {
        background: rgba(0, 50, 126, 0.12);
        border-radius: 0;
    }

    .custom-range::-ms-tooltip {
        display: none;
    }

    .selectgroup {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .selectgroup-item {
        -ms-flex-positive: 1;
        flex-grow: 1;
        position: relative;
    }

    .selectgroup-item+.selectgroup-item {
        margin-left: -1px;
    }

    .selectgroup-item:not(:first-child) .selectgroup-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .selectgroup-item:not(:last-child) .selectgroup-button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .selectgroup-input {
        opacity: 0;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }

    .selectgroup-button {
        display: block;
        border: 1px solid #d8dde6;
        text-align: center;
        padding: 0.375rem 1rem;
        position: relative;
        cursor: pointer;
        border-radius: 3px;
        color: #a7b4c9;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 0.9375rem;
        line-height: 1.5rem;
        min-width: 2.375rem;
    }

    .selectgroup-button-icon {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 1rem;
    }

    .selectgroup-pills {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .selectgroup-pills .selectgroup-item {
        margin-right: 0.5rem;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .selectgroup-pills .selectgroup-button {
        border-radius: 50px !important;
    }

    .custom-switch {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
    }

    .custom-switch-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .custom-switches-stacked {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom-switches-stacked .custom-switch {
        margin-bottom: 0.5rem;
    }

    .custom-switch-indicator {
        display: inline-block;
        height: 1.25rem;
        width: 2.25rem;
        background: #d8dde6;
        border-radius: 50px;
        position: relative;
        vertical-align: bottom;
        border: 1px solid #d8dde6;
        transition: 0.3s border-color, 0.3s background-color;
    }

    .custom-switch-indicator:before {
        content: "";
        position: absolute;
        height: calc(1.25rem - 4px);
        width: calc(1.25rem - 4px);
        top: 1px;
        left: 1px;
        background: #fff;
        border-radius: 50%;
        transition: 0.3s left;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    }

    .custom-switch-input:checked~.custom-switch-indicator:before {
        left: calc(1rem + 1px);
    }

    .custom-switch-description {
        margin-left: 0.5rem;
        color: #5f6877;
        transition: 0.3s color;
    }

    .custom-switch-input:checked~.custom-switch-description {
        color: #3d4e67;
    }

    .imagecheck {
        margin: 0;
        position: relative;
        cursor: pointer;
    }

    .imagecheck-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .imagecheck-figure {
        border: 1px solid #d8dde6;
        border-radius: 3px;
        margin: 0;
        position: relative;
    }

    .imagecheck-input:checked~.imagecheck-figure {
        border-color: rgba(0, 40, 100, 0.24);
    }

    .imagecheck-figure:before {
        content: "";
        position: absolute;
        top: 0.25rem;
        left: 0.25rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1;
        border-radius: 3px;
        opacity: 0;
        transition: 0.3s opacity;
    }

    .imagecheck-input:checked~.imagecheck-figure:before {
        opacity: 1;
    }

    .imagecheck-image {
        max-width: 100%;
        opacity: 0.64;
        transition: 0.3s opacity;
    }

    .imagecheck-image:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    .imagecheck-image:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .imagecheck-input:checked~.imagecheck-figure .imagecheck-image,
    .imagecheck-input:focus~.imagecheck-figure .imagecheck-image,
    .imagecheck:hover .imagecheck-image {
        opacity: 1;
    }

    .imagecheck-caption {
        text-align: center;
        padding: 0.25rem 0.25rem;
        color: #a7b4c9;
        font-size: 0.875rem;
        transition: 0.3s color;
    }

    .imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,
    .imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,
    .imagecheck:hover .imagecheck-caption {
        color: #3d4e67;
    }

    .colorinput {
        margin: 0;
        position: relative;
        cursor: pointer;
    }

    .colorinput-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .colorinput-color {
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 3px;
        border: 1px solid #d8dde6;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }

    .colorinput-color:before {
        content: "";
        opacity: 0;
        position: absolute;
        top: 0.25rem;
        left: 0.25rem;
        height: 1.25rem;
        width: 1.25rem;
        transition: 0.3s opacity;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
    }

    .colorinput-input:checked~.colorinput-color:before {
        opacity: 1;
    }

    /*---- Timeline ------*/
    .timeline {
        position: relative;
        margin: 0 0 2rem;
        padding: 0;
        list-style: none;
    }

    .timeline:before {
        background-color: #d8dde6;
        position: absolute;
        display: block;
        content: "";
        height: 100%;
        top: 0;
        bottom: 0;
        left: 4px;
    }

    .timeline-item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        padding-left: 2rem;
        margin: 0.5rem 0;
    }

    .timeline-item:first-child:before,
    .timeline-item:last-child:before {
        content: "";
        position: absolute;
        background: #fff;
        width: 1px;
        left: 0.25rem;
    }

    .timeline-item:first-child {
        margin-top: 0;
    }

    .timeline-item:first-child:before {
        top: 0;
        height: 0.5rem;
    }

    .timeline-item:last-child {
        margin-bottom: 0;
    }

    .timeline-item:last-child:before {
        top: 0.5rem;
        bottom: 0;
    }

    .timeline-badge {
        position: absolute;
        display: block;
        width: 0.4375rem;
        height: 0.4375rem;
        left: 1px;
        top: 0.5rem;
        border-radius: 100%;
        border: 1px solid #fff;
        background: #adb5bd;
    }

    .timeline-time {
        white-space: nowrap;
        margin-left: auto;
        color: #a7b4c9;
        font-size: 87.5%;
    }

    /*------ Jvectormap ------*/
    svg {
        -ms-touch-action: none;
        touch-action: none;
    }

    .jvectormap-container {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }

    .jvectormap-tip {
        position: absolute;
        display: none;
        border-radius: 3px;
        background: #a7b4c9;
        color: #fff;
        padding: 6px;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
    }

    .jvectormap-tip small {
        font-size: inherit;
        font-weight: 400;
    }

    .jvectormap-goback,
    .jvectormap-zoomin,
    .jvectormap-zoomout {
        position: absolute;
        left: 10px;
        border-radius: 3px;
        background: #292929;
        padding: 3px;
        color: #fff;
        cursor: pointer;
        line-height: 10px;
        text-align: center;
        box-sizing: content-box;
    }

    .jvectormap-zoomin,
    .jvectormap-zoomout {
        width: 10px;
        height: 10px;
    }

    .jvectormap-zoomin {
        top: 10px;
    }

    .jvectormap-zoomout {
        top: 30px;
    }

    .jvectormap-goback {
        bottom: 10px;
        z-index: 1000;
        padding: 6px;
    }

    .jvectormap-spinner {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
    }

    .jvectormap-legend-title {
        font-weight: 700;
        font-size: 14px;
        text-align: center;
    }

    .jvectormap-legend-cnt {
        position: absolute;
    }

    .jvectormap-legend-cnt-h {
        bottom: 0;
        right: 0;
    }

    .jvectormap-legend-cnt-v {
        top: 0;
        right: 0;
    }

    .jvectormap-legend {
        background: #000;
        color: #fff;
        border-radius: 3px;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend {
        float: left;
        margin: 0 10px 10px 0;
        padding: 3px 3px 1px 3px;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
        float: left;
    }

    .jvectormap-legend-cnt-v .jvectormap-legend {
        margin: 10px 10px 0 0;
        padding: 3px;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend-tick {
        width: 40px;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
        height: 15px;
    }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
        height: 20px;
        width: 20px;
        display: inline-block;
        vertical-align: middle;
    }

    .jvectormap-legend-tick-text {
        font-size: 12px;
    }

    .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
        text-align: center;
    }

    .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
        padding-left: 3px;
    }

    .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
        visibility: visible !important;
        background: #f2f2f2 !important;
        background: rgba(0, 0, 0, 0.06) !important;
        border: 0 none !important;
        box-shadow: inset 0 0 12px 4px #fff;
    }

    .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
        content: "!";
        visibility: hidden;
    }

    .selectize-control.plugin-drag_drop .ui-sortable-helper {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .selectize-dropdown-header {
        position: relative;
        padding: 5px 8px;
        border-bottom: 1px solid #d0d0d0;
        background: #f8f8f8;
        border-radius: 3px 3px 0 0;
    }

    .selectize-dropdown-header-close {
        position: absolute;
        right: 8px;
        top: 50%;
        color: #3d4e67;
        opacity: 0.4;
        margin-top: -12px;
        line-height: 20px;
        font-size: 20px !important;
    }

    .selectize-dropdown-header-close:hover {
        color: #000;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup {
        border-right: 1px solid #f2f2f2;
        border-top: 0 none;
        float: left;
        box-sizing: border-box;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0 none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
        border-top: 0 none;
    }

    .selectize-control.plugin-remove_button [data-value] {
        position: relative;
        padding-right: 24px !important;
    }

    .selectize-control.plugin-remove_button [data-value] .remove {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 17px;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        color: inherit;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
        padding: 2px 0 0 0;
        border-left: 1px solid #d0d0d0;
        border-radius: 0 2px 2px 0;
        box-sizing: border-box;
    }

    .selectize-control.plugin-remove_button [data-value] .remove:hover {
        background: rgba(0, 0, 0, 0.05);
    }

    .selectize-control.plugin-remove_button [data-value].active .remove {
        border-left-color: #cacaca;
    }

    .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
        background: 0 0;
    }

    .selectize-control.plugin-remove_button .disabled [data-value] .remove {
        border-left-color: #fff;
    }

    .selectize-control.plugin-remove_button .remove-single {
        position: absolute;
        right: 28px;
        top: 6px;
        font-size: 23px;
    }

    .selectize-control {
        position: relative;
        padding: 0;
        border: 0;
    }

    .selectize-dropdown,
    .selectize-input,
    .selectize-input input {
        color: #3d4e67;
        font-family: inherit;
        font-size: 15px;
        line-height: 18px;
        -webkit-font-smoothing: inherit;
    }

    .selectize-control.single .selectize-input.input-active,
    .selectize-input {
        background: #fff;
        cursor: text;
        display: inline-block;
    }

    .selectize-input {
        border: 1px solid #d8dde6;
        padding: 0.5625rem 0.75rem;
        display: inline-block;
        display: block;
        width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        border-radius: 3px;
        transition: 0.3s border-color, 0.3s box-shadow;
    }

    .selectize-control.multi .selectize-input.has-items {
        padding: 7px 0.75rem 4px 7px;
    }

    .selectize-input.full {
        background-color: #fff;
    }

    .selectize-input.disabled,
    .selectize-input.disabled * {
        cursor: default !important;
    }

    .selectize-input.dropdown-active {
        border-radius: 3px 3px 0 0;
    }

    .selectize-input>* {
        vertical-align: baseline;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
    }

    .selectize-control.multi .selectize-input>div {
        cursor: pointer;
        margin: 0 3px 3px 0;
        padding: 2px 6px;
        background: #d8dde6;
        color: #3d4e67;
        font-size: 13px;
        border: 0 solid rgba(0, 40, 100, 0.12);
        border-radius: 3px;
        font-weight: 400;
    }

    .selectize-control.multi .selectize-input>div.active {
        background: #e8e8e8;
        color: #303030;
        border: 0 solid #cacaca;
    }

    .selectize-control.multi .selectize-input.disabled>div,
    .selectize-control.multi .selectize-input.disabled>div.active {
        color: #7d7d7d;
        background: #fff;
        border: 0 solid #fff;
    }

    .selectize-input>input {
        display: inline-block !important;
        padding: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        max-width: 100% !important;
        margin: 0 2px 0 0 !important;
        text-indent: 0 !important;
        border: 0 none !important;
        background: 0 0 !important;
        line-height: inherit !important;
        box-shadow: none !important;
    }

    .selectize-input>input::-ms-clear {
        display: none;
    }

    .selectize-input>input:focus {
        outline: 0 !important;
    }

    .selectize-input::after {
        content: " ";
        display: block;
        clear: left;
    }

    .selectize-input.dropdown-active::before {
        content: " ";
        display: block;
        position: absolute;
        background: #f0f0f0;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .selectize-dropdown {
        position: absolute;
        z-index: 10;
        border: 1px solid #d8dde6;
        background: #fff;
        margin: -1px 0 0 0;
        border-top: 0 none;
        box-sizing: border-box;
        border-radius: 0 0 3px 3px;
        height: auto;
        padding: 0;
    }

    .selectize-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden;
    }

    .selectize-dropdown [data-selectable] .highlight {
        background: rgba(125, 168, 208, 0.2);
        border-radius: 1px;
    }

    .selectize-dropdown .optgroup-header,
    .selectize-dropdown [data-selectable] {
        padding: 6px 0.75rem;
    }

    .selectize-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0 none;
    }

    .selectize-dropdown .optgroup-header {
        color: #3d4e67;
        background: #fff;
        cursor: default;
    }

    .selectize-dropdown .active {
        background-color: #f1f4f8;
        color: #467fcf;
    }

    .selectize-dropdown .active.create {
        color: #3d4e67;
    }

    .selectize-dropdown .create {
        color: rgba(48, 48, 48, 0.5);
    }

    .selectize-dropdown-content {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 200px;
        -webkit-overflow-scrolling: touch;
    }

    .selectize-control.single .selectize-input,
    .selectize-control.single .selectize-input input {
        cursor: pointer;
    }

    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
        cursor: text;
    }

    .selectize-control.single .selectize-input:after {
        content: "";
        display: block;
        position: absolute;
        top: 13px;
        right: 12px;
        width: 8px;
        height: 10px;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center;
        background-size: 8px 10px;
        transition: 0.3s transform;
    }

    .selectize-control.single .selectize-input.dropdown-active:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .selectize-control .selectize-input.disabled {
        opacity: 0.5;
        background-color: #fafafa;
    }

    .selectize-dropdown .image,
    .selectize-input .image {
        width: 1.25rem;
        height: 1.25rem;
        background-size: contain;
        margin: -1px 0.5rem -1px -4px;
        line-height: 1.25rem;
        float: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .selectize-dropdown .image img,
    .selectize-input .image img {
        max-width: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
        border-radius: 2px;
    }

    .selectize-input .image {
        width: 1.5rem;
        height: 1.5rem;
        margin: -3px 0.75rem -3px -5px;
    }

    /*----- Gallery ------*/

    .demo-gallery>ul {
        margin-bottom: 0;
    }

    .demo-gallery>ul>li {
        float: left;
        margin-bottom: 15px;
        width: 200px;
        border: 0;
    }

    .demo-gallery>ul>li a {
        border: 3px solid #fff;
        border-radius: 3px;
        display: block;
        overflow: hidden;
        position: relative;
        float: left;
    }

    .demo-gallery>ul>li a>img {
        -webkit-transition: -webkit-transform 0.15s ease 0s;
        -moz-transition: -moz-transform 0.15s ease 0s;
        -o-transition: -o-transform 0.15s ease 0s;
        transition: transform 0.15s ease 0s;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        height: 100%;
        width: 100%;
    }

    .demo-gallery>ul>li a:hover>img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .demo-gallery>ul>li a:hover .demo-gallery-poster>img {
        opacity: 1;
    }

    .demo-gallery>ul>li a .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: background-color 0.15s ease 0s;
        -o-transition: background-color 0.15s ease 0s;
        transition: background-color 0.15s ease 0s;
    }

    .demo-gallery>ul>li a .demo-gallery-poster>img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

    .demo-gallery>ul>li a:hover .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .demo-gallery .justified-gallery>a>img {
        -webkit-transition: -webkit-transform 0.15s ease 0s;
        -moz-transition: -moz-transform 0.15s ease 0s;
        -o-transition: -o-transform 0.15s ease 0s;
        transition: transform 0.15s ease 0s;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        height: 100%;
        width: 100%;
    }

    .demo-gallery .justified-gallery>a:hover>img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
        opacity: 1;
    }

    .demo-gallery .justified-gallery>a .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: background-color 0.15s ease 0s;
        -o-transition: background-color 0.15s ease 0s;
        transition: background-color 0.15s ease 0s;
    }

    .demo-gallery .justified-gallery>a .demo-gallery-poster>img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

    .demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .demo-gallery .video .demo-gallery-poster img {
        height: 48px;
        margin-left: -24px;
        margin-top: -24px;
        opacity: 0.8;
        width: 48px;
    }

    .demo-gallery.dark>ul>li a {
        border: 3px solid #04070a;
    }

    .home .demo-gallery {
        padding-bottom: 80px;
    }

    .carousel-inner>.item>a>img,
    .carousel-inner>.item>img {
        width: 100%;
    }

    .gallery {
        overflow: hidden;
        position: relative;
        text-align: center;
        box-shadow: 1px 1px 2px #e6e6e6;
        cursor: default;
    }

    .gallery .content,
    .gallery .mask {
        position: absolute;
        width: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .gallery img {
        display: block;
        position: relative;
    }

    .gallery .tools {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 3px;
        background: rgba(0, 0, 0, 0.35);
        margin: 43px 0 0 0;
    }

    .mask.no-caption .tools {
        margin: 90px 0 0 0;
    }

    .gallery .tools a {
        display: inline-block;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        padding: 0 4px;
    }

    .gallery p {
        font-family: Lato, sans-serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center;
    }

    .gallery a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 1px #000;
    }

    .gallery-first img {
        transition: all 0.2s linear;
    }

    .gallery-first .mask {
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        transition: all 0.4s ease-in-out;
    }

    .gallery-first .tools {
        transform: translateY(-100px);
        opacity: 0;
        transition: all 0.2s ease-in-out;
    }

    .gallery-first p {
        transform: translateY(100px);
        opacity: 0;
        transition: all 0.2s linear;
    }

    .gallery-first:hover img {
        transform: scale(1.1);
    }

    .gallery-first:hover .mask {
        opacity: 1;
    }

    .gallery-first:hover .tools,
    .gallery-first:hover p {
        opacity: 1;
        transform: translateY(0);
    }

    .gallery-first:hover p {
        transition-delay: 0.1s;
    }

    .form-group.has-feedback span {
        display: block !important;
    }

    /*----- Ui-datepicker -----*/

    .ui-datepicker {
        background-color: #f1f5fd;
        border: 1px solid #d8dde6;
        font-family: inherit;
        font-size: inherit;
        padding: 10px;
        margin: 1px 0 0;
        display: none;
        width: auto !important;
        z-index: 999 !important;
    }

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #473b52;
        padding: 0 0 5px;
        letter-spacing: 1px;
        border: 0;
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
        text-indent: -99999px;
        color: #080e1b;
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        font-size: 16px;
        font-family: FontAwesome;
        position: absolute;
        top: -4px;
        text-indent: 0;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
        color: #343a40;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
        order: 3;
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
        right: 5px;
        content: "\f105";
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
        left: 5px;
        content: "\f104";
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
        color: #3d4e67;
        cursor: pointer;
        top: 1px;
        border: 0;
        background-color: transparent;
    }

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
        background-color: transparent;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .ui-datepicker .ui-datepicker-calendar th {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 6px 10px;
        color: #a3a7b7;
    }

    @media (max-width: 320px) {
        .ui-datepicker .ui-datepicker-calendar th {
            padding: 4px 0;
            letter-spacing: normal;
        }
    }

    .ui-datepicker .ui-datepicker-calendar td {
        border: 1px solid #f6f7fb;
        padding: 0;
        background-color: #f6f7fb;
        text-align: right;
    }

    .ui-datepicker .ui-datepicker-calendar td:last-child {
        border-right: 0;
    }

    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
        color: #ccc;
    }

    .ui-datepicker .ui-datepicker-calendar td a,
    .ui-datepicker .ui-datepicker-calendar td span {
        transition: all 0.2s ease-in-out;
        padding: 5px;
        background-color: #fff;
        color: #473b52;
        padding: 6px 10px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        border: 0;
        border-radius: 1px;
    }

    .ui-datepicker .ui-datepicker-calendar td a:hover {
        background-color: #f0f2f7;
        color: #473b52;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        background-color: #f8f9fa;
        color: #473b52;
    }

    .ui-datepicker-multi .ui-datepicker-group {
        padding-right: 15px;
        width: auto;
        float: left;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
        margin: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
        left: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
        right: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0;
    }

    .ui-datepicker-multi .ui-datepicker-group-last {
        padding-right: 0;
    }

    .ui-datepicker-inline {
        max-width: 270px;
        border-radius: 12px;
    }

    .model-wrapper-demo {
        padding: 50px 0;
        background: rgba(5, 117, 230, 0.1);
    }

    .timeline__item:after {
        background: #fff !important;
    }

    .timeline--horizontal .timeline-divider {
        background: #dffbff !important;
    }

    .timeline__content {
        background-color: #fff;
        border-radius: 10px;
        display: block;
        padding: 1.25rem;
        position: relative;
    }

    /*------ Backtop ------*/

    #back-to-top {
        color: #fff;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        display: none;
        text-align: center;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 2px;
        z-index: 10000;
        height: 50px;
        width: 50px;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-color 0.1s linear;
        -moz-transition: background-color 0.1s linear;
        -webkit-transition: background-color 0.1s linear;
        -o-transition: background-color 0.1s linear;
    }

    #back-to-top i {
        padding-top: 20px;
        font-size: 16px;
        transform: rotate(-45deg);
        margin-left: -16px;
    }

    #chat-message {
        color: #fff;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 99;
        display: none;
        text-align: center;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 2px;
        z-index: 10000;
        height: 50px;
        width: 50px;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-color 0.1s linear;
        -moz-transition: background-color 0.1s linear;
        -webkit-transition: background-color 0.1s linear;
        -o-transition: background-color 0.1s linear;
    }

    #chat-message i {
        padding-top: 15px;
        font-size: 16px;
    }

    #chat-message:hover {
        background: #fff;
        color: #4c8aec;
        border: 2px solid #0f75ff;
    }

    /*----- Tabs ------*/
    .tabs-menu ul li a {
        padding: 10px 20px 11px 20px;
    }

    .tabs-menu ul li .active {
        color: #fff;
        border-radius: 25px;
    }

    .tabs-menu1 ul li a {
        padding: 10px 20px 11px 20px;
    }

    .tabs-menu1 ul li .active {
        border-radius: 2px;
    }

    .wideget-user-tab .tabs-menu1 ul li .active {
        border: 0;
        border-radius: 0;
    }

    .tabs-menu-body {
        padding: 15px;
        border: 1px solid #d8dde6;
    }

    .tabs-menu-body p:last-child {
        margin-bottom: 0;
    }

    .tab-menu-heading {
        padding: 20px;
        border: 1px solid #d8dde6;
        border-bottom: 0;
    }

    .tab_wrapper .content_wrapper .tab_content.active p:last-child {
        margin-bottom: 0;
    }

    .item-card .cardbody {
        position: relative;
        padding: 30px 15px;
        border-radius: 0 0 0.2rem 0.2rem;
    }

    /*----- Ribbons -----*/
    .ribbone {
        width: 100%;
        position: relative;
        background-size: cover;
        text-transform: uppercase;
        color: #fff;
    }

    @media (max-width: 500px) {
        .ribbone {
            width: 100%;
        }
    }

    .ribbon1 {
        position: absolute;
        top: -6.1px;
        left: 10px;
        z-index: 1;
    }

    .ribbon1:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 24px solid transparent;
        border-top: 13px solid #f8463f;
    }

    .ribbon1 span {
        position: relative;
        display: block;
        text-align: center;
        background: #f8463f;
        font-size: 14px;
        line-height: 1;
        padding: 12px 8px 10px;
        border-top-right-radius: 8px;
    }

    .ribbon1 span:after,
    .ribbon1 span:before {
        position: absolute;
        content: "";
    }

    .ribbon1 span:before {
        height: 6px;
        width: 6px;
        left: -6px;
        top: 0;
        background: #f8463f;
    }

    .ribbon1 span:after {
        height: 6px;
        width: 8px;
        left: -8px;
        top: 0;
        border-radius: 8px 8px 0 0;
        background: #c02031;
    }

    .arrow-ribbon {
        color: #fff;
        padding: 5px 8px;
        position: absolute;
        top: 10px;
        left: 0;
        z-index: 98;
        font-size: 14px;
    }

    .arrow-ribbon.bg-purple:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #3e4a9f;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-danger:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #ff382b;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-primary:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-secondary:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #162946;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-success:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #05a01f;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-info:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #1da1f3;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-warning:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #ffa22b;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon.bg-pink:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 15px solid transparent;
        border-left: 15px solid #ff2b88;
        border-bottom: 15px solid transparent;
        width: 0;
    }

    .arrow-ribbon2 {
        color: #fff;
        padding: 12px 15px;
        position: absolute;
        bottom: 20px;
        left: 0px;
        z-index: 98;
        font-size: 16px;
    }

    .car-detail-slider {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .car-detail-slider .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        left: 0px;
        right: -1.5em;
        margin-top: -20px;
    }

    .car-enquiry {
        padding: 20px 15px;
    }

    .car-enquiry .card-header {
        padding: 0px 0px;
    }

    .related-post {
        padding-top: 0rem !important;
    }

    .car-detail-slider .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -20px;
    }

    .detail-address {
        margin-top: 12px;
        font-size: 14px;
        margin-bottom: 0;
    }

    .car-detail-slider .owl-nav button {
        display: block;
        font-size: 1.3rem !important;
        line-height: 2em;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
    }

    .arrow-ribbon2:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -24px;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
        width: 0;
    }

    .ribbon {
        width: 150px;
        height: 150px;
        overflow: hidden;
        position: absolute;
        z-index: 10;
    }

    .power-ribbon {
        width: 56px;
        height: 56px;
        overflow: hidden;
        position: absolute;
        z-index: 10;
    }

    .power-ribbon span {
        position: absolute;
        display: block;
        width: 82px;
        padding: 8px 0;
        color: #fff;
        font: 500 16px/1 Lato, sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: capitalize;
        text-align: center;
    }

    .power-ribbon-top-left span {
        right: -5px;
        top: 1px;
        transform: rotate(-45deg);
    }

    .power-ribbon-top-left span i {
        transform: rotate(45deg);
        padding-top: 2px;
        padding-left: 7px;
    }

    .power-ribbon-top-left {
        top: -6px;
        left: -9px;
    }

    .ribbon::after,
    .ribbon::before {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid;
    }

    .ribbon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 8px 0;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: capitalize;
        text-align: center;
    }

    .ribbon-top-left {
        top: -10px;
        left: -10px;
    }

    .ribbon-top-left::after,
    .ribbon-top-left::before {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .ribbon-top-left::before {
        top: 0;
        right: 50px;
    }

    .ribbon-top-left::after {
        bottom: 50px;
        left: 0;
    }

    .ribbon-top-left span {
        right: -8px;
        top: 30px;
        transform: rotate(-45deg);
    }

    .ribbon-top-right {
        top: 0px;
        right: 0px;
    }

    .ribbon-top-right::after,
    .ribbon-top-right::before {
        border-top-color: transparent;
        border-right-color: transparent;
    }

    .ribbon-top-right::before {
        top: 0;
        left: 36px;
    }

    .ribbon-top-right::after {
        bottom: 36px;
        right: 0;
    }

    .ribbon-top-right span {
        left: -8px;
        top: 30px;
        transform: rotate(45deg);
    }

    .badge-offer {
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 2;
        padding: 5px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        font-size: 16px;
        height: 33px;
        width: 50px;
        margin-bottom: 0;
    }

    .badge-offer.bg-danger:after {
        border-top: 12px solid #ff382b;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-primary:after {
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-secondary:after {
        border-top: 12px solid #f6f7fb;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-success:after {
        border-top: 12px solid #05a01f;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-info:after {
        border-top: 12px solid #1da1f3;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-warning:after {
        border-top: 12px solid #ffa22b;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-purple:after {
        border-top: 12px solid #6d33ff;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer.bg-pink:after {
        border-top: 12px solid #ff2b88;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1 {
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 2;
        padding: 5px;
        font-weight: 400;
        text-align: center;
        color: #fff;
        font-size: 16px;
        height: 33px;
        width: 50px;
        margin-bottom: 0;
    }

    .badge-offer1.bg-danger:after {
        border-top: 12px solid #ff382b;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-primary:after {
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-secondary:after {
        border-top: 12px solid #f6f7fb;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-success:after {
        border-top: 12px solid #05a01f;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-info:after {
        border-top: 12px solid #1da1f3;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-warning:after {
        border-top: 12px solid #ffa22b;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-purple:after {
        border-top: 12px solid #6d33ff;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    .badge-offer1.bg-pink:after {
        border-top: 12px solid #ff2b88;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        top: 33px;
        width: 0;
    }

    /*----- Item Cards -----*/

    .item-card .cardtitle span {
        display: block;
        font-size: 0.75rem;
    }

    .item-card .cardtitle a {
        color: #1f252d;
        font-weight: 500;
        text-decoration: none;
    }

    .item-card .cardprice {
        position: absolute;
        top: 30px;
        right: 15px;
    }

    .item-card .cardprice span.type--strikethrough {
        opacity: 0.7;
        text-decoration: line-through;
    }

    .item-card .cardprice span {
        display: block;
        color: #1f252d;
    }

    .features {
        overflow: hidden;
    }

    .features h2 {
        font-weight: 600;
        margin-bottom: 12px;
        text-align: center;
        font-size: 2.2em;
    }

    .features h3 {
        font-size: 20px;
        font-weight: 500;
    }

    .features span {
        color: #43414e;
        display: block;
        font-weight: 400;
        text-align: center;
    }

    .feature .feature-svg {
        width: 25%;
    }

    .feature .feature-svg3 {
        width: 12%;
    }

    .col-sm-2 .feature {
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .feature .fea-icon {
        position: relative;
        display: inline-block;
        width: 3rem;
        height: 3rem;
        vertical-align: middle;
        padding-top: 8px;
        border-radius: 50%;
        color: #fff;
    }

    .feature .fea-icon i {
        font-size: 1.5rem;
    }

    .feature p {
        margin-bottom: 0;
    }

    .box-shadow-0 {
        box-shadow: none !important;
    }

    /*----- Ratings -----*/

    .rating-stars .rating-stars-container {
        font-size: 0;
    }

    .rating-stars .rating-stars-container .rating-star {
        display: inline-block;
        font-size: 32px;
        cursor: pointer;
        padding: 5px 8px;
        color: #ebeefb;
    }

    .rating-stars .rating-stars-container .rating-star.sm {
        display: inline-block;
        font-size: 14px;
        color: #83829c;
        cursor: pointer;
        padding: 1px;
    }

    .rating-stars .rating-stars-container .rating-star.is--active,
    .rating-stars .rating-stars-container .rating-star.is--hover {
        color: #f1c40f;
    }

    .rating-stars .rating-stars-container .rating-star.is--no-hover {
        color: #3e4b5b;
    }

    .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
        color: #3e4b5b;
    }

    .rating-stars input {
        display: none;
        margin: 0 auto;
        text-align: center;
        padding: 0.375rem 0.75rem;
        font-size: 0.9375rem;
        line-height: 1.6;
        color: #3d4e67;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #d8dde6;
        border-radius: 3px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .rating-stars.star input {
        display: none;
    }

    /*------ Message -----*/
    #messages-main {
        position: relative;
        margin: 0 auto;
    }

    #messages-main:after,
    #messages-main:before {
        content: " ";
        display: table;
    }

    #messages-main .ms-menu {
        position: absolute;
        left: 0;
        top: 0;
        border-right: 1px solid #d8dde6;
        padding-bottom: 50px;
        height: 100%;
        width: 240px;
        background: #fff;
    }

    #messages-main .ms-menu.toggled {
        display: block;
    }

    #messages-main .ms-body {
        overflow: hidden;
    }

    #messages-main .ms-user>div {
        overflow: hidden;
        padding: 3px 5px 0 15px;
        font-size: 11px;
    }

    #messages-main #ms-compose {
        position: fixed;
        bottom: 120px;
        z-index: 1;
        right: 30px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
    }

    #ms-menu-trigger {
        user-select: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 100%;
        padding-right: 10px;
        padding-top: 19px;
    }

    #ms-menu-trigger i {
        font-size: 21px;
    }

    #ms-menu-trigger.toggled i:before {
        content: "\f2ea";
    }

    .fc-toolbar:before,
    .login-content:after {
        content: "";
    }

    .message-feed {
        padding: 10px;
    }

    #footer,
    .fc-toolbar .ui-button,
    .fileinput .thumbnail,
    .four-zero,
    .four-zero footer>a,
    .ie-warning,
    .login-content,
    .login-navigation,
    .pt-inner,
    .pt-inner .pti-footer>a {
        text-align: center;
    }

    .message-feed.right>.pull-right {
        margin-left: 15px;
    }

    .message-feed.right .mf-content {
        background: #f1f5fd;
    }

    .mf-content {
        padding: 9px;
        border-radius: 2px;
        display: inline-block;
        max-width: 80%;
        position: relative;
    }

    .message-feed:not(.right) .mf-content:before {
        content: "";
        display: block;
        position: absolute;
        border: 10px solid transparent;
        left: -20px;
        top: 11px;
    }

    .message-feed.right .mf-content:before {
        content: "";
        display: block;
        position: absolute;
        border: 10px solid transparent;
        border-left-color: #f1f5fd;
        right: -20px;
        top: 11px;
    }

    .mf-date {
        display: block;
        margin-top: 7px;
    }

    .mf-date>i {
        font-size: 14px;
        line-height: 100%;
        position: relative;
        top: 1px;
    }

    .msb-reply {
        position: relative;
        margin-top: 3px;
        background: #fff;
        padding: 10px;
        border-radius: 0 7px 7px 7px;
    }

    .four-zero,
    .lc-block {
        box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
    }

    .msb-reply textarea {
        width: 100%;
        font-size: 13px;
        border: 0;
        padding: 10px 15px;
        resize: none;
        background: 0 0;
    }

    .msb-reply button {
        top: 0;
        right: 0;
        border: 0;
        height: 100%;
        width: 60px;
        font-size: 20px;
        color: #fff;
        border-radius: 0 3px 3px 0;
        line-height: 36px;
    }

    .img-avatar {
        height: 37px;
        border-radius: 2px;
        width: 37px;
    }

    .list-group.lg-alt .list-group-item {
        border: 0;
    }

    .p-15 {
        padding: 15px !important;
    }

    .action-header {
        position: relative;
        background: #f8f8f8;
        padding: 15px 13px 15px 17px;
    }

    .ah-actions {
        z-index: 3;
        float: right;
        margin-top: 7px;
        position: relative;
    }

    .actions {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .actions>li {
        display: inline-block;
    }

    .actions:not(.a-alt)>li>a>i {
        color: #939393;
    }

    .actions>li>a>i {
        font-size: 20px;
    }

    .actions>li>a {
        display: block;
        padding: 0 10px;
    }

    .ms-body {
        background: #fff;
        border-radius: 7px;
    }

    #ms-menu-trigger {
        user-select: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 50px;
        height: 100%;
        padding-right: 10px;
        padding-top: 19px;
        cursor: pointer;
    }

    #ms-menu-trigger,
    .message-feed.right {
        text-align: right;
    }

    #ms-menu-trigger,
    .toggle-switch {
        -webkit-user-select: none;
        -moz-user-select: none;
    }

    .message-feed.media .media-body {
        overflow: visible;
    }

    .message-feed.right .media-body {
        overflow: visible;
    }

    /*------Custom Css Elements -----*/
    .amcharts-chart-div a {
        display: none !important;
    }

    .canvasjs-chart-container a {
        display: none !important;
    }

    .rotation {
        -webkit-animation: rotation 2s infinite linear;
    }

    @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0);
        }

        to {
            -webkit-transform: rotate(359deg);
        }
    }

    .amChartsLegend.amcharts-legend-div {
        display: none;
    }

    .input-icon .form-group.is-empty .form-control {
        margin-bottom: 0;
    }

    .input-icon .form-group.is-empty {
        margin-bottom: 0;
    }

    .wizard-card .moving-tab {
        margin-top: 5px;
    }

    .wizard-card.form-group .form-control {
        background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));
    }

    .wizard-card .choice .icon {
        border: 4px solid #d8dde6 !important;
    }

    .wizard-container .wizard-navigation {
        background: #d8dde6;
    }

    .richText .richText-toolbar ul li a {
        border-right: #d8dde6 solid 1px;
    }

    .richText .richText-toolbar {
        border-bottom: #f1f5fd solid 1px;
    }

    .richText {
        border: #e5f0ff solid 1px;
        background-color: #f1f5fd;
    }

    .richText .richText-toolbar ul {
        background: #f6f7fb;
        border-bottom: #e5f0ff solid 1px;
    }

    .richText .richText-toolbar {
        background: #f6f7fb;
        border-top: #e5f0ff solid 1px;
    }

    .cal1 .clndr .clndr-table .header-days .header-day {
        border-left: 1px solid rgba(5, 117, 230, 0.1);
        border-top: 1px solid #d8dde6;
    }

    .cal1 .clndr .clndr-table tr .adjacent-month,
    .cal1 .clndr .clndr-table tr .empty,
    .cal1 .clndr .clndr-table tr .my-adjacent-month,
    .cal1 .clndr .clndr-table tr .my-empty {
        border-left: 1px solid #79c2b2;
        border-top: 1px solid #79c2b2;
        background: #f1f5fd;
    }

    .cal1 .clndr .clndr-table tr .day.event,
    .cal1 .clndr .clndr-table tr .day.my-event {
        background: #f6f7fb;
    }

    .cal1 .clndr .clndr-table tr .day.event:hover,
    .cal1 .clndr .clndr-table tr .day.my-event:hover {
        background: #15e0fd;
    }

    .cal1 {
        font-size: 14px;
        border: 1px solid #d8dde6;
    }

    .cal1 .clndr .clndr-table tr .day {
        border-left: 1px solid #d8dde6;
        border-top: 1px solid #d8dde6;
    }

    .cal1 .clndr .clndr-table tr .day:last-child {
        border-right: 1px solid #d8dde6;
    }

    .cal1 .clndr .clndr-table tr .day:hover {
        background: #e6f2fe;
    }

    .fc-unthemed .fc-content,
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-list-view,
    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead {
        border-color: rgb(227, 237, 252, 1);
    }

    .fc-event {
        border: 1px solid #d8dde6;
    }

    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-popover .fc-header {
        background: #f1f5fd;
    }

    .fc-toolbar .fc-state-active,
    .fc-toolbar .ui-state-active {
        background: #09acca;
    }

    .fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
        border: none !important;
        box-shadow: none !important;
    }

    .fc-unthemed .fc-list-item:hover td {
        background-color: #f1f5fd;
    }

    .conv-form-wrapper div#messages div.message.to {
        background: rgb(240, 237, 247);
    }

    #sidebar .accordion-toggle i {
        color: #fff;
        height: 30px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 30px !important;
        border-radius: 50%;
    }

    #sidebar ul li.active>a:hover {
        background: rgba(0, 0, 0, 0.01);
        border-radius: 7px;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    #sidebar ul li a {
        color: #bec8d6;
        font-weight: 300;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    #sidebar ul li a .fa {
        width: 26px;
        opacity: 0.99;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        -webkit-font-smoothing: antialiased;
        text-shadow: none;
    }

    #sidebar li a[aria-expanded="true"] {
        background: #0d102c;
        color: #fff;
        box-shadow: 0 0 10px #9ecaed;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    #sidebar li a[aria-expanded="true"].active:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 100%;
        display: block;
        box-shadow: 0 0 14px 0 #0f75ff;
    }

    #sidebar .collapse li a:hover {
        background: rgba(0, 0, 0, 0.01);
        border-radius: 7px;
    }

    .timeline__content {
        background-color: #eaf0f9;
    }

    .tab_wrapper>ul li {
        border: 1px solid #d8dde6;
        border-top: 3px solid #d8dde6;
    }

    .tab_wrapper>ul {
        border-bottom: 1px solid #d8dde6;
    }

    .tab_wrapper.right_side .content_wrapper {
        border: 1px solid #d8dde6;
    }

    .tab_wrapper.right_side>ul li.active {
        border-color: #d8dde6;
    }

    .tab_wrapper.right_side>ul {
        border-bottom: 1px solid #d8dde6;
    }

    .tab_wrapper.right_side>ul li:after {
        background: #d8dde6;
    }

    .job-box-filter label {
        width: 100%;
    }

    .job-box-filter select.input-sm {
        display: inline-block;
        max-width: 120px;
        margin: 0 5px;
        border: 1px solid #d8dde6;
        border-radius: 2px;
        height: 34px;
        font-size: 15px;
    }

    .job-box-filter label input.form-control {
        max-width: 200px;
        display: inline-block;
        border: 1px solid #d8dde6;
        border-radius: 2px;
        margin-left: 5px;
        font-size: 15px;
    }

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

    .job-box-filter {
        padding: 12px 15px;
        border-bottom: 1px solid #d8dde6;
    }

    .job-box {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

    .job-box-filter a.filtsec {
        margin-top: 8px;
        display: inline-block;
        margin-right: 15px;
        padding: 4px 10px;
        font-family: Quicksand, sans-serif;
        transition: all ease 0.4s;
        background: #edf0f3;
        border-radius: 50px;
        font-size: 13px;
        color: #81a0b1;
        border: 1px solid #e2e8ef;
    }

    .job-box-filter a.filtsec.active {
        color: #fff;
        background: #16262c;
        border-color: #16262c;
    }

    .job-box-filter a.filtsec i {
        color: #03a9f4;
        margin-right: 5px;
    }

    .job-box-filter a.filtsec:focus,
    .job-box-filter a.filtsec:hover {
        color: #fff;
        background: #07b107;
        border-color: #07b107;
    }

    .job-box-filter a.filtsec:focus i,
    .job-box-filter a.filtsec:hover i {
        color: #fff;
    }

    .job-box-filter h4 i {
        margin-right: 10px;
    }

    .inbox-message ul {
        padding: 0;
        margin: 0;
    }

    .inbox-message ul li {
        list-style: none;
        position: relative;
        padding: 15px 20px;
        border-bottom: 1px solid #d8dde6;
    }

    .inbox-message ul li:focus,
    .inbox-message ul li:hover {
        background: #f1f5fd;
    }

    .inbox-message .message-avatar {
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
    }

    .message-avatar img {
        display: inline-block;
        width: 54px;
        height: 54px;
        border-radius: 50%;
    }

    .inbox-message .message-body {
        margin-left: 85px;
        font-size: 15px;
        color: #a7b4c9;
    }

    .message-body-heading h5 {
        font-weight: 600;
        display: inline-block;
        color: #a7b4c9;
        margin: 0 0 7px 0;
        padding: 0;
    }

    .message-body h5 span {
        border-radius: 50px;
        line-height: 14px;
        font-size: 12px;
        color: #fff;
        font-style: normal;
        padding: 4px 10px;
        margin-left: 5px;
        margin-top: -5px;
    }

    .message-body h5 span.unread {
        background: #07b107;
    }

    .message-body h5 span.important {
        background: #dd2027;
    }

    .message-body h5 span.pending {
        background: #2196f3;
    }

    .message-body-heading span {
        float: right;
        font-size: 14px;
    }

    .messages-inbox .message-body p {
        margin: 0;
        padding: 0;
        line-height: 27px;
        font-size: 15px;
    }

    @media (max-width: 320px) {
        .perfect-datetimepicker {
            font-size: 12px !important;
        }
    }

    @media (max-width: 600px) {
        .job-box-filter label {
            width: 100%;
            text-align: center;
        }

        .message-body h5 span.pending,
        .message-body h5 span.unread {
            display: none;
        }
    }

    /*------ Video -----*/
    #index-video .index-video-container {
        position: relative;
        overflow: hidden;
    }

    #index-video .index-video-container:after {
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0.7;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    #index-video .index-video-container .videocaption {
        left: 1%;
        position: absolute;
        right: 1%;
        text-align: center;
        top: 30%;
        z-index: 2;
    }

    @media (min-width: 569px) and (max-width: 992px) {
        #index-video .index-video-container .videocaption {
            top: 33%;
        }

        .item-card-img h3.text-white {
            font-size: 1rem;
        }

        .item-card2 h4.bg-light.p-3 {
            font-size: 0.8rem;
        }
    }

    @media (max-width: 448px) {
        #index-video .index-video-container .videocaption {
            top: 12%;
        }
    }

    #index-video .index-video-container .videocaption h2 {
        color: #fff;
        font-size: 4.5em;
        font-weight: 900;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: none;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        -o-text-overflow: clip;
        text-overflow: clip;
        text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2),
            0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902);
        -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
        -moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
        -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
        transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
    }

    #index-video .index-video-container .videocaption h4 {
        color: #fff;
        font-size: 2em;
        margin-top: 25px;
    }

    #index-video .index-video-container .videocaption .btn-slide {
        background: #f62459;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin: 25px auto 10px auto;
        padding: 20px 50px;
        border-radius: 0;
        text-transform: uppercase;
    }

    #index-video .index-video-container .videocaption .btn-slide:hover {
        background: #fff;
        color: #333;
    }

    #index-video video {
        width: 100%;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .video-list-thumbs>li {
        margin-bottom: 12px;
    }

    .video-list-thumbs>li>a {
        display: block;
        position: relative;
        color: #6b6f80;
        padding: 8px;
        border-radius: 3px;
        transition: all 0.5s ease-in-out;
        border-radius: 4px;
    }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 14px;
        height: 33px;
        margin: 8px 0 0;
    }

    .video-list-thumbs span {
        font-size: 50px;
        opacity: 0.8;
        position: absolute;
        right: 0;
        left: 0;
        top: 42%;
        margin: 0 auto;
        text-align: center;
        transition: all 0.5s ease-in-out;
    }

    @media (max-width: 768px) {
        .video-list-thumbs span {
            top: 29%;
        }
    }

    .video-list-thumbs>li>a:hover .fa {
        color: #fff;
        opacity: 1;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    }

    .video-list-thumbs .duration {
        background-color: rgba(0, 0, 0);
        border-radius: 0;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        left: 12px;
        line-height: 9px;
        padding: 5px 8px;
        position: absolute;
        bottom: 12px;
        transition: all 0.5s ease;
    }

    .video-list-thumbs>li>a:hover .duration {
        background-color: #000;
    }

    @media (min-width: 320px) and (max-width: 480px) {
        .video-list-thumbs .fa {
            font-size: 35px;
        }

        .video-list-thumbs h2 {
            bottom: 0;
            font-size: 12px;
            height: 22px;
            margin: 8px 0 0;
        }
    }

    /*------Extra Css Elements -----*/
    @media (max-width: 992px) {
        .navtab-wizard li a {
            padding: 1rem !important;
        }

        .search-background {
            background: 0 0;
            border-radius: 0;
        }

        .top-cities img {
            width: 30% !important;
        }

        .search-background .form-group {
            margin-bottom: 10px !important;
        }

        .filter-product-info .table td {
            display: -webkit-box;
            padding: 3px !important;
        }

        .product-singleinfo .border-left {
            border-left: 0 !important;
        }

        .support .border-right {
            border-right: 0 !important;
        }

        .support-service.bg-dark {
            margin-bottom: 10px;
        }

        .wideget-user-info .wideget-user-warap .wideget-user-warap-r {
            margin-left: 5rem !important;
        }

        .wideget-user-desc .user-wrap {
            margin-top: 0 !important;
            margin-left: 10px !important;
        }

        .product-singleinfo .product-item2-align dt {
            width: 0 !important;
            float: none !important;
        }

        .product-singleinfo .product-item2-align dt,
        dd {
            display: -webkit-box !important;
        }

        .product-singleinfo .product-item2-align dd {
            margin-left: 0 !important;
        }

        .item-single .item-single-desc .item-single-desc1 {
            display: block !important;
        }

        .product-5-desc a {
            float: right;
        }

        .get-contact a:last-child {
            margin-right: 0;
        }

        .header-search .header-nav .nav-cart .icon-cart span {
            display: none;
        }

        .header-nav .header-search-logo .header-logo .header-brand-img {
            height: auto;
            line-height: 2rem;
            vertical-align: bottom;
            margin-right: 0.5rem;
            width: auto;
        }

        .header-search .header-search-logo {
            text-align: center;
        }

        .wideget-user .wideget-user-desc .user-wrap a.btn {
            margin-bottom: 5px;
        }

        .product-single .product-thumbimg {
            margin-bottom: 10px;
        }

        .product-single .product-info a {
            margin-bottom: 10px;
        }

        .item-single .item-single-desc .input-group {
            margin-bottom: 10px;
        }

        .product-item2-desc .label-rating {
            margin-right: 4px !important;
        }

        .card-blogs .card-item-desc.p-0 {
            margin-left: 15px;
        }

        .license-card-price.text-center {
            text-align: left !important;
        }

        .product-details td a.btn {
            margin-bottom: 5px;
        }

        .wideget-user-info .wideget-user-warap {
            margin-top: 15px;
        }

        .product-singleinfo .product-item2-desc {
            margin-bottom: 10px;
        }

        .header-search .header-inputs .input-group-prepend {
            width: 100%;
            margin-bottom: 10px;
        }

        .header-search .header-inputs .input-group>.form-control {
            width: 100%;
            margin-bottom: 10px;
        }

        .header-search .header-inputs .input-group-append {
            width: 100%;
            margin-bottom: 15px;
        }

        .header-search .header-inputs .input-group-append>.btn {
            width: 100%;
            display: block;
        }

        .header-main .get-contact a {
            border-left: 0 !important;
            padding-left: 0 !important;
        }

        .header-main .get-contact {
            margin-bottom: 15px;
        }

        .header-main .social-icons {
            text-align: center;
            float: none !important;
        }

        .header-main .social-icons li:last-child {
            margin-right: 0;
        }

        .header-search .header-icons .header-icons-link li {
            margin: 0 auto !important;
        }

        .header-search .header-icons {
            float: none !important;
            text-align: center !important;
        }

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

        .top-bar .top-bar-left .contact {
            border-left: 0 !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        .top-bar .top-bar-left .contact li {
            margin: 0 !important;
        }

        .item-search-menu ul li {
            text-align: center;
            border-radius: 3px;
        }

        .item-search-menu ul li a {
            border-radius: 3px !important;
        }

        .item-search-tabs .form-group:last-child {
            margin-bottom: 0 !important;
        }

        .item-search-tabs .form-group {
            margin-bottom: 10px !important;
        }

        .item-search-tabs .bg-white {
            background: 0 0 !important;
        }

        .item-search-tabs .tab-content {
            background: 0 0 !important;
            border: 0 !important;
        }

        .item1-card .item1-card-btn {
            margin-top: 15px;
        }

        .item1-card .item1-card-info {
            margin-top: 15px;
        }

        .items-blog-tab-heading .items-blog-tab-menu li {
            text-align: center;
            margin-bottom: 10px;
        }

        .items-blog-tab-heading .items-blog-tab-menu li a {
            display: block;
        }

        .item2-gl .item2-gl-nav select {
            text-align: center;
        }

        .item2-gl-nav h6 {
            text-align: center;
        }

        .item-card .item-card-img img {
            width: 100%;
        }

        .item-card2-img img {
            width: 100%;
        }

        .item-card9-img img {
            width: 100%;
        }

        .product-info .product-info-img img {
            width: 100%;
        }

        .item-card4-img img {
            width: 100%;
        }

        .item-card5-img img {
            width: 100%;
        }

        .item-card7-img img {
            width: 100%;
        }

        .item-card8-img img {
            width: 100%;
        }

        .overview .overview-img img {
            width: 100%;
        }

        .video-list-thumbs img {
            width: 100%;
        }

        .search1 {
            background: 0 0 !important;
        }

        .search1 .form-group {
            margin-bottom: 15px !important;
        }

        .search2 a.btn {
            margin-top: 15px;
        }

        .search3 {
            background: 0 0 !important;
        }

        .search3 .form-group {
            margin-bottom: 15px !important;
        }

        .item-user-icons {
            margin-left: 10px;
        }

        .item1-card-tab .item1-tabs-menu ul li {
            width: 100%;
            text-align: center;
            margin-bottom: 15px;
        }

        .item1-card-tab .item1-tabs-menu ul li:last-child {
            margin-bottom: 0;
        }

        .user-wideget h6 {
            margin-top: 5px;
        }

        .header-main .top-bar .contact {
            display: none;
        }

        .header-main .top-bar.p-3 .contact {
            display: none;
        }

        .bannerimg .header-text h1 {
            display: block;
            margin-bottom: 0.5rem;
            font-size: 2rem;
        }

        .all-categories .row .card-body {
            border-bottom: 0 !important;
        }

        .ace-responsive-menu {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .item-card9-desc a {
            font-size: 12px;
        }

        .item-card2-footer a {
            font-size: 12px;
        }

        .item7-card-desc a {
            font-size: 12px;
        }

        .map-header1 {
            margin-bottom: 1.5rem !important;
        }

        .carousel-control-next {
            right: 0 !important;
        }

        .carousel-control-prev {
            left: 0 !important;
        }

        .app-btn a {
            width: 100%;
            margin-bottom: 1rem;
        }

        .app-btn a:last-child {
            margin-bottom: 0;
        }

        .sub-newsletter {
            margin-bottom: 1rem;
            text-align: center;
            display: block !important;
        }

        .fea-ad .card {
            margin-bottom: 1.5rem !important;
        }

        .cat-slide .card {
            margin-bottom: 1.5rem !important;
        }

        .product-slider .thumbcarousel .carousel-item .thumb {
            max-width: 85px !important;
        }

        .advertisment-block img {
            width: 100%;
        }

        .usertab-list li {
            width: 100% !important;
        }

        .userprof-tab .media {
            display: block !important;
        }

        .userprof-tab .media-body {
            display: contents;
            width: 100%;
        }

        .userprof-tab .media-body .card-item-desc {
            margin-left: 0 !important;
        }

        .userprof-tab .btn {
            margin-bottom: 0.3rem;
        }

        .page-header .page-select {
            width: 35% !important;
        }

        .customerpage .card {
            margin-bottom: 1.5rem !important;
        }

        .ads-tabs .tabs-menus ul li a {
            padding: 8px 10px 8px 10px !important;
            text-align: center;
        }

        .ads-tabs .tabs-menus ul {
            text-align: center;
        }

        .ads-tabs .tabs-menus ul li {
            display: -webkit-box;
            text-align: center;
            margin-bottom: 1.5rem;
        }

        .ads-tabs .tabs-menus ul li:last-child {
            margin-bottom: 0;
        }

        .settings-tab .tabs-menu li a {
            border-right: 0 !important;
            border-bottom: 1px solid rgba(167, 180, 201, 0.2);
        }
    }

    @media (max-width: 320px) {
        .product-item2-desc .label-rating {
            float: none !important;
            margin-top: 4px !important;
        }
    }

    @media (min-width: 569px) and (max-width: 767px) {
        .product-item2-desc .label-rating {
            float: none !important;
            margin-top: 4px !important;
        }
    }

    @media (max-width: 400px) {
        .item-search-menu ul li a {
            width: 100%;
            display: block;
            margin: 0 0 8px 0 !important;
        }
    }

    @media (max-width: 767px) {
        .item2-gl-nav {
            display: block !important;
        }

        .item2-gl-nav .item2-gl-menu li {
            text-align: center;
            margin-bottom: 10px;
            margin: 0 auto;
            padding: 10px 0;
        }

        .item2-gl-nav label {
            display: block;
            float: none;
            text-align: center;
            width: 20%;
        }

        .selectgroup-button {
            font-size: 0.8375rem;
        }

        .item2-gl-nav .d-flex {
            text-align: center;
            width: 100%;
        }

        .item2-gl-nav .form-control.select-sm.w-70 {
            width: 70% !important;
        }
    }

    @media (max-width: 1024px) {
        .item2-gl-nav {
            display: block !important;
        }

        .item2-gl-nav .item2-gl-menu li {
            text-align: center;
            margin-bottom: 10px;
            padding: 10px 0;
        }

        .item2-gl-nav label {
            display: block;
            float: none;
            text-align: center;
        }
    }

    @media (max-width: 568px) {
        .selectgroup {
            display: block !important;
        }

        .item2-gl-nav label {
            width: 100%;
        }

        .items-blog-tab-heading .items-blog-tab-menu li {
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

        .header-main .top-bar-right .custom {
            text-align: right;
            float: right;
            margin-bottom: 0 !important;
        }

        .settings-tab .tabs-menu li {
            width: 100% !important;
        }

        .top-bar .top-bar-right {
            float: none !important;
            text-align: center;
            display: block !important;
            margin: 0 auto;
        }

        .header-main .top-bar-right .custom li {
            margin-bottom: 0.5rem;
        }

        .header-main .top-bar-right .custom li a span {
            display: none;
        }

        .top-bar .top-bar-left .socials li {
            float: left !important;
            margin: 9px 11px !important;
        }

        .item2-gl .item2-gl-nav select {
            width: 100% !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1300px) {
        .product-slider .thumbcarousel .carousel-item .thumb {
            max-width: 85px !important;
        }
    }

    @media (min-width: 569px) and (max-width: 992px) {
        .top-bar .top-bar-left .socials li {
            margin: 9px 12px !important;
        }
    }

    @media (min-width: 481px) and (max-width: 992px) {
        .owl-product .owl-productimg {
            width: 100% !important;
            height: 100% !important;
            margin: 0 auto;
        }

        .art-wideget .art-details {
            margin-top: 10px;
        }

        .header-search .header-icons .header-icons-link1 .main-badge1 {
            top: -11px !important;
        }

        .user-wideget .widget-image {
            top: 50% !important;
        }

        .banner1 .header-text h2 span {
            padding: 0 !important;
        }

        .banner1 .header-text h3 span {
            padding: 0 !important;
        }

        .banner1 .header-text {
            top: 20% !important;
        }

        .item-card:hover .item-card-btn {
            left: 42%;
        }

        .product-img {
            margin: 0 auto;
            text-align: center;
        }

        .banner-2 .header-text {
            top: 0.5rem !important;
        }

        .banner-2 img {
            height: 33rem;
        }

        .item-search-tabs {
            margin-top: 1rem !important;
        }

        .userprof-tab .media {
            display: block !important;
        }

        .userprof-tab .media-body {
            display: contents;
            width: 100%;
        }

        .userprof-tab .media-body .card-item-desc {
            margin-left: 0 !important;
        }

        .userprof-tab .btn {
            margin-bottom: 0.3rem;
        }

        .wideget-user-tab .tabs-menu1 ul li a {
            padding: 5px !important;
        }

        .wideget-user-tab .tab-menu-heading .nav li a {
            font-size: 14px !important;
        }

        .header-search .header-search-logo {
            margin-top: 5px;
        }

        .header-main .post-btn {
            margin-top: 3px;
        }
    }

    @media (min-width: 992px) and (max-width: 1024px) {
        .item-card .item-card-img img {
            width: 100%;
        }

        .item-card2-img img {
            width: 100%;
        }

        .item-card9-img img {
            width: 100%;
        }

        .product-info .product-info-img img {
            width: 100%;
        }

        .item-card4-img img {
            width: 100%;
        }

        .item-card5-img img {
            width: 100%;
        }

        .item-card7-img img {
            width: 100%;
        }

        .item-card8-img img {
            width: 100%;
        }

        .overview .overview-img img {
            width: 100%;
        }

        .video-list-thumbs img {
            width: 100%;
        }

        .header-main .get-contact a {
            border-left: 0 !important;
            padding-left: 0 !important;
        }

        .header-main .get-contact {
            margin-bottom: 15px;
        }

        .header-search .header-inputs {
            margin-bottom: 15px;
        }

        .header-main .social-icons {
            text-align: center;
            float: none !important;
        }

        .header-main .social-icons li:last-child {
            margin-right: 0;
        }

        .header-search .header-icons .header-icons-link {
            float: right;
        }

        .header-search .header-icons {
            float: none !important;
            text-align: center !important;
        }

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

        .top-bar .top-bar-left {
            text-align: center;
        }

        .top-bar .top-bar-left .contact {
            border-left: 0 !important;
            margin-left: 0 !important;
            padding-left: 0 !important;
            margin: 12px 0 !important;
        }

        .top-bar .top-bar-left .socials li {
            margin: 12px 15px !important;
        }

        .top-bar .top-bar-right {
            float: none !important;
            text-align: center;
            display: block !important;
            margin: 0 auto;
        }

        .top-bar .top-bar-left .contact li:first-child {
            margin-right: 1.5rem !important;
        }

        .product-multiinfo .product-ship p a:first-child {
            margin-bottom: 5px;
        }

        .product-singleinfo .product-ship p a:first-child {
            margin-bottom: 5px;
        }

        .banner-2 img {
            height: 27rem;
        }

        .items-blog-tab-heading .items-blog-tab-menu li {
            text-align: center;
            margin-bottom: 10px;
        }

        .ace-responsive-menu {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        .header-main .top-bar-right .custom {
            display: -webkit-inline-box !important;
            margin-bottom: 0.8rem !important;
            margin-top: 0.8rem !important;
        }

        .icon-card li {
            font-size: 10px;
        }

        .support-service.bg-dark {
            margin-bottom: 10px;
        }

        .cat-slide .card {
            margin-bottom: 1.5rem !important;
        }

        .fea-ad .card {
            margin-bottom: 1.5rem !important;
        }

        .advertisment-block img {
            width: 100%;
        }

        .header-main .post-btn {
            margin-top: 5px;
        }

        .customerpage .card {
            margin-bottom: 1.5rem !important;
        }

        .ads-tabs .tabs-menus ul li a {
            padding: 8px 10px 8px 10px !important;
        }
    }

    @media (max-width: 480px) {
        .item-all-card img.imag-service {
            width: 20% !important;
        }

        .section-title h1 {
            font-size: 2rem;
        }

        .item-all-cat .category-type .item-all-card img {
            width: 4rem !important;
            height: 4rem !important;
            padding: 1rem 0 !important;
        }

        .banner1 .header-text h2 span {
            padding: 0 !important;
        }

        .banner1 .header-text h2 {
            font-size: 18px !important;
        }

        .banner1 .header-text h3 {
            font-size: 14px !important;
        }

        .banner1 .header-text h3 span {
            padding: 0 !important;
        }

        .card-blogs .card-item-desc.p-0 .card-item-wrap .footer-wrap-price del {
            display: none;
        }

        .card-blogs .card-item-desc.p-0 .card-item-wrap .footer-wrap-price span.h5 {
            font-size: 12px !important;
        }

        .card-pay .tabs-menu li {
            width: 100% !important;
        }

        .header-search .header-icons .header-icons-link1 .main-badge1 {
            top: -19px !important;
        }

        .product-details .card-item-desc {
            display: none !important;
        }

        .art-wideget .art-details {
            margin-top: 10px;
        }

        .support .support-service i {
            float: none !important;
            margin-right: 0 !important;
            margin-bottom: 20px;
        }

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

        .banner-1 {
            height: 620px;
        }

        .item-card7-desc ul li {
            font-size: 12px;
        }

        .item-card2-desc ul li {
            font-size: 12px;
        }

        .banner-2 .header-text {
            top: 0.5rem !important;
        }

        .banner-2 img {
            height: 33rem;
        }

        .item-search-tabs {
            margin-top: 0rem !important;
        }

        .bannerimg .header-text {
            font-size: 1.5rem;
        }

        .bannerimg .header-text .breadcrumb-item {
            font-size: 14px;
        }

        .icons a {
            margin-bottom: 0.5rem;
        }

        .item-det ul li {
            font-size: 11px;
            margin-right: 0.5rem !important;
        }

        .product-slider .thumbcarousel .carousel-item .thumb {
            max-width: 60px !important;
        }

        .userprof-tab .media {
            display: block !important;
        }

        .userprof-tab .media-body {
            display: contents;
            width: 100%;
        }

        .userprof-tab .media-body .card-item-desc {
            margin-left: 0 !important;
        }

        .userprof-tab .btn {
            margin-bottom: 0.3rem;
        }
    }

    @media (max-width: 992px) {
        .horizontal-header .container {
            position: relative;
        }
    }

    @media (max-width: 320px) {
        .item-card7-desc ul li {
            font-size: 11px;
        }

        .item-card2-desc ul li {
            font-size: 11px;
        }

        .item-card .item-card-desc .item-card-text {
            top: 5.5rem !important;
        }

        .item7-card-desc a {
            font-size: 11px;
        }
    }

    @media (max-width: 375px) {
        .product-slider .thumbcarousel .carousel-item .thumb {
            max-width: 49px !important;
        }
    }

    @media (max-width: 320px) {
        .product-slider .thumbcarousel .carousel-item .thumb {
            max-width: 40px !important;
        }
    }

    @media (max-width: 1336px) {
        .filter-product-info .table td {
            display: -webkit-box;
            padding: 3px !important;
        }
    }

    .all-categories .row .card-body {
        border-bottom: 1px solid #d8dde6;
    }

    .all-categories .row:last-child .card-body {
        border-bottom: 0 !important;
    }

    .clear,
    .current,
    .ok {
        background: #e9ecfb;
        border-radius: 20px;
    }

    .today {
        background: #e9ecfb;
    }

    .graph canvas {
        width: 100% !important;
    }

    .trend i {
        font-size: 10px !important;
        vertical-align: middle;
    }

    .trend .media-body {
        margin-left: 10px;
    }

    .widgetdate {
        float: right;
        border-radius: 4px;
        background: #fff;
        padding: 0 15px;
    }

    .widgetdate p {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .widgetdate h6 {
        font-size: 22px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .footerimg img {
        width: 35px;
        height: 35px;
    }

    .card-img-overlay1 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1.25rem;
    }

    .card-img-overlay1 .card-trans {
        position: absolute;
        bottom: 20px;
        left: 15px;
        right: 15px;
        background: #0d102c;
        padding: 20px;
        border-radius: 7px;
    }

    .card-img-overlay1 .widgetbox {
        top: 0;
        left: 0;
        border-radius: 7px;
        background: #fff;
        padding: 0 15px 0 15px;
    }

    .user-wideget-text {
        position: relative;
        margin-bottom: -38px;
    }

    .widget-image img {
        width: 50px;
        height: 50px;
        border: 5px solid #fff;
    }

    .wideget-img {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 1.25rem;
    }

    .datebox {
        top: 0;
        left: 0;
        border-radius: 7px;
        background: #fff;
        padding: 0 15px 0 15px;
    }

    .iconbage .badge {
        position: absolute;
        top: 14px;
        right: 13px;
        padding: 0.2rem 0.25rem;
        min-width: 1rem;
        font-size: 13px;
    }

    .single-product .product-desc .product-icons .socialicons a {
        width: 2em;
        height: 2em;
        line-height: 2em;
        border-radius: 50%;
        font-size: 1em;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #eef2f9;
        color: #080e1b;
        margin: 0 auto;
        text-align: center;
    }

    .card-blog-overlay6 {
        background: url(../images/banners/subscribe.jpg);
        background-size: cover;
    }

    .card-blog-overlay6:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(107, 34, 251, 0.6);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .card-aside-column1 {
        min-width: 8rem;
        width: 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        background: no-repeat center/cover;
    }

    .blogimg {
        width: 100px;
    }

    .subnews img {
        width: 25%;
        height: 25%;
    }

    .task-img img {
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }

    .status-img img {
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }

    .product-hover {
        position: relative;
    }

    .product-hover .product-info-buttons {
        position: absolute;
        display: none;
        text-align: center;
        top: 45%;
        margin: 0 auto;
        left: 0;
        width: 100%;
        height: 100%;
        right: 0;
    }

    .product-hover:hover.product-hover:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }

    .product-hover:hover .product-info-buttons {
        display: block;
        z-index: 1000;
    }

    .spacing {
        padding: 1.5rem;
    }

    .search-background {
        background: #fff;
        border-radius: 3px;
        overflow: hidden;
    }

    .search1 {
        background: #fff;
        border-radius: 2px;
        overflow: hidden;
    }

    .search2 {
        background: #fff;
        padding: 30px;
        border-radius: 2px;
        overflow: hidden;
    }

    .search3 {
        background: #fff;
        border-radius: 2px;
    }

    .search3 a.btn {
        font-size: 0.8625rem;
    }

    .card-blog-img {
        background: url(../images/photos/about.html);
        background-size: cover;
    }

    .card-blog-img:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(22, 41, 70, 0.8);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .product-single .product-thumbimg img {
        width: 130px;
        height: 130px;
    }

    .page-header .page-select {
        width: 20%;
    }

    .footer-main .social li {
        float: left;
        margin-right: 15px;
        display: inline-block;
        list-style: none;
        font-size: 20px;
    }

    .footer-main .social li a {
        color: #a7b4c9;
        line-height: 0;
    }

    .social li {
        float: left;
        margin-right: 15px;
        display: inline-block;
        list-style: none;
        font-size: 15px;
        float: right;
    }

    .social-icons li a {
        color: #fff;
    }

    .social-icons li {
        margin-right: 15px;
        display: inline-block;
        list-style: none;
        font-size: 15px;
        width: 40px;
        height: 40px;
        margin: 1px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.2);
        line-height: 40px;
    }

    .social li a {
        color: rgb(255, 255, 255, 0.6);
        line-height: 0;
    }

    .footer-main .payments li {
        float: left;
        margin-right: 15px;
        display: inline-block;
        list-style: none;
        font-size: 20px;
    }

    .footer-main .payments li a {
        color: rgb(255, 255, 255, 0.6);
        line-height: 0;
    }

    .footer-main h6 {
        font-size: 18px;
        margin-bottom: 1.2rem;
    }

    footer .border-bottom {
        border-bottom: 1px solid rgba(167, 180, 201, 0.1) !important;
    }

    .footer-main p {
        color: rgba(255, 255, 255, 0.7);
        /* direction: rtl;
        unicode-bidi: bidi-override; */
    }

    .footer-main a {
        line-height: 2;
        transition: opacity 0.2s;
        color: rgb(165, 165, 165);
    }

    .footer-main.footer-main1 a {
        color: #080e1b;
    }

    .footer-main.footer-main1 .form-control {
        border: 1px solid #d8dde6 !important;
    }

    .footer-links a {
        color: rgba(255, 255, 255, 0.8);
    }

    .footer-links a:hover {
        text-decoration: none;
    }

    .footer-main .btn-primary {
        color: #fff;
        background-color: #3e4a9f;
        border-color: #3e4a9f;
    }

    @media (max-width: 992px) {
        .footer-main h6 {
            margin-top: 2rem;
        }

        footer.bg-dark .text-left {
            text-align: center !important;
        }

        footer.bg-dark .social li {
            float: none;
            text-align: center;
        }

        footer.bg-dark .social {
            text-align: center;
        }

        .footer-main .row div:first-child h6 {
            margin-top: 0;
        }
    }

    .list-catergory ul li {
        line-height: 2;
    }

    .product-tags a {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 5px 10px;
        border-radius: 2px;
        color: #1a1a1a;
        font-size: 12px;
        border: 1px solid #d8dde6;
    }

    .product-tags li a:hover {
        border-radius: 2px;
        color: #fff !important;
    }

    .media-posts {
        width: 100%;
        height: 233px;
        overflow: hidden;
    }

    .media-posts:hover {
        overflow: scroll;
    }

    .icon-bg i {
        font-size: 1.5rem;
    }

    .icon-service {
        display: inline-flex;
        width: 120px;
        height: 120px;
        text-align: center;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }

    .bg-success-transparent {
        background: rgb(7, 161, 33, 0.2) !important;
    }

    .bg-secondary-transparent {
        background: rgb(24, 43, 72, 0.2) !important;
    }

    .bg-primary-transparent {
        background: rgba(255, 162, 43, 0.3) !important;
    }

    .bg-info-transparent {
        background: rgba(0, 214, 230, 0.3) !important;
    }

    .bg-warning-transparent {
        background: rgba(255, 162, 43, 0.3) !important;
    }

    .bg-danger-transparent {
        background: rgba(255, 56, 43, 0.1) !important;
    }

    .bg-pink-transparent {
        background: rgba(255, 43, 136, 0.1) !important;
    }

    .bg-purple-transparent {
        background: rgba(96, 77, 216, 0.2) !important;
    }

    .bg-dark-transparent {
        background: rgba(0, 0, 0, 0) !important;
    }

    .bg-dark-transparent-2 {
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.35);
        background: rgba(0, 0, 0, 0.25) !important;
        padding: 35px 30px;
    }

    .bg-primary-transparent-2 {
        background: rgb(230, 123, 14, 0.9) !important;
    }

    .box-shadow {
        box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15) !important;
    }

    .support-service {
        padding: 1.5rem 1.5rem;
        border: 1px solid #d8dde6;
        background: #f2f3f8;
    }

    .support-service i {
        float: left;
        margin-right: 15px;
        font-size: 1.5rem;
        line-height: 40px;
        width: 45px;
        text-align: center;
        height: 45px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .support-service h6 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .support-service p {
        margin-bottom: 0;
        font-size: 15px;
        color: rgba(255, 255, 255, 0.5);
    }

    .counter-icon {
        margin-bottom: 1rem;
        display: inline-flex;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        text-align: center;
    }

    .counter-icon i {
        font-size: 1.5rem;
        line-height: 5rem;
        margin: 0 auto;
        text-align: center;
    }

    .get-contact a {
        color: #212529;
        margin-right: 15px;
        font-size: 16px;
        display: inline-block;
    }

    .get-contact i {
        font-size: 18px;
    }

    .filter-product-social .social-icon2 li {
        color: #212529;
        margin-right: 35px;
        display: inline-block;
        list-style: none;
        font-size: 20px;
    }

    .filter-product-social .social-icons li a {
        color: #212529;
    }

    .header-main .social-icons {
        float: right;
    }

    .header-main .social-icons li {
        color: #212529;
        margin-right: 35px;
        display: inline-block;
        list-style: none;
        font-size: 20px;
    }

    .header-main .social-icons li a {
        color: #212529;
    }

    .header-search {
        padding: 1.5rem 1.5rem;
        background: #fff;
    }

    .header-search .header-icons .header-icons-link {
        display: flex;
        margin-bottom: 0;
    }

    .header-search .header-icons .header-icons-link li {
        background: #f1f5fd;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        text-align: center;
        line-height: 2.5;
        margin-right: 5px;
    }

    .header-search .header-icons .header-icons-link .header-icons-link1,
    .header-search .header-icons .header-icons-link .header-icons-link2 {
        width: 2.5rem;
        text-align: center;
        height: 2.5rem;
        font-size: 16px;
        position: relative;
    }

    .header-search .header-icons .header-icons-link1 .main-badge1 {
        position: absolute;
        top: -9px;
        right: -15px;
        text-align: center;
        font-size: 10px;
    }

    .header-search .header-icons .header-icons-link.icons li {
        background: #fff;
    }

    .top-bar {
        border-bottom: 1px solid #02629f;
        background: #02629f;
    }

    .top-bar-left ul {
        margin-bottom: 0;
    }

    .top-bar .top-bar-right {
        float: left;
    }

    .top-bar .top-bar-left {
        display: flex;
    }

    .top-bar .top-bar-left .socials li {
        display: inline-block;
        float: left;
        font-size: 15px;
        margin: 9px 15px;
    }

    .top-bar .top-bar-left .contact li {
        margin: 10px 5px;
        display: inline-block;
        color: #080e1b;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #080e1b !important;
    }

    .top-bar .top-bar-right {
        display: flex;
    }

    .header-search .header-inputs .input-group-append.searchicon {
        top: 10px;
        right: 25px;
        position: relative;
    }

    .header-search .header-search-logo {
        margin-right: 1rem;
    }

    .header-search .header-nav .nav-cart .icon-cart i {
        font-size: 18px;
        color: #a7b4c9;
    }

    .header-search .header-nav .nav-cart .icon-cart a {
        color: #a7b4c9;
    }

    .header-nav {
        display: flex;
    }

    .header-links {
        padding: 3px;
    }

    .header-links li {
        margin: 5px;
    }

    .header-links li a {
        padding: 9px 18px;
        border-radius: 3px;
    }

    .rated-products .media {
        padding-bottom: 15px;
        border-bottom: 1px solid #d8dde6;
    }

    .rated-products .media:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .rated-products .media img {
        width: 80px;
        height: 80px;
    }

    .rated-products img {
        border: 1px solid #d8dde6;
        padding: 5px;
        background: #f6f7fb;
    }

    .product-info-img a {
        position: absolute;
        top: 35px;
        right: 30px;
    }

    .product-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .product-filter .product-filter-img {
        width: 60px;
        height: 60px;
    }

    .product-filter-desc .product-filter-icons a {
        width: 2.5em;
        height: 2.5em;
        line-height: 2.4em;
        border-radius: 50%;
        font-size: 1em;
        display: inline-block;
        vertical-align: middle;
    }

    .product-filter-desc .product-filter-icons a:hover {
        color: #fff;
    }

    .facebook-bg {
        background: #3b5998;
        color: #fff;
    }

    .twitter-bg {
        background: #0c85d0;
        color: #fff;
    }

    .google-bg {
        background: #c63224;
        color: #fff;
    }

    .dribbble-bg {
        background: #e62a72;
        color: #fff;
    }

    .pinterest-bg {
        background: #8c0615;
        color: #fff;
    }

    .wideget-user-desc .wideget-user-img img {
        border-radius: 100%;
        border: 3px solid white;
    }

    .wideget-user-desc .user-wrap {
        margin-top: 1.5rem;
    }

    .wideget-user .wideget-user-icons a {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        margin-top: 0.3rem;
    }

    .wideget-user .wideget-user-icons a:hover {
        color: #fff;
    }

    .wideget-user-info .wideget-user-warap {
        display: flex;
    }

    .wideget-user-info .wideget-user-warap h4 {
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 0.4rem;
    }

    .wideget-user-info .wideget-user-warap .wideget-user-warap-r {
        margin-left: 10rem;
    }

    .wideget-user-info .wideget-user-rating a {
        font-size: 18px;
    }

    .wideget-user-tab .tab-menu-heading {
        padding: 0;
        border: 0;
    }

    .wideget-user-tab .tab-menu-heading .nav li a {
        color: #080e1b;
        font-size: 14px;
        font-weight: 400;
    }

    .usertab-list {
        display: inline-block;
    }

    .usertab-list li {
        width: 50%;
        margin-bottom: 0.6rem;
        float: left;
        padding-left: 50px;
    }

    .wideget-user-tab .tabs-menu1 ul li a {
        padding: 0px 10px 0px 10px;
    }

    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
        padding: 10px 20px 10px 20px;
        display: block;
        margin: 4px 4px 0 4px;
        border: 1px solid #dbe2ea;
        background: #d9e1ea;
    }

    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li:first-child a {
        margin-left: 0;
    }

    .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li .active {
        border-bottom: 0 !important;
        padding: 10px 20px 12px 20px;
        border-radius: 3px 3px 0 0;
        margin-bottom: -2px;
        background: #fff;
        border: 1px solid #dbe2ea;
    }

    @media (max-width: 480px) {
        .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li a {
            margin: 0px !important;
        }

        .wideget-user-tab.wideget-user-tab3 .tabs-menu1 ul li {
            margin: 3px !important;
        }
    }

    wideget-user-tab wideget-user-tab3 {
        padding: 10px;
    }

    .item-box .item-box-wrap {
        margin-top: 15px;
    }

    .item-box .stamp i {
        font-size: 18px;
        font-size: 25px;
        line-height: 2;
    }

    .item-box .item-box-wrap h5 {
        font-size: 20px;
        font-weight: 600;
    }

    .widgets-cards .widgets-cards-data {
        margin-top: 8px;
    }

    .widgets-cards .widgets-cards-data .wrp p:first-child {
        font-size: 20px;
        font-weight: 600;
    }

    .card-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .card-aside-img img {
        width: 80px;
        height: 80px;
        vertical-align: middle;
    }

    .card-aside-img.wrap-border img {
        border: 1px solid #d8dde6;
        padding: 3px;
    }

    .card-aside-img {
        position: relative;
    }

    .table-bordered.text-rtl-right .card-aside-img {
        position: relative;
        margin-left: 10px;
    }

    #zoid-paypal-button-21515a2f71>.zoid-outlet>iframe.zoid-component-frame {
        z-index: 0 !important;
    }

    .card-aside-img a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .card-item-desc {
        padding: 15px;
    }

    .card-item-desc h6 {
        margin-top: 5px;
    }

    .card-blogs .card {
        border: none;
        box-shadow: none;
    }

    .card-blogs1 .card {
        box-shadow: none;
        border-bottom: 1px solid #d8dde6;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

    .card-blogs1 .card:last-child {
        box-shadow: none;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .card-blogs1 .card-item-desc .card-item-price .newprice {
        font-weight: 600;
    }

    .card-blogs1 .card-item-desc .card-item-price .oldprice {
        font-size: 14px;
    }

    .card-blogs2 .card {
        border: none;
        box-shadow: none;
    }

    .info-box small {
        font-size: 14px;
    }

    .info-box-icon {
        display: block;
        float: left;
        height: 90px;
        width: 90px;
        text-align: center;
        font-size: 45px;
        line-height: 90px;
        background: rgba(0, 0, 0, 0.2);
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .info-box {
        display: block;
        min-height: 90px;
        background: #fff;
        width: 100%;
        border-radius: 2px;
        margin-bottom: 15px;
        box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
    }

    .info-box-icon>img {
        max-width: 100%;
    }

    .info-box-content {
        padding: 1.5rem 1.5rem;
        margin-left: 90px;
    }

    .info-box-number {
        display: block;
    }

    .info-box-text {
        display: block;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .info-box-text {
        text-transform: uppercase;
    }

    .info-box-more {
        display: block;
    }

    .product-item img {
        height: 180px;
        width: 100%;
    }

    .product-item span {
        top: 15px;
        left: 15px;
        position: absolute;
    }

    .product-item-wrap .product-item-price .newprice {
        font-size: 18px;
        font-weight: 600;
    }

    .product-item-wrap .product-item-price .oldprice {
        margin-left: 5px;
        font-size: 18px;
        font-weight: 600;
    }

    .product-item1 {
        position: relative;
    }

    .product-item1 .item-overlay {
        border-radius: 0.2rem 0.2rem 0 0;
        overflow: hidden;
        padding: 15px;
        text-align: center;
    }

    .product-item1 .item-overlay img {
        height: 200px;
        width: 200px;
    }

    .product-item1 .btn-overlay {
        position: absolute;
        display: none;
        text-align: center;
        top: 45%;
        margin: 0 auto;
        left: 0;
        width: 100%;
        height: 100%;
        right: 0;
        z-index: 1;
    }

    .product-item1:hover.product-item1:before {
        content: "";
        background-color: rgba(255, 255, 255, 0.8);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .btn-overlay span {
        display: block;
        margin: 0.5rem;
        font-size: 16px;
        font-weight: 600;
    }

    .icon-card {
        display: inline-block;
    }

    .icon-card li {
        float: left;
        font-size: 13px;
        width: 50%;
        margin-bottom: 0.5rem;
    }

    .product-item1:hover .btn-overlay {
        display: block;
        z-index: 1;
    }

    .product-item1:hover .btn-overlay {
        opacity: 1;
    }

    .product-item2 .product-item2-img img {
        height: 200px;
        width: 200px;
    }

    .product-item2 .product-item2-img {
        padding: 1.5rem 1.5rem;
    }

    .product-item2 {
        border-bottom: 1px solid #d8dde6;
    }

    .product-item2-rating {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        line-height: 1;
        white-space: nowrap;
        clear: both;
    }

    .product-item2 {
        border-bottom: 1px solid #d8dde6;
        background: #e7e9f1;
    }

    .owl-productimg img {
        background: #e7e9f1;
        padding: 20px;
    }

    .product-item2-desc .label-rating {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .card-item-desc .card-item-desc-1 dt,
    dd {
        display: inline-block;
    }

    .card-item-desc .card-item-desc-1 dd {
        margin-bottom: 0;
    }

    .card-item-desc dl {
        margin-bottom: 0;
    }

    .product-details .media {
        margin-top: 0;
    }

    .product-details .card-item-desc {
        padding: 0;
        margin-left: 15px;
        margin-top: 8px;
    }

    .product-singleinfo .product-item2-align dt,
    dd {
        display: inline-block;
    }

    .product-singleinfo .product-item2-align dd {
        margin-left: 2rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

    .product-singleinfo .product-item2-align dt {
        width: 100px;
        float: left;
    }

    .product-singleinfo dl {
        margin-bottom: 5px;
    }

    .oldprice,
    .product-singleinfo .product-ship .product-item-price .newprice {
        font-size: 25px;
        font-weight: 600;
    }

    .product-singleinfo .product-ship .product-item-price .oldprice {
        margin-left: 5px;
    }

    .product-multiinfo .card {
        box-shadow: none;
        margin-bottom: 0;
        border-bottom: 1px solid #d8dde6;
    }

    .product-multiinfo .product-item img {
        width: 120px;
        height: 120px;
    }

    .card-pay .tabs-menu {
        margin-bottom: 25px;
    }

    .card-pay .tabs-menu li {
        width: 50%;
        display: block;
    }

    .card-pay .tabs-menu li a {
        padding: 15px 10px;
        background: #f2f3f8;
        color: #000;
        display: block;
        text-align: center;
        border-right: 1px solid #f3f3f3;
        border-radius: 30px;
    }

    .card-pay .tabs-menu li a.active {
        border-radius: 30px;
        text-align: center;
        background: rgb(62, 74, 159) !important;
        color: #ffffff;
    }

    .single-productslide .product-gallery .product-item {
        margin-bottom: 10px;
        overflow: hidden;
        background-color: #fff;
    }

    .product-gallery .product-item img {
        height: 350px;
        width: auto;
        display: inline-block;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }

    .product-gallery .product-sm-gallery {
        text-align: center;
    }

    .product-gallery .product-sm-gallery .item-gallery img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 2px;
        cursor: -webkit-zoom-in;
        cursor: zoom-in;
    }

    .product-gallery .product-sm-gallery .item-gallery {
        width: 80px;
        height: 80px;
        border: 1px solid #d8dde6;
        padding: 5px;
        display: inline-block;
        overflow: hidden;
        line-height: 4.5;
    }

    .single-productslide .product-gallery-data {
        padding: 30px;
    }

    .product-gallery-data .product-gallery-data1 dt,
    dd {
        display: inline-block;
    }

    .product-gallery-data dl {
        margin-bottom: 5px;
    }

    .product-gallery-data .product-gallery-data1 dt {
        width: 100px;
        float: left;
    }

    .product-gallery-data .product-gallery-data1 dd {
        margin-left: 2rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

    .product-gallery-rating {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        list-style: none;
        margin: 0;
        font-size: 18px;
        padding: 0;
        position: relative;
        line-height: 1;
        white-space: nowrap;
        clear: both;
    }

    .product-gallery-rats {
        margin-top: 20px;
    }

    .product-gallery-data .label-rating {
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .product-gallery-data .product-gallery-quty dt,
    dd {
        display: inline-block;
    }

    .product-gallery-data .product-gallery-size dt,
    dd {
        display: inline-block;
    }

    .product-gallery-data .product-gallery-size .product-gallery-checks label {
        display: inline-block;
        margin-left: 10px;
    }

    .product-card-img img {
        height: 180px;
        width: 180px;
    }

    .product-card-icons {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        display: inline-block;
    }

    .product-card-footer .product-footer-wrap .footer-wrap-price {
        font-size: 16px;
        font-weight: 600;
    }

    .product-card-footer .product-footer-wrap .footer-wrap-price del {
        margin-left: 5px;
    }

    .product-card4-footer .product-card4-wrap .product-card4-price h6 {
        font-size: 25px;
        font-weight: 600;
    }

    .product-card5-footer .product-card5-price h6 {
        font-size: 25px;
        font-weight: 600;
    }

    .product-card6-footer .product-card6-price h6 {
        font-size: 25px;
        font-weight: 600;
    }

    .product-card6-footer .product-card6-info del {
        margin-right: 5px;
    }

    .product-card7-footer .product-card7-price h6 {
        font-size: 25px;
        font-weight: 600;
    }

    .product-card7-footer .product-card7-price del {
        margin-left: 5px;
    }

    .product-card7-footer .product-card7-price span {
        margin-left: 5px;
    }

    .team-section .team-img img {
        max-width: 150px;
        box-shadow: 0 0 0 1px #dce3ec, 0 8px 16px 0 #dce3ec;
    }

    .item-single .item-single-desc .item-single-desc-list .listunorder {
        border: 0;
        padding: 5px;
        margin-bottom: 0;
        font-size: 15px;
    }

    .card-over {
        position: relative;
    }

    .card-over img {
        vertical-align: middle;
    }

    .card-over .content {
        position: absolute;
        bottom: 0;
        background: #374254;
        opacity: 0.9;
        color: #fff;
        width: 100%;
        padding: 20px;
    }

    .checklist-task .checklist-desc .check-data span {
        font-size: 13px;
    }

    .checklist-task .checklist-desc .check-data .check-icon {
        margin-top: 0;
    }

    .carousel-bg .prev-icon {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 5px 15px;
        border-radius: 100px;
        font-size: 20px;
    }

    .carousel-bg .next-icon {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 5px 15px;
        border-radius: 100px;
        font-size: 20px;
    }

    .banner1 .carousel-inner img {
        width: 100%;
        max-height: 460px;
    }

    .banner1 .carousel-item:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .banner1 .carousel-control {
        width: 0;
    }

    .banner1 .carousel-control.left,
    .banner1 .carousel-control.right {
        opacity: 1;
        background-image: none;
        background-repeat: no-repeat;
        text-shadow: none;
    }

    .banner1 .carousel-control.left span {
        padding: 15px;
    }

    .banner1 .carousel-control.right span {
        padding: 15px;
    }

    .banner1 .carousel-control .glyphicon-chevron-left,
    .banner1 .carousel-control .glyphicon-chevron-right,
    .banner1 .carousel-control .icon-next,
    .banner1 .carousel-control .icon-prev {
        position: absolute;
        top: 45%;
        z-index: 5;
        display: inline-block;
    }

    .banner1 .carousel-control .glyphicon-chevron-left,
    .banner1 .carousel-control .icon-prev {
        left: 0;
    }

    .banner1 .carousel-control .glyphicon-chevron-right,
    .banner1 .carousel-control .icon-next {
        right: 0;
    }

    .banner1 .carousel-control.left span,
    .banner1 .carousel-control.right span {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    .banner1 .carousel-control.left span:hover,
    .banner1 .carousel-control.right span:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .banner1 .header-text {
        position: absolute;
        left: 0;
        right: 0;
        color: #fff;
    }

    .banner1 .slider .header-text {
        top: 29%;
    }

    @media (max-width: 480px) {
        .banner1 .slider .header-text {
            top: 30% !important;
        }

        .banner1 .slider img {
            height: 400px;
        }

        .sptb-2 {
            padding-top: 2rem !important;
            padding-bottom: 6rem !important;
        }

        .banner-2.sptb-2 {
            padding-top: 1rem !important;
            padding-bottom: 2rem !important;
        }

        .sptb-tab.sptb-2.pt-10 {
            padding-top: 6.5rem !important;
        }
    }

    @media (min-width: 321px) and (max-width: 380px) {
        .banner1.slider-images .header-text {
            top: 12% !important;
        }
    }

    @media (min-width: 481px) and (max-width: 767px) {
        .banner1 .slider .header-text {
            top: 35% !important;
        }

        .banner1 .slider img {
            height: 348px;
        }
    }

    @media (min-width: 768px) and (max-width: 992px) {
        .banner1 .slider .header-text {
            top: 32% !important;
        }
    }

    @media (min-width: 993px) and (max-width: 1240px) {
        .banner1 .slider .header-text {
            top: 23% !important;
        }
    }

    .banner1 .header-text h2 {
        font-size: 40px;
    }

    .banner1 .header-text h3 {
        font-size: 25px;
    }

    .banner1 .header-text h2 span {
        padding: 10px;
    }

    .banner1 .header-text h3 span {
        padding: 15px;
    }

    .input-indec .quantity-left-minus.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
    }

    .input-indec .quantity-right-plus.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0;
    }

    .cat-item {
        position: relative;
    }

    .cat-item a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .cat-item .cat-img img {
        width: 150px;
        height: 100%;
        margin: 0 auto;
        transition: 1s transform;
    }

    .top-cities .cat-item .cat-img img {
        height: 130px;
    }

    .cat-item:hover .cat-img img {
        transform: rotateY(0.5turn);
        transform-style: preserve-3d;
        transition: 1s transform;
    }

    .vehicle-modal .cat-item .cat-img img {
        width: 80px;
        height: 100%;
        margin: 0 auto;
    }

    .cat-item .cat-desc {
        margin-top: 15px;
        color: #212529;
    }

    .about img {
        width: 60px;
        height: 60px;
        text-align: center;
    }

    .item-card .item-card-desc:before {
        content: "";
        display: block;
        position: absolute;
        background: rgb(22, 41, 70, 0.5);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 1;
        border-radius: 9px;
    }

    .item-card {
        overflow: hidden;
        border-radius: 7px;
    }

    .item-card-desc {
        position: relative;
    }

    .item-card-desc a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }

    .item-card .item-card-desc .item-card-text {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        text-align: center;
        color: #fff;
        z-index: 2;
    }

    .item-card.item-card2 .item-card-desc .item-card-text {
        position: absolute;
        top: 38%;
        left: 0;
        right: 0;
        text-align: center;
        color: #fff;
        z-index: 2;
    }

    .business-item .item-card .item-card-desc .item-card-text {
        top: 40%;
    }

    .item-card-text span {
        font-size: 16px;
        display: block;
        margin: 0.5rem;
        font-weight: 400;
    }

    .item-card-text h4 {
        font-size: 25px;
        font-weight: 300;
    }

    .item-card .item-card-btn {
        padding: 0;
        margin: 0;
        opacity: 0;
        left: 37.7%;
        text-align: center;
        position: absolute;
        bottom: -30px;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }

    .item-card:hover .item-card-btn {
        opacity: 1;
        bottom: 25%;
    }

    .item-card:hover .data1 .item-card-img img {
        transform: scale(1);
    }

    .item-card .item-card-btn a {
        display: block;
        position: relative;
        transition: all 0.3s ease-in-out;
    }

    .item-card .item-card-btn a:after,
    .item-card .item-card-btn a:before {
        transform: translateX(-50%);
        position: absolute;
        left: 50%;
        top: -30px;
    }

    .item-card .item-card-btn a:after {
        content: "";
        height: 15px;
        width: 15px;
        border-radius: 0;
        transform: translateX(-50%) rotate(45deg);
        top: -20px;
        z-index: -1;
    }

    .item-card2-icons {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 98;
    }

    .item-card2-icons a {
        width: 2rem !important;
        display: inline-block;
        height: 2rem !important;
        text-align: center;
        border-radius: 100px !important;
        line-height: 2rem;
        color: #fff;
    }

    .item-card2-icons a i {
        position: inherit !important;
        font-size: 14px !important;
        display: inline-block !important;
    }

    .item-list .list-group-item {
        border: 0;
        margin-bottom: 0;
        border-bottom: 1px solid #d8dde6;
    }

    .item-list .list-group-item i {
        margin-right: 5px;
        width: 25px;
        height: 25px;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
        line-height: 25px;
        color: #fff !important;
    }

    .item-user .item-user-icons a {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        margin-top: 0.3rem;
    }

    .item-card3-img img {
        width: 100%;
        height: 100%;
        max-height: 200px;
        margin: 0 auto;
        position: relative;
        margin-bottom: -35px;
    }

    .item-card3-desc img {
        border: 3px solid #fff;
    }

    .item-card3-desc h4 {
        position: relative;
        top: 5px;
    }

    .item-card4-img a {
        position: absolute;
        top: 35px;
        left: 30px;
    }

    #count-down1 .clock-presenter {
        padding: 0;
        text-align: center;
    }

    #count-down1 .clock-presenter .digit {
        font-size: 20px;
        line-height: 40px;
        height: 40px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        position: relative;
        cursor: default;
        background: #fff;
        color: #000;
        border-radius: 3px;
    }

    #count-down1 .clock-presenter .note {
        position: relative;
        margin-bottom: 0;
        cursor: default;
        font-size: 14px;
        opacity: 0.7;
    }

    @media (max-width: 992px) {
        #count-down1 .clock-presenter .digit {
            font-size: 16px;
        }
    }

    @media (max-width: 767px) {
        #count-down1 .clock-presenter {
            width: 50%;
            float: left;
        }

        #count-down1 .clock-presenter .digit {
            font-size: 18px;
        }

        #count-down1 .hours_dash {
            border-right: none;
        }
    }

    .item-card5-img a {
        position: absolute;
        right: 12px;
        top: 15px;
    }

    .item-card5-icon a {
        width: 2rem;
        height: 2rem;
        display: inline-block;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        border-radius: 50px;
        background: #f1f5fd;
        color: #212529;
    }

    .item-card6-img img {
        width: 100%;
        height: 100%;
        max-height: 200px;
        margin: 0 auto;
    }

    .item-card6-footer .item-card6-body {
        padding: 10px;
    }

    .item-search-tabs {
        margin-top: 0rem;
    }

    .item-search-tabs .item-search-menu ul {
        padding: 8px 0px;
    }

    .item-search-menu ul li .active {
        background: rgb(17, 50, 121);
        color: #fff;
        border-radius: 30px;
    }

    .item-search-menu ul li a {
        padding: 7px 25px;
        color: #fff;
        text-align: center;
        letter-spacing: 0.5px;
        background: 0 0;
        margin: 0px 0px;
        border-radius: 3px 3px 0 0;
        font-weight: 600;
        font-size: 14px;
    }

    .item-search-tabs .tab-content {
        border: 0px solid rgba(0, 0, 0, 0.1);
        background: rgba(0, 0, 0, 0);
        padding: 0px;
        margin: 0px 0px 0 0;
        border-radius: 2px;
        display: inline-block;
        text-align: left;
    }

    .item-search-tabs .item-search-menu {
        display: inline-block;
        margin-right: 50px;
    }

    .taptop-heading {
        display: inline-block;
    }

    .taptop-heading h3 {
        font-weight: 400;
        font-size: 24px;
        font-family: 'Tajawal', sans-serif;
        margin-top: 2px;
        color: #ffffff;
        margin-bottom: 20px;
        padding: 5px 0px;
    }

    .item-search-tabs.travel-content .select2-container {
        width: 100% !important;
    }

    .item-search-tabs.travel-content .form-control {
        border: 1px solid #d8dde6;
    }

    .item-search-tabs .form-control {
        border: 1px solid #a7b4c9;
    }

    .item-search-tabs .form-control.border {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .item-search-tabs a.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-size: 0.8525rem;
        right: -2px;
        position: relative;
        line-height: 1.94615385;
    }

    @media (max-width: 1300px) and (min-width: 1024px) {
        .item-search-tabs a.btn {
            line-height: 1.94615385;
        }
    }

    @media (max-width: 1300px) and (min-width: 400px) {
        .classifieds-content .item-search-menu ul li a {
            display: block;
            margin: 3px;
            border-radius: 3px;
        }

        .item-search-menu ul li a {
            display: block;
            margin: 3px;
            border-radius: 3px;
        }
    }

    .accent-2 {
        width: 60px;
    }

    .item-all-cat .item-all-card {
        position: relative;
        padding: 1.5rem 1.5rem;
        border-radius: 4px;
        margin-bottom: 1.5rem;
        color: #fff;
    }

    .item-all-cat .category-type .item-all-card img {
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
        padding: 2.3rem 0;
    }

    .item-all-cat .row .item-all-card {
        margin-bottom: 1.5rem;
        box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
    }

    .item-all-cat .item-all-card a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .iteam-all-icon i {
        font-size: 1.5rem;
    }

    .item-all-card img.imag-service {
        width: 40%;
    }

    .item-card7-overlaytext {
        position: relative;
    }

    .item-card7-imgs .bdir {
        position: absolute;
        top: 12px;
        left: 12px;
        padding: 3px 7px;
        z-index: 2;
    }

    .item-card7-overlaytext a span {
        padding: 4px 10px;
        display: inline-block;
    }

    .item-card7-overlaytext {
        position: absolute;
        bottom: 12px;
        left: 13px;
        z-index: 98;
    }

    .item-card7-overlaytext span {
        margin: 2px;
        padding: 3px 8px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
        float: left;
        font-size: 13px;
    }

    .item-tag {
        position: absolute;
        bottom: 13px;
        right: 13px;
        z-index: 98;
    }

    .item-tag h4 {
        margin: 2px;
        color: #fff;
        padding: 5px;
        border-radius: 3px;
        float: left;
    }

    .item-tag-overlaytext {
        position: absolute;
        bottom: 12px;
        left: 15px;
        z-index: 98;
    }

    .item-tag-overlaytext a {
        margin: 2px;
        padding: 5px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
        float: left;
        font-size: 13px;
    }

    .item-tag-overlaytext span {
        margin: 2px;
        padding: 3px 8px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
        float: left;
        font-size: 12px;
    }

    .item-card7-imgs {
        position: relative;
        overflow: hidden;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .item-card7-imgs:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(22, 41, 70, 0.1);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .item-card8-img {
        height: 100%;
    }

    .item-card7-img {
        height: 100%;
    }

    .item-card9-img {
        height: 100%;
    }

    .item-card8-imgs {
        position: relative;
        overflow: hidden;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .item-card8-imgs img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .item-card8-imgs:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(25, 36, 79, 0.3);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .item-card8-overlaytext {
        position: relative;
    }

    .item-card8-overlaytext h6 {
        position: absolute;
        bottom: 21px;
        left: 21px;
        z-index: 2;
        padding: 4px 8px;
        color: #fff;
        border-radius: 5px;
    }

    .item-card2-img:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(25, 36, 79, 0.1);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .Marketplace .item-card7-imgs:before {
        background: rgba(25, 36, 79, 0.1);
    }

    .Marketplace .item-card7-overlaytext h4 {
        font-size: 18px;
        border-radius: 3px;
        padding: 7px 12px;
        text-align: center;
        bottom: 5px;
        right: 5px;
        background: rgba(0, 0, 0, 0.8);
    }

    .item-card7-imgs a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .item-card7-imgs a i {
        margin: 0 auto;
        top: 35%;
        font-size: 40px;
        text-align: center;
        left: 0;
        right: 0;
        display: block;
        color: #fff;
        position: absolute;
    }

    @media (min-width: 569px) and (max-width: 767px) {
        .item-card7-imgs a i {
            top: 29%;
        }
    }

    .item-card9-img .item-card9-imgs a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 98;
    }

    .item-card9-img .item-card9-imgs a i {
        margin: 0 auto;
        top: 35%;
        font-size: 40px;
        text-align: center;
        left: 0;
        right: 0;
        display: block;
        color: #fff;
        position: absolute;
    }

    .item-card2-img a.link {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .item-card2-img a i {
        margin: 0 auto;
        top: 35%;
        font-size: 40px;
        text-align: center;
        left: 0;
        right: 0;
        display: block;
        color: #fff;
        position: absolute;
    }

    .item-card7-desc ul li {
        margin-right: 1rem;
        font-size: 13px;
    }

    .item-card7-desc ul li:last-child {
        margin-right: 0;
    }

    .item1-card-img img {
        border: 1px solid #d8dde6;
        margin: 0 auto;
        padding: 5px;
    }

    .item1-card .item1-card-info .item1-card-icons li {
        display: inline-block;
        margin-right: 15px;
    }

    .item1-card .item1-card-info .item1-card-icons li a {
        color: #a7b4c9;
    }

    .item1-card-tab {
        text-align: center;
    }

    .item1-card-tab .tab-content .tab-pane {
        border: 1px solid #d8dde6;
    }

    .item1-tab-heading {
        padding: 15px;
        border: 1px solid #d8dde6;
        text-align: center;
        border-radius: 50px;
        margin: 0 auto;
        display: inline-table;
    }

    .item1-tabs-menu ul li a {
        padding: 10px 20px 11px 20px;
    }

    .item1-tabs-menu ul li .active {
        color: #fff;
        border-radius: 25px;
    }

    .item1-card-tab .tab-content {
        padding: 15px;
        text-align: initial;
    }

    .card-video {
        background: url(../images/products/b5.html);
        background-size: cover;
    }

    .card-video:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .item-video a {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        background: #fff;
        color: #212529;
        font-size: 25px;
        align-items: center;
        margin: 0 auto;
        justify-content: center;
    }

    .item-video i {
        margin-left: 5px;
    }

    .item2-card .item2-card-img {
        border: 1px solid #d8dde6;
        padding: 5px;
    }

    .item2-card .item2-card-img img {
        width: 200px;
        height: 100px;
        text-align: center;
        margin: 0 auto;
    }

    .item2-card-info {
        padding-top: 15px;
    }

    .item2-btn {
        padding-top: 40px;
    }

    .media-list .media-icons {
        font-size: 18px;
        color: #000;
    }

    .items-gallery .items-blog-tab-heading {
        text-align: center;
        border-radius: 50px;
        margin: 0 auto;
        display: inline-table;
        padding: 15px;
        margin-bottom: 0px;
    }

    .items-blog-tab-heading .items-blog-tab-menu li a {
        padding: 10px 20px 11px 20px;
        color: #080e1b;
        background: #d2dae4;
        margin: 0 10px;
        border-radius: 3px;
    }

    .items-gallery .tab-content {
        padding: 15px;
        text-align: initial;
    }

    .item2-gl .item2-gl-nav select {
        width: 20%;
    }

    .item2-gl-nav {
        padding: 15px;
        border: 1px solid #d8dde6;
        text-align: right;
        border-radius: 3px;
        background: #f1f5fd;
    }

    .item2-gl-nav .item2-gl-menu {
        margin-right: 10px;
    }

    .item2-gl-nav .item2-gl-menu li a {
        padding: 10px 10px 11px 10px;
        color: #080e1b;
        font-size: 20px;
    }

    .item2-gl .tab-content {
        padding-top: 1.5rem;
        text-align: initial;
    }

    .item-card9-img {
        position: relative;
        height: 100%;
    }

    @media (min-width: 767px) {
        .tab-content #tab-11 .item-card9-img {
            width: 400px;
        }

        .tab-content #tab-11 .item-card9-imgs img {
            height: 197px;
        }

        .tab-content #tab-11 .item-card2-img img {
            height: 197px;
        }

        .h-197 {
            height: 197px;
        }
    }

    .item-card9-icons {
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 98;
    }

    .item-card9-icons a {
        width: 2rem;
        display: inline-block;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        border-radius: 50px;
        color: #fff;
    }

    .item-card9-icons a.like-counter {
        display: inline;
        height: 2rem;
        text-align: center;
        border-radius: 100px;
        line-height: 2rem;
        border-radius: 3px;
        color: #fff;
        padding: 4px 10px;
    }

    .item-card9-cost h3 {
        margin-top: 5px;
    }

    .item-card9-imgs {
        position: relative;
    }

    .item-card9-imgs a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .item-card9-desc ul {
        display: inline-flex;
        margin-bottom: 0;
    }

    .item-card9-desc ul li {
        width: 50%;
        float: left;
    }

    .item3-medias .item3-lists li a {
        padding: 5px 4px 5px 0;
        font-size: 12px;
    }

    .item3-medias .item3-lists li i {
        margin-right: 5px;
    }

    .item3-medias .item3-lists li {
        margin-right: 5px;
    }

    .product-slider .carousel {
        margin: 0;
    }

    .product-slider .thumbcarousel {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .product-slider .thumbcarousel .carousel-item {
        text-align: center;
    }

    .product-slider .thumbcarousel .carousel-item .thumb {
        width: 100%;
        margin: 0 2px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        max-width: 137px;
    }

    .product-slider .thumbcarousel .carousel-item .thumb:hover {
        border-color: #d8dde6;
    }

    .product-slider .carousel-item img {
        width: 100%;
        height: auto;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 1s ease-in-out;
        transition: 1s ease-in-out;
    }

    .product-slider .carousel-item img:hover {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    .single-productslide .product-slider .thumbcarousel .carousel-item .thumb {
        width: 100%;
        margin: 0 2px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        max-width: 100px;
    }

    .carousel-control:active,
    .carousel-control:focus,
    .carousel-control:hover {
        color: #333;
    }

    .carousel-caption,
    .carousel-control .fa {
        font: normal normal normal 30px/26px FontAwesome;
    }

    .thumbcarousel .carousel-control-prev {
        left: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .thumbcarousel .carousel-control-next {
        right: 0;
        background: rgba(0, 0, 0, 0.5);
    }

    .header-main .top-bar .contact {
        margin: 9px 0;
        padding-left: 15px;
    }

    .header-main .top-bar .contact li {
        margin: 0;
    }

    .header-main .top-bar-right .custom {
        display: flex;
        margin: 8px 0;
    }

    .header-main .top-bar-left .custom {
        display: flex;
        margin: 8px 0;
    }

    .header-main .top-bar-right .custom li {
        margin-right: 10px;
    }

    .header-main .top-bar-left .custom li {
        margin-left: 15px;
    }

    .header-main .top-bar-right .custom li:last-child {
        margin-right: 20px;
    }

    .ace-responsive-menu {
        margin-right: 1rem;
    }

    .header-main .ace-responsive-menu li a {
        color: #080e1b;
    }

    .header-main .ace-responsive-menu li a:hover {
        color: #fff;
    }

    .header-main .ace-responsive-menu li a:focus {
        color: #000;
    }

    .header-main .post-btn {
        float: right;
        margin-left: auto;
    }

    .bg-background2 {
        background-image: url("../images/banner/banner1.jpg");
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

    .bg-testimonial {
        background-image: url("../images/banner/banner3.jpg");
    }

    .bg-background3 {
        background-image: url("../images/banner/banner2.jpg");
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

    .bg-background-color {
        background-image: url("../images/banner/banner4.jpg");
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }

    .footer-main {
        padding-top: 5rem;
        padding-bottom: 4rem;
        border-top: 1px solid rgba(167, 180, 201, 0.1);
        border-bottom: 1px solid rgba(167, 180, 201, 0.1);
    }

    footer .border-top {
        border-top: 1px solid rgba(167, 180, 201, 0.1) !important;
    }

    .footer-main .form-control {
        border: 0 !important;
    }

    .footer-payments {
        padding-left: 0;
        list-style: none;
        margin: 0;
        line-height: 1.25rem;
    }

    footer a.fs-14 {
        color: #3e4a9f;
    }

    .footer-payments li {
        display: inline-block;
        padding: 0 0px;
        font-size: 20px;
    }

    .footer-payments li img {
        width: 80%;
        border: 0px solid rgba(247, 247, 247, 0.5);
        padding: 2px;
    }

    .footer-main img {
        width: 80px;
        border: 1px solid rgba(247, 247, 247, 0.5);
        padding: 2px;
    }

    .sptb {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }

    .sptb2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .sptb-1 {
        padding-top: 10rem;
        padding-bottom: 4.5rem;
    }

    .sptb-2 {
        padding-top: 0rem;
        padding-bottom: 8rem;
    }

    .sptb-3 {
        padding-top: 6.2rem;
        padding-bottom: 11rem;
    }

    .sptb-4 {
        padding-top: 6.2rem;
        padding-bottom: 11rem;
    }

    .sptb-5 {
        padding-top: 6rem;
        padding-bottom: 9.5rem;
    }

    .sptb-8 {
        padding-top: 7rem;
        padding-bottom: 12rem;
    }

    .categories {
        margin-top: -65px;
        margin-bottom: 65px;
    }

    .categories-1 {
        margin-top: -120px;
    }

    .section-title p {
        text-align: center;
        font-size: 16px;
        margin-bottom: 0;
        color: #6d7e9c;
    }

    .section-title {
        padding-bottom: 2rem;
    }

    .section-title h1 {
        margin-bottom: 0.5rem;
        color: #504e70;
        font-size: 36px;
        font-weight: 400;
        z-index: 1;
    }

    .section-title2 p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .section-title2 {
        padding-bottom: 2rem;
    }

    .item-all-cat .item-all-card {
        border: 1px solid #d8dde6;
    }

    .item-all-cat .item-all-card a:hover .item-all-text h5 {
        color: #080e1b !important;
    }

    .item-all-cat .category-type .item-all-card:hover {
        background: #f6f7fb;
    }

    .index-search-select .select2 {
        width: 100% !important;
    }

    .select2-container .select2-selection--single {
        height: 100% !important;
    }

    @media (min-width: 992px) {
        .select2-container .select2-selection--single {
            border-radius: 0;
            border-left: 0 !important;
        }

        .search-cars .select2-container .select2-selection--single {
            border-radius: 0 !important;
            border-left: 1px solid #d8dde6 !important;
        }

        .search-cars1 .select2-container .select2-selection--single {
            border-radius: 3px !important;
            border-left: 1px solid #d8dde6 !important;
        }

        .slider-images img {
            background-size: cover;
            left: 0;
            right: 0;
            width: 100% !important;
        }

        .banner1 .slider .header-text {
            top: 29%;
        }

        .input-field {
            margin-top: 7.55rem !important;
        }

        .slide-header-text .input-field {
            margin-top: 0 !important;
        }

        .classified-video {
            margin-top: 2.1rem;
        }

        .border-right-0.form-control {
            border-right: 0 !important;
        }

        .border-left-0.form-control {
            border-left: 0 !important;
        }

        .border-0.form-control {
            border: 0 !important;
        }
    }

    @media (max-width: 991px) {
        .select2-container .select2-selection--single {
            border-radius: 3px !important;
        }

        .banner1.relative.slider-images .owl-carousel .owl-item img {
            display: block;
            height: 450px;
        }

        .sptb {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .sptb-4 {
            padding-top: 0rem;
            padding-bottom: 10rem;
        }

        .sptb-3 {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        .sptb-3.sptb-tab.bg-background2 {
            padding-top: 5rem;
            padding-bottom: 5.5rem;
        }

        .banner-1 .item-search-tabs .search-background .form-control {
            border-radius: 3px !important;
            border-bottom: 1px !important;
        }

        .item-card9-img {
            height: auto !important;
        }

        .blog-list-1 {
            height: 100% !important;
        }

        .banner-1 .search-background .form-control {
            border-radius: 3px !important;
        }

        .banner-1 .search-background .form1 {
            border-radius: 0;
            border-left: 1px solid #d8dde6 !important;
        }

        .item-search-tabs a.btn {
            border-top-left-radius: 3px !important;
            border-bottom-left-radius: 3px !important;
            border-radius: 3px !important;
            right: 0;
        }

        .content-text .display-5 {
            font-size: 1.8rem;
        }

        .counter-status.status {
            margin-top: 1.5rem;
        }

        .margin-top {
            margin-top: 4.5rem !important;
        }

        .desktoplogo-1 {
            display: none;
        }

        .sptb-1 {
            padding-top: 4.5rem;
            padding-bottom: 4.5rem;
        }

        .search-background {
            background: 0 0 !important;
            border-radius: 0;
        }

        .padding-bottom {
            padding-bottom: 0 !important;
        }

        .banner-2 .form-control {
            border-radius: 3px !important;
        }

        .item-search-tabs .form-control.border {
            border-radius: 3px !important;
        }

        .banner-1 .search-background .btn-lg {
            border-radius: 3px !important;
            right: 0 !important;
        }

        .banner1 .slide-header-text {
            top: 13% !important;
            z-index: 98 !important;
        }

        .sptb-2 {
            padding-top: 0rem;
            padding-bottom: 10rem;
        }

        .banner-2.sptb-2 {
            padding-top: 5rem;
            padding-bottom: 10rem;
        }

        .banner-1.sptb-2 {
            padding-top: 0rem;
            padding-bottom: 14rem;
        }

        .sticky-wrapper.is-sticky .horizontal-main {
            background: 0 0;
        }

        .sticky-wrapper.is-sticky .desktoplogo-1 {
            display: none !important;
        }

        .bannerimg {
            padding: 1rem 0 1rem 0 !important;
            background-size: cover;
        }

        .sticky-wrapper {
            height: 0 !important;
        }

        .select2.select2-container.select2-container--default.select2-container--focus {
            width: 100% !important;
            overflow: hidden;
        }
    }

    .select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
        width: 100%;
    }

    .banners-image .horizontalMenu>.horizontalMenu-list>li>a {
        color: #080e1b !important;
    }

    .sticky-wrapper.absolute.banners .horizontal-main {
        background: #fff;
    }

    .sticky-wrapper.absolute.banners .horizontal-main .horizontalMenu>.horizontalMenu-list>li>a {
        color: #080e1b !important;
    }

    .sticky-wrapper.absolute.banners .horizontal-main .horizontalMenu>.horizontalMenu-list>li>a>.fa {
        color: #080e1b !important;
    }

    .sticky-wrapper.absolute.banners .horizontalMenu>.horizontalMenu-list>li:hover>a .fa {
        color: #fff !important;
    }

    .sticky-wrapper.absolute.banners .horizontalMenu>.horizontalMenu-list>li>a.active .fa {
        color: #fff !important;
    }

    .banner-1 .item-search-tabs .search-background .form-control {
        border-radius: 0;
        border-bottom: 0 !important;
    }

    .banner-1 .search-background .form-control {
        border-radius: 0;
    }

    .banner-1 .search-background .form1 {
        border-radius: 0;
        border-left: 1px solid #d8dde6 !important;
    }

    .banner-1 .search-background .btn-lg {
        border-radius: 0;
        position: relative;
    }

    .banner-1 .search-background .select2-container--default .select2-selection--single {
        border-radius: 0;
        border-right: 0 !important;
    }

    .banner-1 .header-text {
        left: 0;
        right: 0;
        color: #fff;
    }

    .banner-1 .header-text1 {
        left: 0;
        right: 0;
        color: #fff;
    }

    .banner-1 .header-text h1 {
        margin-bottom: 0.3rem;
        font-weight: 400;
    }

    .banner-1 .header-text p {
        margin-bottom: 1.5rem;
        font-size: 16px;
    }

    .banner-2 .form-control {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 0 !important;
    }

    .banner-2 .form-group {
        margin-bottom: 0rem !important;
    }

    .banner-2 .header-text {
        left: 0;
        right: 0;
        color: #fff;
    }

    .banner-2 .header-text p {
        margin-bottom: 0;
        font-size: 15px;
        color: rgba(255, 255, 255, 0.7);
    }

    .bannerimg {
        padding: 8rem 0 3rem 0;
        background-size: cover;
    }

    .bannerimg .header-text h1 {
        margin-bottom: 0.75rem;
    }

    .about-1 {
        position: relative;
    }

    .about-1 .header-text {
        left: 0;
        right: 0;
        color: #fff;
    }

    .country .dropdown-menu {
        height: 233px;
        overflow: scroll;
    }

    .item-card2-img {
        position: relative;
        overflow: hidden;
    }

    .item-card2-desc ul li {
        margin-right: 1.5rem;
        font-size: 13px;
    }

    .item-card2-desc ul li:last-child {
        margin-right: 0;
    }

    .map-header1 {
        margin-bottom: 1.5rem;
        height: 23.2rem;
        position: relative;
        margin-bottom: -1.5rem;
        border: 1px solid #d8dde6;
    }

    .item7-card-desc a:first-child {
        margin-left: 1rem;
    }

    .carousel .carousel-indicators {
        bottom: -1rem;
    }

    .carousel-indicators li,
    .carousel-indicators li.active {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        margin: 1px 2px;
    }

    .carousel-indicators li {
        background: #e2e2e2;
        border: 2px solid #fff;
    }

    .carousel .carousel-control {
        height: 40px;
        width: 40px;
        background: 0 0;
        margin: auto 0;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 999;
    }

    .carousel .carousel-control i {
        font-size: 32px;
        position: absolute;
        top: 1.6rem;
        display: inline-block;
        margin: -18px 0 0 0;
        z-index: 5;
        left: 0;
        right: 0;
        color: rgba(255, 255, 255, 0.9);
        text-shadow: none;
        font-weight: 700;
        z-index: 999;
    }

    .carousel-control-next {
        right: -1.8rem;
    }

    .carousel-control-prev {
        left: -1.8rem;
    }

    .product-slider .carousel-control-next i {
        font-size: 2rem;
        padding: 0.5rem;
    }

    .product-slider .carousel-control-prev i {
        font-size: 2rem;
        padding: 0.5rem;
    }

    .test-carousel .carousel-control-next i {
        font-size: 2rem;
        color: #000;
        padding: 0.5rem;
    }

    .test-carousel .carousel-control-prev i {
        font-size: 2rem;
        color: #000;
        padding: 0.5rem;
    }

    .item7-card-img {
        position: relative;
        overflow: hidden;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .item7-card-img a {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .item-cards7-ic {
        display: inline-block;
    }

    .item-cards7-ic.realestate-list li a i {
        width: 1rem;
    }

    .item-cards7-ic.realestate-list li a {
        color: #3d4e67;
    }

    .item-cards7-ic.realestate-list li {
        width: 50%;
    }

    .item-cards7-ic li {
        float: left;
        width: 50%;
        margin-right: 0 !important;
        margin-bottom: 0.5rem;
    }

    .item7-card-text span {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }

    .item-card-img {
        overflow: hidden;
    }

    .item-card .item-card-desc img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        width: 100%;
        height: 100%;
    }

    .item-card .item-card-desc:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .item-card7-imgs img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .item-card7-imgs:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .item-card9-imgs {
        overflow: hidden;
    }

    .item-card9-imgs img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        height: 200px;
    }

    .similar-car-list .item-card9-imgs img {
        height: 150px;
        width: 300px;
    }

    .sselect-car {
        background: #3e4a9f;
        color: #ffffff !important;
        padding: 10px 20px;
        border-radius: 3px;
        font-weight: 500;
    }

    .dis-block {
        display: inline-block;
    }

    .car-func a {
        position: relative;
    }

    .cars-func a:before {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        color: rgb(0, 0, 0);
        content: "|";
    }

    .cars-func a:nth-child(1):before {
        display: none;
    }

    .item-card2 p.leading-tight,
    .item-card9 p.leading-tight {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 1;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #tab-11 .item-card2-img:hover a {
        background: 0 0;
    }

    #tab-12 .item-card2-img:hover a {
        background: 0 0;
    }

    .item-card9-imgs:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .item-card2-img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .item-card2-img:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .widget-spec li {
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        display: flex;
    }

    .widget-spec1 li {
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }

    .support-list li a {
        margin-bottom: 0.5rem;
        display: flex;
    }

    .support-list li i {
        margin-right: 0.7rem;
        margin-top: 4px;
    }

    .widget-spec li.icon:before {
        content: "\f00c";
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        font-family: fontawesome;
    }

    .widget-spec li i {
        margin-left: 0.5rem;
        margin-top: 3px;
    }

    .profile-pic-img {
        position: relative;
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 2rem;
        text-align: center;
        margin: 0 auto;
    }

    .profile-pic-img span {
        position: absolute;
        width: 1rem;
        height: 1rem;
        border-radius: 50px;
        right: -1px;
        top: 0.5rem;
        border: 2px solid #fff;
    }

    .sub-newsletter {
        display: inline-block;
    }

    .item1-links a {
        padding: 0.75rem 1.25rem;
        font-weight: 400;
        font-size: 0.875rem;
        color: #080e1b;
    }

    .item1-links a.active {
        font-weight: 400;
        font-size: 0.875rem;
    }

    .user-tabel span {
        margin: 0 auto;
    }

    .settings-tab .tabs-menu {
        margin-bottom: 25px;
    }

    .settings-tab .tabs-menu li {
        width: 50%;
        display: block;
    }

    .settings-tab .tabs-menu li a {
        padding: 0.5rem 1rem;
        background: #f2f3f8;
        color: #000;
        display: block;
        text-align: center;
        border-right: 1px solid rgba(167, 180, 201, 0.2);
    }

    .settings-tab .tabs-menu li a.active {
        border-radius: 2px;
        text-align: center;
        background: rgb(17, 50, 121) !important;
        color: #ffffff;
    }

    .ads-tabs .tabs-menus {
        margin-bottom: 2rem;
    }

    .ads-tabs .tabs-menus ul li a {
        border: 1px solid #ececec;
        color: #080e1b;
    }

    .ads-tabs .tabs-menus ul li {
        margin-right: 0rem;
        width: 33.33%;
    }

    .ads-tabs .tabs-menus ul li:last-child {
        margin-right: 0;
    }

    .ads-tabs .tabs-menus ul li a {
        padding: 10px 20px 10px 20px;
        width: 100%;
        display: block;
    }

    .select-languages {
        color: #080e1b;
        border-radius: 3px;
    }

    .select-languages:focus {
        color: #3d4e67;
        background-color: #fff;
    }

    .img-flag {
        width: 25px;
        height: 12px;
        margin-top: -4px;
    }

    .select-languages .select2-container .select2-selection--single {
        height: 1.4rem !important;
        color: #a7b4c9 important;
        border-radius: 2px;
        background: 0 0 !important;
        border: 0 !important;
    }

    .select-languages .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 20.5px !important;
    }

    .select-languages .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -2px !important;
    }

    .select-languages .select2-container {
        width: 138px !important;
    }

    .select-languages .select2-results {
        color: #a7b4c9 !important;
    }

    .select-currency .select2-container .select2-selection--single {
        height: 1.4rem !important;
        color: #a7b4c9 important;
        border-radius: 2px;
        background: 0 0 !important;
        border: 0 !important;
    }

    .select-currency .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 20.5px !important;
    }

    .select-currency .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -2px !important;
    }

    .select-currency .select2-container {
        width: 138px !important;
    }

    .select-currency .select2-results {
        color: #a7b4c9 !important;
    }

    .select-country .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 3px;
    }

    .select-country .select2-container {
        width: 150px !important;
    }

    .select-country .select2-container .select2-selection--single {
        height: 1.4rem !important;
        color: #a7b4c9 important;
        border-radius: 2px;
        background: 0 0 !important;
        border: 0 !important;
    }

    .select-country .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 21px !important;
    }

    .select-country .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -3px !important;
    }

    .select-country .select2-results {
        color: #a7b4c9 !important;
    }

    .select-country .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 3px;
    }

    .select2-results__option {
        font-size: 13px;
    }

    #price {
        border: 0;
        font-weight: 500;
        font-size: 18px;
    }

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

    .showmore-button-inner {
        display: inline-block;
        padding: 10px 19px;
        line-height: 14px;
        font-size: 14px;
        border-radius: 25px;
        text-decoration: none;
        cursor: pointer;
        margin-top: 20px;
    }

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

    .showmore-button1 .showmore-button1-inner {
        display: inline-block;
        line-height: 14px;
        font-size: 14px;
        color: #a7b4c9;
        text-decoration: none;
        cursor: pointer;
        margin-top: 8px;
        margin-bottom: 20px;
    }

    .fea-ad .card {
        margin-bottom: 0;
    }

    .cat-slide .card {
        margin-bottom: 0;
    }

    .fade.in {
        opacity: 1;
    }

    .owl-carousel {
        position: relative;
    }

    .owl-carousel .owl-item {
        position: relative;
        cursor: url(../plugins/owl-carousel/cursor.html), move;
        overflow: hidden;
    }

    .owl-nav {
        display: block;
    }

    #small-categories .owl-nav .owl-next,
    #small-categories .owl-nav .owl-prev {
        top: 58%;
    }

    .slider .owl-nav .owl-prev {
        left: 15px;
    }

    .slider .owl-nav .owl-next {
        right: 15px;
    }

    .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        /* left: -25px; */
        right: -1.5em;
        margin-top: -1.65em;
    }

    .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        left: -25px;
        margin-top: -1.65em;
    }

    @media (max-width: 480px) {
        .owl-nav .owl-prev {
            left: -10px;
        }

        .countdown-timer-wrapper .timer .timer-wrapper .time {
            width: 70px;
            height: 70px;
            font-size: 1.3rem !important;
            margin-bottom: -25px;
        }

        .countdown-timer-wrapper {
            margin: 39px auto 15px auto !important;
        }

        .categories-1 .banner-1 .header-text p {
            margin-bottom: 0.5rem;
            font-size: 14px;
        }
    }

    .owl-nav button {
        display: block;
        font-size: 1.3rem !important;
        line-height: 2em;
        border-radius: 50%;
        width: 3rem;
        height: 3rem;
        text-align: center;
        background: rgba(255, 255, 255, 0.5) !important;
        border: 1px solid #d8dde6 !important;
        z-index: 99;
        box-shadow: 0 4px 15px rgba(67, 67, 67, 0.15);
    }

    .owl-nav button:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098d1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .owl-carousel:hover .owl-nav button {
        background: rgba(255, 255, 255) !important;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        animation: sonarEffect 1.3s ease-out 75ms;
    }

    .owl-nav>div i {
        margin: 0;
    }

    .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        position: absolute;
        bottom: 0.65em;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 1em;
        height: 1em;
        margin: 5px 7px;
        background: rgba(0, 0, 0, 0.3);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 0.2s ease;
        border-radius: 30px;
    }

    .testimonial-owl-carousel img {
        margin: 0 auto;
        text-align: center;
    }

    .center-block {
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .owl-carousel.owl-drag .owl-item {
        left: 0 !important;
        right: 0;
    }

    .wishlist {
        background: #080e1b4a !important;
    }

    .wishlist.active {
        background: #e62a72 !important;
    }

    .constuction-logo {
        border-bottom: 3px solid;
        border-radius: 3px;
    }

    .coupon-code .coupon {
        background: rgb(242, 187, 26, 0.1);
        border: 2px dashed #f2bb1a;
        text-align: center;
        border-radius: 2px;
    }

    .feature-icons {
        width: 14px;
        height: auto;
        margin-right: 5px;
        margin-top: -4px;
    }

    .construction-image {
        background: url(../images/photos/construction.jpg);
        background-position: center;
        background-size: cover;
        background-attachment: fixed;
    }

    .construction-image:before {
        position: fixed;
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1;
        left: 0;
        right: 0;
        background: linear-gradient(-225deg, rgba(72, 1, 255, 0.9) 0, rgba(121, 24, 242, 0.9) 48%, rgba(172, 50, 228, 0.9) 100%);
    }

    .construction {
        z-index: 1;
    }

    .construction .btn.btn-icon {
        text-align: center;
        padding: 0;
        background: 0 0;
        font-size: 20px;
        color: rgba(255, 255, 255);
        margin: 0 5px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
    }

    .construction .btn {
        border-radius: 20px;
    }

    .construction .form-control {
        border: 1px solid #c4c5c9;
        border-radius: 20px;
        padding-left: 20px;
        width: 60%;
    }

    .construction .input-group-1 {
        margin: 0 auto;
    }

    .construction h3 {
        color: #fff;
        font-size: 3.2rem;
        font-weight: 800 !important;
        margin-bottom: 0.4em !important;
        letter-spacing: 0;
        padding-bottom: 0;
        line-height: 1.2;
    }

    .construction p {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 0.9375em;
        letter-spacing: 0.06667em;
        color: rgba(255, 255, 255, 0.7);
    }

    .construction-image .card {
        background: rgba(255, 255, 255);
    }

    .eductaional-tabs.nav {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    .tabs-menu ul.eductaional-tabs li a {
        padding: 10px 20px 11px 20px;
        background: #ff2b88;
        border-radius: 23px;
        margin: 10px;
        color: #fff;
    }

    @media (max-width: 480px) {
        .tabs-menu ul.eductaional-tabs li a {
            margin: 0;
        }

        .tabs-menu ul.eductaional-tabs li {
            width: 100% !important;
        }

        .tab-content .tab-pane .card-body a {
            width: 100%;
            display: block;
        }

        .tab-content .tab-pane .card-body a.float-right {
            float: none !important;
        }

        .product-slider .thumbcarousel {
            margin: 2px 0 0 0;
            padding: 0;
            width: inherit !important;
        }

        .tab-content .tab-pane .card-body a {
            width: inherit !important;
            display: block;
        }

        .product-slider .carousel-control-prev i {
            font-size: 2rem;
            padding: 0.1rem;
        }

        .product-slider .carousel-control-next i {
            font-size: 2rem;
            padding: 0.1rem;
        }
    }

    @media (max-width: 767px) {
        .tabs-menu ul.eductaional-tabs li {
            width: 50%;
            text-align: center;
        }

        .icon-card li.mb-0:last-child {
            margin-bottom: 0 !important;
        }

        .icon-card li.mb-0 {
            margin-bottom: 0.5rem !important;
        }

        .icon-card li {
            width: 100% !important;
        }

        .item-cards7-ic li {
            width: 100% !important;
        }

        .item-card7-desc ul.d-flex li {
            margin-bottom: 10px;
            width: 100% !important;
        }

        .counter-status.status-1 {
            margin-top: 1.5rem;
        }

        .item-card7-desc ul.d-flex {
            display: block !important;
        }

        .tabs-menu ul.eductaional-tabs li a {
            display: block;
        }

        .item-card2-desc ul.d-flex li {
            margin-bottom: 10px;
        }

        .item7-card-desc.d-flex {
            display: block !important;
            text-align: right;
        }

        .item-card2-desc ul.d-flex {
            display: block !important;
        }
    }

    .horizontalMenu>.horizontalMenu-list>li>a.btn:hover {
        background: #fb9512;
    }

    .my-select .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100% !important;
    }

    .item-user span i {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #f2f3f8;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
    }

    @media (max-width: 767px) {
        .item-user .profile-pic .d-md-flex .ml-4 {
            margin-left: 0 !important;
            margin-top: 15px;
        }
    }

    @media (max-width: 768px) {
        .tabs-menu1 ul li a {
            display: block;
            width: 100%;
            border: 1px solid #d8dde6;
            margin: 1px;
            border-radius: 2px;
        }
    }

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

    .profile-pic .d-md-flex {
        text-align: left;
    }

    @media (max-width: 480px) {
        .d-flex.ad-post-details {
            display: block !important;
        }

        .tabs-menu1 ul li a {
            margin: 2px;
        }

        .list-id .col {
            display: block;
            width: 100%;
        }

        .ads-tabs .tabs-menus ul li a {
            width: 100%;
            display: block;
        }

        .ads-tabs .tabs-menus ul li {
            margin-bottom: 10px;
            margin-right: 0;
            width: 100%;
        }

        .zoom-container .arrow-ribbon2 {
            font-size: 20px;
        }

        .zoom-container .arrow-ribbon2:before {
            right: -17px;
        }
    }

    @media (min-width: 561px) and (max-width: 767px) {
        .navtab-wizard.nav-tabs li {
            width: 50%;
            display: contents;
        }

        .tabs-menu1 ul li {
            display: block;
            width: 49%;
            margin: 1px;
        }

        .navtab-wizard.nav-tabs .nav-link:first-child {
            border-top: 0;
        }

        .navtab-wizard.nav-tabs .nav-link {
            border-left: 0;
            border-top: 1px solid #d8dde6;
        }
    }

    .item-card7-img {
        position: relative;
    }

    .item-card7-img:before {
        content: "";
        display: block;
        position: absolute;
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }

    .item-card7-img a {
        position: absolute;
    }

    .item-card7-img h4 {
        position: absolute;
        bottom: 20px;
        right: 15px;
        font-size: 25px;
        color: #fff;
    }

    .owl-carousel .owl-dots {
        margin: 0 auto;
        text-align: center;
    }

    .border-5 .owl-carousel .owl-dots {
        margin: 0 auto;
        text-align: center;
        bottom: 10px;
        position: absolute;
        right: 10px;
    }

    .owl-carousel button.owl-dot {
        margin: 10px 10px 0 10px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        text-align: center;
        display: inline-block;
        border: none;
    }

    .owl-carousel-icons5 .owl-nav .owl-prev {
        position: absolute;
        top: 42%;
        left: auto;
        right: -24px;
        margin-top: -1.65em;
    }

    .owl-carousel-icons5 .owl-nav .owl-next {
        position: absolute;
        top: 58%;
        left: auto;
        right: -24px;
        margin-top: -1.65em;
    }

    .owl-carousel-icons4.owl-carousel .owl-item img {
        margin: 0 auto;
    }

    #carousel-controls.owl-carousel .owl-item img {
        width: 100%;
    }

    #exzoom {
        width: 100%;
    }

    :focus {
        outline: 0 !important;
    }

    .marketplace-or {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 20px;
        line-height: 56px;
        text-align: center;
        margin: 0 auto;
        border: 3px solid rgba(255, 162, 43, 0.1);
        background: rgba(255, 162, 43, 0.3);
    }

    .marketplace-alignment .text-center {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .marketplace-alignment {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .ecommerce-menu {
        float: none !important;
    }

    .header-menu1 {
        float: none !important;
    }

    @media (max-width: 340px) {
        .auction-content .product-item2-desc .product-item2-rating {
            display: block;
        }
    }

    @media (max-width: 767px) and (min-width: 569px) {
        .auction-content .product-item2-desc .product-item2-rating {
            display: block;
        }
    }

    @media (max-width: 1024px) and (min-width: 992px) {
        .auction-content .product-item2-desc .product-item2-rating {
            display: block;
        }

        .owl-carousel-icons6 .product-item2-desc .product-item2-rating {
            display: block;
        }
    }

    .ecommerce-menu.horizontalMenu>.horizontalMenu-list>li>a {
        padding: 9px 30px;
    }

    .ecommerce-menu.horizontalMenu>.horizontalMenu-list>li>a .fa {
        margin-right: 9px;
    }

    @media (min-width: 992px) and (max-width: 1350px) {
        .ecommerce-menu.horizontalMenu>.horizontalMenu-list>li>a {
            padding: 9px 15px;
        }
    }

    @media (min-width: 992px) and (max-width: 1350px) {
        .header-menu1 .input-group {
            width: 140px;
        }
    }

    @media (min-width: 568px) and (max-width: 767px) {
        #container1 {
            min-height: 460px !important;
        }
    }

    @media (max-width: 567px) {
        #container1 {
            min-height: 515px !important;
        }
    }

    @media (max-width: 992px) {
        .header-menu1 .input-group {
            padding: 10px !important;
        }

        .header-menu1 a.btn {
            width: 220px;
            text-align: center !important;
            margin: 0 auto !important;
            float: none !important;
        }

        .testimonial-owl-carousel .owl-nav .owl-prev {
            top: 20% !important;
        }

        .testimonial-owl-carousel .owl-nav .owl-next {
            top: 20% !important;
        }
    }

    .register-right .nav-tabs .nav-link {
        padding: 12px 25px;
        margin: 1px;
        text-align: center;
        display: block;
        border-radius: 3px;
        background: #f1f5fd;
    }

    .register-right .nav-tabs {
        background: #fff;
        margin: 0 auto;
        border-radius: 3px;
        box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
    }

    .register-right .nav-tabs .nav-item {
        display: block;
        text-align: center;
    }

    .gradient-icon {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .bg-background:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    .bg-background2:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        top: 0;
    }

    .bg-background5:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        top: 0;
    }

    .bg-background-6:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    .bg-background-5:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        top: 0;
    }

    .bg-background-color:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    .bg-background3:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    .bg-background9:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    .bg-background3 .header-text {
        position: relative;
        z-index: 10;
    }

    .bg-background9 .header-text {
        position: relative;
        z-index: 10;
        top: 20px;
    }

    .bg-background-color .content-text {
        position: relative;
        z-index: 10;
    }

    .bg-background .header-text1 {
        position: relative;
        z-index: 10;
    }

    .bg-background2 .header-text {
        position: relative;
        z-index: 10;
        top: 10px;
        bottom: 70px;
    }

    .serach-form-width {
        position: relative;
        z-index: 10;
        top: 70px;
        bottom: 70px;
        width: 70%;
        margin: 0 auto;
    }

    .bg-background5 .header-text {
        position: relative;
        z-index: 10;
        top: 70px;
        bottom: 70px;
    }

    .bg-background2 .header-text h1 {
        font-family: 'Tajawal', sans-serif;
        font-size: 2.4rem;
        line-height: 3.4rem;
    }

    .section-title h2 {
        font-family: 'Tajawal', sans-serif;
        font-size: 2rem;
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .section-title h2:after {
        content: "";
        position: absolute;
        width: 10%;
        height: 1px;
        left: 0;
        top: 50px;
        right: 0;
        margin-bottom: 20px;
        margin: 0 auto;
        text-align: center;
    }

    .section-title2 h3 {
        font-family: 'Tajawal', sans-serif;
        font-size: 2.4rem;
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .section-title2 h3:after {
        content: "";
        position: absolute;
        width: 10%;
        height: 1px;
        left: 0;
        top: 54px;
        margin-bottom: 20px;
        margin: 0 auto;
        text-align: center;
    }

    @media (max-width: 992px) {
        .sptb-5 {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }

        .sptb-5 .header-text {
            top: 0;
        }
    }

    @media (max-width: 320px) {
        .Marketplace .tab-pane .card-footer .footerimg-r {
            display: none;
        }

        .banner1.slider-images .header-text {
            top: 6% !important;
        }
    }

    #homeVideo button.btn.btn-default {
        background: rgba(34, 40, 74, 0.7);
        position: absolute;
        right: 5px;
        top: 5px;
        border-radius: 25px;
        padding: 6px 3px;
        line-height: 25px;
        z-index: 5;
        color: #fff;
    }

    #homeVideo button.btn.btn-default:hover {
        background: rgba(34, 40, 74);
    }

    .vertical-scroll .news-item {
        border: 1px solid #d8dde6 !important;
        margin-bottom: 15px;
        padding: 10px;
    }

    .vertical-scroll .news-item td:last-child {
        width: 76%;
    }

    .vertical-scroll .item {
        border: 1px solid #d8dde6 !important;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .vertical-scroll .item .p-5 {
        padding: 1rem !important;
    }

    .vertical-scroll {
        margin-bottom: 0;
    }

    .vertical-scroll1 .item {
        border: 1px solid #d8dde6 !important;
        margin-bottom: 15px;
        background: #fff;
    }

    .vertical-scroll1 .item a {
        text-decoration: intial;
    }

    .vertical-scroll .item2 {
        border-bottom: 1px solid #d8dde6 !important;
        padding: 12px 25px;
    }

    .header-main-banner {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        z-index: 99;
    }

    .header-main-banner .horizontal-main,
    .header-main-banner .horizontalMenu>.horizontalMenu-list {
        background: 0 0;
    }

    @media (max-width: 480px) {
        .employers-details {
            display: none;
        }

        .hide-details {
            height: 128px !important;
        }

        .content-text .section-title {
            padding-bottom: 5px;
        }
    }

    @media (max-width: 400px) {
        .employers-btn {
            display: none;
        }

        .distracted {
            display: none;
        }
    }

    @media (min-width: 992px) {

        .header-main-banner .horizontalMenu>.horizontalMenu-list>li>a,
        .header-main-banner .horizontalMenu>.horizontalMenu-list>li>a>.fa {
            color: rgba(255, 255, 255, 0.8);
        }
    }

    .pt-10 {
        padding-top: 8rem !important;
    }

    .axgmap {
        position: relative;
        width: 100%;
        height: calc(100vh - 88px);
        overflow: hidden;
    }

    .axgmap-img {
        width: 30px;
        height: 30px;
        text-align: center;
        background: #fff;
    }

    .gm-style .gm-style-iw {
        padding: 20px !important;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        padding-bottom: 0;
        text-align: center;
        width: 250px !important;
    }

    @media (min-width: 767px) {
        .gm-style .gm-style-iw {
            padding: 15px !important;
            /* width: 100% !important; */
            /* max-width: 300px !important; */
        }
    }

    .gm-style-iw-d {
        overflow: unset !important;
        max-height: 100% !important;
    }

    .gm-style .gm-style-iw h4 {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .gm-ui-hover-effect {
        opacity: 0.6;
        top: 0 !important;
        right: 0 !important;
    }

    .gm-style .gm-style-iw a.btn {
        margin-bottom: 6px;
    }

    @media (min-width: 992px) and (max-width: 1359px) {
        .map-content-width {
            width: 45%;
        }

        .map-width {
            width: 55%;
        }

        .location-search .map-content-width {
            width: 0%;
        }

        .location-search .map-width {
            width: 100%;
        }
    }

    @media (min-width: 1360px) {
        .map-content-width {
            width: 45%;
            overflow: hidden;
        }

        .map-width {
            width: 55%;
            overflow: hidden;
        }

        .location-search .map-content-width {
            width: 0%;
        }

        .location-search .map-width {
            width: 100%;
        }
    }

    @media (max-width: 360px) {
        .about-1 h2 {
            font-size: 1.3rem;
        }
    }

    .map-content-width .mCSB_inside>.mCSB_container {
        margin-right: 0;
    }

    .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        float: right;
    }

    .map-content-width .mCSB_scrollTools .mCSB_draggerRail {
        display: none !important;
    }

    .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: rgba(0, 0, 0, 0.3) !important;
    }

    .map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background: rgba(0, 0, 0, 0.5) !important;
    }

    .mh-500 {
        max-height: 500px;
    }

    .widget-info-right {
        text-align: right;
        float: right;
    }

    @media (max-width: 992px) {
        .widget-info-right {
            text-align: left;
            float: left;
        }

        .header-text1 h1 {
            font-size: 1.8rem;
            margin-bottom: 5px;
        }

        .header-text1 .display-3 {
            font-size: 3.5rem;
            margin-bottom: 5px;
        }
    }

    @media (max-width: 480px) {
        .popup.bg-background2 .header-text {
            top: 30px !important;
        }
    }

    @media (max-width: 480px) {
        .reviews-categories .widget-spec1 li {
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
            display: flow-root;
        }

        .reviews-categories .widget-spec1 li span {
            margin: 0;
        }
    }

    @media (max-width: 767px) {
        .books-categories.item-all-cat .row .item-all-card {
            margin-bottom: 0.5rem;
        }

        .doctor-categories.item-all-cat .row .item-all-card {
            margin-bottom: 0.5rem;
        }

        .rating-stars .rating-stars-container .rating-star.sm {
            font-size: 13px;
        }
    }

    @media (max-width: 568px) {
        .items-gallery .items-blog-tab-heading {
            padding: 15px 0;
        }

        .items-blog-tab-heading .items-blog-tab-menu li a {
            margin-left: 0;
            margin-right: 0;
        }

        .items-gallery .items-blog-tab-heading {
            display: block;
        }

        .books-categories.item-all-cat .row .item-all-card {
            margin-bottom: 0.5rem;
        }
    }

    .horizontal-main {
        background: #113279;
    }

    .horizontalMenu>.horizontalMenu-list {
        background-color: transparent;
    }

    .horizontal-header {
        background-color: transparent;
    }

    .horizontalMenu>.horizontalMenu-list>li>a {
        color: #fff;
    }

    .horizontalMenu>.horizontalMenu-list>li>a.btn {
        color: #fff;
        font-size: 0.85rem;
    }

    .horizontalMenu>.horizontalMenu-list>li>a>.fa {
        color: #fff;
    }

    .horizontalMenu>.horizontalMenu-list>li>a.active .fa {
        color: #fff;
    }

    .horizontalMenu>.horizontalMenu-list>li:hover>a>.fa {
        color: #fff;
    }

    .horizontalMenu>.horizontalMenu-list>li>a:hover .fa {
        color: #fff;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li a i {
        color: #333;
    }

    .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>a i {
        color: #fff;
    }

    .highlight {
        background: rgba(255, 215, 0, 0.115);
    }

    code {
        font-size: 16px;
        background: #f7f7f7;
        padding: 3px 5px;
        border-radius: 3px;
        border: 1px solid #ebebeb;
    }

    button#ihavecookiesBtn {
        margin-left: 0 !important;
    }

    #gdpr-cookie-message {
        position: fixed;
        z-index: 999;
        left: 0;
        bottom: 30px;
        max-width: 375px;
        background-color: rgba(255, 255, 255, 0.95);
        padding: 20px;
        border-radius: 5px;
        border: 1px solid #d1d3da;
        box-shadow: 0 8px 20px 0 rgba(40, 37, 89, 0.6);
        margin-left: 30px;
        text-align: center;
        display: block;
    }

    #gdpr-cookie-message h4 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #gdpr-cookie-message h5 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    #gdpr-cookie-message p,
    #gdpr-cookie-message ul {
        color: #080e1b;
        font-size: 15px;
        line-height: 1.5em;
    }

    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: center;
    }

    #gdpr-cookie-message li {
        width: 49%;
        display: -webkit-inline-box;
    }

    #gdpr-cookie-message a {
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        transition: all 0.3s ease-in;
    }

    #gdpr-cookie-message button,
    button#ihavecookiesBtn {
        border: none;
        background: #162946;
        color: #fff;
        font-size: 14px;
        padding: 7px 18px;
        border-radius: 3px;
        margin-top: 4px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }

    @media (max-width: 390px) {
        button#gdpr-cookie-advanced {
            margin-left: 0 !important;
        }

        #gdpr-cookie-message p button {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .item2-gl-nav .item2-gl-menu {
            display: none;
        }

        .item2-gl-nav h6 {
            margin-bottom: 20px !important;
        }
    }

    @media (max-width: 480px) {
        #gdpr-cookie-message {
            margin: 0 15px;
            display: block;
            right: 0;
            box-shadow: 0 0 20px 0 rgba(40, 37, 89, 0.9);
            display: none !important;
        }
    }

    button#gdpr-cookie-advanced {
        margin-left: 4px;
    }

    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }

    #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
    }

    .marketplace-section img {
        width: 7rem;
        height: 7rem;
        border-radius: 50%;
        padding: 2.3rem 0;
    }

    .ui-widget-header {
        border: 1px solid #2c4359;
        color: #e1e463;
        font-weight: 700;
    }

    .ui-widget-header a {
        color: #e1e463;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #d8dde6;
        font-weight: 700;
        color: #333;
    }

    @media (max-width: 992px) and (min-width: 767px) {
        .map-width {
            display: contents;
        }
    }

    #particles-js {
        position: absolute;
        height: 100%;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        bottom: 0;
    }

    .relative {
        position: relative !important;
    }

    .zindex1 {
        z-index: 1 !important;
    }

    .zindex2 {
        z-index: 2 !important;
    }

    .map-absolute {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        border-bottom: 0 !important;
    }

    h1.animated-text {
        font-family: monospace;
        overflow: hidden;
        border-right: 0.15em solid orange;
        white-space: nowrap;
        margin: 0 auto;
        letter-spacing: 0.15em;
        animation: typing 3.5s steps(30, end), blinking-cursor 0.5s step-end infinite;
    }

    @keyframes typing {
        from {
            width: 0;
        }

        to {
            width: 100%;
        }
    }

    @keyframes blinking-cursor {

        from,
        to {
            border-color: transparent;
        }

        50% {
            border-color: orange;
        }
    }

    .banner1 .slide-header-text {
        top: 40%;
        z-index: 98 !important;
    }

    .slider-header .item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
        top: 0;
    }

    a.typewrite {
        color: #fff !important;
        font-size: 2.5rem;
    }

    .btn-floating.btn-sm i {
        font-size: 0.96154rem;
        line-height: 36.15385px;
    }

    .btn-floating i {
        display: inline-block;
        width: inherit;
        text-align: center;
        color: #fff;
        line-height: 40px !important;
    }

    .btn-floating {
        width: 35px;
        height: 35px;
        line-height: 1.7;
        position: relative;
        z-index: 1;
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding: 0;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.2);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.1), 0 4px 15px 0 rgba(0, 0, 0, 0.1);
    }

    .pattern {
        background: url(../images/patterns/prism.html);
    }

    .pattern:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        display: block;
        z-index: 0;
        top: 0;
    }

    .pattern:before {
        background: linear-gradient(-225deg, rgba(72, 1, 255, 0.7) 0, rgba(121, 24, 242, 0.7) 48%, rgba(172, 50, 228, 0.7) 100%);
    }

    .pattern-1 {
        background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/dealer/profile-bg.jpg) center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-size: cover;
        background: #3e4a9f !important;
    }

    .pattern-2 {
        background: linear-gradient(-225deg, rgba(72, 1, 255, 0.7) 0, rgba(121, 24, 242, 0.7) 48%, rgba(172, 50, 228, 0.7) 100%), url(../images/products/cars/subscribe.html);
    }

    .card-img img {
        border-radius: 5px;
    }

    .ribbon-1 {
        position: absolute;
        top: -6.1px;
        right: 10px;
        color: #fff;
    }

    .ribbon-1:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        z-index: 99;
    }

    .ribbon-1 span {
        position: relative;
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 1;
        padding: 12px 8px 10px;
        border-top-right-radius: 8px;
        z-index: 99;
    }

    .ribbon-1 span:after,
    .ribbon-1 span:before {
        position: absolute;
        content: "";
    }

    .ribbon-1 span:before {
        height: 6px;
        width: 6px;
        left: -6px;
        top: 0;
    }

    .ribbon-1 span:after {
        height: 6px;
        width: 8px;
        left: -8px;
        top: 0;
        border-radius: 8px 8px 0 0;
    }

    .ribbon-1 i {
        color: #fff;
        font-size: 16px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .ribbon-2 {
        position: absolute;
        top: -6.1px;
        right: 10px;
        color: #fff;
    }

    .ribbon-2:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-top: 13px solid #162946;
        z-index: 99;
    }

    .ribbon-2 span {
        position: relative;
        display: block;
        text-align: center;
        background: #162946;
        font-size: 14px;
        line-height: 1;
        padding: 12px 8px 10px;
        border-top-right-radius: 8px;
        z-index: 99;
    }

    .ribbon-2 span:after,
    .ribbon-2 span:before {
        position: absolute;
        content: "";
    }

    .ribbon-2 span:before {
        height: 6px;
        width: 6px;
        left: -6px;
        top: 0;
        background: #162946;
    }

    .ribbon-2 span:after {
        height: 6px;
        width: 8px;
        left: -8px;
        top: 0;
        border-radius: 8px 8px 0 0;
        background: #162946;
    }

    .ribbon-2 i {
        color: #fff;
        font-size: 16px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .ribbon-3 {
        position: absolute;
        top: -6.1px;
        right: 10px;
        color: #fff;
    }

    .ribbon-3:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 23px solid transparent;
        border-right: 23px solid transparent;
        border-top: 13px solid #0ccad8;
        z-index: 99;
    }

    .ribbon-3 span {
        position: relative;
        display: block;
        text-align: center;
        background: #0ccad8;
        font-size: 14px;
        line-height: 1;
        padding: 12px 8px 10px;
        border-top-right-radius: 8px;
        z-index: 99;
    }

    .ribbon-1 span:after,
    .ribbon-3 span:before {
        position: absolute;
        content: "";
    }

    .ribbon-3 span:before {
        height: 6px;
        width: 6px;
        left: -6px;
        top: 0;
        background: #0ccad8;
    }

    .ribbon-3 span:after {
        height: 6px;
        width: 8px;
        left: -8px;
        top: 0;
        border-radius: 8px 8px 0 0;
        background: #0ccad8;
    }

    .ribbon-3 i {
        color: #fff;
        font-size: 16px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .single-page button.dark {
        border-color: #ff4931;
        background: #ff4931;
    }

    .single-page .move button.dark {
        border-color: #e0b722;
        background: #e0b722;
    }

    .single-page .splits p {
        font-size: 18px;
    }

    .single-page button:active {
        box-shadow: none;
    }

    .single-page button:focus {
        outline: 0;
    }

    .single-page .wrapper2 {
        top: -37%;
        left: 4%;
    }

    .single-page>.wrapper3 {
        width: 100%;
        padding-top: 8rem;
    }

    .single-page .wrapper2 {
        background: #fff;
        width: 100%;
        background: #fff;
        transition: all 0.5s;
        color: #fff;
        overflow: hidden;
        border-radius: 4px;
    }

    .single-page .wrapper2 {
        background: #fff;
        box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.1), 0 2px 9px 0 rgba(62, 57, 107, 0.1);
        transition: all 0.5s;
        color: #838ab6;
        overflow: hidden;
        border-radius: 7px;
        padding: 30px 30px;
    }

    .single-page .wrapper>form {
        width: 100%;
        transition: all 0.5s;
        background: #fff;
        width: 100%;
    }

    .single-page .wrapper2 .card-body {
        padding: 30px;
    }

    .single-page .wrapper>form:focus {
        outline: 0;
    }

    .single-page .wrapper #login {
        visibility: visible;
    }

    .single-page .wrapper #register {
        transform: translateY(-80%) translateX(100%);
        visibility: hidden;
    }

    .single-page .wrapper.move #register {
        transform: translateY(-80%) translateX(0);
        visibility: visible;
    }

    .single-page .wrapper.move #login {
        transform: translateX(-100%);
        visibility: hidden;
    }

    .single-page .wrapper2>form>div {
        position: relative;
        margin-bottom: 20px;
        /* direction: rtl; */
    }

    .single-page .wrapper label {
        position: absolute;
        top: -7px;
        font-size: 14px;
        white-space: nowrap;
        background: #fff;
        text-align: left;
        left: 15px;
        padding: 0 5px;
        color: #080e1b;
        pointer-events: none;
        font-weight: 600;
    }

    .single-page .wrapper2 h3,
    .single-page .wrapper2 h4 {
        margin-bottom: 25px;
        font-size: 22px;
        color: #080e1b;
    }

    .single-page .wrapper input {
        height: 50px;
        padding: 5px 15px;
        width: 100%;
        border: solid 1px #d8dde6;
    }

    .single-page .wrapper input:focus {
        outline: 0;
        border-color: #d8dde6;
    }

    .single-page>.wrapper.move {
        left: 45%;
    }

    .single-page>.wrapper.move input:focus {
        border-color: #e0b722;
    }

    .single-page {
        width: 100%;
        margin: 0 auto;
        display: table;
        position: relative;
        border-radius: 7px;
    }

    .single-page.single-pageimage {
        min-height: 387px;
    }

    .single-page.single-pageimage::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
    }

    @media (min-width: 1024px) {
        .single-pageimage .log-wrapper {
            margin-top: 100px;
        }
    }

    .single-page>.log-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        color: #fff;
    }

    .pricingTable {
        padding: 25px 0;
        border: 1px solid rgba(0, 40, 100, 0.12);
        text-align: center;
    }

    .pricingTable .price-value {
        font-size: 50px;
        font-weight: 800;
        color: #0d3b66;
        letter-spacing: 3px;
        margin-bottom: 30px;
    }

    .pricingTable .month {
        display: block;
        font-size: 17px;
        font-weight: 400;
        color: #0d3b66;
        letter-spacing: 2px;
        line-height: 10px;
        text-transform: uppercase;
    }

    .pricingTable .title {
        display: inline-block;
        padding: 15px 40px;
        margin: 0 0 20px 0;
        background: rgba(233, 30, 99, 0.1);
        font-size: 20px;
        text-transform: capitalize;
        letter-spacing: 1px;
        position: relative;
        transition: all 0.3s ease 0s;
    }

    .pricingTable .title:after,
    .pricingTable .title:before {
        content: "";
        border-right: 26px solid rgba(233, 30, 99, 0.1);
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        position: absolute;
        top: 0;
        left: -26px;
        transition: all 0.3s ease 0s;
    }

    .pricingTable .title:after {
        border-right: none;
        border-left: 26px solid rgba(233, 30, 99, 0.1);
        left: auto;
        right: -26px;
    }

    .pricingTable .pricing-content {
        padding: 0;
        margin: 0 0 25px 0;
        list-style: none;
    }

    .pricingTable .pricing-content li {
        font-size: 17px;
        line-height: 40px;
    }

    .pricingTable .pricingTable-signup {
        display: inline-block;
        padding: 7px 30px;
        background: rgba(233, 30, 99, 0.1);
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        transition: all 0.3s ease 0s;
    }

    .pricingTable .pricingTable-signup:after,
    .pricingTable .pricingTable-signup:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transition: all 0.5s ease 0s;
    }

    .pricingTable .pricingTable-signup:hover:before {
        background: rgba(255, 255, 255, 0.7);
        left: 60%;
        right: 60%;
        z-index: 1;
    }

    .pricingTable .pricingTable-signup:hover:after {
        background: rgba(255, 255, 255, 0.7);
        top: 60%;
        bottom: 60%;
    }

    @media only screen and (max-width: 990px) {
        .pricingTable {
            margin-bottom: 30px;
        }
    }

    .pricingTable2 {
        text-align: center;
        transition: all 0.4s ease-in-out 0s;
        background: #fff;
        border: 1px solid rgba(0, 40, 100, 0.12);
    }

    .pricingTable2-header {
        padding: 25px 10px;
        background-color: #fff;
    }

    .pricingTable2 .pricingTable2-header h3 {
        font-size: 21px;
        letter-spacing: 2px;
        color: #000;
        text-transform: uppercase;
        margin-top: 10px;
    }

    .pricingTable2-header span {
        display: block;
        font-size: 12px;
    }

    .pricing-plans {
        padding: 25px 0;
    }

    .price-value1 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        display: inline-block;
        position: relative;
    }

    .price-value1 i {
        position: absolute;
        top: 3px;
        font-size: 22px;
    }

    .price-value1 span {
        font-size: 40px;
        color: #fff;
        margin-left: 17px;
    }

    .pricing-plans .month {
        color: #fff;
        display: inline-block;
        font-size: 15px;
        margin-top: 15px;
        font-weight: 100;
    }

    .pricingContent2 ul {
        padding: 0 15px;
        margin-bottom: 0;
        list-style: none;
    }

    .pricingContent2 ul li {
        padding: 15px 0;
        text-transform: capitalize;
    }

    .pricingTable2 .pricingTable2-sign-up {
        padding: 25px 0;
        border-top: 1px solid rgba(0, 40, 100, 0.12);
    }

    .pricingTable2 .btn-block {
        width: 50%;
        margin: 0 auto;
        padding: 10px 0;
        color: #fff;
        text-transform: uppercase;
        border-radius: 50px;
        transition: 0.3s ease;
    }

    .pricingTable2.blue .pricing-plans {
        background-color: #162946;
    }

    .pricingTable2.green .pricing-plans {
        background-color: #05a01f;
    }

    .pricingTable2.info .pricing-plans {
        background-color: #0ab2e6;
    }

    @media screen and (max-width: 990px) {
        .pricingTable2 {
            margin-bottom: 30px;
        }
    }

    .customerpage .btn-icon {
        border: 1px solid rgba(96, 94, 126, 0.2);
    }

    .custom-control-label,
    ::-ms-backdrop {
        position: static;
    }

    .media-body,
    .media-left,
    .media-right,
    ::-ms-backdrop {
        display: list-item;
        vertical-align: top;
    }

    .media-left,
    .media-right,
    .table-responsive .media-body,
    ::-ms-backdrop {
        display: table-cell;
    }

    .breadcrumb-3 li,
    ::-ms-backdrop {
        display: inline-block;
        text-align: center;
    }

    .breadcrumb-4 li,
    ::-ms-backdrop {
        display: inline-block;
        text-align: center;
    }

    .breadcrumb-1 li,
    ::-ms-backdrop {
        display: inline-block;
        text-align: center;
    }

    .breadcrumb-2 li,
    ::-ms-backdrop {
        display: inline-block;
        text-align: center;
    }

    .iteam-all-icon,
    ::-ms-backdrop {
        height: 100%;
    }

    .construction-image:before,
    ::-ms-backdrop {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1;
        left: 0;
        right: 0;
    }

    .page-h,
    ::-ms-backdrop {
        height: 100%;
    }

    .imagecheck-figure {
        height: 100%;
    }

    .position-absolute,
    ::-ms-backdrop {
        position: absolute !important;
    }

    .feature .icons {
        position: relative;
        display: inline-block;
        width: 3em;
        height: 3em;
        line-height: 3em;
        vertical-align: middle;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .form .btn {
        position: relative;
        right: -1px;
    }

    .right-0 {
        right: 0 !important;
    }

    .location-gps {
        cursor: pointer;
        height: 20px;
        line-height: 20px;
        position: absolute;
        left: 12px;
        text-align: right;
        top: 14.5px;
        background: #fff;
        width: 15px;
        color: #080e1b;
    }

    #small-categories .cat-item {
        position: relative;
        padding: 30px 20px;
        overflow: hidden;
    }

    .header-style .horizontalMenu {
        float: inherit !important;
    }

    .top-bar .select2-dropdown.select2-dropdown--below {
        width: 180px !important;
    }

    .top-bar .select-country .select2-container {
        width: 150px !important;
    }

    .loader-img .floating {
        animation: floating 3s ease infinite;
        will-change: transform;
    }

    @keyframes floating {
        0% {
            transform: translateY(0px);
        }

        50% {
            transform: translateY(10px);
        }

        100% {
            transform: translateY(0px);
        }
    }

    .activity {
        position: relative;
        border-left: 1px solid #eaf2f9;
        margin-left: 16px;
    }

    .activity .img-activity {
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 34px;
        border-radius: 50%;
        position: absolute;
        left: -18px;
        -webkit-box-shadow: 0 0 0 0.5px #f8f9fa;
        box-shadow: 0 0 0 0.5px #f8f9fa;
    }

    .activity .item-activity {
        margin-left: 40px;
        margin-bottom: 19px;
    }

    .bg-card-light {
        background: #f1f5fd;
        text-align: center;
        transition: 0.4s;
        transform: scale(1);
        width: 100%;
        border-radius: 4px;
    }

    .status-border {
        border: 1px solid #d8dde6 !important;
    }

    .horizontal-main-1 {
        background: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    }

    .bg-background9:before {
        background: rgba(236, 41, 107, 0.7);
    }

    .bg-card {
        background: #f1f5fd;
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .bg-card:hover .text-primary-gradient {
        color: #fff !important;
    }

    .bg-card:hover .cat-desc {
        color: #000 !important;
    }

    .bg-card:hover .cat-img i {
        color: #fff;
    }

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

    body .modal-open {
        padding-right: 0 !important;
        overflow: hidden;
    }

    .modal.fade.show {
        padding-right: 0 !important;
        overflow: hidden;
    }

    .adpreview.modal.fade.show {
        padding-right: 0 !important;
        overflow: auto;
    }

    .user-prifile .wideget-user-warap {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .user-prifile .wideget-user-warap .wideget-user-warap-l {
        background: #ffffff;
        text-align: center;
        padding: 25px 15px;
        border-radius: 5px;
        border: 1px solid #e3e7ff;
    }

    .user-prifile .wideget-user-warap .wideget-user-warap-l h4 {
        font-size: 24px;
        font-weight: 600;
    }

    .info .counter-icon {
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        background: rgba(255, 255, 255, 0.1);
    }

    @media (min-width: 411px) and (max-width: 414px) {
        .banner-1 {
            height: 576px !important;
        }
    }

    .blog-list .item7-card-img {
        height: 196px !important;
    }

    .blog-list-1 {
        height: 196px;
    }

    @media screen and (max-width: 1279px) {
        .blog-list .item7-card-img {
            height: 100% !important;
        }
    }

    .item-overly-trans .rating-stars {
        position: absolute;
        bottom: 12px;
        right: 12px;
        z-index: 2;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        padding: 5px;
    }

    .item-overly-trans span {
        position: absolute;
        top: 15px;
        left: 12px;
        z-index: 2;
        color: #fff;
    }

    .item-overly-trans span a {
        border-radius: 5px;
        padding: 5px 10px;
        color: #fff;
        font-size: 12px;
    }

    .cars-detail-main .table td {
        padding: 0px 0px;
        vertical-align: top;
        border-top: 0;
        width: 33.33%;
        padding-right: 70px;
        position: relative;
        font-size: 16px;
        display: inline-block;
        margin-bottom: 40px;
    }

    .cars-detail-main .panel-default table tr td p {
        margin-bottom: 0px;
    }

    .cars-detail-main .panel-default {
        margin-bottom: 10px;
    }

    .item-overly-trans .rating-stars .rating-stars-container .rating-star.sm {
        color: rgba(255, 255, 255, 0.5);
    }

    .item-overly-trans .rating-stars .rating-stars-container .rating-star.is--active,
    .rating-stars .rating-stars-container .rating-star.is--hover {
        color: #f1c40f;
    }

    .car-slide a.carousel-control-next {
        position: absolute;
        width: 20% !important;
        height: auto;
        right: -1rem !important;
        top: 0;
        bottom: 0;
        left: auto;
        z-index: 999;
    }

    .car-slide a.carousel-control-prev {
        position: absolute;
        left: -1rem !important;
        width: 20% !important;
        height: auto;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
    }

    .multiple-cars .car-slide img {
        height: 170px;
    }

    .sold-out .d-md-flex,
    .sold-out .item-card9-img,
    .sold-out .item-card2-img,
    .sold-out .card {
        opacity: 0.4;
    }

    .sold-out .ribbon {
        z-index: 1;
        display: block !important;
    }

    .top-cities {
        background: #fff;
        border: 1px solid #d8dde6;
        padding: 20px;
        display: block;
    }

    .top-cities img {
        width: 70%;
        margin: 0 auto;
        padding: 0px;
        border-radius: 50%;
    }

    .top-cities.owl-carousel-icons4 img {
        border-radius: 0;
    }

    .top-cities .servic-data h4 {
        color: #3e4a9f;
        text-decoration: none;
    }

    .car-body-shapes img {
        margin: 0 auto;
        opacity: 0.7;
        width: 50%;
    }

    .car-body-img {
        width: 100px;
        height: 100px;
        line-height: 94px !important;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    i.car {
        line-height: 18px;
    }

    .bg-store {
        background: rgb(62, 74, 159);
        font-weight: 500;
        color: #000 !important;
        color: #ffffff !important;
    }

    .car-comparision .btn {
        font-family: 'Tajawal', sans-serif;
    }

    .car-comparision .card-image-difference {
        position: absolute;
        background: #162946;
        color: #fff;
        width: 40px;
        border-radius: 50%;
        left: 45%;
        right: 45%;
        line-height: 40px;
        margin: 0 auto;
        top: 20%;
        text-align: center;
        font-family: 'Tajawal', sans-serif;
        height: 40px;
    }

    .car-comparision1 .card-image-difference {
        top: 45%;
    }

    .op-1 {
        opacity: 0.1;
    }

    .social-images img {
        margin-top: -5px;
    }

    .cat-img1 img {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .card-footer a {
        font-size: 13px;
    }

    .item-card2-icons a i {
        color: #fff;
    }

    .box-shadow2 {
        box-shadow: 0 1px 2px rgba(234, 238, 249, 0.9);
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .box-shadow2:hover {
        box-shadow: 0 5px 15px rgba(16, 49, 85, 0.2);
    }

    .border-5 {
        border: 5px solid #d8dde6;
    }

    .op-6 {
        opacity: 0.6;
    }

    .form-group-text {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .users-list .select2.select2-container.select2-container--default {
        width: 150px !important;
        border-left: 1px solid #d8dde6 !important;
        border-radius: 3px;
    }

    @media (min-width: 992px) {
        .header-inputs .select2-container .select2-selection--single {
            border-left: 1px solid #d8dde6 !important;
            border-radius: 4px 4px 0 0;
        }

        .header-inputs .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 35px !important;
        }
    }

    .value-car-option .left-part {
        display: table-cell;
        vertical-align: top;
        float: left;
    }

    .value-car-option .left-part h2 {
        font-size: 20px;
        color: #2f2f2f;
    }

    .value-car-option .left-part .sel_iq {
        color: #fff;
        background-color: #3e4a9f;
        border: none;
        padding: 10px 10px;
        margin-top: 15px;
        display: block;
        text-align: center;
        border-radius: 5px;
    }

    .value-car-option .left-rightpart {
        display: table-cell;
        vertical-align: top;
        float: right;
    }

    .cars-slider {
        width: 240px;
        margin: 0 auto;
    }

    .cars-slider .price-slider-image {
        background: url(../images/similarcar/valueback.png) bottom no-repeat;
        height: 75px;
        width: 240px;
    }

    .cars-slider .price-slider-image .price-slider-image-text {
        display: table;
        width: 100%;
        font-size: 11px;
        color: gray;
        height: 55px;
    }

    .cars-slider .price-slider-image .price-slider-image-text>span {
        display: table-cell;
        text-align: center;
        vertical-align: bottom;
    }

    .cars-slider .price-slider-image .price-slider-image-text>span.price-max-slider {
        background: url(../images/similarcar/valueline.png) top no-repeat;
        background-position: 40% 0;
    }

    .cars-slider .price-slider-image .price-slider-image-text>span.price-min-slider {
        background: url(../images/similarcar/valieline2.png) top no-repeat;
        background-position: 60% 0;
    }

    .cars-slider .price-type {
        color: #0069b6;
    }

    .cars-slider .price-max,
    .cars-slider .price-min {
        color: #fff;
        background: #3e4a9f;
        float: left;
        position: relative;
        padding: 6px;
        border: 2px solid #fff;
    }

    .cars-slider .price-max:after,
    .cars-slider .price-max:before,
    .cars-slider .price-min:after,
    .cars-slider .price-min:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .cars-slider .price-max:after,
    .cars-slider .price-min:after {
        border-color: rgba(88, 192, 73, 0);
        border-top-color: #3e4a9f;
        border-width: 10px;
        margin-left: -10px;
    }

    .cars-slider .price-max:before,
    .cars-slider .price-min:before {
        border-color: hsla(0, 0%, 100%, 0);
        border-top-color: #fff;
        border-width: 13px;
        margin-left: -13px;
    }

    .cars-slider .price-min {
        background: #58c049;
        float: right;
    }

    .cars-slider .price-min:after {
        border-top-color: #58c049;
    }

    .price-disclaimer {
        font-size: 11px;
        color: #7f7f7f;
    }

    #small-categories .card {
        border: 0px solid #d8dde6;
    }

    .serach-form-width .btn-group-lg>.btn,
    .btn-lg {
        padding: 10px 20px;
        font-size: 1.125rem;
        line-height: 1.625;
        border-radius: 35px;
        position: relative;
    }

    .serach-form-width .btn-group-lg>.btn,
    .btn-lg:after {
        content: " ";
        background-color: transparent;
        /*background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iNDIiIHZpZXdCb3g9I…0idXJsKCNiKSIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYSIvPjwvZz48L3N2Zz4=);*/
        background-repeat: no-repeat;
        background-size: 100%;
        display: inline-block;
        border: 0;
        outline: none;
        position: relative;
        width: 11px;
        height: 21px;
        float: right;
        margin-top: 4px;
    }

    .noonesite {
        text-align: center;
        margin-top: 25px;
    }

    .noonesite span {
        color: #ffffff;
        font-size: 16px;
    }

    .sellyourcar {
        margin-top: 10px !important;
    }

    .is-sticky .sellyourcar {
        margin-top: 20px !important;
    }

    .horizontalMenu ul li .sellyourcar a {
        padding: 2px 10px;
        font-size: 12px !important;
    }

    .submit .btn-primary {
        height: 44px;
    }

    .radioselect-code label {
        width: 100%;
        position: relative;
        margin-bottom: 0;
    }

    .radioselect-code .card-input-element {
        display: none;
    }

    .radioselect-code .card-input:hover {
        cursor: pointer;
    }

    .radioselect-code .card-input-element:checked+.card-input {
        box-shadow: 0 0 1px 1px #f7f7f7;
        background: #eaedff;
        display: inline-block;
        width: 100%;
        padding: 20px 20px;
        border-radius: 5px;
    }

    .radioselect-code .card-input {
        padding: 20px 20px 10px 20px;
        background: #ffffff;
        border: 0px solid #fbfbfb00;
        margin: 0;
    }

    .radioselect-plan label {
        width: 100%;
        position: relative;
        margin-bottom: 0;
    }

    .radioselect-plan .card-input-element {
        display: none;
    }

    .radioselect-plan .card-input:hover {
        cursor: pointer;
    }

    .radioselect-plan .card-input-element:checked+.card-input {
        box-shadow: 0 0 1px 1px #f7f7f7;
        background: #eaedff;
        display: inline-block;
        width: 100%;
        padding: 0px 0px;
        border-radius: 5px;
    }

    .radioselect-plan .card-input {
        padding: 0px 0px;
        background: #ffffff;
        border: 0px solid #fbfbfb00;
        margin: 0;
    }

    .radioselect-plan .list-group-item {
        background-color: #fff0;
    }

    .upload-my-car {
        width: 100%;
    }

    .upload-my-car span {
        float: right;
    }

    .upload-my-car span a {
        font-size: 14px;
        background: #262d6b;
        padding: 6px 10px;
        color: #ffffff;
        border-radius: 5px;
    }

    .top-cities .owl-carousel .owl-item img {
        border-radius: 50%;
    }

    #small-categories.top-cities .cat-item {
        padding: 20px 20px;
        border: 1px solid #ececec94;
        border-radius: 5px;
    }

    #small-categories.top-cities .card-body {
        padding: 0px 0px;
    }

    #small-categories.top-cities {
        border: 0px solid #d8dde6;
    }

    #small-categories.top-cities .owl-item {
        transition-duration: 1s;
        transition-delay: 0.1s;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
    }

    #small-categories.top-cities .owl-item:hover {
        box-shadow: 0px 5px 28px -15px #d4d4d4;
        transition-duration: 1s;
        transition-delay: 0.1s;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    .google-maps-link {
        display: none;
    }

    .edit-photo {
        position: absolute;
        top: 0px;
        right: -5px;
        font-size: 12px;
        background: #e6e6e6;
        display: inline-block;
        padding: 5px 8px;
        height: auto;
        line-height: normal;
        border-radius: 50%;
    }

    .deler-edit-photo {
        position: absolute;
        top: 0px;
        right: 46%;
        font-size: 12px;
        background: #e6e6e6;
        display: inline-block;
        padding: 5px 8px;
        height: auto;
        line-height: normal;
        border-radius: 50%;
    }

    .user-profileimage .avatar-upload {
        position: relative;
        max-width: 205px;
        margin: 0px auto;
    }

    .user-profileimage .avatar-upload .avatar-edit {
        position: absolute;
        right: 35px;
        z-index: 1;
        top: 10px;
    }

    .user-profileimage .avatar-upload .avatar-edit input {
        display: none;
    }

    .user-profileimage .avatar-upload .avatar-edit input+label {
        display: inline-block;
        width: 34px;
        height: 34px;
        margin-bottom: 0;
        border-radius: 100%;
        background: #ffffff;
        border: 1px solid transparent;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        font-weight: normal;
        transition: all 0.2s ease-in-out;
        right: 0;
        left: auto;
        top: 0;
        position: unset;
        pointer-events: auto;
    }

    .user-profileimage .avatar-upload .avatar-edit input+label:hover {
        background: #f1f1f1;
        border-color: #d6d6d6;
    }

    .user-profileimage .avatar-upload .avatar-edit input+label:after {
        content: "\f040";
        font-family: "FontAwesome";
        color: #757575;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
    }

    .user-profileimage .avatar-upload .avatar-preview {
        width: 150px;
        height: 150px;
        position: relative;
        border-radius: 100%;
        border: 6px solid #f8f8f8;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
        margin: 0 auto;
    }

    .user-profileimage .avatar-upload .avatar-preview>div {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .admin-verification {
        text-align: center;
        padding: 80px 20px;
        margin-left: 20%;
        margin-right: 20%;
    }

    .admin-verification .fa {
        font-size: 100px;
        color: #02629f;
    }

    .admin-verification h4 {
        font-size: 26px;
        margin-top: 25px;
        color: black;
    }

    .admin-verification a {
        color: #02629f;
        font-size: 16px;
    }

    .place-card.place-card-medium {
        display: none;
    }

    .propert-detaiss {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        margin-bottom: 4px;
    }

    .propert-list-value {
        width: 12px;
        height: 12px;
        margin-right: 0px;
        margin-bottom: 3px;
    }

    .user-review .rate {
        float: left;
        height: 46px;
        padding: 0 0px;
    }

    .user-review .rate:not(:checked)>input {
        position: absolute;
        top: -9999px;
    }

    .user-review .rate:not(:checked)>label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 20px;
        color: #ccc;
    }

    .user-review .rate:not(:checked)>label:before {
        content: "★ ";
    }

    .user-review .rate>input:checked~label {
        color: #fd5000;
    }

    .user-review .rate:not(:checked)>label:hover,
    .user-review .rate:not(:checked)>label:hover~label {
        color: #fd5000;
    }

    .user-review .rate>input:checked+label:hover,
    .user-review .rate>input:checked+label:hover~label,
    .user-review .rate>input:checked~label:hover,
    .user-review .rate>input:checked~label:hover~label,
    .user-review .rate>label:hover~input:checked~label {
        color: #fd5000;
    }

    .view-all-comment {
        width: 100%;
    }

    .view-all-comment a {
        font-size: 12px;
        color: #ffffff;
        background: #d33d40;
        padding: 5px 15px;
        border-radius: 5px;
    }

    .view-all-comment a:hover {
        font-size: 12px;
        color: #ffffff;
        background: #d33d40;
        padding: 5px 15px;
        border-radius: 5px;
    }

    .country-codes label {
        display: block;
        width: 100%;
        margin-bottom: 0.375rem;
        text-align: right;
    }

    .country-codes select {
        width: 20% !important;
        border-radius: 4px 0px 0px 4px;
        border-right: 0px;
    }

    .country-codes input {
        width: 80% !important;
        border-radius: 0px 4px 4px 0px;
        /* text-align: right; */
    }

    .otp-number span {
        direction: ltr;
        display: inline-block;
    }

    .form-control.mobilenumbers {
        width: 20% !important;
        border-radius: 0px;
        border-right: 0px;
        text-align: center;
    }

    .passwordeye {
        position: relative;
    }

    .passwordeye .fa {
        color: #113279;
        top: 60%;
        left: 3%;
        position: absolute;
        font-size: 15px;
    }

    .serach-loaction.btn-primary {
        color: #fff;
        background-color: #05a01f;
        border-color: #05a01f;
    }

    .tabrated-tabs {
        margin-bottom: 60px;
        margin-top: 40px;
    }

    .tabrated-tabs ul {
        display: flex;
        width: 62%;
        margin: 0 auto;
    }

    .tabrated-tabs ul li {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*.tabrated-tabs ul li a{
        padding: 10px 30px;
        background: #e4e4e4;
        border-radius: 25px;
        color: #3e4a9f;
        font-weight: 600;
        border: 1px solid #adb7ff;
    }*/
    .tabrated-tabs ul li a {
        padding: 10px 28px;
        background: #e4e4e4;
        border-radius: 25px;
        color: #3e4a9f;
        font-weight: 600;
        border: 1px solid #adb7ff;
    }

    .tabrated-tabs ul li a.active {
        background: #3e4a9f;
        color: #ffffff;
    }

    .owl-carousel.productlis-sider .owl-dots {
        margin: 0 auto;
        text-align: center;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .owl-carousel.productlis-sider button.owl-dot {
        background: rgba(255, 255, 255, 0.3) !important;
    }

    .owl-carousel.productlis-sider button.owl-dot.active {
        background: #ffffff !important;
    }

    .overflow-hidden.card {
        border-radius: 0px 0px 5px 5px;
    }

    .privatecolor {
        color: #3e4a9f;
    }

    .dealercolor {
        color: #ff9800;
    }

    .owl-carousel .owl-item .cars-func img {
        display: inline-block !important;
    }

    .feature-detail {
        width: auto;
        height: 40px;
        margin-right: 0px;
        margin-top: 0px;
        position: absolute;
        right: 0;
        top: 2px;
        max-width: 56px;
    }

    .cars-detail-main .table td span {
        display: block;
    }

    .card-contacts {
        background: white;
    }

    .card-contacts a {
        width: 32.33%;
        background: #05a01f;
        border: 1px solid #05a01f;
    }

    .card-contacts a:hover {
        background: #3e4a9f;
    }

    .news-post a {
        font-size: 12px;
        color: #3e4a9f;
    }

    .cars-price {
        line-height: 20px;
        font-size: 14px;
        color: #ff9800;
        float: right;
    }

    .login-fors ul {
        display: flex;
    }

    .login-fors ul li {
        width: 28%;
        border: 0px solid #efefef;
        margin-right: 3%;
        text-align: center;
        border-radius: 10px;
        margin-left: 3%;
    }

    .login-fors ul li label {
        width: 100%;
        position: relative;
        margin-bottom: 0px;
    }

    .login-fors ul li .card-input-element {
        display: none;
    }

    .login-fors ul li .card-input {
        margin: 1px;
        width: 100%;
        padding: 6px 0px;
        background: #e6e6e6;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
    }

    .login-fors ul li .card-input:hover {
        cursor: pointer;
    }

    .login-fors ul li .card-input-element:checked+.card-input {
        box-shadow: 0 0 0px 1px #f7f7f7;
        background: #3e4a9f;
        display: inline-block;
        width: 100%;
        border-radius: 5px;
        color: #ffffff;
        border: 1px solid #3e4a9f;
    }

    .login-fors ul li .panel-default.card-input {
        padding: 20px 20px;
        background: #fff7f3;
        border: 1px solid #f1f1f1;
        margin: 0;
    }

    .basic-detail.card-viewss {
        border: 1px solid #f7f7f7;
        padding: 20px 20px;
        border-radius: 5px;
        margin-bottom: 30px;
    }

    .sendbtnn {
        color: white;
        background: #3e4a9f;
        border: 1px solid #3e4a9f;
    }

    .edit-profiless {
        width: 100%;
    }

    .edit-profiless a {
        float: left;
        background: #3e4a9f;
        color: #ffffff;
        padding: 5px 20px;
        border-radius: 4px;
        font-size: 15px;
    }

    .edit-profiless a:hover {
        color: #ffffff;
    }

    .user-profileimage h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .proser-tabs .settings-tab .tabs-menu {
        margin-bottom: 0px;
    }

    .servie-products .ribbon-top-left {
        top: 0px;
        left: 0px;
    }

    .servie-products .card-footer {
        padding: 10px 10px;
    }

    .servie-products a.link {
        color: #ffffff;
    }

    .addtobeg {
        padding: 10px 30px;
        font-size: 15px;
        letter-spacing: 1px;
        background: #4caf50 !important;
        border: 1px solid #4caf50 !important;
    }

    .buynows {
        padding: 10px 30px;
        font-size: 15px;
        letter-spacing: 1px;
        background: #113279 !important;
        border: 1px solid #113279 !important;
    }

    .quantity {
        display: flex;
        align-items: center;
        justify-content: left;
        padding: 0;
    }

    .quantity__minus,
    .quantity__plus {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0;
        background: #113279;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        color: #ffffff !important;
    }

    .quantity__minus:hover,
    .quantity__plus:hover {
        background: #575b71;
        color: #fff;
    }

    .quantity__minus {
        border-radius: 3px 0 0 3px;
    }

    .quantity__plus {
        border-radius: 0 3px 3px 0;
    }

    .quantity__input {
        width: 50px;
        height: 40px;
        margin: 0;
        padding: 0;
        text-align: center;
        border-top: 1px solid #dee0ee;
        border-bottom: 1px solid #dee0ee;
        border-left: 1px solid #dee0ee;
        border-right: 1px solid #dee0ee;
        background: #fff;
        color: #3e4a9f;
    }

    .quantity__minus:link,
    .quantity__plus:link {
        color: #8184a1;
    }

    .quantity__minus:visited,
    .quantity__plus:visited {
        color: #fff;
    }

    .product-quantity {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    @media (min-width: 992px) {
        .servie-products .ribbon-top-left::before {
            top: 0;
            right: 68px;
        }

        .servie-products .ribbon-top-left::after {
            bottom: 68px;
            left: 0;
        }

        .servie-products .ribbon-top-left span {
            right: 15px;
            top: 15px;
            transform: rotate(-45deg);
            direction: ltr;
        }
    }

    .category-select label {
        width: 100%;
        position: relative;
    }

    .category-select .card-input-element {
        display: none;
    }

    .category-select .card-input {
        margin: 0px;
        width: 100%;
        padding: 0px 0px;
    }

    .category-select .card-input:hover {
        cursor: pointer;
    }

    .category-select .card-input-element:checked+.card-input .card-body {
        box-shadow: 0 0 1px 1px #f7f7f7;
        background: #3e4a9f;
        display: inline-block;
        width: 100%;
        padding: 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    .category-select .panel-default.card-input {
        padding: 20px 20px;
        background: #fff7f3;
        border: 1px solid #f1f1f1;
        margin: 0;
    }

    .selct-continue a {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding: 10px 10px;
        background: #3e4a9f;
        color: #fffffe;
        letter-spacing: 1px;
        font-size: 16px;
        margin-top: 30px;
        border-radius: 5px;
    }

    .selct-continue a:hover {
        color: #fffffe;
    }

    .carddeisls {
        position: absolute;
        left: 18px;
        top: 30px;
    }

    .book-service-form {
        margin-top: 50px;
        padding: 20px 20px;
        border: 1px solid #efefef;
        border-radius: 10px;
    }

    .bookservicess {
        padding: 10px 40px;
        margin-top: 20px;
        letter-spacing: 1px;
    }

    .reminderpage img {
        width: 70px;
        margin-bottom: 20px;
    }

    .reminderpage p {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        color: #3e4a9f;
    }

    .seta-reminder a {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding: 10px 10px;
        background: #3e4a9f;
        color: #fffffe;
        letter-spacing: 1px;
        font-size: 16px;
        border-radius: 5px;
    }

    .seta-reminder a:hover {
        color: #fffffe;
    }

    .report-request {
        background: #3e4a9f;
        padding: 10px 30px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 0.5px;
        border-radius: 4px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .report-request:hover {
        color: #ffffff;
    }

    .trackmarker {
        padding: 10px 20px;
        letter-spacing: 0.5px;
    }

    .wallet-score .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .form-label.text-dark {
        color: #838ab6 !important;
    }

    .custom-file-label {
        color: #838ab6 !important;
    }

    .single-productslide .serach-form-width .btn-group-lg>.btn,
    .single-productslide .btn-lg:after {
        display: none;
    }

    .no-cars-found {
        padding: 40px 0px;
        text-align: center;
        border: 1px solid #f9f9f9;
        border-radius: 10px;
        background: #f9faff;
    }

    .no-cars-found .fa {
        font-size: 50px;
        margin-bottom: 20px;
        color: #d8d8d8;
    }

    .no-cars-found p {
        font-size: 24px;
        letter-spacing: 2px;
        font-weight: 600;
        color: #d8d8d8;
    }

    .user-profileimage .avatar-preview img {
        width: 150px;
        height: 138px;
        border-radius: 50%;
    }

    .form-group label.error {
        color: red;
        font-size: 12px;
        margin-top: 3px;
    }

    #countdowntimer-section {
        text-align: center;
        margin-top: 20px;
        color: #ff9800;
        font-weight: 600;
    }

    @import url(https://fonts.googleapis.com/icon?family=Material + Icons);

    .property-image .wrapper {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .property-image .box {
        display: block;
        min-width: 150px;
        height: 200px;
        margin: 10px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: hidden;
    }

    .property-image .upload-options {
        position: relative;
        height: 40px;
        background-color: #3e4a9f;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        -webkit-transition: background-color ease-in-out 150ms;
        transition: background-color ease-in-out 150ms;
    }

    .property-image .upload-options:hover {
        background-color: #7fb1b3;
    }

    .upload-options input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    .property-image .upload-options label {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
    }

    .property-image .upload-options label::after {
        content: "Add Image";
        font-family: "Material Icons";
        position: absolute;
        font-size: 20px;
        color: #e6e6e6;
        top: calc(50% - 1rem);
        left: calc(50% - 2.5rem);
        z-index: 0;
    }

    .property-image .upload-options label span {
        display: inline-block;
        width: 50%;
        height: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
    }

    .property-image .upload-options label span:hover i.material-icons {
        color: lightgray;
    }

    .property-image .js--image-preview {
        height: 160px;
        width: 100%;
        position: relative;
        overflow: hidden;
        background-image: url("");
        background-color: white;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .property-image .js--image-preview::after {
        content: "\f03e";
        font-family: "FontAwesome";
        position: relative;
        font-size: 49px;
        color: #e6e6e6;
        top: calc(50% - 3rem);
        left: calc(50% - 1.5rem);
        z-index: 0;
    }

    .property-image .js--image-preview.js--no-default::after {
        display: none;
    }

    .property-image .js--image-preview:nth-child(2) {
        background-image: url("http://bastianandre.at/giphy.gif");
    }

    .property-image i.material-icons {
        -webkit-transition: color 100ms ease-in-out;
        transition: color 100ms ease-in-out;
        font-size: 2.25em;
        line-height: 55px;
        color: white;
        display: block;
    }

    .property-image .drop {
        display: block;
        position: absolute;
        background: rgba(95, 158, 160, 0.2);
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .property-image .animate {
        -webkit-animation: ripple 0.4s linear;
        animation: ripple 0.4s linear;
    }

    @-webkit-keyframes ripple {
        100% {
            opacity: 0;
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    @keyframes ripple {
        100% {
            opacity: 0;
            -webkit-transform: scale(2.5);
            transform: scale(2.5);
        }
    }

    .property-image .form-control {
        padding: 3px 4px;
    }

    #changePassword .card-footer {
        background-color: rgb(255 255 255 / 0%);
    }

    .form-control.mobilenumbers {
        padding: 10px 10px 10px 10px;
        direction: ltr;
        /* direction: rtl;
        unicode-bidi: bidi-override; */
    }

    .set_is_used {
        background: #3e4a9f;
        padding: 6px 20px;
        border-radius: 5px;
        color: #ffffff;
        margin-top: -20px;
    }

    .cars-location-home .item-card .item-card-desc img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        width: 100%;
        height: 230px;
    }

    /*#upload-demo {
        width: 100%!important;
        height: 300px!important;
        padding-bottom: 25px;
        overflow: hidden!important;
    }*/
    .overview-value {
        margin-top: 20px;
    }

    .overview-value li {
        line-height: 30px;
        width: 33.33%;
        display: block;
        padding-right: 70px;
        position: relative;
        float: right;
        margin-bottom: 30px;
    }

    .overview-value li img {
        position: absolute;
        width: auto;
        height: 30px;
        top: 5px;
        right: 0px;
    }

    .location-detail .select2-container--default .select2-selection--multiple {
        background-color: white;
        border: 1px solid #d8dde6 !important;
        border-radius: 3px;
        cursor: text;
        padding-bottom: 5px;
        padding-right: 5px;
        height: 40px;
        box-shadow: none !important;
        line-height: 30px;
    }

    .image-display .IMGthumbnail {
        max-width: 150px;
        height: 100px;
        margin: auto;
        background-color: #ececec;
        padding: 2px;
        position: relative;
    }

    .image-display .IMGthumbnail .fa {
        position: absolute;
        top: -10px;
        right: -8px;
        z-index: 9;
        cursor: pointer;
        background: red;
        color: #ffffff;
        padding: 4px 5px;
        border-radius: 25px;
        opacity: 0;
    }

    .image-display .IMGthumbnail:hover .fa {
        opacity: 1;
    }

    .image-display .IMGthumbnail img {
        max-width: 100%;
        max-height: 100%;
        width: 150px;
        height: 100px;
    }

    .image-display .imgThumbContainer {
        width: 150px;
        height: 105px;
        padding: 0px;
        margin: 10px;
        border: solid;
        display: inline-block;
        margin-bottom: 30px;
    }

    .image-display .imgThumbContainer>.imgName {
        text-align: center;
        padding: 2px 6px;
    }

    .cars-upload-image input[type="file"] {
        display: none;
    }

    .cars-upload-image {
        width: 100%;
        margin: 0 auto;
        padding: 30px 30px;
        background: #f4f6fa;
        border: 1px solid #e4e4e4;
        border-style: dotted;
        border-radius: 5px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .cars-upload-image label {
        background-color: #ff9800;
        background-image: linear-gradient(to right, #ff9800, #ff9800);
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        box-shadow: 0 8px 9px -6px #0094da00;
        border-radius: 4px;
        padding: 12px 50px 12px 50px;
        color: #fff !important;
        text-transform: uppercase;
    }

    .cars-upload-image .contentfile {
        width: 100%;
        text-align: center;
    }

    .cars-upload-image .contentfile .fa {
        font-size: 60px;
        color: #3e4a9f;
        margin-bottom: 20px;
    }

    .cars-upload-image .contentfile h3 {
        font-size: 20px;
        color: #08223a;
        font-weight: 550;
        margin-bottom: 5px;
        font-family: Montserrat;
        margin-top: 0;
    }

    .cars-upload-image .contentfile h4 {
        font-size: 12px;
        color: #a5a5a5;
        font-weight: 500;
        font-style: italic;
        margin-top: 5px;
        font-family: Montserrat;
    }

    .cars-upload-image .uploadicon {
        text-align: center;
        margin-top: 30px;
    }

    #image-preview {
        height: 320px;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
    }

    .carmodalpoup #gallery {
        padding-top: 40px;
    }

    @media screen and (min-width: 991px) {
        .carmodalpoup #gallery {
            padding: 60px 30px 0 30px;
        }
    }

    .carmodalpoup .img-wrapper {
        position: relative;
        margin-top: 15px;
        height: 160px;
        align-items: center;
        display: flex;
        background: #1d1d1d;
        text-align: center;
    }

    .carmodalpoup .img-wrapper a {
        width: 100%;
    }

    .carmodalpoup .img-wrapper img {
        width: auto;
        height: auto;
        max-height: 160px;
    }

    .carmodalpoup .img-overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        opacity: 0;
    }

    .carmodalpoup .img-overlay i {
        color: #fff;
        font-size: 3em;
    }

    .carmodalpoup #overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        z-index: 999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .carmodalpoup #overlay img {
        margin: 0;
        width: 80%;
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
        padding: 5%;
    }

    @media screen and (min-width: 768px) {
        .carmodalpoup #overlay img {
            width: 80%;
        }
    }

    @media screen and (min-width: 1200px) {
        .carmodalpoup #overlay img {
            width: 70%;
        }
    }

    .carmodalpoup #nextButton {
        color: #fff;
        font-size: 2em;
        -webkit-transition: opacity 0.8s;
        transition: opacity 0.8s;
    }

    .carmodalpoup #nextButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        .carmodalpoup #nextButton {
            font-size: 3em;
        }
    }

    .carmodalpoup #prevButton {
        color: #fff;
        font-size: 2em;
        -webkit-transition: opacity 0.8s;
        transition: opacity 0.8s;
    }

    .carmodalpoup #prevButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        .carmodalpoup #prevButton {
            font-size: 3em;
        }
    }

    .carmodalpoup #exitButton {
        color: #fff;
        font-size: 2em;
        -webkit-transition: opacity 0.8s;
        transition: opacity 0.8s;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .carmodalpoup #exitButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width: 768px) {
        .carmodalpoup #exitButton {
            font-size: 3em;
        }
    }

    .carmodalpoup .modal-dialog {
        width: 100%;
        margin: 0rem auto;
        max-width: 100%;
    }

    .carmodalpoup .modal-content {
        min-height: 100vh;
        background-color: #000000;
        border: 0px solid #d8dde6;
    }

    .carmodalpoup .modal-header {
        border-bottom: 0px solid #d8dde6;
    }

    .carmodalpoup .modal-title {
        color: #ffffff;
    }

    .carsserach-select .select-dropdown {
        background-color: white !important;
        padding: 10px 10px !important;
        font-size: 14px !important;
        font-weight: 500;
        color: #113279;
        border-radius: 2px !important;
    }

    .margin-top-50 {
        margin-top: 50px;
    }

    .width-90 {
        width: 90%;
    }

    .max-100vh {
        max-height: 100vh;
    }

    .info_content_popup {
        display: inline-block;
        padding-top: 8px;
    }

    .info_content_popup .car_image {
        height: 160px;
        width: 100%;
    }

    .info_content_popup .car_name p {
        margin: 0;
    }

    .info_content_popup .car_name {
        /* float: left; */
        width: 100%;
        text-align: right;
    }

    .info_content_popup .car_name h3 {
        /* font-size: 14px;
        font-weight: 600;
        padding: 5px 10px; */
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
    }

    /* .info_content_popup .car_image img {
        width: 100%;
        height: auto;
    } */

    .info_content_popup .car_image img {
        height: 100%;
        width: 100%;
    }

    .info_content_popup .car_body {
        display: flex;
        align-items: center;
        padding-left: 40px;
    }

    .info_content_popup .car_body h3,
    .info_content_popup .car_body p {
        margin: 0;
        font-size: 14px;
        color: #000;
        text-align: right;
        direction: rtl;
    }

    .info_content_popup .car_body p {
        position: relative;
    }

    .info_content_popup .car_body p:before {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        color: rgb(0, 0, 0);
        content: "|";
    }

    @media (max-width: 767px) {
        .gm-style .gm-style-iw {
            padding: 15px !important;
            width: 190px !important;
        }

        .info_content_popup .car_image {
            height: 90px;
        }

        .info_content_popup .car_name h3 {
            font-size: 14px;
            line-height: 20px;
        }

        .info_content_popup .car_body h3,
        .info_content_popup .car_body p {
            font-size: 11px;
        }
    }

    .all-news-section .card-body .text-dark .font-weight-semibold {
        margin-bottom: 10px;
        height: 20px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
        text-align: right;
    }

    .all-news-section .card-body p {
        margin-bottom: 15px;
        height: 70px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
        text-align: right;
    }

    .borderselect input.select-dropdown.form-control {
        border: 1px solid #d8dde6;
    }

    .borderselect .carsserach-select .select-dropdown {
        background-color: white !important;
        padding: 10px 10px !important;
        font-size: 15px !important;
        font-weight: 400;
        color: #335cb5;
        border-radius: 2px !important;
    }

    .select2-container.select2-container--default .select2-selection.select2-selection--multiple {
        display: inline-table;
        width: 100%;
    }

    .single-productslide .footerbtn.text-white.mt-3 {
        position: absolute;
        bottom: 20px;
    }

    .cover-image {
        background-size: cover !important;
        width: 100%;
        position: relative;
        /* height: 250px; */
    }

    .servie-products .cat-item .text-shadow1 .cover-image {
        height: 250px;
    }

    /* 22-11-2020 */
    .service-subcategory {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .service-subcategory .listname {
        background: #f7f7f7;
        padding: 15px 14px;
        border: 1px solid #e2e0e0;
        margin-left: 10px;
        float: right;
        margin-bottom: 10px;
    }

    .service-subcategory .listname .plusminus .fa {
        position: absolute;
        background: #09659f;
        padding: 4px 5px;
        color: #ffffff;
        border-radius: 2px;
        cursor: pointer;
    }

    .service-subcategory .listname .itemvalue {
        padding-left: 30px;
    }

    .service-subcategory .listname .itemvalue h3 {
        font-size: 14px;
        color: #3e4a9f;
    }

    .service-subcategory .listname .itemvalue p {
        font-size: 12px;
        color: #3e4a9f;
        margin-bottom: 0px;
    }

    /* 22-11-2020 */
    /* 04-12-2020 */
    .selct-continue button {
        text-align: center;
        width: 100%;
        display: inline-block;
        padding: 10px 10px;
        background: #3e4a9f;
        color: #fffffe;
        letter-spacing: 1px;
        font-size: 16px;
        margin-top: 30px;
        border-radius: 5px;
    }

    .filtericon {
        display: none;
    }

    .mr-1,
    .mx-1 {
        margin-left: 0.25rem !important;
    }

    .desktoplogo {
        float: right !important;
    }

    .horizontalMenu {
        float: left !important;
    }

    .select-wrapper span.caret {
        position: absolute;
        top: 12px !important;
        right: auto !important;
        font-size: 9px !important;
        color: grey !important;
        left: 10px !important;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 !important;
        padding-left: 15px !important;
    }

    .dropdown-content li {
        text-align: right !important;
    }

    .dropdown-content .form-check-input {
        margin-left: 0rem !important;
    }

    .form-check-input[type="checkbox"]+label:before,
    .form-check-input[type="checkbox"]:not(.filled-in)+label:after,
    label.btn input[type="checkbox"]+label:before,
    label.btn input[type="checkbox"]:not(.filled-in)+label:after {
        right: 0 !important;
    }

    .banner-2.cover-image .offset-xl-4 {
        margin-right: 33.33333333% !important;
    }

    .select-wrapper.md-form>ul li.select-toggle-all label {
        padding-right: 35px !important;
    }

    .dropdown-menu.dropdown-menu-right {
        transform: translate3d(-10px, 20px, 0px) !important;
    }

    .footer-main .col-md-12 {
        text-align: right;
    }

    .mr-3,
    .mx-3 {
        margin-left: 0.75rem !important;
        margin-right: 0rem !important;
    }

    .mr-2,
    .mx-2 {
        margin-left: 0.5rem !important;
        margin-right: 0rem !important;
    }

    .mr-4,
    .mx-4 {
        margin-left: 1rem !important;
        margin-right: 0rem !important;
    }

    .modal-header .close {
        padding: 1rem;
        margin: -1rem -1rem -1rem 0px;
    }

    .sendbtnn.waves-effect {
        margin-top: 20px;
        width: 100%;
        color: white;
        background: #3e4a9f;
        border-color: #3e4a9f;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .item-card9-footer .ml-auto,
    .item-card9-footer .mx-auto {
        margin-left: initial !important;
        margin-right: auto !important;
    }

    .all-news-section .waves-effect {
        float: right;
    }

    .rtlcard-body {
        text-align: right;
    }

    .item-card9 .font-weight-semibold {
        text-align: right;
    }

    .cars-price {
        float: left;
    }

    .card-footer .w-80.float-left {
        text-align: right;
        width: 100% !important
    }

    .cars-func.dis-block .float-left {
        float: right !important;
    }

    .item-card9 .item-card9-desc.dis-block {
        text-align: right !important;
    }

    .item-card9 .item-card9-desc.dis-block .pull-right {
        float: left !important;
    }

    .feature-icons {
        margin-left: 5px;
    }

    #filterForm {
        text-align: right;
    }

    .filter-product-checkboxs .custom-control-label .float-right {
        float: left !important;
    }

    .custom-control.custom-checkbox {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-left: 0rem;
        padding-right: 1.5rem;
    }

    .rtlitem-del .text-dark h3 {
        text-align: right;
    }

    .rtlitem-del .text-dark h3 .pull-right {
        float: left;
    }

    .detail-address {
        text-align: right;
    }

    .detail-rtl-post {
        text-align: right;
    }

    .detail-rtl-post .pull-right {
        float: left;
    }

    .tab-content.border-left.border-right {
        text-align: right;
    }

    .rtl-query-form {
        text-align: right;
    }

    .rtl-query-form .pull-right {
        float: left;
    }

    .text-rtl-right {
        text-align: right;
    }

    .text-rtl-right .pull-right {
        float: left;
    }

    .filter-product-radio .custom-control {
        position: relative;
        display: block;
        min-height: 1.5rem;
        padding-right: 1.5rem;
    }

    .font-weight-semibold .pull-right {
        float: left;
    }

    .report-cencel-request {
        background: #f44336;
        padding: 10px 30px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 0.5px;
        border-radius: 4px;
        margin-right: 10px;
    }

    .pull-left.bookservicess {
        float: right;
    }

    .pull-right.bookservicess {
        float: left;
    }

    .table.table-bordered {
        text-align: right;
    }

    .animated-arrow {
        padding: 15px 15px 15px 20px !important;
        left: initial !important;
        right: 0 !important;
        top: 0;
        z-index: 99999;
    }

    .callusbtn {
        display: none !important;
    }

    .outsidebg {
        left: 0 !important;
        right: initial !important;
    }

    .horizontalMenu>.horizontalMenu-list {
        margin: auto 0 !important;
    }

    .paypal-button-tagline {
        height: 0px !important;
        line-height: 0px !important;
    }

    .radioselect-plan .panel-body {
        padding: 22px 11px 10px 10px;
    }

    .range-slider .thumb {
        display: none;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border-right: 0px solid #aaa !important;
    }

    .location-detail .select2-container--default .select2-selection--multiple {
        height: auto !important;
        min-height: 30px !important;
        line-height: 24px !important;
    }

    .select2-container .select2-selection--multiple .select2-selection__rendered {
        overflow: initial !important;
        display: inline-block !important;
    }

    .product-item3 .product-item2-img {
        display: flex;
        align-items: center;
        height: 265px;
        background: #FFFFFF;
    }

    .product-item3 .product-item2-img img {
        height: auto;
        max-height: 270px;
        width: auto;
    }

    .product-item2-desc h4.font-weight-semibold {
        /* height: 20px; */
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
        text-align: right;
    }

    .footerbtn a.addToCart {
        background-color: #3e4a9f;
        border: 1px solid #3e4a9f;
        float: right;
    }

    .footerbtn a.gotobeg {
        background-color: orange;
        border: 1px solid orange;
        float: right;
    }

    .srrvice-request .pull-right {
        float: left;
    }

    .single-productslide .footerbtn a.addToCart {
        background-color: #3e4a9f !important;
        border: 1px solid #3e4a9f !important;
        float: right;
    }

    .single-productslide .footerbtn .gotobeg.waves-effect {
        float: right;
        background-color: #ff9800 !important;
        border: 1px solid #ff9800 !important;
    }

    .single-productslide .footerbtn .gotobeg.waves-effect:focus {
        box-shadow: 0 0 0 2px rgb(255 165 0) !important;
        border-color: orange !important;
    }

    #userCancel .sendbtnn.waves-effect {
        width: 100%;
        margin-top: 20px;
    }

    .category-select {
        border: 1px solid #e8e7e7;
    }

    .category-select .card-body .text-shadow1 {
        height: 170px;
        display: flex;
        align-items: center;
    }

    .category-select .card-body .text-shadow1 .cover-image {
        background-size: cover !important;
        width: auto;
        position: relative;
        height: auto;
        max-height: 170px;
        margin: 0 auto;
    }

    .category-select .card-input .card {
        margin-bottom: 0px !important;
        border: 0px solid #d8dde6;
        box-shadow: 0 0px 0px rgba(234, 238, 249, 0.9);
    }

    .category-select label {
        width: 100%;
        position: relative;
        margin-bottom: 0px;
    }

    .category-select .card-footer h5 {
        height: 20px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
    }

    .srrvice-request .item-card9 h4 span {
        color: #ff9800;
    }

    .settings-tab .card-footer .cat-desc h5 {
        height: 24px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
    }

    .settings-tab.bookind-details .tabs-menu li {
        width: 33.33%;
        display: block;
    }

    .join-us-page .join-img {
        text-align: center;
    }

    .join-us-page .join-img img {
        width: 360px;
    }

    .become-provider .service-text {
        text-align: center;
        font-size: 55px;
        color: #002c5f;
        font-weight: 600;
        font-family: 'Tajawal', sans-serif;
    }

    .service-boxes .box {
        text-align: center;
    }

    .service-boxes .box img {
        width: 150px;
    }

    .service-boxes .box .heading {
        padding-top: 10px;
    }

    .service-boxes .box .heading h3 {
        font-size: 23px;
        font-weight: 550;
        font-family: 'Tajawal', sans-serif;
    }

    .service-boxes .box .heading p {
        font-size: 17px;
        font-weight: 550;
        font-family: 'Tajawal', sans-serif;
    }



    .requer-boxes .box {
        text-align: center;
    }

    .requer-boxes .box img {
        width: 200px;
    }

    .requer-boxes .box.age img {
        height: 237px;
    }

    .requer-boxes .box .phone {
        width: 230px;
        height: 215px;

        margin-left: 36px;

    }

    .requer-boxes .box .heading {
        padding-top: 10px;
    }

    .requer-boxes .box.box2 .heading h3 {
        color: #f46363;
    }

    .requer-boxes .box.box2 {
        padding-top: 120px;
    }

    .requer-boxes .box.box4 {
        padding-top: 120px;
    }

    .requer-boxes .box.box1 .heading h3 {
        color: #15ae6d;
    }

    .requer-boxes .box.box3 .heading h3 {
        color: #0343af;
    }

    .requer-boxes .box.box4 .heading h3 {
        color: #6eaa43;
    }

    .requer-boxes .box .heading h3 {
        color: #159fcd;
        font-size: 40px;
        font-weight: 650;
        font-family: 'Tajawal', sans-serif;
    }

    .requer-boxes .box .heading p {
        font-size: 16px;
        font-weight: 600;
        font-family: 'Tajawal', sans-serif;
        text-align: center;
    }

    .ready-section {
        background-image: url('../images/dealer/11.png');
        width: 100%;
        height: 350px;
        background-position: center;
        background-size: cover;

    }

    .requerment-section {
        background-image: url('../images/dealer/10.png');
        width: 100%;
        height: 200px;
        background-position: center;
        background-size: cover;

    }

    .requerment-section .heading h3 {
        text-align: center;
        font-size: 70px;
        color: #002c5f;
        font-weight: 700;
        font-family: 'Tajawal', sans-serif;
        letter-spacing: -2px;
        padding-top: 58px;

    }

    .ready-section .heading h3 {
        text-align: center;
        font-size: 70px;
        color: #002c5f;
        font-weight: 700;
        font-family: 'Tajawal', sans-serif;
        letter-spacing: -2px;
        padding-top: 58px;
        margin: 0 auto;
    }

    .ready-section img {
        width: 180px;
        float: right;
        margin-right: 275px;

    }

    .start-section .box.box1 img {

        width: auto;

    }

    .start-section .box.box2 {
        text-align: center;
        padding-top: 50px;
    }

    .start-section .box.box2 img {
        width: 140px;
        display: inline-block;
        margin-top: -121px;
        padding-left: 15px;
    }

    .start-section .box.box2 .heading {
        display: inline-block;
    }

    .start-section .box.box2 .heading h3 {
        font-size: 45px;
        font-weight: 650;
        margin-top: 15px;
        margin-bottom: 15px;

    }

    .start-section .box.box2 .heading p {
        font-size: 16px;
        font-weight: 600;
    }

    .start-section .box.box3 {
        text-align: center;
        padding-top: 95px;
    }

    .start-section .box.box3 img {
        width: 140px;
        display: inline-block;
        margin-top: -270px;
    }

    .start-section .box.box3 .heading {
        display: inline-block;
        padding-left: 10px;
        width: 60%;
    }

    .start-section .box.box3 .heading h3 {
        font-size: 36px;
        font-weight: 650;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .start-section .box.box3 .heading p {
        font-size: 16px;
        font-weight: 600;
    }

    .start-section .box.box2.register-right {
        padding-right: 25px;
    }

    .requer-boxes .offset-3 {
        margin-right: 25%;
    }

    .join-us-page-provider .join-img {
        text-align: center;
    }

    .join-us-page-provider .join-img img {
        width: 400px;
    }

    .customerpage-provider .become-provider .service-text {
        text-align: center;
        font-size: 55px;
        color: #002c5f;
        font-weight: 600;
        font-family: 'Tajawal', sans-serif;
    }

    .customerpage-provider .service-boxes .box {
        text-align: center;
    }

    .customerpage-provider .service-boxes .box img {
        width: 150px;
    }

    .customerpage-provider .service-boxes .box .heading {
        padding-top: 10px;
    }

    .customerpage-provider .service-boxes .box .heading h3 {
        font-size: 23px;
        font-weight: 550;
        font-family: 'Tajawal', sans-serif;
    }

    .customerpage-provider .service-boxes .box .heading p {
        font-size: 17px;
        font-weight: 550;
        font-family: 'Tajawal', sans-serif;
    }



    .requer-boxes-provider .box {
        text-align: center;
    }

    .requer-boxes-provider .box img {
        width: 200px;
    }

    .requer-boxes-provider .box .phone {
        width: 244px;
    }

    .requer-boxes-provider .box .heading {
        padding-top: 10px;
    }

    .requer-boxes-provider .box.box2 .heading h3 {
        color: #3387bb;
    }

    .requer-boxes-provider .box.box2 {
        padding-top: 120px;
    }

    .requer-boxes-provider .box.box4 {
        padding-top: 120px;
    }

    .requer-boxes-provider .box.box1 .heading h3 {
        color: #3d83c9;
    }

    .requer-boxes-provider .box.box3 .heading h3 {
        color: #002c5f;
    }

    .requer-boxes-provider .box.box4 .heading h3 {
        color: #051053;
    }

    .requer-boxes-provider .box .heading h3 {
        color: #4db7eb;
        font-size: 40px;
        font-weight: 650;
        font-family: 'Tajawal', sans-serif;
    }

    .requer-boxes-provider .box .heading p {
        font-size: 16px;
        font-weight: 550;
        width: 288px;
        margin: 0 auto;
        font-family: 'Tajawal', sans-serif;
    }

    .ready-section-provuder {
        background-image: url('../images/provider/bg.jpg');
        width: 100%;
        height: 350px;
        background-position: center;
        background-size: cover;

    }

    .provider-requerment-section {
        background-image: url('../images/provider/back.jpg');

        width: 100%;
        height: 200px;
        background-position: center;
        background-size: cover;

    }

    .provider-requerment-section .heading h3 {
        text-align: center;
        font-size: 70px;
        color: #002c5f;
        font-weight: 700;
        font-family: 'Tajawal', sans-serif;
        letter-spacing: -2px;
        padding-top: 58px;

    }

    .ready-section-provuder .heading h3 {
        text-align: center;
        font-size: 70px;
        color: #002c5f;
        font-weight: 700;
        font-family: 'Tajawal', sans-serif;
        letter-spacing: -2px;
        padding-top: 58px;

    }

    .ready-section-provuder img {
        width: 130px;
        float: right;
        margin-right: 275px;

    }

    .provider-start-section .box.box1 img {
        width: 100%;
    }

    .provider-start-section .box.box2 {
        text-align: center;
        padding-top: 95px;
    }

    .provider-start-section .box.box2 img {
        width: 120px;
    }

    .provider-start-section .box.box2 .heading h3 {
        font-size: 45px;
        font-weight: 650;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .provider-start-section .box.box2 .heading p {
        font-size: 15px;
        font-weight: 600;
    }

    .requer-boxes-provider .box .phone {
        width: 244px;
        height: 200px;
    }

    .horizontalMenu>.horizontalMenu-list>li {
        float: right !important;
    }

    #submitCancel .btn-success {
        width: 100%;
        margin-top: 20px;
    }

    .product-gallery-data .text-danger.filled {
        display: inline-block;
        width: 100%;
    }

    .item-search-tabs .form-control {
        color: #061125;
        opacity: 1;
        font-weight: 500;
    }

    .addyourcars {
        display: none;
    }

    .nodatafounds {
        text-align: center;
    }

    .nodatafounds img {
        width: 400px;
        height: auto;
    }

    .nodatafounds h3 {
        font-weight: 400;
        text-align: center !important;
        color: #3e4a9f;
        font-size: 30px;
        letter-spacing: 6px;
        text-transform: capitalize;
    }

    .item-all-cat .status-border.widgets-cards {
        height: 250px;
    }

    .areyousellpart .bg-light {
        background-color: #e0e0e0 !important;
        height: 220px;
    }

    .dataTables_wrapper .dataTables_paginate .pagination li {
        background: #f1f1f1;
        padding: 10px 15px !important;
        border-radius: 3px;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    div.dataTables_wrapper div.dataTables_length label {
        float: right;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        float: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        display: inline-block;
        margin-right: .5rem;
    }

    div.dataTables_wrapper div.dataTables_info {
        float: right;
    }

    div.dataTables_wrapper div.dataTables_paginate {
        float: left;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
        left: 1em;
        right: inherit !important;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        left: 16px;
        right: inherit !important;
    }

    .provider-transaction .offset-2 {
        margin-right: 16.66666667%;
        margin-left: inherit;
    }

    .dataTables_wrapper .dataTables_length .form-control.input-sm {
        display: inline-block !important;
    }

    .horizontalMenu>.horizontalMenu-list>li:hover>a {
        color: #6c6a8d !important;
    }

    .text-danger.filled .parsley-required {
        text-align: right;
        display: block;
    }

    .form-control.is-valid,
    .was-validated .form-control:valid {
        background-position: center left calc(0.575em + .1875rem);
    }

    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        background-position: center left calc(0.375em + 0.1875rem);
    }

    .car-box {
        position: relative;
        margin-bottom: 25px;
    }

    .car-box .fa {
        position: absolute;
        top: 1px;
        right: 0px;
        font-size: 30px;
    }

    .car-box .box1 {
        padding-right: 40px;
        text-align: right;
    }

    .car-box h4 {
        font-size: 16px;
        color: #162946 !important;
        font-weight: 500 !important;
        font-family: 'Tajawal', sans-serif
    }

    .car-box p {
        font-size: 14px;
        color: #504c4c;
        font-family: 'Tajawal', sans-serif
    }

    .car-expert .car-box .box1 {
        position: relative;
        padding-left: 30px;
    }

    .car-expert .car-box .box1 img {
        position: absolute;
        top: 0px;
        right: 0;
        width: 25px;
        height: auto;
    }

    .location-detail .basic-detail.card-viewss .card-title {
        text-align: right;
    }

    .item-search-tabs .mb-0p-6 .offset-xl-4 {
        margin-left: initial;
        margin-right: 33.3333333333%;
    }

    .vualuemycarbtn .offset-xl-4 {
        margin-right: 33.33333333%;
        margin-left: initial;
    }

    .all-news-section .card-body.p-4 .btn.btn-primary.btn-sm {
        float: right;
    }

    .dirltr {
        direction: ltr;
    }

    .disinblock {
        display: inline-block;
        margin-bottom: 0px;
    }

    .btn-primary.getstrtnow {
        color: #fff;
        background-color: #ff9800;
        border-color: #ff9800;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 5px 31px;
    }

    .dropdown-menu.dropdown-menu-right.dropdown-menu-arrow.show {
        text-align: right;
    }

    .editbutton {
        background: transparent;
        border: 0px;
    }

    .editbutton button {
        float: right;
    }

    .how-service-work .section-title h2 {
        font-size: 40px;
        font-weight: 550;
        color: #525252;
        margin-bottom: 75px;
    }

    .how-service-work .font-weight-semibold {
        font-size: 20px;
        font-weight: 600 !important;
    }

    .how-service-work p {
        font-size: 15px;
        color: #484848 !important;
        font-weight: 600;
    }

    .how-service-work.text-muted {
        color: #4a515d !important;
        font-size: 14px;
    }

    .how-service-work .about img {
        width: 120px;
        height: 120px;
        text-align: center;
    }

    .how-service-work .how-cover {
        position: relative;
    }

    .how-service-work .how-cover .dash-img1 {
        position: absolute;
        top: -60px;
        right: 247px;
        width: 305px;
    }

    .how-service-work .how-cover .dash-img2 {
        position: absolute;
        bottom: 105px;
        left: 235px;
        width: 300px;
    }

    .how-service-work .service-card .servic-data {
        margin-top: 50px;
    }

    .how-service-work h3 .avail-size {
        font-size: 14px;
    }

    .how-service-work .section-title h2:after {
        display: none
    }

    .footer-main .list-inline-item:not(:last-child) {
        margin-left: 0.5rem;
        margin-right: 0px;
    }

    .orderaddress {
        text-align: right;
        direction: rtl;
    }

    .item-all-cat .status-border .status-info .text-muted {
        color: #6d7e9c !important;
        font-weight: 600;
        font-size: 16px;
    }

    .radioselect-code .service-card {
        height: 270px;
    }

    .radioselect-code .service-card .text-muted {
        color: #6d7e9c !important;
        font-weight: 600;
        font-size: 14px;
    }

    .settings-tab .table-bordered.table-hover .card-aside-img {
        position: relative;
        margin-left: 10px;
    }

    .service-box.mt-4 .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .transaction-tab {
        margin-top: 30px;
    }

    .transaction-tab li {
        width: 50%;
        text-align: center;
        background: #f3f2f2;
        padding: 10px 10px;
    }

    .transaction-tab li.active {
        background: #3e4a9f;
    }

    .transaction-tab li.active a {
        color: #ffffff;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
        font-family: "FontAwesome" !important;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        font-family: "FontAwesome" !important;
    }

    .text-righ.valutmucarleft {
        text-align: left !important;
        padding-left: 0;
    }

    .payment-option .list-group-flush {
        text-align: center;
    }

    .rtloffset.offset-xl-4 {
        margin-left: 0%;
        margin-right: 33.33333333%;
    }

    .star-rating {
        border: solid 0px #ccc;
        display: flex;
        flex-direction: row-reverse;
        font-size: 1.5em;
        justify-content: space-around;
        padding: 0 0.2em;
        text-align: center;
        width: 15em;
        margin: 0 auto;
    }

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
        font-size: 50px;
    }

    .star-rating :checked~label {
        color: #f90;
    }

    .star-rating label:hover,
    .star-rating label:hover~label {
        color: #fc0;
    }

    #ratereview .user-review .form-group {
        text-align: right;
    }

    .detail-buttons a {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 10px;
    }

    .detail-buttons a {
        width: 47%;
        display: inline-block;
        text-align: center;
        background: #f7f7f7;
        padding: 10px 10px;
        margin-left: 1%;
        margin-right: 1%;
        color: #3e4a9f;
        font-weight: 600;
        border-radius: 4px;
    }

    .detail-buttons a:hover {
        background: #3e4a9f;
        color: #ffffff;
    }

    .action-ptovider-booking a {
        background: #262d6b;
        padding: 5px 15px;
        color: #ffffff;
        border-radius: 4px;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
    }

    .otpdesign {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: 30px 10px;
    }

    .otpdesign form {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
        margin: 0 auto;
    }

    .otpdesign form input {
        width: 50px;
        height: 50px;
        padding: 0;
        margin-left: 25px;
        text-align: center;
        border: 1px solid gray;
        border-radius: 5px;
    }

    .otpdesign form input:last-child {
        margin-right: 0;
    }

    .otpdesign form input::-webkit-inner-spin-button,
    .otpdesign form input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }

    .otpdesign form input:focus,
    .otpdesign form input.focus {
        border-color: green;
        outline: none;
        box-shadow: none;
    }

    .otpdesign .sendbtnn.waves-effect {
        margin-top: 0px;
    }

    #changePassword .btn-primary {
        float: right;
    }

    .ad-type-plans .col-lg-4.col-md-4 {
        margin: 0 auto;
    }

    .carsslpcation {
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .how-product-work .section-title h2 {
        font-size: 40px;
        font-weight: 500;
        background: -webkit-linear-gradient(#141b4e, #29316b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 2px -2px #3b5998;
    }

    .how-product-work .font-weight-semibold {
        font-size: 20px;
        font-weight: 600 !important;
        font-weight: 500;
        background: -webkit-linear-gradient(#141b4e, #29316b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #ffffff00;
        text-shadow: 1px -2px #ff1100;
    }

    .how-product-work.text-muted {
        color: #4a515d !important;
        font-size: 14px;
    }

    .how-product-work .icon-service {
        display: inline-flex;
        width: 150px;
        height: 150px;
        text-align: center;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }

    .how-product-work .about img {
        width: 150px;
        height: 150px;
        text-align: center;
    }

    .how-product-work .how-cover {
        position: relative;
    }

    .how-product-work .how-cover .dash-img1 {
        position: absolute;
        top: 60px;
        left: 340px;
        width: 100px;
    }

    .how-product-work .how-cover .dash-img2 {
        position: absolute;
        top: 60px;
        right: 340px;
        width: 100px;
    }

    .how-product-work .service-card .servic-data {
        margin-top: 20px;
    }

    .how-product-work h3 .avail-size {
        font-size: 14px;
    }

    .how-product-work .section-title h2:after {
        display: none
    }

    .servie-products .settings-tab .cat-item .text-shadow1 {
        height: 270px;
        display: flex;
        align-items: center;
    }

    .servie-products .settings-tab .cat-item .text-shadow1 .cover-image {
        background-size: cover !important;
        width: auto;
        position: relative;
        height: auto;
        max-height: 270px;
        margin: 0 auto;
    }

    .far-page-design .item7-card-img {
        position: relative;
        overflow: hidden;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        background: #efefef;
        text-align: center;
        height: 200px;
        display: flex;
        align-items: center;
    }

    .far-page-design .item7-card-img .cover-image {
        background-size: cover !important;
        width: auto;
        position: relative;
        max-height: 200px;
        height: auto;
        margin: 0 auto;
    }

    .far-page-design .font-weight-semibold {
        font-weight: 500 !important;
        height: 50px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
        display: -webkit-box;
        text-align: right;
    }

    .card-footer.menu-topbar {
        background: #113279;
        padding: 0px 0px;
        border-top: 0px solid #d8dde6;
    }

    .card-footer.menu-topbar .tabs-menu1 ul li a {
        padding: 10px 15px;
        display: inline-block;
        border-bottom: 0px !important;
        color: #ffffff;
    }

    .card-footer.menu-topbar .tabs-menu1 ul li a.active {
        background: #ffffff;
        color: #000000;
    }

    [data-notify="container"] {
        z-index: 99999999 !important;
        background-color: black;
        color: white;
        border-radius: 8px;
        box-shadow: 10;
    }

    .how-adtype-work .section-title h2 {
        font-size: 50px;
        font-weight: 500;
        background: -webkit-linear-gradient(#141b4e, #29316b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-shadow: 2px -2px #3b5998;
        letter-spacing: 1px;
    }

    .how-adtype-work .font-weight-semibold {
        font-size: 18px;
        font-weight: 500 !important;
        line-height: 38px;
        letter-spacing: 1px;
        background: -webkit-linear-gradient(#141b4e, #29316b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: #ffffff00;
        text-shadow: 1px -2px #3b5998;
    }

    .how-adtype-work.text-muted {
        color: #4a515d !important;
        font-size: 14px;
    }

    .how-adtype-work .icon-service {
        display: inline-flex;
        width: 150px;
        height: 150px;
        text-align: center;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }

    .how-adtype-work .about img {
        width: 150px;
        height: 150px;
        text-align: center;
    }

    .how-adtype-work .how-cover {
        position: relative;
    }

    .how-adtype-work .how-cover .dash-img1 {
        position: absolute;
        top: 65px;
        left: 21%;
        width: 80px;
    }

    .how-adtype-work .how-cover .dash-img2 {
        position: absolute;
        top: 65px;
        right: 47%;
        width: 80px;
    }

    .how-adtype-work .how-cover .dash-img3 {
        position: absolute;
        top: 65px;
        left: 72%;
        width: 80px;
    }

    .how-adtype-work .service-card .servic-data {
        margin-top: 20px;
        position: relative;
    }

    .how-adtype-work .service-card .servic-data img {
        position: absolute;
        top: -5px;
        right: -15px;
        width: 40px;
        height: auto;
    }

    .how-adtype-work h3 .avail-size {
        font-size: 14px;
    }

    .how-adtype-work .section-title h2:after {
        display: none
    }

    @media (max-width: 767px) {
        .serach-form-width {
            position: relative;
            z-index: 10;
            top: 0px;
            bottom: 70px;
            width: 100%;
            margin: 0 auto;
        }

        .how-adtype-work .about img {
            width: 100px;
            height: 100px;
            text-align: center;
        }

        .how-adtype-work .service-card .servic-data {
            margin-top: 0px;
            position: relative;
        }

        .how-adtype-work .service-card .servic-data img {
            position: absolute;
            top: -5px;
            right: 15px;
            width: 40px;
            height: auto;
        }

        .how-adtype-work .service-card {
            margin-bottom: 100px;
        }

        .how-adtype-work .service-card.lastadcart {
            margin-bottom: 0px;
        }

        .how-adtype-work .how-cover .dash-img1 {
            position: absolute;
            top: 21%;
            left: 38%;
            width: 80px;
            transform: rotate(-90deg);
        }

        .how-adtype-work .how-cover .dash-img2 {
            position: absolute;
            top: 50%;
            right: 38%;
            width: 80px;
            transform: rotate(-90deg);
        }

        .how-adtype-work .how-cover .dash-img3 {
            position: absolute;
            top: 75%;
            left: 38%;
            width: 80px;
            transform: rotate(-90deg);
        }

        .card-footer.menu-topbar {
            background: #ffffff;
        }

        .how-product-work .service-card.text-center {
            margin-bottom: 150px;
        }

        .how-product-work .service-card.text-center.lastproduct {
            margin-bottom: 0px;
        }

        .how-product-work .how-cover .dash-img1 {
            position: absolute;
            top: 250px;
            left: 50%;
            width: 100px;
            transform: rotate(-90deg);
            margin-left: -55px;
        }

        .how-product-work .how-cover .dash-img2 {
            position: absolute;
            bottom: 265px;
            right: 50%;
            width: 100px;
            transform: rotate(-90deg);
            margin-right: -45px;
            top: auto;
        }

        .otpdesign form input {
            width: 30px;
            height: 30px;
            padding: 0;
            margin-left: 10px;
            text-align: center;
            border: 1px solid gray;
            border-radius: 5px;
        }

        .user-details-provider {
            display: block;
            text-align: center;
            width: 100%;
        }

        .user-details-provider .media-body {
            width: 100%;
            display: inline-block;
            text-align: right;
        }

        div.dataTables_wrapper div.dataTables_filter label {
            float: right;
        }

        .srvicebookingidetail {
            display: initial;
        }

        .srvicebookingidetail {
            display: initial;
        }

        .srvicebookingidetail .action-ptovider-booking {
            width: 100% !important;
            margin-top: 20px;
        }

        .srvicebookingidetail .action-ptovider-booking a {
            background: #262d6b;
            padding: 5px 15px;
            color: #ffffff;
            border-radius: 4px;
            float: left;
            margin-left: 5px;
            margin-right: 5px;
            width: 44%;
            font-size: 12px;
            text-align: center;
            margin-bottom: 10px;
        }

        .alert-success.alert {
            text-align: right;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            float: right !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__clear {
            float: left !important;
            margin-left: 10px;
        }

        .dropdown-menu {
            min-width: 10rem;
        }

        .provider-transaction .offset-2 {
            margin-right: 0;
            margin-left: inherit;
        }

        .how-service-work .how-cover .dash-img1 {
            position: absolute;
            top: 160px;
            left: 150px;
            width: 305px;
            transform: rotate(90deg);
            right: inherit;
        }

        .how-service-work .how-cover .dash-img2 {
            position: absolute;
            bottom: 260px;
            right: 150px;
            width: 305px;
            transform: rotate(90deg);
            left: initial;
        }

        .how-service-work .service-card .servic-data {
            margin-top: 20px;
        }

        .areyousellpart .bg-light {
            background-color: #e0e0e0 !important;
            height: 250px;
        }

        .report-request {
            width: 100%;
        }

        .service-box.mt-4 .col-xl-3 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .booking-trans-table_wrapper .dataTables_length {
            text-align: left;
        }

        .row.mt-4 .offset-2 {
            margin-left: 0%;
        }

        .transaction-tab li a {
            font-size: 12px;
        }

        .index-search-select .mb-5,
        .index-search-select .my-5 {
            margin-bottom: 0rem !important;
        }

        .header-main .top-bar .row .col-xl-4 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .header-main .top-bar .row .col-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .header-main .top-bar .row .col-xl-4 .top-bar-left .clearfix {
            text-align: center;
            margin: 0 auto;
        }

        .header-main .top-bar-right .custom {
            display: block;
            margin: 8px 0;
            width: 100%;
        }

        .header-main .top-bar-right .custom li {
            margin-right: 10px;
            float: left;
            font-size: 10px;
            text-align: center;
        }

        .header-main .top-bar-right .custom li a span {
            display: inline-block;
        }

        .horizontal-main .horizontalMenu ul li a.btn {
            font-size: 12px !important;
            background: #113279;
            color: #ffffff;
        }

        .sptb {
            padding-top: 1rem;
            padding-bottom: 1rem !important;
        }

        .cars-location-home .row .col-sm-12.col-lg-4.col-md-4 {
            width: 50%;
        }

        .cars-location-home .item-card .item-card-desc img {
            height: 150px;
        }

        .cars-location-home .item-card .item-card-text span {
            font-size: 14px;
            display: block;
            margin: 0.5rem;
            font-weight: 400;
        }

        .tabrated-tabs {
            margin-bottom: 10px;
            margin-top: 10px;
            display: inline-block;
            width: 100%;
        }

        .tabrated-tabs ul li {
            margin-left: 0px;
            margin-right: 10px;
            float: right;
            margin-bottom: 20px;
        }

        .tabrated-tabs ul li a {
            padding: 6px 20px;
            background: #e4e4e4;
            border-radius: 25px;
            color: #3e4a9f;
            font-weight: 600;
            border: 1px solid #adb7ff;
            font-size: 10px;
        }

        .tabrated-tabs ul {
            display: block;
            width: 100%;
            margin: 0 auto;
        }

        .single-page .wrapper2 {
            padding: 0px 0px;
        }

        .single-page .wrapper2 .card-body {
            padding: 10px;
        }

        .top-cities img {
            width: 100% !important;
            height: 100px !important;
        }

        .user-prifile .wideget-user-warap .wideget-user-warap-l {
            margin-bottom: 20px;
        }

        .content-text .display-5 {
            font-size: 1rem;
        }

        .settings-tab .tabs-menu li {
            width: 50% !important;
        }

        .settings-tab .tabs-menu li a {
            padding: 0.5rem 0rem;
        }

        .tab-content {
            padding: 0rem !important;
            padding-top: 0rem !important;
        }

        .srrvice-request .font-weight-semibold span {
            font-size: 12px;
            display: block;
            width: 100%;
            margin-top: 6px;
            margin-bottom: 12px;
        }

        .srrvice-request .product-quantity {
            margin-bottom: 10px;
            margin-top: 10px;
            display: inline-block;
        }

        .srrvice-request .item-card9-footer .ml-auto {
            float: left;
            margin-top: 20px;
            margin-right: 5px;
            width: 100%;
        }

        .srrvice-request .item-card9-footer .ml-auto .report-request {
            background: #3e4a9f;
            padding: 5px 9px;
            color: #ffffff;
            font-weight: 600;
            letter-spacing: 0.5px;
            border-radius: 4px;
            width: 100%;
            display: inline-block;
            text-align: center;
            margin-bottom: 10px;
        }

        .productsfilter {
            position: fixed;
            top: 0;
            z-index: 99;
            right: -100%;
            padding: 0;
            transition-duration: 1s;
            transition-delay: .2s;
            overflow-y: scroll;
            height: 100%;
        }

        .productsfilter.active .card {
            margin-bottom: 0rem;
        }

        .productsfilter.active::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #ffffff;
        }

        .productsfilter.active::-webkit-scrollbar {
            width: 0px;
            background-color: #ffffff;
        }

        .productsfilter.active::-webkit-scrollbar-thumb {
            background-color: #443fff;
            border: 2px solid #443fff;
        }

        .filtericon {
            display: inline-block;
            background: #3F51B5;
            padding: 10px 12px;
            position: fixed;
            bottom: 12%;
            right: 2%;
            z-index: 999999999;
            color: white;
            border-radius: 100%;
            cursor: pointer;
        }

        .productsfilter.active {
            right: 0%;
            transition-duration: 1s;
            transition-delay: .2s;
        }

        .arrow-ribbon2 {
            color: #fff;
            padding: 5px 5px;
            font-size: 12px;
        }

        .arrow-ribbon2:before {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            content: "";
            right: -24px;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            width: 0;
            border-left: 12px solid #3e4a9f;
        }

        .item-det ul li .icons {
            font-size: 14px;
            margin-right: 0.5rem !important;
            a
        }

        .ribbon-top-left {
            top: 5px;
            left: 0px;
        }

        .item-det ul li a.icons.pull-right {
            float: initial;
        }

        .cars-detail-main .tab-content {
            padding: 15px 15px !important;
        }

        .cars-detail-main .table td {
            padding: 0px 0px;
            vertical-align: top;
            border-top: 0;
            width: 33.33%;
            padding-right: 50px;
            position: relative;
            font-size: 12px;
            display: inline-block;
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .cars-detail-main .overview-value li {
            margin-bottom: 0px !important;
        }

        .feature-detail {
            width: auto;
            height: 20px;
        }

        .card-body a.text-dark .font-weight-semibold {
            font-weight: 500 !important;
            font-size: 20px;
        }

        form.text-centerp-5 {
            text-align: left !important;
        }

        .product-gallery-data .text-dark h3 {
            font-size: 14px;
        }

        .bookservicess {
            padding: 6px 20px;
            margin-top: 20px;
            letter-spacing: 1px;
        }

        .axgmap {
            position: relative;
            width: 100%;
            height: 300px;
            overflow: hidden;
        }

        .single-productslide .axgmap {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            max-height: 100%;
        }

        .mCSB_container .width-90 {
            width: 100%;
        }

        .max-100vh.map-content-width.vscroll {
            max-height: initial;
        }

        .menu-topbar {
            padding: 0rem 0rem;
        }

        .menu-topbar .wideget-user-tab .tab-menu-heading .nav li a {
            color: #080e1b;
            font-size: 14px;
            font-weight: 400;
            border: 0px;
            padding: 10px 10px 10px 10px;
            border-bottom: 1px solid #E0DCDF !important;
            margin: 0px;
            background: #ffffff;
        }

        .menu-topbar .wideget-user-tab .tabs-menu1 ul li .active {
            border-bottom: 1px solid #e0dcdc !important;
            border-right: 3px solid #3e4a9f !important;
            background: #f7f6f6 !important;
        }

        .menu-topbar .tabs-menu1 ul li {
            width: 100%;
            margin: 0px;
        }

        .card-footer.menu-topbar .tab-menu-heading .tabs-menu1 {
            text-align: right;
        }

        .card-aside-img img {
            width: 50px;
            height: 50px;
            vertical-align: middle;
        }

        .settings-tab.bookind-details .tabs-menu li {
            width: 100% !important;
            display: block;
        }

        .bookind-details .item-card9-desc {
            display: inline-block;
            text-align: right;
            float: right;
            width: 100%;
        }

        .mar-bott-0 {
            margin-bottom: 0px !important;
            padding-bottom: 0px !important
        }

        .bookind-details .card-header h3 {
            font-size: 12px;
        }

        .card-header h3.card-title.w-50 {
            width: 100% !important;
            font-size: 14px;
            display: block;
        }

        .banner-2.cover-image .offset-xl-4 {
            margin-right: 0% !important;

        }

        .header-main .top-bar-right .custom li {
            margin-right: 10px;
            float: right;
            text-align: center;
        }

        .single-productslide .axgmap {
            height: 300px;
        }

        .report-cencel-request {
            background: #f44336;
            padding: 5px 10px;
            color: #ffffff;
            font-weight: 600;
            letter-spacing: 0.5px;
            border-radius: 4px;
            display: inline-block;
            margin-top: 10px;
            width: 100%;
            text-align: center;
        }

        .join-us-page .join-img img {
            width: 200px;
        }

        .become-provider .service-text {
            text-align: center;
            font-size: 26px;
        }

        .requerment-section .heading h3 {
            text-align: center;
            font-size: 50px;
        }

        .requer-boxes .box.age img {
            height: auto;
        }

        .requer-boxes .box img {
            width: 150px;
        }

        .requer-boxes .box .phone {
            width: 150px;
            height: auto;
            margin-left: 0px;
        }

        .requer-boxes .offset-3 {
            margin-right: 0%;
            margin-left: 0%;
        }

        .requer-boxes .box {
            text-align: center;
            margin-bottom: 30px;
            padding: 0px 20px;
        }

        .requer-boxes-provider .box .heading {
            padding-top: 0px;
        }

        .ready-section .heading h3 {
            text-align: center;
            font-size: 40px;
        }

        .ready-section {
            text-align: center;
            height: 300px;
        }

        .ready-section img {
            width: 150px;
            float: initial;
            margin-right: 0px;
        }

        .start-section .box.box1 {
            text-align: center;
        }

        .start-section .box.box1 img {
            width: 60%;
            height: auto;
        }

        .start-section .box.box2 img {
            width: 140px;
            display: inline-block;
            margin-top: -83px;
            padding-left: 0px;
        }

        .start-section .box.box3 img {
            width: 140px;
            display: inline-block;
            margin-top: -100px;
        }

        .start-section .box.box2 .heading h3 {
            font-size: 30px;
            font-weight: 650;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .start-section .box.box2.register-right {
            padding-right: 0px;
        }

        .start-section .box.box3 .heading {
            display: block;
            padding-left: 0px;
            width: 75%;
            margin: 0 auto;
        }

        .start-section .box.box3 .heading h3 {
            font-size: 24px;
        }

        .start-section .box.box2 .heading {
            display: block;
        }

        .start-section .box.box2 img {
            width: 140px;
            display: inline-block;
            margin-top: -30px;
            padding-left: 0px;
        }

        .requerment-section {
            height: 150px;
        }

        .start-section .box.box2 img {
            width: 80px;
        }

        .start-section .box.box3 img {
            width: 80px;
            display: inline-block;
            margin-top: -80px;
        }

        .join-us-page-provider .join-img img {
            width: 300px;
        }

        .customerpage-provider .become-provider .service-text {
            text-align: center;
            font-size: 30px;
        }

        .provider-requerment-section .heading h3 {
            text-align: center;
            font-size: 40px;
        }

        .provider-requerment-section {
            height: 150px;
        }

        .requer-boxes-provider .box img {
            width: 150px;
        }

        .requer-boxes-provider .box.box2 {
            padding-top: 20px;
        }

        .requer-boxes-provider .box.box4 {
            padding-top: 20px;
        }

        .requer-boxes-provider .box .phone {
            width: 150px;
            height: auto;
        }

        .ready-section-provuder .heading h3 {
            text-align: center;
            font-size: 40px;
        }

        .ready-section-provuder img {
            width: 150px;
            float: inherit;
            margin-right: 0px;
        }

        .ready-section-provuder {
            height: 270px;
            text-align: center;
        }

        .provider-start-section .box.box1 {
            text-align: center;
        }

        .provider-start-section .box.box1 img {
            width: 80%;
        }

        .provider-start-section .box.box2 {
            text-align: center;
            padding-top: 0px;
        }

        .provider-start-section .box.box2 img {
            width: 80px;
        }

        .provider-start-section .box.box2 .heading h3 {
            font-size: 30px;
            font-weight: 650;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .provider-start-section .box.box1 {
            text-align: center;
        }

        .item-search-tabs .form-group:last-child {
            margin-bottom: 20px !important;
        }

        .taptop-heading h3 {
            font-weight: 400;
            font-size: 16px;
            font-family: 'Tajawal', sans-serif margin-top: 2px;
            color: #ffffff;
            margin-bottom: 20px;
            padding: 5px 10px;
        }

        .item-search-menu ul li a {
            padding: 7px 15px;
            font-size: 13px;
        }

        .item-search-tabs .item-search-menu {
            display: inline-block;
            margin-left: 0px;
        }

        .owl-nav button {
            width: 2rem;
            height: 2rem;
            box-shadow: 0 4px 15px rgb(67 67 67 / 0%);
        }

        .display-5 {
            font-size: 2.4rem;
            font-weight: 300;
            line-height: 24px;
        }

        .srrvice-request .card-header .card-title.w-100 {
            font-size: 14px;
        }

        .card-body a.text-dark .font-weight-semibold {
            font-weight: 500 !important;
            font-size: 18px;
            text-align: right;
        }

        .srrvice-request .item-card9-desc a {
            font-size: 14px;
            display: block;
            margin-bottom: 6px;
        }

        .category-select {
            border: 1px solid #e8e7e7;
            margin-bottom: 20px;
        }

        .book-service-form .form-control {
            padding: 4px 10px 4px 10px;
        }

        .onmobileflex {
            display: flex;
            flex-direction: column-reverse;
        }

        .footer-main h6 {
            margin-top: 0rem;
            margin-bottom: 1rem;
        }

        .footer-main {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .section-title {
            padding-bottom: 1rem;
        }

        #small-categories .owl-item .card-body {
            padding: 0px 0px;
        }

        #small-categories .cat-item {
            position: relative;
            padding: 10px 10px;
            overflow: hidden;
        }

        .vehicle-modal .cat-item .cat-img img {
            width: 150px;
            height: 100%;
            margin: 0 auto;
        }

        .mobilept-0 {
            padding-top: 0px !important;
        }

        .mobilepb-0 {
            padding-bottom: 0px !important;
        }

        .addrelative {
            position: relative;
        }

        .addyourcars {
            position: absolute;
            display: block;
            bottom: 10px;
            left: 10px;
            z-index: 9;
            width: auto;
            text-align: center;
        }

        .addyourcars a {
            font-size: 12px;
            padding: 5px 20px;
            border-radius: 30px;
        }

        .horizontal-header {
            text-align: right !important;
        }

        .horizontal-header .smllogo img {
            width: 90px;
            margin-right: 35px;
            margin-top: 4px;
        }

        .item2-gl .tab-content .alert {
            font-size: 12px !important;
        }

        .banner-2.cover-image.sptb-2 {
            padding-top: 0px !important;
        }

        .owl-next {
            left: 0px !important;
            margin-top
        }

        .owl-prev {
            right: 0px !important;
            margin-top
        }

        .servie-products .settings-tab .cat-item .text-shadow1 {
            height: 150px;
            display: flex;
            align-items: center;
        }

        .servie-products .settings-tab .cat-item .text-shadow1 .cover-image {
            max-height: 120px;
        }

        .servie-products .cat-item .text-shadow1 .cover-image {
            height: auto;
        }

        .ribbon-top-left span {
            right: -8px;
            top: 10px;
            transform: rotate(-45deg);
            font-size: 12px;
            width: 275px;
            padding: 1px;
            direction: ltr;
        }

        .ribbon-top-left::before {
            top: 0;
            right: 95px;
        }

        .ribbon-top-left::after {
            bottom: 95px;
            left: 0;
        }

        .category-select .card-body .p-4 {
            padding: 0rem !important;
        }

        .category-select .card-body .text-shadow1 {
            height: 150px;
        }

        .category-select .card-body .text-shadow1 .cover-image {
            max-height: 100px;
        }

        .wideget-user-desc .user-wrap {
            margin-top: 10px !important;
            margin-left: 0px !important;
        }

        .form-control.mobilenumbers {
            width: 25% !important;
            border-radius: 0px;
            border-right: 0px;
            text-align: center;
        }

        .country-codes input {
            width: 75% !important;
            border-radius: 0px 4px 4px 0px;
        }

        #commentForm .navtab-wizard li a {
            padding: 8px 10px !important;
            border-left: 0px solid #d8dde6;
        }

        .basic-detail.card-viewss .card-title {
            font-size: 16px;
        }

        .cars-upload-image label {
            padding: 10px 10px 10px 11px;
            font-size: 12px;
        }

        .cars-upload-image .contentfile h3 {
            font-size: 14px;
        }

        .cars-upload-image .contentfile .fa {
            font-size: 40px;
        }

        .image-display #img_contain #image-preview {
            height: 150px;
        }

        .image-display .imgThumbContainer {
            width: 100%;
            height: 150px;
            padding: 0px;
            margin: 0px;
            border: solid;
            display: inline-block;
            margin-bottom: 10px;
        }

        .image-display .IMGthumbnail {
            max-width: 100%;
            height: 145px;
            margin: auto;
            background-color: #ececec;
            padding: 2px;
            position: relative;
        }

        .image-display .IMGthumbnail img {
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            height: 150px;
        }

        .cars-detail-main .card-title.mb-3.font-weight-semibold .pull-right.fs-16 {
            display: inline-block;
            width: 100%;
            margin-top: 5px;
            margin-bottom: 5px;
            font-size: 14px !important;
        }

        .leftlisting .text-red {
            color: #ff382b !important;
            padding: 10px 10px;
        }

        .card-header .card-title.text-rtl-right {
            font-size: 14px;
        }

        .upload-my-car span a {
            font-size: 12px;
            background: #262d6b;
            padding: 4px 10px;
            color: #ffffff;
            border-radius: 5px;
        }

        .nodatafounds h3 {
            font-weight: 400;
            text-align: center !important;
            color: #3e4a9f;
            font-size: 30px;
            letter-spacing: 6px;
            text-transform: capitalize;
        }

        .srrvice-request .card-body a.text-dark .font-weight-semibold {
            font-weight: 500 !important;
            font-size: 14px;
        }

        .srrvice-request .item-card9-imgs {
            overflow: hidden;
            text-align: center;
        }

        .srrvice-request .item-card9-img .item-card9-imgs img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
            height: auto;
            width: auto;
            max-height: 150px;
        }

        .overview-value li {
            line-height: 30px;
            width: 50%;
            display: block;
            padding-right: 34px;
            position: relative;
            float: right;
            margin-bottom: 30px;
        }

        .overview-value li img {
            position: absolute;
            top: 5px;
            left: 0px;
            width: 30px;
            height: auto;
        }

        .carmodalpoup .img-wrapper {
            position: relative;
            margin-top: 15px;
            height: 80px;
        }

        .user-prifile .wideget-user-warap {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .item-search-tabs .mb-0p-6 .offset-xl-4 {
            margin-left: initial;
            margin-right: 0%;
        }

        .vualuemycarbtn .offset-xl-4 {
            margin-right: 0%;
            margin-left: initial;
        }

        .requer-boxes-provider .box.box2 .heading h3 {
            color: #3387bb;
            margin-top: -25px;
        }

        #rootwizard .navtab-wizard.nav-tabs li {
            width: 100%;
            display: initial;
        }

        #rootwizard .navtab-wizard.nav-tabs .nav-link {
            font-size: 12px !important;
        }

        .servie-products .settings-tab .card-footer .cat-desc h5 {
            font-size: 12px;
        }

        .product-item3 .product-item2-img {
            display: flex;
            align-items: center;
            height: 200px;
            background: #ffffff;
        }

        .product-item3 .product-item2-img img {
            height: auto;
            max-height: 150px;
            width: auto;
        }

        .single-productslide .footerbtn a.addToCart {
            width: 100%;
        }

        .single-productslide .product-gallery-data {
            padding: 30px !important;
        }

        .single-productslide .footerbtn.text-white.mt-3 {
            position: inherit;
            bottom: 20px;
            display: inline-block;
            width: 100%;
        }
    }


    @media (max-width: 320px) {
        .form-control {
            font-size: 12px;
        }

        .top-cities img {
            width: 100% !important;
            height: 80px !important;
        }

        .header-main .top-bar-right .custom li {
            margin-right: 5px;
            float: left;
            font-size: 10px;
            text-align: center;
        }

        .header-main .top-bar-left .custom li {
            margin-left: 15px;
            font-size: 12px;
        }

        .bg-dark-transparent-2 {
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.35);
            background: rgba(0, 0, 0, 0.25) !important;
            padding: 15px 15px;
        }

        .product-slider .item-card9-icons {
            position: absolute;
            top: 10px;
            right: 15px;
            z-index: 98;
            margin-top: 0px !important;
        }

        .carmodalpoup .img-wrapper {
            position: relative;
            margin-top: 15px;
            height: 80px;
        }

        .book-service-form .carddeisls .btn {
            padding: 4px 4px;
        }

        .book-service-form .carddeisls .btn .fa {
            font-size: 10px;
        }

        .bookservicess {
            padding: 6px 10px;
        }

        .card-body a.text-dark .font-weight-semibold {
            font-weight: 500 !important;
            font-size: 14px;
            line-height: 20px;
        }

        .srrvice-request .item-card9-desc a {
            font-size: 12px;
            display: block;
            margin-bottom: 6px;
        }

        .srrvice-request .card-header .card-title.w-100 {
            font-size: 12px;
        }

        .settings-tab .tabs-menu li a {
            padding: 5px 5px;
            font-size: 10px;
        }

        .card-header.text-rtl-right .card-title.w-100 {
            font-size: 14px;

        }

        .overview-value li {
            line-height: 30px;
            width: 50%;
            display: block;
            padding-right: 34px;
            position: relative;
            float: right;
            margin-bottom: 30px;
        }

        .overview-value li img {
            position: absolute;
            top: 5px;
            left: 0px;
            width: 30px;
            height: auto;
        }

        .bannerimg .header-text h1 {
            display: block;
            margin-bottom: 0.5rem;
            font-size: 24px;
        }

        .quantity__minus,
        .quantity__plus {
            height: 30px;
            line-height: 30px;
        }

        .quantity__input {
            width: 50px;
            height: 30px;
        }

        .srrvice-request .btn.btn-primary.w-100 {
            font-size: 10px;
        }

        .srrvice-request .item-card9-imgs {
            text-align: center;
        }

        .srrvice-request .item-card9-imgs img {
            height: auto;
            max-height: 150px;
            width: auto;
        }

        .how-service-work .how-cover .dash-img1 {
            position: absolute;
            top: 160px;
            left: 115px;
            width: 305px;
            transform: rotate(90deg);
            right: inherit;
        }

        .how-service-work .how-cover .dash-img2 {
            position: absolute;
            bottom: 260px;
            right: 115px;
            width: 305px;
            transform: rotate(90deg);
            left: initial;
        }

        .servie-products .settings-tab .card-footer .cat-desc h5 {
            font-size: 10px;
        }
    }

    [data-notify="container"] {
        z-index: 99999999 !important;
        background-color: black;
        color: white;
        border-radius: 8px;
        box-shadow: 10;
    }

    .dropdown-content.select-dropdown.w-100.multiple-select-dropdown.active {
        background: white !important;
        top: 40px !important;
        left: 0px !important;
        box-shadow: none !important;
        border: 1px solid #D2D2D2 !important;
        border-top: 0px !important;
    }

    .select-wrapper input.select-dropdown {
        height: 30px !important;
        border-bottom: 0px solid #CED4DA !important;
    }

    .select-wrapper input.active {
        box-shadow: none !important;
    }

    .country-codes {
        direction: ltr;
    }

    .carmodalpoup {
        z-index: 999999999;
    }

    .carmodalpoup {
        overflow-y: auto !important;
    }

    .carmodalpoup::-webkit-scrollbar {
        width: 0px;
    }

    .carmodalpoup #gallery {
        direction: ltr;
    }

    .range-slider {
        direction: ltr;
    }

    .all-news-section .card-body {
        max-height: 200px;
        overflow: hidden;
        padding-bottom: 50px;
    }

    .all-news-section .card-body .btn-primary {
        position: absolute;
        bottom: 10px;
        right: 15px;
    }

    .detail-buttons {
        border: 0px solid #d8dde6;
    }

    .price.radioselect-plan .panel-body.text-center.bt-1 {
        height: 120px;
    }

    .price.radioselect-plan .panel-body.text-center.bt-1 .btn.btn-primary {
        margin-top: 15px;
    }

    .provider-transaction .tab-content .tab-pane .report-request {
        float: right;
    }

    .col-xl-4.mt-2.offset-xl-4.offset-md-3 {
        margin-right: 33.33333333%;
        margin-left: 0%;
    }

    .panel.price.panel-color .panel-footer .btn.btn-primary {
        margin-top: 15px;
    }

    @media only screen and (min-width: 992px) {
        .select2-container--default .select2-selection--single {
            border-left: 1px solid #ced4da !important;
        }
    }

    /* New added */
    :focus {
        outline: none !important;
    }

    .car_register--form h2 {
        text-align: center;
        font-size: 40px;
        line-height: 16px;
        font-weight: 900;
        padding: 5px 0px;
        background-color: #efe69d;
        margin-top: 35px;
        margin-bottom: 25px;
        text-shadow: 4px 3px 3px #f77777;
        max-width: 767px;
        margin-left: auto;
        margin-right: auto;
    }

    .car_register--form .custom-radios {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
    }

    .car_register--form .custom-radios .custom-radio {
        position: relative;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        padding: .375rem .75rem;
        height: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .car_register--form .color-radios .custom-radio,
    .car_register--form .custom-file--box {
        position: relative;
    }

    .car_register--form .custom-file--box input[type="file"],
    .car_register--form .color-radios .custom-radio input[type="radio"],
    .car_register--form .custom-radios .custom-radio input[type="radio"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .car_register--form .custom-radios .active.custom-radio {
        background-color: #02629fe3;
        color: #FFFFFF;
        z-index: 0;
        overflow: hidden;
    }

    .car_register--form .custom-radios .active.custom-radio::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        transition: 0.8s;
        background-position-x: right;
        animation-name: fillgradients;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        background-image: linear-gradient(270deg, #02629f00 20%, #0000005e 80%);
    }

    .car_register--form .red-radio.custom-radios .active.custom-radio {
        background-color: #FF0000;
    }

    .car_register--form .color-radios {
        display: flex;
        flex-wrap: wrap;
    }

    .car_register--form .color-radios .custom-radio {
        flex: 0 0 10.28571%;
        max-width: 10.28571%;
        width: 100%;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    .car_register--form .color-radios .custom-radio .color-check::before {
        content: '';
        width: 50px;
        height: 50px;
        background-color: #FFFFFF;
        border: 1px solid #ecebeb;
        box-shadow: inset 6px -4px 10px -4px #423a3a;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .car_register--form .color-radios .custom-radio input[type="radio"]:checked~.color-check::before {
        box-shadow: 0 0 5px 2px #544c4c, inset 6px -4px 10px -4px #423a3a;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: ease;
        animation-name: zoomingshadow;
    }

    .car_register--form .color-radios .custom-radio input[type="radio"]:checked~.color-check::after {
        content: '';
    }

    .car_register--form .color-radios .custom-radio.أسود-color .color-check::before {
        background-color: #000000;
        /*black*/
    }

    .car_register--form .color-radios .custom-radio.ابيض-color .color-check::before {
        background-color: #FFFFFF;
        /*white*/
    }

    .car_register--form .color-radios .custom-radio.احمر-color .color-check::before {
        background-color: #FF0000;
        /*red*/
    }

    .car_register--form .color-radios .custom-radio.أخضر-color .color-check::before {
        background-color: #008000;
        /*green*/
    }

    .car_register--form .color-radios .custom-radio.أزرق-color .color-check::before {
        background-color: #0000FF;
        /*blue*/
    }

    .car_register--form .color-radios .custom-radio.أصفر-color .color-check::before {
        background-color: #FFFF00;
        /*yellow*/
    }

    .car_register--form .color-radios .custom-radio.بنفسجي-color .color-check::before {
        background-color: #663399;
        /*purple*/
    }

    .car_register--form .color-radios .custom-radio.فضي-color .color-check::before {
        background-color: #C0C0C0;
        /*silver*/
    }

    .car_register--form .color-radios .custom-radio.رصاصي-color .color-check::before {
        background-color: #808080;
        /*gray*/
    }

    .car_register--form .color-radios .custom-radio.بلاتيني-color .color-check::before {
        background-color: #53524D;
    }

    .car_register--form .color-radios .custom-radio.برتقالي-color .color-check::before {
        background-color: #FFA500;
    }

    .car_register--form .color-radios .custom-radio.كريمي-color .color-check::before {
        background-color: #FFF8DC;
        /*cream*/
    }

    .car_register--form .color-radios .custom-radio.جوزي-color .color-check::before {
        background-color: #A52A2A;
        /*brown*/
    }

    .car_register--form .color-radios .custom-radio.ماروني-color .color-check::before {
        background-color: #800000;
    }

    .car_register--form .color-radios .custom-radio.ذهبي-color .color-check::before {
        background-color: #FFD700;
    }

    .car_register--form .color-radios .custom-radio.بيجي-color .color-check::before {
        background-color: #F9E4B7;
        /*Beige*/
    }

    .car_register--form .color-radios .custom-radio.شامباني-color .color-check::before {
        background-color: #F7E7CE;
        /*Champagne*/
    }

    .car_register--form .color-radios .custom-radio.وردي-color .color-check::before {
        background-color: #FF69B4;
        /*pink*/
    }

    img {
        max-width: 100%;
    }

    .car_register--form .image-preview>[class^="col-"] {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .car_register--form .save-btn {
        background-color: #f79621;
        padding: 5px 30px;
        font-weight: bold;
        color: #FFFFFF;
    }

    .car_register--form .custom-file-box,
    .car_register--form .input-innerlabel-box {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #3e4a9f;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .car_register--form .focus.custom-file-box,
    .car_register--form .focus.input-innerlabel-box {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    }

    .car_register--form .input-innerlabel-box label {
        display: block;
        margin-bottom: 0px;
        font-size: 12px;
    }

    .car_register--form .input-innerlabel-box .form-control {
        border: none;
        padding: 0;
    }

    .car_register--form .input-innerlabel-box .form-control:focus {
        box-shadow: none;
    }

    .car_register--form span.required {
        color: #FF0000;
    }

    .car_register--form .custom-file-box {
        padding: 15px;
    }

    .car_register--form .custom-file--box {
        border: 2px solid #000000;
        height: 100%;
        text-align: center;
        padding: 15px 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .car_register--form .camera-img {
        max-width: 150px;
        margin: 0 auto;
    }

    .car_register--form .camera-upload-btn {
        max-width: 200px;
        width: 100%;
        border-radius: 6px;
        padding: 5px 15px;
        background-color: #ffd400;
        font-weight: bold;
        color: #3f00ff;
    }

    .car_register--form .right-wrong-box .content .image {
        max-width: 250px;
    }

    .car_register--form .right-wrong-box .content {
        position: relative;
        padding-left: 40px;
    }

    .car_register--form .right-wrong-box .wrong-content.content::before {
        content: 'x';
        color: #FF0000;
        font-size: 50px;
        line-height: 12px;
        font-weight: bold;
    }

    .car_register--form .right-wrong-box .content::before {
        position: absolute;
        left: 0;
        top: 0;
    }

    .car_register--form .right-wrong-box .right-content.content::before {
        content: '';
        width: 30px;
        height: 18px;
        border: 8px solid #008000;
        border-width: 0 0 8px 8px;
        transform: rotate(-45deg);
    }

    .car_register--form .form-control+.select2-container--default .select2-selection--multiple,
    .car_register--form .form-control+.select2-container .select2-selection--single,
    .car_register--form .select2+.select2-container--default .select2-selection {
        border: 1px solid #3e4a9f !important;
    }

    .select2-container--default .select2-selection--multiple {
        min-height: calc(1.5em + .75rem + 2px);
        border-color: #ced4da;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow,
    .select2-container--default .select2-selection--single {
        border-color: #ced4da;
        height: calc(1.5em + .75rem + 2px);
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 0;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 34px;
    }

    .select2-results__options .checkbox {
        position: relative;
    }

    .select2-results__options .checkbox input[type="checkbox"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .select2-container--default .select2-results__option--selected {
        background-color: transparent;
    }

    .select2-results__options .checkbox input[type="checkbox"]~label {
        padding-right: 24px;
        position: relative;
        margin-bottom: 0px;
        padding-top: 4px;
    }

    .select2-results__options .checkbox input[type="checkbox"]~label::before {
        content: '';
        position: absolute;
        right: 0;
        top: 4px;
        width: 17px;
        height: 17px;
        border-radius: 4px;
        border: 1px solid #ced4da;
    }

    .select2-results__options .checkbox input[type="checkbox"]:checked~label::before {
        background-color: #ff7600;
        border-color: #ff7600;
    }

    .select2-results__options .checkbox input[type="checkbox"]:checked~label::after {
        content: '';
        border: 2px solid #FFFFFF;
        border-width: 0 0 2px 2px;
        width: 12px;
        height: 6px;
        transform: rotate(-45deg);
        position: absolute;
        right: 3px;
        top: 8px;
    }

    .select2-results__options .checkbox input[type="checkbox"]~label+img {
        float: left;
        max-width: 80px;
    }

    .body-type-option {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;
    }

    /* ----- */
    .select2-results__options--nested {
        position: absolute;
        width: 100%;
        left: 100%;
        background-color: #FFFFFF;
        border: 1px solid;
        display: none;
        margin-top: -36px;
    }

    .select2-results__option--group:hover .select2-results__group {
        background-color: #5897fb;
        color: white;
        cursor: pointer;
    }

    .select2-results__option--group:hover .select2-results__options--nested {
        display: block;
    }

    .car_register--form .form-group>label {
        font-weight: bold;
    }

    /* ---- */

    .car_register--form .form-control {
        background-position: center right calc(.7em + .1875rem);
        border-color: #3e4a9f;
    }

    .add_car_form .card-header {
        color: #FFFFFF;
        background-image: linear-gradient(to right, #02629fe3, #02629ffa);
    }

    .add_car_form.card {
        border: 1px solid #02629ffa;
    }

    @keyframes fillgradients {
        0% {
            right: -100%;
            opacity: 1;
        }

        50% {
            opacity: 0.5;
        }

        100% {
            right: 100%;
            opacity: 0;
        }
    }

    @keyframes zoomingshadow {

        0%,
        100% {
            box-shadow: 0 0 0px 0px #544c4c, inset 6px -4px 10px -4px #423a3a;
        }

        50% {
            box-shadow: 0 0 8px 2px #544c4c, inset 6px -4px 10px -4px #423a3a;
        }
    }

    @media only screen and (max-width: 991px) {
        .car_register--form .custom-radios {
            flex-wrap: wrap;
        }

        .car_register--form .custom-radios .custom-radio {
            width: calc(50% - 10px);
        }

        .car_register--form .color-radios .custom-radio {
            flex: 12%;
            max-width: 12%;
        }

        .horizontalMenucontainer .margin-top-50 {
            margin-top: 10px;
        }

        .horizontal-header {
            box-shadow: none !important;
        }

        .axgmap {
            height: calc(100vh - 120px);
        }
    }

    @media only screen and (max-width: 767px) {
        .car_register--form .custom-radios .custom-radio {
            width: calc(100% - 10px);
        }

        .car_register--form .color-radios .custom-radio {
            flex: 16.66666%;
            max-width: 16.66666%;
        }

        .car_register--form .camera-img {
            max-width: 100px;
        }

        .car_register--form .custom-file--box h3 {
            font-size: 18px;
        }
    }

    @media only screen and (max-width: 575px) {
        .car_register--form .custom-radios .custom-radio {
            width: calc(33.33333% - 10px);
        }

        .car_register--form .right-wrong-box {
            flex-wrap: wrap;
        }

        .car_register--form .color-radios .custom-radio {
            flex: 20%;
            max-width: 20%;
            white-space: nowrap;
        }

        .car_register--form .right-wrong-box .content {
            margin-bottom: 15px;
        }
    }

    @media only screen and (max-width: 420px) {
        .car_register--form .color-radios .custom-radio {
            flex: 25%;
            max-width: 25%;
        }
    }

    .btn-113279 {
        background-color: #113279 !important;
        color: #FFFFFF !important;
    }

    .label-heading {
        background-color: #113279;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
        color: #FFFFFF;
        margin-top: 25px;
        margin-bottom: 20px;
        width: 100%;
    }

    html[lang="ar"] .car_register--form .text-right {
        text-align: left !important;
    }

    html[lang="ar"] .car_register--form .form-group>label {
        width: 100%;
        text-align: right;
    }

    html[lang="ar"] .select2-results__option[aria-selected],
    html[lang="ar"] .select2-container--default .select2-results__option[aria-selected=true] {
        text-align: right;
    }

    html[lang="ar"] .select2-container--default .select2-search__field {
        direction: rtl;
        text-align: right;
    }

    html[lang="ar"] .select2-container .select2-selection--single .select2-selection__rendered {
        text-align: right;
        direction: rtl;
        padding-left: 20px;
        padding-right: 8px;
    }

    html[lang="ar"] .select2-container--default .select2-selection--single .select2-selection__arrow {
        left: 1px;
        right: unset;
    }

    html[lang="ar"] .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        float: right;
    }

    .country-codes .numberText {
        text-align: left;
        direction: rtl;
    }

    footer .bg-store {
        padding: 0 10px;
        font-weight: 700;
    }

    footer .bg-store:hover {
        background-color: #d6d6d6;
        color: #000000 !important;
    }

    .login-fors ul li label input[type="radio"] {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .login-fors ul li:nth-child(1) label input[type="radio"]:checked+.card-input {
        color: #FFFFFF;
        background-color: #09659f;
    }

    .login-fors ul li:nth-child(2) label input[type="radio"]:checked+.card-input {
        color: #FFFFFF;
        background-color: #ff6600;
    }

    .login-fors ul li:nth-child(3) label input[type="radio"]:checked+.card-input {
        color: #FFFFFF;
        background-color: #199f09;
    }

    .servie-products .card-body>h3 {
        position: relative;
        margin-bottom: 35px;
        margin-top: 40px;
        display: block;
        margin-left: auto;
        max-width: max-content;
    }

    .servie-products .card-body>h3::after {
        content: '';
        width: 20%;
        height: 1px;
        background-color: #333333;
        position: absolute;
        right: 0;
        bottom: -5px;
        animation: enlarge;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out;
    }

    @keyframes enlarge {

        0%,
        100% {
            transform: scaleX(1);
            transform-origin: right;
        }

        50% {
            transform: scaleX(1.3);
            transform-origin: right;
        }
    }

    .customerpage>p {
        margin-bottom: 60px;
        font-size: 17px;
        font-weight: 500;
        text-align: center;
        position: relative;
    }

    .customerpage>p::after {
        content: '';
        width: 25%;
        height: 1px;
        background-color: #000000;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
    }

    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 8px !important;
        padding-left: 12px !important;
        margin-bottom: 1px;
        padding-right: 5px !important;
    }

    .select2-container .select2-search--inline .select2-search__field::placeholder {
        color: #333333;
    }

    .select2-container--default .select2-selection--multiple {
        padding-bottom: 0 !important;
    }

    .single-productslide .form-control.is-invalid,
    .single-productslide .was-validated .form-control:invalid,
    .single-productslide .form-control.is-valid,
    .single-productslide .was-validated .form-control:valid {
        padding-left: calc(1.5em + .75rem);
        background-position: center left calc(0.85em + .1875rem);
        padding-right: 10px;
    }

    .single-productslide .input-group>.input-group-append>.btn,
    .single-productslide .input-group>.input-group-append>.input-group-text,
    .single-productslide .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
    .single-productslide .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
    .single-productslide .input-group>.input-group-prepend:not(:first-child)>.btn,
    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .single-productslide .input-group>.custom-select:not(:last-child),
    .single-productslide .input-group>.form-control:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .profile-log-switch .usertab-list {
        display: block;
        margin-bottom: 35px !important;
    }

    .profile-log-switch .usertab-list li {
        float: unset;
        display: flex;
        width: 100%;
        padding-right: 0px;
    }

    .profile-log-switch .usertab-list li>span,
    .profile-log-switch .usertab-list li>p {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0px;
    }

    .profile-log-switch .usertab-list li>p {
        align-items: flex-end;
    }

    [id^="select2-caroptions-"] .checkbox::after {
        content: '';
        display: block;
        clear: both;
    }

    #providerLastStep .form-heading,
    #commentForm .form-heading {
        position: relative;
        font-size: 20px;
        margin-bottom: 25px;
        color: #838ab6;
        max-width: max-content;
        text-align: right;
    }

    #providerLastStep .form-heading::before,
    #commentForm .form-heading::before {
        content: '';
        background-color: #838ab6;
        width: 100%;
        height: 2px;
        left: 0;
        bottom: -5px;
        position: absolute;
    }

    select {
        -webkit-appearance: none;
    }

    .select {
        position: relative;
    }

    .select::before {
        content: '';
        position: absolute;
        left: 7px;
        top: 50%;
        width: 4px;
        height: 8px;
        border: solid;
        border-color: grey transparent transparent transparent;
        border-width: 5px 4px 0 4px;
    }

    .service_form-heading {
        color: #2f3977 !important;
        margin-bottom: 25px;
        text-align: right;
        direction: rtl;
    }

    .extra-price .custom-checkbox {
        padding-right: 45px;
        width: 100%;
    }

    .extra-price .custom-checkbox .custom-check::before {
        content: '';
        position: absolute;
        width: 34px;
        height: 34px;
        border: 1px solid #d8dde6;
        background-color: #FFFFFF;
        right: 0;
        top: 0;
    }

    .extra-price .custom-checkbox input[type="checkbox"]:checked~.custom-check::after {
        content: '';
        position: absolute;
        border: 4px solid #00ff00;
        border-width: 0 0 4px 4px;
        width: 23px;
        height: 12px;
        transform: rotate(-45deg);
        top: 8px;
        right: 5px;
    }

    .extra-price .custom-checkbox p {
        border: 1px solid #d8dde6;
        min-height: 30px;
        line-height: 22px;
        padding: 3px;
        margin-bottom: 0px;
        direction: rtl;
        text-align: right;
    }

    .extra-price .custom-checkbox p::after {
        content: '';
        display: table;
        clear: both;
    }

    .extra-price .custom-checkbox p .price {
        background-color: #00ff00;
        display: inline-block;
        padding: 2px;
        vertical-align: middle;
        border-radius: 4px;
        float: left;
        direction: rtl;
    }

    .extra-price .footnote {
        padding-right: 45px;
        font-size: 12px;
        text-align: right;
        direction: rtl;
    }

    #schedule-btn {
        background-color: #ec6827;
        border-color: #ec6827;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .form-control,
    ::placeholder {
        color: #a9acbb !important;
    }

    .srrvice-request .car-truck-detail .text-dark h4,
    .srrvice-request .item-card9-footer h4.text-dark,
    .srrvice-request .item-card9 .text-dark h4 {
        display: flex;
    }

    .srrvice-request .car-truck-detail .text-dark h4 span.right-content,
    .srrvice-request .item-card9-footer h4.text-dark span.right-content,
    .srrvice-request .item-card9 .text-dark h4 span.right-content,
    .srrvice-request .card-header span.right-content {
        display: block;
        margin-right: auto;
        min-width: 240px;
        max-width: 60%;
    }

    .srrvice-request .card-body {
        padding-left: 24px;
        padding-right: 24px;
    }

    .srrvice-request .address-box .item-card9 .text-dark h4 span.right-content {
        max-width: 480px;
        width: 100%;
    }

    .srrvice-request .address-box .item-card9 .text-dark h4 {
        font-size: 21px;
        line-height: 26px;
    }

    .srrvice-request .address-box .location {
        position: relative;
        padding-right: 35px;
    }

    .srrvice-request .address-box .location::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .srrvice-request .address-box .pickup.location::before {
        background-color: #fe0500;
    }

    .srrvice-request .card-header:not(.no-bg) {
        background-color: #ececec;
    }

    .srrvice-request .card-footer,
    .srrvice-request .address-box .dropoff.location::before {
        background-color: #00fe22;
    }

    .btn-call {
        background-color: #00fe22;
        min-width: 150px;
        border-color: #00fe22;
    }

    .provider-details .full-info {
        display: flex;
        align-items: center;
    }

    .provider-details .full-info .image-box {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        overflow: hidden;
    }

    .provider-details .full-info .media .image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .provider-details .full-info .right-content {
        max-width: 50%;
        margin-right: auto;
        width: 100%;
    }

    .srrvice-request .bussiness.address-box .item-card9 .text-dark h4 span.right-content {
        text-align: center;
    }

    .srrvice-request .bussiness.address-box .item-card9 .text-dark h4 {
        font-size: 19px;
        line-height: 23px;
    }

    .special-mention .content-main {
        display: flex;
    }

    .special-mention .content-main [class^="main-"] {
        width: 100%;
        max-width: 100%;
    }

    .special-mention .content-main .main-left {
        padding-left: 10px;
    }

    .special-mention .content-main .main-right {
        padding-right: 10px;
    }

    .special-mention .content-main .color-box {
        display: inline-block;
        vertical-align: middle;
        width: 90px;
        text-align: center;
        padding: 5px;
        border-radius: 4px;
        border: 2px solid #212121;
        margin-right: auto;
    }

    .special-mention .content-main .color-box.green {
        background-color: #00fe22 !important;
        color: #000000;
    }

    .special-mention .content-main .color-box.yellow {
        background-color: #ffbf00 !important;
        color: #FFFFFF;
    }

    .no-border {
        border: none;
    }

    .srrvice-request .card-logo-box .brand-logos {
        max-width: 14.28571%;
    }

    .srrvice-request .skills-box {
        font-size: 16px;
        font-weight: 600;
    }

    @media (max-width: 767px) {

        .srrvice-request .car-truck-detail .text-dark h4 span.right-content,
        .srrvice-request .item-card9-footer h4.text-dark span.right-content,
        .srrvice-request .item-card9 .text-dark h4 span.right-content,
        .srrvice-request .card-header span.right-content {
            max-width: unset;
            width: auto;
            font-size: 16px;
            min-width: unset;
        }

        .special-mention .content-main,
        .provider-details .full-info,
        .srrvice-request .car-truck-detail .text-dark h4,
        .srrvice-request .item-card9-footer h4.text-dark,
        .srrvice-request .item-card9 .text-dark h4 {
            display: block;
        }

        .srrvice-request .report-cencel-request {
            max-width: unset;
            width: auto;
        }

        .srrvice-request .card-header span.right-content {
            margin-left: auto;
        }

        .provider-details .full-info .right-content {
            max-width: unset;
            margin-right: unset;
            margin-top: 15px;
            text-align: left;
        }

        .srrvice-request .bussiness.address-box .item-card9 .text-dark h4 span.right-content {
            text-align: right;
        }

        .special-mention .content-main .main-left,
        .special-mention .content-main .main-right {
            padding: 0;
        }

        .srrvice-request .card-logo-box .brand-logos {
            max-width: 20%;
        }
    }

    @media (max-width: 576px) {
        .srrvice-request .card-logo-box .brand-logos {
            max-width: 25%;
        }

        .srrvice-request .card-body {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    .cars-detail-main .car_register--form .color-radios .custom-radio .color-check::before {
        right: -5px;
        top: -5px;
        transform: unset;
    }

    .srvice-price-tag h4 {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .all-news-section .owl-carousel .owl-item .item .card,
    .all-news-section .owl-carousel .owl-item .item,
    .all-news-section .owl-carousel .owl-item {
        min-height: 223px !important;
        height: 100% !important;
    }

    .all-news-section .owl-carousel .owl-item .item .card .card-body {
        padding-bottom: 40px !important;
    }

    /* My CSS */
    .item-det h3,
    .item-det-desc {
        text-align: right;
    }

    .item-det {
        background-color: rgb(0 0 0 / 9%);
        padding: 10px;
    }
    
    .item-det h3 {
        margin: 0;
        font-weight: 600;
    }

    .item-det h3>.pull-right {
        float: left !important;
    }

    .helper-text {
        color: red;
        text-align: right;
    }

    /* .item-det-desc p {
        margin-bottom: 0;
    } */

    .car_register--form .select2-container {
        width: 100% !important;
    }

    .form-check-input[type="checkbox"]+label,
    label.btn input[type="checkbox"]+label {
        padding-right: 30px !important;
        padding-left: 0 !important;
    }

    .form-check-input[type="checkbox"]:checked+label:before,
    label.btn input[type="checkbox"]:checked+label:before {
        top: -20px !important;
        transform: rotate(40deg) translateY(20px) !important;
    }

    ul.select2-selection__rendered {
        cursor: pointer;
    }
    
    ul.select2-selection__rendered:after {
        content: "";
        position: absolute;
        right: auto;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 6px solid grey;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
    }

    .cars-detail-main .table tr:nth-child(2) td:nth-child(2) p {
        direction: ltr;
    }

    .car_year {
    position: absolute;
    bottom: 40px;
    left: 45px;
}

.car_year h3 {
    margin: 0;
    font-size: 20px;
    color: #000;
}

.info_content_popup > h3 {
    position: absolute;
    bottom: 80px;
    left: 20px;
    color: #fff;
    font-size: 22px;
    margin: 0;
}


@media (max-width: 767px) {
    .car_year {
        bottom: 32px;
    }
    .car_year h3 {
        font-size: 14px;
    }
    .info_content_popup > h3 {
        bottom: 55px;
        font-size: 14px;
    }
}