button {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important
}

li {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none
}

a * {
    text-decoration: none !important
}

p {
    font-weight: 400;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

div {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.tooltip-inner {
    max-width: initial !important;
    width: initial !important
}

#adminContainer>.container {
    max-width: 90% !important
}

.locale:not(.selected):hover {
    background-color: rgba(74, 122, 126, .3) !important
}

.dynamic:not(.selected):hover {
    background-color: rgba(74, 122, 126, .3) !important
}

html *:not(b) {
    font-family: var(--font-primary) !important;
    font-weight: 300 !important
}

.btn {
    font-weight: initial !important;
    font-weight: 300 !important
}

.sidebar .list-group-item.active {
    background-color: var(--third) !important;
    border: 0 none transparent !important
}

.sidebar .list-group-item.active * {
    color: var(--extra) !important;
    font-weight: 700;
    font-size: 20px
}

.sidebar .list-group-item:hover {
    background-color: var(--third) !important;
    border: 0 none transparent !important
}

.sidebar .list-group-item:hover * {
    color: var(--extra) !important
}

.permission-check:checked {
    background-color: var(--second) !important;
    border-color: var(--second) !important;
}

.permission-check {
    background-color: var(--first) !important;
    border-color: var(--first) !important;
}

.dropdown-toggle:not(.with-arrow):after {
    content: none !important
}

#user-dropdown:after {
    content: none !important
}

.nav-item .nav-link {
    background-color: transparent !important;
    color: var(--first) !important
}

.card:not(.faq-card) {
    box-shadow: 10px 10px 15px rgba(111,111,111, 0.4);
}

.nav-item .nav-link:hover {
    background-color: var(--third) !important;
    color: var(--extra) !important
}


.nav-link.active {
    background-color: var(--first) !important;
    color: var(--extra) !important
}

.nav-pills .nav-item {
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}

[id$="-start-upload"] {
    margin-left: .5vw
}

.locale {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit
}

.dynamic {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit
}

.admin-preview {
    font-family: var(--font-primary);
    font-weight: 300;
    scroll-behavior: smooth;
    padding: 0 2vw;
    background-color: #fff
}

.admin-preview b {
    font-weight: 700
}

.admin-preview #footer-additional {
    height: 5.78vw
}

.admin-preview button:focus {
    border-color: transparent !important;
    outline: none
}

.lang-dropdown::after {
    vertical-align: middle;
    background-image: url(https://d35iu8q3m0o358.cloudfront.net/storage/img/disclosure_dark.webp) !important;
    background-size: 14px 14px;
    content: "" !important;
    border: 0 !important;
    margin-left: .5vw;
    transform: rotate(90deg);
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -3px
}

.lang-dropdown-container {
    margin-left: 4vw
}

.admin-preview .kic-image {
    height: 3.125vw;
    width: 10vw
}

.admin-preview .strikeout-mugo {
    position: relative;
    z-index: 1;
    text-decoration: underline
}

.admin-preview .strikeout-mugo::after {
    border-bottom: .3em solid rgba(247, 224, 159, 1) !important;
    content: "";
    left: 0;
    line-height: 1em;
    margin-top: calc(0.125em / 2 * -1);
    position: absolute;
    right: 0;
    top: 55%;
    z-index: -1
}

.admin-preview .underlined {
    color: var(--third) !important;
    font-weight: 700
}

li:not(.dropdown).nav-item>* {
    position: relative;
    z-index: 1;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

li:not(.dropdown).nav-item:hover>* {
    position: relative;
    z-index: 1;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

li.dropdown a:first-child:focus {
    outline: none
}

.admin-preview button {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important
}

.admin-preview li {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important
}

.admin-preview a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none !important
}

.admin-preview p {
    font-weight: 300;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.admin-preview img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.admin-preview div {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

li:not(.dropdown).nav-item {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

li:not(.dropdown).nav>* {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

li.nav-dropdown {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

li.nav-dropdown>* {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.lang-dropdown {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.admin-preview .lang-dropdown>* {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.admin-preview .bs-tooltip-top .arrow::before,
.admin-preview .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #F2994A !important
}

.admin-preview .bs-tooltip-bottom .arrow::before,
.admin-preview .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #F2994A !important
}

.admin-preview .tooltip-inner {
    max-width: 15vw;
    width: 15vw
}

nav.bg-light {
    background-color: white !important
}

.admin-preview .error-message {
    border-radius: .42vw;
    padding: 1vw
}

.admin-preview .modal-backdrop {
    background-color: rgba(233, 242, 242, .9)
}

.admin-preview .modal-content {
    border: 0 solid transparent;
    box-shadow: 0 4px 32px rgba(69, 80, 81, .1)
}

.admin-preview .mugo-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.admin-preview .mugo-scroll::-webkit-scrollbar {
    display: none
}

.admin-preview .scroll-index {
    align-self: flex-start;
    margin-top: -2vw;
    margin-left: 1.5vw
}

#user-dropdown:after {
    content: none !important
}

.admin-preview .cf-link {
    margin-right: .6vw;
    padding-left: .6vw;
    padding-right: .6vw;
    padding-top: .3vw;
    padding-bottom: .3vw;
    text-decoration: none !important
}

.dropdown-item:not(.lang-item):focus {
    color: #16181b;
    text-decoration: none;
    background-color: rgba(247, 224, 159, .3)
}

.lang-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: rgba(247, 224, 159)
}

.admin-preview .input-container.focus {
    border: 2px solid #4A7A7E !important
}

.admin-preview .input-container.is-invalid {
    border: 2px solid var(--third) !important
}

.admin-preview .input-container.is-invalid input {
    border-color: transparent !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: 40px 40px;
    color: black !important;
    padding-right: 60px
}

.mugo-viet {
    font-family: var(--font-primary) !important
}

.mugo-open {
    font-family: var(--font-secondary) !important
}

.mugo-text-center {
    text-align: center !important
}

.mugo-dark-back {
    background-color: var(--first) !important
}

.mugo-dark-white-back {
    background-color: var(--dark-extra) !important
}

.mugo-green-back {
    background-color: #4A7A7E !important
}

.mugo-light-back {
    background-color: #EAF5F4 !important
}

.mugo-white-back {
    background-color: #FBFFFF !important
}

.mugo-yellow-back {
    background-color: var(--third) !important
}

.mugo-orange-back {
    background-color: var(--third) !important
}

.mugo-petrol-back {
    background-color: var(--second) !important
}

.dark-backdrop {
    background-color: var(--first) !important
}

.mugo-green {
    color: #4A7A7E !important
}

.mugo-light-green {
    color: #8AA3A6 !important
}

.mugo-white {
    color: #FBFFFF !important
}

.mugo-orange {
    color: var(--third) !important
}

.mugo-yellow {
    color: var(--third) !important
}

.mugo-dark {
    color: var(--first) !important
}

.mugo-petrol {
    color: var(--second) !important
}

.mugo-light {
    color: #EAF5F4 !important
}

.mugo-dark-white {
    color: var(--dark-extra) !important
}

.mugo-red {
    color: #EB5757 !important
}

.mugo-error {
    color: #F0554A !important
}

.mugo-size-0-6 {
    font-size: 0.8vw !important;
    line-height: 180% !important
}

.mugo-size-0-83 {
    font-size: 0.83vw !important;
    line-height: 180% !important
}

.mugo-size-0-94 {
    font-size: 0.94vw !important;
    line-height: 180% !important
}

.mugo-size-1-15 {
    font-size: 1.15vw !important;
    line-height: 180% !important
}

.mugo-size-1-25 {
    font-size: 1.25vw !important;
    line-height: 180% !important
}

.mugo-size-1-46 {
    font-size: 1.46vw !important;
    line-height: 180% !important
}

.mugo-size-1-67 {
    font-size: 1.67vw !important;
    line-height: 180% !important
}

.mugo-size-1-78 {
    font-size: 1.78vw !important;
    line-height: 110% !important
}

.mugo-size-2-5 {
    font-size: 2.5vw !important;
    line-height: 110% !important
}

.mugo-size-3 {
    font-size: 3vw !important;
    line-height: 110% !important
}

.mugo-size-3-33 {
    font-size: 3.33vw !important;
    line-height: 110% !important
}

.mugo-size-4 {
    font-size: 4.16vw !important;
    line-height: 110% !important
}

.mugo-bold {
    font-weight: 700 !important
}

.mugo-ultra-thin {
    font-weight: 100 !important
}

.mugo-image-1 {
    width: 1.04vw !important;
    height: 1.04vw
}

.mugo-image-1-83 {
    width: 1.83vw !important;
    height: 1.83vw
}

.mugo-image-4-16 {
    width: 4.16vw !important;
    height: 4.16vw
}

.mugo-image-5-16 {
    width: 5.16vw !important;
    height: 5.16vw
}

.mugo-image-9-16 {
    width: 9.16vw !important;
    height: 9.16vw
}

.mugo-image-2-125 {
    width: 2.125vw !important;
    height: 2.125vw
}

.mugo-image-2-5 {
    width: 2.5vw !important;
    height: 2.5vw
}

.mugo-image-3-125 {
    width: 3.125vw !important;
    height: 3.125vw
}

.mugo-image-13 {
    width: 13.8vw;
    height: 4vw
}

.mugo-image-25 {
    width: 26vw !important;
    height: 26vw;
    flex: 1
}

.mugo-no-padding {
    padding: 0 !important
}

.mugo-text-flat {
    padding: 0;
    margin: 0
}

.google-button {
    min-height: 3.65vw;
    background-color: #fff;
    flex: 1;
    margin-bottom: 1.04vw;
    font-family: 'Roboto', sans-serif;
    border: 1px solid rgba(69, 80, 81, .5)
}

.google-button img:first-child {
    height: 3.65vw
}

.tons-vertical-stack p:first-child {
    margin-bottom: -.09vw
}

.faq-container {
    padding-left: 4.7vw
}

.faq-card {
    margin-bottom: .52vw;
    padding-bottom: .52vw;
    padding-top: .52vw;
    background-color: transparent
}

.faq-card div:last-child {
    margin-top: .52vw
}

div.legal-element {
    margin-left: 4vw;
    margin-right: 4vw
}

.legal-element .list-inline {
    margin-top: 0;
    margin-bottom: 0 !important
}

.actions-card-header {
    padding-bottom: 2vw
}

.actions-card {
    width: 29.15vw;
    border-radius: 0;
    overflow: hidden
}

.__range {
    margin: 30px 0 20px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #EAF5F4;
    height: .4vw;
    width: 100%;
    margin: 10px auto;
    border-radius: 3px
}

.__range:focus {
    outline: none
}

.__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1.5vw;
    height: 1.5vw;
    background: var(--first);
    border-radius: 50%;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.exception {
    background-color: transparent !important;
    border: 0px !important;
    font-weight: bold !important;
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    background-clip: padding-box
}

.exception::placeholder {
    color: var(--dark-extra) !important;
    font-weight: bold !important;
    line-height: 1.5 !important
}

.admin-preview input[type="email"]:not(.exception),
.admin-preview input[type="tel"]:not(.exception),
.admin-preview input[type="password"]:not(.exception),
.admin-preview input[type="text"]:not(.exception),
.admin-preview input[type="number"]:not(.exception) {
    color: #8AA3A6 !important;
    background-color: #EAF5F4 !important;
    border: 0px !important;
    font-weight: bold !important;
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-size: 18.45px !important;
    font-family: var(--font-primary);
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem
}

.admin-preview input[type="email"]:focus,
.admin-preview input[type="tel"]:focus,
.admin-preview input[type="password"]:focus,
.admin-preview input[type="text"]:focus,
.admin-preview input[type="select-one"]:focus,
.admin-preview input[type="number"]:focus {
    outline: none;
    text-decoration: none !important;
    box-shadow: none !important
}

.admin-preview input[type="email"]:not(.exception)::placeholder,
.admin-preview input[type="tel"]:not(.exception)::placeholder,
.admin-preview input[type="password"]:not(.exception)::placeholder,
.admin-preview input[type="text"]:not(.exception)::placeholder,
.admin-preview input[type="select-one"]:not(.exception)::placeholder,
.admin-preview input[type="number"]:not(.exception)::placeholder {
    color: var(--first) !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    opacity: 0.5 !important
}

.mugo-button-dark {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--first) !important;
    color: #FBFFFF !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-gray {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: #C4C4C4 !important;
    color: #000000 !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-dark-white {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--dark-extra) !important;
    color: var(--second) !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-orange {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--third) !important;
    color: #FBFFFF !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-orange-outline {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: transparent !important;
    color: var(--third) !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    border: .2vw solid var(--third) !important;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-petrol {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--second) !important;
    color: #FBFFFF !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-light {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: #FBFFFF !important;
    color: var(--second) !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-light h3 {
    color: var(--first) !important;
    font-size: 1.15vw;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-light-green {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--dark-extra) !important;
    color: var(--first) !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-yellow {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: var(--third) !important;
    color: var(--first) !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-button-green {
    min-height: 3.65vw !important;
    min-width: 15.48vw !important;
    background-color: #4A7A7E !important;
    color: #FBFFFF !important;
    font-size: 1.15vw;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .4vw;
    overflow: hidden;
    box-shadow: 0 0 transparent;
    cursor: pointer;
    border-width: 0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mugo-disclosure div {
    width: 1.98vw;
    height: 1.04vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.mugo-disclosure p {
    margin: 0;
    padding: 0;
    margin-right: .7vw
}

.mugo-accordion-disclosure {
    width: 1.04vw;
    height: 1.04vw;
    margin-right: .3vw;
    margin-top: .3vw
}

#nav-back {
    margin-bottom: .5rem;
    margin-right: 1.5vw
}

#nav-back-img {
    height: 2.83vw;
    width: 2.83vw
}

#forgot-img {
    width: 1.57vw;
    height: 1.57vw;
    margin-right: .5vw
}

.team-card {
    height: 13.23vw;
    position: relative;
    cursor: pointer;
    margin-bottom: 3vw
}

.team-member {
    height: 13.23vw !important;
    position: relative;
    cursor: pointer;
    margin-bottom: 2vw !important
}

.team-member-img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 19.8vw;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1;
    margin-bottom: .26vw
}

.team-member p:last-child {
    max-width: 40%
}

#mugo-footer-logo {
    width: 2.81vw;
    height: 2.08vw;
    margin-right: 4vw
}

#contact-team {
    width: 19.82vw
}

.mugo-h-separator {
    height: .1vw;
    margin-top: 1vw;
    margin-bottom: 1vw
}

.project-actions-container {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    margin-top: 1vw;
    margin-bottom: 2.08vw
}

.project-pin {
    cursor: pointer !important
}

.payment-card {
    margin-right: 2vw
}

.edit-img {
    height: 1.25vw;
    width: 1.25vw;
    margin-left: .5vw
}

.payment-project-cover {
    height: 7.97vw;
    width: 7.97vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1vw;
    overflow: hidden
}

.custom-support {
    width: 4.17vw;
    height: 4.17vw;
    cursor: pointer
}

.margin-support {
    margin-right: 1vw
}

.custom-support-long {
    height: 4.17vw;
    cursor: pointer;
    flex: 1
}

.error-support {
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: 3vw;
    margin-top: 2vw;
    border-radius: .5vw;
    padding: 2vw
}

.selectize-control {
    position: relative;
    max-width: 100% !important;
    flex: 1;
    border-radius: .3vw
}

:not(.selectize-dropdown-content)>.option {
    border-radius: 50%;
    height: 2vw !important;
    width: 2vw !important;
    border: 3px solid var(--first);
    margin-right: 1vw;
    margin-top: .26vw
}

.selectize-dropdown-content>.option {
    font-weight: 700;
    padding: .5vw
}

.result-category-selectize {
    border: 1px solid #ced4da
}

.check {
    border-radius: .2vw;
    height: 2vw !important;
    width: 2vw !important;
    border: 3px solid var(--first);
    margin-right: 1vw;
    margin-top: .26vw;
    background-color: transparent
}

.checked {
    border-radius: .2vw;
    height: 2vw !important;
    width: 2vw !important;
    border: 3px solid var(--first);
    margin-right: 1vw;
    margin-top: .26vw;
    background-color: rgba(255, 255, 255, .5)
}

.check-alert {
    border-radius: .2vw;
    height: 2vw !important;
    width: 2vw !important;
    border: 3px solid #EB5757 !important;
    margin-right: 1vw;
    margin-top: .26vw;
    background-color: #EB5757
}

.modal-close {
    width: 1.67vw;
    height: 1.71vw
}

.similar-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1vw
}

#order-placed-valentine {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.calculator-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 4%;
    background-position-x: 98%;
    background-position-y: 50%;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding-right: 2rem
}

.b2b-onboarding-title {
    max-width: 35vw
}

.b2b-onboarding-image {
    margin-left: 5vw
}

.b2b-onboarding-start {
    max-width: 10vw
}

.b2b-pending-report {
    margin-top: 1vw
}

.calculator-input-unit {
    margin-right: 1vw
}

.calculator-card {
    border-width: 5px;
    border-color: #EAF5F4;
    border-radius: 20px
}

.calculator-card-b2b {
    border-width: 5px;
    border-color: var(--second);
    background-color: transparent;
    border-radius: 1vw
}

.challenge {
    margin-bottom: 1vw;
    padding: 1vw 1vw;
    border: 3px solid
}

.challenge-description {
    margin-top: 1vw;
    margin-bottom: 1vw
}

.saving {
    width: 18vw;
    min-height: 7.51vw;
    border: 3px solid var(--third) !important;
    margin-right: 1vw;
    overflow: hidden
}

.saving-single {
    width: 50vw;
    min-height: 7.51vw;
    border: 3px solid var(--third) !important;
    margin-right: 1vw;
    overflow: hidden
}

.saving-large {
    min-width: 50vw;
    min-height: 7.51vw;
    border: 3px solid var(--third) !important;
    margin-right: 1vw;
    overflow: hidden
}

.saving-content-large {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-evenly !important;
    padding-top: 1vw !important
}

.calculator-step-button {
    max-width: 10vw;
    margin-left: 1vw
}

.calculator-progress {
    margin-top: .6vw;
    min-height: 1.5vw
}

.calculator-progress-bar {
    padding-bottom: .2vw
}

.calculator-radio-subtitle {
    font-size: 0.84vw !important
}

.calculator-question-container {
    flex: 1;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 2vw
}

.calculator-stepper {
    margin-bottom: 2vw;
    border: 2px solid #EAF5F4;
    border-radius: 5px;
    flex: 1;
    height: 8vw;
    margin-left: 6vw;
    margin-right: 6vw
}

.mugo-dark-white-back.stepper {
    border: 1px solid var(--dark-extra)
}

.quantity-text {
    margin-right: 2vw;
    margin-left: 2vw;
    margin-bottom: 8px
}

.report-header {
    min-height: 30vw;
    width: 100% !important;
    padding-top: 0
}

.report-equiv-card {
    width: 30%
}

.report-equiv-text {
    margin-left: 1vw;
    margin-right: 1vw
}

.report-project {
    min-height: 52vw
}

.report-social {
    min-height: 25vw;
    margin-bottom: -15vw
}

.report-modal-check {
    margin-top: 1vw
}

.report-modal-buttons {
    margin-top: 2vw
}

.report-modal-skip {
    margin-top: 2vw
}

#business-header-img {
    width: 57vw;
    height: 27.3vw
}

#steps::-webkit-scrollbar {
    display: none
}

#steps {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.carousel-indicators li {
    height: 25px !important;
    width: 25px !important;
    border-radius: 50%;
    overflow: hidden;
    background-color: #EAF5F4 !important
}

.projects-indicator.active {
    background-color: var(--third) !important
}

.modal-backdrop.fade.show {
    z-index: 590000;
}

.modal.fade.show {
    z-index: 600000;
}

.flip-card {
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

.flip-card.flat {

}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    padding: 2vw;
    padding-bottom: 0;
    min-height: 13vw;
}

.flip-card-inner:not(.flat) {
    background-color: #FBFFFF;
    box-shadow: 7px 7px 20px 0px #E9F1F2;
    border-radius: 20px;
    width: 30vw;
}

.flip-card-inner.flat {
    background-color: transparent;
    border: 0 none transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #C4C4C4;
    width: 100%;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card.flipped .flip-card-inner:not(.vertical-flip) {
    transform: rotateY(180deg);
    background-color: white;
}

.flip-card.flipped .flip-card-inner.vertical-flip {
    transform: rotateX(180deg);
    background-color: white;
    border-bottom-style: none;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #C4C4C4;
}

.flip-card.flipped .flip-card-back {
    display: block;
}

.flip-card.flipped .flip-card-front {
    display: none;
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

.flip-button {
    position: absolute;
    right: 5px;
    top: 5px;
    visibility: hidden;
}

.panel-delete-button {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Style the front side (fallback if image is missing) */
.flip-card:hover .flip-button {
    visibility: visible;
}

/* Style the back side */
.flip-card-back {
    display: none;
    background-color: white;
    transform: rotateY(180deg);
}

.flip-card-back.vertical-flip {
    display: none;
    background-color: white;
    transform: rotateX(180deg);
}