:root {
    --color-foreground: #E1E5F8;

    --color-primary: #2A2A2A;
    --color-secondary: #2B5FAE;
    --color-secondary-hover: #457BCD;
    --color-secondary-foreground: #F4FAFF;
    --color-secondary-pink: #F36B7F;
    --color-red-highlight: #F83F3D;
    --color-danger: #EA4335;
    --color-green: #8FCE41;
    --color-green-hover: #ACD37D;

    --color-foreground-blue: #ECF1F6;
    --color-foreground-green: #EBF8EA;

    --sizing-xs: 12px;
    --sizing-xsp: 13px;
    --sizing-sm: 14px;
    --sizing-smp: 15px;
    --sizing-base: 16px;
    --sizing-xl-radius: 15px;
    --sizing-base-radius: 5px;
    --sizing-sm-radius: 2px;

    --size-header-height: 80px;
    @media screen and (min-width: 800px) {
        --size-header-height: 122px;
    }
}

.relative {position: relative}
.absolute {position: absolute}

.-inset-1 {inset: -4px}

.-left-1000 {left: -4000px}

.top-0 {top: 0}
.right-0 {right: 0}

.z-10 {z-index: 10}
.z-20 {z-index: 20}

.grid {display: grid}
.flex {display: flex}
.none-item {display: none}

.flex-col {flex-direction: column}
.flex-col-reverse {flex-direction: column-reverse}
.flex-row {flex-direction: row}
.flex-row-reverse {flex-direction: row-reverse}
.flex-wrap {flex-wrap: wrap}
.flex-nowrap {flex-wrap: nowrap}

.grow {flex-grow: 1}
.shrink {flex-shrink: 0}

.grid-cols-1 {grid-template-columns: 1fr}
.grid-cols-2 {grid-template-columns: repeat(2, 1fr)}

.col-span-full {grid-column: 1/-1;}

.gap-1 {gap: 0.25rem}
.gap-2 {gap: 0.5rem}
.gap-2\.5 {gap: 0.625rem}
.gap-3 {gap: 0.75rem}
.gap-4 {gap: 1rem}
.gap-5 {gap: 1.25rem}
.gap-6 {gap: 1.5rem}
.gap-8 {gap: 2rem}
.gap-x-5 {column-gap: 1.25rem}
.gap-x-18 {column-gap: 4.5rem}
.gap-y-2\.5 {row-gap: 0.625rem}
.gap-y-11 {row-gap: 2.75rem}


.py-1 {padding-top: 0.25rem; padding-bottom: 0.25rem}
.py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem}
.py-4 {padding-top: 1rem; padding-bottom: 1rem}
.py-12 {padding-top: 3rem; padding-bottom: 3rem}

.px-1 {padding-left: 0.25rem; padding-right: 0.25rem}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem}
.px-2\.5 {padding-left: 0.625rem; padding-right: 0.625rem}
.px-4 {padding-left: 1rem; padding-right: 1rem}
.px-6 {padding-left: 1.5rem; padding-right: 1.5rem}
.px-8 {padding-left: 2rem; padding-right: 2rem}

.pt-2 {padding-top: 0.5rem}
.pt-4 {padding-top: 1rem}
.pt-5 {padding-top: 1.25rem}
.pt-8 {padding-top: 2rem}
.pt-10 {padding-top: 2.5rem}
.pt-12 {padding-top: 3rem}
.pr-5 {padding-right: 1.25rem}
.pl-4 {padding-left: 1rem}
.pl-5 {padding-left: 1.25rem}
.pl-8 {padding-left: 2rem}
.pl-10 {padding-left: 2.5rem}
.pl-\[50px\] {padding-left: 50px}
.pb-2 {padding-bottom: 0.5rem}
.pb-4 {padding-bottom: 1rem}
.pb-10 {padding-bottom: 2.5rem}


.-m-px {margin: -1px}

.-mt-1 {margin-top: -0.25rem}
.mt-1 {margin-top: 0.25rem}
.mt-2 {margin-top: 0.5rem}
.mt-4 {margin-top: 1rem}
.mt-5 {margin-top: 1.25rem}
.mt-12 {margin-top: 3rem}
.mr-10 {margin-right: 2.5rem}
.-mb-1 {margin-bottom: -0.25rem}
.-mb-4 {margin-bottom: -1rem}
.mb-1\.5 {margin-bottom: 0.375rem}
.mb-2 {margin-bottom: 0.5rem}
.mb-2\.5 {margin-bottom: 0.625rem}
.mb-4 {margin-bottom: 1rem}
.ml-0 {margin-left: 0}
.ml-auto {margin-left: auto}

.size-\[5px\] {width: 5px; height: 5px}
.size-4 {width: 1rem; height: 1rem}
.size-6 {width: 1.5rem; height: 1.5rem}
.size-8 {width: 2rem; height: 2rem}

.w-0 {width: 0}
.w-px {width: 1px}
.w-full {width: 100%}
.w-fit {width: fit-content}
.w-1\/2 {width: 50%}
.w-\[40\%\] {width: 40%}
.w-\[60\%\] {width: 60%}

.h-0 {height: 0}
.h-px {height: 1px}
.h-full {height: 100%}
.h-5 {height: 1.25rem}
.h-4 {height: 1rem}
.h-9 {height: 2.25rem}
.h-10 {height: 2.5rem}
.h-20 {height: 5rem}

.max-w-16 {max-width: 4rem}
.max-w-20 {max-width: 5rem}
.max-w-\[140px\] {max-width: 140px}
.max-w-\[170px\] {max-width: 170px}
.max-w-\[190px\] {max-width: 190px}

.items-start {align-items: flex-start}
.items-center {align-items: center}
.items-end {align-items: flex-end}
.justify-start {justify-items: start}
.justify-between {justify-content: space-between}
.justify-center {justify-content: center}
.justify-end {justify-content: flex-end}
.content-start {align-items: start}

.-order-1 {order: -1}

.whitespace-normal {white-space: normal}
.whitespace-nowrap {white-space: nowrap}

.underline {text-decoration: underline}
.uppercase {text-transform: uppercase}

.leading-relaxed {line-height: 1.625}
.leading-tight {line-height: 1.25}
.leading-none {line-height: 1;}

.align-text-top {vertical-align: text-top;}
.align-text-bottom {vertical-align: text-bottom;}

.rounded-primary {border-radius: 5px}
.rounded-xl {border-radius: 20px}
.rounded-full {border-radius: 100%}

.rounded-bl-full {border-bottom-left-radius: 9999px}

.overflow-hidden {overflow: hidden}
.overflow-visible {overflow: visible}

.opacity-0 {opacity: 0}

.shadow-primary {box-shadow: 0 0 17px rgba(64, 86, 105, 0.18)}

.border-0 {border: 0 solid transparent}
.border-transparent {border: 1px solid transparent}
.border-secondary {border: 1px solid var(--color-secondary)}
.border-secondary-3 {border: 3px solid var(--color-secondary)}
.border-secondary-4 {border: 4px solid var(--color-secondary)}
.border-secondary-7 {border: 7px solid var(--color-secondary)}
.border-white {border: 1px solid #FFF}
.border-r-gray {border-right: 1px solid #E6E6E6}
.border-r-gray-400 {border-right: 1px solid #D9D9D9}
.border-t-gray {border-top: 1px solid #E6E6E6}
.border-b-gray {border-bottom: 1px solid #E6E6E6}
.border-gray {border: 1px solid #E6E6E6}
.border-danger {border: 1px solid #EA4335}

.bg-green {background-color: var(--color-green);}
.bg-transparent {background-color: transparent;}
.bg-white\/90 {background-color: rgba(255, 255, 255, .90)}
.bg-white {background-color: rgba(255, 255, 255, 1)}
.bg-secondary {background-color: var(--color-secondary);}
.bg-orange {background-color: #E3B307;}
.bg-secondary-400 {background-color: #457BCD;}
.bg-secondary-100 {background-color: #EBF5FD;}
.hover\:bg-secondary-400:hover {background-color: #457BCD;}
.bg-\[\#00256C\] {background-color: #00256C;}
.bg-\[\#F4FC47\] {background-color: #F4FC47;}
.bg-\[\#69D145\] {background-color: #69D145;}
.bg-\[\#E85A5A\] {background-color: #E85A5A;}
.bg-yellow-600 {background-color: #F1A10C;}
.bg-blue-600 {background-color: #0C92F1;}
.bg-danger {background-color: #EA4335;}

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

.line-through {text-decoration-line: line-through;}

.text-transparent {color: transparent}
.text-black {color: #000000}
.text-secondary {color: var(--color-secondary)}
.text-danger {color: #D82827}
.text-white {color: #FFFFFF}
.text-gray-600 {color: #686868}
.text-gray-500 {color: #6A6A6A}
.text-yellow-600 {color: #F1A10C}
.text-blue-600 {color: #0C92F1}

.font-normal {font-weight: 400}
.font-medium {font-weight: 500}
.font-semibold {font-weight: 600}
.font-bold {font-weight: 700}
.font-extrabold {font-weight: 800}

.font-rword {font-family: 'Russo One', serif;}

.text-32 {font-size: 32px}
.text-24 {font-size: 24px}
.text-20 {font-size: 20px}
.text-18 {font-size: 18px}
.text-15 {font-size: 15px}
.text-13 {font-size: 13px}
.text-12 {font-size: 12px}
.text-11 {font-size: 11px}

.cursor-pointer {cursor: pointer}

.text-end {text-align: end}
.text-center {text-align: center}
.text-start {text-align: start}

.rotate-180 {transform: rotate(180deg)}
.rotate-90 {transform: rotate(90deg)}
.rotate-45 {transform: rotate(45deg)}
.-rotate-90 {transform: rotate(-90deg)}
.rotate-0 {transform: rotate(0)}
.hover\:rotate-0:hover {transform: rotate(0)}

.group:hover .group-hover\:rotate-0 {transform: rotate(0)}
.group:hover .group-hover\:block {display: block}

.truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width: 678px) {
    .mob\:grid-cols-1 {grid-template-columns: 1fr}
}

.animate-spin {animation: spin 1s linear infinite;}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


@media screen and (min-width: 740px) {

    .lg\:hidden.lg\:none-item {display: none!important;}
    .lg\:hidden,
    .policy-content-wrap.lg\:hidden {display: none!important;}
    .lg\:block {display: block}
    .lg\:flex {display: flex}
    .lg\:grid {display: grid}
    .lg\:flex-row {flex-direction: row}
    .lg\:flex-row-reverse {flex-direction: row-reverse}
    .lg\:flex-col {flex-direction: column}
    .lg\:flex-wrap {flex-wrap: wrap}
    .lg\:flex-nowrap {flex-wrap: nowrap}
    .lg\:items-start {align-items: flex-start}
    .lg\:items-center {align-items: center}
    .lg\:items-end {align-items: end}
    .lg\:justify-center {justify-content: center}
    .lg\:justify-between {justify-content: space-between}
    .lg\:grow {flex-grow: 1}

    .lg\:py-1 {padding-top: 0.25rem; padding-bottom: 0.25rem}
    .lg\:py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem}
    .lg\:py-4 {padding-top: 1rem; padding-bottom: 1rem}
    .lg\:py-12 {padding-top: 3rem; padding-bottom: 3rem}

    .lg\:px-0 {padding-left: 0; padding-right: 0}
    .lg\:px-2 {padding-left: 0.5rem; padding-right: 0.5rem}
    .lg\:px-2\.5 {padding-left: 0.625rem; padding-right: 0.625rem}
    .lg\:px-4 {padding-left: 1rem; padding-right: 1rem}
    .lg\:px-6 {padding-left: 1.5rem; padding-right: 1.5rem}
    .lg\:px-8 {padding-left: 2rem; padding-right: 2rem}
    .lg\:px-10 {padding-left: 2.5rem; padding-right: 2.5rem}

    .lg\:pt-0 {padding-top: 0}
    .lg\:pt-2 {padding-top: 0.5rem}
    .lg\:pt-4 {padding-top: 1rem}
    .lg\:pt-5 {padding-top: 1.25rem}
    .lg\:pt-8 {padding-top: 2rem}
    .lg\:pt-10 {padding-top: 2.5rem}
    .lg\:pt-12 {padding-top: 3rem}
    .lg\:pr-5 {padding-right: 1.25rem}
    .lg\:pl-0 {padding-left: 0}
    .lg\:pl-4 {padding-left: 1rem}
    .lg\:pl-5 {padding-left: 1.25rem}
    .lg\:pl-8 {padding-left: 2rem}
    .lg\:pl-10 {padding-left: 2.5rem}
    .lg\:pb-0 {padding-bottom: 0}
    .lg\:pb-2 {padding-bottom: 0.5rem}
    .lg\:pb-4 {padding-bottom: 1rem}
    .lg\:pb-10 {padding-bottom: 2.5rem}

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

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

    .lg\:w-\[40\%\] {width: 40%}
    .lg\:w-1\/2 {width: 50%}
    .lg\:w-3\/4 {width: 75%}
    .lg\:w-full,
    .result__main-item-pluses-list.lg\:w-full {width: 100%}

    .lg\:h-full {height: 100%}
    .lg\:h-8 {height: 2rem}
    .lg\:h-24 {height: 6rem}

    .lg\:grid-cols-1 {grid-template-columns: 1fr}
    .lg\:grid-cols-2 {grid-template-columns: 1fr 1fr}
    .lg\:grid-cols-4 {grid-template-columns: repeat(4, 1fr)}

    .lg\:col-auto {grid-column: auto;}
    .lg\:order-1 {order: 1}
    .lg\:order-2 {order: 2}
    .lg\:order-3 {order: 3}
    .lg\:order-4 {order: 4}
    .lg\:order-5 {order: 5}

    .lg\:border-b-gray {border-bottom: 1px solid #E6E6E6}
    .lg\:border-r-gray {border-right: 1px solid #E6E6E6}

    .lg\:rounded-0 {border-radius: 0}

    .lg\:gap-0 {gap: 0}
    .lg\:gap-4 {gap: 1rem}
    .lg\:gap-8 {gap: 2rem}
    .lg\:gap-x-4 {column-gap: 1rem}
    .lg\:gap-x-8 {column-gap: 2rem}
    .lg\:gap-y-2 {row-gap: 0.5rem}

    .lg\:text-13 {font-size: 13px}
    .lg\:text-15 {font-size: 15px}
    .lg\:text-18 {font-size: 18px}
    .lg\:text-24 {font-size: 24px}

    .lg\:whitespace-nowrap {white-space: nowrap;}

    .lg\:text-start {text-align: start}
    .lg\:text-center {text-align: center}

    .group:hover .group-hover\:lg\:rotate-0 {transform: rotate(0)}

}