html {
    box-sizing: border-box
}

*,*::after,*::before {
    box-sizing: inherit
}

ul,ol {
    padding: 0
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd {
    margin:      0;
    font-weight: normal
}

ul {
    list-style: none
}

img {
    max-width: 100%;
    display:   block
}

input,button,textarea,select {
    font: inherit
}

a {
    text-decoration: none;
    color:           inherit
}

button {
    background-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    padding:            0;
    border:           rgba(0,0,0,0);
    cursor:             pointer;
    display:            block
}

a,button,input,textarea {
    outline: rgba(0,0,0,0)
}

address {
    font-style: normal
}

@font-face {
    font-family:  "e-Ukraine-Light";
    src:          url("../fonts/e-Ukraine-Light.woff2") format("woff2"),url("../fonts/e-Ukraine-Light.woff") format("woff"),url("../fonts/e-Ukraine-Light.ttf") format("ttf");
    font-weight:  normal;
    font-style:   normal;
    font-display: swap
}

@font-face {
    font-family:  "e-Ukraine-Regular";
    src:          url("../fonts/e-Ukraine-Regular.woff2") format("woff2"),url("../fonts/e-Ukraine-Regular.woff") format("woff"),url("../fonts/e-Ukraine-Regular.ttf") format("ttf");
    font-weight:  normal;
    font-style:   normal;
    font-display: swap
}

@font-face {
    font-family:  "e-Ukraine-Bold";
    src:          url("../fonts/e-Ukraine-Bold.woff2") format("woff2"),url("../fonts/e-Ukraine-Bold.woff") format("woff"),url("../fonts/e-Ukraine-Bold.ttf") format("ttf");
    font-weight:  normal;
    font-style:   normal;
    font-display: swap
}

html,body {
    height: 100%
}

body {
    width:        100%;
    overflow-x:   hidden;
    font-family:  "e-Ukraine-Light",sans-serif;
    font-style:   normal;
    font-weight:  300;
    font-size:    14px;
    line-height:  21px;
    color:      #fff;
    position:     relative;
    background: #12191f
}

body.lock {
    overflow: hidden
}

.wrapper {
    display:        flex;
    flex-direction: column;
    min-height:     100%;
    overflow:       hidden
}

.main {
    flex: 1 0 auto
}

.footer {
    flex: 0 0 auto
}

.sr-only {
    position:    absolute;
    width:       1px;
    height:      1px;
    margin:      -1px;
    padding:     0;
    border:      0;
    white-space: nowrap;
    clip-path:   inset(100%);
    clip:        rect(0 0 0 0);
    overflow:    hidden
}

.container {
    min-width: 375px;
    padding:   0 15px;
    margin:    0 auto
}

.container.p0 {
    padding: 0
}

.section__pt {
    padding-top: 40px
}

.section__padding {
    padding: 40px 15px 80px
}

.page__title {
    font-size:      24px;
    line-height:    29px;
    text-transform: uppercase;
    margin-bottom:  40px
}

.section__title {
    text-transform: uppercase;
    font-size:      20px;
    line-height:    30px;
    margin-bottom:  40px
}

.btn__all {
    font-size:   14px;
    line-height: 14px;
    color:     #fff;
    width:       -moz-fit-content;
    width:       fit-content;
    margin:      0 auto;
    display:     flex;
    align-items: center;
    grid-gap:    10px
}

.btn__all span {
    display: block
}

.btn__all-icon {
    position: relative;
    width:    24px;
    height:   24px
}

.btn__all-icon::after {
    content:            "";
    position:           absolute;
    width:              16px;
    height:             16px;
    background-color: #0e7ae9;
    transform:          rotate(45deg);
    top:                4px;
    left:               4px;
    z-index:            1
}

.btn__all-icon::before {
    content:             "";
    position:            absolute;
    top:                 50%;
    left:                50%;
    transform:           translate(-50%, -50%);
    background-position: 0 0;
    background-size:     cover;
    background-repeat:   no-repeat;
    z-index:             2
}

.btn__all--plus .btn__all-icon::before {
    width:            9px;
    height:           9px;
    background-image: url("../img/icons/plus.svg")
}

.btn__all--mail .btn__all-icon {
    width:  30px;
    height: 30px
}

.btn__all--mail .btn__all-icon::after {
    width:  22px;
    height: 22px;
    top:    4px;
    left:   4px
}

.btn__all--mail .btn__all-icon::before {
    width:            9px;
    height:           9px;
    background-image: url("../img/icons/mail.svg")
}

.btn__all--client .btn__all-icon {
    width:  30px;
    height: 30px
}

.btn__all--client .btn__all-icon::after {
    width:  22px;
    height: 22px;
    top:    4px;
    left:   4px
}

.btn__all--client .btn__all-icon::before {
    width:            9px;
    height:           9px;
    background-image: url("../img/icons/client.svg")
}

.line {
    width:              100%;
    height:             1px;
    background-color: #273440
}

.bg__white {
    background-color: #fff;
    color:            #273440
}

.bg__white .btn__all {
    color: #0e7ae9
}

.page__pt {
    padding-top: 90px
}

.section__title-color {
    color: #0e7ae9
}

.section__border {
    border-top:    1px solid #738ba1;
    border-bottom: 1px solid #738ba1
}

.obscuration {
    position: relative
}

.obscuration::before {
    position:   absolute;
    content:    "";
    width:      100%;
    height:     100%;
    background: linear-gradient(180deg, rgba(18, 25, 31, 0) 11.83%, rgba(18, 25, 31, 0.4) 75.08%);
    z-index:    -1
}

.obscuration-light {
    position: relative
}

.obscuration-light::before {
    position:           absolute;
    content:            "";
    width:              100%;
    height:             100%;
    background-color: rgba(18,25,31,.1)
}

.content {
    max-width: 1200px
}

.header {
    padding:    10px 0;
    position:   fixed;
    left:       0;
    right:      0;
    top:        0;
    z-index:    99;
    transition: all .7s
}

.header__inner {
    position: relative
}

.header__nav {
    display:        none;
    flex-direction: column
}

.logo {
    display:         block;
    width:           95px;
    height:          30px;
    transition:      all .5s;
    display:         flex;
    align-items:     center;
    justify-content: flex-start
}

.menu {
    color:   #738ba1;
    font-size: 16px
}

.menu-item {
    width:   100%;
    padding: 10px 0
}

.menu-item:first-child {
    padding-top: 0
}

.menu-item:last-child {
    padding-bottom: 0
}

.menu-item>a {
    padding:        10px 0;
    display:        block;
    width:          100%;
    text-transform: uppercase;
    transition:     all .5s
}

.menu-item-has-children {
    display:        flex;
    flex-direction: column;
    padding-right:  54px;
    position:       relative
}

.menu-item-has-children-arrow {
    height:          44px;
    width:           44px;
    display:         flex;
    align-items:     center;
    justify-content: flex-end;
    position:        absolute;
    right:           0
}

.menu-item-has-children-arrow svg {
    transition: all .5s
}

.menu-item-has-children-arrow.rotate svg {
    transform: rotate(-180deg)
}

.menu .sub-menu {
    padding-left: 10px;
    margin-top:   20px;
    display:      none
}

.menu .sub-menu .menu-item>a {
    display:        block;
    padding-bottom: 10px;
    font-size:      16px;
    line-height:    normal;
    text-transform: none
}

.lang {
    display: none
}

.lang__btn {
    color:   #738ba1;
    transition :all .5s
}

.lang__btn.active {
    color: #fff
}

.lang__btn+.lang__btn {
    margin-left: 12px
}

.header.active {
    height:         100vh;
    background:   #12191f;
    padding-bottom: 60px
}

.header.active .container {
    height: 100%
}

.header.active .header__inner {
    display:            flex;
    flex-direction:     column;
    justify-content:    space-between;
    overflow:           auto;
    -ms-overflow-style: none;
    scrollbar-width:    none
}

.header.active .header__inner::-webkit-scrollbar {
    width:  0;
    height: 0
}

.header.active .logo {
    margin-bottom: 50px
}

.header__nav.active {
    display: flex
}
.header.active .lang {
    display: flex;
    margin:  70px 0
}

.header.active .header__wrapp {
    display:        flex;
    flex-direction: column;
    height:         100%
}

.header.fixed {
    background-color: #12191f;
    padding:            5px 0
}

.header.fixed .logo {
    transform: scale(0.85)
}

.footer .logo,.footer .contact__mail {
    margin-left: 0
}

.footer .logo {
    width:   95px;
    height:  34px;
    display: block
}

.footer .logo img {
    width:  100%;
    height: 100%
}

.footer .contact__mail {
    font-size:   14px;
    line-height: 14px;
    margin:      0
}

.footer__top {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         30px 0
}

.footer__client {
    margin: 0
}

.footer .menu {
    display: none
}

.footer__bottom {
    padding: 30px 0
}

.footer .social-list {
    margin-bottom: 30px
}

.social-list {
    display:     flex;
    align-items: center;
    gap:         20px
}

.social-link {
    width:           30px;
    height:          30px;
    display:         flex;
    align-items:     center;
    justify-content: center
}

.social-link svg {
    width:  100%;
    height: 100%;
    fill: #fff
}

.main-scrin {
    height:         100vh;
    padding-top:    50px;
    padding-bottom: 50px;
    display:        flex;
    position:       relative
}

.main-scrin__inner {
    display:         flex;
    flex-direction:  column;
    justify-content: flex-end;
    height:          100%;
    width:           100%;
    position:        relative;
    z-index:         10
}

.main-scrin__title {
    white-space:    nowrap;
    text-transform: uppercase;
    width:          auto;
    max-width:      100%;
    white-space:    nowrap;
    font-size:      clamp(24px, 8vw, 70px);
    line-height:    1.2;
    overflow:       hidden;
}

.main-scrin__subtitle{
  margin-top: .75rem;
  font-size: clamp(1rem, 1.2vw + .8rem, 1.25rem);
  line-height: 1.5;
  opacity: .9;
}

.arrow-down {
    width:      24px;
    height:     24px;
    margin-top: 30px
}

.models .section__title {
    margin-bottom: 30px
}

.models__inner {
    z-index:  10;
    position: relative
}

.models__list {
    display:       grid;
    grid-gap:      10px;
    margin:        0 auto;
    margin-bottom: 40px
}

.models__item-link {
    display:         flex;
    flex-direction:  column;
    justify-content: flex-end;
    padding:         35px 20px;
    background:    #273440;
    height:          420px;
    position:        relative;
    overflow:        hidden
}

.models__item-link::before {
    content:            "";
    position:           absolute;
    bottom:             0;
    right:              0;
    width:              0;
    height:             0;
    border:             0 solid rgba(0,0,0,0);
    border-right-width: 0px;
    border-left-width:  20px;
    border-bottom:      20px solid #12191f
}

.models__item-img {
    position: absolute;
    top:      35px;
    left:     0
}

.models__item-descr {
    color:         #0e7ae9;
    display:         flex;
    align-items:     center;
    justify-content: center;
    margin-bottom:   10px;
    grid-gap:        15px;
    font-size:       14px;
    line-height:     21px
}

.models__item-distans,.models__item-weight {
    padding-left: 25px;
    position:     relative
}

.models__item-distans::before,.models__item-weight::before {
    content:             "";
    width:               20px;
    height:              20px;
    position:            absolute;
    top:                 50%;
    left:                0;
    transform:           translateY(-50%);
    background-position: 0 0;
    background-size:     contain;
    background-repeat:   no-repeat
}

.models__item-distans::before {
    background-image: url("../img/icons/distans.svg")
}

.models__item-weight::before {
    background-image: url("../img/icons/weight.svg")
}

.models__item-title {
    font-size:   18px;
    line-height: 27px;
    color:     #fff;
    text-align:  center
}

.models__all {
    margin-bottom: 40px
}

.partners .section__title {
    margin-bottom: 40px
}

.partners__list-wrapp {
    overflow-x: auto
}

.partners__list {
    display:              grid;
    grid-template-columns:repeat(3, 1fr);
    gap:                  20px;
    min-width:            500px
}

.partners__item {
    width: 167px
}

.partners__item-icon {
    width:           40px;
    height:          40px;
    margin-bottom:   12px;
    display:         flex;
    align-items:     center;
    justify-content: center
}

.partners__item-title {
    font-size:   14px;
    line-height: 21px
}

.about__img {
    width:         100%;
    height:        430px;
    margin-bottom: 40px
}

.about__img img {
    -o-object-fit: cover;
    object-fit:    cover;
    height:        100%
}

.about__content {
    display:        flex;
    flex-direction: column;
    gap:            20px
}

.about__content-title {
    margin-bottom: 0 !important
}

.about__content-subtitle {
    font-size:   20px;
    line-height: 30px
}

.about__all {
    color: #0e7ae9;
    margin: 0
}

.about__mission {
    height:          600px;
    padding:         50px 15px;
    display:         flex;
    flex-direction:  column;
    justify-content: flex-end;
    align-items:     center;
    position:        relative;
    overflow:        hidden
}

.about__mission .paralax {
    position: absolute;
    height:   100%;
    width:    100%;
    top:      0;
    left:     0
}

.about__mission .paralax__item {
    position: absolute;
    width:    100%;
    height:   100%;
    top:      0;
    left:     0
}

.about__mission .paralax__item--field {
    z-index:    -4;
    background: url("../img/field.webp") 0 0/cover no-repeat;
    height:     130%;
    top:        -5%
}

.about__mission .paralax__item--drone {
    background: url("../img/drone.webp") center center/100% no-repeat;
    z-index:    -2
}

.about__mission .paralax__item--clouds {
    background: url("../img/clouds.webp") bottom right/cover no-repeat;
    height:     130%;
    top:        -5%;
    z-index:    -3
}

.about__mission-title {
    font-size:     16px;
    line-height:   24px;
    margin-bottom: 30px
}

.about__mission blockquote {
    text-align:  center;
    font-size:   20px;
    line-height: 30px
}

.function__inner {
    display:        flex;
    flex-direction: column;
    gap:            40px
}

.function__content-title {
    margin-bottom: 30px
}

.function__content-list {
    display:        flex;
    flex-direction: column;
    gap:            20px
}

.function__content-item {
    display:     flex;
    align-items: center
}

.function__content-icone {
    max-width:       40px;
    width:           100%;
    height:          40px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    margin-right:    20px
}

.function__content-img {
    -o-object-fit: contain;
    object-fit:    contain;
    width:         100%;
    height:        100%
}

.support__inner {
    border-top: 1px solid #273440
}

.support__content {
    display:        flex;
    flex-direction: column
}

.support__content-title {
    margin-bottom: 30px
}

.support__content-subtitle {
    text-transform: uppercase
}

.support__descr {
    margin-bottom: 40px
}

.support__content-list {
    display:        flex;
    flex-direction: column;
    gap:            20px;
    margin-bottom:  40px
}

.support__content-item {
    display:     flex;
    align-items: center
}

.support__content-icone {
    width:           40px;
    height:          40px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    margin-right:    20px
}

.support__content-img {
    -o-object-fit: contain;
    object-fit:    contain;
    width:         100%;
    height:        100%
}

.support__all {
    color: #0e7ae9
}

.docs__title {
    margin-bottom: 40px
}

.docs__list {
    display: grid;
    gap:     20px
}

.docs__link {
    display: flex;
    gap:     20px
}

.docs__item-icone {
    width:               40px;
    height:              40px;
    display:             flex;
    align-items:         flex-end;
    justify-content:     center;
    font-size:           10px;
    line-height:         12px;
    font-weight:         700;
    text-transform:      uppercase;
    padding:             0 4px;
    background-image:    url("../img/icons/docs.svg");
    background-repeat:   no-repeat;
    background-size:     contain;
    background-position: center;
    padding-bottom:      10px;
    font-family:         "e-Ukraine-Bold"
}

.docs__item-title {
    width:         230px;
    font-size:     14px;
    margin-bottom: 5px
}

.docs__item-size {
    color: #738ba1
}

.news__inner {
    border-top: 1px solid #273440
}

.news__title {
    margin-bottom: 20px
}

.news__list-img {
    display: grid;
    gap:     20px
}

.news__list-noimg {
    display: grid;
    gap:     20px
}

.news__list+.news__list {
    margin-top: 40px
}

.news__item-img {
    width:         100%;
    height:        210px;
    position:      relative;
    z-index:       1
}

.news__item-img img {
    width:  100%;
    height: 100%
}

.news__item-img::after {
    content:             "";
    width:               24px;
    height:              24px;
    position:            absolute;
    top:                 50%;
    left:                50%;
    transform:           translate(-50%, -50%);
    background-image:    url("../img/icons/play.svg");
    background-position: 0 0;
    background-size:     contain;
    background-repeat:   no-repeat;
    z-index:             2
}

.news__item-title {
    font-size:      16px;
    line-height:    24px;
    text-transform: uppercase;
    margin-bottom:  10px
}

.news__list-noimg .news__item-text {
    text-decoration: underline
}

.all-models__filter {
    overflow-x:         scroll;
    background-color: #0e7ae9
}

.all-models__filter-list {
    min-width:   791px;
    padding:     0 15px;
    height:      40px;
    display:     flex;
    align-items: center;
    gap:         20px
}

.all-models__filter-item {
    height: 100%
}

.all-models__filter-btn {
    height:      100%;
    font-size:   14px;
    line-height: 14px;
    color:     #fff;
    opacity:     .7;
    transition:  all .5s;
    white-space: nowrap
}

.all-models__filter-btn:hover {
    opacity: 1
}

.all-models__filter-btn.current {
    opacity: 1
}

.all-models__item {
    padding:        40px 0;
    border-top:     1px solid #273440;
    display:        flex;
    flex-direction: column;
    align-items:    center
}

.all-models__item-descr {
    display:        flex;
    flex-direction: column;
    gap:            10px;
    margin-bottom:  20px;
    padding:        0 15px
}

.all-models__item-data {
    font-size:       12px;
    line-height:     18px;
    color:         #738ba1;
    text-transform:  uppercase;
    display:         flex;
    justify-content: center;
    gap:             15px
}

.all-models__item-data span {
    display: block
}

.all-models__item-title {
    font-size:      24px;
    font-style:     normal;
    font-weight:    300;
    line-height:    36px;
    text-transform: uppercase;
    text-align:     center
}

.all-models__item-feature {
    font-size:       14px;
    line-height:     21px;
    color:         #738ba1;
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-direction:  column
}

.all-models__item-feature span {
    display: none
}

.all-models__btn {
    margin-bottom: 20px
}

.all-models__item-img {
    width:           100%;
    height:          75px;
    display:         flex;
    align-items:     flex-start;
    justify-content: center;
    margin:          0 -15px
}

.all-models__item-img img {
    max-height: 100%;
    max-width:  100%
}

.radius {
    padding-bottom: 40px
}

.radius__content-item {
    display:        flex;
    flex-direction: column;
    gap:            20px;
    border-bottom:  1px solid #738ba1
}

.radius__content-item:not(:first-child) {
    margin-top: 30px
}

.radius__content-title {
    display:     flex;
    align-items: center;
    gap:         20px;
    width:       -moz-fit-content;
    width:       fit-content;
    font-size:   20px
}

.radius__content-title span {
    display: block
}

.radius__content-title span svg {
    fill: #fff
}

.radius__content-title svg {
    width:  40px;
    height: 40px
}

.radius__content-range,.radius__content-level {
    font-size:             14px;
    width:                 100%;
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    gap:                   13px
}

.radius__content-range-title,.radius__content-level-title {
    color: #738ba1
}

.radius__content-range-descr,.radius__content-level-descr {
    text-align: left
}

.radius__content-target {
    display:       flex;
    gap:           20px;
    margin-bottom: 20px
}

.radius__content-target span {
    width:           65px;
    height:          50px;
    display:         flex;
    align-items:     center;
    justify-content: center
}

.radius__content-target span svg {
    width:  100%;
    height: 100%;
    fill: #0e7ae9
}

.radius__content-chart {
    display: none
}

.radius__all {
    margin-top: 40px
}

.radius__content-bpla-title {
    display: none
}

.radius__content-radius {
    display: none
}

.radius__content-tipe {
    display: none
}

.radius__content-icon-list {
    display: none
}

.appointment__list {
    display: grid;
    gap:     30px
}

.appointment__item {
    display:     flex;
    gap:         20px;
    align-items: center
}

.appointment__icon {
    width:           40px;
    height:          40px;
    display:         flex;
    align-items:     center;
    justify-content: center
}

.appointment__icom-img {
    width:         100%;
    height:        100%;
    -o-object-fit: contain;
    object-fit:    contain
}

.page__all-projects .page__title {
    text-align: center
}

.all-projects__list {
    display:            grid;
    grid-gap:           1px;
    background-color: #12191f
}

.all-projects__list li {
    width:              100%;
    height:             -moz-fit-content;
    height:             fit-content;
    padding:            40px 15px;
    background-color: #fff
}

.all-projects__list li .btn__all-text {
    color: #0e7ae9
}

.all-projects__item-img {
    width:              100%;
    max-width:          345px;
    height:             345px;
    background-color: #dbdee7;
    margin:             0 auto;
    margin-bottom:      20px
}

.all-projects__item-img img {
    -o-object-fit: cover;
    object-fit:    cover;
    width:         100%;
    height:        100%
}

.all-projects__item-title {
    font-size:      24px;
    line-height:    1.5;
    text-transform: uppercase;
    text-align:     center;
    margin-bottom:  20px;
    color:        #273440
}

.bplaset__subtitle {
    margin-bottom: 40px
}

.bplaset__descr-list {
    display: grid
}

.bplaset__descr-item {
    padding:        15px 0 0 18px;
    text-transform: uppercase;
    position:       relative
}

.bplaset__descr-item::after {
    content:            "";
    position:           absolute;
    top:                22px;
    transform:          rotate(135deg);
    left:               2px;
    width:              6px;
    height:             6px;
    background-color: #0e7ae9
}

.bplaset__galery-item {
    width:  100%;
    height: 290px
}

.bplaset__galery-img {
    width:         100%;
    height:        100%;
    -o-object-fit: cover;
    object-fit:    cover
}

.application__content {
    display:  grid;
    grid-gap: 40px
}

.application__title {
    font-size:      20px;
    line-height:    150%;
    text-transform: uppercase;
    margin-bottom:  20px
}

.application__content-item {
    padding:        5px 0 0 18px;
    text-transform: uppercase;
    position:       relative
}

.application__content-item::after {
    content:            "";
    position:           absolute;
    top:                50%;
    transform:          rotate(135deg);
    left:               2px;
    width:              6px;
    height:             6px;
    background-color: #0e7ae9
}

.application__gallery-item {
    display: block
}

.application__gallery-item.video {
    position: relative;
    z-index:  1
}

.application__gallery-item.video::after {
    content:             "";
    width:               24px;
    height:              24px;
    position:            absolute;
    top:                 50%;
    left:                50%;
    transform:           translate(-50%, -50%);
    background-image:    url("../img/icons/play.svg");
    background-position: 0 0;
    background-size:     contain;
    background-repeat:   no-repeat;
    z-index:             2
}

.application__gallery-item {
    height: 150px
}

.application__gallery-inner .application__gallery-item {
    height: 290px
}

.application__gallery-img {
    width:         100%;
    height:        100%;
    -o-object-fit: cover;
    object-fit:    cover
}

.model-about {
    z-index:  20;
    position: relative
}

.model-about__code {
    font-size:      12px;
    line-height:    150%;
    text-transform: uppercase;
    margin-bottom:  20px;
    color:        #738ba1
}

.model-about__text {
    font-size:     20px;
    font-style:    normal;
    font-weight:   300;
    line-height:   150%;
    margin-bottom: 20px
}

.model-about .content {
    margin-bottom: 40px
}

.model-about__inner {
    display: grid;
    gap:     40px
}

.model-about h3 {
    font-size:      20px;
    line-height:    150%;
    text-transform: uppercase;
    margin-bottom:  20px;
    color:        #0e7ae9
}

.model-about ul {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:              30px 15px
}

.model-about__load ul {
    display: block
}

.model-about__characteristics-weight {
    font-size:     20px;
    font-style:    normal;
    font-weight:   300;
    line-height:   110%;
    margin-bottom: 10px
}

.model-about__box {
    display: grid;
    gap:     40px
}

.model-about__load-subtitle {
    margin-bottom: 15px
}

.model-about .model-about ul li {
    position: relative;
    padding:  5px 0 0 18px
}

.model-about .model-about ul li::after {
    content:            "";
    position:           absolute;
    top:                13px;
    transform:          rotate(135deg);
    left:               2px;
    width:              6px;
    height:             6px;
    background-color: #0e7ae9
}

.model-about__preview {
    padding: 80px 15px 40px
}

.model-about__preview-img {
    width:         100%;
    height:        61px;
    margin:        0 auto;
    margin-bottom: 30px
}

.model-about__preview-img img {
    width:         100%;
    height:        100%;
    -o-object-fit: contain;
    object-fit:    contain
}

.model-about__preview-circle {
    width:           207px;
    height:          29.571px;
    display:         flex;
    align-items:     flex-start;
    justify-content: center;
    margin:          0 auto;
    position:        relative;
    margin-bottom:   40px
}

.model-about__preview-circle::after {
    content:             "";
    position:            absolute;
    top:                 0;
    left:                0;
    width:               100%;
    height:              100%;
    background-image:    url("../img/elips.png");
    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
    z-index:             0
}

.model-about__preview-circle span {
    display: block;
    z-index: 1
}

.model-about__preview-arrows {
    display: flex;
    gap:     5px;
    width:   -moz-fit-content;
    width:   fit-content;
    margin:  0 auto
}

.model-about__preview-arrow {
    width:      24px;
    height:     24px;
    transition: all .7s
}

.model-about__preview-arrow svg {
    width:    100%;
    height:   100%;
    stroke: #738ba1;
    fill:     none
}

.model-about__preview-arrow.next {
    transform: rotate(180deg)
}

.main-scrin__model-about {
    padding: 70px 0 84px
}

.main-scrin__model-about .main-scrin__inner {
    justify-content: space-between;
    height:          100%;
    padding:         0 15px
}

.main-scrin__model-about .main-scrin__link-back {
    color:     #738ba1;
    display:     flex;
    align-items: center
}

.main-scrin__model-about .main-scrin__link-back span {
    display:      block;
    margin-right: 10px
}

.main-scrin__model-about .main-scrin__link-back span svg {
    width:    5px;
    height:   10px;
    stroke: #738ba1
}

.main-scrin__model-about .main-scrin__characteristics-list {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:              20px 15px
}

.main-scrin__model-about .main-scrin__characteristics-weight {
    font-size:     20px;
    line-height:   110%;
    margin-bottom: 10px
}

.main-scrin__model-about .main-scrin__characteristics-descr {
    color: #738ba1
}

.main-scrin__model-about .model-scrin__title {
    width:          271px;
    font-size:      24px;
    line-height:    120%;
    text-transform: uppercase;
    margin-bottom:  30px
}
    
.main-scrin__model-about .model-scrin__title span {
    color: #0e7ae9
}

.contacts__inner {
    padding: 40px 15px
}

.contacts__text {
    font-size:     20px;
    line-height:   150%;
    margin-bottom: 40px
}

.contacts__mails-list {
    display:       grid;
    gap:           30px;
    margin-bottom: 40px
}

.contacts__mails-item-title {
    color:       #738ba1;
    margin-bottom: 15px;
    font-size:     14px;
    line-height:   100%
}

.contacts__mails-item-mail {
    color:     #0e7ae9;
    font-size:   16px;
    line-height: 100%
}

.contacts .social-link svg {
    fill: #0e7ae9 !important
}

.burger {
    position: absolute;
    right:    0;
    top:      3px
}

.burger__inner {
    width:      24px;
    height:     24px;
    position:   relative;
    transition: .5s ease-in-out
}

.burger span {
    display:            block;
    position:           absolute;
    width:              24px;
    height:             2px;
    background-color: #fff;
    opacity:            1;
    transition:         .25s ease-in-out;
    transform:          rotate(0deg);
    transition:         all .5s
}


.burger span:nth-child(1) {
    top:              3px;
    transform-origin: right center
}

.burger span:nth-child(2) {
    transform-origin: right center;
    top:              50%;
    transform:        translateY(-50%)
}

.burger span:nth-child(3) {
    bottom:           3px;
    transform-origin: right center
}

.burger.active span {
    background-color: #738ba1
}

.burger.active span:nth-child(1) {
    transform: rotate(-45deg);
    top:       0px;
    right:     1px;
    width:     31px
}

.burger.active span:nth-child(2) {
    width:   0%;
    opacity: 0
}

.burger.active span:nth-child(3) {
    transform: rotate(45deg);
    right:     1px;
    bottom:    0px;
    width:     31px
}

.main-scrin__background {
    z-index:   -20;
    position:  absolute;
    top:       -15%;
    left:      50%;
    transform: translateX(-50%);
    width:     866px;
    height:    866px
}

.main-scrin__background-inner {
    width:  100%;
    height: 100%
}

.main-scrin__bg {
    position:      absolute;
    top:           47%;
    left:          50%;
    transform:     translate(-50%, -50%);
    width:         100vw;
    height:        438px;
    z-index:       -1;
    -o-object-fit: contain;
    object-fit:    contain
}

.main-scrin__bg.mobil {
    -o-object-position: top;
    object-position:    top
}

.main-scrin__bg.desktop {
    display: none
}

.circle {
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
    z-index:  -10
}

.circle-1,.circle-2,.circle-3,.circle-4,.circle-5 {
    border:                    1px solid rgba(52,81,105,.2);
    border-radius:             50%;
    display:                   block;
    position:                  absolute;
    top:                       50%;
    left:                      50%;
    transform:                 translate(-50%, -50%);
    animation-name:            blink;
    animation-timing-function: liniar;
    animation-duration:        7s;
    animation-iteration-count: infinite;
    z-index:                   -10
}

.circle-1 {
    width:           84px;
    height:          84px;
    animation-delay: 1s
}

.circle-2 {
    width:           206px;
    height:          206px;
    animation-delay: 2s
}

.circle-3 {
    width:           374px;
    height:          374px;
    animation-delay: 3s
}

.circle-4 {
    width:           580px;
    height:          580px;
    animation-delay: 4s
}

.circle-5 {
    width:           866px;
    height:          866px;
    animation-delay: 5s
}
.circle-6 {
    border-radius: 50%;
    display:       block;
    position:      absolute;
    top:           50%;
    left:          50%;
    transform:     translate(-50%, -50%);
    width:         580px;
    height:        580px;
    background:    radial-gradient(50% 50% at 50% 50%, #202f3d 0%, #12191f 100%);
    z-index:       -11
}

@keyframes blink {
    0%{opacity:.3}25%{opacity:.5}35%{opacity:.75}50%{opacity:1}65%{opacity:.75}75%{opacity:.5}100%{opacity:.3}
}

.content h2,.content h3,.content h4,.content h5 {
    text-transform: uppercase;
    margin-top:     30px;
    color:        #0e7ae9
}

.content h2 {
    font-size:   24px;
    line-height: 150%
}

.content h3 {
    font-size:   20px;
    line-height: 150%
}

.content h5 {
    font-size:   16px;
    line-height: 150%
}

.content p {
    margin-top: 21px
}

.content p+p {
    margin-top: 21px
}

.content ul {
    margin-top: 30px
}

.content ul li {
    padding:  15px 0 0 22px;
    position: relative
}

.content ul li::after {
    content:            "";
    position:           absolute;
    top:                22px;
    transform:          rotate(135deg);
    left:               2px;
    width:              6px;
    height:             6px;
    background-color: #0e7ae9
}

.content ol {
    margin-top:   30px;
    padding-left: 18px
}

.content ol li {
    padding-left: 10px
}

.content ol li:not(:last-child) {
    padding-bottom: 10px
}

.content ol li::marker {
    color:        #0e7ae9;
    text-transform: uppercase;
    font-family:    "e-Ukraine-Regular"
}

.content blockquote {
    margin-top:   30px;
    font-family:  "e-Ukraine-Regular";
    font-size:    16px;
    line-height:  150%;
    padding-left: 19px;
    border-left:  4px solid #0e7ae9
}