.icon-list-icon img {
    filter: invert(46%)sepia(61%)saturate(704%)hue-rotate(330deg)brightness(98%)contrast(96%)
}

.text-list-icon {
    background: linear-gradient(to right,var(--text-color),var(--color-gra-light));
    color: #0000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-background-clip: text;
    background-clip: text;
    transition: color .3s
}

.trans-icon-link-hero-1 {
    text-shadow: 0 4px 13.1px #00000038;
    -webkit-backdrop-filter: blur(30px);
    transition: all .3s ease-out;
    box-shadow: inset 0 4px 4px #ffffff8c
}

.trans-icon-link-hero-1:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px #fe524266,0 0 22px #fe52428c
}

.trans-icon-link-hero-1 span {
    opacity: .9;
    z-index: -10;
    border-radius: 9999px;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.trans-icon-link-hero-2 {
    text-shadow: 0 4px 13.1px #00000038;
    -webkit-backdrop-filter: blur(30px);
    transition: all .3s ease-out;
    box-shadow: 0 0 0 1px #fe524266,0 0 22px #fe52428c
}

.trans-icon-link-hero-2:hover {
    transform: translateY(-1px);
    box-shadow: inset 0 4px 4px #ffffff8c
}

.trans-icon-link-hero-2 span {
    opacity: .9;
    z-index: -10;
    border-radius: 9999px;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.price-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    display: flex
}

@media only screen and (max-width: 47.9988rem) {
    .price-flex {
        gap:24px
    }
}

.price-flex>div {
    width: 100%;
    height: auto
}

@media only screen and (min-width: 48rem) {
    .price-flex>div {
        width:calc(50% - 1rem)
    }
}

@media only screen and (min-width: 64rem) {
    .price-flex>div {
        width:calc(33.3333% - 1.33333rem)
    }
}

.button-about-us {
    text-shadow: 0 4px 13.1px #00000038;
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid #fff;
    transition: all .3s ease-out;
    box-shadow: inset 0 4px 4px #ffffff8c
}

.button-about-us:hover {
    color: #fe5242;
    background: #fff;
    border-color: #fe5242;
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px #fe524266,0 0 22px #fe52428c
}

.button-about-us-2 {
    text-shadow: 0 4px 13.1px #00000038;
    -webkit-backdrop-filter: blur(30px);
    border: 1px solid #fe5242;
    transition: all .3s ease-out;
    box-shadow: inset 0 4px 4px #ffffff8c
}

.button-about-us-2:hover {
    color: #fff;
    background: #fe5242;
    border-color: #fe5242;
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px #fe524266,0 0 22px #fe52428c
}

.dark form input,.dark form select,.dark form textarea {
    background: var(--bg-light-color);
    box-shadow: inset 0 0 12px #ffffff0f,0 0 0 1px #e5e7eb1a
}

.dark form input::placeholder,.dark form select::placeholder,.dark form textarea::placeholder {
    color: #9ca3af
}

.dark form input:focus,.dark form select:focus,.dark form textarea:focus {
    background: #0003
}

@media only screen and (min-width: 48rem) {
    .col-flex-whychoose {
        width:calc(33.3333% - 1rem)
    }
}

table thead,table tbody,table tfoot {
    background: #fff;
    border: 1px solid #f2f2f2
}

table tr td,table tr th {
    border-top: 1px solid #f2f2f2;
    padding: 10px
}

table tr td:not(:last-child),table tr th:not(:last-child) {
    border-right: 1px solid #f2f2f2
}

.section.section-steps .swiper .swiper-slide {
    width: calc(83.3333% - .25rem);
    height: auto
}

@media only screen and (min-width: 40rem) {
    .section.section-steps .swiper .swiper-slide {
        width:calc(50% - 1rem)
    }
}

@media only screen and (min-width: 64rem) {
    .section.section-steps .swiper .swiper-slide {
        width:calc(33.3333% - 1.33333rem)
    }
}

@media only screen and (min-width: 80rem) {
    .section.section-steps .swiper .swiper-slide {
        width:calc(25% - 1.5rem)
    }
}

.section.section-steps .swiper .swiper-slide .item {
    position: relative
}

.section.section-steps .swiper-controls .swiper-pagination {
    margin-top: 0!important
}

@media only screen and (min-width: 40rem) {
    .section.section-steps .swiper-container .swiper:before {
        content:"";
        background-color: color-mix(in oklab,var(--color-primary) 80%,transparent);
        pointer-events: none;
        z-index: 0;
        width: calc(100% - 24px);
        height: 1px;
        position: absolute;
        top: 90px;
        left: 12px
    }
}