@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

a {
    background-color: transparent;
    color: #13697d;
    font-weight: 500;
}

    a:active, a:hover {
        outline: 0
    }

b, optgroup, strong {
    font-weight: 700
}

img {
    vertical-align: middle;
    max-width: 100% !important;
    width: auto;
    height: auto;
}

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

p {
    font-size: 15px;
}

*, :after, :before, input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

textarea {
    overflow: auto
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

@media print {

    *, :after, :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        box-sizing: border-box
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        a[href^="#"]:after, a[href^="javascript:"]:after {
            content: ""
        }

    thead {
        display: table-header-group
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td, .table th {
            background-color: #fff !important
        }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

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

.white, .white *:not(a) {
    color: #fff;
}

.btn, .button {
    display: inline-block;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 30px;
    border-radius: 8px;
    color: #fff;
    /* border: 1px solid transparent; */
    cursor: pointer;
    -webkit-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    letter-spacing: 0.5px;
}

a.white:hover {
    color: #fff;
    text-decoration: underline;
}

.title2, h2 {
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
}

.title3 {
    font-style: normal;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 600;
}

.title4 {
    font-style: normal;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
}

.hide {
    display: none;
}

.site-logo img {
    width: 100%;
    height: 60px;
}
/*Top Header*/
.top-Header {
    background: #13697D;
    padding: 10px 0;
    height: 48px;
    text-align: right;
    color: #fff;
}

    .top-Header a {
        color: #fff;
    }

    .top-Header svg, .top-Header img {
        vertical-align: middle;
    }

/*Header*/
header#masthead {
    padding-top: 30px;
    padding-bottom: 30px;
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}

.site-header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.primary-navigation {
    position: relative;
    margin-left: auto;
}

    .primary-navigation ul {
        visibility: visible;
        text-align: left;
        padding: 0px;
        margin: 0;
    }

        .primary-navigation ul li {
            margin: 0 20px 0 0;
            display: inline-block;
            height: auto;
            vertical-align: middle;
        }

            .primary-navigation ul li a {
                font-size: 17px;
                color: #32394d;
                font-weight: 500;
            }

                .primary-navigation ul li a:hover {
                    color: #13697D;
                    text-decoration: none;
                }

.deal, .btn-primary {
    background: #13697D;
    border: 2px solid #13697D;
    color: #fff !important;
    border-radius: 8px;
    padding: 8px 20px;
    margin-left: 15px;
    display: inline-block;
    font-size: 17px;
}

    .deal:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:focus:active {
        background: #32394D;
        border-color: #32394D;
    }

.profileCompletness li::before {
    font-family: FontAwesome;
    content: "";
}

.profileCompletness li.active:before {
    content: "";
}

.profileCompletness li.active, .profileCompletness li.active:hover {
    background: #13697D;
    border: 2px solid #13697D;
    color: #fff !important;
}

.profileCompletness li:hover {
    background: #e3e3e3;
    border: 2px solid #e3e3e3;
    color: #000 !important;
    cursor: pointer;
}

.btn-default {
    background-color: #ddd;
    color: #555;
}

    .btn-default:hover {
        background-color: #13697D;
        text-decoration: none;
        color: #fff;
    }

/*Home banner */
.banner-section {
    background: #888e3b url(../images/background2.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

    .banner-section:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        opacity: .6;
        background: #000;
        content: '';
        z-index: 0;
    }

    .banner-section .banner-title {
        font-style: normal;
        font-size: 55px;
        line-height: 1.16;
        color: #FFFFFF;
        font-weight: 600;
    }

.subtitle {
    font-style: normal;
    font-size: 25px;
    line-height: 1.16;
    color: #FFFFFF;
    font-weight: 600;
}

.banner-list {
    padding: 0;
    margin-top: 20px;
}

    .banner-list li {
        font-size: 17px;
        margin-top: 10px;
    }

        .banner-list li a {
            font-weight: 600;
            color: #fff;
            text-decoration: underline;
        }

.white-checklist li {
    background: url(../images/check-white.svg) no-repeat left 5px;
    background-size: 18px;
    padding-left: 34px;
}

.form-outer {
    padding: 40px 50px;
    max-width: 490px;
    margin: auto;
}

.custom-form-control {
    width: 100% !important;
    height: 56px;
    padding: 10px 15px !important;
    margin-bottom: 15px;
    border-radius: 10px;
}

.btn-submit {
    color: #fff !important;
    height: 56px;
    width: 100%;
    font-size: 18px;
    border-radius: 10px;
    padding: 0;
    margin-right: 0 !important;
}

.primary-color {
    background: #13697D;
}

.primary-color-text {
    color: #13697D;
}

.light-blue {
    background-color: #65A1C0;
    border-color: #65A1C0;
}

.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.1rem;
    font-weight: 400;
    opacity: 1;
    text-shadow: none;
}

button.primary-color:hover, a.primary-color:hover, .btn.primary-color:hover {
    background: #32394D;
    border-color: #32394D;
}

.custom-checkbox {
    display: flex;
    align-items: center;
}

    .custom-checkbox input[type="checkbox"] {
        margin-right: 10px;
    }
/*Product*/
.section-space {
    padding-top: 100px;
}

.product-cart-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

    .product-cart-wrap .product-img-action-wrap {
        position: relative;
        background-color: #fff;
        overflow: hidden;
        max-height: 320px;
        padding: 25px 25px 0 25px;
    }

    .product-cart-wrap .product-content-wrap {
        padding: 0 20px 20px 20px;
    }

    .product-cart-wrap .product-img-action-wrap .product-img {
        position: relative;
        overflow: hidden;
        border-radius: 15px;
    }

        .product-cart-wrap .product-img-action-wrap .product-img a {
            position: relative;
            padding-bottom: 100%;
            display: block;
        }

            .product-cart-wrap .product-img-action-wrap .product-img a img {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                z-index: 0;
                opacity: 1;
                visibility: visible;
                transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1);
                max-width: 41%;
                width: 80%;
            }

    .product-cart-wrap .product-img-action-wrap .product-img {
        position: relative;
        overflow: hidden;
        border-radius: 15px;
    }

    .product-cart-wrap .product-badges.product-badges-position {
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 2;
    }

    .product-cart-wrap .product-content-wrap .product-category {
        margin-bottom: 5px;
    }

        .product-cart-wrap .product-content-wrap .product-category a {
            color: #adadad;
            font-size: 12px;
        }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .product-cart-wrap .product-content-wrap h2 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 5px;
    }

        .product-cart-wrap .product-content-wrap h2 a {
            color: #253D4E;
        }

.product-rate {
    background-image: url("../images/rating-stars.png");
    background-position: 0 -12px;
    background-repeat: repeat-x;
    height: 12px;
    width: 60px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating {
    height: 12px;
    background-repeat: repeat-x;
    background-image: url("../imgs/theme/rating-stars.png");
    background-position: 0 0;
}

.product-cart-wrap .product-content-wrap .product-price {
    padding-top: 5px;
}

    .product-cart-wrap .product-content-wrap .product-price span.old-price {
        font-size: 14px;
        color: #adadad;
        margin: 0 0 0 7px;
        text-decoration: line-through;
    }

    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 18px;
        font-weight: bold;
        color: #3BB77E;
    }

    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 18px;
        font-weight: bold;
        color: #13697D;
    }

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width .6s ease;
}

.product-cart-wrap .progress {
    height: 5px;
}

.progress-bar {
    background-color: #13697D;
}

.product-cart-wrap .product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}

    .product-cart-wrap .product-badges span.new {
        background-color: #3BB77E;
    }

    .product-cart-wrap .product-badges span.best {
        background-color: #f59758;
    }

    .product-cart-wrap .product-badges span.sale {
        background-color: #67bcee;
    }

    .product-cart-wrap .product-badges span.hot {
        background-color: #f74b81;
    }

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.font-xs {
    font-size: 13px;
}

.section--join .container-wrap {
    padding: 50px;
    background: rgba(146,205,250,0.4);
}

.section--join .container-wrap {
    padding-left: 120px;
}

.section--join .content {
}

.section--join .title {
    font-size: 30px;
    line-height: 36px;
}

    .section--join .title + p {
        font-size: 17px;
        line-height: 1.6;
        font-weight: 300;
    }

    .section--join .title strong {
        color: #1273eb;
    }

.navbar-toggle {
    margin-top: 20px;
    display: none;
}


/*Product detail page*/
.custom-links {
    margin-bottom: 40px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.25);
    padding: 15px;
    padding-bottom: 0;
    border-radius: 60px;
}

    .custom-links li {
        margin-right: 12px;
        margin-bottom: 15px;
    }

        .custom-links li a {
            background: #e3e3e3;
            display: block;
            padding: 8px 24px;
            border-radius: 60px;
            font-weight: 16px;
            font-weight: 500;
            color: #333;
        }

            .custom-links li a:hover {
                background-color: #13697D;
                color: #fff;
                text-decoration: none;
            }

.product-image {
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 15px;
    border: 1px solid #ececec;
    overflow: hidden;
    padding: 25px;
}

.title6 {
    font-size: 16px;
}

.product-rate {
    background-image: url("../images/rating-stars.png");
    background-position: 0 -12px;
    background-repeat: repeat-x;
    height: 12px;
    width: 60px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.product-rating {
    height: 12px;
    background-repeat: repeat-x;
    background-image: url("../images/rating-stars.png");
    background-position: 0 0;
}

.short-desc p {
    color: #787878;
    font-size: 15px;
}

.box {
    position: relative;
    padding: 30px;
    border: 1px solid #ececec;
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.bg-light-green {
    background: #dff0d6;
}

.form-group input, .form-group select {
    background: #fff;
    border: 1px solid #d2d2d2;
    height: 52px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 20px;
    font-size: 16px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}

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

.form-group textarea {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    width: 100%;
    min-height: 200px;
}

.custome-checkbox .form-check-label {
    position: relative;
    cursor: pointer;
    color: #687188;
    padding: 0;
    vertical-align: middle;
}

    .custome-checkbox .form-check-label::before {
        content: "";
        border: 2px solid #ced4da;
        height: 17px;
        width: 17px;
        margin: 0px 8px 0 0;
        display: inline-block;
        vertical-align: middle;
        border-radius: 2px;
    }

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::before {
    background-color: #13697D;
    border-color: #13697D;
}

.custome-checkbox input[type="checkbox"] + .form-check-label::after {
    content: "";
    width: 11px;
    position: absolute;
    top: 50%;
    left: 3px;
    opacity: 0;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: translateY(-65%) rotate(-45deg);
    transform: translateY(-65%) rotate(-45deg);
}

.custome-checkbox input[type="checkbox"]:checked + .form-check-label::after {
    opacity: 1;
}

.custome-radio .form-check-input, .custome-checkbox .form-check-input {
    display: none;
}

.sidebar {
    background-color: #f0f0f0 /*#e7eaf3*/;
    border-radius: 10px;
    /*height: 100%;	*/
    border: 1px solid #ddd;
    padding: 20px;
}

.bg-purple-light {
    background-color: #e7eaf3;
}

.h-70 {
    min-height: 70%;
}

.survey-wrap {
    background-color: #13697d;
    border-radius: 6px;
    padding: 10px 15px;
    color: #fff;
    display: inline-flex;
    align-items: center;
}

.full {
    width: 100%;
}

.gray-bg-rounded {
    background: #eae8e8;
    padding: 12px;
    border-radius: 6px;
}

.survey-count {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #fff;
    margin-right: 10px;
    color: #fff;
    padding: 3px;
}

    .survey-count span {
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ffffff54;
        width: 100%;
        font-size: 14px;
        height: 100%;
    }

.styled-list li {
    color: #555;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #999;
}

    .styled-list li span {
        padding-left: 10px;
        font-weight: 600;
        color: #222;
    }

/*thankyou page*/
.thankyou {
    background-color: #FFF3EB;
    padding: 45px;
    border-radius: 10px;
}


/*Survey*/
.survey-info {
    background-color: #dcf2f8;
    border-radius: 10px;
}

.bg-color2 {
    background-color: #fef5da;
}

.bg-color3 {
    background-color: #e9f7cb;
}

.custom-select {
    background-image: url(../images/down-arrow.png);
    background-position: 96% center;
    background-size: 14px;
    width: auto;
}

/*Responsive*/
@media (max-width: 992px) {
    .navbar-toggle {
        background: transparent !important;
        border: none;
        cursor: pointer;
        height: 40px;
        outline: 0;
        overflow: hidden;
        position: relative;
        text-indent: -900em;
        width: 40px;
        min-width: 40px;
        float: right;
        margin-top: 8px;
        margin-right: 2px;
        padding: 12px 8px;
        display: block;
    }

    .navbar-toggler-icon {
        position: relative;
        width: 25px;
        height: 20px;
        margin: 0px 0;
        display: block;
    }

        .navbar-toggler-icon span {
            opacity: 1;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 10px;
            color: black;
            background-color: #333;
            position: absolute;
            transform: rotate(0deg);
            transition: .4s ease-in-out;
        }

            .navbar-toggler-icon span:nth-child(1) {
                top: 0;
            }

            .navbar-toggler-icon span:nth-child(2) {
                top: 9px;
            }

            .navbar-toggler-icon span:nth-child(3) {
                top: 18px;
            }

    .navbar-toggle.active .navbar-toggler-icon span:nth-child(1) {
        transform: translateY(9px) rotate(135deg);
    }

    .navbar-toggle.active .navbar-toggler-icon span:nth-child(2) {
        opacity: 0;
        transform: translateX(-60px);
    }

    .navbar-toggle.active .navbar-toggler-icon span:nth-child(3) {
        transform: translateY(-9px) rotate(-135deg);
    }

    header#masthead {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .primary-navigation {
        position: fixed;
        left: -300px;
        width: 300px;
        background-color: #fff;
        height: 100%;
        top: 0;
        transition: all 0.5s;
    }

        .primary-navigation.active {
            left: 0;
        }

        .primary-navigation ul li {
            display: block;
            padding: 15px;
            padding-left: 30px;
        }

            .primary-navigation ul li a {
                margin-left: 0;
            }
}

@media (max-width: 767px) {
    .section--join .container-wrap {
        padding: 25px;
    }

    .container {
        padding-right: 18px;
        padding-left: 18px;
    }

    .form-outer {
        margin-top: 35px;
    }

    .banner-section .banner-title {
        font-size: 35px;
    }
}


/*Footer*/
.footer {
    background: #232323;
    margin-top: 60px;
    padding: 37px 0 22px;
}

    .footer .footer-block__heading {
        font-size: 14px;
        letter-spacing: .05em;
        font-weight: 600;
        color: #fff;
    }

    .footer .desc, .footer .footer-link {
        display: inline-block;
        padding: 2px 0;
        line-height: 22px;
        color: #cfcfcf;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .02em;
    }

.list-social {
    display: block;
    font-size: 0;
    letter-spacing: 0;
    padding: 0;
}

    .list-social .list-social__item {
        display: inline-block;
        vertical-align: top;
        margin: 0 15px 6px 0;
    }

    .list-social .list-social__link {
        display: block;
        position: relative;
        width: 100%;
        line-height: 1;
        font-size: 0;
        letter-spacing: 0;
        border-radius: 50%;
        color: #282828;
        background: #fff;
        border: 1px solid #fff;
        padding: 9px;
    }

        .list-social .list-social__link svg {
            fill: #282828;
            width: 17px;
            height: 17px;
        }

        .list-social .list-social__link:hover {
            -webkit-box-shadow: 0 0 0 2px #fff;
            box-shadow: 0 0 0 2px #fff;
        }

.list-social__link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    top: -7px;
    left: -7px;
    padding: 7px;
    pointer-events: none;
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: transform .2s,opacity .2s,-webkit-transform .2s;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 2px #0003;
    box-shadow: 0 0 0 2px #0003;
}

.list-social .list-social__link:hover::before {
    -webkit-box-shadow: 0 0 0 2px #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.footer-block__list-social {
    margin-top: 35px;
}

label.hiddenLabel {
    display: none;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.footer .footer-block__newsletter-form {
    max-width: 420px;
    padding: 0;
    width: 100%;
    margin-top: 14px;
    display: block;
}

.newsletter-form .newsletter-form__field-wrapper {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
}

    .newsletter-form .newsletter-form__field-wrapper .field {
        margin-right: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .newsletter-form .newsletter-form__field-wrapper .field__input {
        color: #cfcfcf;
        background-color: #232323;
        border: 1px solid #d3d3d3;
        width: 100%;
        padding: 11px 12px 10px;
        padding-top: 11px;
        padding-bottom: 10px;
        line-height: 22px;
    }

    .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button {
        color: #232323;
        border: 1px solid #fff;
        background-color: #fff;
        width: 124px;
        min-width: 124px;
        margin: 0;
    }

        .newsletter-form .newsletter-form__field-wrapper .newsletter-form__button:hover {
            color: #fff;
            border: 1px solid #fff;
            background-color: #232323;
        }

.footer-bottom {
    padding-top: 22px;
    border-top: 1px solid #3b3b3b;
}

    .footer-bottom .copyright__content {
        color: #cfcfcf;
        font-size: 12px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: .02em;
    }

/*forgot password*/
.icon-box {
    width: 50px;
    height: 50px;
    margin: 25px auto;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #13697D21;
}

.gray-text {
    color: #787878;
}

.page404-bg {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 550px !important;
}

.page404-text {
    max-width: 900px;
    text-align: center;
    color: #282828;
    position: absolute;
}

    .page404-text .txt1 {
        font-family: 'Open Sans', sans-serif;
        font-size: 260px;
        font-weight: bold;
        line-height: 1em;
    }

    .page404-text .txt2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 44px;
        font-weight: 600;
        line-height: 1.25em;
    }

.page404-bg > svg {
    position: absolute;
    z-index: -1;
    overflow: visible;
    width: 500px;
    height: 500px;
}

    .page404-bg > svg path {
        transform: scale(2.6);
        fill: #e8fbfc;
    }

@media (max-width: 680px) {
    .page404-text .txt1 {
        font-size: 130px;
    }

    .page404-text .txt2 {
        font-size: 35px;
    }

    .page404-bg > svg {
        width: 400px;
        height: 400px;
    }
}

div#global-loader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100vh;
    top: 50%;
    left: 50%;
}

    div#global-loader .whirly-loader:not(:required) {
        animation: whirly-loader 1.25s linear infinite;
        background: transparent;
        box-shadow: 0 26px 0 6px #13697D, 0.90971px 26.05079px 0 5.93333px #13697D, 1.82297px 26.06967px 0 5.86667px #13697D, 2.73865px 26.05647px 0 5.8px #13697D, 3.65561px 26.01104px 0 5.73333px #13697D, 4.57274px 25.93327px 0 5.66667px #13697D, 5.48887px 25.8231px 0 5.6px #13697D, 6.40287px 25.68049px 0 5.53333px #13697D, 7.31358px 25.50548px 0 5.46667px #13697D, 8.21985px 25.2981px 0 5.4px #13697D, 9.12054px 25.05847px 0 5.33333px #13697D, 10.01448px 24.78672px 0 5.26667px #13697D, 10.90054px 24.48302px 0 5.2px #13697D, 11.77757px 24.1476px 0 5.13333px #13697D, 12.64443px 23.78072px 0 5.06667px #13697D, 13.5px 23.38269px 0 5px #13697D, 14.34315px 22.95384px 0 4.93333px #13697D, 15.17277px 22.49455px 0 4.86667px #13697D, 15.98776px 22.00526px 0 4.8px #13697D, 16.78704px 21.48643px 0 4.73333px #13697D, 17.56953px 20.93855px 0 4.66667px #13697D, 18.33418px 20.36217px 0 4.6px #13697D, 19.07995px 19.75787px 0 4.53333px #13697D, 19.80582px 19.12626px 0 4.46667px #13697D, 20.5108px 18.468px 0 4.4px #13697D, 21.1939px 17.78379px 0 4.33333px #13697D, 21.85416px 17.07434px 0 4.26667px #13697D, 22.49067px 16.34043px 0 4.2px #13697D, 23.10251px 15.58284px 0 4.13333px #13697D, 23.68881px 14.80241px 0 4.06667px #13697D, 24.24871px 14px 0 4px #13697D, 24.7814px 13.1765px 0 3.93333px #13697D, 25.28607px 12.33284px 0 3.86667px #13697D, 25.76198px 11.46997px 0 3.8px #13697D, 26.2084px 10.58888px 0 3.73333px #13697D, 26.62462px 9.69057px 0 3.66667px #13697D, 27.01001px 8.77608px 0 3.6px #13697D, 27.36392px 7.84648px 0 3.53333px #13697D, 27.68577px 6.90284px 0 3.46667px #13697D, 27.97502px 5.94627px 0 3.4px #13697D, 28.23116px 4.97791px 0 3.33333px #13697D, 28.4537px 3.99891px 0 3.26667px #13697D, 28.64223px 3.01042px 0 3.2px #13697D, 28.79635px 2.01364px 0 3.13333px #13697D, 28.91571px 1.00976px 0 3.06667px #13697D, 29px 0 0 3px #13697D, 29.04896px -1.01441px 0 2.93333px #13697D, 29.06237px -2.03224px 0 2.86667px #13697D, 29.04004px -3.05223px 0 2.8px #13697D, 28.98185px -4.07313px 0 2.73333px #13697D, 28.88769px -5.09368px 0 2.66667px #13697D, 28.75754px -6.1126px 0 2.6px #13697D, 28.59138px -7.12863px 0 2.53333px #13697D, 28.38926px -8.14049px 0 2.46667px #13697D, 28.15127px -9.1469px 0 2.4px #13697D, 27.87755px -10.1466px 0 2.33333px #13697D, 27.56827px -11.1383px 0 2.26667px #13697D, 27.22365px -12.12075px 0 2.2px #13697D, 26.84398px -13.09268px 0 2.13333px #13697D, 26.42956px -14.05285px 0 2.06667px #13697D, 25.98076px -15px 0 2px #13697D, 25.49798px -15.93291px 0 1.93333px #13697D, 24.98167px -16.85035px 0 1.86667px #13697D, 24.43231px -17.75111px 0 1.8px #13697D, 23.85046px -18.63402px 0 1.73333px #13697D, 23.23668px -19.49789px 0 1.66667px #13697D, 22.5916px -20.34157px 0 1.6px #13697D, 21.91589px -21.16393px 0 1.53333px #13697D, 21.21024px -21.96384px 0 1.46667px #13697D, 20.4754px -22.74023px 0 1.4px #13697D, 19.71215px -23.49203px 0 1.33333px #13697D, 18.92133px -24.2182px 0 1.26667px #13697D, 18.10379px -24.91772px 0 1.2px #13697D, 17.26042px -25.58963px 0 1.13333px #13697D, 16.39217px -26.23295px 0 1.06667px #13697D, 15.5px -26.84679px 0 1px #13697D, 14.58492px -27.43024px 0 0.93333px #13697D, 13.64796px -27.98245px 0 0.86667px #13697D, 12.69018px -28.50262px 0 0.8px #13697D, 11.7127px -28.98995px 0 0.73333px #13697D, 10.71663px -29.4437px 0 0.66667px #13697D, 9.70313px -29.86317px 0 0.6px #13697D, 8.67339px -30.2477px 0 0.53333px #13697D, 7.6286px -30.59666px 0 0.46667px #13697D, 6.57001px -30.90946px 0 0.4px #13697D, 5.49886px -31.18558px 0 0.33333px #13697D, 4.41643px -31.42451px 0 0.26667px #13697D, 3.32401px -31.6258px 0 0.2px #13697D, 2.22291px -31.78904px 0 0.13333px #13697D, 1.11446px -31.91388px 0 0.06667px #13697D, 0 -32px 0 0 #13697D, -1.11911px -32.04713px 0 -0.06667px #13697D, -2.24151px -32.05506px 0 -0.13333px #13697D, -3.36582px -32.02361px 0 -0.2px #13697D, -4.49065px -31.95265px 0 -0.26667px #13697D, -5.61462px -31.84212px 0 -0.33333px #13697D, -6.73634px -31.69198px 0 -0.4px #13697D, -7.8544px -31.50227px 0 -0.46667px #13697D, -8.9674px -31.27305px 0 -0.53333px #13697D, -10.07395px -31.00444px 0 -0.6px #13697D, -11.17266px -30.69663px 0 -0.66667px #13697D, -12.26212px -30.34982px 0 -0.73333px #13697D, -13.34096px -29.96429px 0 -0.8px #13697D, -14.4078px -29.54036px 0 -0.86667px #13697D, -15.46126px -29.07841px 0 -0.93333px #13697D, -16.5px -28.57884px 0 -1px #13697D, -17.52266px -28.04212px 0 -1.06667px #13697D, -18.52792px -27.46878px 0 -1.13333px #13697D, -19.51447px -26.85936px 0 -1.2px #13697D, -20.48101px -26.21449px 0 -1.26667px #13697D, -21.42625px -25.53481px 0 -1.33333px #13697D, -22.34896px -24.82104px 0 -1.4px #13697D, -23.2479px -24.07391px 0 -1.46667px #13697D, -24.12186px -23.29421px 0 -1.53333px #13697D, -24.96967px -22.48279px 0 -1.6px #13697D, -25.79016px -21.64052px 0 -1.66667px #13697D, -26.58223px -20.76831px 0 -1.73333px #13697D, -27.34477px -19.86714px 0 -1.8px #13697D, -28.07674px -18.938px 0 -1.86667px #13697D, -28.7771px -17.98193px 0 -1.93333px #13697D, -29.44486px -17px 0 -2px #13697D, -30.07908px -15.99333px 0 -2.06667px #13697D, -30.67884px -14.96307px 0 -2.13333px #13697D, -31.24325px -13.91039px 0 -2.2px #13697D, -31.7715px -12.83652px 0 -2.26667px #13697D, -32.26278px -11.74269px 0 -2.33333px #13697D, -32.71634px -10.63018px 0 -2.4px #13697D, -33.13149px -9.5003px 0 -2.46667px #13697D, -33.50755px -8.35437px 0 -2.53333px #13697D, -33.84391px -7.19374px 0 -2.6px #13697D, -34.14px -6.0198px 0 -2.66667px #13697D, -34.39531px -4.83395px 0 -2.73333px #13697D, -34.60936px -3.63759px 0 -2.8px #13697D, -34.78173px -2.43218px 0 -2.86667px #13697D, -34.91205px -1.21916px 0 -2.93333px #13697D, -35px 0 0 -3px #13697D, -35.04531px 1.22381px 0 -3.06667px #13697D, -35.04775px 2.45078px 0 -3.13333px #13697D, -35.00717px 3.6794px 0 -3.2px #13697D, -34.92345px 4.90817px 0 -3.26667px #13697D, -34.79654px 6.13557px 0 -3.33333px #13697D, -34.62643px 7.36007px 0 -3.4px #13697D, -34.41316px 8.58016px 0 -3.46667px #13697D, -34.15683px 9.79431px 0 -3.53333px #13697D, -33.85761px 11.001px 0 -3.6px #13697D, -33.5157px 12.19872px 0 -3.66667px #13697D, -33.13137px 13.38594px 0 -3.73333px #13697D, -32.70493px 14.56117px 0 -3.8px #13697D, -32.23675px 15.72291px 0 -3.86667px #13697D, -31.72725px 16.86968px 0 -3.93333px #13697D, -31.17691px 18px 0 -4px #13697D, -30.58627px 19.11242px 0 -4.06667px #13697D, -29.95589px 20.2055px 0 -4.13333px #13697D, -29.28642px 21.27783px 0 -4.2px #13697D, -28.57852px 22.32799px 0 -4.26667px #13697D, -27.83295px 23.35462px 0 -4.33333px #13697D, -27.05047px 24.35635px 0 -4.4px #13697D, -26.23192px 25.33188px 0 -4.46667px #13697D, -25.37819px 26.27988px 0 -4.53333px #13697D, -24.49018px 27.1991px 0 -4.6px #13697D, -23.56888px 28.0883px 0 -4.66667px #13697D, -22.6153px 28.94626px 0 -4.73333px #13697D, -21.6305px 29.77183px 0 -4.8px #13697D, -20.61558px 30.56385px 0 -4.86667px #13697D, -19.57168px 31.32124px 0 -4.93333px #13697D, -18.5px 32.04294px 0 -5px #13697D, -17.40175px 32.72792px 0 -5.06667px #13697D, -16.27818px 33.37522px 0 -5.13333px #13697D, -15.1306px 33.98389px 0 -5.2px #13697D, -13.96034px 34.55305px 0 -5.26667px #13697D, -12.76875px 35.08186px 0 -5.33333px #13697D, -11.55724px 35.56951px 0 -5.4px #13697D, -10.32721px 36.01527px 0 -5.46667px #13697D, -9.08014px 36.41843px 0 -5.53333px #13697D, -7.81748px 36.77835px 0 -5.6px #13697D, -6.54075px 37.09443px 0 -5.66667px #13697D, -5.25147px 37.36612px 0 -5.73333px #13697D, -3.95118px 37.59293px 0 -5.8px #13697D, -2.64145px 37.77443px 0 -5.86667px #13697D, -1.32385px 37.91023px 0 -5.93333px #13697D;
        display: inline-block;
        height: 8px;
        overflow: hidden;
        position: relative;
        text-indent: -9999px;
        width: 8px;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        border-radius: 100%;
    }

@keyframes loader {
    to {
        left: -100vw;
    }
}

@-webkit-keyframes whirly-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes whirly-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}


.unanswered-question {
    border: 1px solid #FF4B33 !important; /* Use !important to ensure it overrides other styles */
    border-radius: .25rem; /* Add a slight border-radius to match other elements */
}