.icon-text {
    display: inline-flex;
    align-items: center
}

.icon-text__text {
    display: flex;
    flex-direction: column
}

.icon-text__text_row {
    flex-direction: row
}

.nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav__link {
    display: inline-block;
    padding: var(--wd-nav-link-padding-y, .5rem) var(--wd-nav-link-padding-x, 1rem);
    color: var(--wd-nav-link-color, inherit);
    text-decoration: none;
    border: 0;
    background: none;
    transition: color .15s ease-in-out
}

.nav__link.active {
    color: var(--wd-nav-link-active-color, #0505aa)
}

.nav__link:hover,
.nav__link:focus {
    color: var(--wd-nav-link-hover-color, #0505aa)
}

.nav__link:focus-visible {
    outline: 0;
    box-shadow: none
}

.nav__link.disabled,
.nav__link:disabled {
    color: var(--wd-nav-link-disabled-color, inherit);
    pointer-events: none;
    cursor: default
}

.nav_vertical {
    flex-direction: column;
    align-items: flex-start
}

.nav_secondary {
    --wd-nav-link-active-color: var(--bs-secondary);
    --wd-nav-link-hover-color: var(--bs-secondary)
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: var(--wd-btn-border-width, 1px) solid var(--wd-btn-border-color, #0505aa);
    border-radius: 5px;
    background: var(--wd-btn-bg, #FFF);
    font-family: var(--bs-secondary-font-family);
    color: var(--wd-btn-color, inherit);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    transition: all .15s ease-in
}

.btn:hover,
.btn:focus-visible {
    color: var(--wd-btn-hover-color, #FFF);
    background-color: var(--wd-btn-hover-bg, #0505aa);
    border-color: var(--wd-btn-hover-border-color, #0505aa);
    box-shadow: 0 0 10px #00000040;
    outline: 0
}

.btn:active,
.btn.active {
    color: var(--wd-btn-active-color, #FFF);
    background-color: var(--wd-btn-active-bg, #0505aa);
    border-color: var(--wd-btn-active-border-color, #0505aa);
    box-shadow: 0 4px 9px #00000026 inset
}

.btn:disabled,
.btn.disabled {
    color: var(--wd-btn-disabled-color, inherit);
    pointer-events: none;
    background-color: var(--wd-btn-disabled-bg, #8b8b9c);
    border-color: var(--wd-btn-disabled-border-color, #8b8b9c);
    opacity: var(--wd-btn-disabled-opacity, .5)
}

.btn__bg {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto
}

.btn__content {
    display: flex;
    padding: .5rem 1rem;
    align-items: center;
    justify-content: center
}

.btn_primary {
    --wd-btn-color: #FFF;
    --wd-btn-bg: var(--bs-primary);
    --wd-btn-border-color: none;
    --wd-btn-hover-bg: rgb(2 66 76 / 70%);
    --wd-btn-hover-border-color: rgb(2 66 76 / 70%);
    --wd-btn-active-bg: rgb(2 66 76 / 70%);
    --wd-btn-active-border-color: rgb(2 66 76 / 70%)
}

.btn_secondary {
    --wd-btn-bg: var(--bs-secondary);
    --wd-btn-color: #FFF;
    --wd-btn-border-color: #FF3D2F;
    --wd-btn-hover-bg: #FF3D2F;
    --wd-btn-hover-border-color: #FF3D2F;
    --wd-btn-active-bg: #FF3D2F;
    --wd-btn-active-border-color: #FF3D2F
}

.btn_svg {
    padding: 0;
    z-index: 1;
    stroke-width: var(--wd-btn-border-width, 1px);
    stroke: var(--wd-btn-border-color, #0505aa);
    fill: var(--wd-btn-bg, #FFF)
}

.btn_svg,
.btn_svg:hover,
.btn_svg:focus-visible,
.btn_svg:active,
.btn_svg.active,
.btn_svg.disabled,
.btn_svg:disabled {
    background: none;
    border: none;
    box-shadow: none
}

.btn_svg .btn__bg {
    position: relative
}

.btn_svg .btn__content {
    position: absolute;
    inset: 0
}

.btn_svg:hover,
.btn_svg:focus-visible {
    fill: var(--wd-btn-hover-bg, #0505aa);
    stroke: var(--wd-btn-hover-border-color, #0505aa)
}

.btn_svg:hover {
    filter: url("#filter-btn-hover")
}

.btn_svg:active,
.btn_svg.active {
    fill: var(--wd-btn-active-bg, #0505aa);
    stroke: var(--wd-btn-active-border-color, #0505aa);
    filter: url("#filter-btn-active")
}

.btn_svg:disabled,
.btn_svg.disabled {
    fill: var(--wd-btn-disabled-bg, #0505aa);
    stroke: var(--wd-btn-disabled-border-color, #0505aa)
}

@media (width >= 576px) {
    .btn_svg-sm-max {
        padding: 0;
        z-index: 1;
        stroke-width: var(--wd-btn-border-width, 1px);
        stroke: var(--wd-btn-border-color, #0505aa);
        fill: var(--wd-btn-bg, #FFF)
    }

    .btn_svg-sm-max,
    .btn_svg-sm-max:hover,
    .btn_svg-sm-max:focus-visible,
    .btn_svg-sm-max:active,
    .btn_svg-sm-max.active,
    .btn_svg-sm-max.disabled,
    .btn_svg-sm-max:disabled {
        background: none;
        border: none;
        box-shadow: none
    }

    .btn_svg-sm-max .btn__bg {
        position: relative
    }

    .btn_svg-sm-max .btn__content {
        position: absolute;
        inset: 0
    }

    .btn_svg-sm-max:hover,
    .btn_svg-sm-max:focus-visible {
        fill: var(--wd-btn-hover-bg, #0505aa);
        stroke: var(--wd-btn-hover-border-color, #0505aa)
    }

    .btn_svg-sm-max:hover {
        filter: url("#filter-btn-hover")
    }

    .btn_svg-sm-max:active,
    .btn_svg-sm-max.active {
        fill: var(--wd-btn-active-bg, #0505aa);
        stroke: var(--wd-btn-active-border-color, #0505aa);
        filter: url("#filter-btn-active")
    }

    .btn_svg-sm-max:disabled,
    .btn_svg-sm-max.disabled {
        fill: var(--wd-btn-disabled-bg, #0505aa);
        stroke: var(--wd-btn-disabled-border-color, #0505aa)
    }
}

.burger-btn {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    height: 17px;
    width: 1.425rem;
    line-height: 1rem;
    vertical-align: middle;
    appearance: none;
    outline: none;
    cursor: pointer
}

.burger-btn b {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    background: currentcolor;
    color: inherit;
    opacity: 1
}

.burger-btn b:nth-of-type(1) {
    top: 0;
    transition: top .2s ease, transform .2s ease, width .2s ease
}

.burger-btn b:nth-of-type(2) {
    top: calc(50% - 1.5px);
    transition: opacity .2s ease
}

.burger-btn b:nth-of-type(3) {
    bottom: 0;
    transition: bottom .2s ease, transform .2s ease, width .2s ease
}

.burger-btn[aria-pressed="true"] b:nth-of-type(1) {
    top: calc(50% - 1.5px);
    transform: rotate(45deg)
}

.burger-btn[aria-pressed="true"] b:nth-of-type(2) {
    opacity: 0
}

.burger-btn[aria-pressed="true"] b:nth-of-type(3) {
    bottom: calc(50% - 1.5px);
    transform: rotate(-45deg)
}

.form {
    display: flex;
    gap: 1rem
}

.form-control {
    position: relative
}

.form-control__bg {
    width: auto;
    height: 100%;
    stroke-width: var(--wd-input-border-width, 1px);
    stroke: var(--wd-input-border-color, #AAA);
    fill: var(--wd-input-bg, #FFF)
}

.form-control__input:hover~.form-control__bg {
    fill: var(--wd-input-hover-bg, #FFF);
    stroke: var(--wd-input-hover-border-color, #AAA)
}

.form-control__input:focus~.form-control__bg {
    fill: var(--wd-input-focus-bg, #FFF);
    stroke: var(--wd-input-focus-border-color, #555)
}

.form-control__input:disabled,
.form-control__input.disabled~.form-control__bg {
    fill: var(--wd-input-disabled-bg, #AAA);
    stroke: var(--wd-input-disabled-border-color, #AAA)
}

.form-control__input {
    display: block;
    width: 100%;
    appearance: none;
    background: var(--wd-input-bg, #FFF) padding-box;
    border-radius: 5px;
    border: var(--wd-input-border-width, 1px) solid var(--wd-input-border-color, #AAA);
    padding: .5em 1.5em;
    line-height: 1.5;
    color: var(--wd-input-color, #000);
    fill: currentcolor;
    transition: all .15s ease-in-out
}

.form-control__input:focus,
.form-control__input:hover {
    background-color: var(--wd-input-focus-bg, #FFF);
    border-color: var(--wd-input-focus-border-color, #555);
    color: var(--wd-input-focus-color, #555);
    outline: 0;
    box-shadow: 0 0 10px #00000040
}

.form-control__input::-webkit-date-and-time-value {
    min-width: 85px;
    margin: 0
}

.form-control__input::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control__input::placeholder {
    color: var(--wd-input-placeholder-color, #848383);
    opacity: 1
}

.form-control__input:disabled {
    background-color: var(--wd-input-disabled-bg, #AAA);
    border-color: var(--wd-input-disabled-border-color, #AAA);
    opacity: 1
}

.form-control__custom-input {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 1em;
    cursor: pointer
}

.form-control__custom-input input {
    overflow: hidden;
    width: 1px;
    height: 1px;
    bottom: 0;
    left: .5em;
    opacity: 0;
    position: absolute
}

.form-control__text {
    line-height: 1.5;
    color: var(--wd-input-color, #000);
    fill: currentcolor
}

.form-control__text:hover,
input:focus~.form-control__text {
    border-color: var(--wd-input-focus-border-color, #555);
    color: var(--wd-input-focus-color, #555)
}

input:disabled~.form-control__text {
    background-color: var(--wd-input-disabled-bg, #AAA);
    border-color: var(--wd-input-disabled-border-color, #AAA)
}

.form-control__checkbox {
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    flex-shrink: 0;
    border: var(--wd-input-border-width, 1px) solid var(--wd-input-border-color, #AAA);
    border-radius: 3px
}

.form-control__checkbox::before {
    content: "";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    border: 1px solid var(--wd-input-color, #000);
    left: 0;
    top: var(--wd-input-border-width, 1px);
    opacity: 0;
    transition: all .12s, border-color .08s
}

input:checked~.form-control__checkbox::before {
    width: .5em;
    top: -.1em;
    left: .4em;
    border: 2px solid var(--wd-input-color, #000);
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg)
}

.form-control__file-name {
    text-overflow: ellipsis;
    overflow: hidden
}

.form-control_svg {
    z-index: 1
}

.form-control_svg .form-control__input,
.form-control_svg .form-control__input:hover,
.form-control_svg .form-control__input:focus,
.form-control_svg input[type="file"]:focus~.form-control__input,
.form-control_svg .form-control__input.disabled,
.form-control_svg .form-control__input:disabled,
.form-control_svg input[type="file"]:disabled~.form-control__input {
    background: none;
    border: none;
    box-shadow: none
}

.form-control_svg>* {
    position: absolute
}

.form-control_svg>.form-control__bg {
    position: relative;
    z-index: -1
}

.form-control_underline .form-control__input,
.form-control_underline .form-control__input:hover,
.form-control_underline .form-control__input:focus,
.form-control_underline .form-control__input.disabled,
.form-control_underline .form-control__input:disabled {
    background: none;
    border-width: 0 0 var(--wd-input-border-width, 1px) 0;
    border-radius: 0;
    box-shadow: none
}

.form-control_underline .form-control__text {
    border-bottom: var(--wd-input-border-width, 1px) solid var(--wd-input-border-color, #AAA)
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--backdrop-bg)
}

.backdrop.fade {
    opacity: 0
}

.backdrop.show {
    opacity: var(--backdrop-opacity)
}

.offcanvas {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: #a0a0a0;
    --backdrop-bg: #000;
    --backdrop-opacity: .4;

    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

.offcanvas .backdrop {
    z-index: 1040
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible
}

.offcanvas__body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.offcanvas__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas__header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas_start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas_end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas_bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas_top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.card {
    --bs-card-spacer-x: 1em;
    --bs-card-cap-color: #FFF;
    --bs-card-cap-bg: var(--bs-primary);
    --bs-card-border-radius: 0px;

    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card__body {
    flex: 1 1 auto;
    padding: 1em var(--bs-card-spacer-x)
}

.card__header {
    padding: 1em var(--bs-card-spacer-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg)
}

.card__header:first-child {
    border-radius: var(--bs-card-border-radius) var(--bs-card-border-radius) 0 0
}

.card__footer {
    padding: 1em var(--bs-card-spacer-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg)
}

.card__footer:last-child {
    border-radius: 0 0 var(--bs-card-border-radius) var(--bs-card-border-radius)
}

.card__img {
    width: 100%
}

.card__img_top {
    border-radius: var(--bs-card-border-radius) var(--bs-card-border-radius) 0 0
}

.card__img_bottom {
    border-radius: 0 0 var(--bs-card-border-radius) var(--bs-card-border-radius)
}

.card__img_overlay {
    position: absolute;
    inset: 0;
    border-radius: var(--bs-card-border-radius)
}

.video {
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all .15s ease-in-out;
    border-radius: var(--wd-video-border-radius)
}

.video img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--wd-video-border-radius)
}

.video:hover {
    box-shadow: 5px 6px 17px #0006
}

.video:hover>.video__play-btn {
    fill-opacity: 1
}

.video__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 20%;
    height: 20%;
    z-index: 1;
    fill-opacity: .65;
    transition: all .2s cubic-bezier(0, 0, .2, 1)
}

.swiper-button {
    border: none;
    background: none;
    width: 4.4em;
    height: 4.4em;
    stroke: currentcolor;
    fill: currentcolor;
    color: inherit;
    transition: fill, stroke .15s ease-in;
    cursor: pointer;
    stroke-width: 2
}

.swiper-button:not(.swiper-button-disabled):hover {
    stroke: var(--bs-secondary);
    fill: var(--bs-secondary)
}

.swiper-button-disabled {
    opacity: .4;
    cursor: default
}

.swiper {
    cursor: grab
}

.scrollup {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: none;
    border: 0;
    overflow: hidden;
    background: var(--bs-primary);
    color: #fff;
    border-radius: 50px;
    width: 3rem;
    height: 3rem;
    z-index: 10000000;
    padding-left: 1.5rem;
    opacity: .4;
    box-shadow: 0 10px 30px #0000007f;
    cursor: pointer;
    transition: all .2s ease
}

.scrollup.active {
    display: block
}

.scrollup:hover {
    opacity: 1;
    border: 0;
    width: 9rem
}

.scrollup .icon {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 2px solid var(--bs-primary);
    z-index: 1;
    transition: all .2s ease;
    border-radius: 50%;
    background: #fff;
    fill: var(--bs-primary);
    cursor: pointer
}

.scrollup .icon:hover,
.scrollup .icon:focus,
.scrollup .icon:active {
    border: 2px solid var(--bs-primary);
    opacity: 1
}

.scrollup .tooltip {
    display: block;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    line-height: 3rem;
    text-transform: uppercase;
    letter-spacing: 1px
}

.scrollup:hover .tooltip {
    opacity: 1;
    transition: all .2s ease
}

@media (width <=1023px) {
    .scrollup.active {
        bottom: 4rem
    }
}

@media (width <=767px) {
    .scrollup.active {
        display: none
    }
}

.ancor {
    position: absolute;
    top: calc(0px - var(--header-height));
}

@media (width >=1420px) {
    .ancor {
        top: calc(0px - var(--header-height) + 7rem)
    }
}