:root {
        --primary: 255 143 81;
        --secondary: 34 176 255;
        --accent: 255 184 5;
    }

a, article, aside, b, body, center, details, div, embed, footer, h1, h2, h3, h4, h5, h6, header, html, img, label, li, mark, menu, nav, object, p, pre, s, section, span, strong, sub, summary, table, time, tr, ul, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, footer, header, menu, nav, section {
    display: block
}

.more-info-wrapper ul img {
    height: 14px
}
.more-info-wrapper ul li {
align-items: center;
}
body {
    line-height: 1
}

ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
header {
    height: 75px;
}

*, :after, :before {
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

::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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after, :before {
    --tw-content: ""
}

:host, html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: Montserrat,  ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

pre {
    font-feature-settings: normal;
    font-family: Montserrat,  ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button {
    font-feature-settings: inherit;
    color: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0
}

button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

h1, h2, h3, h4, h5, h6, p, pre {
    margin: 0
}

menu, ul {
    margin: 0;
    padding: 0
}

menu, ul {
    list-style: none
}

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

embed, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    height: auto;
    max-width: 100%
}

html[data-theme="1"], html[data-theme] {
    --color-primary: 34, 176, 255;
    --color-secondary: 204, 133, 39;
    --color-hero: 249, 244, 238;
    --color-primary-emphasis: 63, 114, 245
}

html[data-theme="2"] {
    --color-primary: 51, 178, 73;
    --color-secondary: 204, 133, 39;
    --color-hero: 249, 244, 238;
    --color-primary-emphasis: 37, 128, 52
}

html[data-theme="3"] {
    --color-primary: 221, 48, 40;
    --color-secondary: 35, 132, 219;
    --color-hero: 238, 244, 249;
    --color-primary-emphasis: 221, 48, 40
}

html[data-theme="4"] {
    --color-primary: 125, 71, 152;
    --color-secondary: 229, 29, 112;
    --color-hero: 238, 244, 249;
    --color-primary-emphasis: 221, 48, 40
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

/* .relative {
    position: relative
} */

.-bottom-\[20px\] {
    bottom: -20px
}

.-bottom-\[40px\] {
    bottom: -40px
}

.-left-\[100\%\] {
    left: -100%
}

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

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

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

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

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

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

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

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

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

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

.-right-\[130px\] {
    right: -130px
}

.-right-\[180px\] {
    right: -180px
}

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

.-right-\[35px\] {
    right: -35px
}

.-right-\[45px\] {
    right: -45px
}

.-right-\[500px\] {
    right: -500px
}

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-\[50px\] {
    bottom: 50px
}

.bottom-\[55px\] {
    bottom: 55px
}

.bottom-\[70px\] {
    bottom: 70px
}

.bottom-\[90px\] {
    bottom: 90px
}

.left-0 {
    left: 0
}

.left-1\/2, .left-\[50\%\] {
    left: 50%
}

.left-\[calc\(50\%_-_20px\)\] {
    left: calc(50% - 20px)
}

.right-0, .right-\[0\] {
    right: 0
}

.right-\[12px\] {
    right: 12px
}

.right-\[15px\] {
    right: 15px
}

.right-\[16px\] {
    right: 16px
}

.right-\[30px\] {
    right: 30px
}

.right-\[5px\] {
    right: 5px
}

.right-\[9px\] {
    right: 9px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

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

.top-\[0\] {
    top: 0
}

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

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

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

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

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

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

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

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

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

.top-\[50\%\] {
    top: 50%
}

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

.top-\[55\%\] {
    top: 55%
}

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

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

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

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

.top-\[calc\(50\%_-_20px\)\] {
    top: calc(50% - 20px)
}

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

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

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

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

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

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

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

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

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

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

.col-span-3 {
    grid-column: span 3/span 3
}

.row-\[1_\/_span_20\] {
    grid-row: 1/span 20
}

.\!m-0 {
    margin: 0 !important
}

.\!m-\[0_4px_0_0\] {
    margin: 0 4px 0 0 !important
}

.\!m-\[10\%_auto\] {
    margin: 10% auto !important
}

.\!m-\[5px_0_0\] {
    margin: 5px 0 0 !important
}

.\!m-auto {
    margin: auto !important
}

.m-0 {
    margin: 0
}

.m-\[0_14px_12px_14px\] {
    margin: 0 14px 12px
}

.m-\[0_7\.21\%\] {
    margin: 0 7.21%
}

.m-\[0_auto\] {
    margin: 0 auto
}

.m-\[10px_auto_0\] {
    margin: 10px auto 0
}

.m-\[12px_0_10px_10px\] {
    margin: 12px 0 10px 10px
}

.m-\[12px_auto_0\] {
    margin: 12px auto 0
}

.m-\[16px_16px_0\] {
    margin: 16px 16px 0
}

.m-\[18px_8px_8px_0\] {
    margin: 18px 8px 8px 0
}

.m-\[40px_auto_0_auto\] {
    margin: 40px auto 0
}

.m-\[4px\] {
    margin: 4px
}

.m-\[7px_15px\] {
    margin: 7px 15px
}

.m-\[8px\] {
    margin: 8px
}

.m-auto {
    margin: auto
}

.mx-\[10px\] {
    margin-left: 10px;
    margin-right: 10px
}

.mx-\[13px\] {
    margin-left: 13px;
    margin-right: 13px
}

.mx-\[8px\] {
    margin-left: 8px;
    margin-right: 8px
}

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

.my-\[10px\] {
    margin-bottom: 10px;
    margin-top: 10px
}

.my-\[16px\] {
    margin-bottom: 16px;
    margin-top: 16px
}

.my-\[24px\] {
    margin-bottom: 24px;
    margin-top: 24px
}

.my-\[32px\] {
    margin-bottom: 32px;
    margin-top: 32px
}

.my-\[40px\] {
    margin-bottom: 40px;
    margin-top: 40px
}

.my-\[6px\] {
    margin-bottom: 6px;
    margin-top: 6px
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mt-\[16px\] {
    margin-top: 16px !important
}

.\!mt-\[20px\] {
    margin-top: 20px !important
}

.\!mt-\[24px\] {
    margin-top: 24px !important
}

.\!mt-\[40px\] {
    margin-top: 40px !important
}

.\!mt-\[48px\] {
    margin-top: 48px !important
}

.-mt-\[15px\] {
    margin-top: -15px
}

.-mt-\[16px\] {
    margin-top: -16px
}

.mb-\[-16px\] {
    margin-bottom: -16px
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.mb-\[11px\] {
    margin-bottom: 11px
}

.mb-\[12px\] {
    margin-bottom: 12px
}

.mb-\[14px\] {
    margin-bottom: 14px
}

.mb-\[16px\] {
    margin-bottom: 16px
}

.mb-\[24px\] {
    margin-bottom: 24px
}

.mb-\[2px\] {
    margin-bottom: 2px
}

.mb-\[32px\] {
    margin-bottom: 32px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mb-\[48px\] {
    margin-bottom: 48px
}

.mb-\[8px\] {
    margin-bottom: 8px
}

.mb-auto {
    margin-bottom: auto
}

.ml-\[30px\] {
    margin-left: 30px
}

.ml-\[3px\] {
    margin-left: 3px
}

.ml-\[4px\] {
    margin-left: 4px
}

.ml-\[8px\] {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-\[10px\] {
    margin-right: 10px
}

.mr-\[16px\] {
    margin-right: 16px
}

.mr-\[4px\] {
    margin-right: 4px
}

.mr-\[5px\] {
    margin-right: 5px
}

.mr-\[8px\] {
    margin-right: 8px
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-\[-64px\] {
    margin-top: -64px
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-\[12px\] {
    margin-top: 12px
}

.mt-\[13px\] {
    margin-top: 13px
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[16px\] {
    margin-top: 16px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[32px\] {
    margin-top: 32px
}

.mt-\[38px\] {
    margin-top: 38px
}

.mt-\[3px\] {
    margin-top: 3px
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[48px\] {
    margin-top: 48px
}

.mt-\[4px\] {
    margin-top: 4px
}

.mt-\[64px\] {
    margin-top: 64px
}

.mt-\[6px\] {
    margin-top: 6px
}

.mt-\[7px\] {
    margin-top: 7px
}

.mt-\[8px\] {
    margin-top: 8px
}

.mt-\[9px\] {
    margin-top: 9px
}

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-video {
    aspect-ratio: 16/9
}

.\!h-\[104px\] {
    height: 104px !important
}

.\!h-\[175px\] {
    height: 175px !important
}

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

.h-0 {
    height: 0
}

.h-\[100\%\] {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[24px\] {
    max-height: 24px
}

.max-h-\[30px\] {
    max-height: 30px
}

.max-h-\[32px\] {
    max-height: 32px
}

.max-h-\[406px\] {
    max-height: 406px
}

.max-h-\[40px\] {
    max-height: 40px
}

.max-h-\[440px\] {
    max-height: 440px
}

.min-h-\[230px\] {
    min-height: 230px
}
.max-h-\[230px\] {
    min-height: 230px
}
.\!w-\[60\%\] {
    width: 60% !important
}

.\!w-auto {
    width: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[90\%\] {
    width: 90%
}

.w-\[calc\(100\%_-_128px\)\] {
    width: calc(100% - 128px)
}

.w-\[calc\(14em\/2\)\] {
    width: 7em
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-0 {
    min-width: 0
}

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

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.\!max-w-\[1140px\] {
    max-width: 1140px !important
}

.\!max-w-\[150px\] {
    max-width: 150px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: max-content
}

.flex-1 {
    flex: 1 1 0%
}

.flex-\[1\] {
    flex: 1
}

.flex-\[1_0\] {
    flex: 1 0
}

.flex-\[1_0_0\] {
    flex: 1 0 0
}

.flex-\[2_1_0\] {
    flex: 2 1 0
}

.flex-shrink-0, .shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

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

.flex-grow-\[1\] {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.grow-\[1\] {
    flex-grow: 1
}

.basis-\[48\%\] {
    flex-basis: 48%
}

.basis-\[50\%\] {
    flex-basis: 50%
}

.basis-auto {
    flex-basis: auto
}

.basis-full {
    flex-basis: 100%
}

.-rotate-\[20deg\] {
    --tw-rotate: -20deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-20deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.rotate-0 {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.rotate-\[156deg\] {
    --tw-rotate: 156deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(156deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

.scale-x-\[0\.866\] {
    --tw-scale-x: 0.866;
    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(.866) scaleY(var(--tw-scale-y))
}

.scale-x-\[0\.866\] {
    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))
}

.cursor-pointer {
    cursor: pointer
}

.\!list-none {
    list-style-type: none !important
}

.list-none {
    list-style-type: none
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.content-evenly {
    align-content: space-evenly
}

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

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-0 {
    gap: 0
}

.gap-2 {
    gap: .5rem
}

.gap-\[10\%\] {
    gap: 10%
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[13px\] {
    gap: 13px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[15px\] {
    gap: 15px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[18px\] {
    gap: 18px
}

.gap-\[20px\] {
    gap: 20px
}

.gap-\[24px\] {
    gap: 24px
}

.gap-\[28px\] {
    gap: 28px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[4\.5px\] {
    gap: 4.5px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-\[7px\] {
    gap: 7px
}

.gap-\[80px\] {
    gap: 80px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-\[9px\] {
    gap: 9px
}

.gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-\[16px\] {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-\[24px\] {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.gap-x-\[48px\] {
    -moz-column-gap: 48px;
    column-gap: 48px
}

.gap-x-\[9px\] {
    -moz-column-gap: 9px;
    column-gap: 9px
}

.gap-y-\[12px\] {
    row-gap: 12px
}

.gap-y-\[24px\] {
    row-gap: 24px
}

.gap-y-\[8px\] {
    row-gap: 8px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded-\[0_15px_0_16px\] {
    border-radius: 0 15px 0 16px
}

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

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

.rounded-\[12\.5px\] {
    border-radius: 12.5px
}

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

.rounded-\[12px_0\] {
    border-radius: 15px 0
}

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

.rounded-\[16px_0\] {
    border-radius: 16px 0
}

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

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

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

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

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

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

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

.rounded-\[50\%\] {
    border-radius: 50%
}

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

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

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

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

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

.rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-l-\[16px\] {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px
}

.rounded-l-\[4px\] {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

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

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

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

.\!rounded-tl-\[12px\] {
    border-top-left-radius: 12px !important
}

.\!rounded-tr-\[12px\] {
    border-top-right-radius: 12px !important
}

.rounded-bl-\[12px\] {
    border-bottom-left-radius: 12px
}

.rounded-bl-\[16px\] {
    border-bottom-left-radius: 16px
}

.rounded-br-\[12px\] {
    border-bottom-right-radius: 12px
}

.rounded-br-\[16px\] {
    border-bottom-right-radius: 16px
}

.rounded-tl-\[12px\] {
    border-top-left-radius: 12px
}

.rounded-tl-\[4px\] {
    border-top-left-radius: 4px
}

.rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.rounded-tr-\[4px\] {
    border-top-right-radius: 4px
}

.rounded-tr-\[8px\] {
    border-top-right-radius: 8px
}

.border {
    border-width: 1px
}

.border-\[0\] {
    border-width: 0
}

.border-\[1\.8px\] {
    border-width: 1.8px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-x-\[1px\] {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-t-\[1px\] {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#277DCC\] {
    --tw-border-opacity: 1;
    border-color: #277dcc
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#277DCC\] {
        border-color: rgb(39 125 204/var(--tw-border-opacity))
    }
}

.border-\[\#2C3862\] {
    --tw-border-opacity: 1;
    border-color: #2c3862
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#2C3862\] {
        border-color: rgb(44 56 98/var(--tw-border-opacity))
    }
}

.border-\[\#2D3962\] {
    --tw-border-opacity: 1;
    border-color: #2d3962
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#2D3962\] {
        border-color: rgb(45 57 98/var(--tw-border-opacity))
    }
}

.border-\[\#2F334E\] {
    --tw-border-opacity: 1;
    border-color: #2f334e
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#2F334E\] {
        border-color: rgb(47 51 78/var(--tw-border-opacity))
    }
}

.border-\[\#2f334e\] {
    --tw-border-opacity: 1;
    border-color: #2f334e
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#2f334e\] {
        border-color: rgb(47 51 78/var(--tw-border-opacity))
    }
}

.border-\[\#344A9A\] {
    --tw-border-opacity: 1;
    border-color: #344a9a
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#344A9A\] {
        border-color: rgb(52 74 154/var(--tw-border-opacity))
    }
}

.border-\[\#5878EB\] {
    --tw-border-opacity: 1;
    border-color: rgb(var(--secondary))
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#5878EB\] {
        border-color: rgb(var(--secondary))
    }
}

.border-\[\#E4E4E5\] {
    --tw-border-opacity: 1;
    border-color: #e4e4e5
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#E4E4E5\] {
        border-color: rgb(228 228 229/var(--tw-border-opacity))
    }
}

.border-\[\#E9E9E9\] {
    --tw-border-opacity: 1;
    border-color: #e9e9e9
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#E9E9E9\] {
        border-color: rgb(233 233 233/var(--tw-border-opacity))
    }
}

.border-\[\#EDA844\] {
    --tw-border-opacity: 1;
    border-color: #eda844
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#EDA844\] {
        border-color: rgb(237 168 68/var(--tw-border-opacity))
    }
}

.border-\[\#F0F0F0\] {
    --tw-border-opacity: 1;
    border-color: #f0f0f0
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-\[\#F0F0F0\] {
        border-color: rgb(240 240 240/var(--tw-border-opacity))
    }
}

.border-\[rgba\(152\2c 159\2c 170\2c \.49\)\] {
    border-color: #989faa7d
}

.border-\[rgba\(25\2c 60\2c 30\2c 0\.09\)\] {
    border-color: #193c1e17
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--secondary));
}

.border-secondary {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-secondary), var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .border-white {
        border-color: rgb(255 255 255/var(--tw-border-opacity))
    }
}

.border-opacity-20, .border-opacity-\[0\.2\] {
    --tw-border-opacity: 0.2
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: #fff !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\!bg-white {
        background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
    }
}

.bg-\[\#0b0c15\] {
    --tw-bg-opacity: 1;
    background-color: #0b0c15
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#0b0c15\] {
        background-color: rgb(11 12 21/var(--tw-bg-opacity))
    }
}

.bg-\[\#151724\] {
    --tw-bg-opacity: 1;
    background-color: #151724
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#151724\] {
        background-color: rgb(21 23 36/var(--tw-bg-opacity))
    }
}

.bg-\[\#1C1F33\] {
    --tw-bg-opacity: 1;
    background-color: #1c1f33
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#1C1F33\] {
        background-color: rgb(28 31 51/var(--tw-bg-opacity))
    }
}

.bg-\[\#2C38620D\] {
    background-color: rgba(44, 56, 98, .051)
}

.bg-\[\#2C386233\] {
    background-color: #2c386233;
}

.bg-\[\#2C3862\] {
    --tw-bg-opacity: 1;
    background-color: #2c3862
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#2C3862\] {
        background-color: rgb(44 56 98/var(--tw-bg-opacity))
    }
}

.bg-\[\#2D3B6F\] {
    --tw-bg-opacity: 1;
    background-color: #2d3b6f
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#2D3B6F\] {
        background-color: rgb(45 59 111/var(--tw-bg-opacity))
    }
}

.bg-\[\#2c38620d\] {
    background-color: rgba(44, 56, 98, .051)
}

.bg-\[\#323738\] {
    --tw-bg-opacity: 1;
    background-color: #323738
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#323738\] {
        background-color: rgb(50 55 56/var(--tw-bg-opacity))
    }
}

.bg-\[\#575B5C\] {
    --tw-bg-opacity: 1;
    background-color: #575b5c
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#575B5C\] {
        background-color: rgb(87 91 92/var(--tw-bg-opacity))
    }
}

.bg-\[\#79235C\] {
    --tw-bg-opacity: 1;
    background-color: #79235c
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#79235C\] {
        background-color: rgb(121 35 92/var(--tw-bg-opacity))
    }
}

.bg-\[\#D78C291F\] {
    background-color: rgba(215, 140, 41, .122)
}

.bg-\[\#EABC7F\] {
    --tw-bg-opacity: 1;
    background-color: #eabc7f
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#EABC7F\] {
        background-color: rgb(234 188 127/var(--tw-bg-opacity))
    }
}

.bg-\[\#EAEBEF\] {
    --tw-bg-opacity: 1;
    background-color: #eaebef
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#EAEBEF\] {
        background-color: rgb(234 235 239/var(--tw-bg-opacity))
    }
}

.bg-\[\#EDA844\] {
    --tw-bg-opacity: 1;
    background-color: #eda844
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#EDA844\] {
        background-color: rgb(237 168 68/var(--tw-bg-opacity))
    }
}

.bg-\[\#EEEEEE\] {
    --tw-bg-opacity: 1;
    background-color: #eee
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#EEEEEE\] {
        background-color: rgb(238 238 238/var(--tw-bg-opacity))
    }
}

.bg-\[\#F2F2F2\] {
    --tw-bg-opacity: 1;
    background-color: #f2f2f2
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#F2F2F2\] {
        background-color: rgb(242 242 242/var(--tw-bg-opacity))
    }
}

.bg-\[\#F5F7FC\] {
    --tw-bg-opacity: 1;
    background-color: #f5f7fc
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#F5F7FC\] {
        background-color: rgb(245 247 252/var(--tw-bg-opacity))
    }
}

.bg-\[\#F9F4EE\] {
    --tw-bg-opacity: 1;
    background-color: #f9f4ee
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#F9F4EE\] {
        background-color: rgb(249 244 238/var(--tw-bg-opacity))
    }
}

.bg-\[\#F9F9F9\] {
    --tw-bg-opacity: 1;
    background-color: #f9f9f9
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#F9F9F9\] {
        background-color: rgb(249 249 249/var(--tw-bg-opacity))
    }
}

.bg-\[\#FDD3B4\] {
    --tw-bg-opacity: 1;
    background-color: #fdd3b4
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#FDD3B4\] {
        background-color: rgb(253 211 180/var(--tw-bg-opacity))
    }
}

.bg-\[\#FDFDFD\] {
    --tw-bg-opacity: 1;
    background-color: #fdfdfd
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#FDFDFD\] {
        background-color: rgb(253 253 253/var(--tw-bg-opacity))
    }
}

.bg-\[\#FFF4E3\] {
    --tw-bg-opacity: 1;
    background-color: #fff4e3
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#FFF4E3\] {
        background-color: rgb(255 244 227/var(--tw-bg-opacity))
    }
}

.bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#FFFFFF\] {
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }
}

.bg-\[\#f2f2f4\] {
    --tw-bg-opacity: 1;
    background-color: #f2f2f4
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#f2f2f4\] {
        background-color: rgb(242 242 244/var(--tw-bg-opacity))
    }
}

.bg-\[\#f7f7f7\] {
    --tw-bg-opacity: 1;
    background-color: #f7f7f7
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#f7f7f7\] {
        background-color: rgb(247 247 247/var(--tw-bg-opacity))
    }
}

.bg-\[\#fcf2e3\] {
    --tw-bg-opacity: 1;
    background-color: #fcf2e3
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#fcf2e3\] {
        background-color: rgb(252 242 227/var(--tw-bg-opacity))
    }
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-\[\#fff\] {
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }
}

.bg-\[rgba\(44\2c 56\2c 98\2c 0\.02\)\] {
    background-color: #2c386205
}

.bg-\[rgba\(44\2c 56\2c 98\2c 0\.10\)\] {
    background-color: #2c38621a
}

.bg-\[rgba\(44\2c 56\2c 98\2c 0\.20\)\] {
    background-color: #2c386233
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: #000
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-black {
        background-color: rgb(0 0 0/var(--tw-bg-opacity))
    }
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: #4ade80
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-green-400 {
        background-color: rgb(74 222 128/var(--tw-bg-opacity))
    }
}
.bg-light-gray {
    background-color: #eee;
}
.bg-hero {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary))
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-indigo-400 {
        background-color: rgb(129 140 248/var(--tw-bg-opacity))
    }
}
 

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--secondary));
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-red-400 {
        background-color: rgb(248 113 113/var(--tw-bg-opacity))
    }
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-secondary), 1);
    background-color: rgba(var(--color-secondary), var(--tw-bg-opacity))
}

.bg-light-blue {
    background-color:rgb(var(--secondary) / 15%);
} 

.bg-transparent {
    background-color: initial
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-white {
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .bg-yellow-400 {
        background-color: rgb(250 204 21/var(--tw-bg-opacity))
    }
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-\[0\.02\] {
    --tw-bg-opacity: 0.02
}

.bg-opacity-\[0\.05\] {
    --tw-bg-opacity: 0.05
}

.bg-opacity-\[0\.06\] {
    --tw-bg-opacity: 0.06
}

.bg-opacity-\[0\.12\] {
    --tw-bg-opacity: 0.12
}

.bg-opacity-\[0\.15\] {
    --tw-bg-opacity: 0.15
}

.bg-opacity-\[0\.1\] {
    --tw-bg-opacity: 0.1
}

.bg-opacity-\[0\.2\] {
    --tw-bg-opacity: 0.2
}

.bg-opacity-\[0\.3\] {
    --tw-bg-opacity: 0.3
}

.bg-opacity-\[0\.4\] {
    --tw-bg-opacity: 0.4
}

.bg-opacity-\[0\.66\] {
    --tw-bg-opacity: 0.66
}

.bg-\[url\(\'images\/email\.svg\'\)\] {
    background-image: url(../images/email.c4817c.svg)
}

.bg-\[url\(\'images\/name\.svg\'\)\] {
    background-image: url(../images/name.b0e462.svg)
}

.bg-\[size\:cover\] {
    background-size: cover
}

.bg-\[12px_center\] {
    background-position: 12px
}

.bg-\[15px_center\] {
    background-position: 15px
}

.bg-\[left\] {
    background-position: 0
}

.bg-\[right_center\] {
    background-position: 100%
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-center {
    object-position: center
}

.object-left {
    object-position: left
}

.object-right {
    object-position: right
}

.object-right-top {
    object-position: right top
}

.\!p-\[0_10px_10px\] {
    padding: 0 10px 10px !important
}

.\!p-\[10px_0\] {
    padding: 10px 0 !important
}

.\!p-\[16px\] {
    padding: 16px !important
}

.\!p-\[16px_0_40px_0\] {
    padding: 16px 0 40px !important
}

.\!p-\[40px_24px_24px\] {
    padding: 40px 24px 24px !important
}

.p-0 {
    padding: 0
}

.p-\[0_14px_12px_14px\] {
    padding: 0 14px 12px
}

.p-\[0_16px_16px\] {
    padding: 0 16px 16px
}

.p-\[0_20px_18px\] {
    padding: 0 20px 18px
}

.p-\[10px_12px\] {
    padding: 10px 12px
}

.p-\[10px_16px\] {
    padding: 10px 16px
}

.p-\[10px_34px\] {
    padding: 10px 34px
}

.p-\[10px_6px_18px\] {
    padding: 10px 6px 18px
}

.p-\[11px\] {
    padding: 11px
}

.p-\[12px\] {
    padding: 12px
}

.p-\[12px_14px\] {
    padding: 12px 14px
}

.p-\[12px_14px_0_14px\] {
    padding: 12px 14px 0
}

.p-\[12px_20px\] {
    padding: 12px 20px
}

.p-\[12px_24px\] {
    padding: 12px 24px
}

.p-\[12px_40px\] {
    padding: 12px 40px
}

.p-\[12px_8px\] {
    padding: 12px 8px
}

.p-\[13px_34px\] {
    padding: 13px 34px
}

.p-\[15px\] {
    padding: 15px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[16px_12px\] {
    padding: 16px 12px
}

.p-\[16px_12px_8px\] {
    padding: 16px 12px 8px
}

.p-\[16px_18px\] {
    padding: 16px 18px
}

.p-\[16px_24px\] {
    padding: 16px 24px
}

.p-\[16px_32px\] {
    padding: 16px 32px
}

.p-\[18px_16px\] {
    padding: 18px 16px
}

.p-\[18px_20px\] {
    padding: 18px 20px
}

.p-\[18px_40px\] {
    padding: 18px 40px
}

.p-\[20px\] {
    padding: 20px
}

.p-\[20px_15px\] {
    padding: 20px 15px
}

.p-\[20px_16px\] {
    padding: 20px 16px
}

.p-\[20px_64px\] {
    padding: 20px 64px
}

.p-\[20px_8px\] {
    padding: 20px 8px
}

.p-\[24px\] {
    padding: 24px
}

.p-\[24px_0\] {
    padding: 24px 0
}

.p-\[24px_16px\] {
    padding: 24px 16px
}

.p-\[24px_20px\] {
    padding: 24px 20px
}

.p-\[24px_32px\] {
    padding: 24px 32px
}

.p-\[2px_12px\] {
    padding: 2px 12px
}

.p-\[2px_16px\] {
    padding: 2px 16px
}

.p-\[2px_7px\] {
    padding: 2px 7px
}

.p-\[2px_8px\] {
    padding: 2px 8px
}

.p-\[32px_16px\] {
    padding: 32px 16px
}

.p-\[36px_20px_16px\] {
    padding: 36px 20px 16px
}

.p-\[3px_8px_15px\] {
    padding: 3px 8px 15px
}

.p-\[40px_16px_16px\] {
    padding: 40px 16px 16px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[4px_20px\] {
    padding: 4px 20px
}

.p-\[4px_6px\] {
    padding: 4px 6px
}

.p-\[55px_0_0\] {
    padding: 55px 0 0
}

.p-\[5px\] {
    padding: 5px
}

.p-\[6px\] {
    padding: 6px
}

.p-\[6px_34px\] {
    padding: 6px 34px
}

.p-\[6px_5px\] {
    padding: 6px 5px
}

.p-\[7px\] {
    padding: 7px
}

.p-\[8px\] {
    padding: 8px
}

.p-\[8px_0\] {
    padding: 8px 0
}

.p-\[8px_12px\] {
    padding: 8px 12px
}

.p-\[8px_16px\] {
    padding: 8px 16px
}

.p-\[8px_16px_16px\] {
    padding: 8px 16px 16px
}

.p-\[8px_18px\] {
    padding: 8px 18px
}

.p-\[8px_19px\] {
    padding: 8px 19px
}

.p-\[8px_20px\] {
    padding: 8px 20px
}

.p-\[8px_32px\] {
    padding: 8px 32px
}

.p-\[8px_32px_16px\] {
    padding: 8px 32px 16px
}

.p-\[9px\] {
    padding: 9px
}

.p-\[9px_34px\] {
    padding: 9px 34px
}

.\!py-\[10px\] {
    padding-bottom: 10px !important;
    padding-top: 10px !important
}

.\!py-\[16px\] {
    padding-bottom: 16px !important;
    padding-top: 16px !important
}

.\!py-\[32px\] {
    padding-bottom: 32px !important;
    padding-top: 32px !important
}

.\!py-\[40px\] {
    padding-bottom: 40px !important;
    padding-top: 40px !important
}

.\!py-\[80px\] {
    padding-bottom: 80px !important;
    padding-top: 80px !important
}

.\!py-\[8px\] {
    padding-bottom: 8px !important;
    padding-top: 8px !important
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.px-\[11px\] {
    padding-left: 11px;
    padding-right: 11px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-\[13px\] {
    padding-bottom: 13px;
    padding-top: 13px
}

.py-\[15px\] {
    padding-bottom: 15px;
    padding-top: 15px
}

.py-\[16px\] {
    padding-bottom: 16px;
    padding-top: 16px
}

.py-\[18px\] {
    padding-bottom: 18px;
    padding-top: 18px
}

.py-\[24px\] {
    padding-bottom: 24px;
    padding-top: 24px
}

.py-\[4px\] {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-\[5px\] {
    padding-bottom: 5px;
    padding-top: 5px
}

.\!pb-\[32px\] {
    padding-bottom: 32px !important
}

.pb-\[10px\] {
    padding-bottom: 10px
}

.pb-\[14px\] {
    padding-bottom: 14px
}

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[25px\] {
    padding-bottom: 25px
}

.pb-\[35px\] {
    padding-bottom: 35px
}

.pb-\[45px\] {
    padding-bottom: 45px
}

.pb-\[56\.25\%\] {
    padding-bottom: 56.25%
}

.pt-0 {
    padding-top: 0
}

.pt-\[14px\] {
    padding-top: 14px
}

.pt-\[16px\] {
    padding-top: 16px
}

.pt-\[24px\] {
    padding-top: 24px
}

.pt-\[26px\] {
    padding-top: 26px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[40px\] {
    padding-top: 40px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-\[64px\] {
    padding-top: 64px
}

.pt-\[8px\] {
    padding-top: 8px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.font-\[Albert-Sans\] {
    font-family: Montserrat,  Albert-Sans
}

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

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

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

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

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

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

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

.text-\[16\.6px\] {
    font-size: 16.6px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-\[16px\] {
    font-weight: 16px
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[600\] {
    font-weight: 600
}

.font-\[700\] {
    font-weight: 700
}

.font-\[800\] {
    font-weight: 800
}

.font-\[900\], .font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

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

.leading-\[1\.5\] {
    line-height: 1.5
}

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

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

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

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

.leading-\[160\%\] {
    line-height: 160%
}

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

.leading-\[17\.5px\] {
    line-height: 17.5px
}

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

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

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

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

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

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

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

.leading-\[25\.8px\] {
    line-height: 25.8px
}

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

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

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

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

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

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

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

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

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

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

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

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

.leading-\[normal\] {
    line-height: normal
}

.leading-normal {
    line-height: 1.5
}

.-tracking-\[0\.32px\] {
    letter-spacing: -.32px
}

.tracking-\[-0\.281px\] {
    letter-spacing: -.281px
}

.tracking-\[2\.4px\] {
    letter-spacing: 2.4px
}

.\!text-\[\#323738\] {
    --tw-text-opacity: 1 !important;
    color: #323738 !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\!text-\[\#323738\] {
        color: rgb(50 55 56/var(--tw-text-opacity)) !important
    }
}

.\!text-\[\#5878EB\] {
    --tw-text-opacity: 1 !important;
    /* color: rgb(var(--secondary)) !important */
    color: rgb(var(--secondary))!important;
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\!text-\[\#5878EB\] {
        color: rgb(var(--secondary))/var(--tw-text-opacity) !important
    }
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: #fff !important
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .\!text-white {
        color: rgb(255 255 255/var(--tw-text-opacity)) !important
    }
}

.text-\[\#00B67A\] {
    --tw-text-opacity: 1;
    color: #00b67a
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#00B67A\] {
        color: rgb(0 182 122/var(--tw-text-opacity))
    }
}

.text-\[\#193C1E\] {
    --tw-text-opacity: 1;
    color: #193c1e
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#193C1E\] {
        color: rgb(25 60 30/var(--tw-text-opacity))
    }
}

.text-\[\#277DCC\] {
    --tw-text-opacity: 1;
    color: #277dcc
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#277DCC\] {
        color: rgb(39 125 204/var(--tw-text-opacity))
    }
}

.text-\[\#2C3862\] {
    --tw-text-opacity: 1;
    color: #2c3862
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#2C3862\] {
        color: rgb(44 56 98/var(--tw-text-opacity))
    }
}

.text-\[\#2D3962\] {
    --tw-text-opacity: 1;
    color: #2d3962
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#2D3962\] {
        color: rgb(45 57 98/var(--tw-text-opacity))
    }
}

.text-\[\#323738\] {
    --tw-text-opacity: 1;
    color: #323738
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#323738\] {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

.text-\[\#333333\] {
    --tw-text-opacity: 1;
    color: #333
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#333333\] {
        color: rgb(51 51 51/var(--tw-text-opacity))
    }
}

.text-\[\#555\] {
    --tw-text-opacity: 1;
    color: #555
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#555\] {
        color: rgb(85 85 85/var(--tw-text-opacity))
    }
}

.text-\[\#5878EB\] {
    --tw-text-opacity: 1;
    color: rgb(var(--secondary));
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#5878EB\] {
        color: rgb(var(--secondary))
    }
}

.text-\[\#6E7070\] {
    --tw-text-opacity: 1;
    color: #6e7070
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#6E7070\] {
        color: rgb(110 112 112/var(--tw-text-opacity))
    }
}

.text-\[\#727574\] {
    --tw-text-opacity: 1;
    color: #727574
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#727574\] {
        color: rgb(114 117 116/var(--tw-text-opacity))
    }
}

.text-\[\#99A5C5\] {
    --tw-text-opacity: 1;
    color: #99a5c5
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#99A5C5\] {
        color: rgb(153 165 197/var(--tw-text-opacity))
    }
}

.text-\[\#B7BAB9\] {
    --tw-text-opacity: 1;
    color: #b7bab9
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#B7BAB9\] {
        color: rgb(183 186 185/var(--tw-text-opacity))
    }
}

.text-\[\#D78C29\] {
    --tw-text-opacity: 1;
    color: #d78c29
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#D78C29\] {
        color: rgb(215 140 41/var(--tw-text-opacity))
    }
}

.text-\[\#E6E6E6\] {
    --tw-text-opacity: 1;
    color: #e6e6e6
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#E6E6E6\] {
        color: rgb(230 230 230/var(--tw-text-opacity))
    }
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#FFFFFF\] {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.text-\[\#FFF\] {
    --tw-text-opacity: 1;
    color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#FFF\] {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.text-\[\#ffffff\] {
    --tw-text-opacity: 1;
    color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-\[\#ffffff\] {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

.text-\[12x\] {
    color: 12x
}

.text-black {
    --tw-text-opacity: 1;
    color: #000
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-black {
        color: rgb(0 0 0/var(--tw-text-opacity))
    }
}

.text-green-50 {
    --tw-text-opacity: 1;
    color: #f0fdf4
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-green-50 {
        color: rgb(240 253 244/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-indigo-50 {
        color: rgb(238 242 255/var(--tw-text-opacity))
    }
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgba(var(--color-primary), 1);
    color: rgba(var(--color-primary), var(--tw-text-opacity))
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-red-50 {
        color: rgb(254 242 242/var(--tw-text-opacity))
    }
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgba(var(--color-secondary), 1);
    color: rgba(var(--color-secondary), var(--tw-text-opacity))
    /* color:#FF516A; */
}

.text-white {
    --tw-text-opacity: 1;
    color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-white {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .text-yellow-50 {
        color: rgb(254 252 232/var(--tw-text-opacity))
    }
}

.\!underline {
    text-decoration-line: underline !important
}

.underline {
    text-decoration-line: underline
}

.\!no-underline {
    text-decoration-line: none !important
}

.no-underline {
    text-decoration-line: none
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .placeholder-\[\#323738\]::placeholder {
        color: rgb(50 55 56/var(--tw-placeholder-opacity))
    }
}

.opacity-50 {
    opacity: .5
}

.opacity-\[\.6\] {
    opacity: .6
}

.shadow-\[0_0_14px_7px_black\] {
    --tw-shadow: 0 0 14px 7px #000;
    --tw-shadow-colored: 0 0 14px 7px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 14px 7px #000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_16px_0_rgba\(0\2c 0\2c 0\2c 0\.16\)\] {
    --tw-shadow: 0 0 16px 0 #00000029;
    --tw-shadow-colored: 0 0 16px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 16px 0 #00000029;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_20px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
    --tw-shadow: 0 0 20px 0 #00000012;
    --tw-shadow-colored: 0 0 20px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 20px 0 #00000012;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_20px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
    --tw-shadow: 0 0 20px #0003;
    --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 20px #0003;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_46px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
    --tw-shadow: 0 0 46px 0 #00000012;
    --tw-shadow-colored: 0 0 46px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 46px 0 #00000012;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_8px_0_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
    --tw-shadow: 0 0 8px 0 #0000001a;
    --tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 8px 0 #0000001a;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_8px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 0 8px 0 #0000001f;
    --tw-shadow-colored: 0 0 8px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 8px 0 #0000001f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_2\.4px_19\.2px_0_rgba\(52\2c 74\2c 154\2c 0\.12\)\] {
    --tw-shadow: 0 2.4px 19.2px 0 #344a9a1f;
    --tw-shadow-colored: 0 2.4px 19.2px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2.4px 19.2px 0 #344a9a1f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_2px_16px_0_rgba\(52\2c 74\2c 154\2c 0\.12\)\] {
    --tw-shadow: 0 2px 16px 0 #344a9a1f;
    --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 16px 0 #344a9a1f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_2px_5px_0_rgba\(44\2c 56\2c 98\2c 0\.09\)\2c 0_4px_12px_0_rgba\(44\2c 56\2c 98\2c 0\.20\)\], .shadow-\[0_2px_5px_0_rgba\(44\2c 56\2c 98\2c 0\.09\)\2c _0_4px_12px_0_rgba\(44\2c 56\2c 98\2c 0\.20\)\] {
    --tw-shadow: 0 2px 5px 0 #2c386217, 0 4px 12px 0 #2c386233;
    --tw-shadow-colored: 0 2px 5px 0 var(--tw-shadow-color), 0 4px 12px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 5px 0 #2c386217, 0 4px 12px 0 #2c386233;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_14px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
    --tw-shadow: 0 4px 14px 0 #0000000d;
    --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 14px 0 #0000000d;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_14px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0 4px 14px 0 #00000026;
    --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 14px 0 #00000026;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_24px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
    --tw-shadow: 0 4px 24px #00000012;
    --tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 24px #00000012;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_5px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
    --tw-shadow: 0 4px 5px 0 #0000001f;
    --tw-shadow-colored: 0 4px 5px 0 var(--tw-shadow-color);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 5px 0 #0000001f;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.brightness-0 {
    --tw-brightness: brightness(0);
    filter: var(--tw-blur) brightness(0) 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)
}

.transition-\[0\.3s\] {
    transition-duration: .15s;
    transition-property: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

pre {
    font-family: Montserrat,  monospace, monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

b, strong {
    font-weight: bolder
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

img {
    border-style: none
}

button {
    font-family: Montserrat,  inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

progress {
    vertical-align: initial
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

details>summary::-webkit-details-marker {
    display: none
}

[hidden], template {
    display: none
}

@media (max-width:1280px)and (max-height:750px)and (min-width:992px) {
    html {
        zoom: .9;
        -moz-transform: scale(.9);
        -moz-transform-origin: 0 0
    }

    @-moz-document url-prefix() {
        html {
            width: 111.1111111111vw
        }
    }

    body, html {
        margin-right: 0 !important
    }

    @-moz-document url-prefix() {
        body, html {
            overflow-x: hidden !important
        }
    }
}

body, html {
    font-family: Montserrat,  Albert-Sans, sans-serif;
    margin-right: calc(-100vw - -100%);
    overflow-x: clip !important
}

body {
    background-color: #fff;
    color: #323738;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left
}

.container {
    margin: 0 auto;
    padding: 0 24px
}

@media (min-width:992px) {
    .container {
        max-width: 944px;
        padding: 0
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.shortcode details[open] summary:after {
    transform: rotate(180deg);
    transition: .2s
}

.cookie-list .table-body-row.last .table-body-row-col:first-child {
    border-bottom-left-radius: 4px
}

.cookie-list .table-body-row.last .table-body-row-col:last-child {
    border-bottom-right-radius: 4px
}

.cookie-list .table-body-row .table-body-row-col {
    background-color: #f9f9f9
}

#overlay {
    background-color: #0006;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

#post-like .button.active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-primary), 1);
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity))
}

#post-like .button.active svg {
    --tw-text-opacity: 1;
    color: #fff
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #post-like .button.active svg {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

html {
    scroll-behavior: smooth
}

html[data-theme="2"] .featured-icon, html[data-theme="3"] .featured-icon {
    --tw-text-opacity: 1;
    color: rgba(var(--color-secondary), 1);
    color: rgba(var(--color-secondary), var(--tw-text-opacity))
}

html[data-theme="2"] .lineup-item .more-info-wrapper .bullet-points, html[data-theme="3"] .lineup-item .more-info-wrapper .bullet-points {
    --tw-text-opacity: 1;
    background-color: initial;
    color: #000
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    html[data-theme="2"] .lineup-item .more-info-wrapper .bullet-points, html[data-theme="3"] .lineup-item .more-info-wrapper .bullet-points {
        color: rgb(0 0 0/var(--tw-text-opacity))
    }
}

html[data-theme="2"] .lineup-item .more-info-wrapper button.visit-site, html[data-theme="3"] .lineup-item .more-info-wrapper button.visit-site {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgba(var(--color-primary), var(--tw-border-opacity));
    color: rgba(var(--color-primary), 1);
    color: rgba(var(--color-primary), var(--tw-text-opacity))
}

html[data-theme="2"] .lineup-item .promotion-line, html[data-theme="3"] .lineup-item .promotion-line {
    --tw-text-opacity: 1;
    color: #323738
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    html[data-theme="2"] .lineup-item .promotion-line, html[data-theme="3"] .lineup-item .promotion-line {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

html[data-theme="2"] .lineup-item details summary, html[data-theme="3"] .lineup-item details summary {
    --tw-text-opacity: 1;
    color: #727574
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    html[data-theme="2"] .lineup-item details summary, html[data-theme="3"] .lineup-item details summary {
        color: rgb(114 117 116/var(--tw-text-opacity))
    }
}

html[data-theme="2"] .lineup-item .card-number, html[data-theme="3"] .lineup-item .card-number {
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgba(var(--color-primary), .2);
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
    color: rgba(var(--color-primary), 1);
    color: rgba(var(--color-primary), var(--tw-text-opacity))
}

.hero {
    width: 100vw
}

@media (min-width:992px) {
    .hero {
        width: 100%
    }
}

@media (min-width:1280px) {
    .hero {
        width: 100vw
    }
}

.hero .hero-text {
    padding-left: 0
}

@media (min-width:768px) {
    .hero .hero-text {
        padding-left: calc(50vw - 360px)
    }
}

@media (min-width:992px) {
    .hero .hero-text {
        padding-left: calc(50vw - 472px)
    }
}

@media (min-width:1200px) {
    .hero .hero-text {
        padding-left: calc(50vw - 570px)
    }
}

.hero .hero-image {
    clip-path: polygon(7% 0, 0 100%, 100% 100%, 100% 100%, 100% 0)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    body.page-template-template-comparison .brands-selector .brand-disabled {
        background-color: rgb(242 242 242/var(--tw-bg-opacity))
    }
}

@media (min-width:768px) {
    header .nav {
        justify-content: space-between
    }
}

@media (max-width:768px) {
    header .nav {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

header .nav .header_desktop_menu {
    display: none;
    gap: 10px;
    position: relative
}

@media (min-width:768px) {
    header .nav .header_desktop_menu {
        display: flex
    }
}

header .nav .header_desktop_menu li {
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 14px 8px 18px;
    transition: .3s
}

header .nav .header_desktop_menu li:hover {
    background-color: rgba(44, 56, 98, .051);
    border-radius: .125rem;
    transition: .3s
}

header .nav .header_desktop_menu li:active {
    background-color: rgba(44, 56, 98, .102);
    border-radius: .125rem;
    transition: .3s
}

header .nav .header_desktop_menu li.first-level-item {
    border-radius: 8px
}

header .nav .header_desktop_menu li.first-level-item>a {
    font-size: 16px;
    font-weight: 500
}

header .nav .header_desktop_menu .sub-menu {
    border-radius: 8px;
    box-shadow: 0 0 20px 0 #00000012;
    display: none;
    margin-left: -28px;
    margin-top: 8px;
    padding: 8px;
    position: absolute;
    width: 180px;
    z-index: 10
}

header .nav .header_desktop_menu .sub-menu .menu-item {
    padding: 0
}

header .nav .header_desktop_menu .sub-menu .menu-item a {
    border-radius: 6px;
    cursor: pointer;
    display: block;
    padding: 8px 12px;
    transition: .3s
}

header .nav .header_desktop_menu .reviews-menu .sub-menu {
    box-shadow: 0 0 20px 0 #00000012;
    display: none;
    margin-left: -50px;
    position: absolute;
    width: 180px;
    z-index: 10
}

header .nav .header_desktop_menu .menu-item-has-children:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 6 5 5 5-5' stroke='%231C2021' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
    height: 15px;
    vertical-align: -25%
}

header .nav .header_desktop_menu .menu-item-has-children:hover:after {
    display: inline-block;
    transform: rotate(180deg) translateY(25%);
    vertical-align: -52%
}

header .nav .header_desktop_menu .menu-item-has-children:hover .sub-menu {
    --tw-bg-opacity: 1;
    background-color: #fff;
    display: block
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    header .nav .header_desktop_menu .menu-item-has-children:hover .sub-menu {
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }
}

@media (max-width:768px) {
    header .main-menu {
        font-size: 16px;
        font-weight: 500
    }
}

header .main-menu .menu {
    position: relative;
    z-index: 1000
}

@media (max-width:768px) {
    header .main-menu .menu {
        height: auto;
        overflow: auto
    }
}

header .main-menu .menu li {
    padding: 0 16px 10px
}

header .main-menu .menu li.menu-item-has-children>a, header .main-menu .menu li.menu-item-has-children>span {
    position: relative
}

header .main-menu .menu li.menu-item-has-children>a:after, header .main-menu .menu li.menu-item-has-children>span:after {
    background: url(../images/chevron-left.09dad3.svg) no-repeat 9px;
    content: "";
    height: 12px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 13px;
    transform: rotate(90deg);
    transition: .3s;
    width: 17px
}

@media (max-width:768px) {
    header .main-menu .menu li {
        margin-bottom: 0
    }
}

header .main-menu .menu li a, header .main-menu .menu li span {
    border-radius: 8px;
    cursor: pointer;
    display: block;
    line-height: 28px;
    padding: 6px 17px 6px 10px
}

@media (max-width:768px) {
    header .main-menu .menu li a, header .main-menu .menu li span {
        padding: 9px 10px;
        position: relative
    }
}

header .main-menu .menu li .sub-menu {
    background: #fff;
    display: none;
    flex-direction: column;
    height: calc(100% + 41px);
    padding: 16px 0;
    width: 264px
}

@media (max-width:768px) {
    header .main-menu .menu li .sub-menu {
        height: 100%
    }

    header .main-menu .menu li .sub-menu li a:after, header .main-menu .menu li .sub-menu li span:after {
        top: 15px;
        transform: rotate(90deg)
    }
}

header .main-menu .menu li .sub-menu .sub-menu {
    height: calc(100vh - 100px) !important;
    overflow-y: auto;
    top: 0
}

@media (max-width:768px) {
    header .main-menu .menu li .sub-menu .sub-menu {
        height: 100% !important
    }
}

header .main-menu .menu li .sub-menu li.back a, header .main-menu .menu li .sub-menu li.back span {
    padding-left: 25px;
    position: relative
}

header .main-menu .menu li .sub-menu li.back a:before, header .main-menu .menu li .sub-menu li.back span:before {
    background: url(../images/chevron-left.09dad3.svg) no-repeat 9px;
    content: "";
    height: 10px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 18px;
    transform: rotate(180deg);
    transition: .3s;
    width: 15px
}

header .main-menu .menu li:hover>a, header .main-menu .menu li:hover>span {
    background-color: rgba(44, 56, 98, .102)
}

@media (min-width:768px) {
    header .main-menu .menu li:hover>.sub-menu, header .main-menu .menu li:hover>.sub-menu li:first-child>.sub-menu {
        display: flex;
        height: 100vh
    }
}

header .overlay.active {
    display: block;
    z-index: 5
}

header .header-menu button:before {
    background: url(/assets/img/hamburger.5f6354.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 4px;
    width: 24px
}

.disclaimer-text[data-show] {
    visibility: visible
}

footer .disclaimer b {
    font-weight: 400
}

footer .disclaimer a {
    color: #d5ead5
}

footer .menu-item li {
    width: 160px
}

footer .menu-item li:not(:last-child) {
    margin-bottom: 10px
}

footer #footer-menu {
    font-size: 14px;
    list-style: none;
    padding: 0
}

footer #footer-menu .cookie_settings {
    cursor: pointer
}

footer #footer-menu li {
    line-height: 30px
}

footer #footer-menu li:hover {
    color: #193c1e;
    font-size: 14px;
    font-weight: 600
}

footer #footer-menu li a {
    color: #193c1e;
    display: flex;
    line-height: 30px;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 110%
}

@font-face {
    font-display: swap;
    font-family: Montserrat,  Albert-Sans;
    font-style: normal;
    font-weight: 100;
    src: local("AlbertSans Thin"), local("AlbertSans-Thin"), url(../fonts/albert_sans/albert-sans-thin.eda2b1.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Montserrat,  Albert-Sans;
    font-style: normal;
    font-weight: 400;
    src: local("AlbertSans"), local("AlbertSans-Regular"), url(../fonts/albert_sans/albert-sans-regular.113dea.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Montserrat,  Albert-Sans;
    font-style: normal;
    font-weight: 500;
    src: local("Albert-Sans Medium"), local("Albert-Sans-Medium"), url(../fonts/albert_sans/albert-sans-medium.2a0320.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Montserrat,  Albert-Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Albert-Sans SemiBold"), local("Albert-Sans-SemiBold"), url(../fonts/albert_sans/albert-sans-semibold.9d6f54.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Montserrat,  Albert-Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Albert-Sans Bold"), local("Albert-Sans-Bold"), url(../fonts/albert_sans/albert-sans-bold.57d123.woff2) format("woff2")
}

#content-area {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

#content-area h1 {
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 12px;
    margin-top: 24px
}

#content-area h2 {
    font-size: 28px;
    line-height: 34px
}

#content-area h2, #content-area h3 {
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 24px
}

#content-area h3 {
    font-size: 24px;
    line-height: 30px
}

#content-area h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 8px;
    margin-top: 24px
}

#content-area h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 24px
}

#content-area .disclaimer {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

#content-area p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px
}

#content-area a {
    color: rgb(var(--secondary));
    text-decoration-line: none
}

#content-area img {
    margin: 24px 0
}

#content-area #prod-list img, #content-area img {
    border-radius: 16px
}

@media screen and (min-width:768px) {
    #content-area #prod-list img {
        border-radius: 8px
    }
}

#content-area[class*=wp-image] {
    width: 100%
}

#content-area ul {
    list-style-type: disc;
    margin: 16px 0;
    padding-left: 30px
}

#content-area ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px
}

@media (max-width:768px) {
    #content-area h1 {
        font-size: 28px;
        font-weight: 600;
        line-height: 44px;
        margin-bottom: 12px
    }

    #content-area h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 8px
    }

    #content-area h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 8px
    }

    #content-area h4 {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 8px
    }

    #content-area h5 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 8px
    }

    #content-area .disclaimer {
        font-size: 10px;
        font-weight: 400;
        line-height: 14px
    }

    #content-area p {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 8px
    }
}

#content-area table {
    border-collapse: collapse;
    border-radius: 4px;
    margin: 8px 0;
    overflow: hidden;
    width: 100%;
    word-break: break-word
}
#content-area table td {
    border: 1px solid #eee;
    padding: 5px;
}

#content-area .top3-lineup a {
    text-decoration-line: none
}

#content-area .top3-lineup img {
    margin: 0
}

#content-area .top3-lineup .title {
    color: #323738
}

#content-area .top3-lineup .selling-lines p {
    display: none
}

#content-area .top3-lineup .selling-lines ul {
    list-style: none;
    margin: 13px 0 0;
    padding: 0
}

#content-area .top3-lineup .selling-lines ul li {
    background: url(../images/feature.bd763e.svg) no-repeat 0;
    color: #323738;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    list-style: none;
    padding-left: 30px
}

.disclaimer-text #content-area {
    font-size: 14px;
    line-height: normal
}

.shortcode.prod-list article div:nth-child(3) .promotion-selling-line {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23fff' rx='5' ry='5' stroke='%232C3862' stroke-width='2' stroke-dasharray='8,13' stroke-dashoffset='5' stroke-linecap='square'/%3E%3C/svg%3E")
}

.shortcode.prod-list .slider__bullet {
    background-color: #e9e9e9;
    box-shadow: none
}

.shortcode.prod-list .slider__bullet.glide__bullet--active {
    background-color: #2c3862
}

.shortcode.prod-list .glide__track {
    /* width: 100vw */
}

@media (min-width:480px) {
    .shortcode.prod-list .glide__track {
        width: auto
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #comments #wpdcom #wpd-threads .wpd-thread-list .comment .wpd-comment-footer .wpd-vote .wpd-vote-label {
        color: rgb(39 125 204/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #comments #wpdcom #wpd-threads .wpd-thread-list .wpdiscuz-comment-pagination button {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #comments #wpdcom .wpd_comm_form .wc-field-submit input {
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #comments #wpdcom .wpd-form-wrap #wpd-post-success {
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        border-color: rgb(228 228 229/var(--tw-border-opacity))
    }
}

.glide_slide .top-choice {
    background-color: rgb(var(--accent));
}

.glide_slide .trending {
    background-color: rgb(var(--secondary));
}

#top-choice-list .lineup-item {
    background: #fff !important
}

article.lineup-item details[open] {
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 30px
}

article.lineup-item details[open] summary {
    bottom: 0;
    position: absolute;
    width: 100%
}

article.lineup-item:not([data-skeleton-loading=true]).promoted {
    border: 1px solid rgb(var(--accent));
    box-shadow: 0 0 0px 2px rgb(var(--accent));
}

article.lineup-item .bullet-points ul {
    color: #727574;
    display: flex;
    flex-direction: column;
    gap: 2px
}

article.lineup-item .bullet-points ul li {
    background: url(../images/selling-line-bullets-checkmark.776c94.svg) no-repeat left 1px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px
}

article.lineup-item .more-info-wrapper .bullet-points ul {
    display: flex;
    flex-direction: column;
    gap: 4px
}

article.lineup-item .more-info-wrapper .bullet-points ul li {
    background: url(../images/selling-line-bullets-checkmark.776c94.svg) no-repeat 0;
    font-size: 13px;
    line-height: 20px
}

article.lineup-item .trending {
    background-color: rgb(var(--secondary));
}

article.lineup-item .top-choice {
    background-color: rgb(var(--accent));
}

.lineup-article-content h1 {
    font-size: 1.875rem;
    font-weight: 800;
    line-height: 2.25rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h1 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h2 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h3 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h4 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content h5 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h5 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content h6 {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 16px;
    margin-top: 16px
}

@media (min-width:768px) {
    .lineup-article-content h6 {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

.lineup-article-content ul {
    margin: 1em 0;
    padding: 0 0 0 40px
}

.lineup-article-content ul {
    list-style: disc
}

.lineup-article-content p>a {
    --tw-text-opacity: 1;
    color: rgb(var(--secondary))
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .lineup-article-content p>a {
        color: rgb(88 120 235/var(--tw-text-opacity))
    }
}

[data-theme="2"] article.lineup-item .review-title, [data-theme="2"] article.lineup-item .selling-line, [data-theme="3"] article.lineup-item .review-title, [data-theme="3"] article.lineup-item .selling-line {
    --tw-text-opacity: 1;
    color: #323738
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    [data-theme="2"] article.lineup-item .review-title, [data-theme="2"] article.lineup-item .selling-line, [data-theme="3"] article.lineup-item .review-title, [data-theme="3"] article.lineup-item .selling-line {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

.lineup-contaner {
    gap: 0
}

.lineup-contaner .lineup-item {
    margin-top: 24px
}

.thin-list-template .mobile-header {
    gap: 0
}

@media (min-width:768px) {
    .thin-list-template .mobile-header.has-ribbon .card-number.desktop {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.thin-list-template .brand-container {
    margin-top: 8px
}

@media (min-width:768px) {
    .thin-list-template .brand-container .action-links .badge {
        margin-bottom: 0
    }

    .thin-list-template .card-number.desktop {
        margin-right: 0
    }

    .thin-list-template .card-number+.ribbon {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .thin-list-template .selling-lines {
        flex-basis: 300px;
        margin-top: 4px
    }
}

@media (min-width:992px) {
    .thin-list-template .selling-lines {
        flex-basis: 340px
    }
}

@media (min-width:768px) {
    .thin-list-template .selling-lines .badge div {
        display: block
    }

    .thin-list-template .selling-lines .badge img {
        max-width: 160px
    }
}

@media (min-width:992px) {
    .thin-list-template .score-box {
        align-items: center;
        flex-grow: 1
    }
}

.thin-list-template .promotion-line {
    --tw-text-opacity: 1;
    color: #323738
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .thin-list-template .promotion-line {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

.thin-list-template .read-review {
    display: none
}

@media (min-width:768px) {
    .thin-list-template .score-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: 74px;
        justify-content: center;
        width: 100px
    }

    .thin-list-template .score-container .score-rating {
        flex-direction: column;
        gap: 8px;
        height: auto;
        padding: 0;
        width: 100px
    }

    .thin-list-template .score-container.has-review-link {
        width: 128px
    }

    .thin-list-template .score-container.has-review-link .score-rating {
        flex-direction: row;
        width: 128px
    }

    .thin-list-template .score-container.has-review-link .score-rating .score-text {
        text-align: left
    }

    .thin-list-template .score-container .score {
        font-size: 24px;
        line-height: 17px;
        margin-top: 4px
    }

    .thin-list-template .score-container .score-wrapper {
        text-align: left
    }

    .thin-list-template .score-container .score-text {
        font-weight: 600;
        text-align: center
    }
}

.thin-list-template .score-container .read-review {
    display: block;
    font-weight: 500
}

@media (min-width:768px) {
    .thin-list-template .action-links {
        gap: 8px;
        margin: 0
    }
}

@media (min-width:992px) {
    .thin-list-template .action-links {
        margin: 0 8px
    }
}

@media (min-width:768px) {
    .thin-list-template .action-links .badge {
        display: none
    }
}

.thin-list-template .bullets {
    display: none
}

@media (min-width:768px) {
    .thin-list-template .image-container {
        align-self: stretch;
        justify-content: center;
        margin: 0
    }

    .thin-list-template .image-container div {
        height: auto;
        min-height: 74px
    }
}

.home .header {
    clip-path: ellipse(100% 70% at 50% 30%)
}

.home .header h1 strong {
    font-weight: 900
}

@media only screen and (min-width:992px) {
    .home .header {
        clip-path: ellipse(80% 70% at 50% 30%)
    }
}

#top-picks .glide__bullets {
    gap: 16px
}

#top-picks .glide__bullets .glide__bullet {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: #dee2ed;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    #top-picks .glide__bullets .glide__bullet {
        background-color: rgb(222 226 237/var(--tw-bg-opacity))
    }
}

#top-picks .glide__bullets .glide__bullet.glide__bullet--active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-primary), 1);
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity))
}

html:not(.no-js) [data-skeleton-loading=true] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true] {
    --text-opacity: 0 !important;
    --bg-opacity: 1;
    background-color: #e5e7eb !important;
    background-color: rgba(229, 231, 235, var(--bg-opacity)) !important;
    border: none;
    color: #0000;
    filter: blur(0)
}

html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true] * {
    color: rgba(229, 231, 235, var(--bg-opacity)) !important
}

html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true] img {
    filter: blur(50px)
}

html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true] li {
    background-image: none
}

html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true]:after, html:not(.no-js) [data-skeleton-loading=true] [data-skeleton=true]:before {
    opacity: 0
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .single-review .authors .reviewed+.validated {
        border-color: rgb(228 228 229/var(--tw-border-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .single-review #nav-user-reviews .user-reviews-wrapper>div {
        background-color: rgb(255 255 255/var(--tw-bg-opacity));
        border-color: rgb(240 240 240/var(--tw-border-opacity))
    }
}

.glide {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.glide * {
    box-sizing: inherit
}

.glide__slides, .glide__track {
    overflow: hidden
}

.glide__slides {
    backface-visibility: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    /* width: calc(100% - 50px); */
    will-change: transform
}

.glide__slide {
    -webkit-user-select: none;
    user-select: none
}

.glide__slide {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%
}

.glide__slide a {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.glide__arrow {
    background-color: #0000;
    border: 2px solid #ffffff80;
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 #0000001a;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 1;
    opacity: 1;
    padding: 9px 12px;
    position: absolute;
    text-shadow: 0 .25em .5em #0000001a;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .15s ease, border .3s ease-in-out;
    z-index: 2
}

.glide__arrow:focus {
    outline: 0
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__bullets {
    bottom: 1em;
    display: inline-flex;
    left: 50%;
    list-style: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.glide__bullet {
    background-color: #ffffff80;
    border: 2px solid #0000;
    border-radius: 50%;
    box-shadow: 0 .25em .5em 0 #0000001a;
    cursor: pointer;
    height: 9px;
    line-height: 0;
    margin: 0 .25em;
    padding: 0;
    transition: all .3s ease-in-out;
    width: 9px
}

.glide__bullet:focus {
    outline: 0
}

.glide__bullet:focus, .glide__bullet:hover {
    background-color: #ddd;
    border: 2px solid #fff
}

.glide__bullet--active {
    background-color: #7a7777
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .placeholder\:text-\[\#193C1E\]::placeholder {
        color: rgb(25 60 30/var(--tw-text-opacity))
    }
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .placeholder\:text-\[\#323738\]::placeholder {
        color: rgb(50 55 56/var(--tw-text-opacity))
    }
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-\[1\.5px\]:hover {
    border-width: 1.5px
}

.hover\:bg-\[\#222b5c0d\]:hover {
    background-color: rgba(34, 43, 92, .051)
}

.hover\:bg-\[\#2C38620D\]:hover {
    background-color: rgba(44, 56, 98, .051)
}

.hover\:bg-\[\#F2F2F2\]:hover {
    --tw-bg-opacity: 1;
    background-color: #f2f2f2
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .hover\:bg-\[\#F2F2F2\]:hover {
        background-color: rgb(242 242 242/var(--tw-bg-opacity))
    }
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-primary), 1);
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity))
}

.hover\:brightness-\[1\.15\]:hover {
    --tw-brightness: brightness(1.15);
    filter: var(--tw-blur) brightness(1.15) 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)
}

.focus\:border-solid:focus {
    border-style: solid
}

.focus\:border-\[\#2C3862\]:focus {
    --tw-border-opacity: 1;
    border-color: #2c3862
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .focus\:border-\[\#2C3862\]:focus {
        border-color: rgb(44 56 98/var(--tw-border-opacity))
    }
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-primary:focus {
    outline-color: rgba(var(--color-primary), 1)
}

.active\:border-\[2px\]:active {
    border-width: 2px
}

.active\:bg-\[\#222b5c0d\]:active {
    background-color: rgba(34, 43, 92, .051)
}

.active\:bg-\[\#2C38621A\]:active {
    background-color: rgba(44, 56, 98, .102)
}

.active\:bg-\[\#F2F2F2\]:active {
    --tw-bg-opacity: 1;
    background-color: #f2f2f2
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .active\:bg-\[\#F2F2F2\]:active {
        background-color: rgb(242 242 242/var(--tw-bg-opacity))
    }
}

.active\:bg-primary:active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-primary), 1);
    background-color: rgba(var(--color-primary), var(--tw-bg-opacity))
}

.active\:bg-opacity-10:active {
    --tw-bg-opacity: 0.1
}

.active\:font-medium:active {
    font-weight: 500
}

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

.active\:brightness-\[0\.91\]:active {
    --tw-brightness: brightness(0.91);
    filter: var(--tw-blur) brightness(.91) 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)
}

@supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
    .disabled\:bg-\[\#DFDFDF\]:disabled {
        background-color: rgb(223 223 223/var(--tw-bg-opacity))
    }
}

@media (min-width:320px) {
    .xs\:order-1 {
        order: 1
    }

    .xs\:h-\[175px\] {
        height: 175px
    }

    .xs\:h-auto {
        height: auto
    }

    .xs\:max-h-\[378px\] {
        max-height: 378px
    }

    .xs\:max-h-\[383px\] {
        max-height: 383px
    }

    .xs\:w-\[142px\] {
        width: 142px
    }

    .xs\:w-auto {
        width: auto
    }

    .xs\:w-full {
        width: 100%
    }

    .xs\:flex-col {
        flex-direction: column
    }

    .xs\:justify-start {
        justify-content: flex-start
    }

    .xs\:overflow-y-scroll {
        overflow-y: scroll
    }

    .xs\:object-cover {
        object-fit: cover
    }

    .xs\:pr-0 {
        padding-right: 0
    }

    .xs\:\!text-\[11px\] {
        font-size: 11px !important
    }

    .xs\:shadow-\[0_0px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
        --tw-shadow: 0 0px 8px 0 #0000001f;
        --tw-shadow-colored: 0 0px 8px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 8px 0 #0000001f;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    @media not all and (min-width:768px) {
        .xs\:max-sm\:bottom-0 {
            bottom: 0
        }
    }
}

@media (min-width:768px) {
    .sm\:static {
        position: static
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:-bottom-\[14px\] {
        bottom: -14px
    }

    .sm\:-bottom-\[30px\] {
        bottom: -30px
    }

    .sm\:-left-\[100px\] {
        left: -100px
    }

    .sm\:-left-\[131px\] {
        left: -131px
    }

    .sm\:-left-\[195px\] {
        left: -195px
    }

    .sm\:-left-\[230px\] {
        left: -230px
    }

    .sm\:-left-\[65px\] {
        left: -65px
    }

    .sm\:-left-\[95px\] {
        left: -95px
    }

    .sm\:-right-\[100px\] {
        right: -100px
    }

    .sm\:-right-\[130px\] {
        right: -130px
    }

    .sm\:-right-\[150px\] {
        right: -150px
    }

    .sm\:-right-\[280px\] {
        right: -280px
    }

    .sm\:-right-\[400px\] {
        right: -400px
    }

    .sm\:-right-\[60px\] {
        right: -60px
    }

    .sm\:-right-\[70px\] {
        right: -70px
    }

    .sm\:-right-\[95px\] {
        right: -95px
    }

    .sm\:-top-\[5px\] {
        top: -5px
    }

    .sm\:-top-\[77px\] {
        top: -77px
    }

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

    .sm\:bottom-\[20px\] {
        bottom: 20px
    }

    .sm\:bottom-\[70px\] {
        bottom: 70px
    }

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

    .sm\:left-\[100px\] {
        left: 100px
    }

    .sm\:left-\[calc\(50\%_-_45px\)\] {
        left: calc(50% - 45px)
    }

    .sm\:left-auto {
        left: auto
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:top-\[150px\] {
        top: 150px
    }

    .sm\:top-\[190px\] {
        top: 190px
    }

    .sm\:top-\[20px\] {
        top: 20px
    }

    .sm\:top-\[230px\] {
        top: 230px
    }

    .sm\:top-\[330px\] {
        top: 330px
    }

    .sm\:top-\[540px\] {
        top: 540px
    }

    .sm\:top-\[76px\] {
        top: 76px
    }

    .sm\:top-\[80px\] {
        top: 80px
    }

    .sm\:top-\[calc\(50\%_-_45px\)\] {
        top: calc(50% - 45px)
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:order-\[0\], .sm\:order-none {
        order: 0
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:m-\[0_8px\] {
        margin: 0 8px
    }

    .sm\:m-\[0_auto\] {
        margin: 0 auto
    }

    .sm\:m-\[12px_0_10px\] {
        margin: 12px 0 10px
    }

    .sm\:\!my-\[64px\] {
        margin-bottom: 64px !important;
        margin-top: 64px !important
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:my-\[40px\] {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .sm\:mb-\[-300px\] {
        margin-bottom: -300px
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:ml-\[24px\] {
        margin-left: 24px
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mr-\[20px\] {
        margin-right: 20px
    }

    .sm\:mr-\[8px\] {
        margin-right: 8px
    }

    .sm\:mr-auto {
        margin-right: auto
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-\[-16px\] {
        margin-top: -16px
    }

    .sm\:mt-\[-300px\] {
        margin-top: -300px
    }

    .sm\:mt-\[16px\] {
        margin-top: 16px
    }

    .sm\:mt-\[20px\] {
        margin-top: 20px
    }

    .sm\:mt-\[32px\] {
        margin-top: 32px
    }

    .sm\:mt-\[40px\] {
        margin-top: 40px
    }

    .sm\:mt-\[56px\] {
        margin-top: 56px
    }

    .sm\:mt-\[8px\] {
        margin-top: 8px
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:\!h-\[120px\] {
        height: 120px !important
    }

    .sm\:h-\[100vh\] {
        height: 100vh
    }

    .sm\:h-\[114px\] {
        height: 114px
    }

    .sm\:h-\[134px\] {
        height: 134px
    }

    .sm\:h-\[192px\] {
        height: 192px
    }

    .sm\:h-\[194px\] {
        height: 194px
    }

    .sm\:h-\[198px\] {
        height: 198px
    }

    .sm\:h-\[230px\] {
        height: 230px
    }

    .sm\:h-\[28px\] {
        height: 28px
    }

    .sm\:h-\[32px\] {
        height: 32px
    }

    .sm\:h-\[334px\] {
        height: 334px
    }

    .sm\:h-\[34\.5px\] {
        height: 34.5px
    }

    .sm\:h-\[378px\] {
        height: 378px
    }

    .sm\:h-\[383px\] {
        height: 383px
    }

    .sm\:h-\[40\.7px\] {
        height: 40.7px
    }

    .sm\:h-\[405px\] {
        height: 405px
    }

    .sm\:h-\[42px\] {
        height: 42px
    }

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

    .sm\:h-\[50px\] {
        height: 50px
    }

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

    .sm\:h-\[540px\] {
        height: 540px
    }

    .sm\:h-\[56px\] {
        height: 56px
    }

    .sm\:h-\[90px\] {
        height: 90px
    }

    .sm\:h-\[96px\] {
        height: 96px
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:max-h-\[50px\] {
        max-height: 50px
    }

    .sm\:w-\[100px\] {
        width: 100px
    }

    .sm\:w-\[112px\] {
        width: 112px
    }

    .sm\:w-\[115px\] {
        width: 115px
    }

    .sm\:w-\[128px\] {
        width: 128px
    }

    .sm\:w-\[152px\] {
        width: 152px
    }

    .sm\:w-\[156px\] {
        width: 156px
    }

    .sm\:w-\[170px\] {
        width: 170px
    }

    .sm\:w-\[171px\] {
        width: 171px
    }

    .sm\:w-\[174px\] {
        width: 174px
    }

    .sm\:w-\[1px\] {
        width: 1px
    }

    .sm\:w-\[205px\] {
        width: 205px
    }

    .sm\:w-\[216px\] {
        width: 216px
    }

    .sm\:w-\[264px\] {
        width: 264px
    }

    .sm\:w-\[287px\] {
        width: 287px
    }

    .sm\:w-\[28px\] {
        width: 28px
    }

    .sm\:w-\[316px\] {
        width: 316px
    }

    .sm\:w-\[334px\] {
        width: 334px
    }

    .sm\:w-\[34\.5px\] {
        width: 34.5px
    }

    .sm\:w-\[40\.7px\] {
        width: 40.7px
    }

    .sm\:w-\[50\%\] {
        width: 50%
    }

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

    .sm\:w-\[538px\] {
        width: 538px
    }

    .sm\:w-\[56px\] {
        width: 56px
    }

    .sm\:w-\[90px\] {
        width: 90px
    }

    .sm\:w-\[95\%\] {
        width: 95%
    }

    .sm\:w-\[calc\(100\%\/3\)\] {
        width: 33.33333%
    }

    .sm\:w-\[calc\(52vw\)\] {
        width: 52vw
    }

    .sm\:w-auto {
        width: auto
    }

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

    .sm\:w-full {
        width: 100%
    }

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

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

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

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

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

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

    .sm\:max-w-full {
        max-width: 100%
    }

    .sm\:shrink-0 {
        flex-shrink: 0
    }

    .sm\:grow {
        flex-grow: 1
    }

    .sm\:basis-\[288px\] {
        flex-basis: 288px
    }

    .sm\:basis-\[304px\] {
        flex-basis: 304px
    }

    .sm\:basis-\[40\%\] {
        flex-basis: 40%
    }

    .sm\:basis-\[50\%\] {
        flex-basis: 50%
    }

    .sm\:-rotate-\[106deg\] {
        --tw-rotate: -106deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-106deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .sm\:-rotate-\[119deg\] {
        --tw-rotate: -119deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-119deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .sm\:-rotate-\[5deg\] {
        --tw-rotate: -5deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-5deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .sm\:rotate-0 {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .sm\:rotate-\[20deg\] {
        --tw-rotate: 20deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(20deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

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

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:justify-around {
        justify-content: space-around
    }

    .sm\:justify-evenly {
        justify-content: space-evenly
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-\[11px\] {
        gap: 11px
    }

    .sm\:gap-\[12px\] {
        gap: 12px
    }

    .sm\:gap-\[16px\] {
        gap: 16px
    }

    .sm\:gap-\[20px\] {
        gap: 20px
    }

    .sm\:gap-\[24px\] {
        gap: 24px
    }

    .sm\:gap-\[32px\] {
        gap: 32px
    }

    .sm\:gap-\[40px\] {
        gap: 40px
    }

    .sm\:gap-\[48px\] {
        gap: 48px
    }

    .sm\:gap-\[64px\] {
        gap: 64px
    }

    .sm\:gap-\[8px\] {
        gap: 8px
    }

    .sm\:gap-y-0 {
        row-gap: 0
    }

    .sm\:self-center {
        align-self: center
    }

    .sm\:overflow-visible {
        overflow: visible
    }

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

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

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

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

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

    .sm\:rounded-none {
        border-radius: 0
    }

    .sm\:rounded-l-\[16px\] {
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px
    }

    .sm\:rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .sm\:rounded-tl-\[12px\] {
        border-top-left-radius: 12px
    }

    .sm\:rounded-tl-\[15\.5px\] {
        border-top-left-radius: 15.5px
    }

    .sm\:rounded-tr-none {
        border-top-right-radius: 0
    }

    .sm\:border-0 {
        border-width: 0
    }

    .sm\:border-\[1px\] {
        border-width: 1px
    }

    .sm\:border-l-\[1px\] {
        border-left-width: 1px
    }

    .sm\:border-r-\[1px\] {
        border-right-width: 1px
    }

    .sm\:border-t-\[0px\] {
        border-top-width: 0
    }

    .sm\:border-solid {
        border-style: solid
    }

    .sm\:border-none {
        border-style: none
    }

    .sm\:border-\[\#E4E4E5\] {
        --tw-border-opacity: 1;
        border-color: #e4e4e5
    }

    @supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
        .sm\:border-\[\#E4E4E5\] {
            border-color: rgb(228 228 229/var(--tw-border-opacity))
        }
    }

    .sm\:border-\[\#F0F0F0\] {
        --tw-border-opacity: 1;
        border-color: #f0f0f0
    }

    @supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
        .sm\:border-\[\#F0F0F0\] {
            border-color: rgb(240 240 240/var(--tw-border-opacity))
        }
    }

    .sm\:bg-\[\#181716\] {
        --tw-bg-opacity: 1;
        background-color: #181716
    }

    @supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
        .sm\:bg-\[\#181716\] {
            background-color: rgb(24 23 22/var(--tw-bg-opacity))
        }
    }

    .sm\:bg-\[\#FDFDFD\] {
        --tw-bg-opacity: 1;
        background-color: #fdfdfd
    }

    @supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
        .sm\:bg-\[\#FDFDFD\] {
            background-color: rgb(253 253 253/var(--tw-bg-opacity))
        }
    }

    .sm\:bg-transparent {
        background-color: initial
    }

    .sm\:bg-white {
        --tw-bg-opacity: 1;
        background-color: #fff
    }

    @supports (color:rgb(0 0 0/0)) and (top:var(--f)) {
        .sm\:bg-white {
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }
    }

    .sm\:bg-opacity-\[0\.3\] {
        --tw-bg-opacity: 0.3
    }

    .sm\:bg-\[size\:80\%\] {
        background-size: 80%
    }

    .sm\:object-contain {
        object-fit: contain
    }

    .sm\:\!p-0 {
        padding: 0 !important
    }

    .sm\:\!p-\[0_5px_10px_0\] {
        padding: 0 5px 10px 0 !important
    }

    .sm\:\!p-\[64px_42px_42px\] {
        padding: 64px 42px 42px !important
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-\[10px\] {
        padding: 10px
    }

    .sm\:p-\[16px\] {
        padding: 16px
    }

    .sm\:p-\[22px_32px\] {
        padding: 22px 32px
    }

    .sm\:p-\[24px\] {
        padding: 24px
    }

    .sm\:p-\[24px_32px\] {
        padding: 24px 32px
    }

    .sm\:p-\[48px\] {
        padding: 48px
    }

    .sm\:p-\[6px\] {
        padding: 6px
    }

    .sm\:p-\[80px\] {
        padding: 80px
    }

    .sm\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .sm\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .sm\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .sm\:px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .sm\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .sm\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .sm\:py-\[180px\] {
        padding-bottom: 180px;
        padding-top: 180px
    }

    .sm\:py-\[9px\] {
        padding-bottom: 9px;
        padding-top: 9px
    }

    .sm\:pb-\[16px\] {
        padding-bottom: 16px
    }

    .sm\:pl-\[24px\] {
        padding-left: 24px
    }

    .sm\:pl-\[56px\] {
        padding-left: 56px
    }

    .sm\:pr-\[16px\] {
        padding-right: 16px
    }

    .sm\:pr-\[20px\] {
        padding-right: 20px
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-\[10px\] {
        padding-top: 10px
    }

    .sm\:pt-\[128px\] {
        padding-top: 128px
    }

    .sm\:pt-\[25px\] {
        padding-top: 25px
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:\!text-\[13px\] {
        font-size: 13px !important
    }

    .sm\:text-\[14\.3px\] {
        font-size: 14.3px
    }

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

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

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

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

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

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

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

    .sm\:font-medium {
        font-weight: 500
    }

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

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

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

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

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

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

    .sm\:shadow-\[0_0_63px_0_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
        --tw-shadow: 0 0 63px 0 #00000012;
        --tw-shadow-colored: 0 0 63px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 63px 0 #00000012;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .sm\:shadow-\[0_0px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
        --tw-shadow: 0 0px 8px 0 #0000001f;
        --tw-shadow-colored: 0 0px 8px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 8px 0 #0000001f;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .sm\:shadow-\[0_4px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
        --tw-shadow: 0 4px 8px 0 #0000001f;
        --tw-shadow-colored: 0 4px 8px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 8px 0 #0000001f;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .sm\:shadow-\[0_6px_15px_0_rgba\(120\2c 120\2c 120\2c 0\.08\)\] {
        --tw-shadow: 0 6px 15px 0 #78787814;
        --tw-shadow-colored: 0 6px 15px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 15px 0 #78787814;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .sm\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}

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

    .md\:sticky {
        position: sticky
    }

    .md\:-bottom-\[20px\] {
        bottom: -20px
    }

    .md\:-bottom-\[40px\] {
        bottom: -40px
    }

    .md\:-bottom-\[65px\] {
        bottom: -65px
    }

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

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

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

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

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

    .md\:-right-\[160px\] {
        right: -160px
    }

    .md\:-right-\[180px\] {
        right: -180px
    }

    .md\:-right-\[195px\] {
        right: -195px
    }

    .md\:-right-\[300px\] {
        right: -300px
    }

    .md\:-right-\[60px\] {
        right: -60px
    }

    .md\:-top-\[45px\] {
        top: -45px
    }

    .md\:bottom-\[22px\] {
        bottom: 22px
    }

    .md\:bottom-\[35px\] {
        bottom: 35px
    }

    .md\:bottom-\[auto\] {
        bottom: auto
    }

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

    .md\:top-\[170px\] {
        top: 170px
    }

    .md\:top-\[190px\] {
        top: 190px
    }

    .md\:top-\[22px\] {
        top: 22px
    }

    .md\:top-\[40px\] {
        top: 40px
    }

    .md\:top-\[60px\] {
        top: 60px
    }

    .md\:top-\[72px\] {
        top: 72px
    }

    .md\:top-\[85px\] {
        top: 85px
    }

    .md\:top-\[8px\] {
        top: 8px
    }

    .md\:top-\[auto\], .md\:top-auto {
        top: auto
    }

    .md\:m-\[0_auto_auto_0\] {
        margin: 0 auto auto 0
    }

    .md\:m-\[40px_auto_auto\] {
        margin: 40px auto auto
    }

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

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

    .md\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .md\:mr-\[10px\] {
        margin-right: 10px
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-\[10px\] {
        margin-top: 10px
    }

    .md\:mt-\[8px\] {
        margin-top: 8px
    }

    .md\:line-clamp-3 {
        -webkit-line-clamp: 3
    }

    .md\:line-clamp-3, .md\:line-clamp-6 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .md\:line-clamp-6 {
        -webkit-line-clamp: 6
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:\!h-\[147px\] {
        height: 147px !important
    }

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

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

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

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

    .md\:h-\[38\.4px\] {
        height: 38.4px
    }

    .md\:h-\[45\.4px\] {
        height: 45.4px
    }

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

    .md\:h-auto {
        height: auto
    }

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

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

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

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

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

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

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

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

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

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

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

    .md\:w-\[38\.5px\] {
        width: 38.5px
    }

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

    .md\:w-\[45\.4px\] {
        width: 45.4px
    }

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

    .md\:w-\[calc\(100\%\/2\)\] {
        width: 50%
    }

    .md\:w-\[calc\(47vw\)\] {
        width: 47vw
    }

    .md\:w-full {
        width: 100%
    }

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

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

    .md\:\!max-w-\[150px\] {
        max-width: 150px !important
    }

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

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

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

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

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

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

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

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:flex-\[0_0_50\%\] {
        flex: 0 0 50%
    }

    .md\:grow {
        flex-grow: 1
    }

    .md\:basis-\[100\%\] {
        flex-basis: 100%
    }

    .md\:basis-\[320px\] {
        flex-basis: 320px
    }

    .md\:basis-\[459px\] {
        flex-basis: 459px
    }

    .md\:basis-auto {
        flex-basis: auto
    }

    .md\:-rotate-\[10deg\] {
        --tw-rotate: -10deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .md\:-rotate-\[180deg\] {
        --tw-rotate: -180deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .md\:-rotate-\[20deg\] {
        --tw-rotate: -20deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-20deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .md\:-rotate-\[2deg\] {
        --tw-rotate: -2deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-2deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

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

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-cols-\[repeat\(3\2c minmax\(309px\2c 1fr\)\)\] {
        grid-template-columns: repeat(3, minmax(309px, 1fr))
    }

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

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-\[24px\] {
        gap: 24px
    }

    .md\:gap-\[32px\] {
        gap: 32px
    }

    .md\:gap-\[48px\] {
        gap: 48px
    }

    .md\:gap-x-\[16px\] {
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    .md\:gap-y-\[12px\] {
        row-gap: 12px
    }

    .md\:gap-y-\[16px\] {
        row-gap: 16px
    }

    .md\:overflow-visible {
        overflow: visible
    }

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

    .md\:rounded-b-none {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .md\:\!p-\[80px_0\] {
        padding: 80px 0 !important
    }

    .md\:\!p-\[40px_0_60px_0\] {
        padding: 40px 0 60px 0 !important
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-\[16px_24px\] {
        padding: 16px 24px
    }

    .md\:p-\[24px\], .md\:p-\[24px_24px\] {
        padding: 24px
    }

    .md\:p-\[40px\] {
        padding: 40px
    }

    .md\:p-\[40px_24px_16px\] {
        padding: 40px 24px 16px
    }

    .md\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

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

    .md\:pt-\[32px\] {
        padding-top: 32px
    }

    .md\:text-left {
        text-align: left
    }

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

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

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

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

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

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

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

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

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

    .md\:text-\[12x\] {
        color: 12x
    }
}

@media (min-width:1200px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:-bottom-\[45px\] {
        bottom: -45px
    }

    .lg\:-bottom-\[50px\] {
        bottom: -50px
    }

    .lg\:-left-\[110px\] {
        left: -110px
    }

    .lg\:-left-\[50px\] {
        left: -50px
    }

    .lg\:-left-\[98px\] {
        left: -98px
    }

    .lg\:-right-\[35px\] {
        right: -35px
    }

    .lg\:-right-\[50px\] {
        right: -50px
    }

    .lg\:-right-\[60px\] {
        right: -60px
    }

    .lg\:bottom-\[10px\] {
        bottom: 10px
    }

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

    .lg\:left-\[350px\] {
        left: 350px
    }

    .lg\:left-\[40px\] {
        left: 40px
    }

    .lg\:left-\[65px\] {
        left: 65px
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-\[55px\] {
        right: 55px
    }

    .lg\:top-\[100px\] {
        top: 100px
    }

    .lg\:top-\[145px\] {
        top: 145px
    }

    .lg\:top-\[150px\] {
        top: 150px
    }

    .lg\:top-\[15px\] {
        top: 15px
    }

    .lg\:top-\[200px\] {
        top: 200px
    }

    .lg\:top-\[90px\] {
        top: 90px
    }

    .lg\:top-\[95px\] {
        top: 95px
    }

    .lg\:top-\[auto\] {
        top: auto
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:line-clamp-6 {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        display: -webkit-box;
        overflow: hidden
    }

    .lg\:block {
        display: block
    }

    .lg\:\!h-\[178px\] {
        height: 178px !important
    }

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

    .lg\:h-\[445px\] {
        height: 445px
    }

    .lg\:h-auto {
        height: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:w-\[calc\(52vw\)\] {
        width: 52vw
    }

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

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

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

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

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

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:flex-\[1_0_726px\] {
        flex: 1 0 726px
    }

    .lg\:shrink-0 {
        flex-shrink: 0
    }

    .lg\:basis-\[378px\] {
        flex-basis: 378px
    }

    .lg\:basis-\[505px\] {
        flex-basis: 505px
    }

    .lg\:rotate-0, .lg\:rotate-\[0deg\] {
        --tw-rotate: 0deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        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))
    }

    .lg\:grid-cols-\[repeat\(3\2c minmax\(374px\2c 1fr\)\)\] {
        grid-template-columns: repeat(3, minmax(374px, 1fr))
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:gap-x-\[48px\] {
        -moz-column-gap: 48px;
        column-gap: 48px
    }

    .lg\:p-\[20px_32px_32px\] {
        padding: 20px 32px 32px
    }

    .lg\:p-\[24px_32px\] {
        padding: 24px 32px
    }

    .lg\:p-\[40px_32px_16px\] {
        padding: 40px 32px 16px
    }

    .lg\:\!py-\[64px\] {
        padding-bottom: 64px !important;
        padding-top: 64px !important
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-\[32px\] {
        padding-left: 32px;
        padding-right: 32px
    }

    .lg\:px-\[60px\] {
        padding-left: 60px;
        padding-right: 60px
    }

    .lg\:pt-\[60px\] {
        padding-top: 60px
    }

    .lg\:text-justify {
        text-align: justify
    }

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

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

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

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

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

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

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

@media (min-width:1400px) {
    .xl\:left-0 {
        left: 0
    }

    .xl\:left-\[150px\] {
        left: 150px
    }

    .xl\:left-\[450px\] {
        left: 450px
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-\[60px\] {
        right: 60px
    }

    .xl\:w-\[calc\(35vw\)\] {
        width: 35vw
    }

    .xl\:basis-\[813px\] {
        flex-basis: 813px
    }

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

.\[\&\>\*\:nth-child\(2\)\]\:border-x>:nth-child(2) {
    border-left-width: 1px;
    border-right-width: 1px
}

.\[\&_\[data-action\=\'toggle\'\]\]\:open\:rotate-180[open] [data-action=toggle] {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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))
}

[data-tooltip-text] {
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    white-space: nowrap
}

[data-tooltip-text]:hover {
    position: relative
}

[data-tooltip-text]:hover:after {
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 3px 1px rgba(50, 50, 50, .4);
    -moz-box-shadow: 0 0 3px 1px rgba(50, 50, 50, .4);
    box-shadow: 0 0 3px 1px rgba(50, 50, 50, .4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    content: attr(data-tooltip-text);
    margin-bottom: 10px;
    top: 130%;
    top: 130%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 7px 12px;
    position: absolute;
    width: auto;
    min-width: 50px;
    max-width: 300px;
    word-wrap: break-word;
    z-index: 9999
}

@media (max-width: 768px) {
    .menu-opened .main-menu {
        display: block;
        height: calc(100vh - 170%);
        left: 0;
        top: 48px;
        transition: .3s;
        z-index: 55;
        box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.1);
    }
}

.score-rating {
    position: relative;
}
.rating-tooltip-text {
    display: table;
    bottom: 20px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
}
@media (max-width: 768px) {
    .rating-tooltip-text {
        top: 125px;
    }
}

.brand_logos_auto {
    width: auto;
    max-width: auto;
    height: auto;
    max-width: 70%;
}

.brand_logos_auto_top_choice {
    max-width: 100%;
}
.pos-relative {
    position: relative;
}
.call_section_top {    
    display: table;
    width: 100%;
    max-width: 950px;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    text-align: center;
    margin: 10px auto;
    padding: 10px 20px;
    border: 1px solid #d3dcfb;
    background: #f0f4ff;
    border-radius: 10px;
    box-sizing: border-box;
}
.call_section_top div {
    margin: 8px 0;
}
.call_section_top a {
    font-weight: bold;
    color: #3f72f5;
    /* text-decoration: underline; */
}
.call_section_top a:hover {
    cursor: poiner;
    text-decoration: underline;
}