/* @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap); */

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.\!left-0 {
    left: 0 !important
}

.\!left-\[calc\(100\%-24px\)\] {
    left: calc(100% - 24px) !important
}

.\!left-\[calc\(100\%-25\%-12px\)\] {
    left: calc(75% - 12px) !important
}

.\!left-\[calc\(100\%-50\%-12px\)\] {
    left: calc(50% - 12px) !important
}

.\!left-\[calc\(100\%-75\%-24px\)\] {
    left: calc(25% - 24px) !important
}

.-left-\[190px\] {
    left: -190px
}

.-top-\[1px\] {
    top: -1px
}

.-top-\[94px\] {
    top: -94px
}

.left-0 {
    left: 0
}

.right-3 {
    right: .75rem
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

.top-14 {
    top: 3.5rem
}

.top-3 {
    top: .75rem
}

.top-5 {
    top: 1.25rem
}

.top-\[44px\] {
    top: 44px
}

.-z-\[1\] {
    z-index: -1
}

.z-10 {
    z-index: 10
}

.m-0 {
    margin: 0
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mt-4 {
    margin-top: 1rem
}

.flex {
    display: -webkit-flex;
    display: flex
}

.hidden {
    display: none
}

.\!h-10 {
    height: 2.5rem !important
}

.\!h-14 {
    height: 3.5rem !important
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-\[128px\] {
    height: 128px
}

.h-\[140px\] {
    height: 140px
}

.h-\[44px\] {
    height: 44px
}

.h-\[480px\] {
    height: 480px
}

.h-\[52px\] {
    height: 52px
}

.h-\[6px\] {
    height: 6px
}

.h-\[86px\] {
    height: 86px
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.min-h-\[280px\] {
    min-height: 280px
}

.w-16 {
    width: 4rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-\[245px\] {
    width: 245px
}

.w-\[52px\] {
    width: 52px
}

.w-full {
    width: 100%
}

.min-w-\[16px\] {
    min-width: 16px
}

.min-w-\[204px\] {
    min-width: 204px
}

.min-w-\[52px\] {
    min-width: 52px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[905px\] {
    max-width: 905px
}

.max-w-\[920px\] {
    max-width: 920px
}

.max-w-\[calc\(100\%-50px-64px-16px\)\] {
    max-width: calc(100% - 130px)
}

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

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

.animate-spin-slow {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

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

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.flex-col {
    -webkit-flex-direction: column;
    flex-direction: column
}

.items-start {
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.items-center {
    -webkit-align-items: center;
    align-items: center
}

.justify-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.justify-center {
    -webkit-justify-content: center;
    justify-content: center
}

.justify-between {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.gap-3 {
    gap: .75rem
}

.gap-x-2 {
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.\!rounded-b-\[0px\] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.\!rounded-t-xl {
    border-top-left-radius: .75rem !important;
    border-top-right-radius: .75rem !important
}

.rounded-b-\[100px\] {
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px
}

.rounded-b-\[18px\] {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-t-\[100px\] {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px
}

.rounded-t-\[18px\] {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-solid {
    border-style: solid
}

.border-none {
    border-style: none
}

.border-\[\#6B8DFF\],
.border-\[\#6b8dff\] {
    --tw-border-opacity: 1;
    border-color: rgb(107 141 255/var(--tw-border-opacity))
}

.border-\[\#B7B3FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(183 179 255/var(--tw-border-opacity))
}

.border-\[\#BFBFBF\] {
    --tw-border-opacity: 1;
    border-color: rgb(191 191 191/var(--tw-border-opacity))
}

.border-\[\#CCCCCC\] {
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204/var(--tw-border-opacity))
}

.\!bg-\[\#6E8FFF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(110 143 255/var(--tw-bg-opacity)) !important
}

.bg-\[\#6E8FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(110 143 255/var(--tw-bg-opacity))
}

.bg-\[\#6b8dff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(107 141 255/var(--tw-bg-opacity))
}

.bg-\[\#F7F7F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity))
}

.bg-\[\#c7c7c7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(199 199 199/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 0\2c 0\2c \.5\)\] {
    background-color: rgba(0, 0, 0, .5)
}

.bg-\[rgba\(36\2c 30\2c 111\2c \.1\)\] {
    background-color: rgba(36, 30, 111, .1)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.p-0 {
    padding: 0
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.pr-1 {
    padding-right: .25rem
}

.text-center {
    text-align: center
}

.font-Montserrat {
    font-family: Montserrat, sans-serif
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[40px\] {
    font-size: 40px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[48px\] {
    line-height: 48px
}

.\!text-\[\#D40000\] {
    --tw-text-opacity: 1 !important;
    color: rgb(212 0 0/var(--tw-text-opacity)) !important
}

.text-\[\#6B8DFF\] {
    --tw-text-opacity: 1;
    color: rgb(107 141 255/var(--tw-text-opacity))
}

.text-\[\#6E8FFF\] {
    --tw-text-opacity: 1;
    color: rgb(110 143 255/var(--tw-text-opacity))
}

.text-\[rgba\(0\2c 0\2c 0\2c \.2\)\] {
    color: rgba(0, 0, 0, .2)
}

.text-\[rgba\(0\2c 0\2c 0\2c \.6\)\] {
    color: rgba(0, 0, 0, .6)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.filter {
    -webkit-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);
    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)
}

.duration-300 {
    transition-duration: .3s
}

.ease-linear {
    transition-timing-function: linear
}

:root {
    --gradient-color: linear-gradient(100deg, #b7b3ff, #6b8dff);
    --first-color-light: #b7b3ff;
    --first-color-lighten: #c6c6c6
}

.range,
.range .range__content {
    display: grid;
    width: 100%
}

.range .range__content {
    place-items: center;
    position: relative
}

.range .range__content .range__slider {
    background-color: var(--first-color-lighten);
    border-radius: 4rem;
    height: 8px;
    overflow: hidden;
    width: 100%
}

.range .range__content .range__slider .range__slider-line {
    background: var(--gradient-color);
    height: 100%;
    transition: .3s ease;
    width: 0
}

.range .range__content .range__thumb {
    background-color: var(--first-color-light);
    background: linear-gradient(100deg, #6b8dff, #b7b3ff);
    border-radius: 50%;
    height: 24px;
    position: absolute;
    transition: .3s ease;
    width: 24px
}

.range .range__content .range__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 16px;
    opacity: 0;
    position: absolute;
    width: 100%
}

.range .range__content .range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px
}

.range .range__content .range__input::-webkit-slider-thumb:hover {
    cursor: pointer
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.hover\:text-\[\#6B8DFF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(107 141 255/var(--tw-text-opacity))
}

.hover\:text-\[\#6E8FFF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(110 143 255/var(--tw-text-opacity))
}

.hover\:opacity-100:hover {
    opacity: 1
}

.group:hover .group-hover\:fill-white {
    fill: #fff
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:-left-\[220px\] {
        left: -220px
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:left-0 {
        left: 0
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: -webkit-flex;
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-\[300px\] {
        height: 300px
    }

    .md\:h-\[86px\] {
        height: 86px
    }

    .md\:h-\[calc\(100\%-86px\)\] {
        height: calc(100% - 86px)
    }

    .md\:h-\[calc\(208px\+24px\)\] {
        height: 232px
    }

    .md\:w-\[200px\] {
        width: 200px
    }

    .md\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:flex-row {
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[64px\] {
        font-size: 64px
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:leading-\[24px\] {
        line-height: 24px
    }

    .md\:leading-\[64px\] {
        line-height: 64px
    }
}