body {
    background-color: #fafafa;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    color: #666;
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
}

a {
    color: #5777f3;
    padding: 0;
}

a:hover {
    color: #2750f0;
    text-decoration: none;
}

select:focus,
input:focus {
    outline: 0;
}

button {
    outline: none;
    float: unset !important;
}

button:focus, button:active, button:hover {
    outline: none;
}

*:focus {
    outline-color: rgba(87, 119, 243, 0.5);
}

.flex-1 {
    flex: 1 !important;
}

.flex-2 {
    flex: 2 !important;
}

.flex-3 {
    flex: 3 !important;
}

.flex-4 {
    flex: 4 !important;
}

.flex-5 {
    flex: 5 !important;
}

.cursor-move {
    cursor: move;
}

.cursor-pointer {
    cursor: pointer !important;
}

.hr {
    width: 100%;
    height: 2px;
    background-color: #eee;
}

.hr--30 {
    margin: 30px 0;
}

@media (max-width: 1199.98px) {
    .hr--30 {
        margin: 28px 0;
    }
}

@media (max-width: 991.98px) {
    .hr--30 {
        margin: 26px 0;
    }
}

@media (max-width: 767.98px) {
    .hr--30 {
        margin: 24px 0;
    }
}

@media (max-width: 575.98px) {
    .hr--30 {
        margin: 20px 0;
    }
}

.hr--20 {
    margin: 20px 0;
}

@media (max-width: 1199.98px) {
    .hr--20 {
        margin: 18px 0;
    }
}

@media (max-width: 991.98px) {
    .hr--20 {
        margin: 16px 0;
    }
}

@media (max-width: 767.98px) {
    .hr--20 {
        margin: 14px 0;
    }
}

@media (max-width: 575.98px) {
    .hr--20 {
        margin: 12px 0;
    }
}

.hr--16 {
    margin: 16px 0;
}

@media (max-width: 1199.98px) {
    .hr--16 {
        margin: 14px 0;
    }
}

@media (max-width: 991.98px) {
    .hr--16 {
        margin: 12px 0;
    }
}

@media (max-width: 767.98px) {
    .hr--16 {
        margin: 10px 0;
    }
}

@media (max-width: 575.98px) {
    .hr--16 {
        margin: 8px 0;
    }
}

.hr--10 {
    margin: 10px 0;
}

@media (max-width: 1199.98px) {
    .hr--10 {
        margin: 9px 0;
    }
}

@media (max-width: 991.98px) {
    .hr--10 {
        margin: 8px 0;
    }
}

@media (max-width: 767.98px) {
    .hr--10 {
        margin: 7px 0;
    }
}

@media (max-width: 575.98px) {
    .hr--10 {
        margin: 6px 0;
    }
}
.lh-unset{
    line-height: unset !important;
}
.lh-0{
    line-height: 0px !important;
}
.lh-5{
    line-height: 5px !important;
}
.lh-10{
    line-height: 10px !important;
}
.lh-15{
    line-height: 15px !important;
}
.lh-20{
    line-height: 20px !important;
}
.lh-25{
    line-height: 25px !important;
}
.lh-30{
    line-height: 30px !important;
}
.lh-35{
    line-height: 35px !important;
}
.lh-40{
    line-height: 40px !important;
}
.lh-45{
    line-height: 45px !important;
}

.full-width {
    width: 100% !important;
}

.auto-width {
    width: auto !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.width-75 {
    width: 75% !important;
}

.width-100 {
    width: 100% !important;
}

.width-50 {
    width: 50% !important;
}

.width-25 {
    width: 25% !important;
}

.font-normal {
    font-style: normal !important;
}

.text-normal {
    font-weight: normal !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.height-100 {
    height: 100px !important;
}

.height-150 {
    height: 150px !important;
}

.height-200 {
    height: 200px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-350 {
    height: 350px !important;
}

.height-400 {
    height: 400px !important;
}

.text-bold {
    font-weight: bold !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.opacity-90 {
    opacity: .9 !important;
}

.opacity-80 {
    opacity: .8 !important;
}

.opacity-70 {
    opacity: .7 !important;
}

.opacity-60 {
    opacity: .6 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-40 {
    opacity: .4 !important;
}

.opacity-30 {
    opacity: .3 !important;
}

.opacity-20 {
    opacity: .2 !important;
}

.opacity-10 {
    opacity: .1 !important;
}

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

.text-disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.min-10 {
    min-width: 10px !important;
}

.min-20 {
    min-width: 20px !important;
}

.min-30 {
    min-width: 30px !important;
}

.min-40 {
    min-width: 40px !important;
}

.min-50 {
    min-width: 50px !important;
}

.min-60 {
    min-width: 60px !important;
}

.min-70 {
    min-width: 70px !important;
}

.min-80 {
    min-width: 80px !important;
}

.min-90 {
    min-width: 90px !important;
}

.min-100 {
    min-width: 100px !important;
}

.min-110 {
    min-width: 110px !important;
}

.min-120 {
    min-width: 120px !important;
}

.min-130 {
    min-width: 130px !important;
}

.min-140 {
    min-width: 140px !important;
}

.min-150 {
    min-width: 150px !important;
}

.min-160 {
    min-width: 160px !important;
}

.min-170 {
    min-width: 170px !important;
}

.min-180 {
    min-width: 180px !important;
}

.min-190 {
    min-width: 190px !important;
}

.min-200 {
    min-width: 200px !important;
}

.min-210 {
    min-width: 210px !important;
}

.min-220 {
    min-width: 220px !important;
}

.min-230 {
    min-width: 230px !important;
}

.min-240 {
    min-width: 240px !important;
}

.min-250 {
    min-width: 250px !important;
}

.min-260 {
    min-width: 260px !important;
}

.min-270 {
    min-width: 270px !important;
}

.min-280 {
    min-width: 280px !important;
}

.min-290 {
    min-width: 290px !important;
}

.min-300 {
    min-width: 300px !important;
}

.max-10 {
    max-width: 10px !important;
}

.max-20 {
    max-width: 20px !important;
}

.max-30 {
    max-width: 30px !important;
}

.max-40 {
    max-width: 40px !important;
}

.max-50 {
    max-width: 50px !important;
}

.max-60 {
    max-width: 60px !important;
}

.max-70 {
    max-width: 70px !important;
}

.max-80 {
    max-width: 80px !important;
}

.max-90 {
    max-width: 90px !important;
}

.max-100 {
    max-width: 100px !important;
}

.max-110 {
    max-width: 110px !important;
}

.max-120 {
    max-width: 120px !important;
}

.max-130 {
    max-width: 130px !important;
}

.max-140 {
    max-width: 140px !important;
}

.max-150 {
    max-width: 150px !important;
}

.max-160 {
    max-width: 160px !important;
}

.max-170 {
    max-width: 170px !important;
}

.max-180 {
    max-width: 180px !important;
}

.max-190 {
    max-width: 190px !important;
}

.max-200 {
    max-width: 200px !important;
}

.max-210 {
    max-width: 210px !important;
}

.max-220 {
    max-width: 220px !important;
}

.max-230 {
    max-width: 230px !important;
}

.max-240 {
    max-width: 240px !important;
}

.max-250 {
    max-width: 250px !important;
}

.max-260 {
    max-width: 260px !important;
}

.max-270 {
    max-width: 270px !important;
}

.max-280 {
    max-width: 280px !important;
}

.max-290 {
    max-width: 290px !important;
}

.max-300 {
    max-width: 300px !important;
}

.max-350 {
    max-width: 350px !important;
}

.max-400 {
    max-width: 400px !important;
}

.max-450 {
    max-width: 450px !important;
}

.max-500 {
    max-width: 500px !important;
}

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

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

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

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

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

.bg-transparent {
    background-color: transparent !important;
}

.pointer-none {
    pointer-events: none !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
}

.content-wrapper .content-body {
    flex: 1;
    background-color: #f3f4f8;
}

/*tabs styles*/
.tabs .nav-tabs--default .nav-item {
    margin: 0 15px;
    margin-bottom: -1px;
}

@media (max-width: 991.98px) {
    .tabs .nav-tabs--default .nav-item {
        margin: 0 10px;
    }
}

@media (max-width: 575.98px) {
    .tabs .nav-tabs--default .nav-item {
        margin: 0 8px;
    }
}

@media (max-width: 380px) {
    .tabs .nav-tabs--default .nav-item {
        margin: 0 7px;
    }
}

.tabs .nav-tabs--default .nav-item .nav-link {
    font-size: 17px;
    line-height: 1.5;
    padding: 15px 10px;
    color: #666;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-bottom: 3px solid transparent;
}

@media (max-width: 991.98px) {
    .tabs .nav-tabs--default .nav-item .nav-link {
        font-size: 15px;
        padding: 15px 7px;
    }
}

@media (max-width: 575.98px) {
    .tabs .nav-tabs--default .nav-item .nav-link {
        font-size: 14px;
        padding: 15px 2px;
    }
}

@media (max-width: 380px) {
    .tabs .nav-tabs--default .nav-item .nav-link {
        font-size: 13px;
        padding: 15px 0px;
    }
}

.tabs .nav-tabs--default .nav-item .nav-link:hover, .tabs .nav-tabs--default .nav-item .nav-link:focus {
    border: none;
    border-bottom: 3px solid transparent;
}

.tabs .nav-tabs--default .nav-item .nav-link.active {
    border: none;
    border-bottom: 3px solid #5777f3;
}

.tabs .nav-tabs--default .nav-item .nav-link.active .nav-link-badge {
    background-color: #5777f3;
}

.tabs .nav-tabs--default .nav-item .nav-link-text {
    font-size: inherit;
}

.tabs .nav-tabs--default .nav-item .nav-link-badge {
    background-color: #666;
    color: #fff;
    line-height: 1.2;
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 575.98px) {
    .tabs .nav-tabs--default .nav-item .nav-link-badge {
        margin-left: 4px;
    }
}

.tabs .nav-tabs--two-col {
    position: relative;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
    border: none;
}

.tabs .nav-tabs--two-col .nav-item {
    flex-basis: 50%;
    text-align: center;
    margin-bottom: 0;
}

.tabs .nav-tabs--two-col .nav-item .nav-link {
    font-size: 14px;
    line-height: 1.5;
    color: #999;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    padding: 15px 0;
}

.tabs .nav-tabs--two-col .nav-item .nav-link.active {
    color: #525252;
    border-bottom: 2px solid #5777f3;
}

.tabs .tab-content {
    padding: 15px 20px;
}

@media (max-width: 575.98px) {
    .tabs .tab-content {
        padding: 12px 15px;
    }
}

/*dropdown styles*/
.dropdown {
    width: auto;
}

.dropdown-toggle {
    all: unset !important;
    cursor: pointer !important;
    display: flex;
}

.dropdown-toggle:after {
    vertical-align: middle;
}

.dropdown-toggle-no-caret:after {
    all: unset;
}

.dropdown-toggle.primary:after {
    color: #5777f3;
}

.dropdown-toggle.secondary:after {
    color: #14C479;
}

.dropdown-toggle.danger:after {
    color: #FF5F74;
}

.dropdown-toggle.warning:after {
    color: #FF9635;
}

.dropdown-toggle.info:after {
    color: #33b5e5;
}

.dropdown-toggle.dark:after {
    color: #666;
}

.dropdown-menu {
    width: auto;
    height: auto;
    min-width: auto;
    border: none;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    z-index: 2;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
}

.dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: transparent;
}

.dropdown-menu::-webkit-scrollbar {
    width: 2px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #666;
}

.dropdown--xs .dropdown-menu {
    min-width: 150px;
    max-height: 180px;
}

.dropdown--sm .dropdown-menu {
    min-width: 250px;
    max-height: 220px;
}

.dropdown--md .dropdown-menu {
    min-width: 350px;
    max-height: 260px;
}

.dropdown--lg .dropdown-menu {
    min-width: 440px;
    max-height: 300px;
}

@media (max-width: 1199.98px) {
    .dropdown--lg .dropdown-menu {
        min-width: 400px;
        max-height: 280px;
    }
}

@media (max-width: 991.98px) {
    .dropdown--lg .dropdown-menu {
        min-width: 360px;
        max-height: 260px;
    }
}

@media (max-width: 767.98px) {
    .dropdown--lg .dropdown-menu {
        min-width: 320px;
        max-height: 240px;
    }
}

@media (max-width: 575.98px) {
    .dropdown--lg .dropdown-menu {
        min-width: 280px;
        max-height: 220px;
    }
}

.dropdown--xl .dropdown-menu {
    min-width: 500px;
}

@media (max-width: 1199.98px) {
    .dropdown--xl .dropdown-menu {
        min-width: 450px;
    }
}

@media (max-width: 991.98px) {
    .dropdown--xl .dropdown-menu {
        min-width: 400px;
    }
}

@media (max-width: 767.98px) {
    .dropdown--xl .dropdown-menu {
        min-width: 350px;
    }
}

@media (max-width: 575.98px) {
    .dropdown--xl .dropdown-menu {
        min-width: 300px;
    }
}

.dropdown {
    height: 100%;
}

.dropdown-toggle:hover {
    background-color: transparent;
}

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

.dropdown-menu {
    z-index: 2;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #eee;
    background-color: #fff;
    -moz-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
}

/*modal styles*/
.modal {
    padding-left: 0 !important;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    border: none;
    box-shadow: 15px 10px 30px 0 rgba(0, 0, 0, 0.05);
}

.modal-title {
    font-size: 1.5rem;
    color: #333;
}

@media (max-width: 1199.98px) {
    .modal-title {
        font-size: 1.4rem;
    }
}

@media (max-width: 991.98px) {
    .modal-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .modal-title {
        font-size: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .modal-title {
        font-size: 1.1rem;
    }
}

.modal__title {
    font-size: 1.3rem;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .modal__info-text {
        font-size: .8rem;
    }
}

.modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

.modal__footer {
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/*g-modal style*/
.g-modal {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
    overflow-Y: auto;
}

.g-modal__inner {
    width: 100%;
    min-height: 100vh;
    display: flex;
    padding: 30px;
    position: relative;
}

@media (max-width: 1199.98px) {
    .g-modal__inner {
        padding: 28px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__inner {
        padding: 26px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__inner {
        padding: 24px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__inner {
        padding: 20px;
    }
}

.g-modal__inner.center-center {
    align-items: center;
    justify-content: center;
}

.g-modal__inner.center-left {
    align-items: center;
    justify-content: flex-start;
}

.g-modal__inner.center-right {
    align-items: center;
    justify-content: flex-end;
}

.g-modal__inner.top-center {
    align-items: flex-start;
    justify-content: center;
}

.g-modal__inner.top-left {
    align-items: flex-start;
    justify-content: flex-start;
}

.g-modal__inner.top-right {
    align-items: flex-start;
    justify-content: flex-end;
}

.g-modal__inner.bottom-center {
    align-items: flex-end;
    justify-content: center;
}

.g-modal__inner.bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
}

.g-modal__inner.bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
}

.g-modal__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background-color: rgba(2, 11, 44, 0.6);
}

.g-modal__content {
    height: auto;
    background-color: #fff;
    z-index: 4;
    border-radius: 5px;
    box-shadow: 15px 10px 30px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(-100px);
    position: relative;
}

.g-modal__content--lg {
    width: 1100px;
}

@media (max-width: 1199.98px) {
    .g-modal__content--lg {
        width: 900px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__content--lg {
        width: 700px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__content--lg {
        width: 100%;
    }
}

.g-modal__content--md {
    width: 900px;
}

@media (max-width: 991.98px) {
    .g-modal__content--md {
        width: 700px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__content--md {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .g-modal__content--md {
        width: 100%;
    }
}

.g-modal__content--sm {
    width: 600px;
}

@media (max-width: 991.98px) {
    .g-modal__content--sm {
        width: 500px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__content--sm {
        width: 100%;
    }
}

.g-modal__content--xs {
    width: 400px;
}

@media (max-width: 575.98px) {
    .g-modal__content--xs {
        width: 100%;
    }
}

.g-modal--show {
    opacity: 1;
    z-index: 9999;
    visibility: visible;
}

.g-modal--show .g-modal__content {
    transform: translateY(0);
    transition: all .2s;
}

.g-modal__close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    padding: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
	color: #ff0000;
    cursor: pointer;
}

.g-modal__close-btn:hover {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.g-modal__close-btn-icon {
    width: 100%;
}

.g-modal__header {
    display: flex;
    align-items: flex-start;
    padding: 10px 16px;
    border-bottom: 1px solid #eee;
}

@media (max-width: 1199.98px) {
    .g-modal__header {
        padding: 9px 15px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__header {
        padding: 8px 14px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__header {
        padding: 7px 13px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__header {
        padding: 6px 12px;
    }
}

.g-modal__header-title {
    flex: 1;
    font-size: 1.6rem;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .g-modal__header-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 991.98px) {
    .g-modal__header-title {
        font-size: 1.4rem;
    }
}

@media (max-width: 767.98px) {
    .g-modal__header-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 575.98px) {
    .g-modal__header-title {
        font-size: 1.2rem;
    }
}

.g-modal__header-btn {
    border: none;
    background-color: transparent;
    padding: 0;
    color: #5777f3;
    font-size: 1.2rem;
}

@media (max-width: 1199.98px) {
    .g-modal__header-btn {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .g-modal__header-btn {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .g-modal__header-btn {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .g-modal__header-btn {
        font-size: 1rem;
    }
}

.g-modal__header-btn:hover {
    color: #2750f0;
}

.g-modal__body {
    padding: 40px;
}

@media (max-width: 1199.98px) {
    .g-modal__body {
        padding: 35px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__body {
        padding: 30px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__body {
        padding: 25px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__body {
        padding: 20px;
    }
}

.g-modal__footer {
    padding: 10px 16px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 1199.98px) {
    .g-modal__footer {
        padding: 9px 15px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__footer {
        padding: 8px 14px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__footer {
        padding: 7px 13px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__footer {
        padding: 6px 12px;
    }
}

.g-modal__title {
    font-size: 1.3rem;
    color:#31375e;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .g-modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.g-modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .g-modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .g-modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .g-modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .g-modal__info-text {
        font-size: .8rem;
    }
}

.g-modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .g-modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .g-modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .g-modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .g-modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

#confirm-alert.g-modal {
    z-index: 10000;
}


/*form elements styles*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url("../../images/public/caret-down.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px !important;
    outline: none;
    background-size: 9px;
    display: flex;
    align-items: center;
    font-size: .9rem;
    line-height: 1rem;
}

@media (max-width: 1199.98px) {
    select {
        padding-right: 26px !important;
        background-size: 8.5px;
    }
}

@media (max-width: 991.98px) {
    select {
        padding-right: 24px !important;
        background-size: 8px;
    }
}

@media (max-width: 767.98px) {
    select {
        padding-right: 22px !important;
        background-size: 7.5px;
    }
}

@media (max-width: 575.98px) {
    select {
        padding-right: 20px !important;
        background-size: 7px;
    }
}

@-moz-document url-prefix() {
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-image: url("../../images/public/caret-down.png");
        background-repeat: no-repeat;
        background-position: right 10px center;
        padding-right: 28px !important;
        outline: none;
        background-size: 10px;
        display: flex;
        align-items: center;
        font-size: .9rem;
        line-height: 1rem;
    }
    @media (max-width: 1199.98px) {
        select {
            padding-right: 26px !important;
            background-size: 9.5px;
        }
    }
    @media (max-width: 991.98px) {
        select {
            padding-right: 24px !important;
            background-size: 9px;
        }
    }
    @media (max-width: 767.98px) {
        select {
            padding-right: 22px !important;
            background-size: 8.5px;
        }
    }
    @media (max-width: 575.98px) {
        select {
            padding-right: 20px !important;
            background-size: 8px;
        }
    }
}

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

.date-range .field-input {
    padding: 6px 10px;
    height: 50px !important;
    -webkit-box-flex: 1;
    flex: 1;
    background-color: #F5F7FD !important;
    color: #333 !important;
    border: 1px solid #597DFC4D !important;
    border-radius: 5px;
    font-size: .96rem !important;
}

@media (max-width: 1199.98px) {
    .date-range .field-input {
        padding: 5.5px 9px;
        height: 48px !important;
        font-size: 0.94rem !important;
    }
}

@media (max-width: 991.98px) {
    .date-range .field-input {
        padding: 5px 8px;
        height: 46px !important;
        font-size: 0.92rem !important;
    }
}

@media (max-width: 767.98px) {
    .date-range .field-input {
        padding: 4.5px 7px;
        height: 44px !important;
        font-size: 0.9rem !important;
    }
}

@media (max-width: 575.98px) {
    .date-range .field-input {
        padding: 4px 6px;
        height: 42px !important;
        font-size: 0.88rem !important;
    }
}

.date-range .field-input:focus {
    background-color: #fff !important;
    outline-color: transparent;
    border-color: #5777f3 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.date-range .field-input.error {
    border: 1px solid #FF5F74 !important;
    -moz-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
    -webkit-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
    box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
}

.date-range .field-input.error:focus {
    outline-color: transparent;
    border-color: #5777f3 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-group {
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .form-group {
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .form-group {
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .form-group {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .form-group {
        margin-bottom: 16px;
    }
}

.form-group label {
    font-size: .9rem;
    color: #7D8091;
    text-transform: capitalize;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .form-group label {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .form-group label {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .form-group label {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .form-group label {
        font-size: .8rem;
    }
}

.form-group--flex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-group__mobile {
    position: relative;
    display: flex;
    align-items: center;
}

.form-group__mobile .form-control__mobile-code {
    max-width: 180px;
    margin-right: 20px;
}

@media (max-width: 1199.98px) {
    .form-group__mobile .form-control__mobile-code {
        max-width: 160px;
        margin-right: 18px;
    }
}

@media (max-width: 991.98px) {
    .form-group__mobile .form-control__mobile-code {
        max-width: 140px;
        margin-right: 16px;
    }
}

@media (max-width: 767.98px) {
    .form-group__mobile .form-control__mobile-code {
        max-width: 120px;
        margin-right: 14px;
    }
}

@media (max-width: 575.98px) {
    .form-group__mobile .form-control__mobile-code {
        max-width: 100px;
        margin-right: 12px;
    }
}

.form-group__mobile .form-control__mobile {
    flex: 1;
}

.form-group__amount {
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 0 10px;
    background-color: #F5F7FD;
    color: #333;
    border: 1px solid #597DFC4D;
}

@media (max-width: 1199.98px) {
    .form-group__amount {
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .form-group__amount {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .form-group__amount {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .form-group__amount {
        padding: 0 6px;
    }
}

.form-group__amount input {
    background-color: transparent;
}

.form-group__amount:focus-within {
    background-color: transparent;
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-group__amount .form-control {
    box-shadow: none;
    border: none;
    padding-left: 3px;
}

.form-group__amount .form-control:focus {
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .form-group__amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 991.98px) {
    .form-group__amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 767.98px) {
    .form-group__amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 575.98px) {
    .form-group__amount .form-control {
        padding-left: 3px;
    }
}

.form-group__amount .form-control:read-only {
    background-color: transparent;
    cursor: pointer;
}

.form-group__amount-code, .form-group__amount-symbol {
    font-size: 1.2rem;
    color: #666;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .form-group__amount-code, .form-group__amount-symbol {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .form-group__amount-code, .form-group__amount-symbol {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .form-group__amount-code, .form-group__amount-symbol {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .form-group__amount-code, .form-group__amount-symbol {
        font-size: 1rem;
    }
}

.form-group--amount {
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 0 10px;
    background-color: #F5F7FD;
    color: #333;
    border: 1px solid #597DFC4D;
}

@media (max-width: 1199.98px) {
    .form-group--amount {
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .form-group--amount {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .form-group--amount {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .form-group--amount {
        padding: 0 6px;
    }
}

.form-group--amount input {
    background-color: transparent;
}

.form-group--amount:focus-within {
    background-color: transparent;
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-group--amount .form-control {
    box-shadow: none;
    border: none;
    padding-left: 3px;
}

.form-group--amount .form-control:focus {
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .form-group--amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 991.98px) {
    .form-group--amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 767.98px) {
    .form-group--amount .form-control {
        padding-left: 3px;
    }
}

@media (max-width: 575.98px) {
    .form-group--amount .form-control {
        padding-left: 3px;
    }
}

.form-group__left-text {
    font-size: 1.2rem;
    color: #666;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .form-group__left-text {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .form-group__left-text {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .form-group__left-text {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .form-group__left-text {
        font-size: 1rem;
    }
}

.form-group__right-text {
    font-size: 1.2rem;
    color: #666;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .form-group__right-text {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .form-group__right-text {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .form-group__right-text {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .form-group__right-text {
        font-size: 1rem;
    }
}

.form-group__subdomain {
    display: flex;
    align-items: center;
    background-color: #f3f4f8;
    border: 1px solid #597DFC4D;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

.form-group__subdomain:focus-within {
    background-color: transparent;
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-group__subdomain:focus-within > .form-group__subdomain-name {
    border-left-color: #5777f3;
}

.form-group__subdomain .form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.form-group__subdomain .form-control:focus, .form-group__subdomain .form-control:active {
    box-shadow: none;
    background-color: transparent;
}

@media (max-width: 1199.98px) {
    .form-group__subdomain .form-control {
        padding-left: 9px;
        padding-right: 9px;
    }
}

@media (max-width: 991.98px) {
    .form-group__subdomain .form-control {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 767.98px) {
    .form-group__subdomain .form-control {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (max-width: 575.98px) {
    .form-group__subdomain .form-control {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.form-group__subdomain-name {
    font-size: .9rem;
    color: #fff;
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #5777f3;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5777f3;
}

@media (max-width: 1199.98px) {
    .form-group__subdomain-name {
        padding-left: 9px;
        padding-right: 9px;
        height: 48px;
        font-size: 0.88rem;
    }
}

@media (max-width: 991.98px) {
    .form-group__subdomain-name {
        padding-left: 8px;
        padding-right: 8px;
        height: 46px;
        font-size: 0.86rem;
    }
}

@media (max-width: 767.98px) {
    .form-group__subdomain-name {
        padding-left: 7px;
        padding-right: 7px;
        height: 44px;
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .form-group__subdomain-name {
        padding-left: 6px;
        padding-right: 6px;
        height: 42px;
        font-size: 0.82rem;
    }
}

.form-group__password {
    display: flex;
    align-items: center;
    background-color: #f3f4f8;
    border: 1px solid #597DFC4D;
    border-radius: 8px;
    padding: 0 10px;
}

@media (max-width: 1199.98px) {
    .form-group__password {
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .form-group__password {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .form-group__password {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .form-group__password {
        padding: 0 6px;
    }
}

.form-group__password:focus-within {
    background-color: transparent;
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-group__password:focus-within > .form-group__subdomain-name {
    border-left-color: #5777f3;
}

.form-group__password .form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding-left: 0;
}

.form-group__password .form-control:focus, .form-group__password .form-control:active {
    box-shadow: none;
    background-color: transparent;
}

.form-group__password-btn {
    padding: 0;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: none;
    background-color: transparent;
    color: #666;
    font-size: 1.1rem;
}

.form-group__password-btn:hover {
    color: #333;
}

@media (max-width: 1199.98px) {
    .form-group__password-btn {
        font-size: 1.05rem;
    }
}

@media (max-width: 991.98px) {
    .form-group__password-btn {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .form-group__password-btn {
        font-size: 0.95rem;
    }
}

@media (max-width: 575.98px) {
    .form-group__password-btn {
        font-size: 0.9rem;
    }
}

.form__separator {
    height: 50px;
    width: 1px;
    background-color: #ddd;
}

@media (max-width: 1199.98px) {
    .form__separator {
        height: 48px;
    }
}

@media (max-width: 991.98px) {
    .form__separator {
        height: 46px;
    }
}

@media (max-width: 767.98px) {
    .form__separator {
        height: 44px;
    }
}

@media (max-width: 575.98px) {
    .form__separator {
        height: 42px;
    }
}

.form-control {
    padding: 6px 10px;
    height: 50px;
    -webkit-box-flex: 1;
    flex: 1;
    background-color: #F5F7FD;
    color: #333;
    border: 1px solid #597DFC4D;
    border-radius: 5px;
    font-size: .9rem;
}

@media (max-width: 1199.98px) {
    .form-control {
        padding: 5.5px 9px;
        height: 48px;
        font-size: 0.88rem;
    }
}

@media (max-width: 991.98px) {
    .form-control {
        padding: 5px 8px;
        height: 46px;
        font-size: 0.86rem;
    }
}

@media (max-width: 767.98px) {
    .form-control {
        padding: 4.5px 7px;
        height: 44px;
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .form-control {
        padding: 4px 6px;
        height: 42px;
        font-size: 0.82rem;
    }
}

.form-control--p-left {
    padding-left: 40px;
}

.form-control--p-right {
    padding-right: 40px;
}

.form-control:focus {
    background-color: transparent;
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-control.error {
    border: 1px solid #FF5F74;
    -moz-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
    -webkit-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
    box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
}

.form-control.error:focus {
    outline-color: transparent;
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.form-control:disabled {
    opacity: .7;
    background-color: #eee;
    border-color: #eee;
    cursor: not-allowed;
}

input::-ms-input-placeholder, input:-ms-input-placeholder, input::placeholder {
    color: #999;
}

/*text-colors*/
.text-primary {
    color: #5777f3 !important;
}

.text-secondary {
    color: #14C479 !important;
}

.text-success {
    color: #3bc065;
}

.text-success-light {
    color: #60ce83 !important;
}

.text-success-dark {
    color: #2f9951 !important;
}

.text-warning {
    color: #FF9635 !important;
}

.text-warning-dark {
    color: #ff7b02 !important;
}

.text-warning-light {
    color: #ffb168 !important;
}

.text-danger {
    color: #FF5F74 !important;
}

.text-danger-dark {
    color: #ff2c48 !important;
}

.text-danger-light {
    color: #ff92a0 !important;
}

.text-info {
    color: #33b5e5 !important;
}

.text-dark {
    color: #666 !important;
}

.text-black {
    color: #000 !important;
}

.text-blue {
    color: #7092cb !important;
}

.text .text .text .text .text a.text-primary:hover, .text .text .text .text .text a.text-primary:focus {
    color: #2750f0 !important;
}

.text .text .text .text .text a.text-secondary:hover, .text .text .text .text .text a.text-secondary:focus {
    color: #0f965c !important;
}

.text .text .text .text .text a.text-success:hover, .text .text .text .text .text a.text-success:focus {
    color: #2f9951 !important;
}

.text .text .text .text .text a.text-warning:hover, .text .text .text .text .text a.text-warning:focus {
    color: #ff7b02 !important;
}

.text .text .text .text .text a.text-danger:hover, .text .text .text .text .text a.text-danger:focus {
    color: #ff2c48 !important;
}

.text .text .text .text .text a.text-info:hover, .text .text .text .text .text a.text-info:focus {
    color: #1a9bcb !important;
}

.text .text .text .text .text a.text-dark:hover, .text .text .text .text .text a.text-dark:focus {
    color: #000 !important;
}

.text .text .text .text .text a.text-blue:hover, .text .text .text .text .text a.text-blue:focus {
    color: #7092cb !important;
}

.text .text .text .text .text a.text-black {
    color: #000 !important;
}

/*bg-colors*/
.bg-primary {
    background-color: #5777f3 !important;
}

.bg-secondary {
    background-color: #14C479 !important;
}

.bg-success {
    background-color: #3bc065 !important;
}

.bg-success-light {
    background-color: #60ce83 !important;
}

.bg-success-dark {
    background-color: #2f9951 !important;
}

.bg-warning {
    background-color: #FF9635 !important;
}

.bg-warning-dark {
    background-color: #ff7b02 !important;
}

.bg-warning-light {
    background-color: #ffb168 !important;
}

.bg-danger {
    background-color: #FF5F74 !important;
}

.bg-danger-dark {
    background-color: #ff2c48 !important;
}

.bg-danger-light {
    background-color: #ff92a0 !important;
}

.bg-info {
    background-color: #33b5e5 !important;
}

.bg-dark {
    background-color: #666 !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-blue {
    background-color: #7092cb !important;
}


/*button styles*/
.btn {
    border: 2px solid #ddd;
    background-color: #fafafa;
    color: #666;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 36px;
    font-size: 0.9rem;
    -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);
}

.btn:hover {
    background-color: #666;
    color: #000;
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.btn:focus {
    outline-color: transparent;
    box-shadow: none;
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

.btn:active {
    outline-color: transparent;
}

@media (max-width: 1199.98px) {
    .btn {
        padding: 9px 34px;
        font-size: 0.88rem;
    }
}

@media (max-width: 991.98px) {
    .btn {
        padding: 8px 32px;
        font-size: 0.86rem;
    }
}

@media (max-width: 767.98px) {
    .btn {
        padding: 7px 30px;
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .btn {
        padding: 6px 28px;
        font-size: 0.8rem;
    }
}

.btn-sm, .btn-group-sm > .btn {
    padding: 8px;
    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .btn-sm, .btn-group-sm > .btn {
        padding: 7px;
    }
}

@media (max-width: 991.98px) {
    .btn-sm, .btn-group-sm > .btn {
        padding: 6px;
    }
}

@media (max-width: 767.98px) {
    .btn-sm, .btn-group-sm > .btn {
        padding: 5px;
    }
}

@media (max-width: 575.98px) {
    .btn-sm, .btn-group-sm > .btn {
        padding: 4px;
    }
}

.btn-min-50 {
    min-width: 50px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .btn-min-50 {
        min-width: 48px;
        min-height: 48px;
    }
}

@media (max-width: 991.98px) {
    .btn-min-50 {
        min-width: 46px;
        min-height: 46px;
    }
}

@media (max-width: 767.98px) {
    .btn-min-50 {
        min-width: 44px;
        min-height: 44px;
    }
}

@media (max-width: 575.98px) {
    .btn-min-50 {
        min-width: 42px;
        min-height: 42px;
    }
}

.btn-pro {
    position: relative;
    overflow: hidden;
    padding-left: 40px;
    white-space: nowrap;
}

.btn-pro:before {
    content: 'upgrade';
    position: absolute;
    left: -37px;
    top: -6px;
    padding-bottom: 7px;
    background-color: #5777f3;
    background-image: linear-gradient(to left, #5777f3, #2750f0);
    color: #fff;
    font-size: .55rem;
    text-transform: uppercase;
    width: 100px;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transform: rotate(-50deg);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .btn-pro {
        padding-left: 38px;
    }

    .btn-pro:before {
        left: -37px;
        top: -6px;
        padding-bottom: 6px;
        font-size: .54rem;
        width: 100px;
        transform: rotate(-50deg);
    }
}

@media (max-width: 991.98px) {
    .btn-pro {
        padding-left: 36px;
    }

    .btn-pro:before {
        left: -38px;
        top: -5.5px;
        padding-bottom: 5px;
        font-size: .53rem;
    }
}

@media (max-width: 767.98px) {
    .btn-pro {
        padding-left: 34px;
    }

    .btn-pro:before {
        left: -39px;
        top: -5.5px;
        padding-bottom: 4.5px;
        font-size: .52rem;
    }
}

@media (max-width: 575.98px) {
    .btn-pro {
        padding-left: 30px;
    }

    .btn-pro:before {
        left: -40px;
        top: -5px;
        padding-bottom: 3px;
        font-size: .48rem;
    }
}

.btn-primary {
    background-color: #5777f3;
    color: #fff;
    border-color: #5777f3;
    -moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
}

.btn-primary:hover {
    background-color: #113eed;
    color: #fff;
    border-color: #113eed;
    -moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus {
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    background-color: #63687e;
}

.show > .btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled):active {
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    background-color: #113eed;
}

.btn-primary.btn-pro {
    background-color: #fff !important;
    border-color: #5777f3 !important;
    color: #5777f3 !important;
}

.btn-primary.btn-pro:before {
    background-color: #5777f3;
    color: #fff;
    text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}

.btn-secondary {
    background-color: #14C479 !important;
    color: #fff !important;
    border-color: #14C479 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
    box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
}

.btn-secondary:hover {
    background-color: #0d7f4e;
    color: #fff;
    border-color: #0d7f4e;
    -moz-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
    box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:focus {
    border-color: rgba(20, 196, 121, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    background-color: #0d7f4e;
}

.show > .btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled):active {
    border-color: rgba(20, 196, 121, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
    background-color: #0d7f4e;
}

.btn-secondary.btn-pro {
    background-color: #fff !important;
    border-color: #14C479 !important;
    color: #14C479 !important;
}

.btn-secondary.btn-pro:before {
    background-color: #14C479;
    color: #fff;
    text-shadow: 0 3px 4px rgba(20, 196, 121, 0.2);
}

.btn-success {
    background-color: #3bc065 !important;
    color: #fff !important;
    border-color: #3bc065 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
    box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
}

.btn-success:hover {
    background-color: #298546;
    color: #fff;
    border-color: #298546;
    -moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:focus {
    border-color: rgba(59, 192, 101, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    background-color: #298546;
}

.show > .btn-success.dropdown-toggle, .btn-success:not(:disabled):not(.disabled):active {
    border-color: rgba(59, 192, 101, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    background-color: #298546;
}

.btn-success.btn-pro {
    background-color: #fff !important;
    border-color: #3bc065 !important;
    color: #3bc065 !important;
}

.btn-success.btn-pro:before {
    background-color: #3bc065;
    color: #fff;
    text-shadow: 0 3px 4px rgba(59, 192, 101, 0.2);
}

.btn-info {
    background-color: #33b5e5 !important;
    color: #fff !important;
    border-color: #33b5e5 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
    box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
}

.btn-info:hover {
    background-color: #178ab4;
    color: #fff;
    border-color: #178ab4;
    -moz-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
    box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:focus {
    border-color: rgba(51, 181, 229, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    background-color: #178ab4;
}

.show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled):active {
    border-color: rgba(51, 181, 229, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
    background-color: #178ab4;
}

.btn-info.btn-pro {
    background-color: #fff !important;
    border-color: #33b5e5 !important;
    color: #33b5e5 !important;
}

.btn-info.btn-pro:before {
    background-color: #33b5e5;
    color: #fff;
    text-shadow: 0 3px 4px rgba(51, 181, 229, 0.2);
}

.btn-warning {
    background-color: #FF9635 !important;
    color: #fff !important;
    border-color: #FF9635 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
}

.btn-warning:hover {
    background-color: #e86f00;
    color: #fff;
    border-color: #e86f00;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:focus {
    border-color: rgba(255, 150, 53, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    background-color: #e86f00;
}

.show > .btn-warning.dropdown-toggle, .btn-warning:not(:disabled):not(.disabled):active {
    border-color: rgba(255, 150, 53, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
    background-color: #e86f00;
}

.btn-warning.btn-pro {
    background-color: #fff !important;
    border-color: #FF9635 !important;
    color: #FF9635 !important;
}

.btn-warning.btn-pro:before {
    background-color: #FF9635;
    color: #fff;
    text-shadow: 0 3px 4px rgba(255, 150, 53, 0.2);
}

.btn-danger {
    background-color: #FF5F74 !important;
    color: #fff !important;
    border-color: #FF5F74 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
}

.btn-danger:hover {
    background-color: #ff1332;
    color: #fff;
    border-color: #ff1332;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:focus {
    border-color: rgba(255, 95, 116, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    background-color: #ff1332;
}

.show > .btn-danger.dropdown-toggle, .btn-danger:not(:disabled):not(.disabled):active {
    border-color: rgba(255, 95, 116, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    background-color: #ff1332;
}

.btn-danger.btn-pro {
    background-color: #fff !important;
    border-color: #FF5F74 !important;
    color: #FF5F74 !important;
}

.btn-danger.btn-pro:before {
    background-color: #FF5F74;
    color: #fff;
    text-shadow: 0 3px 4px rgba(255, 95, 116, 0.2);
}

.btn-dark {
    background-color: #666 !important;
    color: #fff !important;
    border-color: #666 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
    box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
}

.btn-dark:hover {
    background-color: #404040;
    color: #fff;
    border-color: #404040;
    -moz-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
    box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:focus {
    border-color: rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    background-color: #404040;
}

.show > .btn-dark.dropdown-toggle, .btn-dark:not(:disabled):not(.disabled):active {
    border-color: rgba(102, 102, 102, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
    background-color: #404040;
}

.btn-dark.btn-pro {
    background-color: #fff !important;
    border-color: #666 !important;
    color: #666 !important;
}

.btn-dark.btn-pro:before {
    background-color: #666;
    color: #fff;
    text-shadow: 0 3px 4px rgba(102, 102, 102, 0.2);
}

.btn-white {
    background-color: #fff !important;
    color: #666 !important;
    border-color: #fff !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
}

.btn-white:hover {
    background-color: #d9d9d9;
    color: #666;
    border-color: #d9d9d9;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:focus {
    border-color: rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    background-color: #d9d9d9;
}

.show > .btn-white.dropdown-toggle, .btn-white:not(:disabled):not(.disabled):active {
    border-color: rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
    background-color: #d9d9d9;
}

.btn-white.btn-pro {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #fff !important;
}

.btn-white.btn-pro:before {
    background-color: #fff;
    color: #fff;
    text-shadow: 0 3px 4px rgba(255, 255, 255, 0.2);
}

.btn-default {
    background-color: #999 !important;
    color: #333 !important;
    border-color: #999 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
    box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
}

.btn-default:hover {
    background-color: #737373;
    color: #333;
    border-color: #737373;
    -moz-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
    box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:focus {
    border-color: rgba(153, 153, 153, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    background-color: #737373;
}

.show > .btn-default.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active {
    border-color: rgba(153, 153, 153, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
    background-color: #737373;
}

.btn-default.btn-pro {
    background-color: #fff !important;
    border-color: #999 !important;
    color: #999 !important;
}

.btn-default.btn-pro:before {
    background-color: #999;
    color: #fff;
    text-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed !important;
    color: #333 !important;
    background-color: #999 !important;
    border-color: #999 !important;
}

.btn-outline {
    background-color: transparent;
    color: #333;
}

.btn-outline-primary {
    background-color: transparent;
    color: #5777f3;
    border-color: #5777f3;
    -moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
}

.btn-outline-primary:hover {
    background-color: #5777f3;
    color: #fff;
    border-color: #5777f3;
    -moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:focus {
    border-color: #5777f3 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    background-color: transparent !important;
    color: #5777f3 !important;
}

.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled):active {
    border-color: #5777f3 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    background-color: transparent !important;
    color: #5777f3 !important;
}

.btn-outline-primary.btn-pro:before {
    color: #5777f3;
    text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}

.btn-outline-secondary {
    background-color: transparent !important;
    color: #14C479 !important;
    border-color: #14C479 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
    box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
}

.btn-outline-secondary:hover {
    background-color: #14C479 !important;
    color: #fff !important;
    border-color: #14C479 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
    box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:focus {
    border-color: #14C479 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    background-color: transparent !important;
    color: #14C479 !important;
}

.show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:not(:disabled):not(.disabled):active {
    border-color: #14C479 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
    background-color: transparent !important;
    color: #14C479 !important;
}

.btn-outline-secondary.btn-pro:before {
    color: #14C479;
    text-shadow: 0 3px 4px rgba(20, 196, 121, 0.2);
}

.btn-outline-success {
    background-color: transparent !important;
    color: #3bc065 !important;
    border-color: #3bc065 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
    box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
}

.btn-outline-success:hover {
    background-color: #3bc065 !important;
    color: #fff !important;
    border-color: #3bc065 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:focus {
    border-color: #3bc065 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    background-color: transparent !important;
    color: #3bc065 !important;
}

.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:not(:disabled):not(.disabled):active {
    border-color: #3bc065 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
    background-color: transparent !important;
    color: #3bc065 !important;
}

.btn-outline-success.btn-pro:before {
    color: #3bc065;
    text-shadow: 0 3px 4px rgba(59, 192, 101, 0.2);
}

.btn-outline-info {
    background-color: transparent !important;
    color: #33b5e5 !important;
    border-color: #33b5e5 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
    box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
}

.btn-outline-info:hover {
    background-color: #33b5e5 !important;
    color: #fff !important;
    border-color: #33b5e5 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
    box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:focus {
    border-color: #33b5e5 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    background-color: transparent !important;
    color: #33b5e5 !important;
}

.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:not(:disabled):not(.disabled):active {
    border-color: #33b5e5 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
    background-color: transparent !important;
    color: #33b5e5 !important;
}

.btn-outline-info.btn-pro:before {
    color: #33b5e5;
    text-shadow: 0 3px 4px rgba(51, 181, 229, 0.2);
}

.btn-outline-warning {
    background-color: transparent !important;
    color: #FF9635 !important;
    border-color: #FF9635 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
}

.btn-outline-warning:hover {
    background-color: #FF9635 !important;
    color: #fff !important;
    border-color: #FF9635 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:focus {
    border-color: #FF9635 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    background-color: transparent !important;
    color: #FF9635 !important;
}

.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:not(:disabled):not(.disabled):active {
    border-color: #FF9635 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
    background-color: transparent !important;
    color: #FF9635 !important;
}

.btn-outline-warning.btn-pro:before {
    color: #FF9635;
    text-shadow: 0 3px 4px rgba(255, 150, 53, 0.2);
}

.btn-outline-danger {
    background-color: transparent !important;
    color: #FF5F74 !important;
    border-color: #FF5F74 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
}

.btn-outline-danger:hover {
    background-color: #FF5F74 !important;
    color: #fff !important;
    border-color: #FF5F74 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:focus {
    border-color: #FF5F74 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    background-color: transparent !important;
    color: #FF5F74 !important;
}

.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:not(:disabled):not(.disabled):active {
    border-color: #FF5F74 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
    background-color: transparent !important;
    color: #FF5F74 !important;
}

.btn-outline-danger.btn-pro:before {
    color: #FF5F74;
    text-shadow: 0 3px 4px rgba(255, 95, 116, 0.2);
}

.btn-outline-white {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
}

.btn-outline-white:hover {
    background-color: #fff !important;
    color: #fff !important;
    border-color: #fff !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:focus {
    border-color: #fff !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    background-color: transparent !important;
    color: #fff !important;
}

.show > .btn-outline-white.dropdown-toggle, .btn-outline-white:not(:disabled):not(.disabled):active {
    border-color: #fff !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
    background-color: transparent !important;
    color: #fff !important;
}

.btn-outline-white.btn-pro:before {
    color: #fff;
    text-shadow: 0 3px 4px rgba(255, 255, 255, 0.2);
}

.btn-outline-dark {
    background-color: transparent !important;
    color: #666 !important;
    border-color: #666 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
    box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
}

.btn-outline-dark:hover {
    background-color: #666 !important;
    color: #fff !important;
    border-color: #666 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
    box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:focus {
    border-color: #666 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    background-color: transparent !important;
    color: #666 !important;
}

.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:not(:disabled):not(.disabled):active {
    border-color: #666 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
    background-color: transparent !important;
    color: #666 !important;
}

.btn-outline-dark.btn-pro:before {
    color: #666;
    text-shadow: 0 3px 4px rgba(102, 102, 102, 0.2);
}

.btn-outline-default {
    background-color: transparent !important;
    color: #999 !important;
    border-color: #999 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
    box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
}

.btn-outline-default:hover {
    background-color: #999 !important;
    color: #fff !important;
    border-color: #999 !important;
    -moz-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
    box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
}

.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:focus {
    border-color: #999 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    background-color: transparent !important;
    color: #999 !important;
}

.show > .btn-outline-default.dropdown-toggle, .btn-outline-default:not(:disabled):not(.disabled):active {
    border-color: #999 !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
    background-color: transparent !important;
    color: #999 !important;
}

.btn-outline-default.btn-pro:before {
    color: #999;
    text-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
}

.btn-outline.disabled, .btn-outline:disabled {
    cursor: not-allowed !important;
    color: #666 !important;
    background-color: transparent !important;
    border-color: #999 !important;
}

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

.btn--secondary {
    background-color: #14C479;
    color: #fff;
}

.btn--let-know {
    background-color: transparent;
    color: #5777f3;
    border-radius: 5px;
    margin-top: 0.875rem;
    padding: 0.5rem 1.25rem;
}

.btn--let-know:hover {
    background-color: #fff;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    color: #5777f3;
}

@media (max-width: 1199.98px) {
    .btn--let-know {
        margin-top: 0.8125rem;
        padding: 0.4375rem 1.125rem;
        font-size: 0.9375rem;
    }
}

@media (max-width: 991.98px) {
    .btn--let-know {
        margin-top: 0.75rem;
        padding: 0.375rem 1rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 767.98px) {
    .btn--let-know {
        margin-top: 0.6875rem;
        padding: 0.3125rem 0.875rem;
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .btn--let-know {
        margin-top: 0.625rem;
        padding: 0.25rem 0.75rem;
        font-size: 0.75rem;
    }
}

.btn--add {
    background-color: transparent;
    color: #5777f3;
    border-radius: 5px;
    padding: 8px 26px;
    border: 1px solid #5777f3;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
}

.btn--add:hover {
    background-color: #5777f3;
    color: #fff;
    border-color: #5777f3;
}

@media (max-width: 1199.98px) {
    .btn--add {
        padding: 0.5rem 1.5rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 991.98px) {
    .btn--add {
        padding: 0.4375rem 1.375rem;
        font-size: 0.8438rem;
    }
}

@media (max-width: 767.98px) {
    .btn--add {
        padding: 0.375rem 1.25rem;
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .btn--add {
        padding: 0.3125rem 1.125rem;
        font-size: 12.5px;
    }
}

.btn--submit {
    color: #fff;
    border-radius: 5px;
    padding: 8px 36px;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
}

.btn--submit:hover {
    background-color: #2750f0;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .btn--submit {
        padding: 0.5rem 2.125rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 991.98px) {
    .btn--submit {
        padding: 0.4375rem 2rem;
        font-size: 0.8438rem;
    }
}

@media (max-width: 767.98px) {
    .btn--submit {
        padding: 0.375rem 1.875rem;
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .btn--submit {
        padding: 0.3125rem 1.75rem;
        font-size: 0.7813rem;
    }
}

.btn--close {
    background-color: transparent;
    color: #5777f3;
    border-radius: 5px;
    padding: 8px 0;
    font-size: 0.875rem;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.btn--close:hover {
    background-color: transparent;
    color: #5777f3;
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 1199.98px) {
    .btn--close {
        padding: 0.5rem 0;
        font-size: 0.875rem;
    }
}

@media (max-width: 991.98px) {
    .btn--close {
        padding: 0.4375rem 0;
        font-size: 0.8438rem;
    }
}

@media (max-width: 767.98px) {
    .btn--close {
        padding: 0.375rem 0;
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .btn--close {
        padding: 0.3125rem 0;
        font-size: 12.5px;
    }
}

.btn--see-more {
    padding: 0px 26px;
    align-self: center;
    background-color: transparent;
    font-size: 1rem;
    color: #5777f3;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    align-items: center;
    position: relative;
}

.btn--see-more::after {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 0;
    color: #14C479;
}

.btn--see-more:hover {
    background-color: transparent;
    color: #14C479;
}

.btn--see-more:hover::after {
    content: '\f105';
    right: 10px;
}

.btn--clear {
    background-color: transparent;
    border: 1px solid #ddd;
    color: #5777f3;
    font-size: .9rem;
    padding: 4px 10px;
    text-transform: uppercase;
    -moz-box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
    box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
}

.btn--clear:hover {
    background-color: #5777f3;
    color: #fff;
    border-color: #5777f3;
}

.btn--clear:focus {
    outline-color: transparent;
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.btn--done {
    background-color: #14C479;
    border: 1px solid #14C479;
    color: #fff;
    font-size: .9rem;
    padding: 4px 10px;
    text-transform: uppercase;
    box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.1);
}

.btn--done:hover {
    background-color: #0f965c;
    color: #fff;
    border-color: #0f965c;
}

.btn--done:focus {
    outline-color: transparent;
    border-color: rgba(173, 196, 91, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
}

.btn-facebook {
    background-color: #34589d;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn-facebook:hover {
    background: #2e4d8a;
    color: #fff;
}

.btn-twitter {
    background-color: #38aae2;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn-twitter:hover {
    background: #22a0df;
    color: #fff;
}

.btn-linkedin {
    background-color: #0077b5;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn-linkedin:hover {
    background: #00669c;
    color: #fff;
}

.btn-whatsapp {
    background-color: #7ed321;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.btn-whatsapp:hover {
    background: #71bd1e;
    color: #fff;
}

.btn-auth {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    border: 0;
    padding: 0.625rem;
    transition: 0.2s transform;
}

.btn-auth--facebook {
    transition: all 0.2s ease-in-out;
    background: #34589d;
}

.btn-auth--facebook:hover {
    background: #2e4d8a;
}

.btn-auth--email {
    transition: all 0.2s ease-in-out;
    background: #5777f3;
}

.btn-auth--email:hover {
    background: #2750f0;
}

.btn-auth:hover {
    color: #fff !important;
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-auth:disabled {
    transform: none;
    box-shadow: none;
    pointer-events: none;
}

.btn-link--mark {
    color: #879ef6;
    font-size: 12px;
    line-height: 1;
}

@media (max-width: 575.98px) {
    .btn-link--mark {
        font-size: 11px;
    }
}

.btn-link--mark:hover {
    color: #2750f0;
}

.btn-file {
    position: relative;
}

.btn-file__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.btn-default {
    border: 0;
    box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.05);
}

.btn-default:disabled {
    pointer-events: none;
}

.btn-default:hover {
    background-color: #fff;
    -moz-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
}

.btn--dark {
    color: #666;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.2);
}

.btn--dark:hover {
    background-color: #666;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .btn--dark {
        padding: 0.5rem 2.125rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 991.98px) {
    .btn--dark {
        padding: 0.4375rem 2rem;
        font-size: 0.8438rem;
    }
}

@media (max-width: 767.98px) {
    .btn--dark {
        padding: 0.375rem 1.875rem;
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .btn--dark {
        padding: 0.3125rem 1.75rem;
        font-size: 0.7813rem;
    }
}

.btn-loader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-loader:hover {
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.btn--text {
    padding: 2px;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: #33b5e5;
    border-radius: 0;
}

.btn--text:hover, .btn--text:focus, .btn--text:active {
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: #1a9bcb;
}

.btn--text i {
    font-size: 1.3rem;
}

@media (max-width: 1199.98px) {
    .btn--text i {
        font-size: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .btn--text i {
        font-size: 1.2rem;
    }
}

@media (max-width: 767.98px) {
    .btn--text i {
        font-size: 1.15rem;
    }
}

@media (max-width: 575.98px) {
    .btn--text i {
        font-size: 1.1rem;
    }
}

.btn--icon {
    padding: 2px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .btn--icon {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 991.98px) {
    .btn--icon {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 767.98px) {
    .btn--icon {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 575.98px) {
    .btn--icon {
        width: 30px;
        height: 30px;
    }
}

button {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
    z-index: 0;
}

/*badge styles*/
span.badge {
    margin-top: 2px;
}

@media (max-width: 1199.98px) {
    span.badge {
        margin-top: 1.8px;
    }
}

@media (max-width: 991.98px) {
    span.badge {
        margin-top: 1.6px;
    }
}

@media (max-width: 767.98px) {
    span.badge {
        margin-top: 1.4px;
    }
}

@media (max-width: 575.98px) {
    span.badge {
        margin-top: 1.2px;
    }
}

.badge {
    line-height: 1.3;
}

.badge-primary {
    background-color: #2750f0;
    color: #fff;
}

.badge-secondary {
    background-color: #14C479;
    color: #fff;
}

.badge-info {
    background-color: #33b5e5;
    color: #fff;
}

.badge-info-dark {
    background-color: #1a9bcb;
    color: #fff;
}

.badge-warning {
    background-color: #FF9635;
    color: #fff;
}

.badge-warning-light {
    background-color: #ffb168;
    color: #fff;
}

.badge-warning-dark {
    background-color: #ff7b02;
    color: #fff;
}

.badge-success {
    background-color: #3bc065;
    color: #fff;
}

.badge-success-light {
    background-color: #60ce83;
    color: #fff;
}

.badge-success-dark {
    background-color: #2f9951;
    color: #fff;
}

.badge-danger {
    background-color: #FF5F74;
    color: #fff;
}

.badge-danger-dark {
    background-color: #ff2c48;
    color: #fff;
}

.badge-danger-light {
    background-color: #ff92a0;
    color: #fff;
}

.badge-default {
    background-color: #999;
    color: #fff;
}

/*row styles*/
.row--30 {
    margin-left: -30px;
    margin-right: -30px;
}

.row--30 .col-1, .row--30 .col-2, .row--30 .col-3, .row--30 .col-4, .row--30 .col-5, .row--30 .col-6, .row--30 .col-7, .row--30 .col-8, .row--30 .col-9, .row--30 .col-10, .row--30 .col-11, .row--30 .col-12, .row--30 .col,
.row--30 .col-auto,
.row--30 .col-sm-1, .row--30 .col-sm-2, .row--30 .col-sm-3, .row--30 .col-sm-4, .row--30 .col-sm-5, .row--30 .col-sm-6, .row--30 .col-sm-7, .row--30 .col-sm-8, .row--30 .col-sm-9, .row--30 .col-sm-10, .row--30 .col-sm-11, .row--30 .col-sm-12, .row--30 .col-sm,
.row--30 .col-sm-auto,
.row--30 .col-md-1, .row--30 .col-md-2, .row--30 .col-md-3, .row--30 .col-md-4, .row--30 .col-md-5, .row--30 .col-md-6, .row--30 .col-md-7, .row--30 .col-md-8, .row--30 .col-md-9, .row--30 .col-md-10, .row--30 .col-md-11, .row--30 .col-md-12, .row--30 .col-md,
.row--30 .col-md-auto,
.row--30 .col-lg-1, .row--30 .col-lg-2, .row--30 .col-lg-3, .row--30 .col-lg-4, .row--30 .col-lg-5, .row--30 .col-lg-6, .row--30 .col-lg-7, .row--30 .col-lg-8, .row--30 .col-lg-9, .row--30 .col-lg-10, .row--30 .col-lg-11, .row--30 .col-lg-12, .row--30 .col-lg,
.row--30 .col-lg-auto,
.row--30 .col-xl-1, .row--30 .col-xl-2, .row--30 .col-xl-3, .row--30 .col-xl-4, .row--30 .col-xl-5, .row--30 .col-xl-6, .row--30 .col-xl-7, .row--30 .col-xl-8, .row--30 .col-xl-9, .row--30 .col-xl-10, .row--30 .col-xl-11, .row--30 .col-xl-12, .row--30 .col-xl,
.row--30 .col-xl-auto {
    padding-left: 30px;
    padding-right: 30px;
}

.loading-default {
    border-color: rgba(87, 119, 243, 0.5) !important;
}

.loading-default:before {
    background-color: #5777f3 !important;
}

@media (max-width: 415px) {
    .shortcuts-container:not(.inline) .shortcut-button {
        min-width: 100px !important;
    }
}

.swal2-container {
    z-index: 9999 !important;
}

.swal2-header {
    padding: 0 1.8em !important;
}

@media (max-width: 1199.98px) {
    .swal2-header {
        padding: 0 1.6em !important;
    }
}

@media (max-width: 991.98px) {
    .swal2-header {
        padding: 0 1.4em !important;
    }
}

@media (max-width: 767.98px) {
    .swal2-header {
        padding: 0 1.2em !important;
    }
}

@media (max-width: 575.98px) {
    .swal2-header {
        padding: 0 1em !important;
    }
}

.swal2-icon {
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    line-height: 5em;
}

@media (max-width: 1199.98px) {
    .swal2-icon {
        width: 4.8em !important;
        height: 4.8em !important;
        margin: 1.2em auto 1.8em !important;
        line-height: 4.8em !important;
    }
}

@media (max-width: 991.98px) {
    .swal2-icon {
        width: 4.6em !important;
        height: 4.6em !important;
        margin: 1.1em auto 1.7em !important;
        line-height: 4.6em !important;
    }
}

@media (max-width: 767.98px) {
    .swal2-icon {
        width: 4.4em !important;
        height: 4.4em !important;
        margin: 1em auto 1.6em !important;
        line-height: 4.4em !important;
    }
}

@media (max-width: 575.98px) {
    .swal2-icon {
        width: 4em !important;
        height: 4em !important;
        margin: .9em auto 1.5em !important;
        line-height: 4em !important;
    }
}

.swal2-error {
    border-color: #FF5F74 !important;
    color: #FF5F74 !important;
}

.swal2-question {
    border-color: #33b5e5 !important;
    color: #33b5e5 !important;
}

.swal2-warning {
    border-color: #FF9635 !important;
    color: #FF9635 !important;
}

.swal2-title {
    margin: 0 0 .4em;
    color: #31375E !important;
    font-size: 1.875em;
}

@media (max-width: 1199.98px) {
    .swal2-title {
        margin: 0 0 .35em !important;
        font-size: 1.8em !important;
    }
}

@media (max-width: 991.98px) {
    .swal2-title {
        margin: 0 0 .3em !important;
        font-size: 1.75em !important;
    }
}

@media (max-width: 767.98px) {
    .swal2-title {
        margin: 0 0 .25em !important;
        font-size: 1.7em !important;
    }
}

@media (max-width: 575.98px) {
    .swal2-title {
        margin: 0 0 .2em !important;
        font-size: 1.6em !important;
    }
}

.swal2-html-container {
    color: #666;
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .swal2-html-container {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .swal2-html-container {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .swal2-html-container {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .swal2-html-container {
        font-size: .9em;
    }
}

.swal2-actions button {
    color: #fff !important;
    font-size: 1rem !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}

.swal2-actions button:hover {
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

@media (max-width: 1199.98px) {
    .swal2-actions button {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .swal2-actions button {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .swal2-actions button {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .swal2-actions button {
        font-size: .9em;
    }
}

.swal2-confirm {
    background-color: #5777f3 !important;
}

.swal2-confirm:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(87, 119, 243, 0.5) !important;
}

.swal2-deny {
    background-color: #FF5F74 !important;
}

.swal2-deny:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(255, 95, 116, 0.5) !important;
}

.swal2-cancel {
    background-color: #999 !important;
    color: #31375E !important;
}

.swal2-cancel:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(153, 153, 153, 0.5) !important;
}

/*auth pages styles*/
.auth {
    width: 100%;
    height: 100%;
    background-color: #F5F7FD;
}

.auth__inner {
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 767.98px) {
    .auth__inner {
        padding-top: 30px;
    }
}

@media (max-width: 575.98px) {
    .auth__inner {
        padding-top: 40px;
    }
}

.auth__header {
    position: absolute;
    top: 45px;
    left: 45px;
    right: 0;
}

@media (max-width: 1199.98px) {
    .auth__header {
        top: 40px;
        left: 40px;
    }
}

@media (max-width: 991.98px) {
    .auth__header {
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 767.98px) {
    .auth__header {
        top: 20px;
        left: 0;
        text-align: center;
    }
}

.auth__logo {
    height: 40px;
    max-width: 300px;
    display: block;
}

@media (max-width: 1199.98px) {
    .auth__logo {
        height: 38px;
    }
}

@media (max-width: 991.98px) {
    .auth__logo {
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .auth__logo {
        height: 34px;
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .auth__logo {
        height: 32px;
    }
}

.auth__logo-img {
    height: 100%;
}

.auth__body {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 90px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 1199.98px) {
    .auth__body {
        padding: 80px;
    }
}

@media (max-width: 991.98px) {
    .auth__body {
        padding: 60px;
    }
}

@media (max-width: 767.98px) {
    .auth__body {
        padding: 40px;
    }
}

@media (max-width: 575.98px) {
    .auth__body {
        padding: 20px;
    }
}

.auth__body-left {
    flex: 1;
    height: 100%;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .auth__body-left {
        width: 100%;
        flex: auto;
        order: 1;
        padding-right: 0;
        padding-top: 20px;
    }
}

.auth__body-banner {
    max-width: 100%;
    max-height: 100%;
}

.auth__body-right {
    width: 600px;
}

@media (max-width: 1199.98px) {
    .auth__body-right {
        width: 500px;
    }
}

@media (max-width: 991.98px) {
    .auth__body-right {
        width: 400px;
    }
}

@media (max-width: 767.98px) {
    .auth__body-right {
        width: 100%;
    }
}

.auth-form {
    width: 100%;
}

.auth-form__header {
    width: 100%;
    margin-bottom: 20px;
}

.auth-form__title {
    font-size: 1.8rem;
    color: #31375E;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 1199.98px) {
    .auth-form__title {
        font-size: 1.7rem;
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .auth-form__title {
        font-size: 1.6rem;
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .auth-form__title {
        font-size: 1.5rem;
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .auth-form__title {
        font-size: 1.4rem;
        margin-bottom: 6px;
    }
}

.auth-form__subtitle {
    font-size: 1rem;
    color: #7D8091;
    text-align: center;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .auth-form__subtitle {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .auth-form__subtitle {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .auth-form__subtitle {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .auth-form__subtitle {
        font-size: .92rem;
    }
}

.auth-form__body {
    width: 100%;
    height: auto;
}

.auth-form .auth-card {
    width: 100%;
    padding: 60px;
    border-radius: 30px;
    background-color: #fff;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card {
        padding: 55px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card {
        padding: 50px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card {
        padding: 45px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card {
        padding: 40px;
    }
}

.auth-form .auth-card__header {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-form .auth-card__header-text {
    font-size: .8rem;
    color: #999;
    margin-bottom: 0;
    margin-right: 10px;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__header-text {
        font-size: .78rem;
        margin-right: 9px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__header-text {
        font-size: .76rem;
        margin-right: 8px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__header-text {
        font-size: .74rem;
        margin-right: 7px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__header-text {
        font-size: .72rem;
        margin-right: 6px;
    }
}

.auth-form .auth-card__header-link {
    font-size: .96rem;
    font-weight: 600;
    color: #5777f3;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__header-link {
        font-size: .94rem;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__header-link {
        font-size: .92rem;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__header-link {
        font-size: .9rem;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__header-link {
        font-size: .88rem;
    }
}

.auth-form .auth-card__header-link:hover {
    color: #2750f0;
}

.auth-form .auth-card__social {
    width: 100%;
    margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social {
        margin-bottom: 35px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social {
        margin-bottom: 25px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social {
        margin-bottom: 20px;
    }
}

.auth-form .auth-card__social-row {
    margin-right: -20px;
    margin-bottom: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social-row {
        margin-right: -19px;
        margin-bottom: -19px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social-row {
        margin-right: -18px;
        margin-bottom: -18px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social-row {
        flex-direction: column;
        margin-right: -17px;
        margin-bottom: -17px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social-row {
        margin-right: -16px;
        margin-bottom: -16px;
    }
}

.auth-form .auth-card__social-row-item {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social-row-item {
        padding-right: 19px;
        padding-bottom: 19px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social-row-item {
        width: 100%;
        padding-right: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social-row-item {
        padding-right: 17px;
        padding-bottom: 17px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social-row-item {
        padding-right: 16px;
        padding-bottom: 16px;
    }
}

.auth-form .auth-card__social-btn {
    width: 100%;
    height: 50px;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #597DFC4D;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F5F7FD;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social-btn {
        height: 48px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social-btn {
        height: 46px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social-btn {
        height: 44px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social-btn {
        height: 42px;
    }
}

.auth-form .auth-card__social-btn-icon {
    width: 50px;
    height: 100%;
    padding: 10px;
    border-right: 1px solid #597DFC4D;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social-btn-icon {
        width: 48px;
        padding: 9px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social-btn-icon {
        width: 46px;
        padding: 8px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social-btn-icon {
        width: 44px;
        padding: 7px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social-btn-icon {
        width: 42px;
        padding: 6px;
    }
}

.auth-form .auth-card__social-btn-title {
    flex: 1;
    padding: 0 10px;
    text-align: center;
    font-size: .7rem;
    color: #31375E;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__social-btn-title {
        padding: 0 9px;
        font-size: .68rem;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__social-btn-title {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__social-btn-title {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__social-btn-title {
        padding: 0 6px;
    }
}

.auth-form .auth-card .form-control {
    border-color: rgba(87, 119, 243, 0.4);
}

.auth-form .auth-card__footer {
    width: 100%;
}

.auth-form .auth-card__footer-btn {
    width: 100%;
    height: 50px;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__footer-btn {
        height: 48px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__footer-btn {
        height: 46px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__footer-btn {
        height: 44px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__footer-btn {
        height: 42px;
    }
}

.auth-form .auth-card__forgot-password {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__forgot-password {
        margin-top: 18px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__forgot-password {
        margin-top: 16px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__forgot-password {
        margin-top: 14px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__forgot-password {
        margin-top: 12px;
    }
}

.auth-form .auth-card__forgot-password-text {
    font-size: .8rem;
    color: #999;
    margin-bottom: 0;
    margin-right: 10px;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__forgot-password-text {
        font-size: .78rem;
        margin-right: 9px;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__forgot-password-text {
        font-size: .76rem;
        margin-right: 8px;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__forgot-password-text {
        font-size: .74rem;
        margin-right: 7px;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__forgot-password-text {
        font-size: .72rem;
        margin-right: 6px;
    }
}

.auth-form .auth-card__forgot-password-link {
    font-size: .9rem;
    font-weight: 600;
    color: #5777f3;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__forgot-password-link {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__forgot-password-link {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__forgot-password-link {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__forgot-password-link {
        font-size: .8rem;
    }
}

.auth-form .auth-card__forgot-password-link:hover {
    color: #2750f0;
}

.auth-form .auth-card__message-text {
    font-size: .9rem;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .auth-form .auth-card__message-text {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .auth-form .auth-card__message-text {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .auth-form .auth-card__message-text {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .auth-form .auth-card__message-text {
        font-size: .8rem;
    }
}

.unverified {
    width: 100%;
    height: 100%;
    background-color: #F5F7FD;
}

.unverified--bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.unverified__inner {
    width: 100%;
    min-height: 55vh;
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .unverified__inner {
        padding: 70px;
    }
}

@media (max-width: 991.98px) {
    .unverified__inner {
        padding: 60px;
    }
}

@media (max-width: 767.98px) {
    .unverified__inner {
        padding: 50px;
    }
}

@media (max-width: 575.98px) {
    .unverified__inner {
        padding: 40px;
    }
}

.unverified__card {
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .unverified__card {
        padding: 35px;
    }
}

@media (max-width: 991.98px) {
    .unverified__card {
        padding: 30px;
    }
}

@media (max-width: 767.98px) {
    .unverified__card {
        padding: 25px;
    }
}

@media (max-width: 575.98px) {
    .unverified__card {
        padding: 20px;
    }
}

.unverified__card-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .unverified__card-title {
        font-size: 1.35rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .unverified__card-title {
        font-size: 1.3rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .unverified__card-title {
        font-size: 1.25rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .unverified__card-title {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }
}

.unverified__card-message {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .unverified__card-message {
        font-size: .88rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .unverified__card-message {
        font-size: .86rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .unverified__card-message {
        font-size: .84rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .unverified__card-message {
        font-size: .8rem;
        margin-bottom: 12px;
    }
}

.verified {
    width: 100%;
    height: 100%;
    background-color: #F5F7FD;
}

.verified--bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.verified__inner {
    width: 100%;
    min-height: 70vh;
    padding: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .verified__inner {
        padding: 70px;
    }
}

@media (max-width: 991.98px) {
    .verified__inner {
        padding: 60px;
    }
}

@media (max-width: 767.98px) {
    .verified__inner {
        padding: 50px;
    }
}

@media (max-width: 575.98px) {
    .verified__inner {
        padding: 40px;
    }
}

.verified__card {
    min-width: 600px;
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .verified__card {
        padding: 35px;
        min-width: 500px;
    }
}

@media (max-width: 991.98px) {
    .verified__card {
        padding: 30px;
        min-width: 400px;
    }
}

@media (max-width: 767.98px) {
    .verified__card {
        padding: 25px;
        min-width: 300px;
    }
}

@media (max-width: 575.98px) {
    .verified__card {
        padding: 20px;
        min-width: 200px;
    }
}

.verified__card-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .verified__card-title {
        font-size: 1.35rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .verified__card-title {
        font-size: 1.3rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .verified__card-title {
        font-size: 1.25rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .verified__card-title {
        font-size: 1.2rem;
        margin-bottom: 12px;
    }
}

.verified__card-message {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 20px;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .verified__card-message {
        font-size: .88rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .verified__card-message {
        font-size: .86rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .verified__card-message {
        font-size: .84rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .verified__card-message {
        font-size: .8rem;
        margin-bottom: 12px;
    }
}


.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    transform: scale(0);
}

.animate {
    animation: ripple 0.65s linear;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.g-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.g-menu__item {
    border-bottom: 1px solid #ddd;
}

.g-menu__item-link {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    color: #999;
    cursor: pointer;
    white-space: nowrap;
}

.g-menu__item-link.btn {
    width: 100%;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.g-menu__item-link-icon {
    font-size: 1rem;
    color: #5777f3;
    margin-right: 10px;
}

@media (max-width: 1199.98px) {
    .g-menu__item-link-icon {
        font-size: .98rem;
        margin-right: 9px;
    }
}

@media (max-width: 991.98px) {
    .g-menu__item-link-icon {
        font-size: .96rem;
        margin-right: 8px;
    }
}

@media (max-width: 767.98px) {
    .g-menu__item-link-icon {
        font-size: .94rem;
        margin-right: 7px;
    }
}

@media (max-width: 575.98px) {
    .g-menu__item-link-icon {
        font-size: .9rem;
        margin-right: 6px;
    }
}

.g-menu__item-link-avatar {
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

.g-menu__item-link.active, .g-menu__item-link:hover {
    background-color: #5777f3;
    color: #fff;
}

.g-menu__item-link.active .g-menu__item-link-icon, .g-menu__item-link:hover .g-menu__item-link-icon {
    color: #fff;
}

.g-menu__item-link .button-spinner-logout {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 10px;
}

.g-menu--primary .g-menu__item-link-icon {
    color: #5777f3;
}

.g-menu--primary .g-menu__item-link:hover {
    background-color: #5777f3;
}

.g-menu--secondary .g-menu__item-link-icon {
    color: #14C479;
}

.g-menu--secondary .g-menu__item-link:hover {
    background-color: #14C479;
}

.g-menu--success .g-menu__item-link-icon {
    color: #3bc065;
}

.g-menu--success .g-menu__item-link:hover {
    background-color: #3bc065;
}

.g-menu--info .g-menu__item-link-icon {
    color: #33b5e5;
}

.g-menu--info .g-menu__item-link:hover {
    background-color: #33b5e5;
}

.g-menu--warning .g-menu__item-link-icon {
    color: #FF9635;
}

.g-menu--warning .g-menu__item-link:hover {
    background-color: #FF9635;
}

.g-menu--danger .g-menu__item-link-icon {
    color: #FF5F74;
}

.g-menu--danger .g-menu__item-link:hover {
    background-color: #FF5F74;
}

.g-dropdown .dropdown-menu {
    min-width: 100% !important;
    max-height: 90vh;
    overflow: auto;
    padding: 0;
    border: none;
    z-index: 99;
}

@media (max-width: 991.98px) {
    .g-dropdown .dropdown-menu {
        max-height: 80vh;
    }
}

@media (max-width: 767.98px) {
    .g-dropdown .dropdown-menu {
        max-height: 70vh;
    }
}

@media (max-width: 575.98px) {
    .g-dropdown .dropdown-menu {
        max-height: 60vh;
    }
}

.g-dropdown .dropdown-toggle {
    all: unset !important;
    font-size: 1rem !important;
    color: #999 !important;
    cursor: pointer !important;
    padding: 0 !important;
}

@media (max-width: 1199.98px) {
    .g-dropdown .dropdown-toggle {
        font-size: .98rem !important;
    }
}

@media (max-width: 991.98px) {
    .g-dropdown .dropdown-toggle {
        font-size: .96rem !important;
    }
}

@media (max-width: 767.98px) {
    .g-dropdown .dropdown-toggle {
        font-size: .94rem !important;
    }
}

@media (max-width: 575.98px) {
    .g-dropdown .dropdown-toggle {
        font-size: .9rem !important;
    }
}

.g-dropdown--caret .dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding-right: 20px !important;
}

.g-dropdown--caret .dropdown-toggle:before {
    content: '\f0d7';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    position: absolute;
    right: 0;
    color: #5777f3;
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .g-dropdown--caret .dropdown-toggle:before {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .g-dropdown--caret .dropdown-toggle:before {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .g-dropdown--caret .dropdown-toggle:before {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .g-dropdown--caret .dropdown-toggle:before {
        font-size: .9rem;
    }
}

.g-dropdown--caret.show .dropdown-toggle:before {
    content: '\f0d8';
}

.g-dropdown__item {
    width: 100%;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

.g-dropdown__item.disabled {
    pointer-events: none;
    opacity: .5;
}

.g-dropdown__item .dropdown-item {
    width: 100%;
    padding: 6px 16px;
    border: none;
    background-color: transparent;
    display: block;
    color: #666;
    font-size: .9rem;
    text-align: left;
}

@media (max-width: 1199.98px) {
    .g-dropdown__item .dropdown-item {
        padding: 5.5px 15px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .g-dropdown__item .dropdown-item {
        padding: 5px 14px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .g-dropdown__item .dropdown-item {
        padding: 4.5px 13px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .g-dropdown__item .dropdown-item {
        padding: 4px 12px;
        font-size: .8rem;
    }
}

.g-dropdown__item .dropdown-item i {
    color: #5777f3;
    margin-right: 4px;
}

.g-dropdown__item .dropdown-item.active, .g-dropdown__item .dropdown-item:hover {
    color: #fff;
    background-color: #5777f3;
}

.g-dropdown__item .dropdown-item.active i, .g-dropdown__item .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item.active .dropdown-item {
    color: #fff;
    background-color: #5777f3;
}

.g-dropdown__item.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--primary .dropdown-item {
    color: #5777f3;
}

.g-dropdown__item--primary .dropdown-item i {
    color: #5777f3;
}

.g-dropdown__item--primary .dropdown-item.active, .g-dropdown__item--primary .dropdown-item:hover {
    color: #fff;
    background-color: #5777f3;
}

.g-dropdown__item--primary .dropdown-item.active i, .g-dropdown__item--primary .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--primary.active .dropdown-item {
    color: #fff;
    background-color: #5777f3;
}

.g-dropdown__item--primary.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--secondary .dropdown-item {
    color: #14C479;
}

.g-dropdown__item--secondary .dropdown-item i {
    color: #14C479;
}

.g-dropdown__item--secondary .dropdown-item.active, .g-dropdown__item--secondary .dropdown-item:hover {
    color: #fff;
    background-color: #14C479;
}

.g-dropdown__item--secondary .dropdown-item.active i, .g-dropdown__item--secondary .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--secondary.active .dropdown-item {
    color: #fff;
    background-color: #14C479;
}

.g-dropdown__item--secondary.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--success .dropdown-item {
    color: #3bc065;
}

.g-dropdown__item--success .dropdown-item i {
    color: #3bc065;
}

.g-dropdown__item--success .dropdown-item.active, .g-dropdown__item--success .dropdown-item:hover {
    color: #fff;
    background-color: #3bc065;
}

.g-dropdown__item--success .dropdown-item.active i, .g-dropdown__item--success .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--success.active .dropdown-item {
    color: #fff;
    background-color: #3bc065;
}

.g-dropdown__item--success.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--danger .dropdown-item {
    color: #FF5F74;
}

.g-dropdown__item--danger .dropdown-item i {
    color: #FF5F74;
}

.g-dropdown__item--danger .dropdown-item.active, .g-dropdown__item--danger .dropdown-item:hover {
    color: #fff;
    background-color: #FF5F74;
}

.g-dropdown__item--danger .dropdown-item.active i, .g-dropdown__item--danger .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--danger.active .dropdown-item {
    color: #fff;
    background-color: #FF5F74;
}

.g-dropdown__item--danger.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--warning .dropdown-item {
    color: #FF9635;
}

.g-dropdown__item--warning .dropdown-item i {
    color: #FF9635;
}

.g-dropdown__item--warning .dropdown-item.active, .g-dropdown__item--warning .dropdown-item:hover {
    color: #fff;
    background-color: #FF9635;
}

.g-dropdown__item--warning .dropdown-item.active i, .g-dropdown__item--warning .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--warning.active .dropdown-item {
    color: #fff;
    background-color: #FF9635;
}

.g-dropdown__item--warning.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--info .dropdown-item {
    color: #33b5e5;
}

.g-dropdown__item--info .dropdown-item i {
    color: #33b5e5;
}

.g-dropdown__item--info .dropdown-item.active, .g-dropdown__item--info .dropdown-item:hover {
    color: #fff;
    background-color: #33b5e5;
}

.g-dropdown__item--info .dropdown-item.active i, .g-dropdown__item--info .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--info.active .dropdown-item {
    color: #fff;
    background-color: #33b5e5;
}

.g-dropdown__item--info.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__item--dark .dropdown-item {
    color: #666;
}

.g-dropdown__item--dark .dropdown-item i {
    color: #666;
}

.g-dropdown__item--dark .dropdown-item.active, .g-dropdown__item--dark .dropdown-item:hover {
    color: #fff;
    background-color: #666;
}

.g-dropdown__item--dark .dropdown-item.active i, .g-dropdown__item--dark .dropdown-item:hover i {
    color: #fff;
}

.g-dropdown__item--dark.active .dropdown-item {
    color: #fff;
    background-color: #666;
}

.g-dropdown__item--dark.active .dropdown-item i {
    color: #fff;
}

.g-dropdown__header {
    width: 100%;
    padding: 6px 16px;
    background-color: transparent;
    color: #5777f3;
    font-size: .9rem;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #597DFC4D;
}

@media (max-width: 1199.98px) {
    .g-dropdown__header {
        padding: 5.5px 15px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .g-dropdown__header {
        padding: 5px 14px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .g-dropdown__header {
        padding: 4.5px 13px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .g-dropdown__header {
        padding: 4px 12px;
        font-size: .8rem;
    }
}

.card--noborder {
    border: none;
    border-radius: 8px;
}

.card-state {
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px !important;
}

@media (max-width: 575.98px) {
    .card-state {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 575.98px) {
    .card-state {
        margin-bottom: 15px !important;
    }
}

.card-state:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
}

.card-state .card-body {
    padding: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.card-state__top {
    background-color: rgba(0, 0, 0, 0.15);
    display: inline-flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

@media (max-width: 1199.98px) {
    .card-state__top {
        margin-bottom: 10px;
    }
}

.card-state__top-icon {
    font-size: 16px;
    line-height: 1;
}

.card-state__label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    color: #999;
}

@media (max-width: 1199.98px) {
    .card-state__label {
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    .card-state__label {
        font-size: 14px;
    }
}

.card-state__value {
    font-size: 28px;
    color: #333;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    .card-state__value {
        margin-bottom: 5px;
        font-size: 18px;
    }
}

@media (max-width: 575.98px) {
    .card-state__value {
        font-size: 25px;
    }
}

.card-state__title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .card-state__title {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .card-state__title {
        font-size: 16px;
    }
}

.card-state__amount {
    line-height: 1;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}

.card-state__amount-value {
    font-size: 28px;
    color: #333;
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    .card-state__amount-value {
        font-size: 23px;
    }
}

@media (max-width: 767.98px) {
    .card-state__amount-value {
        font-size: 21px;
    }
}

@media (max-width: 767.98px) {
    .card-state__amount-value {
        font-size: 25px;
    }
}

.card-state__amount-text {
    font-size: 11px;
    color: #333;
    font-weight: 400;
}

@media (max-width: 575.98px) {
    .card-state__amount-text {
        font-size: 14px;
    }
}

.card-state--pie {
    height: 450px;
}

@media (max-width: 1199.98px) {
    .card-state--pie {
        height: 450px;
    }
}

.card-state--pie .card-state__value {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.card-state--bar .card-body {
    align-items: unset;
    justify-content: unset;
}

.card-state--bar .card-state__value {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.card-state--small {
    height: 210px;
}

@media (max-width: 1199.98px) {
    .card-state--small {
        height: 160px;
    }
}

.card-state--medium {
    height: 235px;
}

@media (max-width: 1199.98px) {
    .card-state--medium {
        height: 210px;
    }
}

.card-state--primary .card-state__top {
    background-color: rgba(87, 119, 243, 0.15);
}

.card-state--primary .card-state__top-icon {
    color: #5777f3;
}

.card-state--secondary .card-state__top {
    background-color: rgba(20, 196, 121, 0.15);
}

.card-state--secondary .card-state__top-icon {
    color: #14C479;
}

.card-state--success .card-state__top {
    background-color: rgba(59, 192, 101, 0.15);
}

.card-state--success .card-state__top-icon {
    color: #3bc065;
}

.card-state--info .card-state__top {
    background-color: rgba(51, 181, 229, 0.15);
}

.card-state--info .card-state__top-icon {
    color: #33b5e5;
}

.card-state--warning .card-state__top {
    background-color: rgba(255, 150, 53, 0.15);
}

.card-state--warning .card-state__top-icon {
    color: #FF9635;
}

.card-state--danger .card-state__top {
    background-color: rgba(255, 95, 116, 0.15);
}

.card-state--danger .card-state__top-icon {
    color: #FF5F74;
}

.filter {
    width: 100%;
    position: relative;
}

.filter--active .filter__inner {
    visibility: visible;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 1;
    z-index: 1001;
}

.filter--active .filter__overlay {
    display: block;
    opacity: 1;
}

.filter__overlay {
    display: none;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(87, 119, 243, 0.03);
}

.filter__header {
    display: none;
}

@media (max-width: 767.98px) {
    .filter__header {
        display: flex;
        align-items: center;
    }
}

.filter__header-title {
    font-size: 20px;
    font-weight: 500;
    color: #666;
    flex: 1;
}

@media (max-width: 575.98px) {
    .filter__header-title {
        font-size: 18px;
    }
}

.filter__header-btn {
    padding: 2px 5px;
}

.filter__header-btn-icon {
    width: 24px;
    height: 24px;
}

.filter__inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767.98px) {
    .filter__inner {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        padding: 15px;
        border-radius: 5px;
        background-color: #fff;
        z-index: 1;
        box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    }
}

@media (max-width: 450px) {
    .filter__inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

.filter__item {
    margin: 10px;
    height: 40px;
}

.filter__item:last-child {
    margin-right: 0;
}

@media (max-width: 1199.98px) {
    .filter__item {
        margin: 5px 16px 5px 0;
        height: 38px;
    }
}

@media (max-width: 991.98px) {
    .filter__item {
        margin: 4px 14px 4px 0;
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .filter__item {
        margin: 3px 12px 3px 0;
        height: 34px;
    }
}

@media (max-width: 575.98px) {
    .filter__item {
        margin: 2px 10px 2px 0;
        height: 32px;
    }
}

.filter__item .date-range {
    position: relative;
    height: 100%;
    max-width: 270px;
}

.filter__item .date-range .date-time-picker {
    height: 100%;
}

.filter__item .date-range .field {
    height: 100%;
}

.filter__item .date-range:after {
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    width: 40px;
    height: 100%;
    color: #5777f3;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    border-right: 1px solid #597DFC4D;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .filter__item .date-range:after {
        font-size: .96rem;
        width: 38px;
    }
}

@media (max-width: 991.98px) {
    .filter__item .date-range:after {
        font-size: .92rem;
        width: 36px;
    }
}

@media (max-width: 767.98px) {
    .filter__item .date-range:after {
        font-size: .88rem;
        width: 34px;
    }
}

@media (max-width: 575.98px) {
    .filter__item .date-range:after {
        font-size: .84rem;
        width: 32px;
    }
}

.filter__item .field-input {
    border-radius: 5px !important;
    border: 1px solid #597DFC4D !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    color: #666 !important;
    padding-left: 45px !important;
    z-index: 1;
    height: 100% !important;
    min-height: 100% !important;
}

.filter__item .is-focused .field-input {
    border-color: rgba(87, 119, 243, 0.4) !important;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
}

.filter__search {
    height: 100%;
    padding: 0 10px;
    border-radius: 25px;
    background-color: #F5F7FD;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid #597DFC4D;
}

@media (max-width: 1199.98px) {
    .filter__search {
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .filter__search {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .filter__search {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .filter__search {
        width: 100%;
        padding: 0 6px;
    }
}

.filter__search:focus-within {
    outline-color: transparent;
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.filter__search-btn {
    height: 20px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: .9rem;
    color: #666;
    background-color: transparent;
}

@media (max-width: 1199.98px) {
    .filter__search-btn {
        font-size: .85rem;
    }
}

@media (max-width: 991.98px) {
    .filter__search-btn {
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .filter__search-btn {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .filter__search-btn {
        font-size: .7rem;
    }
}

.filter__search-btn--clear {
    width: 18px;
    height: 18px;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .1s;
}

.filter__search-btn--clear.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.filter__search-btn--clear:hover {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.filter__search-btn-icon {
    width: 100%;
}

.filter__search-btn:focus {
    color: #5777f3;
}

.filter__search-input {
    flex: 1;
    height: 100%;
    padding: 2px 10px;
    font-size: .9rem;
    color: #666;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: transparent;
}

@media (max-width: 1199.98px) {
    .filter__search-input {
        padding: 2px 9px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .filter__search-input {
        padding: 2px 8px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .filter__search-input {
        padding: 2px 7px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .filter__search-input {
        padding: 2px 6px;
        font-size: .82rem;
        width: 100%;
    }
}

.filter__btn {
    height: 100%;
    background-color: transparent;
    border: none !important;
    border-radius: 5px;
    font-size: .9rem;
    font-weight: normal;
    text-transform: capitalize;
    color: #5777f3;
    padding: 2px 16px;
}

.filter__btn:focus, .filter__btn:active, .filter__btn:hover {
    background-color: transparent;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .filter__btn {
        padding: 2px 14px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .filter__btn {
        padding: 2px 12px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .filter__btn {
        padding: 2px 10px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .filter__btn {
        padding: 2px 8px;
        font-size: .82rem;
    }
}

.filter__btn--submit {
    background-color: rgba(59, 192, 101, 0.1);
    color: #3bc065;
}

.filter__btn--submit:focus, .filter__btn--submit:active, .filter__btn--submit:hover {
    background-color: #3bc065;
    color: #fff;
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
}

.filter__btn--reset {
    background-color: rgba(255, 95, 116, 0.1);
    color: #FF5F74;
}

.filter__btn--reset:focus, .filter__btn--reset:active, .filter__btn--reset:hover {
    background-color: #FF5F74;
    color: #fff;
    -moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
}

.filter__btn--button {
    background-color: rgba(87, 119, 243, 0.1);
    color: #5777f3;
}

.filter__btn--button:focus, .filter__btn--button:active, .filter__btn--button:hover {
    background-color: #5777f3;
    color: #fff;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

.filter__select {
    height: 100%;
    border: 1px solid #597DFC4D;
    border-radius: 5px;
    background-color: #F5F7FD;
    padding: 2px 10px;
    width: 100%;
    font-size: .9rem;
    font-weight: normal;
    color: #666;
    text-transform: capitalize;
    cursor: pointer;
}

.filter__select:focus, .filter__select:hover {
    outline-color: transparent;
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .filter__select {
        padding: 2px 9px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .filter__select {
        padding: 2px 8px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .filter__select {
        padding: 2px 7px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .filter__select {
        padding: 2px 6px;
        font-size: .82rem;
    }
}

.filter__per-page {
    height: 100%;
    border: 1px solid #597DFC4D;
    border-radius: 5px;
    background-color: #F5F7FD;
    padding: 0 10px;
    font-size: .9rem;
    font-weight: normal;
    color: #666;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter__per-page:focus-within {
    outline-color: transparent;
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .filter__per-page {
        padding: 0 9px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .filter__per-page {
        padding: 0 8px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .filter__per-page {
        padding: 0 7px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .filter__per-page {
        padding: 0 6px;
        font-size: .82rem;
        margin-left: 10px;
    }
}

@media (max-width: 450px) {
    .filter__per-page {
        margin-left: 0;
    }
}

.filter__per-page-label {
    padding: 0 10px;
}

@media (max-width: 1199.98px) {
    .filter__per-page-label {
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .filter__per-page-label {
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .filter__per-page-label {
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .filter__per-page-label {
        padding: 0 6px;
    }
}

.filter__per-page-select {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #597DFC4D;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    color: #5777f3;
}

.filter__per-page-select::-ms-expand {
    display: none;
}

@media (max-width: 1199.98px) {
    .filter__per-page-select {
        padding-left: 9px;
        margin-left: 9px;
    }
}

@media (max-width: 991.98px) {
    .filter__per-page-select {
        padding-left: 8px;
        margin-left: 8px;
    }
}

@media (max-width: 767.98px) {
    .filter__per-page-select {
        padding-left: 7px;
        margin-left: 7px;
    }
}

@media (max-width: 575.98px) {
    .filter__per-page-select {
        padding-left: 6px;
        margin-left: 6px;
    }
}

.filter-dropdown {
    width: 100%;
    height: 100%;
}

.filter-dropdown .btn {
    box-shadow: none;
}

.filter-dropdown .btn:hover {
    transform: none;
}

.filter-dropdown__btn {
    height: 100%;
    padding: 2px 16px;
    border-radius: 5px;
    font-size: .9rem;
    background-color: rgba(87, 119, 243, 0.1);
    color: #5777f3;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    font-weight: normal;
}

.filter-dropdown__btn:focus, .filter-dropdown__btn:active, .filter-dropdown__btn:hover {
    color: #fff;
    background-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .filter-dropdown__btn {
        padding: 2px 14px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .filter-dropdown__btn {
        padding: 2px 12px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .filter-dropdown__btn {
        padding: 2px 10px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .filter-dropdown__btn {
        padding: 2px 8px;
        font-size: .82rem;
    }
}

.filter-dropdown__btn-icon {
    margin-right: 4px;
}

.filter-dropdown__content {
    width: 100%;
}

.filter-dropdown__content-header {
    width: 100%;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.filter-dropdown__content-header-title {
    padding: 0 18px;
    font-size: .96rem;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .filter-dropdown__content-header {
        padding: 9px 16px;
    }

    .filter-dropdown__content-header-title {
        padding: 0 16px;
        font-size: .94rem;
    }
}

@media (max-width: 991.98px) {
    .filter-dropdown__content-header {
        padding: 8px 14px;
    }

    .filter-dropdown__content-header-title {
        padding: 0 14px;
        font-size: .92rem;
    }
}

@media (max-width: 767.98px) {
    .filter-dropdown__content-header {
        padding: 7px 12px;
    }

    .filter-dropdown__content-header-title {
        padding: 0 12px;
        font-size: .9rem;
    }
}

@media (max-width: 575.98px) {
    .filter-dropdown__content-header {
        padding: 6px 10px;
    }

    .filter-dropdown__content-header-title {
        padding: 0 10px;
    }
}

.filter-dropdown__menu {
    margin: 0;
    padding: 4px 0;
    list-style: none;
}

.filter-dropdown__menu-item {
    padding: 5px 18px;
}

.progress {
    width: 100%;
    height: 25px;
    overflow: hidden;
    border-radius: 20px;
    padding: 2px;
}
.progress.camp-type-3 {
    background-color: #e9ecef;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
}
.campaign__progress .progress.camp-type-3 {
    box-shadow: none;
}

.progress--vertical {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 100%;
    opacity: 0.8;
}

.progress--vertical .progress__bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
    border-radius: 25px;
}

.progress--slim {
    height: 4px;
    padding: 1px;
    width: 100%;
}

.progress--slim.progress--vertical {
    width: 5px;
    height: 100%;
}

.progress--xs {
    padding: 2px;
    height: 10px;
}

.progress--xs.progress--vertical {
    width: 10px;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .progress--xs {
        height: 9px;
        padding: 1.6px;
    }

    .progress--xs.progress--vertical {
        width: 9px;
    }
}

@media (max-width: 991.98px) {
    .progress--xs {
        height: 8px;
        padding: 1.2px;
    }

    .progress--xs.progress--vertical {
        width: 8px;
    }
}

@media (max-width: 767.98px) {
    .progress--xs {
        height: 7px;
        padding: .8px;
    }

    .progress--xs.progress--vertical {
        width: 7px;
    }
}

@media (max-width: 575.98px) {
    .progress--xs {
        height: 6px;
        padding: .4px;
    }

    .progress--xs.progress--vertical {
        width: 6px;
    }
}

.progress--sm {
    padding: 3px;
    height: 14px;
}

.progress--sm.progress--vertical {
    width: 14px;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .progress--sm {
        height: 12px;
        padding: 2.6px;
    }

    .progress--sm.progress--vertical {
        width: 12px;
    }
}

@media (max-width: 991.98px) {
    .progress--sm {
        height: 10px;
        padding: 2.2px;
    }

    .progress--sm.progress--vertical {
        width: 10px;
    }
}

@media (max-width: 767.98px) {
    .progress--sm {
        height: 8px;
        padding: 1.8px;
    }

    .progress--sm.progress--vertical {
        width: 8px;
    }
}

@media (max-width: 575.98px) {
    .progress--sm {
        height: 7px;
        padding: 1.4px;
    }

    .progress--sm.progress--vertical {
        width: 7px;
    }
}

.progress--md {
    padding: 3.6px;
    height: 18px;
}

.progress--md.progress--vertical {
    width: 18px;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .progress--md {
        height: 16px;
        padding: 3.2px;
    }

    .progress--md.progress--vertical {
        width: 16px;
    }
}

@media (max-width: 991.98px) {
    .progress--md {
        height: 14px;
        padding: 2.8px;
    }

    .progress--md.progress--vertical {
        width: 14px;
    }
}

@media (max-width: 767.98px) {
    .progress--md {
        height: 12px;
        padding: 2.4px;
    }

    .progress--md.progress--vertical {
        width: 12px;
    }
}

@media (max-width: 575.98px) {
    .progress--md {
        height: 10px;
        padding: 2px;
    }

    .progress--md.progress--vertical {
        width: 10px;
    }
}

.progress--lg {
    padding: 4px;
    height: 22px;
}

.progress--lg.progress--vertical {
    width: 22px;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .progress--lg {
        height: 20px;
        padding: 3.6px;
    }

    .progress--lg.progress--vertical {
        width: 20px;
    }
}

@media (max-width: 991.98px) {
    .progress--lg {
        height: 18px;
        padding: 3.2px;
    }

    .progress--lg.progress--vertical {
        width: 18px;
    }
}

@media (max-width: 767.98px) {
    .progress--lg {
        height: 16px;
        padding: 2.8px;
    }

    .progress--lg.progress--vertical {
        width: 16px;
    }
}

@media (max-width: 575.98px) {
    .progress--lg {
        height: 14px;
        padding: 2.4px;
    }

    .progress--lg.progress--vertical {
        width: 14px;
    }
}

.progress__bar {
    height: 100%;
    border-radius: 20px;
    background-color: #5777f3;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.progress__bar--primary {
    background-color: #5777f3;
}

.progress__bar--primary-grandient {
    background-image: linear-gradient(267deg, #5777f3, #FF9635);
}

.progress__bar--secondary {
    background-color: #14C479;
}

.progress__bar--secondary-grandient {
    background-image: linear-gradient(89deg, #60c5eb, #14C479);
}

.progress__bar--info {
    background-color: #33b5e5;
}

.progress__bar--warning {
    background-color: #FF9635;
}

.progress__bar--danger {
    background-color: #FF5F74;
}

.progress__bar--white {
    background-color: #fff;
}

.progress__bar--black {
    background-color: #000;
}

.progress__bar--dark {
    background-color: #666;
}

.g-container {
    max-width: 1140px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .g-container {
        max-width: 1140px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 991.98px) {
    .g-container {
        max-width: 960px;
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media (max-width: 767.98px) {
    .g-container {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 575.98px) {
    .g-container {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-container-xl {
    max-width: 1540px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1400px) and (max-width: 1699px) {
    .g-container-xl {
        max-width: 1320px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .g-container-xl {
        max-width: 1140px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 1199.98px) {
    .g-container-xl {
        max-width: 960px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 767.98px) {
    .g-container-xl {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 575.98px) {
    .g-container-xl {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-container-lg {
    max-width: 960px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .g-container-lg {
        max-width: 960px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 767.98px) {
    .g-container-lg {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 575.98px) {
    .g-container-lg {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-container-md {
    max-width: 720px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .g-container-md {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 575.98px) {
    .g-container-md {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-container-sm {
    max-width: 540px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .g-container-sm {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-container-xs {
    max-width: 400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .g-container-xs {
        max-width: 400px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.g-section {
    padding-bottom: 60px;
}

@media (max-width: 1199.98px) {
    .g-section {
        padding-bottom: 50px;
    }
}

@media (max-width: 991.98px) {
    .g-section {
        padding-bottom: 40px;
    }
}

@media (max-width: 767.98px) {
    .g-section {
        padding-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .g-section {
        padding-bottom: 20px;
    }
}

[tooltip] {
    position: relative;
    overflow: visible !important;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1.3;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
    font-weight: 400;
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001;
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 100%;
    width: fit-content;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: black;
    color: #fff;
    z-index: 1000;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

button:not(:disabled)[tooltip]:hover::before,
button:not(:disabled)[tooltip]:hover::after,
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-0.5em, -50%);
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(0.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.campaign-card {
    display: block;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-decoration: none;
}

.campaign-card:hover, .campaign-card:focus {
    outline: none !important;
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.campaign-card__top {
    width: 94%;
    margin: 0 auto;
    height: 200px;
    transform: translateY(-12px);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #F5F7FD;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .campaign-card__top {
        height: 190px;
    }
}

@media (max-width: 991.98px) {
    .campaign-card__top {
        height: 180px;
    }
}

@media (max-width: 767.98px) {
    .campaign-card__top {
        height: 170px;
    }
}

@media (max-width: 575.98px) {
    .campaign-card__top {
        height: 160px;
    }
}

.campaign-card__top-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
}

.campaign-card__top-overlay-text {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.campaign-card__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: blur(5px);
    z-index: 1;
    opacity: .6;
}

.campaign-card__img {
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}

.campaign-card__details {
	padding: 0 10px 0 10px;
	height: 20px;
	margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign-card__details {
        height: 50px;
    }
}

@media (max-width: 991.98px) {
    .campaign-card__details {
        height: 50px;
    }
}

@media (max-width: 767.98px) {
    .campaign-card__details {
        height: 50px;
    }
}

@media (max-width: 575.98px) {
    .campaign-card__details {
        height: 45px;
    }
}

.campaign-card__status {
    text-transform: uppercase;
}

.campaign-card__title {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 600;
    color: #333;
    margin: 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1199.98px) {
    .campaign-card__title {
        margin: 5px 0;
    }
}

@media (max-width: 991.98px) {
    .campaign-card__title {
        margin: 4px 0;
    }
}

@media (max-width: 767.98px) {
    .campaign-card__title {
        margin: 3px 0;
    }
}

@media (max-width: 575.98px) {
    .campaign-card__title {
        margin: 2px 0;
    }
}

.campaign-card__description {
    font-size: .8rem;
    line-height: 1rem;
    color: #666;
    font-weight: normal;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.campaign-card__footer {
	padding: 0 10px 10px 10px;
}

.campaign-card__fundraiser {
    font-size: .92rem;
    margin-bottom: 5px;
    color: #999;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.campaign-card__fundraiser-link {
    font-size: .92rem;
    margin-bottom: 5px;
    color: #666;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.campaign-card__amount {
    color: #666;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.campaign-card__amount strong {
    color: #000;
    font-weight: 600;
}

.campaign-card__action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.campaign-card__action-button {
    padding: 7px 30px;
    border-radius: 20px;
    color: #5777f3;
    border: 1px solid #5777f3;
    line-height: 1;
    transition: all 0.3s ease-in-out;
}

.campaign-card__action-button:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.organization-all-camp-btn,
.organization-all-camp-btn:visited {
	color: #fff;
}

.fixed-btn {
    border-radius: 10px !important;
    position: fixed;
    white-space: nowrap;
}

.fixed-btn--bottom-right {
    bottom: 0;
    right: 15px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fixed-btn--bottom-left {
    bottom: 0;
    left: 15px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fixed-btn--bottom-center {
    bottom: 0;
    right: 50%;
    left: 50%;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fixed-btn--top-right {
    top: 0;
    right: 15px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.fixed-btn--top-left {
    top: 0;
    left: 15px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.fixed-btn--top-center {
    top: 0;
    right: 50%;
    left: 50%;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.v-select.form-control {
    padding: 4px 0;
    height: 40px;
    -webkit-box-flex: 1;
    flex: 1;
    background-color: transparent;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 8px;
    -moz-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    font-size: .95rem;
}

.v-select .vs__dropdown-toggle {
    border: none;
    padding: 0;
}

.organization-loader {
    width: 100%;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.organization__title {
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #1C2238;
}

@media (max-width: 1199.98px) {
    .organization__title {
        font-size: 1.4rem;
    }
}

@media (max-width: 991.98px) {
    .organization__title {
        font-size: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .organization__title {
        font-size: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .organization__title {
        font-size: 1.1rem;
    }
}

.organization .basic-info .policy {
    font-size: 13px;
    color: #7D8091;
}

.organization .basic-info .form-group label {
    color: #7D8091;
}

.organization .basic-info .form-group .input-box {
    background: #f5f7fd 0% 0% no-repeat padding-box;
    border: 1px solid #597dfc4d;
    border-radius: 5px;
    height: 40px;
}

.organization .basic-info .form-group .input-box__fixed {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.organization .basic-info .form-group .input-box__select {
    font-size: 13px;
    color: #1c2238;
}

.organization .basic-info .form-group .input-box__mobile-code {
    color: #005efe;
    font-size: 13px;
}

.organization .basic-info .form-group textarea {
    background: #f5f7fd 0% 0% no-repeat padding-box;
    border: 1px solid #597dfc4d;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 80px;
}

.organization .basic-info .form-group ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1c2238;
    font-size: 13px;
}

.organization .basic-info .form-group .fixed-input {
    display: flex;
    flex-direction: row;
}

.organization .basic-info .form-group .fixed-input__value {
    background: #f5f7fd 0% 0% no-repeat padding-box;
    color: #005efe;
    height: 40px;
    border: 1px solid #597dfc4d;
    border-left: none;
    text-align: center;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 13px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.organization__inner {
    width: 70%;
    margin: 60px auto;
}

@media (max-width: 1199.98px) {
    .organization__inner {
        width: 75%;
        margin: 50px auto;
    }
}

@media (max-width: 991.98px) {
    .organization__inner {
        width: 80%;
        margin: 40px auto;
    }
}

@media (max-width: 767.98px) {
    .organization__inner {
        width: 90%;
        margin: 30px auto;
    }
}

@media (max-width: 575.98px) {
    .organization__inner {
        width: 100%;
        margin: 20px auto;
    }
}

.organization__create-form {
    padding: 30px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199.98px) {
    .organization__create-form {
        padding: 25px;
    }
}

@media (max-width: 991.98px) {
    .organization__create-form {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .organization__create-form {
        padding: 15px;
    }
}

@media (max-width: 575.98px) {
    .organization__create-form {
        padding: 10px;
    }
}

.organization__create-form .stripe-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.organization__create-form .stripe-section__title {
    font-size: 20px;
    text-align: center;
    font-weight: 900;
}

@media (max-width: 1199.98px) {
    .organization__create-form .stripe-section__title {
        font-size: 1.4rem;
    }
}

@media (max-width: 991.98px) {
    .organization__create-form .stripe-section__title {
        font-size: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .organization__create-form .stripe-section__title {
        font-size: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .organization__create-form .stripe-section__title {
        font-size: 1.1rem;
    }
}

.organization .media {
    display: block;
}

.organization .media__cover-photo {
    width: 100%;
    height: 250px;
    border: 2px solid #eee;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .organization .media__cover-photo {
        height: 240px;
    }
}

@media (max-width: 991.98px) {
    .organization .media__cover-photo {
        height: 220px;
    }
}

@media (max-width: 767.98px) {
    .organization .media__cover-photo {
        height: 200px;
    }
}

@media (max-width: 575.98px) {
    .organization .media__cover-photo {
        height: 180px;
    }
}

.organization .media__cover-photo-preview {
    width: auto;
    height: 100%;
}

.organization .media__logo {
    width: 100%;
    height: 150px;
    border: 2px solid #eee;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .organization .media__logo {
        height: 170px;
    }
}

@media (max-width: 991.98px) {
    .organization .media__logo {
        height: 160px;
    }
}

@media (max-width: 767.98px) {
    .organization .media__logo {
        height: 150px;
    }
}

@media (max-width: 575.98px) {
    .organization .media__logo {
        height: 140px;
    }
}

.organization .media__logo-preview {
    width: auto;
    height: 100%;
}

.organization .media .picker {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, 0.2);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 10px;
    margin: 0;
    transition: all 0.2s ease-in-out;
}

.organization .media .picker__input {
    display: none;
}

.organization .media .picker:hover {
    opacity: 1;
}

.organization__tab {
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 3px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
}

.organization__tab-item {
    flex: 1;
    margin-right: 3px;
}

.organization__tab-item:last-child {
    margin-right: 0;
}

.organization__tab-item-link {
    display: block;
    width: 100%;
    padding: 8px 15px;
    background-color: #fff;
    color: #5777f3;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .organization__tab-item-link {
        padding: 7.5px 14px;
        font-size: 0.95rem;
    }
}

@media (max-width: 991.98px) {
    .organization__tab-item-link {
        padding: 7px 13px;
        font-size: 0.9rem;
    }
}

@media (max-width: 767.98px) {
    .organization__tab-item-link {
        padding: 6.5px 12px;
        font-size: 0.8rem;
    }
}

@media (max-width: 575.98px) {
    .organization__tab-item-link {
        padding: 6px 10px;
        font-size: 0.7rem;
    }
}

.organization__tab-item-link.active {
    background-color: #5777f3;
    color: #fff;
}

.organization__footer {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1199.98px) {
    .organization__footer {
        margin-top: 25px;
    }
}

@media (max-width: 991.98px) {
    .organization__footer {
        margin-top: 20px;
    }
}

@media (max-width: 767.98px) {
    .organization__footer {
        margin-top: 15px;
    }
}

@media (max-width: 575.98px) {
    .organization__footer {
        margin-top: 10px;
    }
}

.template__footer {
    width: 100%;
    background-color: #191f3a;
    border-top: 1px solid #eee;
}

.template__footer-top {
    width: 100%;
    padding: 60px;
}

@media (max-width: 1199.98px) {
    .template__footer-top {
        padding: 45px;
    }
}

@media (max-width: 991.98px) {
    .template__footer-top {
        padding: 40px;
    }
}

@media (max-width: 767.98px) {
    .template__footer-top {
        padding: 35px;
    }
}

@media (max-width: 575.98px) {
    .template__footer-top {
        padding: 30px;
    }
}

.template__footer-logo {
    height: 40px;
}

@media (max-width: 1199.98px) {
    .template__footer-logo {
        height: 35px;
    }
}

@media (max-width: 991.98px) {
    .template__footer-logo {
        height: 30px;
    }
}

@media (max-width: 767.98px) {
    .template__footer-logo {
        height: 25px;
    }
}

@media (max-width: 575.98px) {
    .template__footer-logo {
        height: 20px;
    }
}

.template__footer-subtitle {
    max-width: 60%;
    font-size: .8rem;
    color: #7D8091;
    margin-bottom: 0;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .template__footer-subtitle {
        max-width: 70%;
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .template__footer-subtitle {
        max-width: 80%;
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .template__footer-subtitle {
        max-width: 90%;
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .template__footer-subtitle {
        max-width: 100%;
        font-size: .72rem;
    }
}

.template__footer-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

@media (max-width: 1199.98px) {
    .template__footer-section {
        margin-bottom: 16px;
    }
}

@media (max-width: 991.98px) {
    .template__footer-section {
        margin-bottom: 14px;
    }
}

@media (max-width: 767.98px) {
    .template__footer-section {
        margin-bottom: 12px;
    }
}

@media (max-width: 575.98px) {
    .template__footer-section {
        margin-bottom: 10px;
    }
}

.template__footer-section:last-child {
    margin-bottom: 0;
}

.template__footer-link {
    font-size: .9rem;
    line-height: .9rem;
    color: #7D8091;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 16px;
    margin: 4px 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-right: 1px solid #ccc;
}

.template__footer-link:last-child {
    border-right: none;
}

.template__footer-link:hover {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .template__footer-link {
        font-size: .88rem;
        line-height: .88rem;
        padding: 0 15px;
    }
}

@media (max-width: 991.98px) {
    .template__footer-link {
        font-size: .86rem;
        line-height: .86rem;
        padding: 0 14px;
    }
}

@media (max-width: 767.98px) {
    .template__footer-link {
        font-size: .84rem;
        line-height: .84rem;
        padding: 0 13px;
    }
}

@media (max-width: 575.98px) {
    .template__footer-link {
        font-size: .8rem;
        line-height: .8rem;
        padding: 0 12px;
    }
}

.template__footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.template__footer-social .social-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 4px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: .9rem;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.template__footer-social .social-item:hover {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

@media (max-width: 1199.98px) {
    .template__footer-social .social-item {
        width: 29px;
        height: 29px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .template__footer-social .social-item {
        width: 28px;
        height: 28px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .template__footer-social .social-item {
        width: 27px;
        height: 27px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .template__footer-social .social-item {
        width: 26px;
        height: 26px;
        font-size: .82rem;
    }
}

.template__footer-social .social-item--twitter {
    background-color: #38aae2;
}

.template__footer-social .social-item--facebook {
    background-color: #34589d;
}

.template__footer-social .social-item--youtube {
    background-color: #f50104;
}

.template__footer-social .social-item--instagram {
    background-image: linear-gradient(60deg, #f79515, #e40153, #8a2aab);
    background-color: #38aae2;
}

.template__footer-social .social-item--linkedin {
    background-color: #0077b5;
}

.template__footer-copyright {
    padding: 10px 32px;
    background-color: #21294c;
    font-size: .8rem;
    color: #7D8091;
    margin-bottom: 0;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .template__footer-copyright {
        padding: 9px 30px;
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .template__footer-copyright {
        padding: 8px 28px;
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .template__footer-copyright {
        padding: 7px 26px;
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .template__footer-copyright {
        padding: 6px 24px;
        font-size: .72rem;
    }
}

.template .organization__hero {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199.98px) {
    .template .organization__hero {
        height: 360px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__hero {
        height: 320px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__hero {
        height: 280px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__hero {
        height: 240px;
    }
}

.template .organization__hero--bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.template .organization__details {
    width: 100%;
    padding: 30px;
    border-radius: 5px;
    background-color: transparent;
}

@media (max-width: 1199.98px) {
    .template .organization__details {
        padding: 25px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__details {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__details {
        padding: 15px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__details {
        padding: 15px;
    }
}

.template .organization__details-left {
    border-right: 1px solid #ccc;
}

@media (max-width: 767.98px) {
    .template .organization__details-left {
        border-right: none;
        border-bottom: 1px solid #ccc;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}

.template .organization__details-title {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #31375E;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
    .template .organization__details-title {
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin-bottom: 35px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__details-title {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__details-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 25px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__details-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 20px;
    }
}

.template .organization__details-inner {
    width: 100%;
}

.template .organization__details-inner img {
    max-width: 100%;
}

@media (max-width: 575.98px) {
    .template .organization__details-left {
        margin-bottom: 15px;
    }
}

.template .organization__info {
    width: 100%;
    text-align: center;
}

.template .organization__info-logo {
    width: 90px;
    height: 90px;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    border: 2px solid #eee;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f4f8;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .template .organization__info-logo {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__info-logo {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__info-logo {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__info-logo {
        width: 50px;
        height: 50px;
    }
}

.template .organization__info-logo-img {
    max-width: 100%;
    max-height: 100%;
}

.template .organization__info-name {
    font-size: 1.2rem;
    color: #31375E;
    line-height: 1.4rem;
    margin-bottom: 8px;
}

@media (max-width: 1199.98px) {
    .template .organization__info-name {
        font-size: 1.15rem;
        line-height: 1.35rem;
    }
}

@media (max-width: 991.98px) {
    .template .organization__info-name {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .template .organization__info-name {
        font-size: 1.05rem;
        line-height: 1.25rem;
    }
}

@media (max-width: 575.98px) {
    .template .organization__info-name {
        font-size: 1rem;
        line-height: 1.2rem;
    }
}

.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
    font-size: .9rem;
    margin-bottom: 0;
    color: #7D8091;
}

@media (max-width: 1199.98px) {
    .template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
        font-size: .8rem;
    }
}

.template .organization__social {
    padding-top: 30px;
    text-align: left;
}

.template .organization__social-title {
    font-size: .96rem;
    text-transform: uppercase;
    color: #31375E;
    font-weight: 600;
	margin-bottom: 15px;
}

@media (max-width: 1199.98px) {
    .template .organization__social-title {
        font-size: .94rem;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-title {
        font-size: .92rem;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-title {
        font-size: .9rem;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-title {
        font-size: .88rem;
    }
}

.template .organization__social-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.template .organization__social-item {
    margin-bottom: 16px;
}

@media (max-width: 1199.98px) {
    .template .organization__social-item {
        margin-bottom: 15px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-item {
        margin-bottom: 14px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-item {
        margin-bottom: 13px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-item {
        margin-bottom: 12px;
    }
}

.template .organization__social-item:last-child {
    margin-bottom: 0;
}

.template .organization__social-item-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.template .organization__social-item-link:hover {
    text-decoration: none;
}

.template .organization__social-item-icon {
    font-size: 1.6rem;
    min-width: 30px;
}

@media (max-width: 1199.98px) {
    .template .organization__social-item-icon {
        font-size: 1.5rem;
        min-width: 28px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-item-icon {
        font-size: 1.4rem;
        min-width: 26px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-item-icon {
        font-size: 1.3rem;
        min-width: 24px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-item-icon {
        font-size: 1.2rem;
        min-width: 22px;
    }
}

.template .organization__social-item-details {
    padding-left: 10px;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .template .organization__social-item-details {
        padding-left: 9px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-item-details {
        padding-left: 8px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-item-details {
        padding-left: 7px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-item-details {
        padding-left: 6px;
    }
}

.template .organization__social-item-title {
    font-size: .9rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 0;
    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .template .organization__social-item-title {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-item-title {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-item-title {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-item-title {
        font-size: .82rem;
    }
}

.template .organization__social-item-subtitle {
    font-size: .8rem;
    color: #7D8091;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .template .organization__social-item-subtitle {
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .template .organization__social-item-subtitle {
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .template .organization__social-item-subtitle {
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .template .organization__social-item-subtitle {
        font-size: .72rem;
    }
}

.template .organization__social-item--twitter .organization__social-item-icon {
    color: #38aae2;
}

.template .organization__social-item--facebook .organization__social-item-icon {
    color: #34589d;
}

.template .organization__social-item--youtube .organization__social-item-icon {
    color: #f50104;
}

.template .organization__social-item--instagram .organization__social-item-icon {
    color: #f79515;
}

.template .organization__social-item--linkedin .organization__social-item-icon {
    color: #0077b5;
}

.template .organization__campaigns {
    width: 100%;
    margin-bottom: 100px;
}

@media (max-width: 1199.98px) {
    .template .organization__campaigns {
        margin-bottom: 90px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__campaigns {
        margin-bottom: 80px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__campaigns {
        margin-bottom: 70px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__campaigns {
        margin-bottom: 60px;
    }
}

.template .organization__campaigns-title {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #31375E;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 60px;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .template .organization__campaigns-title {
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin-bottom: 55px;
    }
}

@media (max-width: 991.98px) {
    .template .organization__campaigns-title {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 50px;
    }
}

@media (max-width: 767.98px) {
    .template .organization__campaigns-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 45px;
    }
}

@media (max-width: 575.98px) {
    .template .organization__campaigns-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 40px;
    }
}

.template__1 .organization__details {
    transform: translateY(-70px);
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199.98px) {
    .template__1 .organization__details {
        transform: translateY(-65px);
        margin-bottom: 25px;
    }
}

@media (max-width: 991.98px) {
    .template__1 .organization__details {
        transform: translateY(-60px);
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .template__1 .organization__details {
        transform: translateY(-55px);
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px) {
    .template__1 .organization__details {
        transform: translateY(-50px);
        margin-bottom: 10px;
    }
}

.template__1 .organization__details-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.template__1 .organization__info-name {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

@media (max-width: 1199.98px) {
    .template__1 .organization__info-name {
        font-size: 1.15rem;
        line-height: 1.35rem;
    }
}

@media (max-width: 991.98px) {
    .template__1 .organization__info-name {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }
}

@media (max-width: 767.98px) {
    .template__1 .organization__info-name {
        font-size: 1.05rem;
        line-height: 1.25rem;
    }
}

@media (max-width: 575.98px) {
    .template__1 .organization__info-name {
        font-size: 1rem;
        line-height: 2rem;
    }
}

.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
    font-size: .9rem;
}

@media (max-width: 1199.98px) {
    .template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
        font-size: .8rem;
    }
}

.template__1 .organization__info-top {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (max-width: 767.98px) {
    .template__1 .organization__info-top {
        flex-direction: column;
    }
}

.template__1 .organization__info-top-right {
    flex: 1;
    padding-left: 10px;
    text-align: left;
}

@media (max-width: 767.98px) {
    .template__1 .organization__info-top-right {
        padding-left: 0;
        text-align: center;
    }
}

.template__1 .organization .agile__dots {
    bottom: 70px;
}

@media (max-width: 1199.98px) {
    .template__1 .organization .agile__dots {
        bottom: 65px;
    }
}

@media (max-width: 991.98px) {
    .template__1 .organization .agile__dots {
        bottom: 60px;
    }
}

@media (max-width: 767.98px) {
    .template__1 .organization .agile__dots {
        bottom: 55px;
    }
}

@media (max-width: 575.98px) {
    .template__1 .organization .agile__dots {
        bottom: 50px;
    }
}

.template__2 .organization__details {
    margin: 100px 0;
    padding: 0;
}

@media (max-width: 1199.98px) {
    .template__2 .organization__details {
        margin: 90px 0;
    }
}

@media (max-width: 991.98px) {
    .template__2 .organization__details {
        margin: 80px 0;
    }
}

@media (max-width: 767.98px) {
    .template__2 .organization__details {
        margin: 70px 0;
    }
}

@media (max-width: 575.98px) {
    .template__2 .organization__details {
        margin: 60px 0;
    }
}

.template__2 .organization__details-inner {
    padding-left: 60px;
}

@media (max-width: 1199.98px) {
    .template__2 .organization__details-inner {
        padding-left: 40px;
    }
}

@media (max-width: 991.98px) {
    .template__2 .organization__details-inner {
        padding-left: 20px;
    }
}

@media (max-width: 767.98px) {
    .template__2 .organization__details-inner {
        padding-left: 15px;
    }
}

@media (max-width: 575.98px) {
    .template__2 .organization__details-inner {
        padding-left: 0;
    }
}

.template__2 .organization__info {
    padding: 30px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

@media (max-width: 1199.98px) {
    .template__2 .organization__info {
        padding: 25px;
    }
}

@media (max-width: 991.98px) {
    .template__2 .organization__info {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .template__2 .organization__info {
        padding: 15px;
    }
}

@media (max-width: 575.98px) {
    .template__2 .organization__info {
        padding: 15px;
        margin-bottom: 20px;
    }
}

.organization-pages {
    width: 100%;
    padding: 60px 0;
}

@media (max-width: 1199.98px) {
    .organization-pages {
        padding: 50px 0;
    }
}

@media (max-width: 991.98px) {
    .organization-pages {
        padding: 40px 0;
    }
}

@media (max-width: 767.98px) {
    .organization-pages {
        padding: 30px 0;
    }
}

@media (max-width: 575.98px) {
    .organization-pages {
        padding: 20px 0;
    }
}

.organization-pages__title {
    font-size: 1.8rem;
    color: #31375E;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .organization-pages__title {
        margin-bottom: 25px;
        font-size: 1.7rem;
    }
}

@media (max-width: 991.98px) {
    .organization-pages__title {
        margin-bottom: 20px;
        font-size: 1.6rem;
    }
}

@media (max-width: 767.98px) {
    .organization-pages__title {
        margin-bottom: 15px;
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .organization-pages__title {
        margin-bottom: 15px;
        font-size: 1.4rem;
    }
}

.organization-pages__inner {
    width: 100%;
    padding: 30px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199.98px) {
    .organization-pages__inner {
        padding: 25px;
    }
}

@media (max-width: 991.98px) {
    .organization-pages__inner {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .organization-pages__inner {
        padding: 15px;
    }
}

@media (max-width: 575.98px) {
    .organization-pages__inner {
        padding: 15px;
    }
}

.organization-pages__content {
    width: 100%;
}

.organization-pages__content img {
    max-width: 100%;
}

.agile__nav-button {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 80px;
}

.agile__nav-button:hover {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

.agile__nav-button--prev {
    left: 0;
}

.agile__nav-button--next {
    right: 0;
}

.agile__dots {
    bottom: 10px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.agile__dot {
    margin: 0 10px;
}

.agile__dot button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 10px;
}

.agile__dot--current button, .agile__dot:hover button {
    background-color: #fff;
}


.slide {
    display: block;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.story-image img {
    max-width: 100%;
}

.slick-slider {
    margin-bottom: 15px;
}

.slide--thumbniail {
    background-color: transparent !important;
    margin-top: 0 !important;
    padding: 5px !important;
}

.status {
    height: 30px;
    width: 100%;
    padding: 0 10px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .status {
        height: 28px;
    }
}

@media (max-width: 991.98px) {
    .status {
        height: 26px;
    }
}

@media (max-width: 767.98px) {
    .status {
        height: 24px;
    }
}

@media (max-width: 575.98px) {
    .status {
        height: 20px;
    }
}

.status--sm {
    height: 20px;
    padding: 0 6px;
    width: auto;
}

.status--primary {
    background-color: rgba(87, 119, 243, 0.1);
    color: #5777f3;
}

.status--secondary {
    background-color: rgba(20, 196, 121, 0.1);
    color: #14C479;
}

.status--info {
    background-color: rgba(51, 181, 229, 0.1);
    color: #33b5e5;
}

.status--info-dark {
    background-color: rgba(26, 155, 203, 0.1);
    color: #1a9bcb;
}

.status--warning {
    background-color: rgba(255, 150, 53, 0.1);
    color: #FF9635;
}

.status--warning-light {
    background-color: rgba(255, 177, 104, 0.1);
    color: #ffb168;
}

.status--warning-dark {
    background-color: rgba(255, 123, 2, 0.1);
    color: #ff7b02;
}

.status--success {
    background-color: rgba(59, 192, 101, 0.1);
    color: #3bc065;
}

.status--success-light {
    background-color: rgba(96, 206, 131, 0.1);
    color: #60ce83;
}

.status--success-dark {
    background-color: rgba(47, 153, 81, 0.1);
    color: #2f9951;
}

.status--danger {
    background-color: rgba(255, 95, 116, 0.1);
    color: #FF5F74;
}

.status--danger-dark {
    background-color: rgba(255, 44, 72, 0.1);
    color: #ff2c48;
}

.status--danger-light {
    background-color: rgba(255, 146, 160, 0.1);
    color: #ff92a0;
}

.status--default {
    background-color: rgba(153, 153, 153, 0.1);
    color: #666;
}

.status--dark {
    background-color: rgba(153, 153, 153, 0.1);
    color: #666;
}

.a-link:disabled, .a-link.disabled {
    pointer-events: none !important;
    color: #7D8091 !important;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
}

.content-wrapper .content-body {
    flex: 1;
    background-color: #f3f4f8;
}

.campaign__view {
    padding-top: 60px;
    position: relative;
}

@media (max-width: 1199.98px) {
    .campaign__view {
        padding-top: 50px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view {
        padding-top: 40px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view {
        padding-top: 30px;
    }
}

@media (max-width: 575.98px) {
    .campaign__view {
        padding-top: 20px;
    }
}

.campaign__view-top {
    padding-top: 100px;
}

@media (max-width: 1199.98px) {
    .campaign__view-top {
        padding-top: 80px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view-top {
        padding-top: 60px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view-top {
        padding-top: 40px;
    }
}

@media (max-width: 575.98px) {
    .campaign__view-top {
        padding-top: 20px;
    }
}

.campaign__view-related-title {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #31375E;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
    .campaign__view-related-title {
        font-size: 1.7rem;
        line-height: 1.7rem;
        margin-bottom: 35px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view-related-title {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view-related-title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 25px;
    }
}

@media (max-width: 575.98px) {
    .campaign__view-related-title {
        font-size: 1.4rem;
        line-height: 1.4rem;
        margin-bottom: 20px;
    }
}

.campaign__view .make-contribution {
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
}

.campaign-header__status {
    text-transform: capitalize;
    font-size: 1.2rem;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .campaign-header__status {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .campaign-header__status {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .campaign-header__status {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .campaign-header__status {
        font-size: 1rem;
    }
}

.campaign .btn {
    border-radius: 25px;
}

.campaign__view-slider {
    width: 100%;
    padding-right: 24px;
}

@media (max-width: 1199.98px) {
    .campaign__view-slider {
        padding-right: 20px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view-slider {
        padding-right: 16px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view-slider {
        padding-right: 0;
        margin-bottom: 20px;
    }
}

.campaign__view .main {
    margin-bottom: 10px;
}

.campaign__view .main .slide {
    padding: 0 10px;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 20px;
}

.campaign__view .main .slide__inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(-10px);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F7FD;
}

.campaign__view .main .slide__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(5px);
    z-index: 1;
    opacity: .7;
}

.campaign__view .main .slide__img {
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
}

.campaign__view .main .slide__iframe {
    width: 100%;
    height: 100%;
    z-index: 2;
    border: none;
    outline: transparent;
}

.campaign__view .agile__nav-button {
    background: transparent;
    border: none;
    color: #ccc;
    cursor: pointer;
    font-size: 24px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.campaign__view .agile__nav-button:hover {
    color: #888;
}

.campaign__view .agile__dot {
    margin: 0 10px;
}

.campaign__view .agile__dot button {
    background-color: #eee;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: 10px;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 10px;
}

.campaign__view .agile__dot--current button, .campaign__view .agile__dot:hover button {
    background-color: #888;
}

.campaign__view .slide {
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: flex;
    height: 380px;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .campaign__view .slide {
        height: 320px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view .slide {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view .slide {
        height: 240px;
    }
}

@media (max-width: 575.98px) {
    .campaign__view .slide {
        height: 200px;
    }
}

.campaign__view .slide--thumbniail {
    cursor: pointer;
    height: 90px;
    padding: 0 5px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

@media (max-width: 1199.98px) {
    .campaign__view .slide--thumbniail {
        height: 85px;
    }
}

@media (max-width: 991.98px) {
    .campaign__view .slide--thumbniail {
        height: 80px;
    }
}

@media (max-width: 767.98px) {
    .campaign__view .slide--thumbniail {
        height: 75px;
    }
}

@media (max-width: 575.98px) {
    .campaign__view .slide--thumbniail {
        height: 70px;
    }
}

.campaign__view .slide--thumbniail:hover {
    opacity: 0.75;
}

.campaign__view .slide--thumbniail img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.campaign__view .slide--thumbniail iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: transparent;
}

.campaign__view .thumbnails {
    margin: 0 -5px;
    width: calc(100% + 10px);
}

.campaign__view .thumbnails .agile__nav-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.campaign__view .thumbnails .agile__nav-button--prev {
    left: -20px;
}

.campaign__view .thumbnails .agile__nav-button--next {
    right: -20px;
}

.campaign__view .thumbnails .slide {
    position: relative;
}

.campaign__view .thumbnails .slide__overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.campaign__view .thumbnails .slide img {
    border-radius: 5px;
    background-color: white;
    padding: 5px;
    z-index: 1;
}

.campaign__view .thumbnails .slide iframe {
    border-radius: 5px;
    background-color: white;
    padding: 5px;
    width: 100%;
    height: 100%;
    border: none;
    outline: transparent;
}

.campaign__status {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.campaign__status-title {
    font-size: 1rem;
    text-transform: uppercase;
    color: #3bc065;
}

.campaign__status .status-drafted {
    color: #808080;
}

.campaign__status .status-deleted {
    color: #FF0000;
}

.campaign__status .status-pending {
    color: #FFA500;
}

@media (max-width: 1199.98px) {
    .campaign__status-title {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .campaign__status-title {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .campaign__status-title {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .campaign__status-title {
        font-size: .9rem;
    }
}

.campaign__manage-btn {
    font-size: 1rem;
    color: #5777f3;
}

@media (max-width: 1199.98px) {
    .campaign__manage-btn {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .campaign__manage-btn {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .campaign__manage-btn {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .campaign__manage-btn {
        font-size: .9rem;
    }
}

.campaign__manage-btn:hover {
    color: #2750f0;
}

.campaign__details {
    width: 100%;
}

.campaign__title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign__title {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 26px;
    }
}

@media (max-width: 991.98px) {
    .campaign__title {
        font-size: 1.3rem;
        line-height: 1.7rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 767.98px) {
    .campaign__title {
        font-size: 1.2rem;
        line-height: 1.6rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .campaign__title {
        font-size: 1rem;
        line-height: 1.3rem;
        margin-bottom: 16px;
    }
}

.campaign__title--status {
    margin-bottom: 16px;
}

.campaign__fundraiser {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign__fundraiser {
        margin-bottom: 26px;
    }
}

@media (max-width: 991.98px) {
    .campaign__fundraiser {
        margin-bottom: 22px;
    }
}

@media (max-width: 767.98px) {
    .campaign__fundraiser {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .campaign__fundraiser {
        margin-bottom: 14px;
    }
}

.campaign__fundraiser-avatar {
    width: 40px;
    height: 40px;
    background-color: #fff;
    padding: 2px;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .campaign__fundraiser-avatar {
        width: 38px;
        height: 38px;
        margin-right: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign__fundraiser-avatar {
        width: 36px;
        height: 36px;
        margin-right: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign__fundraiser-avatar {
        width: 34px;
        height: 34px;
        margin-right: 7px;
    }
}

@media (max-width: 575.98px) {
    .campaign__fundraiser-avatar {
        width: 30px;
        height: 30px;
        margin-right: 6px;
    }
}

.campaign__fundraiser-avatar-img {
    max-width: 100%;
    max-height: 100%;
}

.campaign__fundraiser-name {
    flex: 1;
    font-size: 1rem;
    color: #999;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .campaign__fundraiser-name {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .campaign__fundraiser-name {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .campaign__fundraiser-name {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .campaign__fundraiser-name {
        font-size: .8rem;
    }
}

.campaign__fundraiser-name-link {
    color: #666;
    font-weight: 600;
}

.campaign__fundraiser-name-link:hover {
    color: #5777f3;
}

.campaign__progress {
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign__progress {
        margin-bottom: 26px;
    }
}

@media (max-width: 991.98px) {
    .campaign__progress {
        margin-bottom: 22px;
    }
}

@media (max-width: 767.98px) {
    .campaign__progress {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .campaign__progress {
        margin-bottom: 14px;
    }
}

.campaign__funding {
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign__funding {
        margin-bottom: 26px;
    }
}

@media (max-width: 991.98px) {
    .campaign__funding {
        margin-bottom: 22px;
    }
}

@media (max-width: 767.98px) {
    .campaign__funding {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .campaign__funding {
        margin-bottom: 14px;
    }
}

.campaign__funding-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: -20px;
}

@media (max-width: 1199.98px) {
    .campaign__funding-row {
        margin-right: -18px;
        margin-bottom: -18px;
    }
}

@media (max-width: 991.98px) {
    .campaign__funding-row {
        margin-right: -16px;
        margin-bottom: -16px;
    }
}

@media (max-width: 767.98px) {
    .campaign__funding-row {
        margin-right: -14px;
        margin-bottom: -14px;
    }
}

@media (max-width: 575.98px) {
    .campaign__funding-row {
        margin-right: -12px;
        margin-bottom: -12px;
    }
}

.campaign__funding-item {
    flex: 1;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .campaign__funding-item {
        padding-right: 18px;
        padding-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .campaign__funding-item {
        padding-right: 16px;
        padding-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .campaign__funding-item {
        padding-right: 14px;
        padding-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .campaign__funding-item {
        padding-right: 12px;
        padding-bottom: 12px;
    }
}

.campaign__funding .funding-card {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.campaign__funding .funding-card__value {
    font-size: 1.2rem;
    color: #31375E;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .campaign__funding .funding-card__value {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .campaign__funding .funding-card__value {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .campaign__funding .funding-card__value {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .campaign__funding .funding-card__value {
        font-size: 1rem;
    }
}

.campaign__funding .funding-card__lavel {
    font-size: .9rem;
    margin-bottom: 0;
    color: #666;
}

@media (max-width: 1199.98px) {
    .campaign__funding .funding-card__lavel {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .campaign__funding .funding-card__lavel {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .campaign__funding .funding-card__lavel {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .campaign__funding .funding-card__lavel {
        font-size: .82rem;
    }
}

.campaign__actions {
    display: flex;
    width: 100%;
}

.campaign__actions-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.campaign__actions-btn {
    flex: 1;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.campaign__actions-btn:last-child {
    margin-right: 0;
}

.campaign__view-tab {
    width: 100%;
}

.share-modal__title {
    font-size: 1.3rem;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .share-modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .share-modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .share-modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .share-modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.share-modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .share-modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .share-modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .share-modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .share-modal__info-text {
        font-size: .8rem;
    }
}

.share-modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .share-modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .share-modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .share-modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .share-modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

.share-modal__buttons {
    width: 100%;
    margin-bottom: 24px;
}

.share-modal__buttons-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: -16px;
    margin-bottom: -16px;
}

.share-modal__buttons-list-item {
    min-width: 50%;
    padding-right: 16px;
    padding-bottom: 16px;
}

@media (max-width: 767.98px) {
    .share-modal__buttons-list-item {
        min-width: 60%;
    }
}

@media (max-width: 575.98px) {
    .share-modal__buttons-list-item {
        min-width: 70%;
    }
}

.share-modal__button {
    width: 100%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: transparent;
    border: 2px solid #ddd;
}

.share-modal__button-icon {
    position: absolute;
    left: 10px;
    width: 26px;
    height: 26px;
    padding: 3px;
    border-radius: 50%;
    background-color: #5777f3;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .share-modal__button-icon {
        width: 24px;
        height: 24px;
        padding: 2.5px;
        left: 9px;
    }
}

@media (max-width: 991.98px) {
    .share-modal__button-icon {
        width: 23px;
        height: 23px;
        padding: 2px;
        left: 8px;
    }
}

@media (max-width: 767.98px) {
    .share-modal__button-icon {
        width: 22px;
        height: 22px;
        padding: 1.5px;
        left: 7px;
    }
}

@media (max-width: 575.98px) {
    .share-modal__button-icon {
        width: 20px;
        height: 20px;
        padding: 1px;
        left: 6px;
    }
}

.share-modal__button--facebook {
    border-color: #34589d;
    color: #34589d;
}

.share-modal__button--facebook .share-modal__button-icon {
    background-color: #34589d;
}

.share-modal__button--facebook:hover {
    background-color: #34589d;
    color: #fff;
}

.share-modal__button--facebook:hover .share-modal__button-icon {
    background-color: #fff;
    color: #34589d;
}

.share-modal__button--twitter {
    border-color: #38aae2;
    color: #38aae2;
}

.share-modal__button--twitter .share-modal__button-icon {
    background-color: #38aae2;
}

.share-modal__button--twitter:hover {
    background-color: #38aae2;
    color: #fff;
}

.share-modal__button--twitter:hover .share-modal__button-icon {
    background-color: #fff;
    color: #38aae2;
}

.share-modal__button--linkedin {
    border-color: #0077b5;
    color: #0077b5;
}

.share-modal__button--linkedin .share-modal__button-icon {
    background-color: #0077b5;
}

.share-modal__button--linkedin:hover {
    background-color: #0077b5;
    color: #fff;
}

.share-modal__button--linkedin:hover .share-modal__button-icon {
    background-color: #fff;
    color: #0077b5;
}

.share-modal__button--whatsapp {
    border-color: #7ed321;
    color: #7ed321;
}

.share-modal__button--whatsapp .share-modal__button-icon {
    background-color: #7ed321;
}

.share-modal__button--whatsapp:hover {
    background-color: #7ed321;
    color: #fff;
}

.share-modal__button--whatsapp:hover .share-modal__button-icon {
    background-color: #fff;
    color: #7ed321;
}

.remind-modal__title {
    font-size: 1.3rem;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .remind-modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .remind-modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .remind-modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .remind-modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.remind-modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .remind-modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .remind-modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .remind-modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .remind-modal__info-text {
        font-size: .8rem;
    }
}

.remind-modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .remind-modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .remind-modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .remind-modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .remind-modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

.remind-modal__options {
    width: 100%;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .remind-modal__options {
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .remind-modal__options {
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .remind-modal__options {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .remind-modal__options {
        margin-bottom: 16px;
    }
}

.remind-modal .remind-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-right: -16px;
    margin-bottom: -16px;
}

.remind-modal .remind-option {
    padding-right: 16px;
    padding-bottom: 16px;
}

.remind-modal .remind-option__inner {
    width: 70px;
    height: 70px;
    padding: 12px;
    border-radius: 5px;
    background-color: #f3f4f8;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    color: #333;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .remind-modal .remind-option__inner {
        width: 65px;
        height: 65px;
        padding: 10px;
    }
}

@media (max-width: 991.98px) {
    .remind-modal .remind-option__inner {
        width: 60px;
        height: 60px;
        padding: 8px;
    }
}

@media (max-width: 767.98px) {
    .remind-modal .remind-option__inner {
        width: 55px;
        height: 55px;
        padding: 6px;
    }
}

@media (max-width: 575.98px) {
    .remind-modal .remind-option__inner {
        width: 50px;
        height: 50px;
        padding: 4px;
    }
}

.remind-modal .remind-option__value {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .remind-modal .remind-option__value {
        font-size: 1.15rem;
    }
}

@media (max-width: 991.98px) {
    .remind-modal .remind-option__value {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.98px) {
    .remind-modal .remind-option__value {
        font-size: 1.05rem;
    }
}

@media (max-width: 575.98px) {
    .remind-modal .remind-option__value {
        font-size: 1rem;
    }
}

.remind-modal .remind-option__label {
    font-size: .9rem;
    color: #666;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .remind-modal .remind-option__label {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .remind-modal .remind-option__label {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .remind-modal .remind-option__label {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .remind-modal .remind-option__label {
        font-size: .8rem;
    }
}

.remind-modal .remind-option__input {
    display: none;
}

.remind-modal .remind-option__input:checked + label {
    border-color: #5777f3;
    color: #5777f3;
}

.endorse-modal__title {
    font-size: 1.3rem;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .endorse-modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .endorse-modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .endorse-modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .endorse-modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.endorse-modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .endorse-modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .endorse-modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .endorse-modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .endorse-modal__info-text {
        font-size: .8rem;
    }
}

.endorse-modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .endorse-modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .endorse-modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .endorse-modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .endorse-modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

.contact-modal__title {
    font-size: 1.3rem;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .contact-modal__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .contact-modal__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .contact-modal__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .contact-modal__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.contact-modal__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .contact-modal__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .contact-modal__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .contact-modal__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .contact-modal__info-text {
        font-size: .8rem;
    }
}

.contact-modal__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .contact-modal__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .contact-modal__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .contact-modal__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .contact-modal__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

.activities {
    width: 100%;
}

.activity {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin: 10px 0;
}

@media (max-width: 1199.98px) {
    .activity {
        padding: 18px;
        margin: 9px 0;
    }
}

@media (max-width: 991.98px) {
    .activity {
        padding: 16px;
        margin: 8px 0;
    }
}

@media (max-width: 767.98px) {
    .activity {
        padding: 14px;
        margin: 7px 0;
    }
}

@media (max-width: 575.98px) {
    .activity {
        padding: 12px;
        margin: 6px 0;
    }
}

.activity__avatar {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}

@media (max-width: 1199.98px) {
    .activity__avatar {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 991.98px) {
    .activity__avatar {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 767.98px) {
    .activity__avatar {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 575.98px) {
    .activity__avatar {
        width: 40px;
        height: 40px;
    }
}

.activity__details {
    flex: 1;
    padding-left: 20px;
}

@media (max-width: 1199.98px) {
    .activity__details {
        padding-left: 18px;
    }
}

@media (max-width: 991.98px) {
    .activity__details {
        padding-left: 16px;
    }
}

@media (max-width: 767.98px) {
    .activity__details {
        padding-left: 14px;
    }
}

@media (max-width: 575.98px) {
    .activity__details {
        padding-left: 12px;
    }
}

.activity__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

@media (max-width: 1199.98px) {
    .activity__row {
        margin-bottom: 5px;
    }
}

@media (max-width: 991.98px) {
    .activity__row {
        margin-bottom: 4px;
    }
}

@media (max-width: 767.98px) {
    .activity__row {
        margin-bottom: 3px;
    }
}

@media (max-width: 575.98px) {
    .activity__row {
        margin-bottom: 2px;
    }
}

.activity__row:last-child {
    margin-bottom: 0;
}

.activity__name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    margin-right: 4px;
}

@media (max-width: 1199.98px) {
    .activity__name {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .activity__name {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .activity__name {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .activity__name {
        font-size: .8rem;
    }
}

.activity__label {
    font-size: 1rem;
    font-weight: normal;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .activity__label {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .activity__label {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .activity__label {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .activity__label {
        font-size: .8rem;
    }
}

.activity__value {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .activity__value {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .activity__value {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .activity__value {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .activity__value {
        font-size: .8rem;
    }
}

.activity__date {
    font-size: .9rem;
    font-weight: normal;
    color: #7D8091;
    margin-bottom: 0;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .activity__date {
        font-size: .85rem;
    }
}

@media (max-width: 991.98px) {
    .activity__date {
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .activity__date {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .activity__date {
        font-size: .7rem;
    }
}

.activity__message {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .activity__message {
        font-size: .85rem;
    }
}

@media (max-width: 991.98px) {
    .activity__message {
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .activity__message {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .activity__message {
        font-size: .7rem;
    }
}

.endorsements {
    width: 100%;
}

.endorsement {
    width: 100%;
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin: 10px 0;
}

@media (max-width: 1199.98px) {
    .endorsement {
        padding: 18px;
        margin: 9px 0;
    }
}

@media (max-width: 991.98px) {
    .endorsement {
        padding: 16px;
        margin: 8px 0;
    }
}

@media (max-width: 767.98px) {
    .endorsement {
        padding: 14px;
        margin: 7px 0;
    }
}

@media (max-width: 575.98px) {
    .endorsement {
        padding: 12px;
        margin: 6px 0;
    }
}

.endorsement__avatar {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}

@media (max-width: 1199.98px) {
    .endorsement__avatar {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 991.98px) {
    .endorsement__avatar {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 767.98px) {
    .endorsement__avatar {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 575.98px) {
    .endorsement__avatar {
        width: 40px;
        height: 40px;
    }
}

.endorsement__details {
    flex: 1;
    padding-left: 20px;
}

@media (max-width: 1199.98px) {
    .endorsement__details {
        padding-left: 18px;
    }
}

@media (max-width: 991.98px) {
    .endorsement__details {
        padding-left: 16px;
    }
}

@media (max-width: 767.98px) {
    .endorsement__details {
        padding-left: 14px;
    }
}

@media (max-width: 575.98px) {
    .endorsement__details {
        padding-left: 12px;
    }
}

.endorsement__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .endorsement__row {
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .endorsement__row {
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .endorsement__row {
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .endorsement__row {
        margin-bottom: 6px;
    }
}

.endorsement__name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    margin-right: 4px;
}

@media (max-width: 1199.98px) {
    .endorsement__name {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .endorsement__name {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .endorsement__name {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .endorsement__name {
        font-size: .8rem;
    }
}

.endorsement__label {
    font-size: 1rem;
    font-weight: normal;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .endorsement__label {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .endorsement__label {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .endorsement__label {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .endorsement__label {
        font-size: .8rem;
    }
}

.endorsement__value {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .endorsement__value {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .endorsement__value {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .endorsement__value {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .endorsement__value {
        font-size: .8rem;
    }
}

.endorsement__date {
    font-size: .9rem;
    font-weight: normal;
    color: #7D8091;
    margin-bottom: 0;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .endorsement__date {
        font-size: .85rem;
    }
}

@media (max-width: 991.98px) {
    .endorsement__date {
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .endorsement__date {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .endorsement__date {
        font-size: .7rem;
    }
}

.endorsement__message {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .endorsement__message {
        font-size: .85rem;
    }
}

@media (max-width: 991.98px) {
    .endorsement__message {
        font-size: .8rem;
    }
}

@media (max-width: 767.98px) {
    .endorsement__message {
        font-size: .75rem;
    }
}

@media (max-width: 575.98px) {
    .endorsement__message {
        font-size: .7rem;
    }
}

.top-donors {
    width: 100%;
}

.top-donors .donor-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: -30px;
    margin-bottom: -15px;
}

.top-donors .donor-list__item {
    width: 50%;
    padding-right: 30px;
    padding-bottom: 15px;
}

.top-donors .donor-card {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    position: relative;
}

.top-donors .donor-card__avatar {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}

@media (max-width: 1199.98px) {
    .top-donors .donor-card__avatar {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 991.98px) {
    .top-donors .donor-card__avatar {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 767.98px) {
    .top-donors .donor-card__avatar {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 575.98px) {
    .top-donors .donor-card__avatar {
        width: 40px;
        height: 40px;
    }
}

.top-donors .donor-card__details {
    flex: 1;
    padding-left: 20px;
}

@media (max-width: 1199.98px) {
    .top-donors .donor-card__details {
        padding-left: 18px;
    }
}

@media (max-width: 991.98px) {
    .top-donors .donor-card__details {
        padding-left: 16px;
    }
}

@media (max-width: 767.98px) {
    .top-donors .donor-card__details {
        padding-left: 14px;
    }
}

@media (max-width: 575.98px) {
    .top-donors .donor-card__details {
        padding-left: 12px;
    }
}

.top-donors .donor-card__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .top-donors .donor-card__row {
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .top-donors .donor-card__row {
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .top-donors .donor-card__row {
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .top-donors .donor-card__row {
        margin-bottom: 6px;
    }
}

.top-donors .donor-card__name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-right: 4px;
    margin-bottom: 4px;
}

.top-donors .donor-card__label {
    font-size: 1rem;
    font-weight: normal;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .top-donors .donor-card__label {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .top-donors .donor-card__label {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .top-donors .donor-card__label {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .top-donors .donor-card__label {
        font-size: .8rem;
    }
}

.top-donors .donor-card__value {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .top-donors .donor-card__value {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .top-donors .donor-card__value {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .top-donors .donor-card__value {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .top-donors .donor-card__value {
        font-size: .8rem;
    }
}

.top-donors .donor-card__badge {
    width: 50px;
    height: 50px;
    padding: 6px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #f3f4f8;
    position: absolute;
    right: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-donors .donor-card__badge-img {
    max-width: 100%;
    max-height: 100%;
}

.select-offer {
    width: 100%;
}

.donate.show-modal #doantion-modal-overlay,
.back-modal.show-modal #reward-modal-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background-color: rgba(2, 11, 44, 0.6);
}

.donate.show-modal .donation-modal-inner-wrapper {
	height: 98vh;
}
.donation-modal-inner-wrapper,
.back-modal-inner-wrapper {
    display: none;
    justify-content: center;
    align-items: center;
	padding-top: 30px;
}
.donate.show-modal .donation-modal-inner-wrapper,
.back-modal.show-modal .back-modal-inner-wrapper{
    display: flex;
}

.back-modal-inner {
    background-color: #fff;
    padding: 40px;
	position: relative;
    /* height: 0; */
    width: 40%;
	transform: translateY(-100px);
	transition: transform .2s;
}
.back-modal.show-modal .back-modal-inner {
    height: auto;
    max-width: 100%;
    width: 40%;
	transform: translateY(0);
}

@media (max-width: 767.98px) {
    .back-modal-inner {
        width: 95%;
		padding: 20px;
    }
}

.back-modal .contribution-box {
    width: 100%;
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.back-modal .contribution-box__btn {
    border-radius: 5px;
    margin-left: 16px;
}

.back-modal .contribution-box input[type=number],
.back-modal .contribution-box input[type=number]:focus{
    background-color: transparent;
}

.form-group.reward-items::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
}
.form-group.reward-items::-webkit-scrollbar {
    width: 5px;
}

.flyer__inner {
    width: 100%;
    height: 400px;
    padding: 20px;
    border-radius: 5px;
    background-color: #f3f4f8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media (max-width: 1199.98px) {
    .flyer__inner {
        height: 380px;
        padding: 18px;
    }
}

@media (max-width: 991.98px) {
    .flyer__inner {
        height: 360px;
        padding: 16px;
    }
}

@media (max-width: 767.98px) {
    .flyer__inner {
        height: 340px;
        padding: 14px;
    }
}

@media (max-width: 575.98px) {
    .flyer__inner {
        height: 300px;
        padding: 12px;
    }
}

.flyer .flyer-card {
    position: absolute;
    width: 180px;
    height: auto;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 1199.98px) {
    .flyer .flyer-card {
        width: 170px;
    }
}

@media (max-width: 991.98px) {
    .flyer .flyer-card {
        width: 160px;
    }
}

@media (max-width: 767.98px) {
    .flyer .flyer-card {
        width: 150px;
    }
}

@media (max-width: 575.98px) {
    .flyer .flyer-card {
        width: 130px;
    }
}

.flyer .flyer-card--0 {
    transform: rotate(-40deg) translateX(-30px) skewX(10deg);
}

@media (max-width: 1199.98px) {
    .flyer .flyer-card--0 {
        transform: rotate(-38deg) translateX(-28px) skewX(9deg);
    }
}

@media (max-width: 991.98px) {
    .flyer .flyer-card--0 {
        transform: rotate(-36deg) translateX(-26px) skewX(8deg);
    }
}

@media (max-width: 767.98px) {
    .flyer .flyer-card--0 {
        transform: rotate(-34deg) translateX(-24px) skewX(7deg);
    }
}

@media (max-width: 575.98px) {
    .flyer .flyer-card--0 {
        transform: rotate(-32deg) translateX(0px) skewX(6deg);
    }
}

.flyer .flyer-card--1 {
    transform: rotate(-20deg) translateX(30px) skewX(10deg);
}

@media (max-width: 1199.98px) {
    .flyer .flyer-card--1 {
        transform: rotate(-19deg) translateX(28px) skewX(9deg);
    }
}

@media (max-width: 991.98px) {
    .flyer .flyer-card--1 {
        transform: rotate(-18deg) translateX(26px) skewX(8deg);
    }
}

@media (max-width: 767.98px) {
    .flyer .flyer-card--1 {
        transform: rotate(-17deg) translateX(24px) skewX(7deg);
    }
}

@media (max-width: 575.98px) {
    .flyer .flyer-card--1 {
        transform: rotate(-16deg) translateX(20px) skewX(6deg);
    }
}

.flyer .flyer-card__img {
    width: 100%;
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1199.98px) {
    .flyer .flyer-card__img {
        height: 90px;
    }
}

@media (max-width: 991.98px) {
    .flyer .flyer-card__img {
        height: 80px;
    }
}

@media (max-width: 767.98px) {
    .flyer .flyer-card__img {
        height: 70px;
    }
}

@media (max-width: 575.98px) {
    .flyer .flyer-card__img {
        height: 60px;
    }
}

.flyer .flyer-card__inner {
    padding: 8px;
}

@media (max-width: 1199.98px) {
    .flyer .flyer-card__inner {
        padding: 7px;
    }
}

@media (max-width: 991.98px) {
    .flyer .flyer-card__inner {
        padding: 6px;
    }
}

@media (max-width: 767.98px) {
    .flyer .flyer-card__inner {
        padding: 5px;
    }
}

@media (max-width: 575.98px) {
    .flyer .flyer-card__inner {
        padding: 4px;
    }
}

.flyer .flyer-card__title {
    font-size: .7rem;
    font-weight: 600;
    line-height: 1rem;
    margin-bottom: 2px;
    color: #31375E;
}

.flyer .flyer-card__description {
    font-size: .5rem;
    line-height: .8rem;
    color: #7D8091;
    height: 100px;
    overflow: hidden;
}

.all-campaign {
    width: 100%;
    padding: 60px 0;
}

@media (max-width: 1199.98px) {
    .all-campaign {
        padding: 50px 0;
    }
}

@media (max-width: 991.98px) {
    .all-campaign {
        padding: 40px 0;
    }
}

@media (max-width: 767.98px) {
    .all-campaign {
        padding: 30px 0;
    }
}

@media (max-width: 575.98px) {
    .all-campaign {
        padding: 20px 0;
    }
}

.all-campaign__header {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .all-campaign__header {
        padding: 40px 0;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__header {
        padding: 30px 0;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__header {
        padding: 20px 0;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__header {
        padding: 15px 0;
    }
}

.all-campaign__title {
    flex: 1;
    font-size: 30px;
    color: #31375E;
    font-weight: 600;
    margin-bottom: 0;
    padding-right: 16px;
}

@media (max-width: 1199.98px) {
    .all-campaign__title {
        font-size: 1.4rem;
        padding-right: 14px;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__title {
        font-size: 1.3rem;
        padding-right: 12px;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__title {
        font-size: 1.2rem;
        padding-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__title {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
}

.all-campaign__filter {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 6px 0;
    background-color: #fff;
    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter {
        height: 58px;
        padding: 5.5px 0;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter {
        height: 56px;
        padding: 5px 0;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter {
        width: 100%;
        height: 54px;
        padding: 4.5px 0;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter {
        height: auto;
        padding: 0;
        flex-direction: column;
        background-color: transparent;
    }
}

.all-campaign__filter:focus-within {
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 575.98px) {
    .all-campaign__filter:focus-within {
        border-color: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.all-campaign__filter-search {
    width: 600px;
    padding: 0 16px;
    height: 100%;
    display: flex;
    align-items: center;
    border-right: 1px solid #eee;
    position: relative;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter-search {
        padding: 0 14px;
        width: 500px;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter-search {
        padding: 0 12px;
        width: 400px;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter-search {
        padding: 0 10px;
        width: unset;
        flex: 1;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter-search {
        padding: 10px;
        margin-bottom: 10px;
        border-right: 0;
        width: 100%;
        background-color: #fff;
        border-radius: 10px;
    }
}

.all-campaign__filter-search-icon {
    font-size: .9rem;
	color: #666;
	margin-right: 10px;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter-search-icon {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter-search-icon {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter-search-icon {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter-search-icon {
        font-size: .8rem;
    }
}

.all-campaign__filter-search-input[type="text"] {
    flex: 1;
    padding: 8px 10px;
    background-color: transparent;
    border: none;
    font-size: .9rem;
    color: #31375E;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter-search-input {
        font-size: .88rem;
        padding: 0 9px;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter-search-input {
        font-size: .86rem;
        padding: 0 8px;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter-search-input {
        font-size: .84rem;
        padding: 0 7px;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter-search-input {
        font-size: .8rem;
        padding: 0 6px;
        min-width: 136px;
    }
}

.all-campaign__filter-search .all-campaign__filter-search-btn-clear {
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    padding: 4px;
    margin-right: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .1s;
}

@media (max-width: 767.98px) {
    .all-campaign__filter-search .all-campaign__filter-search-btn-clear {
        margin-right: 10px;
    }
}

.all-campaign__filter-search .all-campaign__filter-search-btn-clear.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

.all-campaign__filter-search-btn-clear:hover {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.all-campaign__filter-search-btn-clear-icon {
    width: 100%;
}

.all-campaign__filter-search-btn-submit {
    padding: 6px 16px;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter-search-btn-submit {
        padding: 5.5px 15px;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter-search-btn-submit {
        padding: 5px 14px;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter-search-btn-submit {
        padding: 4.5px 13px;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter-search-btn-submit {
        padding: 4px 12px;
    }
}

.all-campaign__filter-select {
    height: 100%;
    width: auto;
    background-color: transparent;
    border: none;
    font-size: .9rem;
    font-weight: 600;
    color: #666;
    padding: 0 16px;
}

@media (max-width: 1199.98px) {
    .all-campaign__filter-select {
        font-size: .88rem;
        padding: 0 14px;
    }
}

@media (max-width: 991.98px) {
    .all-campaign__filter-select {
        font-size: .86rem;
        padding: 0 12px;
    }
}

@media (max-width: 767.98px) {
    .all-campaign__filter-select {
        font-size: .84rem;
        padding: 0 10px;
    }
}

@media (max-width: 575.98px) {
    .all-campaign__filter-select {
        font-size: .8rem;
        padding: 10px;
        width: 100%;
        background-color: #fff;
        border-radius: 10px;
    }
}

.g-tab {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    padding-top: 6px;
}

@media (max-width: 1199.98px) {
    .g-tab {
        padding: 26px;
        padding-top: 5px;
    }
}

@media (max-width: 991.98px) {
    .g-tab {
        padding: 22px;
        padding-top: 4px;
    }
}

@media (max-width: 767.98px) {
    .g-tab {
        padding: 18px;
        padding-top: 3px;
    }
}

@media (max-width: 575.98px) {
    .g-tab {
        padding: 14px;
        padding-top: 2px;
    }
}

.g-tab__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: none;
}

.g-tab__nav-item {
    height: 65px;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.g-tab__nav-item span {
    color: #5777f3;
}

.g-tab__nav-item:last-child {
    margin-right: 0;
}



@media (max-width: 1199.98px) {
    .g-tab__nav-item {
        height: 60px;
        margin-right: 26px;
    }
}

@media (max-width: 991.98px) {
    .g-tab__nav-item {
        height: 55px;
        margin-right: 22px;
    }
}

@media (max-width: 767.98px) {
    .g-tab__nav-item {
        height: 50px;
        margin-right: 18px;
    }
}

@media (max-width: 575.98px) {
    .g-tab__nav-item {
        height: 45px;
        margin-right: 14px;
    }
}


.g-tab__nav-item a.nav-link{
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-bottom: 2px solid transparent;
    font-size: 1rem;
    font-weight: 600;
    color: #31375E;
    white-space: nowrap;
    cursor: pointer;
}

@media (max-width: 1199.98px) {
    .g-tab__nav-item a.nav-link {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .g-tab__nav-item a.nav-link {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .g-tab__nav-item a.nav-link {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .g-tab__nav-item a.nav-link {
        font-size: .8rem;
    }
}



.g-tab__nav-item a.nav-link:focus, .g-tab__nav-item a.nav-link:hover {
    outline: none !important;
    border-bottom-color: rgba(87, 119, 243, 0.4);
}

.g-tab__nav-item a.nav-link.active {
    border-bottom-color: #5777f3;
    padding: 0 10px;
}
#select-reward-tab.nav-link.active {
    background-color: transparent;
}

.g-tab__body {
    padding: 20px;
    background-color: #f3f4f8;
}

.g-tab__body::-webkit-scrollbar {
    width: 4px;
}

.g-tab__body::-webkit-scrollbar-track {
    background: #ddd;
}

.g-tab__body::-webkit-scrollbar-thumb {
    background: #5777f3;
}

.g-tab__body::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.offer-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.offer-card__img {
    width: 100%;
    height: 140px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

@media (max-width: 1199.98px) {
    .offer-card__img {
        height: 130px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__img {
        height: 120px;
    }
}

@media (max-width: 767.98px) {
    .offer-card__img {
        height: 110px;
    }
}

@media (max-width: 575.98px) {
    .offer-card__img {
        height: 100px;
    }
}

.offer-card__img--bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #f3f4f8;
}

.offer-card__body {
    width: 100%;
    flex: 1;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.offer-card__body::-webkit-scrollbar {
    width: 2px;
}

.offer-card__body::-webkit-scrollbar-track {
    background: #ddd;
}

.offer-card__body::-webkit-scrollbar-thumb {
    background: #5777f3;
}

.offer-card__body::-webkit-scrollbar-thumb:hover {
    background: #666;
}

.offer-card__title {
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1199.98px) {
    .offer-card__title {
        font-size: .98rem;
        line-height: 1.08rem;
        margin-top: 8px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__title {
        margin-top: 6px;
        font-size: .96rem;
        line-height: 1.06rem;
    }
}

@media (max-width: 767.98px) {
    .offer-card__title {
        margin-top: 4px;
        font-size: .94rem;
        line-height: 1.04rem;
    }
}

@media (max-width: 575.98px) {
    .offer-card__title {
        font-size: .9rem;
        line-height: 1rem;
    }
}

.offer-card__price {
    width: 100%;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .offer-card__price {
        margin-bottom: 8px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__price {
        margin-bottom: 6px;
    }
}

@media (max-width: 767.98px) {
    .offer-card__price {
        margin-bottom: 4px;
    }
}

@media (max-width: 575.98px) {
    .offer-card__price {
        margin-bottom: 2px;
    }
}

.offer-card__price-new {
    font-size: 1rem;
    color: #5777f3;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .offer-card__price-new {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .offer-card__price-new {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .offer-card__price-new {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .offer-card__price-new {
        font-size: .9rem;
    }
}

.offer-card__price-old {
    font-size: .8rem;
    color: #999;
	margin: 10px 0 0;
	text-decoration: line-through;
}

@media (max-width: 1199.98px) {
    .offer-card__price-old {
        font-size: .75rem;
    }
}

@media (max-width: 991.98px) {
    .offer-card__price-old {
        font-size: .7rem;
    }
}

@media (max-width: 767.98px) {
    .offer-card__price-old {
        font-size: .60rem;
    }
}

@media (max-width: 575.98px) {
    .offer-card__price-old {
        font-size: .5rem;
    }
}

.offer-card__description {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #666;
    font-weight: normal;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media (max-width: 1199.98px) {
    .offer-card__description {
        margin-bottom: 8px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__description {
        margin-bottom: 6px;
    }
}

@media (max-width: 767.98px) {
    .offer-card__description {
        margin-bottom: 4px;
    }
}

@media (max-width: 575.98px) {
    .offer-card__description {
        margin-bottom: 2px;
    }
}

.offer-card__shipping {
    width: 100%;
}

.offer-card__shipping-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #555;
}

@media (max-width: 1199.98px) {
    .offer-card__shipping-title {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .offer-card__shipping-title {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .offer-card__shipping-title {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .offer-card__shipping-title {
        font-size: .8rem;
    }
}

.offer-card__shipping-info {
    padding: 4px 8px;
    margin-bottom: 8px;
    border-radius: 2px;
    border-left: 1px solid #5777f3;
    background-color: rgba(87, 119, 243, 0.04);
}

@media (max-width: 1199.98px) {
    .offer-card__shipping-info {
        margin-bottom: 7.5px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__shipping-info {
        margin-bottom: 7px;
    }
}

@media (max-width: 767.98px) {
    .offer-card__shipping-info {
        margin-bottom: 6.5px;
    }
}

@media (max-width: 575.98px) {
    .offer-card__shipping-info {
        margin-bottom: 6px;
    }
}

.offer-card__shipping-info:last-child {
    margin-bottom: 0;
}

.offer-card__shipping-info-location {
    font-size: .8rem;
    margin-bottom: 4px;
    color: #999;
}

@media (max-width: 1199.98px) {
    .offer-card__shipping-info-location {
        margin-bottom: 3.5px;
    }
}

@media (max-width: 991.98px) {
    .offer-card__shipping-info-location {
        margin-bottom: 3px;
    }
}

@media (max-width: 767.98px) {
    .offer-card__shipping-info-location {
        margin-bottom: 2.5px;
    }
}

@media (max-width: 575.98px) {
    .offer-card__shipping-info-location {
        margin-bottom: 2px;
    }
}

.offer-card__shipping-info-fee {
    font-size: .8rem;
    margin-bottom: 0;
    color: #5777f3;
}

.offer-card__shipping-info-label {
    font-weight: 500;
    color: #333;
}

.offer-card__footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.offer-card__badge {
    padding: 5px 20px;
    padding-top: 50px;
    min-width: 150px;
    text-align: center;
    background-color: rgba(87, 119, 243, 0.8);
    color: #fff;
    position: absolute;
    top: -26px;
    right: -64px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: .8rem;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .offer-card__badge {
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .offer-card__badge {
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .offer-card__badge {
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .offer-card__badge {
        font-size: .72rem;
    }
}

.offer-modal .offer-image {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px dashed #ddd;
    position: relative;
}

@media (max-width: 1199.98px) {
    .offer-modal .offer-image {
        height: 190px;
    }
}

@media (max-width: 991.98px) {
    .offer-modal .offer-image {
        height: 180px;
    }
}

@media (max-width: 767.98px) {
    .offer-modal .offer-image {
        height: 170px;
    }
}

@media (max-width: 575.98px) {
    .offer-modal .offer-image {
        height: 160px;
    }
}

.offer-modal .offer-image.disabled {
    pointer-events: none;
    opacity: .5;
}

.offer-modal .offer-image:focus-within {
    outline: none;
    border-color: rgba(87, 119, 243, 0.5);
}

.offer-modal .offer-image__preview {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}

.offer-modal .offer-image__input {
    opacity: 0;
    position: absolute;
}

.offer-modal .offer-image__remove {
    padding: 0;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 95, 116, 0.7);
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: .8rem;
    display: flex;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199.98px) {
    .offer-modal .offer-image__remove {
        width: 23px;
        height: 23px;
        top: -11.5px;
        right: -11.5px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .offer-modal .offer-image__remove {
        width: 22px;
        height: 22px;
        top: -11px;
        right: -11px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .offer-modal .offer-image__remove {
        width: 21px;
        height: 21px;
        top: -10.5px;
        right: -10.5px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .offer-modal .offer-image__remove {
        width: 20px;
        height: 20px;
        top: -10px;
        right: -10px;
        font-size: .8rem;
    }
}

.offer-modal .offer-image__remove:hover, .offer-modal .offer-image__remove:focus {
    background-color: #FF5F74;
}

.offer-modal .single-shipping {
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .offer-modal .single-shipping {
        margin-bottom: 22px;
        padding: 15px;
    }
}

@media (max-width: 991.98px) {
    .offer-modal .single-shipping {
        margin-bottom: 20px;
        padding: 14px;
    }
}

@media (max-width: 767.98px) {
    .offer-modal .single-shipping {
        margin-bottom: 18px;
        padding: 13px;
    }
}

@media (max-width: 575.98px) {
    .offer-modal .single-shipping {
        margin-bottom: 16px;
        padding: 12px;
    }
}

@media (min-width: 576px) {
    .offer-modal .single-shipping .form-group {
        margin-bottom: 0;
    }
}

.org-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.02);
    position: relative;
}

.org-header__inner {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1199.98px) {
    .org-header__inner {
        height: 70px;
    }
}

@media (max-width: 991.98px) {
    .org-header__inner {
        height: 60px;
    }
}

@media (max-width: 767.98px) {
    .org-header__inner {
        height: 50px;
    }
}

@media (max-width: 575.98px) {
    .org-header__inner {
        height: 40px;
    }
}

.org-header__menu-toggle {
    width: 50px;
    height: 50px;
    padding: 5px 0;
    border: none;
    background-color: transparent;
    display: none;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 1199.98px) {
    .org-header__menu-toggle {
        width: 45px;
        height: 45px;
        padding: 4.5px 0;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu-toggle {
        width: 40px;
        height: 40px;
        padding: 4px 0;
        display: flex;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu-toggle {
        width: 35px;
        height: 35px;
        padding: 3.5px 0;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu-toggle {
        width: 30px;
        height: 30px;
        padding: 3px 0;
    }
}

.org-header__menu-toggle-icon {
    max-width: 100%;
    max-height: 100%;
}

.org-header__logo {
    height: 50px;
    max-width: 150px;
    width: auto;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .org-header__logo {
        height: 45px;
        max-width: 140px;
    }
}

@media (max-width: 991.98px) {
    .org-header__logo {
        height: 40px;
        max-width: 130px;
    }
}

@media (max-width: 767.98px) {
    .org-header__logo {
        height: 35px;
        max-width: 120px;
    }
}

@media (max-width: 575.98px) {
    .org-header__logo {
        height: 30px;
        max-width: 110px;
    }
}

.org-header__logo-img {
    max-width: 100%;
    max-height: 100%;
}

.org-header__logo-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    color: #31375E;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .org-header__logo-text {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .org-header__logo-text {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .org-header__logo-text {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .org-header__logo-text {
        font-size: .92rem;
    }
}

.org-header__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    display: none;
}

@media (max-width: 991.98px) {
    .org-header__overlay {
        display: block;
    }
}

.org-header__menu {
    flex: 1;
    height: 100%;
    position: relative;
}

@media (max-width: 991.98px) {
    .org-header__menu {
        width: 240px;
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        background-color: #fff;
        -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
        z-index: 999;
        opacity: 0;
        transition: 600ms;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu {
        width: 220px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu {
        width: 200px;
    }
}

.org-header__menu-header {
    width: 100%;
    padding: 0 16px;
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f7fd;
}

@media (max-width: 991.98px) {
    .org-header__menu-header {
        height: 60px;
        display: flex;
        padding: 0 16px;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu-header {
        height: 50px;
        padding: 0 14px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu-header {
        height: 40px;
        padding: 0 12px;
    }
}

.org-header__menu-header-logo {
    flex: 1;
    height: 40px;
    display: flex;
    align-items: center;
}

@media (max-width: 991.98px) {
    .org-header__menu-header-logo {
        height: 40px;
        max-width: 130px;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu-header-logo {
        height: 35px;
        max-width: 120px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu-header-logo {
        height: 30px;
        max-width: 110px;
    }
}

.org-header__menu-header-logo-img {
    max-height: 100%;
    max-width: 100%;
}

.org-header__menu-header-logo-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    color: #31375E;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    .org-header__menu-header-logo-text {
        font-size: .98rem;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu-header-logo-text {
        font-size: .96rem;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu-header-logo-text {
        font-size: .94rem;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu-header-logo-text {
        font-size: .92rem;
    }
}

.org-header__menu-close-btn {
    width: 26px;
    height: 26px;
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: none;
}

.org-header__menu-close-btn:hover {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.org-header__menu-close-btn-icon {
    width: 100%;
}

.org-header__menu-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .org-header__menu-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        overflow: hidden;
        overflow-y: auto;
    }
}

.org-header__menu-left, .org-header__menu-right {
    height: 100%;
}

@media (max-width: 991.98px) {
    .org-header__menu-left, .org-header__menu-right {
        height: auto;
        width: 100%;
    }
}

.org-header__menu .org-menu {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .org-header__menu .org-menu {
        padding: 0 18px;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu {
        padding: 0 16px;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu .org-menu {
        padding: 0 14px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu .org-menu {
        padding: 0 12px;
    }
}

.org-header__menu .org-menu__item {
    height: 100%;
    margin-right: 20px;
}

@media (max-width: 1199.98px) {
    .org-header__menu .org-menu__item {
        margin-right: 18px;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu__item {
        margin-right: 0;
        width: 100%;
        border-bottom: 1px solid #eee;
    }
}

.org-header__menu .org-menu__item:last-child {
    margin-right: 0;
}

.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: .9rem;
}

.org-header__menu .org-menu__item-link:hover, .org-header__menu .org-menu__item-link-d:hover {
    color: #2750f0;
}

@media (max-width: 1199.98px) {
    .org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
        font-size: .86rem;
        width: 100%;
        padding: 16px 0;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
        font-size: .84rem;
        padding: 14px 0;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
        font-size: .8rem;
        padding: 12px 0;
    }
}

.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
    border-radius: 25px;
    padding: 8px 26px;
}

@media (max-width: 1199.98px) {
    .org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
        padding: 7px 24px;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
        padding: 6px 22px;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
        padding: 5px 20px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
        padding: 4px 18px;
    }
}

.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199.98px) {
    .org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
        width: 29px;
        height: 29px;
        margin-right: 7px;
    }
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
        width: 28px;
        height: 28px;
        margin-right: 6px;
    }
}

@media (max-width: 767.98px) {
    .org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
        width: 27px;
        height: 27px;
        margin-right: 5px;
    }
}

@media (max-width: 575.98px) {
    .org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
        width: 26px;
        height: 26px;
        margin-right: 4px;
    }
}

.org-header__menu .org-menu__item-link-avatar-img, .org-header__menu .org-menu__item-link-d-avatar-img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 991.98px) {
    .org-header__menu .org-menu__item-link .g-dropdown, .org-header__menu .org-menu__item-link-d .g-dropdown {
        width: 100%;
    }

    .org-header__menu .org-menu__item-link .g-dropdown .dropdown-toggle, .org-header__menu .org-menu__item-link-d .g-dropdown .dropdown-toggle {
        width: 100% !important;
    }
}

.org-header__notification {
    height: 100%;
}

.org-header--sidebar .org-header__menu {
    left: 0;
    opacity: 1;
}

/*campaign update styles*/
#public .campaign-updates {
    width: 100%;
}

#public .campaign-updates__header {
    margin-bottom: 30px;
}

@media (max-width: 1199.98px) {
    .campaign-updates__header {
        margin-bottom: 26px;
    }
}

@media (max-width: 991.98px) {
    .campaign-updates__header {
        margin-bottom: 22px;
    }
}

@media (max-width: 767.98px) {
    .campaign-updates__header {
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .campaign-updates__header {
        margin-bottom: 16px;
    }
}

#public .campaign-updates__info-text {
    font-size: .9rem;
    color: #333;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .campaign-updates__info-text {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .campaign-updates__info-text {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .campaign-updates__info-text {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .campaign-updates__info-text {
        font-size: .82rem;
    }
}

#public .campaign-updates__loader {
    padding: 20px;
}

@media (max-width: 1199.98px) {
    .campaign-updates__loader {
        padding: 18px;
    }
}

@media (max-width: 991.98px) {
    .campaign-updates__loader {
        padding: 16px;
    }
}

@media (max-width: 767.98px) {
    .campaign-updates__loader {
        padding: 14px;
    }
}

@media (max-width: 575.98px) {
    .campaign-updates__loader {
        padding: 12px;
    }
}

#public .campaign-update {
    width: 100%;
    padding-left: 30px;
    padding-bottom: 30px;
    position: relative;
    border-left: 2px solid #ccc;
}

@media (max-width: 1199.98px) {
    .campaign-update {
        padding-left: 28px;
        padding-bottom: 28px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update {
        padding-left: 26px;
        padding-bottom: 26px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update {
        padding-left: 24px;
        padding-bottom: 24px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update {
        padding-left: 20px;
        padding-bottom: 20px;
    }
}

#public .campaign-update:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 0px;
    border: 1px solid #5777f3;
    background-color: #f3f4f8;
    transform: rotate(45deg);
    z-index: 1;
}

#public .campaign-update:after {
    content: '';
    width: 2px;
    height: 0;
    position: absolute;
    left: -2px;
    top: 0px;
    background-color: #5777f3;
}

#public .campaign-update:last-child {
    border-color: transparent;
}

#public .campaign-update:first-child:before {
    background-color: #5777f3;
}

#public .campaign-update:first-child:after {
    height: 60%;
    background-color: #5777f3;
}

#public .campaign-update__date {
    font-size: .9rem;
    line-height: .7rem;
    color: #5777f3;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .campaign-update__date {
        font-size: .88rem;
        line-height: .68rem;
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__date {
        font-size: .86rem;
        line-height: .66rem;
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__date {
        font-size: .84rem;
        line-height: .64rem;
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__date {
        font-size: .82rem;
        line-height: .62rem;
        margin-bottom: 6px;
    }
}

#public .campaign-update__row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
    .campaign-update__row {
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__row {
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__row {
        margin-bottom: 7px;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__row {
        margin-bottom: 6px;
    }
}

#public .campaign-update__title {
    flex: 1;
    font-size: 1.4rem;
    color: #31375E;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .campaign-update__title {
        order: 1;
    }
}

#public .campaign-update__btn {
    background-color: transparent;
    width: 30px;
    height: 30px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border: none;
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .campaign-update__btn {
        margin-top: 4px;
    }
}

#public .campaign-update__btn:last-child {
    margin-right: 0;
}

#public .campaign-update__btn:hover {
    background-color: rgba(255, 95, 116, 0.1);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

#public .campaign-update__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .campaign-update__info-text {
        font-size: .88rem;
        margin-bottom: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__info-text {
        font-size: .86rem;
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__info-text {
        font-size: .84rem;
        margin-bottom: 7px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__info-text {
        font-size: .82rem;
        margin-bottom: 6px;
    }
}

#public .campaign-update__img {
    max-width: 100%;
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .campaign-update__img {
        margin-top: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__img {
        margin-top: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__img {
        margin-top: 7px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__img {
        margin-top: 6px;
    }
}

#public .campaign-update__video {
    width: 100%;
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .campaign-update__video {
        margin-top: 9px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__video {
        margin-top: 8px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__video {
        margin-top: 7px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__video {
        margin-top: 6px;
    }
}

#public .campaign-update__video-iframe {
    width: 100%;
    min-height: 300px;
    border: none;
    border-radius: 5px;
}

@media (max-width: 1199.98px) {
    .campaign-update__video-iframe {
        min-height: 270px;
    }
}

@media (max-width: 991.98px) {
    .campaign-update__video-iframe {
        min-height: 240px;
    }
}

@media (max-width: 767.98px) {
    .campaign-update__video-iframe {
        min-height: 210px;
    }
}

@media (max-width: 575.98px) {
    .campaign-update__video-iframe {
        min-height: unset;
    }
}

/*section-placeholder styles*/
.section-placeholder {
    padding: 40px;
    width: 100%;
    height: auto;
    min-width: 150px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 1199.98px) {
    .section-placeholder {
        padding: 35px;
        margin: 18px 0;
    }
}

@media (max-width: 991.98px) {
    .section-placeholder {
        padding: 30px;
        margin: 16px 0;
    }
}

@media (max-width: 767.98px) {
    .section-placeholder {
        padding: 25px;
        margin: 14px 0;
    }
}

@media (max-width: 575.98px) {
    .section-placeholder {
        padding: 20px;
        margin: 10px 0;
    }
}

.section-placeholder.white {
    background-color: #fff;
    border-radius: 10px;
}

.section-placeholder__inner {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-placeholder__icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-placeholder__icon-text {
    font-size: 45px;
    padding: 10px;
    color: #5777f3;
    opacity: 0.9;
    margin: 20px 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(87, 119, 243, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .section-placeholder__icon-text {
        font-size: 2.625rem;
        width: 95px;
        height: 95px;
    }
}

@media (max-width: 991.98px) {
    .section-placeholder__icon-text {
        font-size: 2.5rem;
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 767.98px) {
    .section-placeholder__icon-text {
        font-size: 2.375rem;
        width: 85px;
        height: 85px;
    }
}

@media (max-width: 575.98px) {
    .section-placeholder__icon-text {
        font-size: 2.1875rem;
        width: 80px;
        height: 80px;
    }
}

.section-placeholder__icon-img {
    width: 80%;
    max-width: 400px;
}

@media (max-width: 1199.98px) {
    .section-placeholder__icon-img {
        font-size: 3.5625rem;
    }
}

@media (max-width: 991.98px) {
    .section-placeholder__icon-img {
        font-size: 3.375rem;
    }
}

@media (max-width: 767.98px) {
    .section-placeholder__icon-img {
        font-size: 3.1875rem;
    }
}

@media (max-width: 575.98px) {
    .section-placeholder__icon-img {
        font-size: 3rem;
    }
}

.section-placeholder__title {
    margin-bottom: 0.625rem;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .section-placeholder__title {
        font-size: 24px;
    }
}

@media (max-width: 991.98px) {
    .section-placeholder__title {
        font-size: 23px;
    }
}

@media (max-width: 767.98px) {
    .section-placeholder__title {
        font-size: 22px;
    }
}

@media (max-width: 575.98px) {
    .section-placeholder__title {
        font-size: 21px;
    }
}

.section-placeholder__desc {
    margin-bottom: 0;
    font-size: 0.9375rem;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .section-placeholder__desc {
        font-size: 0.875rem;
    }
}

@media (max-width: 991.98px) {
    .section-placeholder__desc {
        font-size: 0.8125rem;
    }
}

@media (max-width: 575.98px) {
    .section-placeholder__desc {
        font-size: 0.75rem;
    }
}

/*checkbox & radio*/
.checkbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding: 5px 0;
    margin-right: 10px;
    position: relative;
}

.checkbox:focus-within .checkbox__label {
    outline-color: transparent;
    color: #31375E !important;
}

.checkbox:focus-within .checkbox__label::before {
    border-color: #31375E;
}

.checkbox__input {
    opacity: 0;
    position: absolute;
}

.checkbox__input + label {
    position: relative;
    padding-left: 32px;
    font-size: .9rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: normal;
    text-transform: capitalize;
}

@media (max-width: 1199.98px) {
    .checkbox__input + label {
        padding-left: 30px;
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .checkbox__input + label {
        padding-left: 28px;
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .checkbox__input + label {
        padding-left: 26px;
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .checkbox__input + label {
        padding-left: 24px;
        font-size: .8rem;
    }
}

.checkbox__input + label::before {
    position: absolute;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 1px;
    background-color: transparent;
    border: 1px solid #a5a5a5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .checkbox__input + label::before {
        width: 19px;
        height: 19px;
        font-size: 0.9688rem;
    }
}

@media (max-width: 991.98px) {
    .checkbox__input + label::before {
        width: 18px;
        height: 18px;
        font-size: 0.9375rem;
    }
}

@media (max-width: 767.98px) {
    .checkbox__input + label::before {
        width: 17px;
        height: 17px;
        font-size: 0.9063rem;
    }
}

@media (max-width: 575.98px) {
    .checkbox__input + label::before {
        width: 16px;
        height: 16px;
        font-size: 0.875rem;
    }
}

.checkbox__input:checked + label::before {
    content: '\2713';
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    background-color: transparent;
}

@media (max-width: 1199.98px) {
    .checkbox__input:checked + label::before {
        font-size: .68rem;
    }
}

@media (max-width: 991.98px) {
    .checkbox__input:checked + label::before {
        font-size: .66rem;
    }
}

@media (max-width: 767.98px) {
    .checkbox__input:checked + label::before {
        font-size: .64rem;
    }
}

@media (max-width: 575.98px) {
    .checkbox__input:checked + label::before {
        font-size: .62rem;
    }
}

.checkbox__input:disabled + label {
    cursor: not-allowed;
}

.checkbox__input:disabled + label::before {
    opacity: .5;
}

.checkbox--primary:focus-within .checkbox__label::before {
    border-color: #5777f3;
}

.checkbox--primary .checkbox__input:checked + label::before {
    color: #fff;
    background: #5777f3;
    border-color: #5777f3;
}

.checkbox--secondary:focus-within .checkbox__label::before {
    border-color: #14C479;
}

.checkbox--secondary .checkbox__input:checked + label::before {
    color: #fff;
    background: #14C479;
    border-color: #14C479;
}

.checkbox--info:focus-within .checkbox__label::before {
    border-color: #33b5e5;
}

.checkbox--info .checkbox__input:checked + label::before {
    color: #fff;
    background: #33b5e5;
    border-color: #33b5e5;
}

.checkbox--success:focus-within .checkbox__label::before {
    border-color: #3bc065;
}

.checkbox--success .checkbox__input:checked + label::before {
    color: #fff;
    background: #3bc065;
    border-color: #3bc065;
}

.checkbox--dark:focus-within .checkbox__label::before {
    border-color: #666;
}

.checkbox--dark .checkbox__input:checked + label::before {
    color: #fff;
    background: #666;
    border-color: #666;
}

.checkbox--warning:focus-within .checkbox__label::before {
    border-color: #FF9635;
}

.checkbox--warning .checkbox__input:checked + label::before {
    color: #fff;
    background: #FF9635;
    border-color: #FF9635;
}

.checkbox--blue:focus-within .checkbox__label::before {
    border-color: #4285F4;
}

.checkbox--blue .checkbox__input:checked + label::before {
    color: #fff;
    background: #4285F4;
    border-color: #4285F4;
}

.checkbox__label {
    margin-bottom: 0;
}

.radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    padding: 12px 0;
    margin-right: 10px;
    position: relative;
}

.radio:focus-within .radio__label {
    outline-color: transparent;
    color: #31375E !important;
}

.radio:focus-within .radio__label::before {
    border-color: #31375E;
}

.radio__input {
    opacity: 0;
    position: absolute;
}

.radio__input + label {
    position: relative;
    padding-left: 26px;
    font-size: .9rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio__input + label::before {
    position: absolute;
    left: 0;
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #a5a5a5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #31375E;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-size: 0.875rem;
}

@media (max-width: 1199.98px) {
    .radio__input + label {
        padding-left: 24px;
        font-size: .88rem;
    }

    .radio__input + label::before {
        width: 21px;
        height: 21px;
        font-size: 0.8438rem;
    }
}

@media (max-width: 991.98px) {
    .radio__input + label {
        padding-left: 23px;
        font-size: .86rem;
    }

    .radio__input + label::before {
        width: 20px;
        height: 20px;
        font-size: 0.8125rem;
    }
}

@media (max-width: 767.98px) {
    .radio__input + label {
        padding-left: 22px;
        font-size: .84rem;
    }

    .radio__input + label::before {
        width: 19px;
        height: 19px;
        font-size: 0.7813rem;
    }
}

@media (max-width: 575.98px) {
    .radio__input + label {
        padding-left: 20px;
        font-size: .8rem;
    }

    .radio__input + label::before {
        width: 18px;
        height: 18px;
        font-size: 0.75rem;
    }
}

.radio__input:checked + label::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    background-color: transparent;
}

.radio__input--checked + label::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    background-color: transparent;
}

.radio__input:disabled + label {
    cursor: not-allowed;
}

.radio__input:disabled + label::before {
    opacity: .5;
}

.radio--primary:focus-within .radio__label::before {
    border-color: #5777f3;
}

.radio--primary .radio__input:checked + label::before {
    color: #fff;
    background-color: #5777f3;
    border-color: #5777f3;
}

.radio--primary .radio__input--checked + label::before {
    color: #fff;
    background-color: #5777f3;
    border-color: #5777f3;
}

.radio--secondary:focus-within .radio__label::before {
    border-color: #14C479;
}

.radio--secondary .radio__input:checked + label::before {
    color: #fff;
    background-color: #14C479;
    border-color: #14C479;
}

.radio--secondary .radio__input--checked + label::before {
    color: #fff;
    background-color: #14C479;
    border-color: #14C479;
}

.radio--info:focus-within .radio__label::before {
    border-color: #33b5e5;
}

.radio--info .radio__input:checked + label::before {
    color: #fff;
    background-color: #33b5e5;
    border-color: #33b5e5;
}

.radio--info .radio__input--checked + label::before {
    color: #fff;
    background-color: #33b5e5;
    border-color: #33b5e5;
}

.radio--success:focus-within .radio__label::before {
    border-color: #3bc065;
}

.radio--success .radio__input:checked + label::before {
    color: #fff;
    background-color: #3bc065;
    border-color: #3bc065;
}

.radio--success .radio__input--checked + label::before {
    color: #fff;
    background-color: #3bc065;
    border-color: #3bc065;
}

.radio--dark:focus-within .radio__label::before {
    border-color: #666;
}

.radio--dark .radio__input:checked + label::before {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.radio--dark .radio__input--checked + label::before {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.radio--warning:focus-within .radio__label::before {
    border-color: #FF9635;
}

.radio--warning .radio__input:checked + label::before {
    color: #fff;
    background-color: #FF9635;
    border-color: #FF9635;
}

.radio--warning .radio__input--checked + label::before {
    color: #fff;
    background-color: #FF9635;
    border-color: #FF9635;
}

.radio--blue:focus-within .radio__label::before {
    border-color: #4285F4;
}

.radio--blue .radio__input:checked + label::before {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
}

.radio--blue .radio__input--checked + label::before {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
}

.radio__label {
    margin-bottom: 0;
}





/*donation page*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/*main styles*/
.donation {
    width: 100%;
    height: auto;
    min-height: 100vh;
}

.donation__steps {
    width: 100%;
    height: 100%;
}

.donation__steps-form {
    width: 100%;
    height: 100%;
    /*background: #F9F9F9;*/
    /*padding: 40px;*/
    /*border-radius: 10px;*/
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);*/
}

/*steps*/
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
    position: absolute;
    left: -999em;
}

.wizard > .steps .number {
    /*display: none;*/
    margin-right: 6px;
}

.steps {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
    background-color: #fff;
}

@media (max-width: 1199.98px) {
    .steps {
        padding: 18px;
    }
}

@media (max-width: 767.98px) {
    .steps {
        padding: 16px;
    }
}

@media (max-width: 575.98px) {
    .steps {
        padding: 14px;
    }
}

.steps ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-right: -20px !important;
    margin-bottom: -20px !important;

    width: 100%;
    max-width: 960px;
    padding-right: 30px;
    padding-left: 30px;
}

@media (max-width: 1199.98px) {
    .steps ul {
        max-width: 960px;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: -18px !important;
        margin-bottom: -18px !important;
    }
}

@media (max-width: 767.98px) {
    .steps ul {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: -16px !important;
        margin-bottom: -16px !important;
    }
}

@media (max-width: 575.98px) {
    .steps ul {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -14px !important;
        margin-bottom: -14px !important;
    }
}

.steps ul li {
    flex: 1;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
}

@media (max-width: 1199.98px) {
    .steps ul li {
        padding-right: 18px !important;
        padding-bottom: 18px !important;
    }
}

@media (max-width: 767.98px) {
    .steps ul li {
        padding-right: 16px !important;
        padding-bottom: 16px !important;
    }
}

@media (max-width: 575.98px) {
    .steps ul li {
        padding-right: 14px !important;
        padding-bottom: 14px !important;
    }
}

.steps ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    width: auto;
    padding: 16px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    position: relative;
}

@media (max-width: 1199.98px) {
    .steps ul li a {
        font-size: .98rem;
        padding: 14px;
    }
}

@media (max-width: 767.98px) {
    .steps ul li a {
        font-size: .96rem;
        padding: 12px;
    }
}

@media (max-width: 575.98px) {
    .steps ul li a {
        font-size: .94rem;
        padding: 10px;
    }
}

/*.step__icon{*/
/*    position: absolute;*/
/*    right: -13px;*/
/*    font-size: 2rem;*/
/*}*/


.steps ul li.current a,
.steps ul li.current a:hover,
.steps ul li.current a:active {
    background-color: rgba(87, 119, 243, .1);
    color: #5777f3;
}
/*.steps ul li.current a > .step__icon,*/
/*.steps ul li.current a:hover > .step__icon,*/
/*.steps ul li.current a:active > .step__icon{*/
/*    color: rgba(87, 119, 243, .1);*/
/*}*/

.steps ul li.done a,
.steps ul li.done a:hover,
.steps ul li.done a:active {
    background: #5777f3;
    color: #fff;
}

.steps ul li.disabled a,
.steps ul li.disabled a:hover,
.steps ul li.disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
}

.steps ul li.error a,
.steps ul li.error a:hover,
.steps ul li.error a:active {
    background: #FF5F74;
    color: #fff;
}

.wizard > .content {
    display: block;
    min-height: 60vh;
    position: relative;
    width: auto;
    height: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    max-width: 960px;
    padding-right: 30px;
    padding-left: 30px;
    margin: 20px auto;
}

@media (max-width: 1199.98px) {
    .wizard > .content {
        max-width: 960px;
        padding-right: 30px;
        padding-left: 30px;
        margin: 18px auto;
    }
}

@media (max-width: 767.98px) {
    .wizard > .content {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
        margin: 16px auto;
    }
}

@media (max-width: 575.98px) {
    .wizard > .content {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
        margin: 14px auto;
    }
}

.wizard > .content > .body {
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
}

@media (max-width: 1199.98px) {
    .wizard > .content > .body {
        padding: 25px;
    }
}

@media (max-width: 767.98px) {
    .wizard > .content > .body {
        max-width: 720px;
        padding: 20px;
    }
}

@media (max-width: 575.98px) {
    .wizard > .content > .body {
        padding: 15px;
    }
}

.wizard > .content > .body input.error {
    background: rgba(255, 95, 116, .1);
    border: 1px solid rgba(255, 95, 116, .1);
    color: #31375E;
}

.wizard > .content > .body label.error {
    color: #FF5F74;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions {
    width: 100%;
    position: relative;
}


.wizard > .actions > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    max-width: 960px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1199.98px) {
    .wizard > .actions > ul {
        max-width: 960px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (max-width: 767.98px) {
    .wizard > .actions > ul {
        max-width: 720px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 575.98px) {
    .wizard > .actions > ul {
        max-width: 540px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.wizard > .actions > ul > li {
    margin-left: 20px;
    display: inline-flex;
}

@media (max-width: 1199.98px) {
    .wizard > .actions > ul > li {
        margin-left: 18px;
    }
}

@media (max-width: 767.98px) {
    .wizard > .actions > ul > li {
        margin-left: 16px;
    }
}

@media (max-width: 575.98px) {
    .wizard > .actions > ul > li {
        margin-left: 14px;
    }
}

.wizard > .actions a {
    border: 2px solid #5777f3;
    text-transform: capitalize;
    cursor: pointer;
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 36px;
    font-size: 0.9rem;
    background-color: #5777f3;
    color: #fff;
    -moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
    -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);
    min-height: 50px;
    min-width: 150px;
    text-align: center;
}

.wizard > .actions a:hover {
    background-color: #113eed;
    color: #fff;
    border-color: #113eed;
    -moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.wizard > .actions a:focus {
    outline-color: transparent;
    webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    background-color: #113eed;
}

.wizard > .actions a:active {
    outline-color: transparent;
    border-color: rgba(87, 119, 243, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    background-color: #113eed;
}

@media (max-width: 1199.98px) {
    .wizard > .actions a {
        padding: 9px 34px;
        font-size: 0.88rem;
    }
}

@media (max-width: 991.98px) {
    .wizard > .actions a {
        padding: 8px 32px;
        font-size: 0.86rem;
    }
}

@media (max-width: 767.98px) {
    .wizard > .actions a {
        padding: 7px 30px;
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .wizard > .actions a {
        padding: 6px 28px;
        font-size: 0.8rem;
    }
}

.wizard > .actions .disabled a {
    background-color: #eee;
    color: #aaa;
    border-color: #eee !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
    -webkit-box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
    box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
}

.wizard > .actions .disabled a:focus,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
    background-color: #ccc;
    color: #333;
    border-color: #ccc;
    -moz-box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
    box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
}

#donation button[type="submit"] {
    background-color: #3bc065 !important;
    color: #fff !important;
    border-color: #3bc065 !important;
    -moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
    -webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
    box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
}

#donation button[type="submit"]:hover {
    background-color: #298546;
    color: #fff;
    border-color: #298546;
    -moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
    box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}

#donation button[type="submit"]:focus {
    border-color: rgba(59, 192, 101, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    background-color: #298546;
}

#donation button[type="submit"]:active {
    border-color: rgba(59, 192, 101, 0.4);
    -moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
    background-color: #298546;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
}

.wizard ul > li,
.tabcontrol ul > li {
    display: block;
    padding: 0;
}

.selected-offer {
    width: 100%;
    background-color: #F5F7FD;
    border-radius: 5px;
    padding: 20px;
}

@media (max-width: 1199.98px) {
    .selected-offer {
        padding: 18px;
    }
}

@media (max-width: 991.98px) {
    .selected-offer {
        padding: 16px;
    }
}

@media (max-width: 767.98px) {
    .selected-offer {
        padding: 14px;
    }
}

@media (max-width: 575.98px) {
    .selected-offer {
        padding: 12px;
    }
}

.selected-offer__inner {
    display: flex;
    flex-direction: row;
}

.selected-offer__banner {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    border: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .selected-offer__banner {
        width: 75px;
        height: 75px;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__banner {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__banner {
        width: 65px;
        height: 65px;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__banner {
        width: 60px;
        height: 60px;
    }
}

.selected-offer__banner-img {
    max-width: 100%;
    max-height: 100%;
}

.selected-offer__details {
    flex: 1;
    padding-left: 10px;
}

@media (max-width: 1199.98px) {
    .selected-offer__details {
        padding-left: 9px;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__details {
        padding-left: 8px;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__details {
        padding-left: 7px;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__details {
        padding-left: 6px;
    }
}

.selected-offer__title {
    font-size: .9rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 0;
}

@media (max-width: 1199.98px) {
    .selected-offer__title {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__title {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__title {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__title {
        font-size: .8rem;
    }
}

.selected-offer__price {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
}

.selected-offer__price-new {
    font-size: .9rem;
    color: #5777f3;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 10px;
}

@media (max-width: 1199.98px) {
    .selected-offer__price-new {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__price-new {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__price-new {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__price-new {
        font-size: .8rem;
    }
}

.selected-offer__price-old {
    font-size: .9rem;
    color: #999;
    margin-bottom: 0;
    text-decoration: line-through;
}

@media (max-width: 1199.98px) {
    .selected-offer__price-old {
        font-size: .88rem;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__price-old {
        font-size: .86rem;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__price-old {
        font-size: .84rem;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__price-old {
        font-size: .8rem;
    }
}

.selected-offer__description {
    font-size: .8rem;
    margin: 0;
    color: #7D8091;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 1199.98px) {
    .selected-offer__description {
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__description {
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__description {
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__description {
        font-size: .72rem;
    }
}

.selected-offer__shipping {
    width: 100%;
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .selected-offer__shipping {
        margin-top: 9px;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__shipping {
        margin-top: 8px;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__shipping {
        margin-top: 7px;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__shipping {
        margin-top: 6px;
    }
}

.selected-offer__shipping-table {
    width: 100%;
}

.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
    padding: 5px 0;
    font-size: .8rem;
}

@media (max-width: 1199.98px) {
    .selected-offer__shipping-table th,
    .selected-offer__shipping-table td {
        font-size: .78rem;
    }
}

@media (max-width: 991.98px) {
    .selected-offer__shipping-table th,
    .selected-offer__shipping-table td {
        font-size: .76rem;
    }
}

@media (max-width: 767.98px) {
    .selected-offer__shipping-table th,
    .selected-offer__shipping-table td {
        font-size: .74rem;
    }
}

@media (max-width: 575.98px) {
    .selected-offer__shipping-table th,
    .selected-offer__shipping-table td {
        font-size: .72rem;
    }
}

.selected-offer__shipping-table th {
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.selected-offer__shipping-table td {
    color: #7D8091;
    border-top: 1px solid #ddd;
}

/*payment-option*/
.payment-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: -20px;
}

@media (max-width: 575.98px) {
    .payment-options {
        flex-direction: column;
    }
}

.payment-options__item {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (max-width: 575.98px) {
    .payment-options__item {
        width: 100%;
    }
}

.payment-options__btn {
    width: 100%;
    border: 2px solid #0f3f87;
    background-color: #fff;
    color: #31375E;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 5px;
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 36px;
    font-size: 0.9rem;
    -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);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.payment-options__btn:hover {
    background-color: #fff;
    color: #000;
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.payment-options__btn:focus {
    outline-color: transparent;
    box-shadow: none;
}

.payment-options__btn:active {
    outline-color: transparent;
}

.payment-options__btn:disabled {
    pointer-events: none;
}

@media (max-width: 1199.98px) {
    .payment-options__btn {
        padding: 9px 34px;
        font-size: 0.88rem;
    }
}

@media (max-width: 991.98px) {
    .payment-options__btn {
        padding: 8px 32px;
        font-size: 0.86rem;
    }
}

@media (max-width: 767.98px) {
    .payment-options__btn {
        padding: 7px 30px;
        font-size: 0.84rem;
    }
}

@media (max-width: 575.98px) {
    .payment-options__btn {
        padding: 6px 28px;
        font-size: 0.8rem;
    }
}

.payment-options__btn-icon {
    height: 26px;
    width: auto;
}

.payment-options__btn--paypal:hover, .payment-options__btn--paypal.active {
    background-color: #ffb168;
    border-color: #ffb168;
}

.payment-options__btn--card {
    color: #0f3f87;
}

.payment-options__btn--card:hover, .payment-options__btn--card.active {
    background-color: #ffb168;
    border-color: #ffb168;
    color: #0f3f87;
}

/*----------------------------------------------------------*/

.donate,
.back-modal {
	width: 0;
	height: 0;
	opacity: 0;
}
.donate.show-modal,
.back-modal.show-modal {
	width: auto;
	height: auto;
	opacity: 1;
	position: fixed;
	z-index: 9999;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.form-group.reward-items {
	overflow-y: auto;
	overflow-x: hidden;
	height: 50vh;
}
.form-group.reward-form.hide,
.form-group.reward-items.hide,
.reward-btn-wrapper.hide,
.contribution-heading.hide {
	width: 0;
	height: 0;
	opacity: 0;
    transition: all .3s;
    margin-top:0;
    margin-bottom:0;
}
.reward-presets.show {
	width: auto;
	height: auto;
	opacity: 1;
	transition: all .3s;
	margin-bottom: 15px;
}
.reward-modal-title {
	/* display: flex;
    justify-content: space-between; */
    position: relative;
}

h5.reward-modal-title{
    margin-top: 30px;
}

#select-reward-tab .btn.btn-primary {
	padding: 5px 10px;
}

.donate.show-modal button {
    border-radius: 5px;
}

.donate__inner {
    background-color: #fff;
    padding: 40px;
	border-radius: 5px;
	position: relative;
	transform: translateY(-100px);
	transition: transform .2s;
}
.donate.show-modal .donate__inner {
	transform: translateY(0);
}
@media (max-width: 767.98px) {
	.donate.show-modal .donate__inner {
		width: 95%;
	}
}

.donate__close,
.reward-modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 0;
    height: 0;
}
.donate__close a,
.reward-modal-close a {
	display: block;
	font-size: 1.3rem;
	padding: 10px;
	color: #f55061;
    text-decoration: none;
    font-weight: 600;
}
.donate__close a:hover
.reward-modal-close a:hover {
	color: #313131;
}
.donate.show-modal .donate__close,
.back-modal.show-modal .reward-modal-close {
    width: auto;
    height: auto;
}

.donate__title {
    font-size: 1.3rem;
    color: #31375E;
	font-weight: 600;
	margin-top: 18px;
    margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
    .donate__title {
        font-size: 1.25rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 991.98px) {
    .donate__title {
        font-size: 1.2rem;
        margin-bottom: 16px;
    }
}

@media (max-width: 767.98px) {
    .donate__title {
        font-size: 1.15rem;
        margin-bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .donate__title {
        font-size: 1.1rem;
        margin-bottom: 12px;
    }
}

.donate__amounts {
    width: 100%;
}

.donate__amounts-row {
    margin-right: -16px;
    margin-bottom: -16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.donate__amount {
    width: 50%;
    white-space: nowrap;
    padding-right: 16px;
    padding-bottom: 16px;
}

.donate__amount-inner {
    width: 100%;
    padding: 8px 14px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #f3f4f8;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid transparent;
    color: #31375E;
    transition: all .1s ease-in-out;
}
.donate__amount-inner .donate__amount-value {
	margin: 0;
	font-size: 1.3rem;
}

.donate__amount-inner.selected, .donate__amount-inner:hover {
    background-color: #fff;
    border-color: #5777f3;
    color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}

@media (max-width: 1199.98px) {
    .donate__amount-inner {
        padding: 9px 15px;
        height: 60px;
    }
}

@media (max-width: 991.98px) {
    .donate__amount-inner {
        padding: 8px 14px;
        height: 56px;
    }
}

@media (max-width: 767.98px) {
    .donate__amount-inner {
        padding: 7px 13px;
        height: 52px;
    }
}

@media (max-width: 575.98px) {
    .donate__amount-inner {
        padding: 6px 12px;
        height: 48px;
    }
}

.donate__amount-value {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .donate__amount-value {
        font-size: 1.05rem;
    }
}

@media (max-width: 991.98px) {
    .donate__amount-value {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .donate__amount-value {
        font-size: .95rem;
    }
}

@media (max-width: 575.98px) {
    .donate__amount-value {
        font-size: .9rem;
    }
}

.donate__custom-amount {
    padding: 8px 14px;
    height: 62px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #f3f4f8;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px solid transparent;
}

@media (max-width: 1199.98px) {
    .donate__custom-amount {
        padding: 9px 15px;
        height: 60px;
    }
}

@media (max-width: 991.98px) {
    .donate__custom-amount {
        padding: 8px 14px;
        height: 56px;
    }
}

@media (max-width: 767.98px) {
    .donate__custom-amount {
        padding: 7px 13px;
        height: 52px;
    }
}

@media (max-width: 575.98px) {
    .donate__custom-amount {
        padding: 6px 12px;
        height: 48px;
    }
}

.donate__custom-amount.focus, .donate__custom-amount:focus-within {
    border-color: #5777f3;
    -moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
    background-color: #fff;
}

.donate__custom-amount-icon {
    color: #333;
    font-size: 1rem;
}

@media (max-width: 1199.98px) {
    .donate__custom-amount-icon {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .donate__custom-amount-icon {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .donate__custom-amount-icon {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .donate__custom-amount-icon {
        font-size: .8rem;
    }
}

.donate__custom-amount .donate__custom-amount-input {
    flex: 1;
    padding: 6px 10px 6px 3px;
    border: none;
    background-color: transparent;
    font-size: 1.1rem;
    box-shadow: none;
}

.donate__custom-amount .donate__custom-amount-input:focus{
    border: none;
    box-shadow: none;
    background-color: transparent;
    outline: none;
}

@media (max-width: 1199.98px) {
    .donate__custom-amount .donate__custom-amount-input {
        padding: 5.5px 9px 5.5px 3px;
        font-size: 1.05rem;
    }
}

@media (max-width: 991.98px) {
    .donate__custom-amount .donate__custom-amount-input {
        padding: 5px 8px 5px 3px;
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {

    .donate.show-modal{
        width: auto;
        left: 0;
    }
    .donate__custom-amount .donate__custom-amount-input {
        padding: 4.5px 7px 4.5px 3px;
        font-size: .95rem;
    }
}

@media (max-width: 575.98px) {
    .donate__custom-amount .donate__custom-amount-input {
        padding: 4px 6px 4px 3px;
        font-size: .9rem;
    }
}

.donate__info-text {
    font-size: .9rem;
    color: #7D8091;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .donate__info-text {
        font-size: .95rem;
    }
}

@media (max-width: 991.98px) {
    .donate__info-text {
        font-size: .9rem;
    }
}

@media (max-width: 767.98px) {
    .donate__info-text {
        font-size: .85rem;
    }
}

@media (max-width: 575.98px) {
    .donate__info-text {
        font-size: .8rem;
    }
}

.donate__subtitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #31375E;
    margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
    .donate__subtitle {
        font-size: 1.05rem;
        margin-bottom: 22px;
    }
}

@media (max-width: 991.98px) {
    .donate__subtitle {
        font-size: 1rem;
        margin-bottom: 20px;
    }
}

@media (max-width: 767.98px) {
    .donate__subtitle {
        font-size: .95rem;
        margin-bottom: 18px;
    }
}

@media (max-width: 575.98px) {
    .donate__subtitle {
        font-size: .9rem;
        margin-bottom: 16px;
    }
}

#crowdfundly-donate-confirm{
    margin-top: 0 !important;
}

/*------------------*/
.campaign-action__inner {
    padding: 50px 0;
}

@media (max-width: 767.98px) {
    .campaign-action__inner {
        padding: 30px 0;
    }
}

.campaign-action__banner {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.campaign-action__banner-img {
    z-index: 1;
}

.campaign-action__banner-inner {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .campaign-action__banner-inner {
        height: 250px;
    }
}

.campaign-action__banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}

.campaign-action__header {
    text-align: center;
    color: #333;
    margin-bottom: 30px;
}

.campaign-action__header-image {
    height: 100px;
    width: auto;
    margin-top: 10px;
}

.campaign-action__icon {
    font-size: 70px;
    color: rgba(87, 119, 243, 0.7);
    margin-bottom: 5px;
}

.campaign-action__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.story-paragraph {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 0;
}
.story-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding: 10px 0;
}
.story-image {
    font-size: 0;
    line-height: 0;
    margin: 0;
    height: auto;
    padding: 10px 0
}
.story-image img {
    margin: 0 auto;
    width: 100%;
}
.story-blockquote {
    border-left: 2px solid #eee;
    box-sizing: border-box;
    color: #666;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    padding: 10px 10px 10px 20px;
    margin: 10px 0;
}
/* .story-video-wrapper { */
    /*background-color: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    cursor: pointer;*/
/* } */
.story-video-wrapper {
    width: 100%;
    position: relative;
    margin: 10px 0;
    padding-top: 45% !important;
    padding-bottom: 100px !important;
}
.story-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.v-player__iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    border: none;
    outline: transparent;
    border-radius: 5px;
}

.v-player, .v-player__iframe {
    width: 100%;
    background-color: #000;
}

select#crowdfundly_shipping_amount {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    text-transform: capitalize;
}

.cf-camp-header {
    display: none;
}
.cf-camp-header.cf-show {
    display: block;
}
.cf-donation-form {
    display: none;
}
.cf-donation-form.cf-show {
    display: flex;
    justify-content: center;
    padding: 0 60px;
    margin-bottom: 60px;
}

a.cf-back-btn {
    font-size: 14px;
    color: #5777f3;
    padding: 8px 10px 8px 0;
    cursor: pointer;
}
.cf-form-camp-name {
    font-size: 20px;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 8px;
}

.cf-org {
    display: flex;
    font-size: 14px;
    margin-bottom: 20px;
}
.cf-org-by  {
    margin-right: 5px;
}
.cf-org-name {
    font-weight: 600;
}

.cf-donation-form-type,
.cf-donation-form-update {
    width: 60%;
    background-color: #fff;
    border-radius: 5px;
    padding: 40px;
}
.form-group-inner {
    display: flex;
}
.cf-input-group {
    padding: 8px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
}
.cf-input-group:focus-within {
    border-color: #5777f3;
}
.form .cf-donation-label {
    font-size: 16px;
    font-weight: 550;
    margin-bottom: 10px;
    cursor: pointer;
    color: #31375e;;
}
.tip-wrap .cf-donation-label {
    margin-bottom: 5px;
}

.cf-preset {
    visibility: hidden;
    height: 0;
}
.cf-preset.show {
    visibility: visible;
    height: auto;
    margin-bottom: 10px;
}
.cf-preset-inner {
    display: flex;
}
.cf-preset p {
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 5px;
}
.cf-preset button.cf-preset-btn {
    padding: 5px 15px;
    background-color: rgba(87, 119, 243, .50);
    color: #333;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    margin-right: 5px;
}
#cf-donation-amount {
    border: none;
    padding: 5px 10px;
    width: 90%;
    margin: 0;
    font-size: 14px;
    background: transparent;
}
#cf-donation-amount:focus {
    border: none;
    outline: none;
}
.cf-donation-currency {
    font-size: 14px;
    font-weight: 500;
    margin-left: 5px;
}

.cf-radio-group {
    margin-right: 20px;
}
.cf-radio-group .cf-radio-label {
    padding: 0 0 0 5px;
    margin: 0;
    font-weight: 550;
}
.cf-radio-group input[type=radio] {
    border-radius: 50%;
    border: 2px solid #9b9b9b;
    width: 20px;
    height: 20px;
}
.cf-radio-group input[type=radio]:checked {
    border: 2px solid #5777f3;
}
.cf-radio-group input[type=radio]:checked:focus {
    outline: none;
}
.cf-radio-group input[type=radio]:after {
    width: 10px;
    height: 10px;
    background: #5777f3;
}

.form .cf-donation-input,
.form .cf-donation-textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    font-size: 14px;
    background: transparent;
}

.form .cf-checkbox {
    width: 18px;
    height: 18px;
    border: 1px solid #9b9b9b;
    color: #5777f3;
    position: relative;
}
.form .cf-checkbox:checked {
    background-color: #5777f3;
    border-color: #5777f3;
    appearance: none;
}
.form .cf-donation-input:focus,
.form .cf-donation-textarea:focus,
.form .cf-checkbox:focus {
    outline: none;
    border-color: #5777f3;
}
.form .cf-checkbox:after {
    content: "";
    opacity: 0;
    display: block;
    left: 5px;
    top: 1px;
    position: absolute;
    width: 7px;
    height: 13px;
    border: 3px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(30deg);
}
.form .cf-checkbox:checked:after {
    opacity: 1;
}

.form .cf-payment-btn {
    margin-right: 12px;
}
.form button.cf-payment-btn {
    background: #fff;
    background-color: #fff !important;
    border: 2px solid transparent;
    padding: 5px 15px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
}
.form .cf-payment-btn:hover {
    box-shadow: 1px 3px 8px rgba(0, 0, 0, .5);
    border-radius: 10px;
}
.form .cf-payment-btn.active {
    border: 2px solid #5777f3;
    border-radius: 10px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, .65);
}
.form .cf-payment-btn img {
    width: auto;
    height: 30px;
}

.form.shipping {
    display: none;
}
.form.shipping.show {
    display: block;
}
.form.shipping #shipping_location {
    border: none;
    display: block;
    width: 100%;
    background-color: #eee;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}
.form.shipping #shipping_location:focus {
    outline: none;
    background-color: #ddd;
}
.form.shipping .form-group-inner {
    flex-wrap: wrap;
    margin: 15px 0;
}
.form.shipping #cf-donation-city,
.form.shipping #cf-country-options {
    width: 48%;
    margin: 0;
}
.form.shipping #cf-country-options {
    padding: 0 0 0 10px;
    border: 1px solid #9b9b9b;
    border-radius: 5px;
    font-size: 14px;
    background: transparent;
    color: #767676;
}
.form.shipping #cf-country-options:focus {
    outline: none;
    border-color: #5777f3;
}
.select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    padding-top: 5px;
    color: #767676;
}
.select2-container--default .select2-results>.select2-results__options {
    font-size: 14px;
    color: #767676;
}

.form.shipping .form-group-inner .cf-donation-input {
    width: 48%;
    margin: 0;
}
.form.shipping .form-group-inner #cf-donation-state,
.form.shipping .form-group-inner #cf-donation-city {
    margin-right: 20px;
}
.form.shipping .form-group-inner #cf-donation-state,
.form.shipping .form-group-inner #cf-donation-zip {
    margin-bottom: 12px;
}

#stripe-card.card-loaded {
    margin-top: 30px;
    margin-bottom: 40px;
}

button#cf-donation-submit {
    width: 100%;
    background-color: #5777f3;
    border-radius: 8px;
    color: #fff;
    padding: 10px 0;
    cursor: pointer;
    border: none;
}
button#cf-donation-submit:hover {
    background-color: #4a5cff;
}
button#cf-donation-submit:disabled,
button#cf-donation-submit[disabled]{
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}

.form .cf-country-wrap {
    width: 48%;
}
.form #cf-donation-country,
.form.shipping #cf-country-options {
    width: 100%;
}

.form.amount-wrap {
    visibility: hidden;
    height: 0;
    margin-bottom: 0;
}
.form.amount-wrap.show {
    visibility: visible;
    height: auto;
    margin-bottom: 24px;
}

.form#service-preview {
    display: none;
}
.form#service-preview.show {
    display: flex;
}
.form#service-preview .service-media {
    margin-right: 10px;
    width: 140px;
    height: 80px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
}
.form#service-preview .service-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}
.form#service-preview .service-price {
    display: flex;
}
.form#service-preview .service-offer-price {
    font-size: 16px;
    font-weight: 600;
    color: #5777f3;
}
.form#service-preview .service-regular-price {
    font-size: 16px;
    font-weight: 550;
    color: #999999;
    text-decoration: line-through;
    margin-left: 8px;
}

.form.tip-wrap {
    visibility: hidden;
    height: 0;
    margin-bottom: 0;
}
.form.tip-wrap.show {
    visibility: visible;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}
.tip-wrap .tip-description {
    font-size: 12px;
    color: #9b9b9b;
}

#cf-country-options {
    display: none;
}

.sponsor-btn-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
}
.sponsor-btn-wrap button#cf-sponsor-support {
    margin: 0 10px 0 0;
}
.sponsor-btn-wrap button#cf-sponsor-membership {
    margin: 0;
}

h4.cf-aditional-info {
    font-size: 18px;
    margin-bottom: 12px;
}

@media (max-width:  575.98px) {
    .campaign__view-tab ul.nav-tabs{
        flex-wrap: nowrap;
        overflow: scroll hidden;
    }

    .top-donors .donor-list{
        width: 100%;
        flex-direction: column;
    }
    .top-donors .donor-list .donor-list__item{
        width: 100%;
    }
}

/* ql editor css support for organization details */
.organization__details-inner .ql-align-center{
  text-align: center;
}
.organization__details-inner .ql-align-justify {
    text-align: justify;
}
.organization__details-inner .ql-align-right {
    text-align: right;
}
.organization__details-inner .ql-syntax{
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}

.organization__details-inner blockquote{
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}
.organization__details-inner blockquote::before{
    display: none;
}

/* ql editor css support for campaign story  */
.campaign__view-tab .g-tab .g-tab__body .ql-align-center{
    text-align: center;
}
.campaign__view-tab .g-tab .g-tab__body .ql-align-justify {
    text-align: justify;
}
.campaign__view-tab .g-tab .g-tab__body .ql-align-right {
    text-align: right;
}
.campaign__view-tab .g-tab .g-tab__body .ql-syntax{
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}
.campaign__view-tab .g-tab .g-tab__body blockquote{
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}
.campaign__view-tab .g-tab .g-tab__body blockquote::before{
    display: none;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked]>li{
    list-style: none;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=true]>li::before {
    content: '\2611';
    font-size: 1.35em;
    vertical-align: baseline;
    bottom: -0.065em;
    font-weight: 900;
    color: #222;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=true]>li::before {
    cursor: pointer;
    pointer-events: all;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=false]>li::before {
    content: '\2610';
    font-size: 1.35em;
    vertical-align: baseline;
    bottom: -0.065em;
    font-weight: 900;
    color: #222;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=false]>li::before {
    cursor: pointer;
    pointer-events: all;
}

.campaign__view-tab .g-tab .g-tab__body .editor-view img{
    max-width: 100%;
}

.cf-loader-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cf-loader {
    width: 120px;
    padding: 5px;
    background: #001fff;
    aspect-ratio: 1;
    border-radius: 50%;
    --_m: 
      conic-gradient(#0000,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    box-sizing: border-box;
    animation: load 1s linear infinite;
}
.cf-loaders {
    width: 120px;
    padding: 5px;
    background: #001fff;
    aspect-ratio: 1;
    border-radius: 50%;
    --_m: 
      conic-gradient(#0000,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    box-sizing: border-box;
    animation: load 1s linear infinite;
}
.campaign-card__amount {
    font-size: 14px;
}
@keyframes load {
    to{
        transform: rotate(1turn)
    }
}
.story-video-wrapper iframe {
    max-width: 100%;
    max-height: 500px !important;
}
.reward-contribution-input,input:focus,
select:focus,
textarea:focus,
button:focus{
    outline: none !important;
}
/* Media Queries */
@media only screen and (max-width: 850px) {
    .cf-donation-form-type,
    .cf-donation-form-update {
        width: 98%;
        padding: 20px;
    }
    .back-modal.show-modal .back-modal-inner {
        height: auto;
        max-width: 100%;
        width: 75%;
        transform: translateY(0);
    }
}
@media only screen and (max-width: 580px) {
    .campaign__view-related-title {
        text-align: center;
        padding: 15px 0;
    }
    .campaign-card__title {
        text-align: center;
    }
}
@media only screen and (max-width: 450px) {
    .cf-donation-form.cf-show {
        display: flex;
        justify-content: center;
        padding: 0 15px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 390px) {
    .cf-donation-form-type,
    .cf-donation-form-update {
        width: 98%;
        padding: 5px;
    }
}

iframe.ql-video{
    aspect-ratio: 16/9;
    width: 80%;
}

#recent-campaigns .campaign-card {
    display: block;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    padding: 1.875rem;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    text-decoration: none;
}
/* Razorpay Support */