@font-face {
     font-family: Lena;
     src:local("Lena"),
     url(/assets/webfonts/Lena.ttf) format(truetype);
     font-display: swap;
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: BelozerovSP;
     src:local("BelozerovSP"),
     url(/assets/webfonts/BelozerovSP.otf) format(opentype);
     font-display: swap;
     font-weight: normal;
     font-style: normal;
}

.font-lena {
     font-family: Lena;
     font-optical-sizing: auto;
     font-weight: auto;
     font-style: normal;
}

.font-BelozerovSP {
     font-family: BelozerovSP;
     font-optical-sizing: auto;
     font-weight: auto;
     font-style: normal;
}

.smooth {
     transition: all .15s ease-in-out
}

.sidebar i {
     margin-right: .5rem;
}

.bg-primary-one {
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-color: rgb(5, 28, 45);
     background: url(/assets/img/main_background.png);
}

.bg-gradient {
     background: #4887F7;
     background: linear-gradient(90deg, rgba(72, 135, 247, 1) 0%, rgba(17, 99, 253, 1) 100%);
}

.bg-primary-button {
     background: radial-gradient(110.23% 82.81% at 50% 17.19%, rgba(255, 255, 255, 0.098) 0%, rgba(255, 255, 255, 0.038) 100%), radial-gradient(105.11% 170.6% at 105.11% -15.62%, rgba(0, 4, 131, 0.5) 19.66%, rgba(0, 13, 255, 0.25) 71.06%), radial-gradient(82.79% 104.69% at 20.17% -22.66%, #1D52A0 0%, rgba(29, 82, 160, 0.18) 100%), radial-gradient(58.24% 134.23% at 33.81% 109.38%, rgba(102, 129, 226, 0.81) 0%, rgba(102, 129, 226, 0) 95.37%), #EEF9FF;
     box-shadow: -37.8409px -37.8409px 94.6023px rgba(182, 117, 222, 0.4), 0px 37.8409px 113.523px rgba(98, 118, 224, 0.2), 0px 18.9205px 113.523px rgba(41, 142, 174, 0.8), inset 0px 0px 18.9205px rgba(255, 255, 255, 0.5);
     border-radius: 30.2727px;
}

:root {
    --swiper-theme-color: #fff !important;
}

.voin-image {
     width: 320px;
     height: 318px;
     top: -7rem;
     left: 0;
     right: 0;
     position: absolute;
     background: 
          linear-gradient(to top, #021F34, transparent 30%),
          url("/assets/img/voin.png") center/cover;
}

.mag-image {
     width: 320px;
     height: 264px;
     top: -3rem;
     left: 0;
     right: 0;
     position: absolute;
     background: 
          linear-gradient(to top, #021F34, transparent 30%),
          url("/assets/img/mag.png") center/cover;
}

.feia-image {
     width: 262px;
     height: 251px;
     top: -3rem;
     left: 0;
     right: 0;
     position: absolute;
     background: 
          linear-gradient(to top, #021F34, transparent 30%),
          url("/assets/img/feia.png") center/cover;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

/* Firefox */
input[type=number] {
     -moz-appearance: textfield;
}