html {
    scroll-padding-top: 120px
}

@media (max-width:989px) {
    html {
        scroll-padding-top: 100px
    }
}

@media (max-width:479px) {
    html {
        scroll-padding-top: 60px
    }
}

ul: not([class]) li:not([class]) {
    list-style-type: none
}

ul: not([class]) li:not([class])::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #72be44;
    margin-right: 15px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-left: -15px
}

html body#root main#main,
html body#root {
}

html body#root main#main .container,
html body#root .container {
    display: grid;
    max-width: none;
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .container.columns-1>*,
    html body#root .container.columns-1>* {
        grid-column: 3 / span 12
    }
    html body#root main#main .container.columns-2>*,
    html body#root .container.columns-2>* {
        grid-column: span 6
    }
    html body#root main#main .container.columns-2>*:nth-child(2n+1),
    html body#root .container.columns-2>*:nth-child(2n+1) {
        grid-column: 3 / span 6
    }
    html body#root main#main .container.columns-2>*.span-2,
    html body#root .container.columns-2>*.span-2 {
        grid-column-end: span 12
    }
    html body#root main#main .container.columns-3>*,
    html body#root .container.columns-3>* {
        grid-column: span 4
    }
    html body#root main#main .container.columns-3>*:nth-child(3n+1),
    html body#root .container.columns-3>*:nth-child(3n+1) {
        grid-column: 3 / span 4
    }
    html body#root main#main .container.columns-3>*.span-2,
    html body#root .container.columns-3>*.span-2 {
        grid-column-end: span 8
    }
    html body#root main#main .container.columns-3>*.span-3,
    html body#root .container.columns-3>*.span-3 {
        grid-column-end: span 12
    }
    html body#root main#main .container.columns-4>*,
    html body#root .container.columns-4>* {
        grid-column: span 3
    }
    html body#root main#main .container.columns-4>*:nth-child(4n+1),
    html body#root .container.columns-4>*:nth-child(4n+1) {
        grid-column: 3 / span 3
    }
    html body#root main#main .container.columns-4>*.span-2,
    html body#root .container.columns-4>*.span-2 {
        grid-column-end: span 6
    }
    html body#root main#main .container.columns-4>*.span-3,
    html body#root .container.columns-4>*.span-3 {
        grid-column-end: span 9
    }
    html body#root main#main .container.columns-4>*.span-4,
    html body#root .container.columns-4>*.span-4 {
        grid-column-end: span 12
    }
    html body#root main#main .container.columns-6>*,
    html body#root .container.columns-6>* {
        grid-column: span 2
    }
    html body#root main#main .container.columns-6>*:nth-child(6n+1),
    html body#root .container.columns-6>*:nth-child(6n+1) {
        grid-column: 3 / span 2
    }
    html body#root main#main .container.columns-6>*.span-2,
    html body#root .container.columns-6>*.span-2 {
        grid-column-end: span 4
    }
    html body#root main#main .container.columns-6>*.span-3,
    html body#root .container.columns-6>*.span-3 {
        grid-column-end: span 6
    }
    html body#root main#main .container.columns-6>*.span-4,
    html body#root .container.columns-6>*.span-4 {
        grid-column-end: span 8
    }
    html body#root main#main .container.columns-6>*.span-5,
    html body#root .container.columns-6>*.span-5 {
        grid-column-end: span 10
    }
    html body#root main#main .container.columns-6>*.span-6,
    html body#root .container.columns-6>*.span-6 {
        grid-column-end: span 12
    }
}

@media only screen and (min-width: 64rem) {
    html body#root main#main .container,
    html body#root .container {
        padding: 0;
        grid-template-columns: 72px minmax(0, 1fr) repeat(12, minmax(0, calc(1220px / 12))) minmax(0, 1fr) 72px
    }
}

@media only screen and (max-width: 63.9375rem) {
    html body#root main#main .container,
    html body#root .container {
        padding: 0;
        grid-template-columns: 1.875rem minmax(0, 1fr) repeat(12, minmax(0, calc(1220px / 12))) minmax(0, 1fr) 1.875rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    html body#root main#main .container,
    html body#root .container {
        padding: 0 1rem;
        grid-template-columns: 1fr
    }
    html body#root main#main .container>*,
    html body#root .container>* {
        grid-column: var(--col-start, 2) / var(--col-end, -2)
    }
}

html body#root main#main .container>.full,
html body#root .container>.full {
    grid-column-start: 1 !important;
    grid-column-end: -1 !important
}

html body#root main#main .section,
html body#root .section {
    position: relative;
    isolation: isolate
}

html body#root main#main .background-image,
html body#root .background-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%
}

html body#root main#main .background-gradient,
html body#root .background-gradient {
    background: linear-gradient(0deg, #ffffff 0%, #f6f6f6 100%)
}

html body#root main#main .background-gradient-reverse,
html body#root .background-gradient-reverse {
    background: linear-gradient(180deg, #ffffff 0%, #f6f6f6 100%)
}

html body#root main#main .background-blue,
html body#root .background-blue {
    background-color: #113b6b
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .hide-on-desktop,
    html body#root .hide-on-desktop {
        display: none
    }
}

@media only screen and (max-width: 47.9375rem) {
    html body#root main#main .hide-on-mobile,
    html body#root .hide-on-mobile {
        display: none
    }
}

html body#root main#main .grid,
html body#root .grid {
    display: grid
}

html body#root main#main .grid.columns-2,
html body#root .grid.columns-2 {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .grid.columns-2,
    html body#root .grid.columns-2 {
        grid-template-columns: repeat(2, 1fr)
    }
}

html body#root main#main .grid.columns-3,
html body#root .grid.columns-3 {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .grid.columns-3,
    html body#root .grid.columns-3 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 64rem) {
    html body#root main#main .grid.columns-3,
    html body#root .grid.columns-3 {
        grid-template-columns: repeat(3, 1fr)
    }
}

html body#root main#main .grid.columns-4,
html body#root .grid.columns-4 {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .grid.columns-4,
    html body#root .grid.columns-4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 64rem) {
    html body#root main#main .grid.columns-4,
    html body#root .grid.columns-4 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 71.25rem) {
    html body#root main#main .grid.columns-4,
    html body#root .grid.columns-4 {
        grid-template-columns: repeat(4, 1fr)
    }
}

html body#root main#main .grid.columns-5,
html body#root .grid.columns-5 {
    grid-template-columns: 1fr
}

@media only screen and (min-width: 48rem) {
    html body#root main#main .grid.columns-5,
    html body#root .grid.columns-5 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width: 64rem) {
    html body#root main#main .grid.columns-5,
    html body#root .grid.columns-5 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media only screen and (min-width: 71.25rem) {
    html body#root main#main .grid.columns-5,
    html body#root .grid.columns-5 {
        grid-template-columns: repeat(5, 1fr)
    }
}

html body#root main#main .grid>div,
html body#root .grid>div {
    position: relative;
    isolation: isolate
}

html body#root main#main {
    padding-top: 5.875rem
}

@media only screen and (min-width: 48rem) {
    html body#root main#main {
        padding-top: 6.4375rem
    }
}

@media only screen and (min-width: 85.375rem) {
    html body#root main#main {
        padding-top: 7.3125rem
    }
}

html body#root .popup__wrapper .search-input__container input[type="search"] {
    height: 61px;
    max-width: 466px;
    width: 100%;
    padding: 16px 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    line-height: 33px;
    border: 1px solid #979797
}

html body#root .popup__wrapper .search-input__container input[type="submit"] {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 21px 38px;
    background-image: linear-gradient(-45deg, transparent 0.7rem, #72be44 0.7rem);
    position: relative;
    color: #fff;
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    border: none;
    background-color: transparent;
    cursor: pointer
}

html body#root .popup__wrapper .search-input__container input[type="submit"]:hover {
    background-image: linear-gradient(-45deg, transparent 0.7rem, #2d6ab1 0.7rem)
}