@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
*, ::before, ::after {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}::backdrop {--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:  ;--tw-pan-y:  ;--tw-pinch-zoom:  ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:  ;--tw-gradient-via-position:  ;--tw-gradient-to-position:  ;--tw-ordinal:  ;--tw-slashed-zero:  ;--tw-numeric-figure:  ;--tw-numeric-spacing:  ;--tw-numeric-fraction:  ;--tw-ring-inset:  ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:  ;--tw-brightness:  ;--tw-contrast:  ;--tw-grayscale:  ;--tw-hue-rotate:  ;--tw-invert:  ;--tw-saturate:  ;--tw-sepia:  ;--tw-drop-shadow:  ;--tw-backdrop-blur:  ;--tw-backdrop-brightness:  ;--tw-backdrop-contrast:  ;--tw-backdrop-grayscale:  ;--tw-backdrop-hue-rotate:  ;--tw-backdrop-invert:  ;--tw-backdrop-opacity:  ;--tw-backdrop-saturate:  ;--tw-backdrop-sepia:  ;--tw-contain-size:  ;--tw-contain-layout:  ;--tw-contain-paint:  ;--tw-contain-style:  
}.tw-container {width: 100%
}@media (min-width: 640px) {.tw-container {max-width: 640px
    }
}@media (min-width: 768px) {.tw-container {max-width: 768px
    }
}@media (min-width: 1024px) {.tw-container {max-width: 1024px
    }
}@media (min-width: 1280px) {.tw-container {max-width: 1280px
    }
}@media (min-width: 1536px) {.tw-container {max-width: 1536px
    }
}.tw-sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0
}.tw-pointer-events-none {pointer-events: none
}.tw-fixed {position: fixed
}.tw-absolute {position: absolute
}.tw-relative {position: relative
}.tw-sticky {position: sticky
}.tw-inset-0 {inset: 0px
}.tw-inset-y-0 {top: 0px;bottom: 0px
}.tw--bottom-1 {bottom: -0.25rem
}.tw--bottom-4 {bottom: -1rem
}.tw--left-20 {left: -5rem
}.tw--left-4 {left: -1rem
}.tw--left-7 {left: -1.75rem
}.tw--right-12 {right: -3rem
}.tw--right-36 {right: -9rem
}.tw--top-2 {top: -0.5rem
}.tw--top-7 {top: -1.75rem
}.tw--top-8 {top: -2rem
}.tw-bottom-0 {bottom: 0px
}.tw-bottom-4 {bottom: 1rem
}.tw-bottom-5 {bottom: 1.25rem
}.tw-left-0 {left: 0px
}.tw-left-2 {left: 0.5rem
}.tw-left-4 {left: 1rem
}.tw-left-5 {left: 1.25rem
}.tw-left-8 {left: 2rem
}.tw-right-0 {right: 0px
}.tw-right-2 {right: 0.5rem
}.tw-right-2\.5 {right: 0.625rem
}.tw-right-20 {right: 5rem
}.tw-right-3 {right: 0.75rem
}.tw-right-4 {right: 1rem
}.tw-right-5 {right: 1.25rem
}.tw-right-60 {right: 15rem
}.tw-right-8 {right: 2rem
}.tw-right-\[30px\] {right: 30px
}.tw-top-0 {top: 0px
}.tw-top-1\/2 {top: 50%
}.tw-top-10 {top: 2.5rem
}.tw-top-11 {top: 2.75rem
}.tw-top-12 {top: 3rem
}.tw-top-14 {top: 3.5rem
}.tw-top-2 {top: 0.5rem
}.tw-top-2\.5 {top: 0.625rem
}.tw-top-24 {top: 6rem
}.tw-top-3 {top: 0.75rem
}.tw-top-32 {top: 8rem
}.tw-top-36 {top: 9rem
}.tw-top-5 {top: 1.25rem
}.tw-top-6 {top: 1.5rem
}.tw-z-10 {z-index: 10
}.tw-z-40 {z-index: 40
}.tw-z-50 {z-index: 50
}.tw-col-span-1 {grid-column: span 1 / span 1
}.tw-col-span-12 {grid-column: span 12 / span 12
}.tw-col-span-2 {grid-column: span 2 / span 2
}.tw-col-span-3 {grid-column: span 3 / span 3
}.tw-col-span-4 {grid-column: span 4 / span 4
}.tw-col-span-6 {grid-column: span 6 / span 6
}.tw-col-span-7 {grid-column: span 7 / span 7
}.tw-col-span-8 {grid-column: span 8 / span 8
}.tw-col-start-1 {grid-column-start: 1
}.tw-col-start-5 {grid-column-start: 5
}.tw-col-end-13 {grid-column-end: 13
}.tw-col-end-5 {grid-column-end: 5
}.tw-row-span-2 {grid-row: span 2 / span 2
}.tw-row-span-3 {grid-row: span 3 / span 3
}.tw-row-start-1 {grid-row-start: 1
}.tw-row-start-2 {grid-row-start: 2
}.tw-float-right {float: right
}.tw-m-0 {margin: 0px
}.tw-m-4 {margin: 1rem
}.tw-m-auto {margin: auto
}.-tw-mx-4 {margin-left: -1rem;margin-right: -1rem
}.tw--mx-6 {margin-left: -1.5rem;margin-right: -1.5rem
}.tw-mx-12 {margin-left: 3rem;margin-right: 3rem
}.tw-mx-2 {margin-left: 0.5rem;margin-right: 0.5rem
}.tw-mx-20 {margin-left: 5rem;margin-right: 5rem
}.tw-mx-24 {margin-left: 6rem;margin-right: 6rem
}.tw-mx-3 {margin-left: 0.75rem;margin-right: 0.75rem
}.tw-mx-4 {margin-left: 1rem;margin-right: 1rem
}.tw-mx-5 {margin-left: 1.25rem;margin-right: 1.25rem
}.tw-mx-6 {margin-left: 1.5rem;margin-right: 1.5rem
}.tw-mx-8 {margin-left: 2rem;margin-right: 2rem
}.tw-mx-9 {margin-left: 2.25rem;margin-right: 2.25rem
}.tw-mx-auto {margin-left: auto;margin-right: auto
}.tw-my-0 {margin-top: 0px;margin-bottom: 0px
}.tw-my-10 {margin-top: 2.5rem;margin-bottom: 2.5rem
}.tw-my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem
}.tw-my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem
}.tw-my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem
}.tw-my-4 {margin-top: 1rem;margin-bottom: 1rem
}.tw-my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem
}.tw-my-8 {margin-top: 2rem;margin-bottom: 2rem
}.tw-my-auto {margin-top: auto;margin-bottom: auto
}.tw--mb-2 {margin-bottom: -0.5rem
}.tw--ml-8 {margin-left: -2rem
}.tw--mt-10 {margin-top: -2.5rem
}.tw-mb-0 {margin-bottom: 0px
}.tw-mb-1 {margin-bottom: 0.25rem
}.tw-mb-10 {margin-bottom: 2.5rem
}.tw-mb-11 {margin-bottom: 2.75rem
}.tw-mb-12 {margin-bottom: 3rem
}.tw-mb-14 {margin-bottom: 3.5rem
}.tw-mb-2 {margin-bottom: 0.5rem
}.tw-mb-2\.5 {margin-bottom: 0.625rem
}.tw-mb-20 {margin-bottom: 5rem
}.tw-mb-24 {margin-bottom: 6rem
}.tw-mb-3 {margin-bottom: 0.75rem
}.tw-mb-32 {margin-bottom: 8rem
}.tw-mb-36 {margin-bottom: 9rem
}.tw-mb-4 {margin-bottom: 1rem
}.tw-mb-40 {margin-bottom: 10rem
}.tw-mb-48 {margin-bottom: 12rem
}.tw-mb-5 {margin-bottom: 1.25rem
}.tw-mb-6 {margin-bottom: 1.5rem
}.tw-mb-7 {margin-bottom: 1.75rem
}.tw-mb-8 {margin-bottom: 2rem
}.tw-ml-1 {margin-left: 0.25rem
}.tw-ml-10 {margin-left: 2.5rem
}.tw-ml-12 {margin-left: 3rem
}.tw-ml-2 {margin-left: 0.5rem
}.tw-ml-20 {margin-left: 5rem
}.tw-ml-3 {margin-left: 0.75rem
}.tw-ml-4 {margin-left: 1rem
}.tw-ml-5 {margin-left: 1.25rem
}.tw-ml-6 {margin-left: 1.5rem
}.tw-ml-auto {margin-left: auto
}.tw-ml-px {margin-left: 1px
}.tw-mr-0 {margin-right: 0px
}.tw-mr-1 {margin-right: 0.25rem
}.tw-mr-1\.5 {margin-right: 0.375rem
}.tw-mr-10 {margin-right: 2.5rem
}.tw-mr-11 {margin-right: 2.75rem
}.tw-mr-12 {margin-right: 3rem
}.tw-mr-2 {margin-right: 0.5rem
}.tw-mr-2\.5 {margin-right: 0.625rem
}.tw-mr-20 {margin-right: 5rem
}.tw-mr-3 {margin-right: 0.75rem
}.tw-mr-4 {margin-right: 1rem
}.tw-mr-5 {margin-right: 1.25rem
}.tw-mr-56 {margin-right: 14rem
}.tw-mr-6 {margin-right: 1.5rem
}.tw-mr-64 {margin-right: 16rem
}.tw-mr-8 {margin-right: 2rem
}.tw-mt-0 {margin-top: 0px
}.tw-mt-1 {margin-top: 0.25rem
}.tw-mt-1\.5 {margin-top: 0.375rem
}.tw-mt-10 {margin-top: 2.5rem
}.tw-mt-12 {margin-top: 3rem
}.tw-mt-14 {margin-top: 3.5rem
}.tw-mt-16 {margin-top: 4rem
}.tw-mt-2 {margin-top: 0.5rem
}.tw-mt-20 {margin-top: 5rem
}.tw-mt-24 {margin-top: 6rem
}.tw-mt-28 {margin-top: 7rem
}.tw-mt-3 {margin-top: 0.75rem
}.tw-mt-32 {margin-top: 8rem
}.tw-mt-4 {margin-top: 1rem
}.tw-mt-40 {margin-top: 10rem
}.tw-mt-5 {margin-top: 1.25rem
}.tw-mt-6 {margin-top: 1.5rem
}.tw-mt-7 {margin-top: 1.75rem
}.tw-mt-8 {margin-top: 2rem
}.tw-mt-9 {margin-top: 2.25rem
}.tw-mt-\[30px\] {margin-top: 30px
}.tw-box-border {box-sizing: border-box
}.tw-line-clamp-2 {overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2
}.tw-block {display: block
}.tw-inline-block {display: inline-block
}.\!tw-flex {display: flex !important
}.tw-flex {display: flex
}.tw-inline-flex {display: inline-flex
}.tw-grid {display: grid
}.tw-hidden {display: none
}.tw-aspect-\[1\.27\] {aspect-ratio: 1.27
}.tw-aspect-\[1\.54\] {aspect-ratio: 1.54
}.tw-h-0\.5 {height: 0.125rem
}.tw-h-10 {height: 2.5rem
}.tw-h-11 {height: 2.75rem
}.tw-h-12 {height: 3rem
}.tw-h-14 {height: 3.5rem
}.tw-h-16 {height: 4rem
}.tw-h-2 {height: 0.5rem
}.tw-h-2\.5 {height: 0.625rem
}.tw-h-20 {height: 5rem
}.tw-h-3 {height: 0.75rem
}.tw-h-3\.5 {height: 0.875rem
}.tw-h-32 {height: 8rem
}.tw-h-4 {height: 1rem
}.tw-h-44 {height: 11rem
}.tw-h-48 {height: 12rem
}.tw-h-5 {height: 1.25rem
}.tw-h-52 {height: 13rem
}.tw-h-56 {height: 14rem
}.tw-h-6 {height: 1.5rem
}.tw-h-7 {height: 1.75rem
}.tw-h-72 {height: 18rem
}.tw-h-8 {height: 2rem
}.tw-h-80 {height: 20rem
}.tw-h-9 {height: 2.25rem
}.tw-h-96 {height: 24rem
}.tw-h-\[212px\] {height: 212px
}.tw-h-\[22px\] {height: 22px
}.tw-h-\[24px\] {height: 24px
}.tw-h-\[282px\] {height: 282px
}.tw-h-\[400px\] {height: 400px
}.tw-h-\[410px\] {height: 410px
}.tw-h-auto {height: auto
}.tw-h-full {height: 100%
}.tw-h-px {height: 1px
}.tw-h-screen {height: 100vh
}.tw-max-h-14 {max-height: 3.5rem
}.tw-max-h-80 {max-height: 20rem
}.tw-max-h-96 {max-height: 24rem
}.tw-max-h-\[20px\] {max-height: 20px
}.tw-max-h-\[254px\] {max-height: 254px
}.tw-max-h-\[400px\] {max-height: 400px
}.tw-max-h-\[80vh\] {max-height: 80vh
}.tw-min-h-full {min-height: 100%
}.tw-w-0\.5 {width: 0.125rem
}.tw-w-1\/2 {width: 50%
}.tw-w-1\/3 {width: 33.333333%
}.tw-w-10 {width: 2.5rem
}.tw-w-11 {width: 2.75rem
}.tw-w-12 {width: 3rem
}.tw-w-14 {width: 3.5rem
}.tw-w-16 {width: 4rem
}.tw-w-2\/12 {width: 16.666667%
}.tw-w-2\/5 {width: 40%
}.tw-w-20 {width: 5rem
}.tw-w-24 {width: 6rem
}.tw-w-28 {width: 7rem
}.tw-w-3 {width: 0.75rem
}.tw-w-3\.5 {width: 0.875rem
}.tw-w-3\/12 {width: 25%
}.tw-w-32 {width: 8rem
}.tw-w-4 {width: 1rem
}.tw-w-40 {width: 10rem
}.tw-w-5 {width: 1.25rem
}.tw-w-5\/12 {width: 41.666667%
}.tw-w-52 {width: 13rem
}.tw-w-56 {width: 14rem
}.tw-w-6 {width: 1.5rem
}.tw-w-64 {width: 16rem
}.tw-w-7 {width: 1.75rem
}.tw-w-7\/12 {width: 58.333333%
}.tw-w-72 {width: 18rem
}.tw-w-8 {width: 2rem
}.tw-w-8\/12 {width: 66.666667%
}.tw-w-80 {width: 20rem
}.tw-w-9 {width: 2.25rem
}.tw-w-96 {width: 24rem
}.tw-w-\[130px\] {width: 130px
}.tw-w-\[23px\] {width: 23px
}.tw-w-\[24px\] {width: 24px
}.tw-w-auto {width: auto
}.tw-w-fit {width: -moz-fit-content;width: fit-content
}.tw-w-full {width: 100%
}.tw-min-w-\[190px\] {min-width: 190px
}.tw-min-w-\[240px\] {min-width: 240px
}.tw-max-w-1440 {max-width: 1440px
}.tw-max-w-2xl {max-width: 42rem
}.tw-max-w-3xl {max-width: 48rem
}.tw-max-w-4xl {max-width: 56rem
}.tw-max-w-5xl {max-width: 64rem
}.tw-max-w-7xl {max-width: 80rem
}.tw-max-w-900 {max-width: 900px
}.tw-max-w-\[1295px\] {max-width: 1295px
}.tw-max-w-\[200px\] {max-width: 200px
}.tw-max-w-\[255px\] {max-width: 255px
}.tw-max-w-\[450px\] {max-width: 450px
}.tw-max-w-\[50px\] {max-width: 50px
}.tw-max-w-custom {max-width: 1124px
}.tw-max-w-full {max-width: 100%
}.tw-max-w-md {max-width: 28rem
}.tw-max-w-screen-md {max-width: 768px
}.tw-max-w-screen-xl {max-width: 1280px
}.tw-max-w-sm {max-width: 24rem
}.tw-max-w-xl {max-width: 36rem
}.tw-max-w-xs {max-width: 20rem
}.tw-flex-1 {flex: 1 1 0%
}.tw-flex-auto {flex: 1 1 auto
}.tw-flex-shrink-0 {flex-shrink: 0
}.tw-shrink-0 {flex-shrink: 0
}.tw-flex-grow {flex-grow: 1
}.tw-grow {flex-grow: 1
}.-tw-translate-y-1\/2 {--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw--translate-x-full {--tw-translate-x: -100%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw-translate-x-0 {--tw-translate-x: 0px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw-rotate-180 {--tw-rotate: 180deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw-rotate-45 {--tw-rotate: 45deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw-scale-x-\[-1\] {--tw-scale-x: -1;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.tw-transform {transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}@keyframes tw-spin {to {transform: rotate(360deg)
    }
}.tw-animate-spin {animation: tw-spin 1s linear infinite
}.tw-cursor-pointer {cursor: pointer
}.tw-resize-none {resize: none
}.tw-list-none {list-style-type: none
}.tw-grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr))
}.tw-grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr))
}.tw-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
}.tw-grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))
}.tw-flex-row {flex-direction: row
}.tw-flex-row-reverse {flex-direction: row-reverse
}.tw-flex-col {flex-direction: column
}.tw-flex-col-reverse {flex-direction: column-reverse
}.tw-flex-wrap {flex-wrap: wrap
}.tw-items-start {align-items: flex-start
}.tw-items-end {align-items: flex-end
}.tw-items-center {align-items: center
}.tw-items-stretch {align-items: stretch
}.tw-justify-end {justify-content: flex-end
}.tw-justify-center {justify-content: center
}.tw-justify-between {justify-content: space-between
}.tw-justify-items-center {justify-items: center
}.tw-gap-10 {gap: 2.5rem
}.tw-gap-12 {gap: 3rem
}.tw-gap-14 {gap: 3.5rem
}.tw-gap-16 {gap: 4rem
}.tw-gap-2 {gap: 0.5rem
}.tw-gap-20 {gap: 5rem
}.tw-gap-24 {gap: 6rem
}.tw-gap-28 {gap: 7rem
}.tw-gap-3 {gap: 0.75rem
}.tw-gap-4 {gap: 1rem
}.tw-gap-5 {gap: 1.25rem
}.tw-gap-6 {gap: 1.5rem
}.tw-gap-7 {gap: 1.75rem
}.tw-gap-8 {gap: 2rem
}.tw-gap-\[8px\] {gap: 8px
}.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(0.5rem * var(--tw-space-x-reverse));margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}.tw-space-x-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-x-reverse: 0;margin-right: calc(1rem * var(--tw-space-x-reverse));margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}.tw-space-y-0 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0px * var(--tw-space-y-reverse))
}.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse: 0;margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}.tw-self-start {align-self: flex-start
}.tw-self-center {align-self: center
}.tw-self-stretch {align-self: stretch
}.tw-overflow-auto {overflow: auto
}.tw-overflow-hidden {overflow: hidden
}.tw-overflow-x-auto {overflow-x: auto
}.tw-overflow-y-auto {overflow-y: auto
}.tw-overflow-x-hidden {overflow-x: hidden
}.tw-truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap
}.tw-whitespace-nowrap {white-space: nowrap
}.tw-text-nowrap {text-wrap: nowrap
}.tw-break-words {overflow-wrap: break-word
}.tw-rounded {border-radius: 0.25rem
}.tw-rounded-18 {border-radius: 18px
}.tw-rounded-23 {border-radius: 23px
}.tw-rounded-2xl {border-radius: 1rem
}.tw-rounded-\[5px\] {border-radius: 5px
}.tw-rounded-full {border-radius: 9999px
}.tw-rounded-lg {border-radius: 0.5rem
}.tw-rounded-md {border-radius: 0.375rem
}.tw-rounded-none {border-radius: 0px
}.tw-rounded-sm {border-radius: 0.125rem
}.tw-rounded-xl {border-radius: 0.75rem
}.tw-rounded-b-lg {border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem
}.tw-rounded-l-lg {border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem
}.tw-rounded-l-md {border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem
}.tw-rounded-l-none {border-top-left-radius: 0px;border-bottom-left-radius: 0px
}.tw-rounded-r-lg {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem
}.tw-rounded-r-md {border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem
}.tw-rounded-r-none {border-top-right-radius: 0px;border-bottom-right-radius: 0px
}.tw-rounded-t {border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem
}.tw-rounded-t-3xl {border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem
}.tw-rounded-t-lg {border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem
}.tw-rounded-t-xl {border-top-left-radius: 0.75rem;border-top-right-radius: 0.75rem
}.tw-rounded-bl-md {border-bottom-left-radius: 0.375rem
}.tw-rounded-br-md {border-bottom-right-radius: 0.375rem
}.tw-rounded-tl-md {border-top-left-radius: 0.375rem
}.tw-rounded-tr-md {border-top-right-radius: 0.375rem
}.tw-border {border-width: 1px
}.tw-border-0 {border-width: 0px
}.\!tw-border-x-0 {border-left-width: 0px !important;border-right-width: 0px !important
}.\!tw-border-b-0 {border-bottom-width: 0px !important
}.\!tw-border-t-0 {border-top-width: 0px !important
}.tw-border-b {border-bottom-width: 1px
}.tw-border-b-4 {border-bottom-width: 4px
}.tw-border-l-0 {border-left-width: 0px
}.tw-border-l-4 {border-left-width: 4px
}.tw-border-r {border-right-width: 1px
}.tw-border-r-0 {border-right-width: 0px
}.tw-border-t {border-top-width: 1px
}.tw-border-solid {border-style: solid
}.tw-border-dashed {border-style: dashed
}.tw-border-none {border-style: none
}.tw-border-\[\#D5E3DD\] {--tw-border-opacity: 1;border-color: rgb(213 227 221 / var(--tw-border-opacity, 1))
}.tw-border-black {--tw-border-opacity: 1;border-color: rgb(39 52 67 / var(--tw-border-opacity, 1))
}.tw-border-captures {--tw-border-opacity: 1;border-color: rgb(211 220 230 / var(--tw-border-opacity, 1))
}.tw-border-color1 {--tw-border-opacity: 1;border-color: rgb(0 212 180 / var(--tw-border-opacity, 1))
}.tw-border-color2 {--tw-border-opacity: 1;border-color: rgb(255 117 23 / var(--tw-border-opacity, 1))
}.tw-border-icons {--tw-border-opacity: 1;border-color: rgb(224 230 237 / var(--tw-border-opacity, 1))
}.tw-border-main2 {--tw-border-opacity: 1;border-color: rgb(132 146 165 / var(--tw-border-opacity, 1))
}.tw-border-sage-green {--tw-border-opacity: 1;border-color: rgb(164 187 173 / var(--tw-border-opacity, 1))
}.tw-border-soft-green-bg {--tw-border-opacity: 1;border-color: rgb(236 245 241 / var(--tw-border-opacity, 1))
}.tw-border-white\/20 {border-color: rgb(255 255 255 / 0.2)
}.tw-bg-\[\#D5E3DD\] {--tw-bg-opacity: 1;background-color: rgb(213 227 221 / var(--tw-bg-opacity, 1))
}.tw-bg-black {--tw-bg-opacity: 1;background-color: rgb(39 52 67 / var(--tw-bg-opacity, 1))
}.tw-bg-blue {--tw-bg-opacity: 1;background-color: rgb(70 175 251 / var(--tw-bg-opacity, 1))
}.tw-bg-captures {--tw-bg-opacity: 1;background-color: rgb(211 220 230 / var(--tw-bg-opacity, 1))
}.tw-bg-color1 {--tw-bg-opacity: 1;background-color: rgb(0 212 180 / var(--tw-bg-opacity, 1))
}.tw-bg-color1-light {background-color: rgb(0 212 180 / 10%)
}.tw-bg-color2 {--tw-bg-opacity: 1;background-color: rgb(255 117 23 / var(--tw-bg-opacity, 1))
}.tw-bg-dark-green {--tw-bg-opacity: 1;background-color: rgb(54 71 64 / var(--tw-bg-opacity, 1))
}.tw-bg-dark-green\/50 {background-color: rgb(54 71 64 / 0.5)
}.tw-bg-deep-blue {--tw-bg-opacity: 1;background-color: rgb(60 76 108 / var(--tw-bg-opacity, 1))
}.tw-bg-green-bg {--tw-bg-opacity: 1;background-color: rgb(207 239 234 / var(--tw-bg-opacity, 1))
}.tw-bg-grey-bg {--tw-bg-opacity: 1;background-color: rgb(196 196 196 / var(--tw-bg-opacity, 1))
}.tw-bg-grey-bg-2 {--tw-bg-opacity: 1;background-color: rgb(246 249 253 / var(--tw-bg-opacity, 1))
}.tw-bg-grey-divider {--tw-bg-opacity: 1;background-color: rgb(242 243 245 / var(--tw-bg-opacity, 1))
}.tw-bg-grey-light {--tw-bg-opacity: 1;background-color: rgb(249 250 252 / var(--tw-bg-opacity, 1))
}.tw-bg-icons {--tw-bg-opacity: 1;background-color: rgb(224 230 237 / var(--tw-bg-opacity, 1))
}.tw-bg-light-green {--tw-bg-opacity: 1;background-color: rgb(231 253 250 / var(--tw-bg-opacity, 1))
}.tw-bg-light-grey {--tw-bg-opacity: 1;background-color: rgb(245 248 254 / var(--tw-bg-opacity, 1))
}.tw-bg-lighter-green-bg {--tw-bg-opacity: 1;background-color: rgb(248 252 250 / var(--tw-bg-opacity, 1))
}.tw-bg-main2 {--tw-bg-opacity: 1;background-color: rgb(132 146 165 / var(--tw-bg-opacity, 1))
}.tw-bg-orange-bg {--tw-bg-opacity: 1;background-color: rgb(255 241 232 / var(--tw-bg-opacity, 1))
}.tw-bg-purple {--tw-bg-opacity: 1;background-color: rgb(199 121 226 / var(--tw-bg-opacity, 1))
}.tw-bg-soft-green-bg {--tw-bg-opacity: 1;background-color: rgb(236 245 241 / var(--tw-bg-opacity, 1))
}.tw-bg-white {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}.tw-bg-yellow {--tw-bg-opacity: 1;background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1))
}.tw-bg-yellow-bg {background-color: #ffb80012
}.tw-bg-opacity-10 {--tw-bg-opacity: 0.1
}.tw-bg-opacity-30 {--tw-bg-opacity: 0.3
}.tw-bg-opacity-50 {--tw-bg-opacity: 0.5
}.tw-bg-gradient-to-l {background-image: linear-gradient(to left, var(--tw-gradient-stops))
}.tw-from-color1 {--tw-gradient-from: #00D4B4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 212 180 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}.tw-from-color2 {--tw-gradient-from: #FF7517 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 117 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}.tw-from-yellow {--tw-gradient-from: #FFB800 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 184 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}.tw-bg-cover {background-size: cover
}.tw-fill-white {fill: #ffffff
}.tw-object-contain {-o-object-fit: contain;object-fit: contain
}.tw-object-cover {-o-object-fit: cover;object-fit: cover
}.tw-p-0 {padding: 0px
}.tw-p-10 {padding: 2.5rem
}.tw-p-12 {padding: 3rem
}.tw-p-14 {padding: 3.5rem
}.tw-p-2 {padding: 0.5rem
}.tw-p-3 {padding: 0.75rem
}.tw-p-3\.5 {padding: 0.875rem
}.tw-p-4 {padding: 1rem
}.tw-p-6 {padding: 1.5rem
}.tw-p-8 {padding: 2rem
}.tw-p-9 {padding: 2.25rem
}.tw-px-0 {padding-left: 0px;padding-right: 0px
}.tw-px-10 {padding-left: 2.5rem;padding-right: 2.5rem
}.tw-px-12 {padding-left: 3rem;padding-right: 3rem
}.tw-px-14 {padding-left: 3.5rem;padding-right: 3.5rem
}.tw-px-16 {padding-left: 4rem;padding-right: 4rem
}.tw-px-2 {padding-left: 0.5rem;padding-right: 0.5rem
}.tw-px-2\.5 {padding-left: 0.625rem;padding-right: 0.625rem
}.tw-px-20 {padding-left: 5rem;padding-right: 5rem
}.tw-px-3 {padding-left: 0.75rem;padding-right: 0.75rem
}.tw-px-3\.5 {padding-left: 0.875rem;padding-right: 0.875rem
}.tw-px-4 {padding-left: 1rem;padding-right: 1rem
}.tw-px-5 {padding-left: 1.25rem;padding-right: 1.25rem
}.tw-px-6 {padding-left: 1.5rem;padding-right: 1.5rem
}.tw-px-7 {padding-left: 1.75rem;padding-right: 1.75rem
}.tw-px-8 {padding-left: 2rem;padding-right: 2rem
}.tw-px-9 {padding-left: 2.25rem;padding-right: 2.25rem
}.tw-px-\[30px\] {padding-left: 30px;padding-right: 30px
}.tw-py-0 {padding-top: 0px;padding-bottom: 0px
}.tw-py-0\.5 {padding-top: 0.125rem;padding-bottom: 0.125rem
}.tw-py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem
}.tw-py-1\.5 {padding-top: 0.375rem;padding-bottom: 0.375rem
}.tw-py-10 {padding-top: 2.5rem;padding-bottom: 2.5rem
}.tw-py-12 {padding-top: 3rem;padding-bottom: 3rem
}.tw-py-14 {padding-top: 3.5rem;padding-bottom: 3.5rem
}.tw-py-16 {padding-top: 4rem;padding-bottom: 4rem
}.tw-py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem
}.tw-py-20 {padding-top: 5rem;padding-bottom: 5rem
}.tw-py-24 {padding-top: 6rem;padding-bottom: 6rem
}.tw-py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem
}.tw-py-3\.5 {padding-top: 0.875rem;padding-bottom: 0.875rem
}.tw-py-36 {padding-top: 9rem;padding-bottom: 9rem
}.tw-py-4 {padding-top: 1rem;padding-bottom: 1rem
}.tw-py-48 {padding-top: 12rem;padding-bottom: 12rem
}.tw-py-5 {padding-top: 1.25rem;padding-bottom: 1.25rem
}.tw-py-6 {padding-top: 1.5rem;padding-bottom: 1.5rem
}.tw-py-8 {padding-top: 2rem;padding-bottom: 2rem
}.tw-py-px {padding-top: 1px;padding-bottom: 1px
}.tw-pb-0 {padding-bottom: 0px
}.tw-pb-10 {padding-bottom: 2.5rem
}.tw-pb-12 {padding-bottom: 3rem
}.tw-pb-14 {padding-bottom: 3.5rem
}.tw-pb-16 {padding-bottom: 4rem
}.tw-pb-20 {padding-bottom: 5rem
}.tw-pb-24 {padding-bottom: 6rem
}.tw-pb-28 {padding-bottom: 7rem
}.tw-pb-3 {padding-bottom: 0.75rem
}.tw-pb-32 {padding-bottom: 8rem
}.tw-pb-4 {padding-bottom: 1rem
}.tw-pb-5 {padding-bottom: 1.25rem
}.tw-pb-6 {padding-bottom: 1.5rem
}.tw-pb-7 {padding-bottom: 1.75rem
}.tw-pb-8 {padding-bottom: 2rem
}.tw-pl-0 {padding-left: 0px
}.tw-pl-16 {padding-left: 4rem
}.tw-pl-2 {padding-left: 0.5rem
}.tw-pl-4 {padding-left: 1rem
}.tw-pl-5 {padding-left: 1.25rem
}.tw-pl-6 {padding-left: 1.5rem
}.tw-pl-72 {padding-left: 18rem
}.tw-pl-8 {padding-left: 2rem
}.tw-pr-1 {padding-right: 0.25rem
}.tw-pr-10 {padding-right: 2.5rem
}.tw-pr-11 {padding-right: 2.75rem
}.tw-pr-20 {padding-right: 5rem
}.tw-pr-3 {padding-right: 0.75rem
}.tw-pr-4 {padding-right: 1rem
}.tw-pr-5 {padding-right: 1.25rem
}.tw-pr-6 {padding-right: 1.5rem
}.tw-pr-8 {padding-right: 2rem
}.tw-pt-0 {padding-top: 0px
}.tw-pt-1 {padding-top: 0.25rem
}.tw-pt-10 {padding-top: 2.5rem
}.tw-pt-12 {padding-top: 3rem
}.tw-pt-14 {padding-top: 3.5rem
}.tw-pt-16 {padding-top: 4rem
}.tw-pt-2 {padding-top: 0.5rem
}.tw-pt-20 {padding-top: 5rem
}.tw-pt-24 {padding-top: 6rem
}.tw-pt-32 {padding-top: 8rem
}.tw-pt-4 {padding-top: 1rem
}.tw-pt-44 {padding-top: 11rem
}.tw-pt-5 {padding-top: 1.25rem
}.tw-pt-6 {padding-top: 1.5rem
}.tw-pt-8 {padding-top: 2rem
}.tw-text-left {text-align: left
}.tw-text-center {text-align: center
}.tw-text-right {text-align: right
}.tw-align-bottom {vertical-align: bottom
}.tw-font-inter {font-family: "Inter"
}.tw-font-title {font-family: "Open Sans"
}.tw-text-2xl {font-size: 1.5rem;line-height: 2rem
}.tw-text-3xl {font-size: 1.875rem;line-height: 2.25rem
}.tw-text-4xl {font-size: 24px;line-height: 120%;font-weight: 700
}.tw-text-5xl {font-size: 32px;line-height: 120%;font-weight: 700
}.tw-text-6xl {font-size: 56px;line-height: 120%;font-weight: 700
}.tw-text-base {font-size: 1rem;line-height: 1.5rem
}.tw-text-h5 {font-size: 18px;line-height: 120%;font-weight: 700
}.tw-text-lg {font-size: 1.125rem;line-height: 1.75rem
}.tw-text-main-title {font-size: 56px;line-height: 110%;font-weight: 400
}.tw-text-sm {font-size: 0.875rem;line-height: 1.25rem
}.tw-text-tiny {font-size: 12px;line-height: 120%;font-weight: 400
}.tw-text-xl {font-size: 1.25rem;line-height: 1.75rem
}.tw-text-xs {font-size: 0.75rem;line-height: 1rem
}.tw-font-bold {font-weight: 700
}.tw-font-extrabold {font-weight: 800
}.tw-font-medium {font-weight: 500
}.tw-font-normal {font-weight: 400
}.tw-font-semibold {font-weight: 600
}.tw-uppercase {text-transform: uppercase
}.tw-capitalize {text-transform: capitalize
}.tw-leading-10 {line-height: 2.5rem
}.tw-leading-6 {line-height: 1.5rem
}.tw-leading-7 {line-height: 1.75rem
}.tw-leading-8 {line-height: 2rem
}.tw-leading-\[67px\] {line-height: 67px
}.tw-leading-\[var\(--h-5-line-height\)\] {line-height: var(--h-5-line-height)
}.tw-leading-none {line-height: 1
}.tw-leading-snug {line-height: 1.375
}.tw-leading-tight {line-height: 1.25
}.tw-tracking-\[4\.32px\] {letter-spacing: 4.32px
}.tw-tracking-\[var\(--h-5-letter-spacing\)\] {letter-spacing: var(--h-5-letter-spacing)
}.tw-tracking-tight {letter-spacing: -0.025em
}.tw-tracking-tighter {letter-spacing: -0.05em
}.tw-tracking-widest {letter-spacing: 0.1em
}.\!tw-text-black {--tw-text-opacity: 1 !important;color: rgb(39 52 67 / var(--tw-text-opacity, 1)) !important
}.\!tw-text-white {--tw-text-opacity: 1 !important;color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}.tw-text-black {--tw-text-opacity: 1;color: rgb(39 52 67 / var(--tw-text-opacity, 1))
}.tw-text-captures {--tw-text-opacity: 1;color: rgb(211 220 230 / var(--tw-text-opacity, 1))
}.tw-text-color1 {--tw-text-opacity: 1;color: rgb(0 212 180 / var(--tw-text-opacity, 1))
}.tw-text-color2 {--tw-text-opacity: 1;color: rgb(255 117 23 / var(--tw-text-opacity, 1))
}.tw-text-dark-green {--tw-text-opacity: 1;color: rgb(54 71 64 / var(--tw-text-opacity, 1))
}.tw-text-deep-ink {--tw-text-opacity: 1;color: rgb(35 35 35 / var(--tw-text-opacity, 1))
}.tw-text-forest-slate {--tw-text-opacity: 1;color: rgb(88 119 107 / var(--tw-text-opacity, 1))
}.tw-text-grey-divider {--tw-text-opacity: 1;color: rgb(242 243 245 / var(--tw-text-opacity, 1))
}.tw-text-icons {--tw-text-opacity: 1;color: rgb(224 230 237 / var(--tw-text-opacity, 1))
}.tw-text-main1 {--tw-text-opacity: 1;color: rgb(59 72 87 / var(--tw-text-opacity, 1))
}.tw-text-main2 {--tw-text-opacity: 1;color: rgb(132 146 165 / var(--tw-text-opacity, 1))
}.tw-text-purple {--tw-text-opacity: 1;color: rgb(199 121 226 / var(--tw-text-opacity, 1))
}.tw-text-red {--tw-text-opacity: 1;color: rgb(243 97 94 / var(--tw-text-opacity, 1))
}.tw-text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}.tw-text-yellow {--tw-text-opacity: 1;color: rgb(255 184 0 / var(--tw-text-opacity, 1))
}.tw-text-opacity-25 {--tw-text-opacity: 0.25
}.tw-underline {text-decoration-line: underline
}.tw-line-through {text-decoration-line: line-through
}.tw-no-underline {text-decoration-line: none
}.tw-placeholder-white::-moz-placeholder {--tw-placeholder-opacity: 1;color: rgb(255 255 255 / var(--tw-placeholder-opacity, 1))
}.tw-placeholder-white::placeholder {--tw-placeholder-opacity: 1;color: rgb(255 255 255 / var(--tw-placeholder-opacity, 1))
}.tw-opacity-0 {opacity: 0
}.tw-opacity-20 {opacity: 0.2
}.tw-opacity-25 {opacity: 0.25
}.tw-opacity-30 {opacity: 0.3
}.tw-opacity-40 {opacity: 0.4
}.tw-opacity-50 {opacity: 0.5
}.tw-opacity-60 {opacity: 0.6
}.tw-opacity-80 {opacity: 0.8
}.tw-shadow {--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-shadow-custom {--tw-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);--tw-shadow-colored: 0px 4px 40px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-shadow-lg {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-shadow-md {--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-shadow-none {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-shadow-sm {--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.tw-outline-none {outline: 2px solid transparent;outline-offset: 2px
}.tw-brightness-100 {--tw-brightness: brightness(1);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.tw-brightness-200 {--tw-brightness: brightness(2);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.tw-invert {--tw-invert: invert(100%);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.tw-invert-0 {--tw-invert: invert(0);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}.tw-transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}.tw-transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}.tw-transition-colors {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}.tw-transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms
}.tw-duration-200 {transition-duration: 200ms
}.tw-duration-300 {transition-duration: 300ms
}.tw-ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}.file\:tw-border-0::file-selector-button {border-width: 0px
}.file\:tw-text-sm::file-selector-button {font-size: 0.875rem;line-height: 1.25rem
}.file\:tw-font-medium::file-selector-button {font-weight: 500
}.last\:tw-mb-0:last-child {margin-bottom: 0px
}.hover\:tw--translate-y-1:hover {--tw-translate-y: -0.25rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}.hover\:tw-border-none:hover {border-style: none
}.hover\:tw-border-color1:hover {--tw-border-opacity: 1;border-color: rgb(0 212 180 / var(--tw-border-opacity, 1))
}.hover\:\!tw-bg-light-grey:hover {--tw-bg-opacity: 1 !important;background-color: rgb(245 248 254 / var(--tw-bg-opacity, 1)) !important
}.hover\:tw-bg-captures:hover {--tw-bg-opacity: 1;background-color: rgb(211 220 230 / var(--tw-bg-opacity, 1))
}.hover\:tw-bg-color1:hover {--tw-bg-opacity: 1;background-color: rgb(0 212 180 / var(--tw-bg-opacity, 1))
}.hover\:tw-bg-grey-light:hover {--tw-bg-opacity: 1;background-color: rgb(249 250 252 / var(--tw-bg-opacity, 1))
}.hover\:tw-bg-icons:hover {--tw-bg-opacity: 1;background-color: rgb(224 230 237 / var(--tw-bg-opacity, 1))
}.hover\:tw-bg-white:hover {--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}.hover\:tw-bg-opacity-20:hover {--tw-bg-opacity: 0.2
}.hover\:\!tw-text-black:hover {--tw-text-opacity: 1 !important;color: rgb(39 52 67 / var(--tw-text-opacity, 1)) !important
}.hover\:\!tw-text-white:hover {--tw-text-opacity: 1 !important;color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}.hover\:tw-text-black:hover {--tw-text-opacity: 1;color: rgb(39 52 67 / var(--tw-text-opacity, 1))
}.hover\:tw-text-color1:hover {--tw-text-opacity: 1;color: rgb(0 212 180 / var(--tw-text-opacity, 1))
}.hover\:tw-text-main1:hover {--tw-text-opacity: 1;color: rgb(59 72 87 / var(--tw-text-opacity, 1))
}.hover\:tw-text-main2:hover {--tw-text-opacity: 1;color: rgb(132 146 165 / var(--tw-text-opacity, 1))
}.hover\:tw-text-white:hover {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}.hover\:tw-underline:hover {text-decoration-line: underline
}.hover\:tw-no-underline:hover {text-decoration-line: none
}.hover\:tw-opacity-100:hover {opacity: 1
}.hover\:tw-opacity-80:hover {opacity: 0.8
}.hover\:tw-shadow-lg:hover {--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.hover\:tw-shadow-none:hover {--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}.focus\:tw-border-captures:focus {--tw-border-opacity: 1;border-color: rgb(211 220 230 / var(--tw-border-opacity, 1))
}.focus\:tw-outline-none:focus {outline: 2px solid transparent;outline-offset: 2px
}.focus\:tw-ring-0:focus {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}.focus-visible\:tw-outline-none:focus-visible {outline: 2px solid transparent;outline-offset: 2px
}.focus-visible\:tw-ring-0:focus-visible {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}.focus-visible\:tw-ring-1:focus-visible {--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}.disabled\:tw-pointer-events-none:disabled {pointer-events: none
}.disabled\:tw-cursor-not-allowed:disabled {cursor: not-allowed
}.disabled\:tw-opacity-50:disabled {opacity: 0.5
}.data-\[state\=checked\]\:tw-border-dark-sage[data-state="checked"] {--tw-border-opacity: 1;border-color: rgb(72 87 81 / var(--tw-border-opacity, 1))
}.data-\[state\=checked\]\:tw-bg-dark-sage[data-state="checked"] {--tw-bg-opacity: 1;background-color: rgb(72 87 81 / var(--tw-bg-opacity, 1))
}@media not all and (min-width: 768px) {.max-md\:tw-mb-2\.5 {margin-bottom: 0.625rem
    }.max-md\:tw-ml-0 {margin-left: 0px
    }.max-md\:tw-mt-10 {margin-top: 2.5rem
    }.max-md\:tw-w-full {width: 100%
    }.max-md\:tw-max-w-full {max-width: 100%
    }.max-md\:tw-flex-col {flex-direction: column
    }.max-md\:tw-text-4xl {font-size: 24px;line-height: 120%;font-weight: 700
    }
}@media (min-width: 640px) {.sm\:tw-col-span-2 {grid-column: span 2 / span 2
    }.sm\:tw-mt-0 {margin-top: 0px
    }.sm\:tw-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
    }.sm\:tw-flex-row {flex-direction: row
    }
}@media (min-width: 768px) {.md\:tw-absolute {position: absolute
    }.md\:tw-sticky {position: sticky
    }.md\:tw--right-6 {right: -1.5rem
    }.md\:tw-left-auto {left: auto
    }.md\:tw-right-0 {right: 0px
    }.md\:tw-right-12 {right: 3rem
    }.md\:tw-top-0 {top: 0px
    }.md\:tw-col-span-2 {grid-column: span 2 / span 2
    }.md\:tw-col-span-3 {grid-column: span 3 / span 3
    }.md\:tw-col-span-4 {grid-column: span 4 / span 4
    }.md\:tw-col-span-7 {grid-column: span 7 / span 7
    }.md\:tw-col-start-5 {grid-column-start: 5
    }.md\:tw-col-start-6 {grid-column-start: 6
    }.md\:tw-mx-14 {margin-left: 3.5rem;margin-right: 3.5rem
    }.md\:tw-mx-24 {margin-left: 6rem;margin-right: 6rem
    }.md\:tw-mx-6 {margin-left: 1.5rem;margin-right: 1.5rem
    }.md\:tw-mx-8 {margin-left: 2rem;margin-right: 2rem
    }.md\:tw-mx-auto {margin-left: auto;margin-right: auto
    }.md\:tw-my-14 {margin-top: 3.5rem;margin-bottom: 3.5rem
    }.md\:tw-my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem
    }.md\:tw-mb-0 {margin-bottom: 0px
    }.md\:tw-mb-20 {margin-bottom: 5rem
    }.md\:tw-mb-28 {margin-bottom: 7rem
    }.md\:tw-mb-36 {margin-bottom: 9rem
    }.md\:tw-mb-4 {margin-bottom: 1rem
    }.md\:tw-mb-5 {margin-bottom: 1.25rem
    }.md\:tw-mb-56 {margin-bottom: 14rem
    }.md\:tw-mb-64 {margin-bottom: 16rem
    }.md\:tw-mb-8 {margin-bottom: 2rem
    }.md\:tw-mb-auto {margin-bottom: auto
    }.md\:tw-ml-12 {margin-left: 3rem
    }.md\:tw-ml-14 {margin-left: 3.5rem
    }.md\:tw-ml-4 {margin-left: 1rem
    }.md\:tw-ml-5 {margin-left: 1.25rem
    }.md\:tw-ml-6 {margin-left: 1.5rem
    }.md\:tw-ml-8 {margin-left: 2rem
    }.md\:tw-ml-80 {margin-left: 20rem
    }.md\:tw-mr-0 {margin-right: 0px
    }.md\:tw-mr-0\.5 {margin-right: 0.125rem
    }.md\:tw-mr-16 {margin-right: 4rem
    }.md\:tw-mr-24 {margin-right: 6rem
    }.md\:tw-mr-36 {margin-right: 9rem
    }.md\:tw-mr-4 {margin-right: 1rem
    }.md\:tw-mr-72 {margin-right: 18rem
    }.md\:tw-mr-8 {margin-right: 2rem
    }.md\:tw-mt-0 {margin-top: 0px
    }.md\:tw-mt-14 {margin-top: 3.5rem
    }.md\:tw-mt-16 {margin-top: 4rem
    }.md\:tw-mt-3 {margin-top: 0.75rem
    }.md\:tw-mt-32 {margin-top: 8rem
    }.md\:tw-mt-36 {margin-top: 9rem
    }.md\:tw-mt-6 {margin-top: 1.5rem
    }.md\:tw-mt-8 {margin-top: 2rem
    }.md\:tw-block {display: block
    }.md\:tw-inline {display: inline
    }.md\:tw-flex {display: flex
    }.md\:tw-grid {display: grid
    }.md\:tw-hidden {display: none
    }.md\:tw-h-10 {height: 2.5rem
    }.md\:tw-h-16 {height: 4rem
    }.md\:tw-h-48 {height: 12rem
    }.md\:tw-h-auto {height: auto
    }.md\:tw-w-1\/3 {width: 33.333333%
    }.md\:tw-w-10 {width: 2.5rem
    }.md\:tw-w-32 {width: 8rem
    }.md\:tw-w-40 {width: 10rem
    }.md\:tw-w-440 {width: 440px
    }.md\:tw-w-5\/12 {width: 41.666667%
    }.md\:tw-w-52 {width: 13rem
    }.md\:tw-w-56 {width: 14rem
    }.md\:tw-w-72 {width: 18rem
    }.md\:tw-w-96 {width: 24rem
    }.md\:tw-w-auto {width: auto
    }.md\:tw-max-w-3xl {max-width: 48rem
    }.md\:tw-max-w-full {max-width: 100%
    }.md\:tw-max-w-xl {max-width: 36rem
    }.md\:tw-max-w-xs {max-width: 20rem
    }.md\:tw-flex-1 {flex: 1 1 0%
    }.md\:tw-grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr))
    }.md\:tw-grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr))
    }.md\:tw-grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr))
    }.md\:tw-grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr))
    }.md\:tw-flex-row {flex-direction: row
    }.md\:tw-items-end {align-items: flex-end
    }.md\:tw-gap-0 {gap: 0px
    }.md\:tw-gap-20 {gap: 5rem
    }.md\:tw-gap-5 {gap: 1.25rem
    }.md\:tw-gap-6 {gap: 1.5rem
    }.md\:tw-self-start {align-self: flex-start
    }.md\:tw-self-end {align-self: flex-end
    }.md\:tw-p-3 {padding: 0.75rem
    }.md\:tw-px-12 {padding-left: 3rem;padding-right: 3rem
    }.md\:tw-px-14 {padding-left: 3.5rem;padding-right: 3.5rem
    }.md\:tw-px-16 {padding-left: 4rem;padding-right: 4rem
    }.md\:tw-px-20 {padding-left: 5rem;padding-right: 5rem
    }.md\:tw-px-24 {padding-left: 6rem;padding-right: 6rem
    }.md\:tw-px-5 {padding-left: 1.25rem;padding-right: 1.25rem
    }.md\:tw-px-8 {padding-left: 2rem;padding-right: 2rem
    }.md\:tw-py-20 {padding-top: 5rem;padding-bottom: 5rem
    }.md\:tw-py-28 {padding-top: 7rem;padding-bottom: 7rem
    }.md\:tw-py-32 {padding-top: 8rem;padding-bottom: 8rem
    }.md\:tw-py-48 {padding-top: 12rem;padding-bottom: 12rem
    }.md\:tw-pb-20 {padding-bottom: 5rem
    }.md\:tw-pb-24 {padding-bottom: 6rem
    }.md\:tw-pb-28 {padding-bottom: 7rem
    }.md\:tw-pl-6 {padding-left: 1.5rem
    }.md\:tw-pr-5 {padding-right: 1.25rem
    }.md\:tw-pt-16 {padding-top: 4rem
    }.md\:tw-text-left {text-align: left
    }.md\:tw-text-2xl {font-size: 1.5rem;line-height: 2rem
    }.md\:tw-text-3xl {font-size: 1.875rem;line-height: 2.25rem
    }.md\:tw-text-4xl {font-size: 24px;line-height: 120%;font-weight: 700
    }.md\:tw-text-5xl {font-size: 32px;line-height: 120%;font-weight: 700
    }.md\:tw-text-6xl {font-size: 56px;line-height: 120%;font-weight: 700
    }.md\:tw-text-9xl {font-size: 8rem;line-height: 1
    }.md\:tw-text-lg {font-size: 1.125rem;line-height: 1.75rem
    }.md\:tw-text-sm {font-size: 0.875rem;line-height: 1.25rem
    }.md\:tw-text-xl {font-size: 1.25rem;line-height: 1.75rem
    }
}@media (min-width: 1024px) {.lg\:tw-col-span-4 {grid-column: span 4 / span 4
    }.lg\:tw-mb-32 {margin-bottom: 8rem
    }.lg\:tw-grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr))
    }.lg\:tw-px-20 {padding-left: 5rem;padding-right: 5rem
    }
}@media (min-width: 1280px) {.xl\:tw-mx-auto {margin-left: auto;margin-right: auto
    }.xl\:tw-px-10 {padding-left: 2.5rem;padding-right: 2.5rem
    }.xl\:tw-pb-0 {padding-bottom: 0px
    }.xl\:tw-text-2xl {font-size: 1.5rem;line-height: 2rem
    }
}@media (min-width: 1536px) {.\32xl\:tw-px-0 {padding-left: 0px;padding-right: 0px
    }.\32xl\:tw-py-36 {padding-top: 9rem;padding-bottom: 9rem
    }
}.\[\&_svg\]\:tw-pointer-events-none svg {pointer-events: none
}.\[\&_svg\]\:tw-size-4 svg {width: 1rem;height: 1rem
}.\[\&_svg\]\:tw-shrink-0 svg {flex-shrink: 0
}
.filter-categories-container .menu-categories{position:fixed;height:100vh;width:100vw;top:0;left:0;background:rgba(39,52,67,.5);z-index:10}.filter-categories-container .menu-categories .content{background-color:#fff;bottom:0;position:absolute;width:100%;padding:30px 5px}.filter-categories-container .menu-categories .content #service-categories{overflow-y:auto;max-height:255px}.filter-categories-container .menu-categories .content #service-categories .service-category-link:hover{color:#8492a5;background:#f2f3f5}.filter-categories-container .menu-categories .content #service-categories .service-category-link:hover.active{background:rgba(255,127,52,.1);opacity:1}.filter-categories-container .menu-categories .content #service-categories .service-category-link:hover.active span{color:#ff7517}.filter-categories-container .menu-categories .content #service-categories .service-category-link:hover span{color:#8492a5}
.scee-card-container{min-width:268px;max-width:268px;align-self:flex-start}.scee-card-container .scee-img-container{height:160px}.scee-card-container .scee-img-container:after{content:"";width:100%;height:32px;position:absolute;top:0;right:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.6784313725) 0%, rgba(0, 0, 0, 0) 100%);border-radius:.5rem .5rem 0px 0px}.scee-card-container .scee-img-container img{height:160px}.scee-card-container .scee-img-container .state-ribbon{position:absolute;width:156px;right:-15px;bottom:17px;transform:rotate(-30deg);border:1px solid #f5f8fe;color:#fff;font-weight:bold;font-size:16px;text-align:center;line-height:140%;text-transform:uppercase}.scee-card-container .scee-img-container .state-ribbon[data-state=out_of_stock]{right:-29px;bottom:34px;transform:rotate(316deg)}html{font-size:13px}.full-height-icon{height:100% !important}.new-form-container{background-color:#f2f5f8}.new-form-container .new-form{max-width:960px;background-color:#fff}.new-form-container .go-back{position:absolute;left:40%;top:53px}@media screen and (min-width: 768px){.new-form-container .go-back{left:60px}}.loading-spinner{position:absolute;content:"";top:50%;left:50%;margin:-0.65384615em 0em 0em -0.65384615em;width:1.30769231em;height:1.30769231em;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.2em;box-shadow:0px 0px 0px 1px rgba(0,0,0,0)}.tw-bg-white>.loading-spinner{border-color:#00d4b4 rgba(0,0,0,0) rgba(0,0,0,0)}.custom-radio-input{display:block;position:absolute;z-index:1;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;top:12px;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-radio-input input{position:absolute;opacity:0;cursor:pointer}.custom-radio-input .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:2px solid #d3dce6;border-radius:50%}.custom-radio-input input:checked~.checkmark{background-color:#00d4b4;border:2px solid #00d4b4}.custom-radio-input .checkmark:after{content:"";position:absolute;display:none}.custom-radio-input input:checked~.checkmark:after{display:block}.custom-radio-input .checkmark:after{top:1px;right:1px;width:19px;height:19px;border-radius:50%;border:3px solid #fff}.custom-radio-input.left{right:auto;left:0}.custom-radio-input.small{top:16px}.custom-radio-input.small .checkmark{width:16px;height:16px}.custom-radio-input.small .checkmark:after{top:0px;right:0px;width:12px;height:12px}.custom-checkbox-input{display:block;position:absolute;z-index:1;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;top:12px;right:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox-input input{position:absolute;opacity:0;cursor:pointer}.custom-checkbox-input .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:2px solid #d3dce6;border-radius:5px}.custom-checkbox-input input:checked~.checkmark{background-color:#00d4b4;border:2px solid #00d4b4}.custom-checkbox-input .checkmark:after{content:"";position:absolute;display:none}.custom-checkbox-input input:checked~.checkmark:after{display:block}.custom-checkbox-input .checkmark:after{left:6px;top:3px;width:7px;height:12px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.custom-checkbox-input.left{right:auto;left:0}.custom-checkbox-input.small{top:16px}.custom-checkbox-input.small .checkmark{width:16px;height:16px}.custom-checkbox-input.small .checkmark:after{left:4px;top:1px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0}.project-list-component .project-list-item{width:304px;height:auto}.project-list-component .project-list-item-img{width:80px;height:48px}.project-list-component .custom-radio-input,.project-list-component .custom-checkbox-input{position:relative;top:0;margin:0}.project-list-component .custom-radio-input .checkmark,.project-list-component .custom-checkbox-input .checkmark{top:11.5px}.clean-number-container input::-webkit-outer-spin-button,.clean-number-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.clean-number-container input[type=number]{-moz-appearance:textfield}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #2ad1b3;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#2ad1b3 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mobile-hover-dropdown .menu{padding-left:10px}.mobile-hover-dropdown .menu.hidden{display:none}.centered-icon{height:auto !important;width:auto !important;margin:0 !important}a{color:#00d4b4}a:hover{color:#00d4b4}h1,h2,h3,h4,h5{font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;line-height:1.2857em;margin:calc(2rem - .14285em) 0em 1rem;font-weight:400;padding:0em}h2{font-size:1.714rem}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:none;color:none}.ui.progress .bar{background-color:#00d4b4 !important}.ui.menu .item::before{content:none}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{background:none}body{color:#333338}

/*
 * require_tree .
 *= require slick-carousel/slick/slick.css
 *= require slick-carousel/slick/slick-theme.css
 *= require_self
*/
/*******************************
     User Global Variables
*******************************/
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*@imagePath : '../../themes/default/assets/images';
@fontPath  : '../../themes/default/assets/fonts';*/
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
i.icon.art:before {
  content: "\f1fc";
}
i.icon.location:before {
  content: "\f041";
}
i.icon.elipsis-v:before {
  content: "\f142";
}
i.icon.education:before {
  content: "\f02d";
}
i.icon.email:before {
  content: "\f0e0";
}
i.icon.website:before {
  content: "\f0ac";
}
i.icon.share:before {
  content: "\f14d";
}
i.icon.edit:before {
  content: "\f303";
}
i.icon.close:before {
  content: "\f410";
}
.pad {
  padding: 1rem;
}
.pad-x2,
#organization-show #organization-description {
  padding: 2rem;
}
.no-pad,
.project-tags.ui.segment,
.service-tag.ui.segment,
.organization-tags.ui.segment,
.project .description {
  padding: 0;
}
.no-pad-top {
  padding-top: 0;
}
.pad-vertical,
#flash-container .alert {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pad-vertical-x2,
#project-show #plans,
#projects,
#my-activity-header,
#project-support-header,
#donations,
.category-header.ui.header,
#org-name-signup,
#org-name-register,
#org-landing #org-header,
#org-landing #help-grid {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pad-horizontal,
#email-signup .ui.header > .icon + .content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pad-horizontal-x2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.pad-top,
footer h3#explore-categories,
footer h3#how-it-works,
footer h3#website,
footer h3#social {
  padding-top: 1rem;
}
.pad-top-sm {
  padding-top: 1rem / 2;
}
.pad-top-x2 {
  padding-top: 2rem;
}
.pad-bottom,
#service-index {
  padding-bottom: 1rem;
}
.space-vertical,
#project-show,
#service-categories,
#user-profile #causes-categories,
.project .project-header,
#project-categories {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.space-vertical-x2,
#login-grid,
#create-account-grid,
#edit-account-grid,
#forgot-password-grid,
#settings-account-grid,
#organization-form-page,
#gallery-project-form,
#project-header,
#shop-header,
#stripe-form-page,
#my-activity-header,
#project-support-header,
#services-header,
#organization-header,
#org-name-signup,
#org-name-register,
#experts-callout,
#experts-callout h1#meet-experts {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.space-horizontal {
  margin-left: 1rem;
  margin-right: 1rem;
}
.space-horizontal-x2 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.space,
header #new-project-button {
  margin: 1rem;
}
.space-top,
#project-show #help-section .category-header {
  margin-top: 1rem;
}
.space-top-x2 {
  margin-top: 2rem;
}
.space-bottom,
#login-grid #login-header,
#create-account-grid #login-header,
#edit-account-grid #login-header,
#forgot-password-grid #login-header,
#settings-account-grid #login-header,
#organization-form-page #login-header,
#gallery-project-form #login-header,
#login-grid #create-account-header,
#create-account-grid #create-account-header,
#edit-account-grid #create-account-header,
#forgot-password-grid #create-account-header,
#settings-account-grid #create-account-header,
#organization-form-page #create-account-header,
#gallery-project-form #create-account-header,
#login-grid #forgot-password-header,
#create-account-grid #forgot-password-header,
#edit-account-grid #forgot-password-header,
#forgot-password-grid #forgot-password-header,
#settings-account-grid #forgot-password-header,
#organization-form-page #forgot-password-header,
#gallery-project-form #forgot-password-header,
#project-show #project-tags,
#project-show #help-section #expert-button .ui.button,
#project-show #help-section #add-donation,
#stripe-form-page #stripe-header,
#service-index,
#donations,
#about-us .hero p,
.how-it-works .hero p {
  margin-bottom: 1rem;
}
.space-bottom-x2 {
  margin-bottom: 2rem;
}
.space-left {
  margin-left: 1rem;
}
.space-right {
  margin-right: 1rem;
}
.no-space,
footer i.icon,
.user-card h3.ui.header.user-name,
.user-card h4.user-title,
.user-card p.user-cost {
  margin: 0;
}
.space-all {
  margin: 1rem;
}
/*
LARGER MOBILE DEVICES
~481px+
*/
/*
TABLET & SMALLER LAPTOPS
~768px+
*/
/*
DESKTOP
~1030px+
*/
/*
LARGE VIEWING SIZE
~1240px+
*/
.primary-font {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.secondary-font,
.how-it-works .link,
header .ui.button.organization {
  font-family: "Varela Round", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.primary-color,
#login-grid #login-header,
#create-account-grid #login-header,
#edit-account-grid #login-header,
#forgot-password-grid #login-header,
#settings-account-grid #login-header,
#organization-form-page #login-header,
#gallery-project-form #login-header,
#login-grid #create-account-header,
#create-account-grid #create-account-header,
#edit-account-grid #create-account-header,
#forgot-password-grid #create-account-header,
#settings-account-grid #create-account-header,
#organization-form-page #create-account-header,
#gallery-project-form #create-account-header,
#login-grid #forgot-password-header,
#create-account-grid #forgot-password-header,
#edit-account-grid #forgot-password-header,
#forgot-password-grid #forgot-password-header,
#settings-account-grid #forgot-password-header,
#organization-form-page #forgot-password-header,
#gallery-project-form #forgot-password-header,
#login-grid #forgot-password-field,
#create-account-grid #forgot-password-field,
#edit-account-grid #forgot-password-field,
#forgot-password-grid #forgot-password-field,
#settings-account-grid #forgot-password-field,
#organization-form-page #forgot-password-field,
#gallery-project-form #forgot-password-field,
#project-header,
#shop-header,
#stripe-form-page #stripe-header,
footer .ui.link.list.list a.item {
  color: #2ad1b3;
}
.secondary-color {
  color: #00D4B4;
}
.tertiary-color {
  color: #464152;
}
.primary-background,
#home #home-callout,
#email-signup,
#flash-container .alert {
  background-color: #2ad1b3;
}
.secondary-background {
  background-color: #00D4B4;
}
.tertiary-background {
  background-color: #464152;
}
.white,
#home #home-callout {
  color: #FFFFFF;
}
.text-center,
#experts-callout h1#meet-experts {
  text-align: center;
}
.text-right {
  text-align: right;
}
.bold-font {
  font-weight: 700;
}
.upcase {
  text-transform: uppercase;
}
.full-width,
.user-card .user-image {
  width: 100% !important;
}
.mlr-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
form.button_to {
  display: inline-block;
}
.form.ui .mt-1 {
  margin-top: 5rem;
}
.form.ui .actions {
  display: block;
}
.form.ui .actions p {
  margin-top: 1rem;
}
.form.ui b {
  color: #3B4857;
}
form.ui.form .field.inline > :first-child {
  margin-bottom: 1em;
}
form.ui.form .field input,
form.ui.form .field textarea,
form.ui.form .field select {
  background: #F9FAFC;
}
form.ui.form .field .ui.selection.dropdown {
  background: #F9FAFC;
}
form.ui.form .field input.secondary.button {
  background-color: #ff7f34;
}
form.ui.form .field.inline label,
form.ui.form .field label {
  color: #3B4857;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
}
.ui.form input[type="date"].date-polyfill {
  padding: 0.73905385em 0.2em;
}
.ui.form input[type="date"].date-polyfill::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}
@media only screen and (min-width: 100px) {
  .ui.form input[type="date"].date-polyfill .safari10 .date-input-polyfill[data-open=true] {
    z-index: 3;
  }
}
date-input-polyfill {
  z-index: 3 !important;
}
date-input-polyfill .yearSelect-wrapper {
  width: 45% !important;
}
.ui.checkbox.large-checkbox input[type="checkbox"],
.ui.checkbox.large-checkbox label:before,
.ui.checkbox.large-checkbox label:after {
  width: 30px;
  height: 30px;
  margin-left: -20px;
  padding-top: 5px;
  font-size: 20px;
}
.ui.checkbox.large-checkbox input.hidden + label {
  margin-left: 20px;
  padding-top: 5px;
}
label.required:after {
  content: " *";
  color: red;
  font-weight: bold;
}
#flash-container {
  padding-bottom: 10px;
}
#flash-container .alert {
  padding: 20px;
}
@media only screen and (min-width: 40.5em) {
  #flash-container {
    padding-top: 100px;
  }
}
#flash-container + .main-container {
  padding-top: 0;
}
.hidden {
  display: none !important;
}
.ui.progress.bar {
  min-width: 0;
  height: 9px !important;
}
@media only screen and (min-width: 738px) {
  .main-container {
    padding-top: 74px;
  }
  .main-container.no-padding {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-reverse {
    flex-direction: column-reverse !important;
  }
  .mobile-reverse :last-child {
    margin-top: 16px;
  }
}
.ui.orange.message {
  box-shadow: none;
  border: none;
  border-left: 3px solid #ff7517;
}
.ui.basic.grey.button {
  box-shadow: 0px 0px 0px 1px #E0E6ED inset !important;
}
.ql-editor ol,
.ql-editor ul {
  padding: 0 !important;
}
.content ul,
.content ol {
  padding: 0;
  padding-left: 20px;
}
.content ul li,
.content ol li {
  padding: 0;
  cursor: inherit;
  color: inherit;
}
.content ul br,
.content ol br {
  display: none;
}
.home-slider {
  height: calc(100vh - 104px);
  overflow: hidden;
}
@media only screen and (min-width: 738px) {
  .home-slider {
    height: 450px;
  }
}
.home-slider .project-slide-wrapper {
  margin: auto;
}
@media only screen and (min-width: 738px) {
  .home-slider .project-slide-wrapper {
    width: 33%;
  }
}
.home-slider .slick-list {
  height: 100%;
}
.home-slider .slick-list .slick-track {
  height: 100%;
}
.home-slider .slick-list .slick-track .slick-slide {
  transition: opacity 350ms ease-in-out;
  opacity: 0.8;
}
.home-slider .slick-list .slick-track .slick-slide.slick-current {
  opacity: 1;
}
.home-slider .slick-arrow {
  z-index: 10;
}
.home-slider .slick-prev {
  left: 5px;
}
.home-slider .slick-next {
  right: 5px;
}
.home-slider .custom-slide {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.home-slider .image {
  display: none;
  height: 450px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.home-slider .image img {
  width: 100%;
  height: auto;
}
.home-slider .overlay {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(1, 1, 1, 0.35);
}
.home-slider .overlay .slider-content {
  padding-top: 165px;
}
.home-slider .overlay .slider-content .slider-link {
  color: #fff;
}
.home-slider .overlay .overlay-content .ui.header {
  color: #fff;
}
.home-slider .overlay .overlay-content .ui.header a {
  color: #fff;
}
.home-slider .overlay .overlay-content .ui.header .sub.header {
  text-transform: none;
}
.home-slider .overlay .view-more {
  text-align: center;
}
#home #home-callout {
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0rem;
}
#home #home-callout.home-new {
  background-image: url("https://expertpeople.imgix.net/assets/images/home_bg_desktop.png");
  height: 90vh;
  background-position-y: 100%;
  background-position-x: 100%;
}
#home #home-callout .home-text {
  position: absolute;
  font-family: Open Sans;
  font-style: normal;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-align: center;
}
#home #home-callout .home-text.raise {
  display: flow-root;
  position: relative;
  top: 42%;
}
#home #home-callout .home-text.raise p {
  margin-bottom: 0px;
  font-size: 34px;
  font-weight: 400;
  z-index: 20;
  position: relative;
  top: 0;
}
#home #home-callout .home-text.raise p a {
  color: white;
}
#home #home-callout .home-text.raise img {
  position: absolute;
  top: 32px;
  left: 27px;
  z-index: 10;
}
#home #home-callout .title {
  font-size: 60px;
  top: 22%;
  font-weight: 600;
}
#home #home-callout p {
  font-size: 22px;
  top: 37%;
}
#home #home-callout .button-wrapper {
  position: absolute;
  display: flow-root;
}
#home #home-callout .button-wrapper a {
  border-radius: 40px;
  width: 180px;
  font-weight: 100;
  padding: 20px 30px;
  height: 50px;
  font-size: 14px;
}
#home #home-callout .button-wrapper.left {
  top: 55%;
  left: calc(50% - 300px);
  display: flex;
  align-items: flex-end;
}
#home #home-callout .button-wrapper.left a {
  background-color: #FF7517;
}
#home #home-callout .button-wrapper.left img {
  transform: rotate(-30deg);
  margin-left: 18px;
}
#home #home-callout .button-wrapper.right {
  top: 50%;
  right: calc(50% - 300px);
}
#home #home-callout .button-wrapper.right a {
  background-color: #FFD600;
}
#home #home-callout .button-wrapper.right img {
  transform: rotate(10deg);
  margin-right: 18px;
}
#home .overlay {
  background: rgba(17, 17, 17, 0.3) none repeat scroll 0 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#home #projects-callout {
  margin-top: 90px;
}
#home #projects-callout h1 {
  margin-bottom: 30px;
  font-weight: bold;
}
#home #featured_projects {
  margin: 20px 0;
}
#home #join_our_community .page-title {
  margin-top: 8rem;
  font-size: 60px;
  font-weight: bold;
  line-height: 140%;
  color: #273443;
}
#home #join_our_community a {
  width: 240px;
  padding: 20px 10px;
  font-weight: normal;
  border-radius: 40px;
}
#home #join_our_community .right a {
  background-color: white;
  color: #FF7517;
  border: 1px solid #FF7517;
}
#home #join_our_community .cta-section {
  margin-bottom: 120px;
}
@media only screen and (max-width: 835px) {
  #home {
    margin: 0 !important;
  }
  #home #home-callout {
    border-radius: 0;
    background-size: cover;
  }
  #home #home-callout.home-new {
    background-image: url("https://expertpeople.imgix.net/assets/images/home_bg_mobile.png");
    height: 624px;
  }
  #home #home-callout .title {
    font-size: 50px;
    top: 20%;
    font-weight: 600;
  }
  #home #home-callout h3 {
    font-size: 33px;
    font-weight: 600;
    top: 47%;
  }
  #home #home-callout .raise {
    font-size: 22px;
    top: 46%;
  }
}
@media only screen and (max-width: 650px) {
  #home {
    margin: 0 !important;
  }
  #home #home-callout {
    border-radius: 0;
    background-size: cover;
  }
  #home #home-callout .home-text {
    text-align: left;
    width: 100%;
    padding: 0 20px;
  }
  #home #home-callout p.home-text {
    font-size: 14px;
  }
  #home #home-callout .title {
    font-size: 34px;
    top: 15%;
    font-weight: 600;
  }
  #home #home-callout h3 {
    font-size: 33px;
    font-weight: 600;
    top: 47%;
  }
  #home #home-callout .home-text.raise {
    top: 46%;
    padding: 0 7px;
  }
  #home #home-callout .home-text.raise p {
    font-size: 20px;
  }
  #home #home-callout .home-text.raise img {
    top: 18px;
    left: 9px;
    width: 100px;
  }
  #home #home-callout .button-wrapper img {
    display: none;
  }
  #home #home-callout .button-wrapper.left,
  #home #home-callout .button-wrapper.right {
    left: 0;
    right: auto;
    align-items: center;
    width: 100%;
  }
  #home #home-callout .button-wrapper.left a,
  #home #home-callout .button-wrapper.right a {
    width: 100%;
  }
  #home #home-callout .button-wrapper.left {
    top: 55%;
    margin-top: 10px;
  }
  #home #home-callout .button-wrapper.right {
    top: 64%;
    margin-top: 20px;
  }
  #home #project-categories,
  #home #service-categories {
    display: none;
  }
  #home #join_our_community .page-title {
    font-size: 33px;
  }
  #home #join_our_community .cta-section {
    margin-bottom: 60px;
    flex-direction: column;
  }
  #home #join_our_community .cta-section .button-wrapper {
    margin-bottom: 10px;
  }
  #home #join_our_community .cta-section .button-wrapper a {
    width: 100%;
  }
}
@media only screen and (max-width: 415px) {
  #home {
    margin: 0 !important;
  }
  #home #organizations {
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
}
#view-all-category-link {
  border: 1px solid #e0e6ed;
  box-sizing: border-box;
  border-radius: 40px;
  color: #3b4857;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  min-width: 190px;
  display: inline-block;
  margin-bottom: 30px;
}
#login-grid #login-header,
#create-account-grid #login-header,
#edit-account-grid #login-header,
#forgot-password-grid #login-header,
#settings-account-grid #login-header,
#organization-form-page #login-header,
#gallery-project-form #login-header,
#login-grid #create-account-header,
#create-account-grid #create-account-header,
#edit-account-grid #create-account-header,
#forgot-password-grid #create-account-header,
#settings-account-grid #create-account-header,
#organization-form-page #create-account-header,
#gallery-project-form #create-account-header,
#login-grid #forgot-password-header,
#create-account-grid #forgot-password-header,
#edit-account-grid #forgot-password-header,
#forgot-password-grid #forgot-password-header,
#settings-account-grid #forgot-password-header,
#organization-form-page #forgot-password-header,
#gallery-project-form #forgot-password-header {
  font-weight: 700;
}
#login-grid #create-account-header,
#create-account-grid #create-account-header,
#edit-account-grid #create-account-header,
#forgot-password-grid #create-account-header,
#settings-account-grid #create-account-header,
#organization-form-page #create-account-header,
#gallery-project-form #create-account-header,
#login-grid #gallery-form-header,
#create-account-grid #gallery-form-header,
#edit-account-grid #gallery-form-header,
#forgot-password-grid #gallery-form-header,
#settings-account-grid #gallery-form-header,
#organization-form-page #gallery-form-header,
#gallery-project-form #gallery-form-header {
  color: #3B4857;
}
#login-grid .subtitle,
#create-account-grid .subtitle,
#edit-account-grid .subtitle,
#forgot-password-grid .subtitle,
#settings-account-grid .subtitle,
#organization-form-page .subtitle,
#gallery-project-form .subtitle {
  font-family: "Varela Round";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #8492A5;
}
#login-grid .subtitle a,
#create-account-grid .subtitle a,
#edit-account-grid .subtitle a,
#forgot-password-grid .subtitle a,
#settings-account-grid .subtitle a,
#organization-form-page .subtitle a,
#gallery-project-form .subtitle a {
  color: #00D4B4;
}
#login-grid #forgot-password-field,
#create-account-grid #forgot-password-field,
#edit-account-grid #forgot-password-field,
#forgot-password-grid #forgot-password-field,
#settings-account-grid #forgot-password-field,
#organization-form-page #forgot-password-field,
#gallery-project-form #forgot-password-field {
  text-align: right;
  text-decoration: underline;
}
#login-grid .custom-margin-15,
#create-account-grid .custom-margin-15,
#edit-account-grid .custom-margin-15,
#forgot-password-grid .custom-margin-15,
#settings-account-grid .custom-margin-15,
#organization-form-page .custom-margin-15,
#gallery-project-form .custom-margin-15 {
  margin: 15px;
}
#login-grid .ui.secondary.button,
#create-account-grid .ui.secondary.button,
#edit-account-grid .ui.secondary.button,
#forgot-password-grid .ui.secondary.button,
#settings-account-grid .ui.secondary.button,
#organization-form-page .ui.secondary.button,
#gallery-project-form .ui.secondary.button {
  background-color: #2ad1b3;
  border-radius: 40px;
}
#login-grid .ui.button,
#create-account-grid .ui.button,
#edit-account-grid .ui.button,
#forgot-password-grid .ui.button,
#settings-account-grid .ui.button,
#organization-form-page .ui.button,
#gallery-project-form .ui.button {
  font-size: 14px;
  font-family: "Varela Round";
  font-style: normal;
  font-weight: normal;
}
#login-grid .w-200,
#create-account-grid .w-200,
#edit-account-grid .w-200,
#forgot-password-grid .w-200,
#settings-account-grid .w-200,
#organization-form-page .w-200,
#gallery-project-form .w-200 {
  width: 200px;
}
#login-grid .ui.secondary-inverted.button,
#create-account-grid .ui.secondary-inverted.button,
#edit-account-grid .ui.secondary-inverted.button,
#forgot-password-grid .ui.secondary-inverted.button,
#settings-account-grid .ui.secondary-inverted.button,
#organization-form-page .ui.secondary-inverted.button,
#gallery-project-form .ui.secondary-inverted.button {
  border: 1px solid #00D4B4;
  background: white;
  color: #00D4B4;
  border-radius: 40px;
  width: 200px;
}
#login-grid .ui.checkbox input[type="checkbox"],
#create-account-grid .ui.checkbox input[type="checkbox"],
#edit-account-grid .ui.checkbox input[type="checkbox"],
#forgot-password-grid .ui.checkbox input[type="checkbox"],
#settings-account-grid .ui.checkbox input[type="checkbox"],
#organization-form-page .ui.checkbox input[type="checkbox"],
#gallery-project-form .ui.checkbox input[type="checkbox"],
#login-grid .ui.checkbox label:before,
#create-account-grid .ui.checkbox label:before,
#edit-account-grid .ui.checkbox label:before,
#forgot-password-grid .ui.checkbox label:before,
#settings-account-grid .ui.checkbox label:before,
#organization-form-page .ui.checkbox label:before,
#gallery-project-form .ui.checkbox label:before,
#login-grid .ui.checkbox label:after,
#create-account-grid .ui.checkbox label:after,
#edit-account-grid .ui.checkbox label:after,
#forgot-password-grid .ui.checkbox label:after,
#settings-account-grid .ui.checkbox label:after,
#organization-form-page .ui.checkbox label:after,
#gallery-project-form .ui.checkbox label:after {
  font-size: 11px;
}
#login-grid .ui.checkbox label:after,
#create-account-grid .ui.checkbox label:after,
#edit-account-grid .ui.checkbox label:after,
#forgot-password-grid .ui.checkbox label:after,
#settings-account-grid .ui.checkbox label:after,
#organization-form-page .ui.checkbox label:after,
#gallery-project-form .ui.checkbox label:after {
  background-color: #2ad1b3 !important;
  color: #fff !important;
}
#login-grid #user-photo #user-photo-text-field,
#create-account-grid #user-photo #user-photo-text-field,
#edit-account-grid #user-photo #user-photo-text-field,
#forgot-password-grid #user-photo #user-photo-text-field,
#settings-account-grid #user-photo #user-photo-text-field,
#organization-form-page #user-photo #user-photo-text-field,
#gallery-project-form #user-photo #user-photo-text-field {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  background-color: #F9FAFC;
  text-align: center;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}
#login-grid #user-photo #photo,
#create-account-grid #user-photo #photo,
#edit-account-grid #user-photo #photo,
#forgot-password-grid #user-photo #photo,
#settings-account-grid #user-photo #photo,
#organization-form-page #user-photo #photo,
#gallery-project-form #user-photo #photo {
  border-radius: 150px;
  width: 150px;
  height: 150px;
  background-color: #767676;
}
#login-grid #user-photo input[type="file"],
#create-account-grid #user-photo input[type="file"],
#edit-account-grid #user-photo input[type="file"],
#forgot-password-grid #user-photo input[type="file"],
#settings-account-grid #user-photo input[type="file"],
#organization-form-page #user-photo input[type="file"],
#gallery-project-form #user-photo input[type="file"] {
  display: none;
}
#login-grid .professional-experience-counter,
#create-account-grid .professional-experience-counter,
#edit-account-grid .professional-experience-counter,
#forgot-password-grid .professional-experience-counter,
#settings-account-grid .professional-experience-counter,
#organization-form-page .professional-experience-counter,
#gallery-project-form .professional-experience-counter {
  position: relative;
}
#login-grid .professional-experience-counter #charcounter,
#create-account-grid .professional-experience-counter #charcounter,
#edit-account-grid .professional-experience-counter #charcounter,
#forgot-password-grid .professional-experience-counter #charcounter,
#settings-account-grid .professional-experience-counter #charcounter,
#organization-form-page .professional-experience-counter #charcounter,
#gallery-project-form .professional-experience-counter #charcounter {
  color: #F3615E;
  position: absolute;
  right: 24px;
  bottom: 24px;
}
#login-grid .causes-checkboxes,
#create-account-grid .causes-checkboxes,
#edit-account-grid .causes-checkboxes,
#forgot-password-grid .causes-checkboxes,
#settings-account-grid .causes-checkboxes,
#organization-form-page .causes-checkboxes,
#gallery-project-form .causes-checkboxes {
  /* Chrome, Safari, Opera */
  -moz-column-count: 3;
  /* Firefox */
  column-count: 3;
}
#login-grid .causes-checkboxes .ui.checkbox label:after,
#create-account-grid .causes-checkboxes .ui.checkbox label:after,
#edit-account-grid .causes-checkboxes .ui.checkbox label:after,
#forgot-password-grid .causes-checkboxes .ui.checkbox label:after,
#settings-account-grid .causes-checkboxes .ui.checkbox label:after,
#organization-form-page .causes-checkboxes .ui.checkbox label:after,
#gallery-project-form .causes-checkboxes .ui.checkbox label:after {
  background-color: #2ad1b3 !important;
  color: #fff !important;
  margin-bottom: 3px;
}
#login-grid .causes-checkboxes .link-more,
#create-account-grid .causes-checkboxes .link-more,
#edit-account-grid .causes-checkboxes .link-more,
#forgot-password-grid .causes-checkboxes .link-more,
#settings-account-grid .causes-checkboxes .link-more,
#organization-form-page .causes-checkboxes .link-more,
#gallery-project-form .causes-checkboxes .link-more {
  display: none;
  color: #2ad1b3;
  padding-bottom: 12px;
}
#login-grid .causes-checkboxes.read-more,
#create-account-grid .causes-checkboxes.read-more,
#edit-account-grid .causes-checkboxes.read-more,
#forgot-password-grid .causes-checkboxes.read-more,
#settings-account-grid .causes-checkboxes.read-more,
#organization-form-page .causes-checkboxes.read-more,
#gallery-project-form .causes-checkboxes.read-more {
  display: normal;
}
@media only screen and (max-width: 433px) {
  #login-grid .causes-checkboxes,
  #create-account-grid .causes-checkboxes,
  #edit-account-grid .causes-checkboxes,
  #forgot-password-grid .causes-checkboxes,
  #settings-account-grid .causes-checkboxes,
  #organization-form-page .causes-checkboxes,
  #gallery-project-form .causes-checkboxes {
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
  }
  #login-grid .causes-checkboxes .link-more,
  #create-account-grid .causes-checkboxes .link-more,
  #edit-account-grid .causes-checkboxes .link-more,
  #forgot-password-grid .causes-checkboxes .link-more,
  #settings-account-grid .causes-checkboxes .link-more,
  #organization-form-page .causes-checkboxes .link-more,
  #gallery-project-form .causes-checkboxes .link-more {
    display: inline;
  }
  #login-grid .causes-checkboxes .ui.checkbox,
  #create-account-grid .causes-checkboxes .ui.checkbox,
  #edit-account-grid .causes-checkboxes .ui.checkbox,
  #forgot-password-grid .causes-checkboxes .ui.checkbox,
  #settings-account-grid .causes-checkboxes .ui.checkbox,
  #organization-form-page .causes-checkboxes .ui.checkbox,
  #gallery-project-form .causes-checkboxes .ui.checkbox {
    display: inline;
  }
  #login-grid .causes-checkboxes .ui.checkbox.read-more,
  #create-account-grid .causes-checkboxes .ui.checkbox.read-more,
  #edit-account-grid .causes-checkboxes .ui.checkbox.read-more,
  #forgot-password-grid .causes-checkboxes .ui.checkbox.read-more,
  #settings-account-grid .causes-checkboxes .ui.checkbox.read-more,
  #organization-form-page .causes-checkboxes .ui.checkbox.read-more,
  #gallery-project-form .causes-checkboxes .ui.checkbox.read-more {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  #login-grid .causes-checkboxes .checkbox,
  #create-account-grid .causes-checkboxes .checkbox,
  #edit-account-grid .causes-checkboxes .checkbox,
  #forgot-password-grid .causes-checkboxes .checkbox,
  #settings-account-grid .causes-checkboxes .checkbox,
  #organization-form-page .causes-checkboxes .checkbox,
  #gallery-project-form .causes-checkboxes .checkbox {
    margin-right: 44px;
  }
}
#edit-account-header {
  color: #3B4857;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.title-accordion {
  background-color: #F9FAFC;
  margin-bottom: 9px;
  padding: 13px 3px !important;
}
.manage-cards-content {
  text-align: center;
}
.ui.form .field > label {
  display: inline-block;
}
form.ui.form .accordion.green .title .icon,
form.ui.form .accordion.green .title label {
  color: #00D4B4;
}
form.ui.form .accordion.green .title.active .accordion-icon-open {
  display: none;
}
form.ui.form .accordion.green .title.active .accordion-icon-closed {
  display: inline-block;
}
form.ui.form .accordion.green .title .accordion-icon-open {
  display: inline-block;
}
form.ui.form .accordion.green .title .accordion-icon-closed {
  display: none;
}
form.ui.form .accordion.green .custom-width[data-tooltip]:after {
  width: 246px;
  white-space: normal;
}
.hint {
  float: right;
  font-size: 8px;
  font-weight: 700;
  color: #767676;
  display: block;
  padding-left: 10px;
}
#org-form-submit {
  margin-bottom: 10px;
}
#new-login-page,
#new-create-account {
  background-image: url("https://expertpeople.imgix.net/assets/images/home_bg_desktop.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 100%;
  background-position-x: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#new-login-page::before,
#new-create-account::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#new-login-page .logo-section,
#new-create-account .logo-section {
  color: white;
  max-width: 100%;
  margin: 0;
}
#new-login-page .logo-section .logo-section-wrapper,
#new-create-account .logo-section .logo-section-wrapper {
  padding: 2rem 0;
  max-width: 100%;
}
#new-login-page .ui.button.sp,
#new-create-account .ui.button.sp {
  font-size: 20px;
  font-weight: normal;
  line-height: 17px;
  border-radius: 10px;
}
#new-login-page .button.ep-orange,
#new-create-account .button.ep-orange {
  background: #FF7517;
  color: white;
}
#new-login-page .button.ep-yellow,
#new-create-account .button.ep-yellow {
  background: #FFD600;
  color: white;
}
#new-login-page .button.ep-color,
#new-create-account .button.ep-color {
  background: #00D4B4;
  color: white;
}
#new-login-page .form-section,
#new-create-account .form-section {
  padding: 7rem 2rem;
  max-width: 600px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #new-login-page .form-section,
  #new-create-account .form-section {
    padding: 0 2rem;
  }
}
#new-login-page .form-section #flash-container,
#new-create-account .form-section #flash-container {
  padding: 0;
  margin-bottom: 10px;
}
#new-login-page .login-fields,
#new-create-account .login-fields {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #new-login-page .login-fields,
  #new-create-account .login-fields {
    flex-direction: column;
  }
}
#new-login-page .login-fields .field,
#new-create-account .login-fields .field {
  width: 48%;
}
@media only screen and (max-width: 767px) {
  #new-login-page .login-fields .field,
  #new-create-account .login-fields .field {
    width: 100%;
  }
}
#new-login-page .login-fields .field label,
#new-create-account .login-fields .field label {
  color: white;
}
#new-login-page .login-fields .field input,
#new-create-account .login-fields .field input {
  opacity: 0.7;
}
#new-login-page .forgot-password,
#new-create-account .forgot-password {
  text-align: right;
}
#new-login-page .forgot-password a,
#new-create-account .forgot-password a {
  color: white;
}
#new-login-page .wrapper-logo:after,
#new-create-account .wrapper-logo:after {
  display: inline-block;
  content: "";
  border-top: 0.3rem solid #00D4B4;
  width: 4rem;
  margin: 0 1rem;
  position: absolute;
  transform: translateY(7rem) translateX(-3px);
}
#new-login-page .fundraising,
#new-create-account .fundraising {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
}
#new-login-page .invitation,
#new-create-account .invitation {
  font-family: Open Sans;
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  line-height: 177.04%;
}
#new-login-page .actions,
#new-create-account .actions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  #new-login-page .actions,
  #new-create-account .actions {
    margin-top: 20px;
  }
}
#new-login-page .actions input,
#new-create-account .actions input {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  background: #00D4B4;
  color: white;
  border-radius: 40px;
  border: 0;
  width: 200px;
  padding: 16px 50px;
}
@media only screen and (max-width: 767px) {
  #new-login-page .actions input,
  #new-create-account .actions input {
    width: 100%;
  }
}
#new-create-account {
  /*
  background-image: asset-url("https://expertpeople.imgix.net/assets/images/beer_event_desktop.png") !important;
  background-color: #273443;*/
  /*
  &::before {
    content: none;
  }*/
}
@media only screen and (max-width: 767px) {
  #new-create-account {
    /*    background-image: asset-url("https://expertpeople.imgix.net/assets/images/beer_event-mobile.png") !important;

    background-position-y: 0;

/*    .logo-section {
      height: 550px;
    }*/
  }
}
#new-create-account .logo-section {
  display: flex;
  align-items: center;
}
#new-create-account .registration-form {
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 450px;
  padding: 50px 60px;
}
#new-create-account .registration-form em {
  font-style: italic;
  color: #989898;
}
#new-create-account .registration-form .domain-link {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: block;
  text-align: center;
  color: #00D4B4;
}
#new-create-account .registration-form p {
  color: #8492A5;
  margin-top: 20px;
  margin-bottom: 0px;
}
#new-create-account-custom {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #2ad1b3;
  background-position-y: 100%;
  background-position-x: 100%;
  min-height: 100vh;
}
#new-create-account-custom::before {
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#new-create-account-custom .container {
  min-height: 100vh;
}
@media only screen and (min-width: 767px) {
  #new-create-account-custom .container {
    max-width: 1240px !important;
  }
}
#new-create-account-custom h1 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: 120%;
}
#new-create-account-custom h2 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
}
#new-create-account-custom h3 {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  #new-create-account-custom {
    background-position-y: 0;
  }
  #new-create-account-custom h1 {
    font-weight: 600;
    font-size: 32px;
  }
}
#new-create-account-custom .actions {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #new-create-account-custom .actions {
    margin-top: 20px;
  }
}
#new-create-account-custom .actions input {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  background: #00D4B4;
  color: white;
  border-radius: 40px;
  border: 0;
  width: 200px;
  padding: 16px 50px;
}
@media only screen and (max-width: 767px) {
  #new-create-account-custom .actions input {
    width: 100%;
  }
}
#new-create-account-custom .registration-form {
  background: #FFFFFF;
  width: 100%;
  padding: 5px 20px;
}
@media only screen and (min-width: 767px) {
  #new-create-account-custom .registration-form {
    padding: 26px 56px;
    min-width: 700px;
  }
}
#new-create-account-custom .registration-form em {
  font-style: italic;
  color: #989898;
}
#new-create-account-custom .registration-form .domain-link {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: block;
  text-align: center;
  color: #00D4B4;
}
#new-create-account-custom .registration-form p {
  color: #8492A5;
  margin-top: 20px;
  margin-bottom: 0px;
}
#new-create-account-custom .projects-supported {
  background: #F5F8FE;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  #new-create-account-custom .projects-supported {
    min-width: 700px;
    max-width: 700px;
  }
}
#project {
  min-height: 100%;
}
#project .grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#project .ui.relative {
  position: relative;
}
#project .ui.divider {
  display: none;
}
@media only screen and (min-width: 738px) {
  #project .ui.divider {
    display: block;
  }
}
#project .page-title {
  text-align: center;
  display: block;
  width: 100%;
}
#project.flex {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: flex-start;
  align-items: flex-start;
}
#project .loading {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="%233b4857" x="50%" y="50%" font-family="\'Varela Round\', \'Helvetica Neue\', Arial, Helvetica, sans-serif" font-size="24" text-anchor="middle">LOADING</text></svg>') #f9fafc 0px 0px no-repeat;
}
#project .project-half {
  width: 100%;
}
#project .close-activity-list {
  position: absolute;
  top: 30px;
  right: 10px;
  color: #8492a5;
  transition: color 350ms;
  font-size: 25px;
}
#project .close-activity-list:hover {
  color: #3b4857;
}
@media only screen and (min-width: 738px) {
  #project .close-activity-list {
    top: 20px;
    right: 30px;
  }
}
#project .fully-funded {
  margin-bottom: 15px;
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  line-height: 31px;
  align-items: center;
}
#project .fully-funded h3 {
  font-size: 20px;
  margin-bottom: 9px;
}
#project .fully-funded p {
  color: #00D4B4;
  font-size: 16px;
}
#project .project-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#project .project-progress .project-progress-bar {
  width: 70%;
  height: 8px;
  overflow: hidden;
  border-radius: 5px;
}
#project .project-progress .project-progress-bar .ui.progress.success .bar {
  background-color: #00D4B4 !important;
}
@media only screen and (min-width: 738px) {
  #project .project-progress .project-progress-bar {
    width: 80%;
  }
}
#project .project-progress .project-progress-bar .bar {
  border-radius: 5px;
  height: 8px;
}
#project .project-progress .project-progress-info {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
}
#project .project-progress .project-progress-info strong {
  color: #00D4B4;
}
#project .project-days-to-go {
  margin-bottom: 33px;
}
#project .project-days-to-go .highlighted-progress {
  color: #3b4857;
  font-weight: 100;
}
#project .project-activity-list {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto;
  text-align: center;
  width: 90%;
}
@media only screen and (min-width: 738px) {
  #project .project-activity-list {
    width: 100%;
  }
}
#project .project-activity-list .project-activity-list-header {
  width: 100%;
}
#project .project-activity-list .project-activity-list-header .project-title {
  color: #8492a5;
}
#project .project-activity-list .project-activity-list-body {
  margin: 30px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-activity-list .project-activity-list-body {
    margin: 60px 0 0 0;
  }
}
#project .project-activity-list .project-activity {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 63px 0;
  justify-content: space-between;
}
#project .project-activity-list .project-activity .project-activity-avatar-info span {
  margin-top: 8px;
  display: block;
  font-size: 12px;
}
#project .project-activity-list .project-activity .project-activity-avatar-info span.donation-text {
  color: #00D4B4;
  font-size: 16px;
}
#project .project-activity-list .project-activity .project-activity-avatar-info span.ticket-text {
  color: #00D4B4;
  font-size: 16px;
}
#project .project-activity-list .project-activity .project-activity-patron,
#project .project-activity-list .project-activity .project-activity-expert {
  border-radius: 100%;
  box-shadow: 0px 0px 0px 2px #ff7517, inset 0px 0px 0px 2px #ffff;
  background: #ccc;
  background-position: center;
  background-size: contain;
  width: 68px;
  height: 68px;
  margin: 2px 2px;
  display: block;
}
#project .project-activity-list .project-activity .project-activity-patron.donation,
#project .project-activity-list .project-activity .project-activity-expert.donation {
  background-position: center;
  background-size: 88%;
}
#project .project-activity-list .project-activity .project-activity-expert {
  box-shadow: 0px 0px 0px 2px #ffd600, inset 0px 0px 0px 2px #ffff;
}
#project .project-activity-list .project-activity .project-activity-info {
  width: auto;
  display: flex;
  flex-direction: column;
  min-height: 60px;
  height: auto;
  align-items: center;
  position: relative;
}
#project .project-activity-list .project-activity .project-activity-info:before,
#project .project-activity-list .project-activity .project-activity-info:after {
  content: "";
  height: 1px;
  width: 10px;
  display: block;
  position: absolute;
  top: 46px;
}
#project .project-activity-list .project-activity .project-activity-info.donation:before,
#project .project-activity-list .project-activity .project-activity-info.donation:after {
  background: linear-gradient(90deg, #ff7517 0%, #00d4b4 100%);
}
#project .project-activity-list .project-activity .project-activity-info.purchase:before,
#project .project-activity-list .project-activity .project-activity-info.purchase:after {
  background: linear-gradient(90deg, #ff7517 0%, #ffd600 100%);
}
#project .project-activity-list .project-activity .project-activity-info.ticket:before,
#project .project-activity-list .project-activity .project-activity-info.ticket:after {
  background: linear-gradient(90deg, #ff7517 0%, #ffd600 100%);
}
#project .project-activity-list .project-activity .project-activity-info:before {
  left: 0px;
}
#project .project-activity-list .project-activity .project-activity-info:after {
  right: 0px;
}
@media only screen and (min-width: 375px) {
  #project .project-activity-list .project-activity .project-activity-info {
    width: 175px;
  }
  #project .project-activity-list .project-activity .project-activity-info:before,
  #project .project-activity-list .project-activity .project-activity-info:after {
    width: 40px;
  }
}
@media only screen and (min-width: 40.5em) {
  #project .project-activity-list .project-activity .project-activity-info {
    width: 308px;
    margin: auto 32px;
  }
  #project .project-activity-list .project-activity .project-activity-info:before,
  #project .project-activity-list .project-activity .project-activity-info:after {
    width: 100px;
  }
}
#project .project-activity-list .project-activity .project-activity-info .project-activity-info-date {
  font-family: "Open Sans";
  color: #8492a5;
  font-size: 12px;
  line-height: 18px;
}
#project .project-activity-list .project-activity .project-activity-info .project-activity-info-money {
  font-size: 20px;
  margin: 20px auto;
  font-family: "Varela Round";
  width: 100%;
  color: #3b4857;
  position: relative;
}
#project .project-activity-list .project-activity .project-activity-info .project-activity-info-money:after {
  position: absolute;
  content: '';
  border: solid #ffd600;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 5px;
  right: 0px;
}
#project .project-activity-list .project-activity .project-activity-info .project-activity-info-money.donation:after {
  border: solid #00D4B4;
  position: absolute;
  content: '';
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 5px;
  right: 0px;
}
#project .project-activity-list .project-activity .project-activity-info .project-activity-info-service {
  font-size: 16px;
  color: #8492a5;
  font-family: "Open Sans";
}
#project .project-header {
  display: none;
}
@media only screen and (min-width: 738px) {
  #project .project-header {
    width: 100%;
    display: flex;
    margin: 17px 0;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
#project .project-body {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #3b4857;
  flex-wrap: wrap;
}
@media only screen and (min-width: 738px) {
  #project .project-body {
    flex-wrap: nowrap;
  }
}
#project .project-body .project-image {
  display: block;
  background-color: white;
  background-size: cover;
  background-position: center center;
  width: 100%;
  min-width: 320px;
}
#project .project-body .project-image .categories {
  margin-top: 11px;
  justify-content: end;
}
#project .project-body .project-image img {
  width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-image {
    width: 754px;
    height: 100%;
    margin-right: 42px;
    margin-bottom: 10px;
  }
}
#project .project-body .project-image .image-section {
  position: relative;
  display: block;
  overflow: hidden;
}
#project .project-body .project-image .image-section .funded-ribbon {
  position: absolute;
  width: 168px;
  right: -26px;
  bottom: 26px;
  transform: rotate(-30deg);
  background: #00D4B4;
  color: white;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0.155em;
}
#project .project-body .project-info {
  width: 100%;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info {
    width: 502px;
  }
}
#project .project-body .project-info .project-info-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  display: flex;
}
#project .project-body .project-info .project-info-header .project-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  display: block;
  font-size: 20px;
  line-height: 31px;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-info-header .project-title {
    font-size: 26px;
  }
}
#project .project-body .project-info .project-info-header .icon {
  width: 22px;
  line-height: 26px;
  font-size: 22px;
  color: #d3dce6;
}
#project .project-body .project-info .project-info-subtitle {
  display: flex;
  color: #3b4857;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#project .project-body .project-info .project-info-subtitle .project-info-subtitle-box {
  margin-right: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 9px;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-info-subtitle .project-info-subtitle-box {
    font-size: 12px;
  }
}
#project .project-body .project-info .project-info-subtitle .project-info-subtitle-box img {
  margin-right: 6px;
  padding-bottom: 6px;
}
#project .project-body .project-info .project-info-subtitle .project-info-subtitle-box a {
  color: #00d4b4 !important;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
}
#project .project-body .project-info .project-info-subtitle .project-info-subtitle-box .icon {
  font-size: 12px;
  line-height: 14px;
  margin-right: 5px;
  color: #d3dce6 !important;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-info-subtitle .project-info-subtitle-box .icon {
    font-size: 18px;
    line-height: 18px;
  }
}
#project .project-body .project-info .project-manager {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#project .project-body .project-info .project-manager .project-manager-avatar {
  cursor: pointer;
  transition: opacity 250ms;
  margin-right: 14px;
  width: 38px;
  height: 38px;
}
#project .project-body .project-info .project-manager .project-manager-avatar .ui.avatar.image {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
#project .project-body .project-info .project-manager .project-manager-info {
  width: 80%;
}
#project .project-body .project-info .project-manager .project-manager-info .project-manager-info-tile > strong > a {
  color: #3B4857;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-manager .project-manager-info {
    width: auto;
  }
}
#project .project-body .project-info .project-manager .project-manager-info .project-manager-info-subtitle {
  color: #8492a5;
}
#project .project-body .project-info .project-manager .project-manager-info .project-manager-info-subtitle a {
  color: #00d4b4;
}
#project .project-body .project-info .project-description {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  text-align: justify;
  max-height: 102px;
  margin-bottom: 44px;
  display: none;
}
#project .project-body .project-info .project-description p {
  line-height: 1.8em;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-description {
    display: block;
  }
}
#project .project-body .project-info .project-description a {
  color: #00d4b4;
}
#project .project-body .project-info .project-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#project .project-body .project-info .project-actions .project-action {
  width: 100%;
  height: 44px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-actions .project-action {
    width: 240px;
    max-width: 48%;
    margin-bottom: 0;
  }
}
#project .project-body .project-info .project-actions .project-action.text-action {
  width: 165px;
  margin: auto;
}
#project .project-body .project-info .project-actions .project-action.text-action a {
  color: #00d4b4;
}
#project .project-body .project-info .project-actions .project-action form {
  width: 100%;
}
#project .project-body .project-info .project-actions .project-action .button {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  background: #00d4b4;
  border-radius: 40px;
  height: 44px;
  line-height: 24px;
  transition: color 350ms, background 350ms;
  width: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-body .project-info .project-actions .project-action .button {
    width: auto;
    display: inline-block;
    margin: auto;
    min-width: 150px;
  }
}
#project .project-body .project-info .project-actions .project-action .button:hover {
  background: #ffff;
  color: #00d4b4;
  border: 1px solid #00d4b4;
}
@media only screen and (max-width: 834px) {
  #project .project-body .project-info .project-actions .project-action .button {
    min-width: 124px;
    font-size: 11px;
  }
}
#project .project-body .project-info .project-donation-link {
  font-family: Varela Round;
  color: #00D4B4;
  text-align: center;
  margin: 34px auto;
}
#project .ui.divider {
  width: 100%;
}
#project .project-about {
  margin: 33px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-about {
    margin: 33px 0;
    flex-wrap: nowrap;
  }
}
#project .project-about .project-about-tasks {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-tasks {
    width: 502px;
    margin-bottom: 0;
  }
}
#project .project-about .project-about-tasks .project-about-tasks-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  line-height: 31px;
  font-size: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-tasks .project-about-tasks-title {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
#project .project-about .project-about-tasks .project-about-tasks-list {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #8492a5;
  padding-left: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-tasks .project-about-tasks-list {
    font-size: 16px;
  }
}
#project .project-about .project-about-tasks .project-about-tasks-list .item {
  margin-left: 5px;
  margin-bottom: 8px;
  line-height: 24px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-tasks .project-about-tasks-list .item {
    margin-left: 20px;
  }
}
#project .project-about .project-about-tasks .project-about-tasks-list .item:before {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: inherit;
  top: auto;
  left: auto;
  font-weight: normal;
  content: "•";
  opacity: 1;
  vertical-align: top;
  color: #ff7517;
  font-size: 32px;
  margin-left: -24px;
}
#project .project-about .project-about-description {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-description {
    width: 754px;
    margin-right: 42px;
    margin-bottom: 0;
  }
}
#project .project-about .project-about-description .project-about-description-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  line-height: 31px;
  font-size: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-description .project-about-description-title {
    font-size: 26px;
    margin-bottom: 24px;
  }
}
#project .project-about .project-about-description .project-about-description-text {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #8492a5;
}
#project .project-about .project-about-description .project-about-description-text br {
  line-height: 30px;
}
@media only screen and (min-width: 738px) {
  #project .project-about .project-about-description .project-about-description-text {
    font-size: 16px;
    color: #333;
  }
}
#project .project-services {
  margin-bottom: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-services {
    margin-top: 50px;
  }
}
#project .project-services .project-services-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 738px) {
  #project .project-services .project-services-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
#project .project-services .project-services-categories {
  display: none;
}
@media only screen and (min-width: 738px) {
  #project .project-services .project-services-categories {
    margin-bottom: 40px;
    display: block;
  }
}
#project .project-services .project-services-donors .ui.segment {
  position: inherit;
}
#project .project-services .project-services-donors .column.donor {
  position: inherit;
}
#project .project-services .project-services-donors .donor-card.ui.card {
  position: relative;
  max-width: 100% !important;
  max-height: 100% !important;
}
#project .project-services .project-services-donors .donor-card.ui.card .donor-image.ui.image {
  position: inherit;
}
@media only screen and (min-width: 738px) {
  #project .project-services .project-services-donors .donor-card.ui.card {
    max-width: 335px;
    max-height: 403px;
  }
}
#project .project-services .project-services-donors .donor-card.ui.card .donor-card-actions {
  position: absolute;
  right: 16px;
  top: 16px;
}
#project .project-services .project-services-donors .donor-card.ui.card .button_to {
  width: 100%;
}
#project .project-services .project-services-donors .donor-card.ui.card .button_to .button {
  position: inherit;
  width: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-services .project-services-donors .donor-card.ui.card .button_to .button {
    width: auto;
  }
  #project .project-services .project-services-donors .donor-card.ui.card .donor-details {
    display: block;
    width: 100px;
    margin: auto;
  }
  #project .project-services .project-services-donors .donor-card.ui.card hr {
    display: block;
  }
}
#project .project-lessons {
  margin-bottom: 20px;
}
@media only screen and (min-width: 738px) {
  #project .project-lessons {
    margin-top: 50px;
  }
}
#project .project-lessons .project-lessons-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (min-width: 738px) {
  #project .project-lessons .project-lessons-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
#project #project-services-b {
  height: 10vh;
}
#project .project-help-found {
  height: 286px;
  width: 100%;
  background: rgba(0, 212, 180, 0.17);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}
#project .project-help-found .project-help-found-title {
  width: 100%;
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 738px) {
  #project .project-help-found .project-help-found-title {
    font-size: 24px;
  }
}
#project .project-help-found .project-help-found-actions {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 738px) {
  #project .project-help-found .project-help-found-actions {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
#project .project-help-found .project-help-found-actions .project-help-found-action {
  width: 85%;
  height: 44px;
  margin-bottom: 20px;
  max-width: 335px;
}
@media only screen and (min-width: 738px) {
  #project .project-help-found .project-help-found-actions .project-help-found-action {
    width: 240px;
    max-width: 48%;
    display: inline-block;
    margin-right: 20px;
  }
}
#project .project-help-found .project-help-found-actions .project-help-found-action form {
  width: 100%;
}
#project .project-help-found .project-help-found-actions .project-help-found-action .button {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  background: #00d4b4;
  border-radius: 40px;
  height: 44px;
  transition: color 350ms, background 350ms;
  line-height: 24px;
}
#project .project-help-found .project-help-found-actions .project-help-found-action .button:hover {
  background: transparent;
  color: #00d4b4;
  border: 1px solid #00d4b4;
}
#project .project-invite {
  height: 100%;
  height: -webkit-fill-available;
  height: -fill-available;
  width: 90%;
  max-width: 327px;
  margin: auto;
  margin-top: 120px;
  text-align: center;
}
@media only screen and (min-width: 738px) {
  #project .project-invite {
    max-width: 700px;
  }
}
#project .project-invite .project-invite-header {
  width: 100%;
  margin-bottom: 30px;
  font-size: 30px;
  color: #3B4857;
}
#project .project-invite .project-invite-subtitle {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 30px;
  justify-content: space-around;
  color: #3B4857;
}
#project .project-invite .project-invite-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#project .project-invite .project-invite-body #add-more-invites {
  background: none;
  color: #00d4b4;
  text-decoration: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  display: none;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 50px;
  padding-bottom: 3px;
  border-bottom: 1px solid #00d4b4;
  text-align: left;
}
@media only screen and (min-width: 738px) {
  #project .project-invite .project-invite-body #add-more-invites {
    margin-top: 20px;
    margin-bottom: 50px;
    display: inline-block;
  }
}
#project .project-invite .project-invite-body .email-label {
  width: 100%;
  text-align: left;
  margin: 9px;
  font-size: 14px;
  margin-left: 5px;
  color: #333333;
}
#project .project-invite .project-invite-body .email-label span.email-span {
  font-size: 12px;
  float: right;
  text-align: right;
  color: #8492a5;
}
#project .project-invite .project-invite-body form {
  width: 100%;
  margin-bottom: 15px;
}
#project .project-invite .project-invite-body form.row-form {
  flex-direction: row;
}
#project .project-invite .project-invite-body form .invite-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  position: relative;
}
#project .project-invite .project-invite-body form .invite-group .remove-input-group {
  position: absolute;
  top: 13px;
  right: -17px;
  color: #8492a5;
  transition: color 350ms;
  font-size: 20px;
  cursor: pointer;
}
#project .project-invite .project-invite-body form .invite-group .remove-input-group:hover {
  color: #f9587a;
}
#project .project-invite .project-invite-body form .input-group {
  position: relative;
  width: 100%;
}
#project .project-invite .project-invite-body form .input-group.full-width {
  max-width: 100%;
}
#project .project-invite .project-invite-body form .input-group .parsley-errors-list {
  display: none;
  position: absolute;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
@media only screen and (min-width: 738px) {
  #project .project-invite .project-invite-body form .input-group .parsley-errors-list {
    display: block;
  }
}
#project .project-invite .project-invite-body form .input-group .parsley-errors-list li {
  color: #f9587a;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
}
#project .project-invite .project-invite-body form .input-group input.input,
#project .project-invite .project-invite-body form .input-group textarea {
  background: #FFFFFF;
  border: 1px solid #E0E6ED;
  box-sizing: border-box;
  border-radius: 5px;
  max-width: 540px;
  width: 100%;
  height: 42px;
  padding-left: 8px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  align-items: center;
  transition: color 350ms, border 350ms;
  color: #8492A5;
  line-height: 25px;
}
#project .project-invite .project-invite-body form .input-group input.input:hover,
#project .project-invite .project-invite-body form .input-group textarea:hover {
  outline: none;
}
#project .project-invite .project-invite-body form .input-group input.input.parsley-error,
#project .project-invite .project-invite-body form .input-group textarea.parsley-error {
  background: #fef2f7;
  color: #f9587a;
  border: solid 1px #f9587a;
}
#project .project-invite .project-invite-body form .input-group input.input.parsley-error::-moz-placeholder, #project .project-invite .project-invite-body form .input-group textarea.parsley-error::-moz-placeholder {
  color: #f9587a;
}
#project .project-invite .project-invite-body form .input-group input.input.parsley-error::placeholder,
#project .project-invite .project-invite-body form .input-group textarea.parsley-error::placeholder {
  color: #f9587a;
}
#project .project-invite .project-invite-body form .input-group input.input.parsley-error:focus,
#project .project-invite .project-invite-body form .input-group textarea.parsley-error:focus {
  background: #fff;
  border: solid 1px #f9587a;
  box-shadow: 0 0 0 1px #f9587a;
}
#project .project-invite .project-invite-body form .input-group input.input.parsley-error:hover,
#project .project-invite .project-invite-body form .input-group textarea.parsley-error:hover {
  border-color: #f9587a;
}
#project .project-invite .project-invite-body form .input-group textarea {
  height: 140px;
}
@media only screen and (min-width: 738px) {
  #project .project-invite .project-invite-body form .input-group textarea {
    max-width: 100%;
  }
}
#project .project-invite .project-invite-body .project-invite-sent {
  margin-bottom: 30px;
  font-family: Open Sans;
  font-style: normal;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
}
#project .project-invite .project-invite-body .project-invite-sent h3 {
  font-weight: bold;
}
#project .project-invite .project-invite-body .project-invite-sent h3 span {
  font-weight: normal;
  color: #8492a5;
  font-size: 14px;
}
#project .project-invite .project-invite-body .invite-preview {
  text-align: justify;
  border: 1px solid #e0e6ed;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
}
#project .project-invite .project-invite-body .invite-preview p {
  margin-bottom: 25px;
}
#project .project-invite .project-invite-body .invite-preview strong {
  color: #00D4B4;
}
#project .project-invite .project-invite-body .invite-preview .donor-card .btn-hidden-message {
  display: none;
}
#project .project-invite .project-invite-body hr {
  margin-bottom: 30px;
}
@media only screen and (min-width: 738px) {
  #project .project-invite .project-invite-body hr {
    margin-bottom: 50px;
  }
}
#project .project-invite .project-invite-body .share-link {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  align-items: center;
  text-decoration-line: underline;
  color: #00d4b4;
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 30px;
}
@media only screen and (min-width: 738px) {
  #project .project-invite .project-invite-body .share-link {
    margin-bottom: 60px;
  }
}
#project .project-invite .project-invite-body .share-link.clicked .share-hover {
  opacity: 1;
  top: -70px;
}
#project .project-invite .project-invite-body .share-link .share-hover {
  min-width: 212px;
  height: 47px;
  position: absolute;
  top: -65px;
  background: #3b4857;
  border-radius: 5px;
  line-height: 28px;
  display: flex;
  align-items: center;
  margin-left: 50%;
  left: -105px;
  display: block;
  opacity: 0;
  transition: opacity 350ms, top 350ms;
  box-shadow: 1px 1px 20px 0px #84838a;
}
#project .project-invite .project-invite-body .share-link .share-hover:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: -5px;
  margin-left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #3b4857 transparent transparent transparent;
  display: block;
}
#project .project-invite .project-invite-body .share-link .share-hover p {
  width: 100%;
  display: block;
  text-align: center;
  color: white;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 45px;
}
#project .project-invite .project-invite-body .button {
  width: 180px;
  height: 44px;
  display: block;
  background: #00d4b4;
  border: 0;
  border-radius: 40px;
  margin: auto;
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: white;
  cursor: pointer;
  transition: background 350ms, color 350ms, border 350ms;
}
#project .project-invite .project-invite-body .button:hover {
  background: white;
  color: #00d4b4;
  border: 1px solid #00d4b4;
}
#project .project-invite .project-invite-body .checkbox-group {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  cursor: pointer;
  z-index: 2;
  display: block;
  padding: 10px;
  background: transparent;
}
#project .project-invite .project-invite-body .checkbox-group .is-checked {
  color: white;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
#project .project-invite .project-invite-body .checkbox-group label {
  height: 20px;
  line-height: 20px;
}
#project .project-invite .project-invite-body .checkbox-group input[type="checkbox"] {
  border: 1px solid #00d4b4;
  height: 20px;
  width: 20px;
  line-height: 20px;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  top: 5px;
  position: relative;
  border-radius: 4px;
  content: "x";
  color: white;
}
#project .project-invite .project-invite-body .checkbox-group input[type="checkbox"]:checked {
  background: #00d4b4;
}
#project .project-gallery {
  display: flex;
}
#project .project-gallery img {
  width: 530px;
  height: 330px;
  margin-right: 20px;
}
#project .project-gallery.more-than-2 {
  scroll-behavior: smooth;
  overflow-x: scroll;
}
#project .project-gallery-title {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  #project .project-gallery img {
    width: 310px;
    height: 180px;
    margin-left: 0px;
    margin-right: 10px;
  }
  #project .project-gallery img:first-child {
    margin-left: 1rem;
  }
}
#project-calculator .title {
  color: #2ad1b3;
}
#project-calculator .segment-calculator {
  margin: 22px 6px;
  display: flex;
}
#project-calculator .buttons-calculator {
  margin: 11px;
}
#project-calculator .suggested-total {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 22px 1px 1px 0px;
}
#project-calculator .suggested-label {
  font-weight: bold;
  color: #2ad1b3;
}
#project-form-page {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#project-form-page #project-banner #project-banner-text-field,
#project-form-page #project-banner #banner-image {
  min-width: 625px;
  width: 100%;
  min-height: 370px;
  background-color: #E7E7E7;
  text-align: center;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
}
#project-form-page #project-banner #project-banner-text-field::-moz-placeholder, #project-form-page #project-banner #banner-image::-moz-placeholder {
  color: black;
  font-weight: 700;
  font-size: 14px;
}
#project-form-page #project-banner #project-banner-text-field::placeholder,
#project-form-page #project-banner #banner-image::placeholder {
  color: black;
  font-weight: 700;
  font-size: 14px;
}
#project-form-page #project-banner #banner-image + #project-banner-text-field#project-banner-text-field {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}
#project-form-page input[type="file"] {
  display: none;
}
#project-header,
#shop-header {
  font-weight: 700;
}
#project-show {
  padding-top: 30px;
}
#project-show #project-tags {
  flex-grow: 0;
}
#project-show #project-tags button {
  border-radius: 5px;
  border: 1px solid #E7E7E7;
  background-color: #f8f8f8;
  font-weight: 400;
}
#project-show #project-name #organization-website {
  color: #767676;
  font-size: 12px;
}
#project-show #user-header {
  margin-top: 0;
  font-weight: 700;
}
#project-show #project-leader-header {
  font-weight: 700;
}
#project-show #plans .plan::before {
  color: #2ad1b3;
  line-height: 0.94285714em;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 700;
}
#project-show #help-section #expert-button .ui.button,
#project-show #help-section #add-donation {
  width: 225px;
  font-weight: 400;
}
#project-show #help-section .category-header {
  padding-bottom: 10px;
  width: 150px;
  display: inline-block;
  border-bottom: 3px solid #2ad1b3;
}
#project-show #progress-section {
  position: relative;
  height: 140px;
}
#project-show #progress-section #progress-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#project-show #progress-section #progress-wrapper .ui.progress {
  margin-bottom: 1.5em;
}
#project-show #progress-section #progress-wrapper #project-progress-label {
  top: auto;
  bottom: 100%;
}
.highlighted-progress {
  font-weight: 700;
}
.highlighted-progress.primary {
  color: #2ad1b3;
}
.highlighted-progress.secondary {
  color: #00D4B4;
}
#project-experts .user-card {
  border: none;
  box-shadow: none;
}
#project-experts .user-card .user-name {
  font-size: 14px;
}
#project-experts .user-card .user-title {
  color: #767676;
  font-size: 13px;
}
.user-card .user-name,
.user-card .user-title {
  margin: 0;
  font-weight: 700;
}
#remove-donation {
  width: 250px;
}
#remove-donation .minus.icon {
  margin-left: 15px;
  color: #DB2828;
  font-weight: 700;
}
#remove-donation #unsupport {
  display: none;
}
#remove-donation:hover #unsupport {
  display: block;
}
#remove-donation:hover #display-support {
  display: none;
}
.project-header .sub-two.header {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.2;
}
.ui.form textarea::-moz-placeholder {
  color: #dededf;
}
.ui.form textarea::placeholder {
  color: #dededf;
}
#project-gallery-form .ui.medium.images img.photo {
  width: 182px;
  height: 120px;
}
@media only screen and (max-width: 767px) {
  #project-gallery-form .ui.medium.images img.photo {
    width: 100%;
    height: auto;
  }
}
#project-gallery-form .ui.medium.images img.delete-icon {
  width: 22px;
}
@media only screen and (max-width: 767px) {
  #project-gallery-form .add-photo-wrapper {
    width: 100%;
  }
}
#project-gallery-form .group-wrapper {
  position: relative;
}
#project-gallery-form .group-wrapper .delete-icon {
  width: 11px;
  position: absolute;
  top: 0;
  right: 0;
}
#project-gallery-form .gallery-container {
  max-width: 754px;
  margin: 0 auto;
}
#project-gallery-form .add-photo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#project-gallery-form .add-photo .add-photo-text-field {
  position: relative;
  width: 182px;
  height: 120px;
  background-image: url(/packs/static/import-image-1196ae7848d796f9a6e4.png);
  text-align: center;
  border-style: dashed;
  cursor: pointer;
  margin: 0em 0.25rem 0.5rem;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  #project-gallery-form .add-photo .add-photo-text-field {
    width: 100%;
    height: 200px;
  }
}
#project-gallery-form .add-photo #photo {
  border-radius: 150px;
  width: 150px;
  height: 150px;
  background-color: #767676;
}
#project-gallery-form .add-photo input[type="file"] {
  display: none;
}
#stripe-form-page #stripe-header {
  font-weight: 700;
}
#stripe-payment .ui.segment {
  box-shadow: none;
}
#stripe-payment .error_list {
  text-align: left;
}
#dashboard #dashboard-menu .item {
  background-color: #f4f7fa;
  font-weight: 400;
  border: none;
  padding: 20px;
  cursor: pointer;
}
#dashboard #dashboard-menu .item.active {
  background-color: #464152;
  color: #FFFFFF;
}
#dashboard #dashboard-menu .item.active:after {
  background-color: #464152;
}
#my-activity-header,
#project-support-header {
  font-weight: 700;
  position: relative;
}
#my-activity-header .actions-popup-button,
#project-support-header .actions-popup-button {
  cursor: pointer;
  padding-right: 1rem;
  padding-top: 2rem;
  color: #D3DCE6;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  #my-activity-header .actions-popup-button,
  #project-support-header .actions-popup-button {
    padding-right: 0;
  }
}
#my-activity-header .actions-popup-button:hover,
#project-support-header .actions-popup-button:hover {
  color: #8492A5;
}
#my-activity-header .actions-popup,
#project-support-header .actions-popup {
  padding: 2em;
  text-align: left;
  border-radius: 5px;
  border: none;
}
#my-activity-header .actions-popup.left.center.popup::before,
#project-support-header .actions-popup.left.center.popup::before {
  box-shadow: 1px -1px 0px 0px #e0e0e0;
}
#my-activity-header .actions-popup a.item,
#project-support-header .actions-popup a.item {
  color: #3B4857;
  padding: 5px 0;
}
#my-activity-header .actions-popup a.item:hover,
#project-support-header .actions-popup a.item:hover {
  color: #00D4B4;
}
.ui.header.status-header {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .ui.header.status-header .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.ui.header.status-header > img {
  width: 30px;
  display: inline-block;
}
.ui.header.status-header .status-timestamp {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
}
.ep-header-text {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 31px;
  color: #3B4857;
}
@media only screen and (max-width: 767px) {
  .ep-header-text {
    font-size: 16px;
    line-height: 24px;
  }
}
.d-flex {
  display: flex !important;
}
@media only screen and (min-width: 767px) {
  .only-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .only-desktop {
    display: none !important;
  }
}
.project-content {
  max-width: 220px;
}
.supported-project-link {
  display: inline-block;
  max-width: 175px;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  #dashboard-user-projects {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #dashboard-user-projects .service-header {
    display: flex;
    justify-content: space-between;
  }
  #dashboard-user-projects .service-header .actions-popup-button {
    padding-top: 0;
  }
  #dashboard-user-projects .ui.basic.table tbody tr {
    border: none;
    box-shadow: 0px 0px 2px rgba(63, 78, 97, 0.14), 0px 2px 2px rgba(63, 78, 97, 0.12);
    margin-bottom: 8px;
  }
}
#dashboard-user-projects .project-header a,
#dashboard-user-projects .view-btn {
  color: #333333;
}
#dashboard-user-projects .patron-link,
#dashboard-user-projects .expert-link {
  font-weight: bold;
  color: #333333;
}
#dashboard-user-projects .price-label {
  font-family: Open Sans;
  margin-top: 14px;
  color: #3B4857;
  font-size: 16px;
}
#dashboard-user-projects .expert-header:hover {
  color: #e8b42d;
}
#dashboard-user-projects .patron-header:hover {
  color: #ff7f34;
}
#dashboard-user-projects .ui.image {
  width: auto;
}
#dashboard-user-projects .description {
  max-width: 250px;
}
#dashboard-user-projects .view-btn {
  color: white;
}
#dashboard-user-projects .project-link {
  color: #3B4857;
}
#dashboard-user-projects .actions-popup-button {
  cursor: pointer;
  padding: 1rem;
  color: #D3DCE6;
  font-size: 20px;
}
#dashboard-user-projects .actions-popup {
  padding: 2em;
  border-radius: 5px;
  border: none;
}
#dashboard-user-projects .actions-popup.left.center.popup::before {
  box-shadow: 1px -1px 0px 0px #e0e0e0;
}
#dashboard-user-projects .actions-popup a.item {
  color: #3B4857;
  padding: 5px 0;
}
#dashboard-user-projects .actions-popup a.item:hover {
  color: #00D4B4;
}
#dashboard-user-projects table td {
  padding: 30px 0;
}
#dashboard-user-projects .purchase-cta {
  margin-top: 16px;
}
#dashboard-user-projects .gray-text {
  color: #8492A5;
}
.project-tags .ui.button,
.service-tag .ui.button,
.organization-tags .ui.button {
  border-radius: 4px;
  margin-bottom: 5px;
  font-weight: 400;
  background-color: #f8f8f8;
  border: rgba(34, 36, 38, 0.15);
}
#dashboard-experts .ui.grid > .column:not(.row) {
  margin-bottom: 30px;
}
.ui.header.message {
  margin-bottom: calc(2rem - 0.14285em);
}
.credit-card-wrapper {
  display: inline-flex;
  padding: 13px 3px;
  align-items: center;
}
.credit-card-wrapper .brand-card img {
  width: 40px;
}
.credit-card-wrapper .data-card {
  margin: 11px;
  font-weight: 600;
}
.credit-card-wrapper .edit-card {
  border: 1px solid #E0E6ED;
  background: #FFFFFF;
  text-transform: uppercase;
}
.add-new-card-wrapper {
  padding: 13px 3px;
}
.settings-actions .ui.secondary.button {
  background-color: #2ad1b3;
}
.settings-actions .ui.secondary-inverted.button {
  background-color: white;
  border-color: #2ad1b3;
  border: solid 1px #2ad1b3;
  color: #2ad1b3;
  font-weight: 600;
}
.manage-cards-button {
  margin: 15px 0px;
}
#service-index .img-arrow {
  float: right;
  margin-top: -10px;
  height: 66px;
}
#service-index .ui.grid {
  display: flow-root;
}
#service-index .link-support {
  margin: 22px 3px;
  padding-top: 22px;
}
#service-index .link-support a {
  color: #00D4B4;
  text-decoration: underline;
}
#service-index .link-support .isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
}
#service-index .button-services {
  margin-top: 3rem;
}
#service-index .button-services .button.primary {
  font-family: 'Varela Round';
  font-size: 13px;
  font-weight: 400;
  padding: 18px 19px;
  border-radius: 40px;
  margin-top: 1rem;
}
#service-index .button-services .button.primary.inverted {
  background-color: white;
  color: #00D4B4;
  border: 1px solid #00D4B4;
}
.service-card.ui.card {
  display: table;
  width: 100%;
  min-height: 130px;
  padding: 0;
}
.service-card.ui.card .action-icon {
  width: 22px;
}
.service-card.ui.card .hovered-service-links {
  width: 100%;
  vertical-align: top;
  text-align: right;
  position: absolute;
  z-index: 100;
  top: 7px;
  right: 6px;
}
.service-card.ui.card .hovered-service-links div,
.service-card.ui.card .hovered-service-links i {
  cursor: pointer;
  box-shadow: 0em 0em 0em 0.1em #ffffff inset;
  color: #D3DCE6;
}
.service-card.ui.card .hovered-service-links div:hover,
.service-card.ui.card .hovered-service-links i:hover {
  color: #2ad1b3;
  box-shadow: 0em 0em 0em 0.1em #2ad1b3 inset;
}
.service-card.ui.card .hovered-service-links h3.ui.header {
  color: white;
  padding-top: 20%;
}
.service-card.ui.card:hover .hovered-service-links {
  display: inherit;
}
.align-center {
  text-align: center;
}
.link-ep {
  color: #00D4B4;
  text-decoration: none;
}
#service-form {
  margin-bottom: 1rem;
  max-width: 800px !important;
}
#service-form .ui.button.secondary {
  background-color: #2ad1b3;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 14px;
  padding: 11px 18px;
}
#service-form .ui.button.wide {
  width: 210px;
}
#service-form .service_online {
  margin-top: 7px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #service-form .service_online {
    margin-top: 0;
    margin-bottom: 1em;
  }
}
#service-header {
  margin-top: 50px;
  margin-bottom: 3rem;
  color: #3B4857;
  font-weight: 800;
}
.service-header-subtitle {
  font-family: Varela Round;
  font-size: 16px;
  line-height: 24px;
  color: #8492A5;
}
#service-categories {
  max-width: 1200px;
  margin: auto;
  margin-bottom: 40px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
#service-categories .service-category-link {
  color: #8492a5;
  background: #F2F3F5;
  border-radius: 20px;
  height: 35px;
  line-height: 32px;
  width: auto;
  min-width: 98px;
  padding: 0px 16px;
  margin: 0 8px 16px 8px;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
#service-categories .service-category-link.active {
  background: rgba(255, 127, 52, 0.1);
  opacity: 1;
}
#service-categories .service-category-link.active span {
  color: #ff7517;
  border-radius: 20px;
}
#service-categories .service-category-link:hover {
  background: #ff7517;
}
#service-categories .service-category-link:hover span {
  color: white;
}
#service-categories .desktop-category-links {
  display: block;
}
@media only screen and (max-width: 1024px) {
  #service-categories .desktop-category-links {
    display: none;
  }
}
#service-categories .filter-categories {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #service-categories .filter-categories {
    display: block;
  }
}
#service-categories .sortby-categories,
#service-categories .filter-categories {
  width: 130px;
  margin: 0 16px 16px 0;
}
#service-categories .sortby-categories:hover,
#service-categories .filter-categories:hover {
  background-color: #00D4B4 !important;
  color: #ffff !important;
  box-shadow: none !important;
}
#service-categories .sortby-categories.active,
#service-categories .filter-categories.active {
  background-color: #EDFCFA !important;
  color: #00D4B4 !important;
  box-shadow: none !important;
}
#service-categories .sortby-categories .menu > .item:hover,
#service-categories .filter-categories .menu > .item:hover {
  background: transparent;
  color: #00D4B4;
  z-index: 13;
}
#service-categories .sortby-categories .menu > .item.activated,
#service-categories .filter-categories .menu > .item.activated {
  color: #00D4B4;
}
#service-categories .sortby-categories .icon,
#service-categories .filter-categories .icon {
  position: absolute;
}
#service-categories .sortby-categories .icon.down,
#service-categories .filter-categories .icon.down,
#service-categories .sortby-categories .icon.filter,
#service-categories .filter-categories .icon.filter {
  right: 10px;
}
#service-categories .sortby-categories .icon.up,
#service-categories .filter-categories .icon.up {
  right: 18px;
}
.category-header.ui.header {
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
#remove-donation {
  background-color: #00D4B4;
}
.donor-card.ui.card {
  border: 1px solid #E0E6ED;
  border-radius: 0;
  box-shadow: none;
  max-width: 335px;
  width: 100%;
  height: 100%;
}
.donor-card.ui.card:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}
.donor-card.ui.card .btn-hidden-message:hover {
  padding: 8px 40px !important;
}
.donor-card.ui.card .btn-hidden-message .btn-message {
  font-weight: 400;
  line-height: 1.2em;
  font-size: 12px;
}
.donor-card.ui.card .content {
  text-align: center;
  padding: 20px 10px;
}
.donor-card.ui.card .content img,
.donor-card.ui.card .content .donor-image {
  width: 80px;
  height: auto;
}
.donor-card.ui.card .content .donor-icon {
  width: 18px;
  height: auto;
  margin-left: 6px;
}
.donor-card.ui.card .content .donor-action {
  width: 15px;
  margin: 5px;
}
.donor-card.ui.card .content .donor-action.archive {
  display: inline;
}
.donor-card.ui.card .content .donor-action.archive:hover {
  display: none;
}
.donor-card.ui.card .content .donor-action.hovered {
  display: none;
}
.donor-card.ui.card .content .donor-action.hovered:hover {
  display: inline;
}
.donor-card.ui.card .content .donor-action:hover {
  color: #00D4B4;
}
.donor-card.ui.card .content .donor-name {
  font-family: Open Sans;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
}
.donor-card.ui.card .content .donor-name a {
  color: #3b4857;
}
.donor-card.ui.card .content .donor-title {
  font-family: Varela Round;
  font-size: 20px;
  line-height: 31px;
  color: #00d4b4;
  margin-top: 14px;
  font-weight: 400;
}
.donor-card.ui.card .content .donor-location {
  font-family: Open Sans;
  color: #3b4857;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 400;
}
.donor-card.ui.card .content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #f0f0f0;
  margin: 18px 15%;
  padding: 0;
}
.donor-card.ui.card .content a.donor-details {
  color: #2ad1b3;
}
.donor-card.ui.card .content .donor-cost {
  font-weight: bold;
  font-size: 26px;
  color: #3b4857;
}
.donor-card.ui.card .content .donor-cost span {
  font-weight: normal;
  color: #8492a6;
}
.donor-card.ui.card .content .button {
  padding: 13px 40px;
}
ul.donor-detail-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-right: 1px solid #f0f0f0;
}
ul.donor-detail-list li .donor-icon {
  vertical-align: middle;
  width: 30px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  ul.donor-detail-list li {
    display: inline-block;
    width: 49%;
  }
  .donor-card.ui.card {
    max-width: none;
  }
  .donor-card.ui.card .content {
    padding: 20px;
  }
}
#information {
  border: none;
}
#information strong.underline {
  text-decoration: underline;
}
#information li {
  margin: 1rem 0;
}
#information .ui.tabular.menu#information-menu {
  border-bottom: none;
}
#information .ui.tabular.menu#information-menu .item {
  background-color: #f4f7fa;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
#information .ui.tabular.menu#information-menu .item.active {
  background-color: #2ad1b3;
  color: #FFFFFF;
}
#information .ui.tabular.menu#information-menu .item.active:after {
  background-color: #2ad1b3;
}
#information .segment {
  border: none;
}
#organization-show {
  padding-top: 30px;
}
#organization-show #organization-header {
  font-weight: 700;
}
#organization-show #organization-info-list {
  font-size: 15px;
  line-height: 1.5;
}
#organization-show #organization-info-list .website.icon,
#organization-show #organization-info-list .website-url,
#organization-show #organization-info-list .phone.icon {
  display: inline-block !important;
}
#organization-show #organization-logo {
  margin: calc(2rem - -0.15715em) 0em 0em;
}
#organization-show #organization-description {
  font-size: 16px;
  line-height: 1.5;
}
#organization-show #organization-projects-menu a {
  background-color: #FFFFFF;
  border-radius: 25px !important;
  font-weight: 700;
}
#organization-show #organization-projects-menu a.active {
  border: 2px solid #00D4B4;
}
#organization-header {
  color: #3B4857;
  font-size: 26px;
  line-height: 40px;
  margin-top: 2rem;
}
#organization-form .ui.secondary.button {
  background-color: #2ad1b3;
  width: 200px;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-size: 14px;
  font-family: "Varela Round";
  font-style: normal;
  font-weight: normal;
}
#authorized-checkbox-field {
  line-height: 1;
}
#register-callout h1 {
  color: white;
  font-weight: 700;
}
#register-callout #register-callout-description {
  max-width: 450px;
  margin: 0 auto;
  color: #2ad1b3;
}
#org-name-signup,
#org-name-register {
  margin-left: -50px;
}
#org-landing #org-header {
  color: #00D4B4;
  font-weight: 300;
}
#organizations .organization {
  padding: 2em;
}
#organizations .organization .organization-header {
  margin-bottom: 5px;
  font-size: 20px;
}
#organizations .organization .organization-header a {
  color: #484152;
}
#organizations .organization .organization-location {
  font-size: 14px;
  color: #484152;
}
#organization-dashboard {
  padding-top: 30px;
}
.purchase-form-wrapper {
  color: #3B4857;
}
.purchase-form-wrapper .service-name {
  font-style: normal;
  font-weight: normal;
  font-size: 16px !important;
  line-height: 30px;
}
.purchase-form-wrapper .project-to-fund {
  font-style: normal;
  font-weight: normal;
  color: #8492A5;
  font-size: 16px !important;
  line-height: 25px;
}
.purchase-form-wrapper .ui.form.purchase-form input,
.purchase-form-wrapper .ui.form.purchase-form textarea {
  background: #F9FAFC;
}
.purchase-form-wrapper .ui.form.purchase-form .fields {
  margin-top: 1em !important;
}
.purchase-form-wrapper .ui.form.purchase-form .field {
  margin: 0;
}
.purchase-form-wrapper .ui.form.purchase-form .field label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  align-items: center;
}
.purchase-form-wrapper .ui.form.purchase-form a.button.cancel {
  color: #8492A5 !important;
  text-transform: uppercase;
  font-weight: normal;
  background-color: white;
  border: none;
}
#about-us .ui.teal.button {
  font-family: 'Varela Round';
  font-size: '14px';
  font-weight: 400;
  margin-top: 3em;
  padding: 15px 10px;
  width: 13%;
}
#about-us .text-button-wrapper {
  font-family: 'Open Sans';
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  top: 30%;
  z-index: 1;
}
#about-us .text-button-wrapper p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
  max-width: 538px;
  margin: 0 auto;
}
#about-us .hero {
  background-image: url(/packs/static/about-us-header-55e574a09f28bb0425a9.png);
  height: 80vh;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#about-us .hero.main .ui.header {
  font-size: 60px;
}
#about-us .hero .ui.header {
  color: #FFFFFF;
}
#about-us .hero p {
  font-family: 'Open Sans';
  color: #FFFFFF;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
#about-us .about-content {
  margin-left: 0;
  margin-right: 0;
}
#about-us ul {
  margin-left: -3rem;
}
#about-us .link {
  font-size: 16px;
}
#about-us .hero::before {
  background: rgba(17, 17, 17, 0.65) none repeat scroll 0 0;
  content: " ";
  height: 80vh;
  position: absolute;
  top: 6.3rem;
  width: 100%;
  z-index: 0;
}
#about-us #start-today {
  margin-top: 6em;
  padding: 6em;
  background-color: #f5fdfc;
}
#about-us #start-today h1 {
  font-family: 'Varela Round';
  font-size: 30px;
  font-weight: 400;
  color: #3B4857;
}
#about-us #org-steps h3 {
  margin-top: 90px;
}
#about-us #org-steps h2 {
  font-family: 'Open Sans';
  font-size: 34px;
  font-style: normal;
  color: #273443;
  font-weight: 600;
  line-height: 51px;
  letter-spacing: 0em;
  text-align: left;
}
#about-us #org-steps p {
  text-align: justify;
  font-weight: 400;
  line-height: 28.33px;
  font-size: 16px;
  font-family: 'Open Sans';
}
#about-us #org-steps span.count {
  color: #2ad1b3;
}
#about-us #org-steps .public-benefit {
  height: 50vh;
  background: #F9FAFC;
}
#about-us #org-steps .public-benefit .six.wide.column {
  display: flex;
  justify-content: center;
  align-items: center;
}
#about-us #org-steps .feedback > .column {
  display: flex;
  justify-content: center;
  align-items: center;
}
#about-us #org-steps .feedback > .column .image.computer.only {
  margin: 100px 0;
}
#about-us #org-steps .feedback > .column .feedback-text {
  max-width: 500px;
}
#about-us #org-steps .people-inspire-us {
  height: 60vh;
  padding-bottom: 3rem;
  background: #F9FAFC;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#about-us #org-steps .people-inspire-us > .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#about-us #org-steps .people-inspire-us > .column > p {
  text-align: center;
}
#about-us #org-steps .wrapper-user {
  display: flex;
  margin-top: 3rem;
}
#about-us #org-steps .wrapper-user img {
  width: 60px;
  height: 60px;
}
#about-us #org-steps .wrapper-user p {
  margin-bottom: 0px;
  margin-left: 11px;
  color: #273443;
}
#about-us #org-steps .wrapper-user p.grey {
  color: #8492A5;
}
#about-us #org-steps .wrapper-user p a {
  color: #00D4B4;
}
#about-us #org-steps .teal li::before {
  color: #2ad1b3;
}
#about-us #org-steps .yellow li::before {
  color: #FFD600;
}
#about-us #org-steps .orange li::before {
  color: #00D4B4;
}
#about-us #join_our_community {
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#about-us #join_our_community h2 {
  font-family: Open Sans;
  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
  color: #273443;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 60px;
}
#about-us #join_our_community a {
  width: 240px;
  font-family: 'Varela Round';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 16px 10px;
  border-radius: 40px;
  letter-spacing: 0em;
  text-align: center;
}
#about-us #join_our_community a.inverted {
  color: #ff7f34;
  border: 1px solid #ff7f34;
  background-color: white;
}
@media only screen and (max-width: 420px) {
  #about-us .ui.stackable.grid > .row > .column {
    padding: 0 !important;
  }
  #about-us .text-button-wrapper {
    text-align: left !important;
    padding: 0 20px !important;
  }
  #about-us .hero p {
    text-align: left !important;
    font-size: 14px;
  }
  #about-us .hero::before {
    height: 81vh;
  }
  #about-us .hero.main .ui.header {
    font-size: 34px;
  }
  #about-us #org-steps .public-benefit,
  #about-us #org-steps .feedback,
  #about-us #org-steps .people-inspire-us {
    height: auto;
    padding-bottom: 3rem;
  }
  #about-us #org-steps .public-benefit > .column,
  #about-us #org-steps .feedback > .column,
  #about-us #org-steps .people-inspire-us > .column {
    align-items: initial;
  }
  #about-us #org-steps .public-benefit > .column h2.ui.header,
  #about-us #org-steps .feedback > .column h2.ui.header,
  #about-us #org-steps .people-inspire-us > .column h2.ui.header {
    margin-top: 47px;
    margin-bottom: 10%;
    line-height: 33px;
    font-size: 22px;
    text-align: left;
    padding: 0 20px;
  }
  #about-us #org-steps .public-benefit > .column p,
  #about-us #org-steps .feedback > .column p,
  #about-us #org-steps .people-inspire-us > .column p {
    margin-top: 0%;
    padding: 0 20px;
    text-align: left;
  }
  #about-us #org-steps .public-benefit .wrapper-user,
  #about-us #org-steps .feedback .wrapper-user,
  #about-us #org-steps .people-inspire-us .wrapper-user {
    margin-left: 2rem;
  }
  #about-us #org-steps .public-benefit .wrapper-user-info p,
  #about-us #org-steps .feedback .wrapper-user-info p,
  #about-us #org-steps .people-inspire-us .wrapper-user-info p {
    padding: 0 !important;
  }
  #about-us #join_our_community h2 {
    font-size: 34px !important;
    line-height: 34px;
    text-align: left;
  }
  #about-us #join_our_community .button-wrapper {
    margin-bottom: 1.5rem;
  }
  #about-us #join_our_community a {
    width: 335px !important;
  }
}
@media only screen and (max-width: 1440px) {
  #about-us h2.ui.header {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  #about-us h1.ui.header {
    font-size: 40px;
  }
  #about-us p {
    font-size: 11px;
  }
  #about-us .hero::before {
    top: 7rem;
  }
  #about-us .text-button-wrapper {
    top: 15%;
  }
  #about-us .ui.teal.button {
    width: 44%;
  }
  #about-us .ui.teal.button.start {
    width: 66%;
  }
  #about-us .column {
    text-align: center;
  }
  #about-us .mobile-reverse {
    flex-direction: column-reverse;
  }
}
.user-container {
  padding-bottom: 15px;
}
#user-profile {
  width: 67%;
  padding-top: 50px;
  padding-left: 80px;
  padding-right: 82px;
  padding-bottom: 79px;
}
#user-profile h2 {
  font-size: 20px;
  line-height: 31.3px;
}
#user-profile .user-header {
  padding: 30px 0 56px;
}
#user-profile .user-header .user-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}
#user-profile .user-header .user-title {
  display: inline-block;
  vertical-align: middle;
}
#user-profile .user-header .user-title h1 {
  font-size: 1.8em;
  margin: 0;
}
#user-profile .user-header .user-title p {
  font-size: 1.2em;
}
#user-profile .user-header .user-edit-profile {
  border: 2px solid #11D4B3;
  background: #FFFFFF;
  text-transform: uppercase;
}
#user-profile .paragraph {
  padding-bottom: 40px;
  font-size: 16px;
}
#user-profile .statistics-container {
  background-color: rgba(255, 117, 23, 0.05);
  border-left: 3px solid #ff7517;
  margin-bottom: 40px;
  padding-left: 3px;
}
#user-profile .statistics-container .value p {
  font-size: 26px;
  color: #ff7517;
}
#user-profile .statistics-container .description p {
  font-size: 12px;
}
#user-profile .professional-experience {
  padding-bottom: 12px;
}
#user-profile .see-more,
#user-profile .see-less {
  color: #2ad1b3;
}
#user-profile .user-web-link {
  color: #00D4B4;
  font-size: 16px;
}
#user-profile .user-services {
  margin: 30px 0 60px;
}
#user-profile .causes-categories {
  margin-top: 30px;
}
#user-profile #causes-categories {
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
  display: block;
  align-items: center;
  justify-content: center;
}
#user-profile #causes-categories .project-category-link {
  color: #FF7517;
  background-color: rgba(255, 117, 23, 0.05);
  border-radius: 20px;
  height: 35px;
  line-height: 40px;
  width: auto;
  min-width: 98px;
  padding: 7px 16px;
  margin: 0 16px 16px 0;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
#user-profile #causes-categories .project-category-link.active {
  background: rgba(255, 127, 52, 0.1);
  opacity: 1;
}
#user-profile #causes-categories .project-category-link.active .project-category-name {
  color: #ff7f34;
  border-radius: 20px;
}
#user-profile #causes-categories .project-category-link:hover {
  background: #ff7517;
}
#user-profile #causes-categories .project-category-link:hover .project-category-name {
  color: white;
}
#organization-list {
  width: 33%;
  padding-top: 50px;
  padding-right: 80px;
  padding-bottom: 90px;
}
#organization-list h2 {
  font-size: 20px;
  line-height: 31.3px;
  padding: 15px 0 25px;
}
#organization-list .row {
  width: 310px;
  border: 1px solid #E0E6ED;
  box-sizing: border-box;
  margin-bottom: 10px;
}
#organization-list .row .organization-logo {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
#organization-list .row .organization-logo img {
  display: inline-block;
  vertical-align: middle;
}
#organization-list .row .title {
  margin-top: 20px;
  margin-left: 20px;
  color: #3B4857;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 28px;
}
#organization-list .row .title a {
  color: #3B4857;
}
#organization-list .row .location {
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 23px;
  color: #3B4857;
  font-size: 12px;
}
#organization-list .row .location .span {
  margin-left: 4px;
}
#projects-container {
  padding: 60px 80px 100px 80px;
  background-color: #F9FAFC;
}
#projects-container .user-projects {
  margin: 30px 0;
}
#projects-container .user-projects .menu {
  padding: 25px 0;
  border: none;
}
#projects-container .user-projects .menu .item {
  font-size: 1.4em;
  border: none;
  background: transparent;
  font-weight: 300;
  line-height: 1;
  padding: 10px;
  margin-bottom: 1px;
}
#projects-container .user-projects .menu .item.active {
  color: #00D4B4;
  margin-bottom: 0;
  background: transparent;
  border-radius: 0 !important;
  border-bottom: 2px solid #00D4B4;
}
#projects-container .ui.item.menu .item {
  text-align: left !important;
  margin-left: 0px !important;
}
#faqs-pg .img-background {
  background: #464152 url(/packs/static/faqs-image-a9e324db5573b58a5fc5.png);
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-bottom: 30px;
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
}
#faqs-pg .section-background::before {
  background: rgba(17, 17, 17, 0.65) none repeat scroll 0 0;
  content: " ";
  left: 0;
  height: 50vh;
  position: absolute;
  width: 100%;
  z-index: 0;
}
#faqs-pg .faqs-title {
  top: 22%;
  position: relative;
  color: white;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
}
#faqs-pg .faqs-search input {
  background: #949494;
  opacity: 0.9;
  width: 333px;
  border: 1px solid #949494;
  box-sizing: border-box;
  color: white;
  border-radius: 40px;
}
#faqs-pg .faqs-search input::-moz-placeholder {
  color: #FFFFFF;
}
#faqs-pg .faqs-search input::placeholder {
  color: #FFFFFF;
}
#faqs-pg .faqs-search .ui.icon.input .icon {
  color: #00D4B4;
}
#faqs-pg .faq-section {
  text-align: left;
  display: block;
}
#faqs-pg .video-embed {
  text-align: center;
}
#faqs-pg .video-embed iframe {
  width: 100%;
  height: 300px;
}
@media only screen and (max-width: 420px) {
  #faqs-pg .video-embed iframe {
    height: 150px;
  }
}
@media only screen and (max-width: 834px) {
  #faqs-pg .video-embed iframe {
    height: 200px;
  }
}
#faqs-pg .mb-4 {
  margin-bottom: 8em;
}
#main {
  padding-top: 1rem;
  padding-bottom: 5rem;
}
#main a:not(.button) {
  color: #00D4B4;
}
#main .subtitle {
  font-family: "Varela Round";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #8492A5;
}
#main .ui.button.secondary {
  background-color: #2ad1b3;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 14px;
  padding: 11px 18px;
}
#main .ui.button.wide {
  width: 210px;
}
#main .brand-card {
  margin-right: 10px;
}
#main .brand-card img {
  width: 40px;
}
#main .left-aligned {
  text-align: left;
}
#main #new-invoice-form .number-input {
  width: 126px;
  display: inline-block;
  margin-left: 10px;
}
#main #new-invoice-form .align-float-label {
  margin-top: 10px;
}
#main #new-invoice-form .content {
  justify-content: left;
  display: flex;
  align-items: center;
}
#main #new-invoice-form .content b {
  text-align: left;
}
#main #new-invoice-form .purchase_invoice_comments {
  text-align: left;
}
#main h1.header {
  font-weight: 700;
  color: #3B4857;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#main h1.header.black {
  color: #333333;
}
.list.vertical-padding {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.list.vertical-padding > .item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.main-button {
  color: #333333 !important;
}
.ui.radio.checkbox input:checked ~ .box::after,
.ui.radio.checkbox input:checked ~ label::after {
  background-color: #2ad1b3;
}
.ui.radio.checkbox input:focus:checked ~ .box::after,
.ui.radio.checkbox input:focus:checked ~ label::after {
  background-color: #2ad1b3;
}
.fields.left.aligned .field {
  text-align: left;
}
.purchases-new .title {
  color: #3B4857;
}
.purchases-new .ui.success.message {
  display: flex;
  background-color: #EDF6EF;
  color: #4BA45B;
  padding: 21px 15px;
}
.purchases-new .ui.success.message span.date {
  margin-left: 33%;
}
#hiw-organizations .new-way-section,
#hiw-organizations .why-solvy,
#hiw-organizations .org-hiw-section {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #hiw-organizations .new-way-section,
  #hiw-organizations .why-solvy,
  #hiw-organizations .org-hiw-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#hiw-organizations .new-way-section p,
#hiw-organizations .why-solvy p,
#hiw-organizations .org-hiw-section p {
  font-size: 16px;
  line-height: 24px;
  color: #8492A5;
}
#hiw-organizations .why-solvy {
  background: #F9FAFC;
}
#hiw-organizations .why-solvy h2 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  #hiw-organizations .why-solvy h2 {
    margin-bottom: 50px;
  }
}
#hiw-organizations .why-solvy p {
  color: #3B4857;
}
#hiw-organizations .why-solvy .icon-image {
  margin-bottom: 50px;
}
#how-it-works-pg #hiw-hero,
#hiw-organizations #hiw-hero {
  background-color: #fefcfa;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-bottom: 0;
}
#how-it-works-pg #hiw-hero[data-active="shops"],
#hiw-organizations #hiw-hero[data-active="shops"] {
  background-color: rgba(255, 241, 232, 0.2);
}
#how-it-works-pg #hiw-hero[data-active="project_leaders"],
#hiw-organizations #hiw-hero[data-active="project_leaders"] {
  background-color: rgba(237, 252, 250, 0.2);
}
#how-it-works-pg #hiw-hero[data-active="offers"],
#hiw-organizations #hiw-hero[data-active="offers"] {
  background-color: rgba(255, 251, 229, 0.2);
}
#how-it-works-pg #hiw-hero .image-wrapper,
#hiw-organizations #hiw-hero .image-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
#how-it-works-pg #hiw-hero .image-wrapper .mobile-header-img,
#hiw-organizations #hiw-hero .image-wrapper .mobile-header-img {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .header-img-patron,
#hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .header-img-patron {
  display: block;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .header-img-leader,
#hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .header-img-leader {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .header-img-expert,
#hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .header-img-expert {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-patron,
#hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-patron {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-leader,
#hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-leader {
  display: block;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-expert,
#hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .header-img-expert {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .header-img-patron,
#hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .header-img-patron {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .header-img-leader,
#hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .header-img-leader {
  display: none;
}
#how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .header-img-expert,
#hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .header-img-expert {
  display: block;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg #hiw-hero .image-wrapper .mobile-header-img,
  #hiw-organizations #hiw-hero .image-wrapper .mobile-header-img {
    display: block;
  }
  #how-it-works-pg #hiw-hero .image-wrapper .header-img,
  #hiw-organizations #hiw-hero .image-wrapper .header-img {
    display: none !important;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-patron,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-patron {
    display: block;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-leader,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-leader {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-expert,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="shops"] .mobile-header-img-expert {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-patron,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-patron {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-leader,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-leader {
    display: block;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-expert,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="project_leaders"] .mobile-header-img-expert {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-patron,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-patron {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-leader,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-leader {
    display: none;
  }
  #how-it-works-pg #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-expert,
  #hiw-organizations #hiw-hero .image-wrapper[data-active="offers"] .mobile-header-img-expert {
    display: block;
  }
}
#how-it-works-pg .ui.tab.active,
#hiw-organizations .ui.tab.active {
  display: contents;
}
#how-it-works-pg ul,
#hiw-organizations ul {
  list-style: none;
}
#how-it-works-pg ul li::before,
#hiw-organizations ul li::before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ed6d16;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  font-size: 16px;
  margin-left: -1m;
  /* Also needed for space (tweak if needed) */
}
#how-it-works-pg ul li,
#hiw-organizations ul li {
  font-size: 16px;
  padding-bottom: 11px;
}
#how-it-works-pg h3.ui.header,
#hiw-organizations h3.ui.header {
  font-size: 30px;
  font-family: "Varela Round";
  font-weight: 600;
  color: #3B4857;
}
#how-it-works-pg h2.ui.header,
#hiw-organizations h2.ui.header {
  font-size: 34px;
  line-height: 51px;
  font-weight: bold;
  color: #3B4857;
}
#how-it-works-pg .learn-more-org,
#hiw-organizations .learn-more-org {
  margin: 0px 0px 80px 0px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg .learn-more-org,
  #hiw-organizations .learn-more-org {
    margin: 0px 0px 60px 0px;
  }
}
#how-it-works-pg .learn-more-org a,
#hiw-organizations .learn-more-org a {
  color: #2ad1b3;
}
#how-it-works-pg .ui.secondary.menu .item,
#hiw-organizations .ui.secondary.menu .item {
  margin: 10px !important;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  border-radius: 25px;
  width: 160px;
  padding: 14px 16px;
  border: 1px solid #e5e5e5;
  color: #999999;
}
#how-it-works-pg .ui.secondary.menu .item.project_leaders.active,
#hiw-organizations .ui.secondary.menu .item.project_leaders.active {
  background-color: #2ad1b3;
}
#how-it-works-pg .ui.secondary.menu .item.offers.active,
#hiw-organizations .ui.secondary.menu .item.offers.active {
  background-color: #FFD600;
}
#how-it-works-pg .ui.secondary.menu .item.shops.active,
#hiw-organizations .ui.secondary.menu .item.shops.active {
  background-color: #ed6d16;
}
#how-it-works-pg .ui.secondary.menu .item.active,
#hiw-organizations .ui.secondary.menu .item.active {
  color: #FFFFFF;
  border: none;
}
#how-it-works-pg .hiw-tab-content .ui.tab.segment,
#hiw-organizations .hiw-tab-content .ui.tab.segment {
  margin-bottom: 0;
  padding-bottom: 0;
}
#how-it-works-pg .hiw-tab-content .hiw-steps,
#hiw-organizations .hiw-tab-content .hiw-steps {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item,
#hiw-organizations .hiw-tab-content .hiw-steps-item {
  overflow-x: hidden;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-text,
#hiw-organizations .hiw-tab-content .hiw-steps-item-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg .hiw-tab-content .hiw-steps-item-text,
  #hiw-organizations .hiw-tab-content .hiw-steps-item-text {
    justify-content: flex-start;
  }
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-text p,
#hiw-organizations .hiw-tab-content .hiw-steps-item-text p {
  font-size: 16px;
  line-height: 28px;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-text-wrapper,
#hiw-organizations .hiw-tab-content .hiw-steps-item-text-wrapper {
  text-align: left;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img-wrapper,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img-wrapper {
  position: relative;
  display: inline;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img-wrapper img,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img-wrapper img {
  max-width: 100%;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow {
  position: absolute;
  width: 20%;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow.first-exp-img,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow.first-exp-img {
  right: 12%;
  bottom: 0;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow.four-exp-img,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img-wrapper .curly-arrow.four-exp-img {
  right: 22%;
  bottom: 200%;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img img,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img img {
  margin-left: 0;
  margin-right: -3rem;
}
#how-it-works-pg .hiw-tab-content .hiw-steps-item-img:first-child img,
#hiw-organizations .hiw-tab-content .hiw-steps-item-img:first-child img {
  margin-left: -3rem;
  margin-right: 0;
}
#how-it-works-pg .hiw-tab-content ul,
#hiw-organizations .hiw-tab-content ul {
  list-style: none;
  padding-left: 0;
  font-size: 22;
}
#how-it-works-pg .hiw-tab-content ul li::before,
#hiw-organizations .hiw-tab-content ul li::before {
  content: "•";
  margin-right: 10px;
}
#how-it-works-pg .hiw-tab-content .ui.button,
#hiw-organizations .hiw-tab-content .ui.button {
  text-transform: uppercase;
  width: 240px;
  border-radius: 40px;
  font-size: 14px;
  font-family: "Varela Round";
  margin: 20px auto;
  padding: 18px 10px;
}
#how-it-works-pg .hiw-tab-content .row,
#hiw-organizations .hiw-tab-content .row {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg .hiw-tab-content .row,
  #hiw-organizations .hiw-tab-content .row {
    margin-top: 40px;
  }
}
#how-it-works-pg .hiw-tab-content .row:first-child,
#hiw-organizations .hiw-tab-content .row:first-child {
  margin-top: 0;
}
#how-it-works-pg .hiw-tab-content .last-section,
#hiw-organizations .hiw-tab-content .last-section {
  margin-top: 6rem;
  padding: 6rem 1rem;
}
#how-it-works-pg .hiw-tab-content .last-section h2.ui.header,
#hiw-organizations .hiw-tab-content .last-section h2.ui.header {
  font-size: 30px;
  font-weight: 400;
  font-family: 'Varela Round';
}
#how-it-works-pg .hiw-tab-content .bg-orange,
#hiw-organizations .hiw-tab-content .bg-orange {
  background-color: #FFF1E8;
}
#how-it-works-pg .hiw-tab-content .bg-yellow,
#hiw-organizations .hiw-tab-content .bg-yellow {
  background-color: #FFFBE5;
}
#how-it-works-pg .hiw-tab-content .bg-teal,
#hiw-organizations .hiw-tab-content .bg-teal {
  background-color: #f5fdfc;
}
#how-it-works-pg .hiw-tab-content #patrons-steps span.count,
#hiw-organizations .hiw-tab-content #patrons-steps span.count {
  color: #ed6d16;
}
#how-it-works-pg .hiw-tab-content #patrons-steps li::before,
#hiw-organizations .hiw-tab-content #patrons-steps li::before {
  color: #ed6d16;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg .ui.stackable.menu,
  #hiw-organizations .ui.stackable.menu {
    flex-direction: initial;
  }
  #how-it-works-pg .ui.stackable.menu .item,
  #hiw-organizations .ui.stackable.menu .item {
    min-width: 100px !important;
    width: auto !important;
    margin: 0;
    font-size: 11px;
    font-family: "Open Sans";
    border: 1px solid #e5e5e5;
  }
  #how-it-works-pg .mobile-reverse,
  #hiw-organizations .mobile-reverse {
    flex-direction: column-reverse;
  }
  #how-it-works-pg h2,
  #hiw-organizations h2,
  #how-it-works-pg ul,
  #hiw-organizations ul {
    padding: 1rem 1rem !important;
  }
  #how-it-works-pg ul li,
  #hiw-organizations ul li {
    font-size: 14px;
    padding-bottom: 9px;
  }
  #how-it-works-pg .ui.container,
  #hiw-organizations .ui.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #how-it-works-pg h3.ui.header,
  #hiw-organizations h3.ui.header {
    font-size: 26px;
  }
  #how-it-works-pg h2.ui.header,
  #hiw-organizations h2.ui.header {
    font-size: 20px;
    line-height: 33px;
  }
}
#how-it-works-pg .hiw-learn-more-link,
#hiw-organizations .hiw-learn-more-link {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
  #how-it-works-pg .hiw-learn-more-link,
  #hiw-organizations .hiw-learn-more-link {
    font-size: 14px;
    padding-left: 1rem;
  }
}
#how-it-works-pg .hiw-learn-more-link.yellow a,
#hiw-organizations .hiw-learn-more-link.yellow a {
  color: #FFD600;
}
#how-it-works-pg .hiw-learn-more-link.teal a,
#hiw-organizations .hiw-learn-more-link.teal a {
  color: #2ad1b3;
}
#how-it-works-pg .hiw-learn-more-link.orange a,
#hiw-organizations .hiw-learn-more-link.orange a {
  color: #ed6d16;
}
#how-it-works-pg a.yellow-text,
#hiw-organizations a.yellow-text {
  color: #FFD600;
}
#how-it-works-pg a.teal-text,
#hiw-organizations a.teal-text {
  color: #2ad1b3;
}
#how-it-works-pg a.orange-text,
#hiw-organizations a.orange-text {
  color: #ed6d16;
}
#how-it-works-pg .teal-divider,
#hiw-organizations .teal-divider {
  width: 100px;
  border-top: 5px solid #2ad1b3;
  margin: 0 auto 50px;
  margin-bottom: 80px;
}
#how-it-works-pg .yellow-divider,
#hiw-organizations .yellow-divider {
  width: 100px;
  border-top: 5px solid #FFD600;
  margin: 0 auto 50px;
  margin-bottom: 80px;
}
#how-it-works-pg .orange-divider,
#hiw-organizations .orange-divider {
  width: 100px;
  border-top: 5px solid #ed6d16;
  margin: 0 auto 50px;
  margin-bottom: 80px;
}
#hiw-organizations .ui.teal.button {
  font-family: 'Varela Round';
  font-size: '14px';
  font-weight: 400;
  margin-top: 3em;
  padding: 15px 10px;
  width: 13%;
}
#hiw-organizations .text-button-wrapper {
  top: 30%;
}
#hiw-organizations .hero {
  height: 80vh;
  width: 100%;
  background-image: url(/packs/static/how-it-works-org-header-f74c32ff64f0d19e252f.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#hiw-organizations .link {
  font-size: 16px;
}
#hiw-organizations .hero::before {
  background: rgba(17, 17, 17, 0.65) none repeat scroll 0 0;
  content: " ";
  height: 80vh;
  position: absolute;
  top: 6.3rem;
  width: 100%;
  z-index: 0;
}
#hiw-organizations #start-today {
  margin-top: 6em;
  padding: 6em;
  background-color: #f5fdfc;
}
#hiw-organizations #start-today h1 {
  font-family: 'Varela Round';
  font-size: 30px;
  font-weight: 400;
  color: #3B4857;
}
#hiw-organizations #org-steps span.count {
  color: #2ad1b3;
}
#hiw-organizations #org-steps .teal li::before {
  color: #2ad1b3;
}
#hiw-organizations #org-steps .yellow li::before {
  color: #FFD600;
}
#hiw-organizations #org-steps .orange li::before {
  color: #00D4B4;
}
#hiw-organizations .row:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 1440px) {
  #hiw-organizations h2.ui.header {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #hiw-organizations h1.ui.header {
    font-size: 40px;
  }
  #hiw-organizations p {
    font-size: 11px;
  }
  #hiw-organizations .hero::before {
    top: 7rem;
  }
  #hiw-organizations .text-button-wrapper {
    top: 15%;
  }
  #hiw-organizations .ui.teal.button {
    width: 44%;
  }
  #hiw-organizations .ui.teal.button.start {
    width: 66%;
  }
}
.how-it-works #short-blue-divider {
  width: 100px;
  border-top: 5px solid #2ad1b3;
  margin: 0 auto 50px;
  margin-bottom: 80px;
}
.how-it-works .hiw-menu {
  padding: 60px 0px;
}
@media only screen and (max-width: 767px) {
  .how-it-works .hiw-menu {
    padding: 50px 0px;
  }
}
.how-it-works .gradient-divider {
  margin: 30px auto;
}
.how-it-works .gradient-divider:after {
  display: block;
  content: "";
  margin-top: 50px;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, #f5f5f5 0%, transparent 25%);
}
.how-it-works .hero {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.how-it-works .hero.main .ui.header {
  font-size: 44px;
}
.how-it-works .hero .ui.header {
  color: #FFFFFF;
}
.how-it-works .hero p {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 31px;
}
.how-it-works .link {
  text-transform: uppercase;
  font-weight: 700;
  border-left-width: 2px;
  border-left-style: solid;
  text-align: left;
  padding-left: 10px;
}
.how-it-works .link.teal {
  color: #2ad1b3;
  border-color: #2ad1b3;
}
.how-it-works .link.yellow {
  color: #FFD600;
  border-color: #FFD600;
}
.how-it-works .link.orange {
  color: #00D4B4;
  border-color: #00D4B4;
}
h1.page-title {
  margin: 40px auto;
  display: block;
}
h1.page-title.main-centered {
  margin: 50px auto;
  text-align: center;
}
#donations h1 {
  margin-top: 20px;
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 40px;
}
#donations h1.project-donations {
  margin-bottom: 60px;
}
#donations .project-header {
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
}
#donations .project-header .project-organization-section {
  margin-bottom: 10px;
}
#donations .project-header .project-info {
  max-width: 460px;
  margin-left: 50px;
}
#donations .project-header .project-progress {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#donations .project-header .project-progress .project-progress-bar {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 5px;
}
#donations .project-header .project-progress .project-progress-bar .ui.progress.success .bar {
  background-color: #00D4B4 !important;
}
#donations .project-header .project-progress .project-progress-bar .bar {
  border-radius: 5px;
  height: 8px;
}
#donations .project-header .project-days-to-go {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
#donations .project-header .project-days-to-go .highlighted-progress {
  color: #3b4857;
  font-weight: 100;
}
#donations .project-header .project-days-to-go .project-progress-info {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  text-align: center;
}
#donations .project-header .project-days-to-go .project-progress-info strong {
  color: #00D4B4;
}
#donations .project-header .project-manager {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
#donations .project-header .project-manager .project-manager-avatar {
  cursor: pointer;
  transition: opacity 250ms;
  margin-right: 14px;
  width: 38px;
  height: 38px;
}
#donations .project-header .project-manager .project-manager-avatar .ui.avatar.image {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
#donations .project-header .project-manager .project-manager-info {
  width: 80%;
}
#donations .project-header .project-manager .project-manager-info .project-manager-info-tile > strong > a {
  color: #3B4857;
}
@media only screen and (min-width: 738px) {
  #donations .project-header .project-manager .project-manager-info {
    width: auto;
  }
}
#donations .project-header .project-manager .project-manager-info .project-manager-info-subtitle {
  color: #8492a5;
}
#donations .project-header .project-manager .project-manager-info .project-manager-info-subtitle a {
  color: #00d4b4;
}
#donations .donation-form h2 {
  margin-bottom: 40px;
}
#donations .donation-form .donation-amounts {
  margin-bottom: 20px;
}
#donations .donation-form .donation-amounts li {
  cursor: pointer;
  color: #8492a5;
  background: #F2F3F5;
  border-radius: 5px;
  height: 35px;
  line-height: 32px;
  width: auto;
  min-width: 98px;
  padding: 0px 16px;
  margin: 0 10px;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
#donations .donation-form .donation-amounts li:hover {
  background: rgba(255, 117, 23, 0.1);
  color: #FF7517;
}
#donations .donation-form .donation-amounts input[type=radio] {
  display: none;
}
#donations .donation-form .donation-amounts input[type=radio]:checked + li {
  background: rgba(255, 117, 23, 0.1);
  color: #FF7517;
}
#donations .donation-form .donation-custom-amount {
  margin-bottom: 24px;
}
#donations .donation-form .donation-custom-amount label {
  margin-right: 24px;
}
#donations .donation-form .donation-custom-amount .ui.basic.label {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #3B4857;
}
#donations .donation-form .donation-anonymous .ui.checkbox label {
  padding-left: 33px;
}
#donations .donation-form .donation-continue {
  text-align: center;
  margin-top: 32px;
}
#donations .donation-form .donation-continue input {
  background: #00D4B4;
  color: white;
  border-radius: 40px;
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  border: 0;
  width: 200px;
  padding: 16px;
}
#donations .donation_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EDFCFA;
  width: 500px;
  padding: 20px 30px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
#donations .donation_header .donation_info {
  display: flex;
  flex-direction: column;
}
#donations .donation_header .donation_info .label {
  font-size: 14px;
  color: #3B4857;
  line-height: 25px;
}
#donations .donation_header .donation_info .price {
  font-family: Varela Round;
  color: #00D4B4;
  font-size: 20px;
  line-height: 31px;
  height: 34px;
}
#donations .donation-payment-method label {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
#donations .donation-payment-method .brand-card {
  margin-right: 10px;
}
#donations .donation-payment-method .brand-card img {
  width: 40px;
}
#donations .donation-payment-method .cta-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 27px;
}
#donations .donation-payment-method .cta-section input,
#donations .donation-payment-method .cta-section a {
  width: 210px;
  font-family: Varela Round;
  font-size: 14px;
  margin-bottom: 16px;
}
#donation_success {
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#donation_success .message-section {
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 440px;
}
#donation_success .message-section h1 {
  font-family: Varela Round;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 33px;
}
#donation_success .message-section p {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 54px;
}
#donation_success .message-section p strong {
  font-weight: normal;
  color: #00D4B4;
}
#donation_success .message-section a {
  width: 240px;
  font-family: Varela Round;
  font-size: 14px;
  margin-bottom: 16px;
  padding: 15px;
  margin: 0 auto;
}
#header {
  padding: 20px 20px 12px 20px;
  background: white;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media only screen and (min-width: 738px) {
  #header {
    display: none;
  }
}
#header #logo {
  width: 70px;
  display: block;
}
#header .header-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
#header .header-section.header-section-one {
  margin-bottom: 20px;
}
#header .header-section.header-section-one .header-item .user-avatar {
  cursor: pointer;
  transition: opacity 250ms;
  width: 38px;
  height: 38px;
}
#header .header-section.header-section-one .header-item .user-avatar .ui.avatar.image {
  width: 100%;
  height: 100%;
  margin: auto;
  display: block;
}
#header .header-section.header-section-one .header-item.buttons {
  display: contents;
}
#header .header-section.header-section-two,
#header .header-section.header-section-three {
  position: relative;
  justify-content: flex-start;
}
#header .header-section.header-section-two .header-item,
#header .header-section.header-section-three .header-item {
  margin-right: 24px;
}
#header .header-section.header-section-two .header-item:last-child,
#header .header-section.header-section-three .header-item:last-child {
  margin-right: 0;
}
#header .header-section.header-section-two .header-item.fill-space,
#header .header-section.header-section-three .header-item.fill-space {
  flex: 1;
}
#header .header-section.header-section-two .header-item .item,
#header .header-section.header-section-three .header-item .item {
  color: #616161;
  font-size: 13px;
}
#header .header-section.header-section-two .header-item .item i.globe.icon,
#header .header-section.header-section-three .header-item .item i.globe.icon {
  color: #FFD600;
}
#header .header-section.header-section-two .header-item .item i.shopping.cart,
#header .header-section.header-section-three .header-item .item i.shopping.cart {
  color: #FF7517;
}
#header .header-section.header-section-two .header-item .item:hover,
#header .header-section.header-section-three .header-item .item:hover {
  color: #2ad1b3;
}
#header .header-section.header-section-two .header-item.self-right,
#header .header-section.header-section-three .header-item.self-right {
  position: absolute;
  right: 0;
  margin-right: 0px;
}
#header .header-section.header-section-two .header-item.self-right .wrapper-search-icon,
#header .header-section.header-section-three .header-item.self-right .wrapper-search-icon {
  margin-left: 3.5rem;
}
@media only screen and (max-width: 321px) {
  #header .header-section.header-section-two .header-item.self-right .wrapper-search-icon,
  #header .header-section.header-section-three .header-item.self-right .wrapper-search-icon {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 380px) {
  #header .header-section.header-section-two .header-item,
  #header .header-section.header-section-three .header-item {
    margin-right: 7%;
  }
}
#header .header-section.header-section-two .cancel-search,
#header .header-section.header-section-three .cancel-search {
  float: right;
  padding-top: 2rem;
}
#header .header-section.header-section-two .ui.fluid.input > input,
#header .header-section.header-section-three .ui.fluid.input > input {
  background-color: #F9FAFC !important;
  border: 1px solid #E0E6ED !important;
  padding: 14px 32px;
  border-radius: 40px;
  caret-color: #00d4b4;
}
#header .header-section .ui.search {
  width: 90%;
}
#header .header-section.header-section-three {
  display: none;
}
header {
  height: 76px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
  background: white;
}
@media only screen and (min-width: 738px) {
  header {
    position: fixed;
  }
}
header #logo {
  width: 70px;
}
header.navbar-white #TopBarNotifications img {
  filter: brightness(2) invert(1);
}
header.navbar-dark #TopBarNotifications img {
  filter: brightness(2) invert(0);
}
header.navbar-dark .search-input-container .tw-border-captures {
  border-color: #232323;
}
header.navbar-dark .search-input-container input {
  background-color: #232323;
  color: #D5E3DD;
}
header #projects-menu,
header div.header.dropdown-menu {
  border: none;
  box-shadow: none;
  width: auto;
}
header #projects-menu i.dropdown.icon,
header div.header.dropdown-menu i.dropdown.icon {
  line-height: 1.5;
  float: none;
  margin: 0;
}
header #projects-menu .active.item,
header div.header.dropdown-menu .active.item {
  background: transparent;
}
header #projects-menu .dropdown.item,
header div.header.dropdown-menu .dropdown.item {
  line-height: 1.5;
  width: 100%;
}
header #projects-menu .ui.secondary.menu .active.item,
header div.header.dropdown-menu .ui.secondary.menu .active.item {
  background: transparent;
}
header #projects-menu:hover img,
header div.header.dropdown-menu:hover img {
  filter: brightness(0) invert(0);
}
header .ui.menu {
  background-color: transparent;
}
header .ui.menu .item:not(.custom) {
  color: #ffff;
  font-size: 1.25rem;
  font-weight: 600;
}
header .ui.menu .item:not(.custom) i.icon.plus {
  color: #D3DCE6;
}
header .ui.menu .item:not(.custom) i.globe.icon {
  color: #FFD600;
}
header .ui.menu .item:not(.custom) i.shopping.cart {
  color: #FF7517;
}
header .ui.button.organization {
  padding: 15px 13px;
}
header #messages-icon {
  display: inline-block;
}
header .user-menu {
  padding: 0 !important;
}
header .user-menu .ui.avatar.image {
  width: 38px;
  height: 38px;
}
header .SearchInput {
  width: 80%;
}
footer {
  padding-top: 2rem;
}
footer #footer-logo {
  width: 133px;
}
@media only screen and (max-width: 767px) {
  footer #footer-logo {
    margin: 0 auto;
  }
}
footer #smile-img {
  height: 20px;
}
footer .ui.icon.buttons .button,
footer .ui.icon.button {
  padding: 6px 5px;
}
footer h3#explore-categories,
footer h3#how-it-works,
footer h3#website,
footer h3#social {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
}
footer .ui.link.list.list a.item {
  font-size: 16px;
  line-height: 26px;
}
footer .ui.link.list.list a.item:hover {
  color: #FF7F34;
}
footer .copyright {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  footer {
    text-align: center;
  }
  footer #social-icons {
    float: none;
  }
}
footer #sub-footer p {
  color: #756e87;
  white-space: nowrap;
}
footer #sub-footer .ui.list .item {
  color: #8b8991;
}
#experts-callout {
  background: #F9FAFC;
  padding: 40px;
}
#experts-callout h1#meet-experts {
  font-weight: bold;
}
#experts-callout h4.user-name {
  max-height: 22px;
  line-height: 1;
}
#email-signup .ui.header {
  color: #FFFFFF;
}
#email-signup .ui.header .icon {
  font-size: 40px;
}
#email-signup #email-signup-input input {
  background-color: #19b196;
  border-radius: 20px;
  border: none;
}
#email-signup #email-signup-input input::-moz-placeholder {
  color: white;
}
#email-signup #email-signup-input input::placeholder {
  color: white;
}
#email-signup #email-signup-input #signup {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  font-weight: 400;
}
#email-signup #newsletter-icon {
  height: 100%;
  width: auto;
}
#flash-container .alert {
  color: white;
  text-align: center;
  font-weight: 700;
}
.user-card {
  text-align: left;
}
.user-card .user-image {
  border-radius: 50%;
  overflow: hidden;
}
.user-card .ui.header {
  line-height: 0.8;
}
.user-card h3.ui.header.user-name {
  font-weight: 700;
  margin-bottom: 5px;
}
.user-card p.user-cost {
  font-size: 12px;
}
.project {
  width: 270px;
  height: 350px;
  border: 1px solid #E0E6ED;
  padding: 0 !important;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: white;
}
.project .image-section {
  position: relative;
  display: block;
  overflow: hidden;
}
.project .image-section .funded-ribbon {
  position: absolute;
  width: 146px;
  right: -15px;
  bottom: 21px;
  transform: rotate(-30deg);
  background: #00D4B4;
  color: white;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.155em;
}
.project:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}
.project .floated.header {
  font-size: 12px;
}
.project img.ui.image.project-card {
  width: 100%;
  height: 160px;
}
.project .project-card-body {
  padding: 16px 20px 28px 20px;
  height: 190px;
  display: flex;
  flex-direction: column;
}
.project .project-card-body h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  font-style: normal;
  color: #3B4857;
  overflow: hidden;
}
.project .project-card-body .sub.header {
  margin-top: 0px;
  margin-bottom: 10px;
}
.project .project-card-body .ui.progress {
  font-size: 6px;
  border-radius: 5px;
  background: #F2F3F5;
  justify-self: self-end;
}
.project .project-card-body .ui.progress .bar {
  background-color: #00D4B4 !important;
}
.project .project-card-body .ui.progress.success .bar {
  background-color: #00D4B4 !important;
}
.project .project-header {
  color: #3B4857;
}
.project .project-header a {
  color: #1B1C1D;
}
.project .project-header a:hover {
  color: #00D4B4;
}
.project .project-header .icon {
  color: #D3DCE6;
}
.project .sub.header {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
.project .sub.header img {
  margin-right: 6px;
}
.project .project-card-description {
  color: #8492A5;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Open sans';
}
.project .project-card-description a {
  color: #00D4B4;
}
.project .sub.header {
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
}
.project .description {
  text-align: left;
}
.project .progress .highlighted-progress {
  color: #ff7f34;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .project {
    max-width: none;
  }
  .project .ui.image {
    width: 100%;
  }
  .project .project-card-description {
    margin-top: 2.5rem;
  }
}
#project-categories {
  max-width: 1200px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
#project-categories .project-category-link {
  color: #8492a5;
  background: #f9fafc;
  border-radius: 20px;
  height: 35px;
  line-height: 32px;
  width: auto;
  min-width: 98px;
  padding: 0px 16px;
  margin: 0 16px 16px 0;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
#project-categories .project-category-link.active {
  background: rgba(255, 127, 52, 0.1);
  opacity: 1;
}
#project-categories .project-category-link.active .project-category-name {
  color: #ff7f34;
  border-radius: 20px;
}
#project-categories .project-category-link:hover {
  background: #ff7517;
}
#project-categories .project-category-link:hover .project-category-name {
  color: white;
}
.multiple_emails-container {
  background: #f9fafc;
  border: 1px solid #e0e6ed;
  border-radius: 5px;
  cursor: text;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.multiple_emails-container input {
  background: #f9fafc;
  border: 0;
  box-sizing: border-box;
  clear: both;
  outline: none;
  padding-left: 8px;
  display: inline-block;
  min-width: 41%;
  line-height: 24px;
  margin-bottom: 4px;
  margin-left: 3px;
  font-size: 14px;
}
.multiple_emails-container input.multiple_emails-error {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
  outline: thin auto red !important;
}
.multiple_emails-container ul {
  list-style-type: none;
  padding-left: 0;
  display: flow-root;
}
.multiple_emails-email {
  background: #8492a5;
  border-radius: 20px;
  margin: 3px 5px;
  padding: 3px 20px;
  display: inline-block;
  color: white;
  font-size: 14px;
  line-height: 25px;
}
.multiple_emails-close {
  float: right;
  margin: 0 3px;
  color: white;
  position: relative;
  right: -10px;
}
.multiple_emails-close:hover {
  color: black;
}
.hover-menu {
  cursor: pointer;
  z-index: 9999;
}
.hover-menu .active {
  display: none;
}
.hover-menu:hover {
  color: #00d4b4 !important;
}
.hover-menu:hover .active {
  display: initial;
}
.hover-menu:hover .noactive {
  display: none;
}
.hover-menu .button {
  background: #00d4b4;
  width: 120px;
  height: 34px;
  display: block;
  border-radius: 40px;
  color: white !important;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 34px;
  align-items: center;
  text-align: center;
}
.hover-menu .link span {
  color: #00d4b4;
}
.hover-menu.active .hover-menu-container {
  background: rgba(39, 52, 67, 0.6);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}
.hover-menu.active .hover-menu-container .close-mobile {
  display: block;
}
.hover-menu .hover-menu-container {
  position: fixed;
  background: transparent;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.hover-menu .hover-menu-container .close-mobile {
  display: none;
  font-size: 15px;
  margin: 20px auto 20px auto;
  line-height: 32px;
  text-align: center;
  color: #fff !important;
  border-bottom: 1px solid #fff;
  width: 50%;
}
.hover-menu .hover-menu-container ul {
  position: relative;
  background: #ffffff;
  list-style: none;
  margin: 0px;
  width: 100%;
  padding: 20px;
}
.hover-menu .hover-menu-container ul li {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 10px;
  min-width: 280px;
  transition: color 350ms;
  border-bottom: 1px solid #f2f3f5;
  padding-bottom: 10px;
  display: block;
  text-align: left;
}
.hover-menu .hover-menu-container ul li.centered {
  text-align: center;
}
.hover-menu .hover-menu-container ul li.no-border {
  border-bottom: none;
}
.hover-menu .hover-menu-container ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hover-menu .hover-menu-container ul li:hover {
  color: #00d4b4;
}
.hover-menu .hover-menu-container ul li:hover i {
  color: #00d4b4 !important;
}
.hover-menu .hover-menu-container ul li:hover a {
  color: #00d4b4;
}
.hover-menu .hover-menu-container ul li:hover a.button {
  color: #d3dce6;
}
.hover-menu .hover-menu-container ul li a i {
  display: none;
  transition: color 350ms;
  color: #d3dce6;
  margin-right: 16px;
  line-height: 24px;
  font-size: 20px;
}
.hover-menu .hover-menu-container ul li a {
  transition: color 350ms;
  color: #3B4857;
  display: flex;
  gap: 5px;
}
.hover-menu .hover-menu-container ul li a.button {
  min-width: 240px;
  margin: auto;
  font-size: 14px;
  height: 44px;
  line-height: 44px;
}
@media only screen and (min-width: 40.5em) {
  .hover-menu {
    position: relative;
  }
  .hover-menu:hover .hover-menu-container {
    background: transparent;
    display: block;
  }
  .hover-menu:hover .hover-menu-container .close-mobile {
    display: none;
  }
  .hover-menu .hover-menu-container {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 4px #e5e5e5;
    position: absolute;
    bottom: -6rem;
    right: 2rem;
    min-width: 286px;
    bottom: initial;
    width: initial;
    height: initial;
  }
  .hover-menu .hover-menu-container:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .hover-menu .hover-menu-container.left:after {
    border-width: 10px 0 10px 20px;
    top: calc(50% - 10px);
    right: -18px;
    border-color: transparent transparent transparent #fff;
  }
  .hover-menu .hover-menu-container.right:after {
    border-width: 10px 20px 10px 0;
    top: calc(50% - 10px);
    left: -18px;
    border-color: transparent #fff transparent transparent;
  }
  .hover-menu .hover-menu-container.top:after {
    left: calc(50% - 10px);
    bottom: -18px;
    border-color: #fff transparent transparent transparent;
    border-width: 20px 10px 0 10px;
  }
  .hover-menu .hover-menu-container.bottom:after {
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #fff transparent;
    left: calc(50% - 10px);
    top: -18px;
  }
  .hover-menu .hover-menu-container ul {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  .hover-menu .hover-menu-container ul li i {
    display: inline-block;
  }
  .hover-menu .hover-menu-container.manager {
    left: -339px !important;
    top: 0;
  }
  .hover-menu .hover-menu-container.manager.left:after {
    top: 0;
  }
}
.services-widget {
  position: relative;
  max-width: 300px;
  width: 100%;
  margin-right: 70px;
  display: block;
}
.services-widget .service-widget-title {
  font-size: 16px;
  line-height: 30px;
  padding-left: 5px;
  display: block;
}
.services-widget .service-widget-loadmore {
  position: absolute;
  right: 0;
  top: 50px;
  color: #00d4b4 !important;
  transition: color 250ms;
}
.services-widget .service-widget-container {
  max-width: calc(60px * 4);
  overflow: hidden;
  position: relative;
  min-height: 90px;
  display: block;
}
.services-widget .service-widget-slider {
  width: calc(60px * 10);
  display: flex;
  flex-direction: row;
  left: 0;
  position: relative;
  transition: left 350ms;
  min-height: 90px;
}
.services-widget .service-widget-avatar-box {
  cursor: pointer;
  display: inline-block;
}
.services-widget .service-widget-avatar-box .ui.avatar.image {
  width: 38px;
  height: 38px;
  margin-right: 20px;
  margin: auto;
  display: block;
}
.services-widget .service-widget-avatar-box span.service_category {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
  width: 60px;
  height: 22px;
  text-align: center;
  margin-top: 10px;
  color: #8492a5;
}
.activity-widget {
  position: relative;
  max-width: 300px;
  width: 100%;
  margin-right: 70px;
  display: block;
}
.activity-widget .activity-widget-title {
  font-size: 16px;
  line-height: 30px;
  padding-left: 5px;
  display: block;
}
.activity-widget .activity-widget-loadmore {
  position: absolute;
  right: 0;
  top: 50px;
  color: #00d4b4 !important;
  transition: color 250ms;
}
.activity-widget .activity-widget-container {
  max-width: calc(60px * 4);
  overflow: hidden;
  position: relative;
  min-height: 90px;
  display: block;
}
.activity-widget .activity-widget-slider {
  width: calc(60px * 10);
  display: flex;
  flex-direction: row;
  left: 0;
  position: relative;
  transition: left 350ms;
  min-height: 90px;
}
.activity-widget .activity-widget-avatar-box {
  cursor: pointer;
}
.activity-widget .activity-widget-avatar-box .ui.avatar.image {
  width: 38px;
  height: 38px;
  margin-right: 20px;
  margin: auto;
  display: block;
}
.activity-widget .activity-widget-avatar-box span.activity_category {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  display: block;
  width: 60px;
  height: 22px;
  text-align: center;
  margin-top: 10px;
  color: #8492a5;
}
html,
body {
  height: 100%;
}
.app-container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-container .app-box.app-body {
  width: 100%;
  flex: 1;
  flex-direction: column;
  display: flex;
}
.ui.vertical.segment.footer {
  padding-top: 0px;
}
.ui.labeled.icon.button.service {
  padding-left: 0em !important;
}
.wrapper-service {
  margin-left: 33px;
}
.wrapper-service .one-service {
  margin-top: 8px;
}
.ui.labeled.icon.button .icon {
  left: initial;
}
a#thanks_for_payment,
a#thanks_for_service {
  display: none;
}
.thanks-modal-text a {
  color: #2ad1b3;
}
.info-span img {
  width: 12px;
}
.quill-editor-container {
  height: 14rem;
  margin-bottom: 42px;
}
.state-ribbon {
  position: absolute;
  width: 156px;
  right: -16px;
  bottom: 17px;
  transform: rotate(-30deg);
  border: 1px solid #F5F8FE;
  color: white;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 140%;
  text-transform: uppercase;
}
.state-ribbon[data-state="out_of_stock"] {
  right: -29px;
  bottom: 34px;
  transform: rotate(316deg);
}
i.icon.separator-dot {
  font-size: 3px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0;
}
i.icon.no-margin {
  margin: 0;
}
.custom-scroll::-webkit-scrollbar {
  width: 12px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: white;
}
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #D3DCE6;
  border: 4px solid white;
}
.open .options {
  display: block;
}
.togglable-content {
  overflow: hidden;
  max-height: var(--max-height);
}
.togglable-content.active {
  max-height: initial;
}
@media screen and (max-width: 767px) {
  .togglable-content {
    max-height: calc(var(--max-height) * 3);
  }
}
.togglable-cta {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--middle-light-grey, #D3DCE6);
  background: var(--white, #FFF);
  padding: 15px 0 15px 0;
  text-align: center;
}
.togglable-cta .togglable-less {
  display: none;
}
.togglable-cta.active .togglable-more {
  display: none;
}
.togglable-cta.active .togglable-less {
  display: block;
}


/*# sourceMappingURL=application-229c54c7.css.map*/