@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

html {
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-size: 14px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    flex: auto;
    color: #565656;
    position: relative;
    width: 100%;
    overflow-x: hidden;
    font-weight: 500;
    font-family: Inter, sans-serif;
}
/*Обводка*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
textarea:active,
textarea:focus
{
    outline: 0!important;
    outline-color: transparent!important;
    outline-width: 0!important;
    outline-style: none!important;
    box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
    outline-offset: 0 !important;
}
button::-moz-focus-inner {
    border: 0 !important;
}
.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*VAR*/
:root {
    --orange: #FF6800;
}
/*TEXT*/
.bold {
    font-weight: 700;
}
.semibold {
    font-weight: 600;
}
.extrabold {
    font-weight: 800;
}
.medium {
    font-weight: 400;
}
.spacing {
    letter-spacing: -0.01em;
}
.spacing-2 {
    letter-spacing: -0.02em;
}
.h1 {
    font-size: 2.25rem;
}
/*COLOR*/
.orange {
    color: var(--orange);
}
/*BG*/
.bg-gradient-orange {
    background: linear-gradient(48deg, #ff4701 0%, #ff8501 100%);
}
/*Radius*/
.br-10 {
    border-radius: 10px;
}
.br-t-10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.br-b-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*Header*/
.nav-link {
    color: #000;
}
/*Footer*/
footer {
    background-image: url('data:image/svg+xml,%3Csvg fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 9.99999C0 4.47714 4.47715 0 10 0H1910C1915.52 0 1920 4.47715 1920 10V318H0V9.99999Z" fill="url(%23paint0_linear_387_797)" /%3E%3Cdefs%3E%3ClinearGradient id="paint0_linear_387_797" x1="955" y1="318" x2="977.148" y2="1.55016" gradientUnits="userSpaceOnUse"%3E%3Cstop offset="0.236831" stop-color="%23E00034" /%3E%3Cstop offset="1" stop-color="%23FF8501" /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E');
    /*fill: linear-gradient(360deg, #e00034 23.68%, #ff8501 100%);*/
    height: 318px;
}
/*FORM*/
.btn-orange {
    padding: 18px 44px;
    color: var(--orange);
    border: 1px solid var(--orange);
    line-height: 1;
    background: none;
}
.btn-orange:hover {
    background: linear-gradient(90deg, #ff4901 0%, #ff7f01 100%);
    color: #fff;
}
/*KORM*/
#Korm>div {
    padding: 12px 15px 12px 12px;
    color: var(--orange);
    border: 1px solid var(--orange);
    box-sizing: border-box;
}
#Korm svg {
    fill: var(--orange);
}
#Korm .active {
    background: linear-gradient(90deg, #ff4901 0%, #ff7f01 100%);
    color: #fff;
}
#Korm .active svg {
    fill: #fff;
}
.kvadrat {
    aspect-ratio: 1 / 1;
}
.korm-ug {
    background: url('data:image/svg+xml,%3Csvg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 1L1 1L1 14" stroke="white" stroke-width="2" stroke-linecap="round" /%3E%3C/svg%3E');
    width: 15px;
    height: 15px;
    border: none;
}
.korm-ug.active {
    background: url('data:image/svg+xml,%3Csvg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 14L14 14L14 1" stroke="white" stroke-width="2" stroke-linecap="round" /%3E%3C/svg%3E');
}
.img-collapse {
    transition: height linear 500ms;
}
.text-collapse {
    transition: bottom linear 500ms;
}