@media screen and (max-width: 767px) {
    .license-start__hero .hero__bg-gradient--green {
        top:-35%;
        left: -26%;
        width: 600px;
        height: 600px
    }

    .license-start__hero .hero__bg-gradient--blue {
        top: 23%;
        left: -34%;
        width: 500px;
        height: 500px
    }
}

.license-start__hero .hero__image-wrap {
    top: -5%;
    right: -10%;
    width: clamp(28.938rem,4.254rem + 51.42vw,49.25rem);
    height: clamp(26.75rem,3.965rem + 47.47vw,45.5rem)
}

@media screen and (max-width: 1279px) {
    .license-start__hero .hero__image-wrap {
        top:2%;
        right: -14%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media screen and (max-width: 767px) {
    .license-start__hero .hero__image-wrap {
        top:36%;
        right: 0;
        left: 55%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 417px;
        height: 386px
    }
}

.license-start__hero .hero__title {
    width: 100%;
    max-width: 1165px
}

.license-start__hero .hero__title span {
    display: block
}

.license-start__hero .hero__desc {
    width: 100%;
    max-width: 805px
}

.license-start__hero .btn {
    min-width: 150px
}

.license-start .suitable-for {
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.license-start .suitable-for__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 40px;
    z-index: 1
}

.license-start .suitable-for__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3,minmax(min(clamp(18.125rem,-4.003rem + 34.57vw,26.25rem),100%),1fr));
    gap: 24px;
    width: 100%
}

@media (max-width: 1279px) {
    .license-start .suitable-for__list {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3,1fr);
        gap: 16px
    }
}

@media (max-width: 767px) {
    .license-start .suitable-for__list {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

.license-start .suitable-for__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: clamp(.75rem,.088rem + 2.94vw,1.5rem);
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: clamp(.625rem,-.478rem + 4.9vw,1.875rem);
    background: var(--color-white);
    padding: clamp(1rem,.779rem + .98vw,1.25rem)
}

.license-start .suitable-for__item:nth-child(2) {
    background: var(--color-light-grey)
}

.license-start .suitable-for__item:nth-child(3) {
    background: var(--color-light-blue)
}

.license-start .suitable-for__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    color: var(--color-deep-grey)
}

.license-start .suitable-for__info--title {
    font-weight: 600;
    font-size: clamp(1rem,.804rem + .87vw,1.5rem);
    line-height: 130%
}

.license-start .suitable-for__info--list {
    padding-left: 1.5em;
    font-weight: 400;
    font-size: clamp(.875rem,.5rem + .78vw,1.125rem);
    line-height: 130%
}

.license-start .functional {
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.license-start .functional__container {
    position: relative
}

.license-start .functional__bg-gradient--green {
    top: 2%;
    left: 2%
}

@media screen and (max-width: 1024px) {
    .license-start .functional__bg-gradient--green {
        left:-20%;
        width: 700px;
        height: 700px
    }
}

@media screen and (max-width: 566px) {
    .license-start .functional__bg-gradient--green {
        left:-26%
    }
}

.license-start .functional__bg-gradient--green-2 {
    display: none
}

@media screen and (max-width: 1024px) {
    .license-start .functional__bg-gradient--green-2 {
        display:block;
        top: 35%;
        left: 31%;
        width: 700px;
        height: 700px
    }
}

@media screen and (max-width: 767px) {
    .license-start .functional__bg-gradient--green-2 {
        left:26%
    }
}

@media screen and (max-width: 566px) {
    .license-start .functional__bg-gradient--green-2 {
        top:42%;
        left: 13%
    }
}

.license-start .functional__bg-gradient--blue {
    top: -5%;
    left: 37%
}

@media screen and (max-width: 1024px) {
    .license-start .functional__bg-gradient--blue {
        top:13%;
        left: 20%;
        width: 700px;
        height: 700px
    }
}

@media screen and (max-width: 767px) {
    .license-start .functional__bg-gradient--blue {
        top:24%;
        left: 15%
    }
}

@media screen and (max-width: 566px) {
    .license-start .functional__bg-gradient--blue {
        top:50%;
        left: -72%
    }
}

.license-start .functional__inner {
    display: -ms-grid;
    display: grid;
    position: relative;
    grid-template-columns: repeat(auto-fill,minmax(310px,1fr));
    gap: 24px;
    z-index: 1
}

.license-start .functional-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 16px;
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: 30px;
    background: var(--color-white);
    padding: 30px 20px;
    color: var(--color-deep-grey)
}

@media screen and (max-width: 1024px) {
    .license-start .functional__inner {
        gap:16px
    }

    .license-start .functional-item {
        border-radius: 20px;
        padding: 20px
    }
}

.license-start .functional-item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 40px;
    height: 40px
}

.license-start .functional-item__title {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row-align: center;
    align-self: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    text-wrap: balance
}

.license-start .functional-item__desc {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    font-weight: 400;
    font-size: clamp(.875rem,.723rem + .32vw,1rem);
    line-height: 130%
}

.license-start .hosting-requirements {
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.license-start .hosting-requirements__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.license-start .hosting-requirements__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    list-style: none
}

.license-start .hosting-requirements__list li {
    gap: 20px;
    color: var(--color-deep-grey);
    font-weight: 400;
    font-size: clamp(.875rem,.5rem + .78vw,1.125rem);
    line-height: 130%
}

@media (max-width: 1279px) {
    .license-start .hosting-requirements__list li {
        gap:16px
    }
}

@media (max-width: 767px) {
    .license-start .hosting-requirements__list li {
        gap:8px
    }
}

.license-start .possibility-switching {
    padding: clamp(1.875rem,.901rem + 4.33vw,4.688rem) 0
}

.license-start .possibility-switching__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: clamp(1rem,.25rem + 1.56vw,1.5rem)
}

@media screen and (max-width: 1023px) {
    .license-start .possibility-switching__inner {
        -ms-grid-columns:1fr .5fr;
        grid-template-columns: 1fr .5fr
    }
}

@media screen and (max-width: 767px) {
    .license-start .possibility-switching__inner {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }
}

.license-start .possibility-switching__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(1rem,.25rem + 1.56vw,1.5rem);
    -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
    border-radius: clamp(.625rem,-.478rem + 4.9vw,1.875rem);
    background: var(--color-white);
    padding: clamp(1rem,.658rem + 1.52vw,1.875rem)
}

.license-start .possibility-switching__item:nth-child(2) {
    -ms-grid-column-align: start;
    justify-self: start;
    background: var(--color-light-blue);
    max-width: 424px
}

.license-start .possibility-switching__item--title {
    font-weight: 600;
    font-size: clamp(1.125rem,.563rem + 1.17vw,1.5rem);
    line-height: 130%
}

.license-start .possibility-switching__item--desc {
    font-weight: 400;
    font-size: clamp(.875rem,.688rem + .39vw,1rem);
    line-height: 130%
}

.license-start .possibility-switching__item--desc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
    padding-left: 1.5em
}

/* select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    --minwidth-select: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid var(--color-ivory);
    border-radius: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 5px center/20px no-repeat;
    padding-inline:20px;padding-block:13px;min-width: var(--minwidth-select);
    color: var(--color-deep-grey)
}

@media screen and (min-width: 768px) {
    select {
        --minwidth-select:clamp(10.938rem, -3.125rem + 29.3vw, 15.625rem)
    }
}

@supports ((-webkit-appearance: base-select) or (-moz-appearance:base-select) or (appearance:base-select)) {
    select,select::picker(select) {
        -webkit-appearance:base-select;
        -moz-appearance: base-select;
        appearance: base-select;
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
        interpolate-size: allow-keywords
    }

    select:open {
        -webkit-animation-play-state: running;
        animation-play-state: running;
        background: var(--color-light-blue)
    }

    @media (prefers-reduced-motion) {
        select:open {
            -webkit-animation-play-state: paused;
            animation-play-state: paused
        }
    }

    select {
        background-image: none;
        padding-inline:20px}

    select img {
        width: 30px;
        line-height: 1
    }

    select::picker-icon {
        rotate: -90deg;
        -webkit-transition: rotate .2s ease-out;
        transition: rotate .2s ease-out;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
        width: 20px;
        height: 20px;
        content: ""
    }

    select:open::picker-icon {
        rotate: 0deg
    }

    select::picker(select) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        row-gap: 8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        -webkit-transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s;
        transition: height .4s ease-out,opacity .4s ease-out,overlay .4s,display .4s;
        transition-behavior: allow-discrete;
        margin-top: 16px;
        -webkit-box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
        box-shadow: 0 4px 25px 0 rgba(1,8,3,.08);
        border: 1px solid var(--color-ivory,#e0e0e0);
        border-radius: 16px;
        background: var(--color-white,#fff);
        padding: 16px;
        max-width: 250px;
        height: 0;
        overflow: clip;
        font-weight: 400
    }

    select:open::picker(select) {
        opacity: 1;
        height: auto
    }

    select option {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-property: color,background;
        transition-property: color,background;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        cursor: pointer;
        padding: 4px;
        color: var(--color-deep-grey,currentColor);
        font-size: 16px;
        text-wrap: auto
    }

    select option:where(:hover,:focus,:active) {
        background: var(--color-light-blue,#eef2fa)
    }

    select option:checked {
        background: var(--color-light-blue,#eef2fa)
    }

    select option::checkmark {
        display: none
    }

    select option:first-child {
        border: 0
    }

    select selectedcontent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }
} */