/*  
Theme Name: Agronix
*/
@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("./assets/fonts/roboto/roboto-v30-cyrillic_latin-300.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("./assets/fonts/roboto/roboto-v30-cyrillic_latin-regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("./assets/fonts/roboto/roboto-v30-cyrillic_latin-500.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("./assets/fonts/roboto/roboto-v30-cyrillic_latin-700.woff2") format("woff2")
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background-color: #1b1b1f;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none
}

*::-moz-selection {
    background-color: #de1483;
    color: #fff
}

*::selection {
    background-color: #de1483;
    color: #fff
}

img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

button,
a,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

h1 {
    font-size: 3.125rem;
    line-height: 3.75rem;
    color: #fff;
    max-width: 650px
}

h2 {
    font-size: 56px;
    line-height: 56px;
    color: #fff
}

h3 {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3.75rem;
    font-weight: 600
}

h4 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 500
}
.video_button {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    border-radius: 6px;
    padding: 14px 20px;
    border: none
}
.button {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    border-radius: 6px;
    padding: 14px 20px;
    border: none
}

.pink_text {
    color: #de1483
}

.pink_button {
    background:
        linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, .3) 100%
        ),
        #DE1483;
    color: #fff
}
.item_baner_right .price_card_buttons {
    justify-content: start;
    gap: 20px;
}
.drone_head_left .price_card_buttons {
    justify-content: start;
    gap: 20px;
}
.drone_head .price_card_buttons {
    justify-content: start;
    gap: 20px;
}
.pink_button:hover, 
.pink_button:focus {
    background-color: #1B1B1F;
    box-shadow: 0px 0px 5px #de1483;
    transition: all 0.3s ease;
}
#openEdiloForm {
    font-family: "Roboto", sans-serif;
    border: none;
}

.black_button {
    background-color: #191919;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    padding: 20px 26px;
}
.button_item {
    display: flex;
    align-items: center;
    gap: 8px;
}
.black_button:hover {
    background-color: rgb(25, 25, 25, 0.7);
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(255, 255, 255, .1)
}

::-webkit-scrollbar-thumb {
    background: rgba(222, 20, 131, .7);
    border-radius: 5px
}



.container {
    width: min(90%, 1200px);
    margin-inline: auto
}
.container_mob {
    width: min(90%, 1200px);
    margin-inline: auto
}
.page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh
}
/* Header */
#header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 80px;
    background-color: #1b1b1f;
    border-bottom: 1px solid #de1483;
    z-index: 100
}

#header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.fixed {
    height: 60px !important;
    z-index: 101;
}

.fixed .mob_menu.active_menu {
    top: 60px;
    z-index: 101;
}

.main_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    position: relative
}

.mob_menu {
    position: fixed;
    top: -150%;
    -webkit-transition: top .5s ease-out .5s;
    transition: top .5s ease-out .5s;
    width: 100%;
    height: 100vh;
    background-color: #1b1b1f;
    z-index: 100
}

.mob_menu .mobmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-ox-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    gap: 1rem;
    border-bottom: 1px solid #de1483;
    padding: 10px 0 16px;
}

.mob_menu .mobmenu_li .accordion__content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1.5s;
    transition: max-height 1.5s
}

.mob_menu .mobmenu_li .active {
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.mob_menu .mobmenu_li .active .accordion__btn img {
    rotate: 45deg
}

.mob_menu .mobmenu_li .active .accordion__content {
    max-height: 1300px;
    -webkit-transition: max-height 3s;
    transition: max-height 3s
}

.mob_menu .mobmenu_li a {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mob_menu .mobmenu_li a:hover {
    color: #fff
}

.mob_menu .mobmenu_li .sub_menu_item .mob_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: fit-content;
    gap: .5rem
}

.mob_menu .mobmenu_li .sub_menu_item .mob_title .icon_wrap {
    width: 1rem;
    height: 1rem
}

.mob_menu .mobmenu_li .sub_menu_item .mob_title .arrow_down {
    width: 1rem;
    height: 1rem;
    background: url(./assets/images/Arrow-Down.svg)
}

.mob_menu .mobmenu_li .sub_menu_item .mob_title .arrow_down:hover {
    -webkit-animation-name: bounceAlphaTop;
    animation-name: bounceAlphaTop;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    cursor: pointer
}

.mob_menu .mobmenu_li .sub_menu_item a {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #999
}

.mob_menu .mobmenu_li .sub_menu_item a:hover {
    color: #fff
}

.mob_menu .mobmenu_li .mob_submenu {
    background: #262626;
    padding: 8px 0 8px 12px;
    width: 100%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.mob_menu .mobmenu_li .mob_submenu li a {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #999
}

.mob_menu .mobmenu_li .mob_submenu li a:focus,
.mob_menu .mobmenu_li .mob_submenu li a:hover {
    color: #de1483
}

.mob_menu .contact_list ul {
    margin-bottom: 38px
}

.mob_menu .contact_list ul li {
    padding: 12px 0
}

.mob_menu .contact_list ul li a {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #999
}

.mob_menu .contact_list ul li a:hover {
    color: #fff
}

.mob_menu.active_menu {
    top: 80px
}

nav.main_nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

nav.main_nav ul li.topmenu {
    position: relative
}

nav.main_nav ul li.topmenu:hover .submenu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

nav.main_nav ul li.topmenu a {
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 500;
    color: #fff;
}

nav.main_nav ul li.topmenu a:hover {
    color: #999;
}

nav.main_nav ul li.topmenu .submenu {
    position: absolute;
    background-color: #1b1b1f;
    left: 0;
    top: 30px;
    z-index: 5;
    border-radius: 6px;
    padding: 20px 12px;
    width: 200px;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1rem
}

nav.main_nav ul li.topmenu .submenu li a {
    font-size: .875rem;
    line-height: 1rem;
    color: #fff;
}

nav.main_nav ul li.topmenu .submenu li a:hover {
    color: #de1483;
}

.arrow_down {
    background: url(./assets/images/Arrow-Down.svg)
}

.icon_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: .25rem
}

.icon_top .icon_wrap {
    width: 1rem;
    height: 1rem
}

.icon_top img {
    width: 1rem;
    height: 1rem
}

.icon_top a {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.icon_top .cta {
    cursor: pointer
}

.icon_top:hover a {
    color: #fff
}

.icon_top:hover .arrow {
    -webkit-animation-name: bounceAlphaTop;
    animation-name: bounceAlphaTop;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.arrow {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-size: contain
}

@-webkit-keyframes bounceAlphaTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes bounceAlphaTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes bounceAlphaOutTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes bounceAlphaOutTop {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.icon-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem
}

.hamburger_menu {
    display: none;
    position: relative
}

.hamburger_menu input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

.hamburger_menu span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 4px 0px;
    -ms-transform-origin: 4px 0px;
    transform-origin: 4px 0px;
    -webkit-transition: background .5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background .5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform .5s cubic-bezier(0.77, 0.2, 0.05, 1), background .5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity .55s ease;
    transition: transform .5s cubic-bezier(0.77, 0.2, 0.05, 1), background .5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity .55s ease, -webkit-transform .5s cubic-bezier(0.77, 0.2, 0.05, 1)
}

.hamburger_menu span:first-child {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%
}

.hamburger_menu span:nth-last-child(2) {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}

.hamburger_menu input:checked~span {
    opacity: 1;
    -webkit-transform: rotate(-45deg) translate(0, -3px);
    -ms-transform: rotate(-45deg) translate(0, -3px);
    transform: rotate(-45deg) translate(0, -3px);
    background: #de1483
}

.hamburger_menu input:checked~span:nth-last-child(2) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
    -ms-transform: rotate(0deg) scale(0.2, 0.2);
    transform: rotate(0deg) scale(0.2, 0.2)
}

.hamburger_menu input:checked~span:nth-last-child(3) {
    -webkit-transform: rotate(45deg) translate(0, -2px);
    -ms-transform: rotate(45deg) translate(0, -2px);
    transform: rotate(45deg) translate(0, -2px)
}

@media(max-width: 1280px) {
    .hamburger_menu {
        display: block
    }

    .main_nav {
        display: none
    }

    .icon-flex {
        display: none
    }
    
}
/* #Header */
main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 150px 0 50px
}
/* Main Section */
.main_page {
    padding: 80px 0 50px;
}
.video_section {
    position: relative;
    width: 100%;
    height: 100vh; 
    overflow: hidden;
    padding-top: 80px ;
    margin-bottom: 120px;
  }
  
  .video_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .video_wrapper video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: .7;
  }
.video_section_tittle {
    font-size: 100px;
    line-height: 120px;
    max-width: 100%;
    margin-bottom: 22px;
}
.video_section_subtittle {
    font-size: 24px;
    line-height: 32px;
    max-width: 800px;
    margin-bottom: 48px;
}
.grid_wrap.main_page_grid {
    max-width: 100%;
}
.main_grid_title {
    margin-bottom: 38px;
}
.main_link {
    border-radius: 4px;
    max-width: 160px;
}
.big_card_1.main_grid_card_1 {
    background-position: -1px 1px;
}
.big_card_4.main_grid_card_4 {
    background-repeat: no-repeat;
    background-size: cover;
}
.small_card_2.main_grid_card_2 {
    background-color: #de1483;
    background-image: none;
}
.small_card_3.main_grid_card_3 {
    background-image: none;
}
.small_card_2.main_grid_card_2 button {
    max-width: 150px;
}
.grid_card h4 {
    max-width: 330px;
}
.ceo_main_page {
    margin-bottom: 120px;
}
.carusel_title {
    text-align: center;
    margin-bottom: 58px;
}
.carusel_subtitle {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 58px;
}
.carusel_photo {
    border-radius: 20px;
    height: auto;
}

.head_section {
    margin-bottom: 70px
}

.head_section .head_section_left h2 {
    margin-bottom: 30px;
    max-width: 600px
}

.head_section .head_section_left .advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    margin-bottom: 10px
}

.head_section .head_section_left .advantages .advantage_card {
    border: 1px solid #262626;
    border-radius: 10px;
    background-color: #191919;
    padding: 14px 20px;
    width: 300px
}

.head_section .head_section_left .advantages .advantage_card .advantage_card_title {
    color: #fff;
    font-size: 1.6875rem;
    line-height: 2.5rem;
    font-weight: bold
}

.head_section .head_section_left .advantages .advantage_card .advantage_card_descr {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
}

.about_section {
    margin-bottom: 70px
}

.border_right {
    border-right: 1px solid #262626
}

.about_cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #262626;
    border-radius: 10px
}

.about_cards .about_card_item {
    padding: 40px;
    max-width: 400px;
    background-color: #191919
}

.about_cards .about_card_item .about_card_logo {
    width: 62px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.about_cards .about_card_item h3 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: 14px
}

.about_cards .about_card_item .about_card_text  {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 215px;
}

.about_cards .about_card_item .about_card_text ul li {
    padding: 0 0 5px 0;
    
}
.ceo_section {
    margin-bottom: 70px
}

.ceo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ceo .ceo_descr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 710px
}

.ceo .ceo_descr h3 {
    margin-bottom: 18px
}

.ceo .ceo_descr p {
    max-width: 585px;
    margin-bottom: 24px;
    color: #fff;
}

.ceo .ceo_descr p:last-child {
    margin: 0
}

.ceo .ceo_photo img {
    border-radius: 6px;
    max-width: 420px;
    max-height: 420px
}
.partners_section {
    margin-bottom: 80px;
}
.partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 60px
}

.partners_title h3 {
    margin-bottom: 18px
}

.partners_title p {
    max-width: 1000px
}

.partners_companies {
    position: relative;
    background-color: #191919;
    border: 1px solid #262626;
    border-radius: 10px;
    padding: 30px 14px
}

.partners_holdings {
    position: relative;
    background-color: #191919;
    border: 1px solid #262626;
    border-radius: 10px;
    padding: 30px 14px
}

.companies_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.companies_title {
    color: #fff;
    background-color: #191919;
    border: 1px solid #262626;
    border-radius: 10px;
    padding: 14px 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -25px
}
/* #Main */
/* Drones */


.decor_drone_t30 {
    background: no-repeat 85% -1%/1000px 600px url(./assets/images/T30.avif)
}

.decor_drone_t40 {
    background: no-repeat 90% 2% url(./assets/images/T40.avif)
}
.decor_drone_t50 {
    background: no-repeat 90% 2% url(./assets/images/T50_whitepropeller.webp)
}

.drone_head_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 30px 0;
    margin-bottom: 70px
}

.drone_head_section .drone_head h1 {
    margin-bottom: 56px;
    max-width: 620px
}

.t40 {
    top: 40px;
    right: 100px
}

.drone_descr_section {
    margin-bottom: 70px
}

.drone_descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.drone_descr_left {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    padding: 40px 0
}

.drone_descr_left h4 {
    margin-bottom: 10px
}

.drone_descr_left p.drone_descr_text {
    max-width: 535px;
    margin-bottom: 40px
}

.drone_descr_left .drone_advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 20px
}

.drone_descr_left .drone_advantage_item {
    border: 1px solid #262626;
    border-radius: 6px;
    padding: 16px 20px
}

.drone_descr_left .drone_advantage_item .drone_advantage_item_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 4px;
    margin-bottom: 8px
}

.drone_descr_left .drone_advantage_item .drone_advantage_item_value p {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #fff
}

.drone_descr_right {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    padding-top: 40px
}

.drone_descr_right .drone_char_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-column-align: start;
    justify-self: start;
    gap: 20px
}

.drone_descr_right .drone_char_list .drone_char_item.flash_top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.drone_descr_right .drone_char_list .drone_char_item {
    font-size: .875rem;
    line-height: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 16px 0 16px 14px;
    border-left: 1px solid #de1483;
    background: -webkit-gradient(linear, left top, right top, from(#191919), to(#1B1B1F));
    background: linear-gradient(to right, #191919, #1B1B1F);
    color: #fff
}

.drone_descr_right .drone_char_list .drone_char_item p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.drone_descr_right .drone_char_list .drone_char_item p span {
    color: #999
}

.using_drone_section {
    margin-bottom: 70px
}

.using_drone_section h3 {
    margin-bottom: 60px
}

.using_drone {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    gap: 20px
}

.using_drone_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.drone_card_number {
    padding: 14px 16px;
    border-left: 1px solid #de1483;
    color: #fff
}

.drone_card_item {
    padding: 40px;
    border: 1px solid #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.drone_card_item h5 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #fff;
    font-weight: 500
}

.drone_kit_section {
    margin-bottom: 70px
}

.drone_kit_section h3 {
    margin-bottom: 10px
}

.drone_kit_section .drone_kit {
    padding-left: 10px
}

.drone_kit_section .drone_kit ul {
    list-style: inside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 6px
}

.drone_accordion_section {
    margin-bottom: 70px
}

.drone_accordion_section h3 {
    margin-bottom: 40px
}

.drone_accordion_section .accordion {
    display: none
}

.drone_accordion_section .accordion.active_accordion {
    display: block
}

.drone_accordion_section .accordion__item {
    cursor: pointer;
    border-bottom: 1px solid #de1483
}

.drone_accordion_section .border_top {
    border-top: 1px solid #de1483
}

.drone_accordion_section .no_border {
    border: none
}

.drone_accordion_section .accordion__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
    width: 100%;
    background-color: inherit;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    -webkit-transition: .4s;
    transition: .4s
}

.drone_accordion_section .accordion__btn .accordion_number {
    color: #fff;
    font-weight: 500;
    background-color: #191919;
    border: 1px solid #262626;
    border-radius: 10px;
    padding: 16px
}

.drone_accordion_section .accordion__btn .accordion_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.drone_accordion_section .accordion__btn .accordion_title p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
    color: #fff
}

.drone_accordion_section .accordion__btn img {
    height: 40px;
    width: 40px;
    rotate: 0deg;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.drone_accordion_section .accordion__btn:hover img {
    rotate: 90deg
}

.drone_accordion_section .accordion__content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1.5s;
    transition: max-height 1.5s
}

.drone_accordion_section .active {
    -webkit-transition: all 1s ease-in;
    transition: all 1s ease-in
}

.drone_accordion_section .active .accordion__btn img {
    rotate: 45deg
}

.drone_accordion_section .active .accordion__content {
    max-height: 1400px;
    -webkit-transition: max-height 3s;
    transition: max-height 3s
}

.drone_accordion_section .panel_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drone_accordion_section .panel_wrap .panel_right {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%
}

.drone_accordion_section .panel {
    padding-bottom: 32px
}

.drone_accordion_section .panel p {
    margin-bottom: 24px
}

.drone_accordion_section .panel ul {
    padding-left: 68px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 10px
}
/* #Drones */

/* School */
.pilot_school {
    padding: 80px 0 50px;
}

.head_section_school_t50 {
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.head_section_school {
    padding: 120px 0;
    background-image: url(./assets/images/main_bg_new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.head_section_school {
    margin-bottom: 80px;
}
.head_section_school_title p {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 32px;
}
.head_section_school_title h1 {
    font-size: 150px;
    line-height: 160px;
    font-weight: 700;
    max-width: 700px;
    margin-bottom: 16px;
    
}

.head_section_school_subtitle {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 48px;
    max-width: 790px;
}

.button_school {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px 16px;
    transition: all ease-in .4s;
}



.opacity_button {
    background-color: rgb(255, 255, 255, .25);
    border-radius: 6px;
    color: #fff;
}

.opacity_button:hover,
.pink_button_school:hover,
.button_school:hover {
    scale: 1.05;
}
.text_link {
    color: #de1483;
}
.pink_button_school {
    width: fit-content;
    background:
        linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, .3) 100%
        ),
        #DE1483;
    color: #fff;
}

.black_button_school {
    background-color: #000;
    color: #fff;
}

.head_section_school_buttons {
    display: flex;
    justify-content: start;
    gap: 16px;
}

.carusel_section_advantages {
    margin-bottom: 70px;
}

.academy_using_drone_card {
    background-color: #A9ACB7;
    background: #A9ACB7 no-repeat 191px -62px url(./assets/images/Vector-x.svg);
    padding: 24px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
    min-height: 186px;
}

.school_card_item {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 60px;
    max-width: 240px;
}

.school_card_item p:first-child {
    color: #de1483;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}

.price_section {
    margin-bottom: 70px;
}

.part_pay {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    margin-top: 32px;
}
.price_section h3 {
    margin-bottom: 20px;
}

.price_section p {
    max-width: 800px;
}

.price_cards_flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 60px;
    flex-wrap: wrap;
}

.price_card {
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    min-height: 400px;
    border-radius: 16px;
    background-color: #2D2D2D;
    max-width: 390px;
    flex-basis: 33%;
    margin-bottom: 20px;
}

.popular {
    background-color: #de1483;
}

.price_card_title {
    flex-basis: 50%;
} 

.price_card_title p {
    max-width: 300px;
}

.price_card_title_text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 10px;
}

.popular_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popular_text {
    font-size: 14px;
    line-height: 16px;
    padding: 8px;
    background-color: #000;
    border-radius: 4px;
}

.cost_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 16px 0;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
}

.cost {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
}

.price_card_buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price_button {
    padding: 12px 30px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #fff;
    transition: all ease-in .3s;
}

.price_button:hover {
    scale: 1.05;
}

.price_button_pink {
    background-color: #de1483;
}

.price_button_black {
    background-color: #000;
}

.academy_rose_baner_section {
    margin-bottom: 80px;
}

.drone_accordion_section h2 {
    margin-bottom: 60px;
}

.drone_accordion_section .academy_accordion_item {
    background-color: #2D2D2D;
    border-radius: 16px;
    border-bottom: none;
    margin-bottom: 24px;
}

.drone_accordion_section .academy_accordion_btn {
    padding: 0;
    border-radius: 16px;
    padding: 34px 30px;
}

.flex {
    display: flex;
    justify-content: start;
    gap: 20px;
    align-items: center;
}

.accordion_title_image {
    padding: 12px 19px;
    border-radius: 6px;
    background-color: #de1483;
}

.drone_accordion_section .active .accordion__btn .accordion_title_image {
    background-color: #000;
}

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

.drone_accordion_section .accordion__btn .accordion_title .course_name {
    font-size: 32px;
    line-height: 40px;
}

.descr {
    max-width: 320px;
}

.descr h4 {
    margin-bottom: 16px;
}

.table {
    margin-bottom: 34px;
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
}

.table_item {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #4A4A4A;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

.table_item_title {
    flex-basis: 70%;
}
.academy_rose_baner {
    padding: 0 80px;
    border-radius: 16px;
    background: linear-gradient(to right, #de1483 0%, #F56BB7 100%);
    display: flex;
    justify-content: space-between;
}

.academy_rose_baner_left {
    padding: 80px 80px 80px 0;
    max-width: 435px;
}

.academy_rose_baner_left h3 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 16px;
}

.academy_rose_baner_left_text {
    margin-bottom: 80px;
}

.academy_rose_baner_right img {
    object-fit: fill;
}

.academy_speakers_section {
    margin-bottom: 80px;
}

.academy_speakers_flex {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.academy_speakers_section_title {
    margin-bottom: 60px;
}

.academy_speaker_card {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 32px;
}

.academy_speaker_card_top {
    border-radius: 16px;
    width: 285px;
    height: 285px;
    position: relative;
}

.bg_1 {
    background:center / cover no-repeat url(./assets/images/bg-1.webp), #2D2D2D;
}

.bg_2 {
    background:center / cover no-repeat url(./assets/images/bg-2.webp), #2D2D2D;
}

.bg_3 {
    background:center / cover no-repeat url(./assets/images/bg-3.webp), #2D2D2D;
}

.bg_4 {
    background:center / cover no-repeat url(./assets/images/bg-4.webp), #2D2D2D;
}

.academy_speaker_card_top img {
    border-radius: 8px;
}

.academy_speaker_card_top_buttons {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 4px;
    position: absolute;
    top: 16px;
    left: 16px;
}

.academy_speaker_card_top_button {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 300;
}

.gray_button {
    background-color: #838383;
    color: #000;
}

.black {
    background-color: #000;
}

.academy_speaker_card_bottom {
    max-width: 285px;
}

.academy_speaker_name {
    margin-bottom: 16px;
}

.speaker_descr li {
    position: relative;
    font-weight: 300;
    padding-left: 20px;
    margin-bottom: 8px;
}

.speaker_descr li::before {
    content: '-';
    color: #de1483;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 5px;
}

.academy_adv_section {
    margin-bottom: 80px;
}

.adv_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.adv_grid_item {
    background-color: #2D2D2D;
    padding: 32px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 16px;
    border-radius: 16px;
}

.adv_grid_item svg {
    aspect-ratio: 1/1;
}

.academy_black_baner_section {
    margin-bottom: 80px;
}

.academy_black_baner {
    border-radius: 16px;
    text-align: center;
    padding: 80px 0;
    background: left bottom / contain no-repeat url(./assets/images/bg-dronr-baner.webp), linear-gradient(#2D2D2D 0%, #000 100%);
}

.academy_black_baner_title {
    font-size: 56px;
    line-height: 66px;
    color: #de1483;
    margin-bottom: 16px;
}

.academy_black_baner_text  {
    margin-bottom: 160px;
    margin-right: auto;
    margin-left: auto;
    width: 50%;
}

.carusel_section {
    margin-bottom: 70px;
}

.carusel_section h3 {
    margin-bottom: 24px
}

.review_item {
    background-color: #191919;
    border-radius: 6px;
    padding: 16px;
    border: 1px solid #262626;
    display: flex;
    justify-content: center;
    align-items: center;
}

.review_item a {
    position: relative;
}
.review_item a img.youtube_button {
    position: absolute;
    width: 32px;
    height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.baner.school_baner {
    border-radius: 0px;
}
.table {
    margin-bottom: 80px;
}
.table h2 {
    margin-bottom: 40px;
}
.table-container {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

table {
    width: 100%;
    border-spacing: 0;
}

thead {
    background-color: #2D2D2D;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

th, td {
    padding: 24px;
    text-align: center;
    border: none;
}

tbody tr:hover {
    background-color: #2D2D2D;
}

td:first-child {
    text-align: left;
}

thead th:first-child {
    border-top-left-radius: 8px;
}

thead th:last-child {
    border-top-right-radius: 8px;
}

.th {
    margin-left: 10px;
    font-weight: 400;
}
.border_bottom_left {
    border-bottom-left-radius: 8px;
}
.border_bottom_right {
    border-bottom-right-radius: 8px;
}

.table-container th,
.table-container td {
    border-bottom: 1px solid #4A4A4A;
    border-right: 1px solid #4A4A4A; 
}
.table-container th {
    border-top: 1px solid #4A4A4A;
}
.table-container th:first-child {
    border-left: 1px solid #4A4A4A;
    text-align: left;
}
.table-container tr td:first-child {
    border-left: 1px solid #4A4A4A;
}
.sale_baner_section {
    margin-bottom: 80px;
}
.sale_baner {
    padding: 40px 60px;
    border-radius: 16px;
    background: no-repeat right 50% url(./assets/images/rose_x.svg), linear-gradient(to right, #de1483 0%,#F56BB7 100%);
}
.sale_baner_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 18px;
    max-width: 550px;
}
.sale_button {
    max-width: 150px;
}
/* #School */

/* Contacts */
.contacts_section {
    margin-bottom: 70px
}

.contacts_section h3 {
    margin-bottom: 80px
}

.contacts_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts_left {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 500px;
    max-height: 320px
}

.contacts_link .contacts_link_icon {
    width: 48px;
    height: 48px;
    padding: 12px;
    margin-bottom: 24px
}

.contacts_link .contacts_link_item p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.125rem;
    margin-bottom: 8px
}

.contacts_link .contacts_link_item a {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.contacts_link .contacts_link_item a:hover {
    opacity: .7
}

.contacts_right {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%
}

.contacts_right iframe {
    border-radius: 10px;
    border: 0;
    aspect-ratio: 16/9;
    width: 100%;
    max-height: 320px
}
/* #Contacts */



/* Policy */
.privacy_policy_section h2 {
    font-weight: 500
}

.privacy_policy_item {
    margin-bottom: 24px
}

.privacy_policy_item h4 {
    margin-bottom: 16px
}
.privacy_policy_item ul {
    padding-left: 16px;
    margin-bottom: 16px;
}
.privacy_policy_item ul li {
    list-style: inside;
}
.privacy_policy_item p:not(:last-child) {
    margin-bottom: 16px
}
/* #Policy */

/* 404 */
.not_found_section {
    text-align: center
}

.not_found_section svg {
    margin-bottom: 80px
}

.not_found_section h3 {
    color: #4a4a4a;
    margin-bottom: 16px
}

.not_found_section p {
    margin-bottom: 44px
}
/* #404 */

/* Baner */
.baner_section {
    margin-bottom: 70px
}

.baner {
    background-color: #de1483;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: #fff
}

.baner .baner_right {
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%
}

.baner .baner_left {
    padding: 46px 0 46px 60px
}

.baner .baner_left h3 {
    margin-bottom: 10px
}

.baner .baner_left p {
    max-width: 640px;
    margin-bottom: 28px
}
/* #Baner */

/* Form */
.form_section {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form_left {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    
}
.form_left img {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
}

.form_right {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    position: relative;
    background-color: #16151B;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}

.form_wrap {
    padding: 40px
}

.form_title {
    width: 100%;
}

.form_title .form_title_text {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}
.form_logo {
    max-width: 206px;
    height: 40px;
}
.form_title .form_title_text h4 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #6C6D75;
}

.close_popup {
    position: absolute;
    top: 24px;
    right: 24px;
}

.form_title .close_popup svg {
    display: none
}


/* #Form */

/* Thanks_Popup */
.thanks_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-animation: fadeIn .5s ease-out .5s forwards;
    animation: fadeIn .5s ease-out .5s forwards;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.thanks_popup_item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    height: 60%;
    background-image: url(./assets/images/background_drone.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.close_thanks_popup {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.thanks_popup_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    max-width: 326px;
}
.thanks_popup_text h3 {
    font-size: 56px;
    line-height: 64px;
    font-weight: 500;
    text-transform: uppercase;
}
.thanks_popup_text p {
    line-height: 24px;
}
/* #Thanks_Popup */

/* Popup */
.video_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-animation: fadeIn .5s ease-out .5s forwards;
    animation: fadeIn .5s ease-out .5s forwards
}
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-animation: fadeIn .5s ease-out .5s forwards;
    animation: fadeIn .5s ease-out .5s forwards
}
.popup.active_popup .form_popup{
    width: 60%;
    height: 440px;
}
.active_popup {
    display: block !important;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.nethunt_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.form_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%;
    height: 480px;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #1b1b1f
}
.form_popup .close_popup svg {
    display: block;
    cursor: pointer
}

/* #Popup */

/* Footer */
#footer {
    background-color: #1b1b1f;
    padding: 30px 0
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.5rem;
    position: relative
}

.footer__top:not(:last-child) {
    padding: 0px 0px 4rem 0px
}

.footer__top:not(:last-child)::after {
    content: "";
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 1px;
    opacity: .7;
    bottom: 0;
    left: 0;
    background: #de1483
}

.footer__column {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.5rem
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5.625rem
}

.footer__copy {
    text-align: center;
    padding: 2rem .625rem 2.5rem;
    font-weight: 300;
    line-height: 1.75
}
.links-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem
}

.links-footer__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.875rem;
    flex: 0 0 2.875rem;
    width: 2.875rem;
    height: 2.875rem;
    position: relative;
    border-radius: 50%
}

.links-footer__link a {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.links-footer__link .circle_icon {
    border: 1px solid #de1483;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.links-footer__link .circle_icon:hover {
    -webkit-box-shadow: 0px 0px 10px #de1483;
    box-shadow: 0px 0px 10px #de1483
}

.menu-footer__title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #fff;
    font-weight: 500
}

.menu-footer__title:not(:last-child) {
    margin-bottom: 1em
}

.menu-footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    opacity: .7;
    font-weight: 300
}

.menu-footer__item:not(:last-child) {
    margin-bottom: 1em
}

.menu-footer__item a {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #999;
    font-weight: 300
}

.menu-footer__item a:hover {
    color: #fff
}
/* #Footer */

/* chu-potribno-kypyvatu-agrodron-na-1000-ga */

#header.without_border {
    border-bottom: none;
}
.header_button {
    color: #fff;
    background-color: inherit;
    border: 2px solid #fff;
    border-radius: 30px;
    font-size: 14px;
    line-height: 18px;
    transition: all ease-in 0.5s;
}
.header_button:hover {
    border: 2px solid #de1483;
}

.decor_drones {
  padding: 120px 0 0;
}

/* ===== HERO / ГОЛОВНИЙ БЛОК ===== */
.vebinar_head_section {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 96px;
}
.head_section_left {
    flex-basis: 48%;
}
.head_section_right {
    flex-basis: 48%;
}
.vebinar_head_section_subtitle {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.vebinar_head_section_subtitle_item {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 10px;
}

.vebinar_head_section_subtitle_item p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
}

.vebinar_h1 {
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.05;
  margin-bottom: 48px;
  letter-spacing: -0.02em;
}

.vebinar_head_section_text {
  margin-bottom: 48px;
  color: rgba(169, 171, 199, 1);
  font-size: 20px;
  line-height: 32px;
}
.pink_button_vebinar {
    background:
        linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, .3) 100%
        ),
        #DE1483;
    color: #fff;
}


/* ===== ЗАГОЛОВКИ СЕКЦИЙ ===== */
.vebinar_page_h3 {
  font-size: clamp(28px, 2.5vw, 40px);
  line-height: clamp(36px, 3vw, 48px);
  letter-spacing: -0.01em;
}

/* ===== СПІКЕРИ ===== */
.vebinar_speakers_section {
  margin-bottom: 96px;
}
.vebinar_speakers_section .vebinar_page_h3 {
    text-align: center;
    margin-bottom: 56px;
}

.speakers_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.speaker_card {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  display: flex;
  align-items: flex-start;
  max-height: 240px;
}
.speaker_card .card_image img {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    width: 240px;
    height: 240px;
}
.speaker_card_item {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 24px 28px;
}

.speaker_card_item_title {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  min-height: 64px;
}


.speaker_card_item_text p {
  margin: 0;
  color: rgba(169, 172, 183, 1);
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* ===== ПРО ЩО ПОГОВОРИМО ===== */
.about_vebinar_section {
  margin-bottom: 96px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 80px;
  background:  url(./assets/images/drone_vebinar_bg.png);
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: 58%;
}
.about_vebinar_right {
    flex-basis: 60%;
}

.vebinar_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.vebinar_grid_item {
  background: rgba(0, 0, 0, 1);
  border-radius: 16px;
  padding: 24px 32px;
  color: rgba(169, 171, 199, 1);
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vebinar_grid_item.pink_card {
    background: rgba(249, 194, 225, 1);
    color: rgba(222, 20, 131, 1);
}
.vebinar_grid_item_title_text {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.vebinar_grid_item_text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

/* кнопка под гридом */
.about_vebinar_section > .button.pink_button_vebinar {
  margin-top: 26px;
}

/* ===== БАНЕР В КОНЦЕ ===== */
.vebinar_baner_section {
  margin-bottom: 80px;
  background: 
  url('./assets/images/gradient_vebinar_bg.png')  left 39%/ 200% no-repeat,
  linear-gradient(95deg, rgba(255, 255, 255, 1) 0%, rgba(222, 20, 131, 1) 70%);
  padding: 80px 0;
  border-radius: 16px;
  text-align: center;
  color: #fff;
}

.vebinar_baner_section .container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.vebinar_baner_section .vebinar_page_h3 {
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.05;
  color: #fff;
}

.vebinar_baner_section p {
  margin-bottom: 160px;
}

.vebinar_baner_section .main_button {
  background: #000;
  color: #fff;
  
}

/* #chu-potribno-kypyvatu-agrodron-na-1000-ga */

/* events */
.main_webinar {
    padding: 80px 0 50px;
}
.curent_event_section {
    margin-bottom: 90px;
}
.curent_event {
    display: flex;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: stretch;
    color: #fff;
    border-radius: 24px;
}
.curent_event_item {
    padding: 32px 30px;
    width: 60%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.curent_event_item .blog_card_item_subtitle {
    margin-bottom: 24px;
}
.curent_event_item h3 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}
.curent_event_image {
    position: relative;
    width: 35%;
    max-height: 320px;
}
.curent_event_image img {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
.current_event_buttons {
    display: flex;
    justify-content: start;
    gap: 10px;
}
.event_button {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    padding: 18px 34px;
    border-radius: 50px;
    border: 1px solid #de1483;
    transition: background ease .5s;
    text-align: center;
}
.event_button:hover {
    background-color: #de1483;
    
}
.curent_event_card {
    display: none !important;
    display: flex;
    flex-direction: column;
    background-color: #2D2D2D;
    border-radius: 10px;
    padding-top: 40px;
}
.curent_event_card_item {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 20px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.future_ivents {
    margin: 40px 0;
    font-weight: 500;
}
.past_events_section {
    margin-bottom: 90px;
}
.past_events_section_head {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.past_ivents {
    margin-bottom: 40px;
    font-weight: 500;
}
.past_event_image {
    position: relative;
}
.event_filter_item {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 8px 10px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    border-radius: 8px;
}
.past_event_image img {
    object-fit: contain;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.grid_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.past_event_card {
    display: flex;
    flex-direction: column;
    background-color: #000;
    border-radius: 10px;
}
.past_event_card_item {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.past_event_card_item h3.event_card_text {
    font-size: 20px;
    line-height: 28px;
    min-height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 32px;
}
.past_event_card_item p.event_card_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 80px;
}
.past_event_buttons {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dark_bg_button {
    background:
        linear-gradient(to right,
            rgba(0, 0, 0, .3) 0%,
            rgba(0, 0, 0, 0) 100%
        ),
        #1B1B1F;
}
.event_btn {
    padding: 8px !important;
}
/* #events */

/* Catalog */
.catalog_section {
    margin-bottom: 90px;
}
.catalog_section h2 {
    margin-bottom: 40px;
}
.catalog_filter {
    margin-bottom: 40px;
}
.catalog_filter nav {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
}
.catalog_filter_button {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    padding: 8px 22px;
    background-color: rgba(222, 20, 131, .2);
    border-radius: 6px;
    border: none;
}
.mixitup-control-active {
    background-color: #de1483;
}
.catalog_grid_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.catalog_grid_wrapper_small {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    flex-basis: 75%;
}
.catalog_card {
    display: flex;
    flex-direction: column;
}
.catalog_image {
    padding: 10px;
    height: 285px;
    width: 285px;
    background-color: rgba(169, 171, 199, .2);
    border-radius: 6px;
}
.catalog_image img {
    object-position: center;
    object-fit: contain;
}
.catalog_card_item {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}
.catalog_card_title {
    color: #de1483;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    min-height: 40px;
}
.catalog_card_text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.catalog_card_price {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 30px;
}
.catalog_buttons {
    display: flex;
    justify-content: start;
    gap: 10px;
    align-items: center;
}
.catalog_button {
    color: #fff;
    background-color: #de1483;
    border-radius: 6px;
    transition: all .5s ease;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
.catalog_button:hover {
    background-color: #000;
    box-shadow: 0px 0px 5px #de1483;
}
.gray {
    background-color: transparent;
    color: #fff;
    
}
.gray:hover {
    color: #de1483;
    background-color: transparent;
    box-shadow: none;
}
.hover_image:hover {
    scale: 1.05;
}
/* #Catalog */

/* drone-page */

.drone_page_head_section {
    margin-bottom: 40px;
}
.drone_page_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.drone_head_left {
    flex-basis: 50%;
}
.drone_head_left h1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px;
    max-width: 358px;
}
.drone_head_right {
    flex-basis: 50%;
}
.drone_page_descr_section {
    margin-bottom: 80px;
}
.drone_page_descr_section p {
    max-width: 700px;
}
.small_text {
    font-size: 14px;
    line-height: 18px;
}
.drone_page_descr_text p {
    max-width: 700px;
}
/* #drone-page */

/* catalog item */
.item_baner_section {
    margin-bottom: 90px;
    padding: 0 120px;
    position: relative;
}
.backlink {
    position: absolute;
    top: -40px;
}
.item_baner {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 20px;
}
.item_baner_image {
    background-color: rgba(169, 171, 199, .2);
    max-height: 440px;
    max-width: 440px;
    border-radius: 10px;
}
.item_baner_right {
    flex-basis: 50%;
}
.item_baner_right h4 {
    max-width: 315px;
    margin-bottom: 10px;
}
p.item_baner_right_subtitle {
    max-width: 300px;
    margin-bottom: 12px;
}
.item_button {
    margin-bottom: 20px;
}
p.item_baner_right_text {
    max-width: 380px;
}
.more_products_section h4 {
    margin-bottom: 40px;
}
.big_text {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}
/* #catalog item */

/* vnesennya */
.vnesennya_first_section {
    margin-bottom: 140px;
}
.vnesennya_wrap {
    display: flex;
    justify-content: space-between;
}
.vnesennya_wrap_left h2 {
    margin-bottom: 48px;
}
.vnesennya_wrap_left  {
    max-width: 615px;
}
.vnesennya_list_title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
    max-width: 530px;
}
.descr_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
    margin-bottom: 53px;
    max-width: 530px;
}
.descr_list_item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    
    padding-bottom: 8px;
    border-bottom: 1px solid #A9ACB7;
}
.big_pink_text {
    font-size: 32px;
    line-height: 40px;
    color: #de1483;
    font-weight: 700;
}
.gray_text {
    color: #A9ACB7;
    flex-basis: 52%;
}
.vnesennya_button {
    margin-bottom: 0;
}
.vnesennya_wrap_right img {
    max-height: 705px;
}
.small {
    font-size: 16px;
    line-height: 24px;
}
.slider_cards_section {
    margin-bottom: 140px;
}
.slider_cards_section h2 {
    margin-bottom: 62px;
}
.slider_card {
    padding: 32px;
    border-radius: 16px;
    background-color: #2D2D2D;
    min-height: 368px;
}
.slider_cards_descr {
    max-width: 500px;
    color: #A9ACB7;
    margin-bottom: 62px;
}
.slider_card_title {
    font-size: 24px;
    line-height: 32px;
    color: #de1483;
    font-weight: 500;
    margin-bottom: 32px;
}
.slider_card_text {
    color: #A9ACB7;
    margin-bottom: 16px;
}
ul.ceo_list.slider_list {
    gap: 2px;
}
.vnes {
    margin-bottom: 140px;
}
.accordion_text {
    color: #A9ACB7;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 32px;
}
.svg_plus {
    width: 22px;
    height: 22px;
    background: url(./assets/images/Vector_plus.svg);
}
.svg_minus {
    display: none;
    width: 22px;
    height: 22px;
    background: url(./assets/images/Minus_Square.svg);
}
.plus_minus {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    transition: all ease-in .5s;
}
.drone_accordion_section .active .accordion__btn .accordion_title_image {
    background-color: #000;
}
.drone_accordion_section .active .accordion__btn .accordion_title_image .svg_plus {
    display: none;
}
.drone_accordion_section .active .accordion__btn .accordion_title_image .svg_minus {
    display: block;
}
.economy_section {
    margin-bottom: 140px;
}
.economy_section h2 {
    text-align: center;
}
.card_wrapper.not_slider {
    min-height: 100% ;
    background-color: inherit ;
    padding: 40px 0 ;
}
.part_section {
    margin-bottom: 140px;
}
.ivn_carusel_title.part_section_title {
    margin-bottom: 0px;
}
.images_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 24px;
}
.images_item {
    width: 180px;
    height: 180px;
    background-color: rgb(255, 255, 255, .25);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.images_item img {
    object-fit: contain;
    width: auto;
    height: auto;
}
.slider_item_wrap.bigger_gap {
    gap: 24px;
}
.drone_accordion_section.calc_section {
    margin-bottom: 140px;
}
.calc_section_wrapper {
    padding: 80px 72px;
    background-color: rgba(169, 171, 199, 1);
    background-image: url(./assets/images/calc_bg.webp);
    background-repeat: no-repeat;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    
}
.black_text {
    color: #1b1b1f;
    margin-bottom: 20px !important;
}
.calc_subtitle {
    font-size: 20px;
    line-height: 32px;
    color: #1b1b1f;
    max-width: 800px;
    margin-bottom: 40px;
}
.calc_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    position: relative;
}
.calc_left {
    flex-basis: 49%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 8px;
}
.accordion__item.calc_box {
    background-color: #fff;
    border: none;
    border-radius: 16px;
}
.drone_accordion_section .accordion__btn.calc_btn {
    padding: 24px 20px;
    border-radius: 16px;
}
.drone_accordion_section .accordion__btn.calc_btn .accordion_title {
    width: 100%;
}
.input-group_item {
    padding: 12px 10px;
    border-radius: 8px;
}
.input-group_item:hover {
    background-color: #B8BAD8;
    color: #fff;
}

.calc_item_title {
    color: #1b1b1f;
    font-size: 20px;
    line-height: 32px;
}
.accordion__content .input-group {
    color: rgb(27, 27, 31, .43);
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding: 0 20px 24px 20px;
    width: 100%;
}
.input-group {
    width: 100%;
}
.drone_accordion_section .accordion__btn.calc_btn.colum_btn {
    flex-direction: column;
    align-items: start;
    gap: 16px;
}
.result {
    padding: 8px;
    background-color: #de1483;
    border-radius: 4px;
}
.accordion_subtitle {
    color: rgb(27, 27, 31, .43);
}
input.pink_range {
    color: #de1483;
    width: 100%;
}
.numbers {
    display: flex;
    justify-content: space-between;
    color: rgb(27, 27, 31, .43);;
}

input[type="range"] {
-webkit-appearance: none;
appearance: none; 
width: 100%;
cursor: pointer;
outline: none;
border-radius: 15px;
height: 6px;
background: #ccc;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none; 
height: 15px;
width: 15px;
background-color: #de1483;
border-radius: 4px;
border: none;
transition: .2s ease-in-out;
}
input[type="range"]::-moz-range-thumb {
height: 15px;
width: 15px;
background-color: #de1483;
border-radius: 4px;
border: none;
transition: .2s ease-in-out;
}  
input[type="range"]::-webkit-slider-thumb:hover {
box-shadow: 0 0 0 10px rgb(222, 20, 131, .1)
}
input[type="range"]:active::-webkit-slider-thumb {
box-shadow: 0 0 0 13px rgb(222, 20, 131, .1)
}
input[type="range"]:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 13px rgb(222, 20, 131, .1)
}
input[type="range"]::-moz-range-thumb:hover {
box-shadow: 0 0 0 10px rgb(222, 20, 131, .1)
}
input[type="range"]:active::-moz-range-thumb {
box-shadow: 0 0 0 13px rgb(222, 20, 131, .1)
}
input[type="range"]:focus::-moz-range-thumb {
box-shadow: 0 0 0 13px rgb(222, 20, 131, .1)
}
.value {
    height: 1px;
} 
.calc_right {
    flex-basis: 44%;
    position: sticky;
    top: 60px;
} 
.result-section {
    padding: 32px;
    background-color: #fff;
    border-radius: 32px;
}
.result-section_title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    color: #1b1b1f;
    margin-bottom: 32px;
}
.result-item {
    color: rgba(169, 171, 199, 1);
    padding: 16px 0;
    border-bottom: 1px solid rgba(169, 171, 199, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 8px;
    width: 100%;
}
.result-item span {
    font-size: 20px;
    line-height: 32px;
    color: #1b1b1f;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.result-item span img {
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.vnesennya_button_calc {
    width: 100%;
}
.hidden {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.visible {
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.input-group_item input[type="radio"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.input-group_item  {
    cursor: pointer;
    position: relative;
}

.input-group_item label {
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.input-group_item input[type="radio"]:checked + label {
    color: #1b1b1f;
}

.input-group_item label:after {
    content: url('http://agronix.com.ua/wp-content/uploads/2024/06/check_button.svg'); 
    display: none;
    position: absolute;
    top: 12px;
    right: 10px;
}

.input-group_item input[type="radio"]:checked + label:after {
    display: inline-block;
}
.input-group_item input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    transition: all ease-in .3s;
}

.input-group_item input[type="checkbox"] + label {
    cursor: pointer;
    position: relative;
    padding-left: 26px;
    
}

.input-group_item input[type="checkbox"] + label:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #A9ACB7;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}

.input-group_item input[type="checkbox"]:checked + label:before {
    background-color: #de1483; 
    border: none;
}

.input-group_item input[type="checkbox"] + label:after {
    content: '';
    display: none;
    position: absolute;
    top: -1px;
    left: 1px;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M9.293 16.707l6-6a1 1 0 0 0-1.414-1.414L9 14.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0z"/></svg>')  no-repeat ;
}

.input-group_item input[type="checkbox"]:checked + label:after {
    display: inline-block;
}


.drone_accordion_section .accordion__btn img.acc_arrow {
    rotate: 0deg;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 24px;
    height: 24px;
}

.drone_accordion_section .accordion__btn:hover img.acc_arrow {
    rotate: 180deg
}


.drone_accordion_section .active .accordion__btn img.acc_arrow {
    rotate: 180deg;
}
.cases_section h2 {
    margin-bottom: 62px;
}
.slider_card_cases {
background-color: #2D2D2D;
border-radius: 16px;
padding: 24px;
position: relative;
overflow: hidden;
height: 460px;
transition: height 0.3s ease-in-out; 
}

.slider_card_cases_image {
position: relative;
margin-bottom: 32px;
width: 100%;
height: 240px;
border-radius: 16px;
transition: opacity 0.3s ease-in-out; 
}

.slider_card_cases_image_logo {
position: absolute;
height: 48px;
width: 48px;
background-color: #de1483;
border: none;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
top: 10px;
left: 10px;
padding: 5px;
}
.slider_card_cases_image_logo img {
    
    object-fit: contain;
}
.slider_card_cases_title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
margin-bottom: 8px;

}

.slider_card_cases_text {
color: rgba(169, 171, 199, 1);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.slider_card_cases:hover .slider_card_cases_image {
opacity: 0; 
}

.slider_card_cases_content {
    overflow: hidden;
    transition: transform 0.3s ease-in-out, max-height 0.3s ease-in-out; 
}

.slider_card_cases:hover .slider_card_cases_image {
    margin-bottom: 0;
}

.slider_card_cases:hover .slider_card_cases_text {
    overflow: visible;
  -webkit-line-clamp: unset;
  white-space: normal;
}

.slider_card_cases:hover .slider_card_cases_content {
transform: translateY(-240px); 
max-height: 1000px; 
}
.center_button {
    margin-top: 20px;
    margin-left: 50%;
    transform: translateX(-50%);
}
/* #vnesennya */

/* blog */
.blog_wrapper {
    grid-template-columns: repeat(3, 1fr);
}
.blog_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    will-change: opacity, transform;
}
.blog_card_en {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
}
.blog_card.animate-in {
    opacity: 1;
    transform: translateY(0);
}
.blog_card_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 20px;
    min-height: 280px;
}
.blog_image img {
    height: 350px;
    border-radius: 8px;
}
.blog_card_item_subtitle {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 14px;
}
.post_date {
    color: #999;
}
.blog_card_title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    
}
.blog_card_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.blog_button {
    background: none;
    color: #de1483;
}
.blog_button:hover {
    color: #fff;
}
/* #blog */

/* blog-item */
.blog_content {
    background-color: #fff;
    color: #000;
    
}
.article_subtitle {
    color: #000;
}
.article_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 30px;
}
.article_left {
    max-width: 800px;
}
.article_head {
    margin-bottom: 70px;
    position: relative;
    width: 100%;
}
.article_head img {
    border-radius: 6px;
}
.article_head_block {
    position: absolute;
    bottom: 0;
    padding: 20px;
    width: 100%;
    backdrop-filter: blur(10px);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
    color: #fff;
}
.article_filter_value {
    font-size: 14px;
    line-height: 18px;
    padding: 12px 20px;
    background-color: #de1483;
    border-radius: 6px;
    width: fit-content;
}
.article_filter_value_mob {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 20px;
    background-color: #de1483;
    border-radius: 6px;
    width: fit-content;
}
.article_title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    max-width: 550px;
}
.article_text {
    line-height: 28px;
}
.article_block {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
    margin-bottom: 24px;
}
.article_right {
    max-width: 340px;
    position: sticky;
    top: 80px;
}
.author_card {
    background-color: #de1483;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 160px;
    color: #fff;
}
.author_card_image {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}
.author_card_image img {
    border-radius: 6px;
}
.author_card_title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}
.author_card_subtitle {
    font-weight: 300;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(255, 255, 255, .7);
}
.author_card_descr {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.social_media_links {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 6px;
}
.article_nav {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
}
.article_nav_title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
}
.article_nav_button {
    color: #000;
    margin-bottom: 10px;
    transition: all ease-in .5s;
    padding-left: 10px;
    border: none;
    background-color: inherit;
    text-align: left;
}

.article_nav_button.active_nav {
    color: #de1483;
    font-weight: 500;
    position: relative;

}
.article_nav_button.active_nav::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    background-color: #de1483;
    top: 0;
    left: 0;
} 
.mob_ver_blog_card {
    display: none;
}
.article_video iframe {
    height: 450px;
}
.last_news {
    color: #000;
    margin-bottom: 40px;
}
/* #blog-item */

/* invest */
.inv_page {
    background: no-repeat 0 2300px url(./assets/images/X_bg.webp);
}
.first_section {
    background: no-repeat center center/ 90% 90% url(./assets/images/first_section_bg.webp);
    margin-bottom: 80px;
}
.first_section_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 60px;
}
.first_section_wrapper h1 {
    font-size: 100px;
    line-height: 100px;
    max-width: 670px;
    text-align: center;
    margin-bottom: 60px;
}
.first_section_wrapper h1:first-child {
    margin-bottom: 230px;
}
.first_section_wrapper h1:nth-child(3) {
    z-index: 2;
}
.first_section_wrapper img {
    position: absolute;
    
    max-height: 350px;
    max-width: 1080px;
    top: 166px;
}

.list_section {
    margin-bottom: 140px;
    text-align: center;
}
.list_title {
    font-size: 56px;
    line-height: 56px;
}
.list_subtitle {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 60px;
}
.types_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 16px;
    margin-bottom: 60px;
}
ul.types_list li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 80px;
    padding-bottom: 16px;
    border-bottom: 1px solid #424242;
    max-width: 930px;
}
.list_icon {
    padding: 12px;
    border-radius: 8px;
    background-color: #de1483;
    width: 48px;
    height: 48px;
}
ul.types_list li p {
    min-width: 634px;
    text-align: left;
}
.grid_section {
    margin-bottom: 140px;
}
.grid_section_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.grid_section_wrapper h2 {
    max-width: 415px;
}
.grid_wrap {
    display: grid;
    grid-template-columns: 1fr 94px 1fr;
    max-width: 700px;
    gap: 24px;
}
.grid_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 240px;
    padding: 24px;
    background-color: #838383;
    border-radius: 16px;
    transition: all ease-in .3s;
    background-size: cover;
}
.grid_card:hover {
    scale: 1.02;
}
.big_card_1 {
    grid-column-start: 1;
    grid-column-end: 3;   
}
.small_card_3 {
    background-position: center;
}
.big_card_4 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.card_list_section {
    margin-bottom: 140px;
    text-align: center;
    
}
.card_list_section h2 {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 24px;
}
.card_list_subtitle {
    font-size: 20px;
    line-height: 24px;
    color: #A9ACB7;
    margin-bottom: 60px;
}
.card_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 24px;
    margin-bottom: 60px;
}
.inv_card {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 16px;
    max-width: 636px;
    padding: 32px;
    border-radius: 16px;
    background-color: #de1483;
    text-align: left;
}
.inv_card_icon {
    padding: 12px;
    border-radius: 8px;
    background-color: #000;
    width: 48px;
    height: 48px;
}
.img_section {
    margin-bottom: 140px;
    text-align: center;
}
.img_section h2 {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 60px;
}
.gray_baner_section {
    margin-bottom: 180px;
    padding: 120px 0;
    border-radius: 32px;
    background-color: #A9ACB7;
    text-align: center;
}
.gray_baner_section h2 {
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 60px;
}
.baner_card_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}
.baner_card {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    min-height: 240px;
    text-align: left;
    border-radius: 16px;
    background-color: #fff;
    flex-basis: 32%;
    transition: all ease-in .3s;
}
.baner_card:hover {
    scale: 1.02;
}
.baner_card_icon {
    padding: 12px;
    border-radius: 8px;
    background-color: #000;
    width: 56px;
    height: 56px;
}
.baner_card_small_text {
    font-size: 20px;
    line-height: 24px;
    color: #1b1b1f;
    font-weight: 300;
    margin-bottom: 8px;
}
.baner_card_pink_text {
    font-size: 32px;
    line-height: 32px;
    color: #de1483;
    font-weight: 500;
}
.ivn_carusel_section {
    margin-bottom: 140px;
}
.ivn_carusel_title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 185px;
    position: relative;
    margin-bottom: 60px;
}
.ivn_carusel_title img {
    position: absolute;
    max-width: 950px;
    top: -85px;
}
.ivn_carusel_title h2 {
    font-size: 56px;
    line-height: 56px;
}
.card_wrapper {
    padding: 40px;
    border-radius: 16px;
    background-color: #2D2D2D;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 40px;
    min-height: 960px;
}
.slider_title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #de1483;
}
.slider_subtitle {
    font-size: 24px;
    line-height: 32px;
}
.slider_item {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.slider_item_wrap {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 4px;
    flex-basis: 49%;
}
.slider_item_title_pink {
    background-color: #de1483;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider_item_title_gray {
    background-color: #4A4A4A;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider_item_title_text {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}
.slider_item_box {
    padding: 16px;
    border: 1px solid #4A4A4A;
    border-radius: 8px;
    max-height: 360px;
}
.card_wrapper_tittle {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.slider_price {
    padding: 8px 12px;
    background-color: #de1483;
    border-radius: 8px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}
.text {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.bold_text {
    font-weight: 500;
}
.slider_box {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}
.card_wrapper_tittle_item {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.card_wrapper_tittle_item_text {
    max-width: 150px;
    line-height: 24px;
}
.regular_text {
    font-weight: 400;
}
.margin {
    max-width: 285px;
    min-height: 108px;
}
.width {
    flex-basis: 63%;
}
.margin_top {
    margin-top: 8px;
    font-weight: 300;
}
.position_static {
    position: static;
    margin-bottom: 16px;
}
.ceo_card_wrapper {
    padding: 80px;
    background: no-repeat url(./assets/images/ceo_bg.webp);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 56px;
    position: relative;
}
.ceo_card_wrapper img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 650px;
    max-height: 850px;
}
ul.ceo_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 16px;
}
ul.ceo_list li {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 8px;
    color: #A9ACB7;
    font-size: 20px;
    line-height: 24px;
    max-width: 480px;
}
ul.ceo_list li svg {
    width: 24px;
    height: 24px;
}
.white {
    color: #fff;
}
.quote {
    padding: 32px;
    border-radius: 16px;
    background-color: #de1483;
    max-width: 512px;
    position: relative;
}
.quote svg {
    position: absolute;
    top: -24px;
    left: 32px;
}
/* #invest */

/* Service */
.head_section_service {
    margin-bottom: 120px;
    padding-top: 100px;
}
.service_flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.head_section_service_left {
    flex-basis: 70%;
    padding-right: 20px;
}
.head_section_service_left h2 {
    margin-bottom: 48px;
}
.head_section_service_left p.service_text {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
}
.head_section_service_right  img {
    border-radius: 24px;
}
.service_card {
    height: 200px !important;
}
.service_list {
    padding-bottom: 20px;
    color: #A9ACB7;
    list-style: inside;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
}
.fix_map_section {
    margin-bottom: 70px;
}
.fix_map_flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.fix_map_left {
    flex-basis: 45%;
}
.fix_map_left h3 {
    margin-bottom: 32px;
}
.fix_map_left p.fix_text {
    margin-bottom: 22px;
    max-width: 350px;
}
.fix_map_right {
    flex-basis: 65%;
}
.fix_list {
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.fix_list_item {
    position: relative;
    padding: 40px 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    background-image: url("data:image/svg+xml,%3csvg width='1' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%' fill='none' stroke='%23DE1483FF' stroke-width='2' stroke-dasharray='16 ' stroke-dashoffset='31' stroke-linecap='line'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left;
   
}
.fix_list_item svg {
    position: absolute;
    left: -15px;
    top: 40px;
}
.fix_list_item_title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
}
.fix_list_item_text {
    max-width: 480px;
}
/* #Service */
/* Cases Academy */
.cases_section {
    margin-bottom: 80px;
}
.cases_flex_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.case_flex_left {
    flex-basis: 60%;
    padding: 32px;
    background-color: rgba(0, 0, 0, 1);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
.case_flex_right {
    flex-basis: 40%;
}
.case_flex_right img {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}
.case_flex_left .small_text {
    color: rgba(255, 255, 255, 0.32);
    margin-bottom: 16px;
}
.text_32 {
    font-size: clamp(20px, 2vw, 32px);
    line-height: clamp(28px, 2.5vw, 40px);
    color: rgba(255, 255, 255, 0.32);
    margin-bottom: 24px;
}
.text_32 .bold_text {
    font-weight: 800;
}
.cases_list {
    color: rgba(133, 132, 139, 1);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 56px;
}
.cases_list li {
    position: relative;
    padding-left: 24px;
}
.cases_list li::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: rgba(133, 132, 139, 1);
    width: 4px;
    height: 4px;
    top: 8px;
    left: 10px;
}
.cases_button_block {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 14px;
}
.cases_button_block .small_text {
    color: #fff;
    margin: 0;
}
.case_pink_button {
    background-color: #de1483;
    padding: 8px 16px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.case_card_ac {
    display: flex;
    flex-direction: column;
    position: relative;
}
.case_author_ac img {
    width: 120px;
    height: 120px;
    border-radius: 16px;
    position: absolute;
    left: 20px;
    top: 48px;
}
.case_image_ac img {
    height: 144px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.case_card_item_ac {
    padding: 40px 20px 16px;
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.case_card_item_ac .small_text {
    color: rgba(133, 132, 139, 1);
    margin-bottom: 8px;
}
.case_card_title_ac {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}
.case_card_text_ac {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .5;
}
.case_text_ac {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin-bottom: 16px;
}
.case_button_ac {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #de1483;
    width: fit-content;
    transition: all ease-in .5s;
}
.case_button_ac:hover {
    color: #424242;
}
.case_filter_button {
    background-color: transparent !important;
    color: rgba(133, 132, 139, 1);
    padding: 8px 10px;
}
.case_filter_button:hover {
    color: #fff;
}
.case_filter_button.mixitup-control-active {
    background-color: #de1483 !important;
    color: #fff;
}
/* Cases Academy */
/* Cases */
.case_card {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.case_image {
    padding: 24px 0;
    transition: all 0.5s ease;
}
.case_image:hover {
    scale: 1.02;
}
.case_image img {
    max-height: 290px;
    border-radius: 8px;
}
.case_card_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 24px;
}
.case_card_item_subtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.case_author {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
}
.case_icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.case_icon img {
    border-radius: 50%;
}
.case_location {
    opacity: .5;
}
.case_text {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.case_card_title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    min-height: 52px;
}
.case_card_text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .5;
}
.case_card_button {
    display: flex;
    justify-content: start;
    align-items: center;
}
.case_button {
    padding: 14px 24px 14px 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 18px;
    border-radius: 6px;
    color: #de1483;
    width: fit-content;
}
.case_button:hover {
    color: #424242;
}

/* #Cases */
.shop_link {
    background-color: #de1483;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all ease-in .3s;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}
.shop_link:hover {
    background-color: #424242;
}

/*  */

.course_section_8 {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
  }
  .course_section_8_flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .faq {
    width: 25%;
    padding: 0 0 0 40px;
  }
  
  .accordion-faq {
    width: 75%;
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
  }
  
  .accordion-item {
    background: #000;
    border: 1px solid rgba(80, 77, 90, 1);
    margin-bottom: 8px;
  }
  
  .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    font-size: 20px;
    line-height: 32px;
    cursor: pointer;
    transition: color 0.5s ease-in-out;
  }
  
  .accordion-header.active {
    color: rgba(222, 20, 131, 1);
  }
  
  .accordion-header svg {
    transition: transform 0.5s ease-in-out, color 0.5s ease-in-out;
  }
  
  .accordion-header.active svg {
    transform: rotate(45deg);
    
  }
  .accordion-header.active svg path {
    stroke: rgba(222, 20, 131, 1);
    stroke-opacity: 1;
  }
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #111;
    color: #fff;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, padding 0.5s ease-in-out;
    opacity: 0;
    padding: 0 20px;
  }
  .accordion-content a {
    text-decoration: none;
    color: rgba(222, 20, 131, 1);
  }
  .accordion-content.active {
    max-height: 200px;
    opacity: 1;
    padding: 0 20px 16px;
    overflow-y: auto;
  }
  .course_video_wrapper video {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
    }
  .course_section_5 {
    margin-bottom: 140px;
  }  
  /*  */
  .blog_faq {
    flex-direction: column;
    gap: 20px;
  }
  .blog_faq .faq {
    width: 100%;
    padding: 0;
  }
  .blog_faq  .accordion-faq {
    width: 100%;
  }
  .blog_faq  .accordion-faq .accordion-item {
    border: none;
    border-radius: 8px;
    background-color: lightgrey;
  }
  .blog_faq  .accordion-faq .accordion-item .accordion-header svg path {
    stroke: #000;
  }
  .blog_faq  .accordion-faq .accordion-content {
    border-radius: 8px;
    background-color: lightgrey;
    color: #000;
  }
@media screen and (max-width: 1440px) {
    
    .decor_drone_rose {
        background: no-repeat 750px 5%/800px 400px url(./assets/images/Rose-Drone.svg) !important
    }

    .decor_drone_rose_pilot {
        background: no-repeat right top/800px 400px url(./assets/images/Rose-Drone.svg) !important
    }

    .decor_drone_t30 {
        background: no-repeat 540px -1%/1000px 600px url(./assets/images/T30.avif) !important
    }

    .decor_drone_t40 {
        background: no-repeat 610px 2% url(./assets/images/T40.avif) !important
    }
    .decor_drone_t50 {
        background: no-repeat 610px 2% url(./assets/images/T50_whitepropeller.webp) !important
    }

    .form_popup .submit {
        margin: 35px 0 14px
    }
}

@media screen and (max-width: 1280px) {
    
    .decor_drone_rose {
        background: no-repeat 700px 5%/800px 400px url(./assets/images/Rose-Drone.svg) !important
    }

    .decor_drone_rose_pilot {
        background: no-repeat 800px top/800px 400px url(./assets/images/Rose-Drone.svg) !important
    }

    .about_card_item {
        padding: 20px !important;
        max-width: 382px !important
    }
    .vebinar_grid_item {
        min-height: 450px;
    }
    
    .shop_link {
        width: 250px;
        margin: 16px 0;
    }
}

@media screen and (max-width: 1024px) {
    h3 {
        font-size: 34px;
        line-height: 40px
    }
    .decor_drone_rose_pilot {
        background: no-repeat 685px top url(./assets/images/Rose-Drone.svg) !important
    }
    .decor_drone_t30 {
        background: no-repeat 300px -1%/1000px 600px url(./assets/images/T30.avif) !important
    }

    .decor_drone_t40 {
        background: no-repeat 425px 2% url(./assets/images/T40.avif) !important
    }
    .decor_drone_t50 {
        background: no-repeat 425px 2% url(./assets/images/T50_whitepropeller.webp) !important
    }

    .contacts_block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts_block .contacts_left {
        margin-bottom: 40px
    }

    .baner .baner_right {
        max-height: 300px;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }

    .baner .baner_left {
        padding: 46px 0 26px 30px
    }

    .baner .baner_left h3 {
        font-size: 1.5rem;
        line-height: 2.125rem
    }

    .using_drone_section .using_drone {
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto
    }

    .drone_descr_section .drone_descr_left .drone_advantages {
        gap: 5px
    }

    .drone_descr_section .drone_descr_left .drone_advantages .drone_advantage_item {
        padding: 10px 5px
    }

    .ceo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .ceo .ceo_descr {
        max-width: 100% !important
    }

    .ceo .ceo_descr p {
        max-width: 100% !important
    }

    .ceo .ceo_photo {
        max-width: 50%;
        margin-left: 25%
    }

    .about_card_item {
        padding: 10px !important;
        max-width: 304px !important
    }
    .table_section {
        border: none;
        padding: 0;
    }
    .course_table {
        flex-direction: column;
        gap: 20px;
    }
    .border_right_course {
        border: none;
    }
    .course_table_card_descr {
        min-height: 40px;
    }
    .pink_event_button {
        padding: 10px 24px;
    }
    .event_button {
        padding: 10px 24px;
    }
    .vnesennya_block {
        padding: 90px 0;
    }
    .vnesennya_block_item {
        align-items: start;
    }
    .catalog_grid_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .catalog_grid_wrapper_small {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog_filter nav {
        flex-wrap: wrap;
    }
    .item_baner_section {
        padding: 0;
    }
    .article_wrapper {
        flex-direction: column;
    }
    .author_card {
        margin-bottom: 30px;
    }
    .article_nav {
        display: none;
    }
    .flex_th {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .card_wrapper_tittle_text {
        flex-basis: 50%;
    }
    .slider_item_title_text {
        font-size: 18px;
        line-height: 26px;
    }
    .width {
        flex-basis: 50%;
    }
    .ceo_card_wrapper img {
        max-width: 500px;
        max-height: 650px;
    }
    .ivn_carusel_title img {
        height: 95%;
    }
    .grid_section_wrapper {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .grid_section_wrapper h2 {
        max-width: 100%;
        text-align: center;
    }
    .vnesennya_wrap {
        gap: 20px;
    }
    .vnesennya_wrap_left {
        max-width: 500px;
    }
    .vnesennya_button {
        width: 100%;
    }
    .vnesennya_wrap_right img {
        max-height: 100%;
        border-radius: 24px;
    }
    .ivn_carusel_title h2 {
        text-align: center;
    }
    .height p.slider_item_title_text {
        min-height: 52px;
    }
    .calc_section_wrapper {
        padding: 80px 40px;
    }
    .service_flex {
        flex-direction: column;
        gap: 30px;
    }
    .fix_map_flex {
        flex-direction: column;
        gap: 30px;
    }
    .speakers_wrap {
        grid-template-columns: 1fr;
    }
    .about_vebinar_section {
        flex-direction: column;
        gap: 32px;
        padding: 40px 20px;
    }
    .about_vebinar_section h3.vebinar_page_h3 {
        text-align: center;
        width: 100%;
    }
    .vebinar_grid_item {
        max-height: 200px;
    }
    .about_vebinar_right {
        text-align: center;
    }
    .vebinar_grid_item {
        text-align: left;
    }
    .form_popup {
        width: 80%;
    }
    .grid_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 900px) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .not_found_section svg {
        width: 600px;
        height: 280px;
        margin-bottom: 60px !important
    }

    .popup .form_popup {
        flex-direction: column;
    }
    .popup .form_popup .form_left {
        height: 160px;
        flex-basis: 20%;
    }
    .popup .form_popup .form_left img {
        border-top-right-radius: 16px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 16px;
        object-fit: cover;
    }
    .popup .form_popup .form_right .form_wrap {
        padding: 20px
    }

    .popup .form_popup .checkmark {
        color: #fff;
        font-size: 10px !important
    }
    h1.vebinar_h1 {
        font-size: 50px;
        line-height: 70px;
    }
    
    .vebinar_grid {
        grid-template-columns: auto;
    }
    .border_grey_right {
        border: none;
    }
    .border_grey_bottom {
        border: none;
    }
    .vebinar_grid_item:not(:last-of-type) {
        border-bottom: 1px solid #1b1b1f;
    }

    .catalog_grid_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .catalog_grid_wrapper_small {
        grid-template-columns: repeat(1fr);
    }
    .head_section_school {
        padding: 80px 0;
    }
    .head_section_school_title h1 {
        font-size: 100px;
        line-height: 110px;
    }
    .head_section_school_subtitle  {
        max-width: 570px;
    }
    .price_card {
        flex-basis: 48%;
    }
    .academy_rose_baner {
        padding: 0 40px;
    }
    .academy_rose_baner_left {
        padding: 40px 40px 40px 0;
    }
    
    .academy_rose_baner_left_text {
        margin-bottom: 40px;
    }    
    .adv_grid {
        grid-template-columns: 1fr;
    }
    .academy_black_baner {
        padding: 40px 0;
    }
    .academy_black_baner_text {
        margin-bottom: 80px;
        width: 100%;
    }
    .academy_speakers_flex {
        justify-content: space-between;
    }
    .cases_flex_wrapper {
        flex-direction: column-reverse;
        justify-content: start;
    }
    .case_flex_left {
        border-top-left-radius: 0;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }
    .case_flex_right img {
        border-bottom-right-radius: 0;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        max-height: 320px;
    }
}

@media screen and (max-width: 820px) {
    .decor_drone_rose {
        background: no-repeat 300px 5% url(./assets/images/Rose-Drone.svg) !important
    }

    .decor_drone_rose_pilot {
        background: no-repeat 400px top url(./assets/images/Rose-Drone.svg) !important
    }

    .decor_drone_t40 {
        background: no-repeat 180px 2% url(./assets/images/T40.avif) !important
    }
    .decor_drone_t50 {
        background: no-repeat 180px 2% url(./assets/images/T50_whitepropeller.webp) !important
    }

    .decor_drone_t30 {
        background: no-repeat 230px -1%/1000px 600px url(./assets/images/T30.avif) !important
    }

    .baner .baner_right {
        max-height: 300px;
        -ms-flex-preferred-size: 51%;
        flex-basis: 51%
    }

    .baner .baner_left {
        padding: 46px 0 26px 30px;
        max-width: 490px
    }

    .drone_descr_section .drone_descr_left .drone_advantages .drone_advantage_item .drone_advantage_item_title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: .875rem;
        line-height: 1.125rem
    }

    .advantages {
        margin-bottom: 70px !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 65%
    }

    .about_cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none !important;
        gap: 20px
    }

    .about_cards .about_card_item {
        max-width: 100% !important;
        border: 1px solid #262626 !important;
        border-radius: 10px !important
        
    }
    
    .companies_list .companies_list_item {
        scale: .7
    }

    .pilot_baner .pilot_baner_descr_title {
        font-size: 24px !important;
        line-height: 30px !important;
        margin-bottom: 24px !important;
        font-weight: 500 !important
    }

    .pilot_baner .pilot_baner_descr_list {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300
    }

    .schedule_cards {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .schedule_cards .schedule_card {
        padding: 40px
    }

    .form_section .form_left {
        display: none
    }

    .form_section .form_wrap {
        padding: 20px
    }

    .form_section .form_right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #262626;
        border-radius: 10px
    }

    .form_section .form_right .form_title_text {
        margin-bottom: 50px
    }

    .head_section_left_text {
        color: #fff
    }

   
    .about_cards .about_card_item .about_card_text {
        min-height: 160px;
    }
    .head_section_school_title h1 {
        max-width: 385px;
    }
    .vebinar_grid_item {
        min-height: 420px;
    }
    .item_baner {
        flex-direction: column;
    }
    ul.ceo_list.slider_list {
        margin-bottom: 0;
    }
    .vebinar_head_section {
        flex-direction: column;
        gap: 32px;
   }
   .about_vebinar_section {
        background-size: 200%;
   }
   .curent_event {
    flex-direction: column;
   }
   .curent_event_image {
    width: 100%;
    height: 320px;
   }
   .curent_event_image img {
    border-bottom-left-radius: 0;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
   }
   .curent_event_item {
    width: 100%;
    gap: 16px;
   }
}

@media screen and (max-width: 768px) {
    h2 {
        font-size: 2.375rem;
        line-height: 3rem
    }

    .footer__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .baner .baner_right {
        max-height: 300px;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }

    .baner .baner_left {
        padding: 46px 0 26px 20px;
        max-width: 460px
    }

    .not_found_section svg {
        width: 320px;
        height: 140px;
        margin-bottom: 30px !important
    }

    .list_left {
        padding: 20px !important
    }

    .list_right {
        padding: 20px !important
    }


    .curent_event_section {
        background-color: #1b1b1f;
    }
    .main_webinar {
        padding: 120px 0 50px;
    }
    .drone_page_head {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 20px;
    }
    .drone_head_left h1 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
    .academy_rose_baner {
        padding: 0px 30px;
    }
    
    * section {
        margin-bottom: 80px !important;
    }
    .first_section_wrapper h1 {
        font-size: 56px;
        line-height: 64px;
    }
    .first_section_wrapper h1:first-child {
        margin-bottom: 105px;
    }
    .first_section_wrapper img {
        max-height: 160px;
        max-width: 480px;
        top: 108px;
    }  
    .types_list {
        align-items: start;
    }
    ul.types_list li {
        width: 100%;
        gap: 40px;
    }  
    ul.types_list li p {
        width: 100%;
        min-width: 10%;
    }
    .baner_card_wrapper {
        flex-direction: column;
        gap: 16px;
    }
    .baner_card {
        width: 100%;
    }
    .ivn_carusel_section {
        padding: 100px 0;
    }
    .ivn_carusel_title h2 {
        text-align: center;
    }
    .ivn_carusel_title img {
        max-height: 72%;
        top: -100px;
    }
    .card_wrapper_tittle {
        flex-direction: column;
        gap: 16px;
    }
    .slider_item {
        flex-direction: column;
        gap: 16px;
    }
    .slider_item_wrap {
        width: 100%;
    }
    .slider_item_box {
        max-height: 420px;
    }
    .block {
        display: none;
    }
    .card_wrapper {
        min-height: 1140px;
    }
    .width {
        flex-basis: 66%;
    }
    .splide__arrow {
        top: 105% !important;
    }
    .splide__arrow.splide__arrow--prev {
        left: 42% !important;
    }
    .splide__arrow.splide__arrow--next {
        right: 42% !important;
    }
    .splide__arrow.splide__arrow--prev:disabled,
    .splide__arrow.splide__arrow--next:disabled {
        opacity: .3 !important;
    }
    ul.ceo_list {
        margin-bottom: 300px;
    }
    .ceo_card_wrapper img {
        bottom: 130px;
        right: 255px;
        max-width: 350px;
        max-height: 450px;
    }
    .ceo_card_wrapper {
        background-color: #2D2D2D;
    }
    .grid_section_wrapper {
        flex-direction: column;
        gap: 60px;
    }
    .height p.slider_item_title_text {
        min-height: 10px;
    }
    .drone_accordion_section .accordion__btn .accordion_title .course_name {
        font-size: 20px;
        line-height: 26px;
    }
    .accordion_text {
        font-size: 16px;
        line-height: 24px;
    }   
    .vnesennya_wrap {
        flex-direction: column;
    }
    .vnesennya_wrap_left {
        max-width: 100%;
    }
    .vnesennya_list_title {
        max-width: 100%;
    }
    .descr_list {
        max-width: 100%;
    }
    .big_pink_text {
        font-size: 24px;
        line-height: 32px;
    }
    .calc_wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .calc_right {
        width: 100%;
    }
    .slider_card_cases_title {
        font-size: 18px;
        line-height: 24px;
    }
    .video_section_tittle {
        font-size: 50px;
        line-height: 60px;
    }
    .course_section_8 {
        padding: 20px 0 80px;
      }
    .case_flex_left {
        padding: 16px;
    }
    .cases_button_block {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
        padding: 14px;
        border-radius: 8px;
    }
    .cases_button_block .case_pink_button {
        width: 100%;
    }
    .cases_button_block .small_text {
        font-size: 12px;
        line-height: 14px;
    }  
}

@media screen and (max-width: 720px) {
    .table {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .decor_drone_rose {
        background: none !important
    }

    .footer__menu {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .drone_descr_section .drone_descr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .using_drone_section {
        margin-bottom: 40px !important
    }

    .using_drone_section h3 {
        margin-bottom: 30px !important
    }

    .using_drone_section .using_drone {
        -ms-grid-columns: auto;
        grid-template-columns: auto
    }

    .using_drone_section .drone_card_item {
        padding: 12px
    }

    .baner .baner_left {
        padding: 28px 0 28px 10px
    }

    .baner .baner_left h3 {
        font-size: 20px;
        line-height: 28px
    }

    .baner .baner_right {
        display: none
    }

    .drone_head_section {
        padding: 0 !important
    }

    .drone_descr_left {
        padding: 10px 0 !important
    }

    .drone_descr_right {
        padding: 10px 0 !important
    }

    .drone_advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .drone_kit_section {
        margin-bottom: 40px
    }

    .drone_accordion_section {
        margin-bottom: 0px !important
    }

    .drone_accordion_section h3 {
        margin-bottom: 20px !important
    }

    .drone_accordion_section .accordion__btn {
        gap: 10px !important;
        padding: 12px 0 !important
    }

    .drone_accordion_section .accordion__btn .accordion_number {
        padding: 10px !important
    }

    .drone_accordion_section .accordion__btn img {
        height: 20px !important;
        width: 20px !important
    }

    .drone_accordion_section .panel ul {
        padding-left: 50px !important;
        margin-bottom: 8px !important;
        gap: 10px
    }

    .drone_accordion_section .panel ul li {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .pilot_baner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: none !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .list_wrap {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .schedule_cards .schedule_card {
        padding: 20px
    }

    .schedule_cards .schedule_card_title .schedule_card_title_number {
        font-size: 60px;
        line-height: 60px
    }

    .schedule_cards .schedule_card_title .schedule_card_title_text {
        font-size: 20px;
        line-height: 30px
    }

    .schedule_cards .schedule_card_list li {
        font-size: 14px;
        line-height: 18px
    }
    .form_right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .form_popup,
    .popup.active_popup .form_popup {
        width: 100%;
        height: 100%;
        border-radius: none;
    }
    .head_section_school {
        margin-bottom: 110px !important;
    }
    .head_section_school_subtitle {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
        text-transform: none;
    }
    .head_section_school_subtitle span {
        color: #fff;
        font-weight: 700;
    }
    .pink_border {
        display: none !important;
    }
    .pink_button_school {
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 10px 16px;
    }
    .black_button_school {
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 6px 16px;
    }
    
    .pink_button_school svg.svg_button {
        display: none;
    }
    .course_table_card_title {
        padding: 10px 0;
    }
    .head_section .head_section_left .advantages .advantage_card .advantage_card_title {
        color: #de1483;
    }
    
    h1.vebinar_h1 {
        font-size: 30px;
        line-height: 40px;
        max-width: 100% !important;
    }
    h3.vebinar_page_h3 {
        font-size: 30px;
        line-height: 38px;
        text-transform: uppercase;
    }
    .speaker_card_item_title {
        font-size: 20px;
        line-height: 30px;
    }
    .vebinar_grid_item_title_text {
        font-size: 20px;
        line-height: 30px;
    }
    .vebinar_grid_item {
        padding: 20px;
        border-radius: 10px;
        min-height: 280px !important;
    }
    .curent_event_item {
        gap: 15px;
    }
    .about_vebinar_wrap {
        padding: 40px 20px;
        border-radius: 16px;
        margin-bottom: 40px;
    }
    .vebinar_grid_item_text {
        font-size: 16px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .vebinar_grid_item_number {
        bottom: -16px;
        right: -20px;
        font-weight: 500;
        line-height: 100px;
        font-size: 100px;
    }
    .thanks_popup_item {
        width: 90%;
        height: 50%;
    }
    .thanks_popup_text h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .thanks_popup_text {
        max-width: 250px;
    }
    .vnesennya_block_item {
        flex-direction: column;
    }
    .vnesennya_block {
        gap: 60px;
        padding: 20px 0;
    }
    .reverse {
        flex-direction: none;
    }
    .catalog_grid_wrapper {
        grid-template-columns: repeat(1, 1fr);
        justify-content: stretch;
    }
    .catalog_image {
        width: 100%;
        
    }
    .catalog_card_price {
        margin-bottom: 10px;
    }
    .article_head {
        margin-bottom: 40px;
    }
    .article_head_block {
        padding: 10px;
        bottom: 53px;
    }
    .article_title {
        font-size: 16px;
        line-height: 20px;
    }
    .article_date {
        display: none;
    }
    .article_filter_value {
        display: none;
    }
    .article_head img {
        margin-bottom: 20px;
    }
    .mob_ver_blog_card {
        display: block;
    }
    .article_date_mob {
        font-size: 14px;
        line-height: 18px;
    }
    .sale_baner {
        padding: 40px 30px;
    }
    .drone_accordion_section.calc_section {
        background-color: rgba(169, 171, 199, 1);
        background-image: url(./assets/images/calc_bg.png);
        background-repeat: no-repeat;
        border-radius: 16px;
        margin-bottom: 50px !important;
    }
    .calc_section_wrapper {
        background-color: inherit;
        background-image: none;
        padding: 40px 0;
    }
    .drone_accordion_section  .accordion__btn.calc_btn {
        padding: 12px 10px !important;
    }
    .accordion__item.calc_box {
        border-radius: 8px;
    }
    .result-section {
        border-radius: 8px;
    }
    .drone_accordion_section.vnes {
        margin-bottom: 50px !important;
    }
    .drone_accordion_section.vnes .accordion__btn .accordion_title .course_name {
        font-size: 16px;
        line-height: 20px;
    }
    .economy_section h2 {
        text-align: left;
    }
    .images_wrapper {
        gap: 12px;
    }
    .images_item {
        width: 160px;
        height: 160px;
    }
    .slider_card_cases {
        padding: 24px 12px;
    }
    .vnesennya_button {
        padding: 12px;
    }
    .slider_item_box.text p {
        min-width: 60px;
    }
    .fix_list_item {
        padding: 20px 30px;
        background-image: url("data:image/svg+xml,%3csvg width='1' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%' fill='none' stroke='%23DE1483FF' stroke-width='2' stroke-dasharray='10' stroke-dashoffset='' stroke-linecap='line'/%3e%3c/svg%3e");
    }
    .fix_list_item svg {
        top: 20px;
    }
    .fix_list_item_title {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .shop_link {
        width: 100%;
    }
    .course_section_8_flex {
        flex-direction: column;
        gap: 24px;
      }
      .faq {
        padding: 0;
      }
      .accordion-faq  {
        width: 100%;
      }
      .course_section_8 {
        height: 100%;
      }
      .article_video iframe {
        height: 250px;
    }
    .vebinar_head_section_subtitle {
    flex-direction: column;
    align-items: flex-start;
  }
  .speaker_card {
    flex-direction: column;
    max-height: 100%;
  }
  .speaker_card .card_image img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
  }
  .about_vebinar_section {
    background-size: 800%;
  }
  .vebinar_grid {
    grid-template-columns: 1fr;
  }
  .about_vebinar_wrap {
    padding: 0;
  }
  .vebinar_baner_section {
    padding: 32px 0;
    background: 
    url('./assets/images/gradient_vebinar_bg.png')  center 100%/ 200% no-repeat,
    linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(222, 20, 131, 1) 70%);
  }
  .vebinar_baner_section .vebinar_page_h3 {
    margin-bottom: 8px !important;
  }
  .vebinar_baner_section p {
    margin-bottom: 240px;
  }
  .card_image {
    width: 100%;
  }
  .curent_event_image {
    height: 200px;
  }
  .grid_wrapper {
    grid-template-columns: 1fr;
  }
  .past_event_card_item h3.event_card_text {
    margin-bottom: 8px;
  }
  .past_event_image {
    height: 200px;
  }
  .past_event_image img {
    object-fit: cover;
  }
}

@media screen and (max-width: 480px) {
    section {
        margin-bottom: 50px !important
    }

    .decor_drone_t40 {
        background: no-repeat 105px 2%/400px 200px url(./assets/images/T40.avif) !important
    }

    .decor_drone_t50 {
        background: no-repeat 105px 2%/400px 200px url(./assets/images/T50_whitepropeller.webp) !important
    }

    .decor_drone_t30 {
        background: no-repeat -18% -1%/600px 400px url(./assets/images/T30.avif) !important
    }
    
    h1 {
        max-width: 298px !important;
        margin-bottom: 30px !important
    }

    p {
        font-size: 14px !important;
        line-height: 18px !important
    }

    h3 {
        font-size: 1.5rem;
        line-height: 2.125rem;
        margin-bottom: 20px !important
    }

    .head_section_left_text {
        max-width: 340px !important;
        margin-bottom: 20px !important;
        font-size: 18px !important;
        line-height: 24px !important;
    }
    
    .footer__menu {
        gap: 3.125rem
    }

    .footer__logo {
        width: 70%
    }

    .contacts_section h3 {
        margin-bottom: 40px !important
    }

    .contacts_section .contacts_block .contacts_left {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-height: 600px
    }

    .contacts_section .contacts_block .adress {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 1;
        grid-column-end: 2
    }

    h1 {
        font-size: 1.5rem;
        line-height: 2.125rem
    }

    .companies_list {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: auto auto !important;
        grid-template-columns: auto auto !important;
        gap: 20px
    }

    .companies_list .companies_list_item {
        width: 100%
    }

    .advantages {
        max-width: 100%;
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: 1fr 1fr !important;
        grid-template-columns: 1fr 1fr !important;
        margin-bottom: 0 !important
    }

    .advantages .advantage_card {
        padding: 7px 10px !important;
        max-width: 166px !important;
    }

    .advantages .advantage_card .advantage_card_title {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .ceo_photo {
        margin: 0 !important;
        max-width: 100% !important
    }

    .form_section label.checkmark {
        font-size: 14px
    }

    .drone_descr_section .drone_descr_left .drone_advantages .drone_advantage_item .drone_advantage_item_title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .baner_left {
        max-width: 365px !important
    }

    .drone_descr_text {
        max-width: 365px !important
    }

    .pilot_baner .ceo_photo {
        max-height: 500px !important
    }

    .pilot_baner .pilot_baner_descr {
        padding: 0 10px 20px !important
    }
    
    .about_cards .about_card_item .about_card_text ul li {
        font-size: 14px;
        line-height: 18px;
    }
    .privacy_policy_item ul li {
        font-size: 14px;
        line-height: 18px;
    }
    .drone_card_item.school_card_item p {
        font-size: 22px !important;
        line-height: 34px !important;
        max-width: 220px;
        
    }
    .drone_card_item.school_card_item {
        padding: 20px 10px;
    }
    .course_table_card_descr p {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .big_button svg {
        width: 20px;
        height: 20px;
    }
    .big {
        padding: 16px 20px;
        width: 100%;
    }
    .pilot_baner_descr .pilot_baner_descr_list ul li {
        max-width: 320px;
    }
    .baner .baner_left p {
        max-width: 280px;
    }
    .review_item {
        padding: 5px;
    }
    .about_cards .about_card_item .about_card_text {
        min-height: 180px;
    }
   
    h3.event_card_title {
        margin-bottom: 0 !important;
    }
    .catalog_card_title {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .catalog_filter_button {
        font-size: 14px;
        line-height: 18px;
    }
    .head_section_school_title p {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .head_section_school_title h1 {
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .head_section_school_buttons {
        flex-direction: column;
    }
    .academy_using_drone_card {
        background: #A9ACB7 no-repeat 244px -29px url(./assets/images/Vector-x.svg);
    }
    .school_card_item {
        gap: 50px;
    }
    .school_card_item p:first-child {
        font-size: 24px !important;
        line-height: 26px !important;
    }
    .price_section h2 {
        margin-bottom: 20px;
    }
    p.price_card_title_text {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .price_card_title_text {
        margin-bottom: 20px;
    }
    .popular_title {
        align-items: start;
    }

    .price_card {
        gap: 50px;
        min-height: 320px;
        flex-basis: 100%;
    }
    .price_card_buttons {
        flex-direction: column;
        gap: 10px;
    }
    .price_button {
        width: 100%;
        text-align: center;
    }
    .drone_accordion_section .accordion__btn .accordion_title .course_name {
        font-size: 20px;
        line-height: 26px;
    }
    .drone_accordion_section .academy_accordion_btn {
        padding: 12px !important;
    }
    .academy_accordion_content {
        flex-direction: column;
        padding: 0 12px;
    }
    .descr {
        margin-bottom: 16px;
    }
    .table {
        width: 100%;
    }
    .table_item {
        font-size: 14px;
        line-height: 18px;
    }
    .table_item_title {
        flex-basis: 60%;
    }
    h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .accordion_title_image {
        padding: 8px 14px;
    }
    .academy_rose_baner_right {
        display: none;
    }
    .academy_rose_baner_left {
        padding: 30px 0;
    }
    .academy_speakers_section_title {
        text-align: center;
    }
    .academy_speakers_flex {
        justify-content: center;
    }
    .adv_grid_item {
        padding: 20px;
    }
    .academy_black_baner {
        padding: 40px 20px;
    }
    .academy_black_baner_title {
        font-size: 30px;
        line-height: 36px;
    }
    .academy_black_baner_text {
        margin-bottom: 40px;
    } 
    .mob_ver_blog_card {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 10px;
    }  
    p.blog_card_title {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .blog_card_item {
        min-height: 220px;
    }  
    p.big_text {
        font-size: 18px !important;
        line-height: 24px !important;
    }
    .first_section_wrapper h1 {
        font-size: 45px;
        line-height: 52px;
    }
    .first_section_wrapper h1:first-child  {
        margin-bottom: 100px !important;
    } 
    .first_section_wrapper img {
        max-height: 120px;
        max-width: 350px;
    }
    .button_item svg {
        width: 18px;
        height: 18px;
    }   
    .ivn_buttons {
        flex-direction: row;
    } 
    .list_title,
    .card_list_section h2,
    .img_section h2,
    .gray_baner_section h2,
    .ivn_carusel_title h2,
    .grid_section_wrapper h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .list_subtitle {
        font-size: 40px !important;
        line-height: 48px !important;
    } 
    .inv_button {
        padding: 12px 16px;
    }  
    .no_arrow svg {
        display: none;
    }
    .grid_section_wrapper h2 {
        text-align: left;
        width: 100%;
    }
    .grid_wrap {
        grid-template-columns: 1fr;
    }
    .grid_card {
        min-height: 160px;
    }
    .grid_card h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .grid_card p {
        max-width: 72%;
    }
    .big_card_1 {
        grid-column-start: 1;
        grid-column-end: 2;
    }  
    .big_card_4 {
        grid-column-start: 1;
        grid-column-end: 2;
    }  
    .card_list_subtitle {
        font-size: 16px !important;
        line-height: 24px !important;
    }  
    .gray_baner_section {
        padding: 48px 0;
    } 
    .gray_baner_section h2 {
        margin-bottom: 48px;
    }
    .baner_card_small_text {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 0;
    }  
    .baner_card_pink_text {
        font-size: 24px !important;
        line-height: 32px !important;
    } 
    .baner_card {
        min-height: 180px;
    } 
    .ivn_carusel_title img {
        height: 34%;
        top: -30px;
    }
    .ivn_carusel_section {
        padding-top: 65px;
    }
    .card_wrapper {
        padding: 40px 10px;
    }
    .slider_subtitle,
    .slider_price {
        font-size: 16px;
        line-height: 24px;
    }
    .slider_title {
        font-size: 22px ;
        line-height: 30px ;
    } 
    .margin {
        min-height: 74px;
    }
    .card_wrapper_tittle_item {
        gap: 29px;
    }
    .slider_item_box,
    .slider_item_title_pink,
    .slider_item_title_gray {
        padding: 12px;
    }
    .splide__arrow.splide__arrow--prev {
        left: 33% !important;
    }
    .splide__arrow.splide__arrow--next {
        right: 33% !important;
    }
    .card_wrapper {
        min-height: 880px;
    }
    .width {
        flex-basis: 70%;
    }
    .ceo_card_wrapper {
        padding: 16px;
        gap: 32px;
    }
    .ceo_card_wrapper img {
        bottom: 135px;
        right: 10px;
        max-width: 300px;
        max-height: 370px;
    }
    .quote {
        padding: 16px;
    }
    .quote svg {
        width: 40px;
        height: 32px;
        top: -20px;
        left: 20px;
    }
    .grid_wrapper {
        grid-template-columns: 1fr;
    }
    .curent_event_section {
        background: inherit;
    }
    .video_section_tittle {
        font-size: 40px;
        line-height: 48px;
    }
    .splide__arrow {
        top: 125% !important;
    }
    .carusel_photo {
        border-radius: 8px;
        height: 190px;
    }
    .carusel_title {
        margin-bottom: 24px;
    }
    .carusel_subtitle {
        margin-bottom: 16px;
    }
    .item_baner_right {
        width: 100%;
    }
    .item_baner_right .price_card_buttons {
        flex-direction: row;
        margin-bottom: 20px;
    }
    .drone_head_left .price_card_buttons {
        flex-direction: row;
        margin-bottom: 20px;
    }
    .drone_head .price_card_buttons {
        flex-direction: row;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 420px) {
    .decor_drone_t40 {
        background: no-repeat 105px 1%/400px 200px url(./assets/images/T40.avif) !important
    }
    .decor_drone_t50 {
        background: no-repeat 105px 1%/400px 200px url(./assets/images/T50_whitepropeller.webp) !important
    }
}

@media screen and (max-width: 360px) {
    .decor_drone_t40 {
        background: no-repeat 105px 1%/400px 200px url(./assets/images/T40.avif) !important
    }

    .decor_drone_t50 {
        background: no-repeat 105px 1%/400px 200px url(./assets/images/T50_whitepropeller.webp) !important
    }

    .decor_drone_t30 {
        background: no-repeat -18% -1%/600px 400px url(./assets/images/T30.avif) !important
    }

    .form_popup,
    .popup.active_popup .form_popup {
        width: 100%;
        height: 100%
    }
    .vebinar_grid_item_title_text {
        font-size: 20px;
        line-height: 30px; 
    }
    .vebinar_grid_item_text {
        font-size: 16px;
        line-height: 20px;
    }
    .vebinar_head_section_subtitle_item {
        padding: 5px 12px;
    }
    .vebinar_head_section_subtitle {
        gap: 5px;
    }
    .economy_section h2 {
        max-width: 200px;
    }
    .images_wrapper {
        gap: 4px;
    }
}
.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    color: #fff !important;
    background: #de1483 !important;
    border: 0;
    border-radius: 8px !important;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 48px !important;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px !important;
    z-index: 1;
}
.splide__arrow--prev {
    left: -24px !important;
}
.splide__arrow--next {
    right: -24px !important;
}
.splide__arrow:disabled {
    opacity: 0 !important;
}
.wpcf7-response-output {
    display: none;
}
article iframe {
    aspect-ratio: 2/1;
    width: 100%;
}


.woocommerce-cart-form {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

/* Блок товаров */
.cart-items {
    width: 65%;
}

/* Карточка товара */
.cart-item {
    background: #2D2D2D;
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: 0.3s;
}

.cart-item:hover {
    background: #222;
}

/* Изображение */
.cart-item-image a {
    aspect-ratio: 1/1;
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1b1b1f;
    border-radius: 8px;
}
.cart-item-image img {
    width: 50%;
    height: 50%;
}

/* Информация о товаре */
.cart-item-info {
    flex-grow: 1;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cart-item-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.cart-item-price {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

/* Количество */
.cart-item-quantity input {
    width: 50px;
    height: 36px;
    text-align: center;
    background: inherit;
    color: white;
    border-top: 1px solid #838383;
    border-bottom: 1px solid #838383;
    
}

/* Кнопка удаления */
.cart-item-remove a {
    font-size: 20px;
    color: #de1483;
    text-decoration: none;
    margin-left: 15px;
}

/* Блок заказа */
.cart-summary {
    width: 30%;
    background: inherit;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #de1483;
}

/* Заголовок блока заказа */
.cart-summary h2 {
    font-size: 22px;
    text-align: center;
    color: #de1483;
    margin-bottom: 15px;
}

/* Детали заказа */
.cart-summary-details p {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.cart-summary-total {
    font-weight: bold;
    font-size: 20px;
    color: #de1483;
}

/* Кнопки */
.btn-update-cart,
.btn-checkout {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px;
    margin-top: 15px;
    border-radius: 8px;
    background: #de1483;
    color: white;
    text-decoration: none;
    transition: 0.3s;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    transition: all ease-in .4s;
}

.btn-checkout:hover {
    scale: 1.05;
}

.cart-item-quantity {
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Кнопки + и - */
.qty-btn {
    background: inherit;
    color: #fff;
    width: 30px;
    height: 36px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
    
}
.minus {
    border-top: 1px solid #838383;
    border-bottom: 1px solid #838383;
    border-left: 1px solid #838383;
    border-right: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.plus {
    border-top: 1px solid #838383;
    border-bottom: 1px solid #838383;
    border-right: 1px solid #838383;
    border-left: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}


.cart-qty-input {
    width: 40px;
    height: 100%;
    text-align: center;
    border: none;
    background: inherit;
    color: white;
    font-size: 16px;
    pointer-events: none; 
}

/* Убираем стрелочки в input (для Chrome, Firefox, Edge, Opera) */
.cart-qty-input::-webkit-outer-spin-button,
.cart-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-qty-input {
    -moz-appearance: textfield; /* Для Firefox */
}
.cart-item-text {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}



/* Заголовки */
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout legend {
  color: #fff;
  margin-bottom: 1rem;
}

/* Контейнеры форм и полей */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  background-color: #111;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}

/* Подписи к полям */
.woocommerce-checkout .form-row label,
.woocommerce-checkout label {
  display: block;
  margin-bottom: 0.5rem;
}


.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  width: 100%;
  padding: 0.5rem !important;
  margin-bottom: 1rem !important;
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  background-color: #1a1a1a !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

/* Кнопка оформления заказа */
.woocommerce-checkout button.button,
.woocommerce-checkout input[type="submit"],
.woocommerce-checkout button[type="submit"] {
  background-color: #DE1483 !important;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.woocommerce-checkout button.button:hover,
.woocommerce-checkout input[type="submit"]:hover,
.woocommerce-checkout button[type="submit"]:hover {
  background-color: #f81b9a; /* чуть светлее при наведении */
}

/* Уведомления и сообщения */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
  background-color: #DE1483 !important;
  color: #fff;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}

/* Дополнительно: ссылки */
.woocommerce-checkout a {
  color: #DE1483;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.woocommerce-checkout a:hover {
  color: #f81b9a;
}

/* === Product Page === */
.product-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 20px;
}

.product-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}

.product-gallery {
  flex-basis: 48%;
  max-width: 600px;
  height: 100%;
  border-right: 1px solid #fff;
  padding-right: 10px;
}

.product-gallery img {
  width: 100%;
  border-radius: 10px;
  height: 320px;
}

.gallery-thumbs {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.gallery-thumbs img {
  width: 80px;
  height: auto;
  border: 2px solid transparent;
  cursor: pointer;
  border-radius: 4px;
}

.gallery-thumbs img:hover {
  border-color: #e6007e;
}
#main-image {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

#main-image.fade-out {
  opacity: 0;
}
.product-info {
  flex-basis: 48%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.product-info h1 {
  font-size: 32px;
  margin-bottom: 16px;
}

.short-description {
  font-size: 16px;
  margin-bottom: 20px;
}
.product_list_1 ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 0;
}
.product_list_1 ul li {
    display: flex;
    text-align: left;
}
.product_list_1 ul li p.bold_text {
    flex-basis: 40%;
}
.price.one_product {
  font-size: 46px;
  line-height: 46px;
  font-weight: 800;
  color: #fff;
}

.product_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.product_price .button {
    background-color: #de1483;
    color: #fff;
}
.line {
    border-bottom: 1px solid #424242;
}

.product-specs {
  margin-bottom: 80px;
}

.product-specs h2 {
  font-size: 48px;
  margin-bottom: 52px;
  font-weight: 400;
  text-align: center;
}

.table_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.table_grid_item {
    border-bottom: 1px solid #424242;
    padding:0 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
}
.product_flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 80px;
}
.product_video {
    flex-basis: 48%;
}

.product-description {
  flex-basis: 48%;
}

.product-description h2 {
  font-size: 48px;
  line-height: 52px;
  font-weight: 400;
  margin-bottom: 48px;
}


@media (max-width: 768px) {
  .product-top {
    flex-direction: column;
  }

  .main-features {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-video iframe {
    height: 250px;
  }
}

.stock.in-stock {
  display: none !important;
}


form.cart .quantity {
  display: none !important;
}

.main_features {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}
.feature {
    flex-basis: 24%;
    position: relative;
    background-color: #2D2D2D;
    border-radius: 4px;
    padding: 16px 16px 16px 60px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.feature_logo {
    position: absolute;
    top: -12px;
    left: -12px;
    background-color: #de1483;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
}
.feature .bold_text {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}
.feature .thin_text {
    font-weight: 100;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}
.agx-form{
  padding:32px 28px 28px;
  display:flex; flex-direction:column; gap:16px;
  color:#E6E6EA;
}
.agx-title{
  margin:0;
  font-weight:800;
  font-size: clamp(24px, 3.2vw, 40px);
  letter-spacing:.06em;
}
.agx-subtitle{
  margin:4px 0 8px;
  color:#B4B5BC;
  font-size:14px;
  line-height:1.5;
}

/* Fields */
.agx-field{ display:flex; flex-direction:column; gap:8px; }
.agx-input{
  width:100%;
  height:48px;
  border:1px solid #2A2931;
  background:#16151B;
  color:#EDEDF2;
  border-radius:12px;
  padding:0 14px;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
  margin-bottom: 8px;
}
.agx-input::placeholder{ color:#6C6D75; }
.agx-input:focus{
  border-color:#de1483;
  box-shadow:0 0 0 3px rgba(139,92,246,.15);
}

/* Phone group */
.agx-phone{
  display:grid;
  grid-template-columns: 44px 64px 1fr;
  align-items:center;
  gap:8px;
}
.agx-phone .agx-input--phone{
  height:48px;
}
.agx-flag{
  width:44px; height:48px;
  display:grid; place-items:center;
  background:#1A1920; border:1px solid #2A2931;
  border-radius:12px;
}
.agx-flag img{ width:22px; height:auto; display:block; }
.agx-dial{
  height:48px; display:grid; place-items:center;
  padding:0 10px;
  color:#EDEDF2;
  background:#1A1920; border:1px solid #2A2931;
  border-radius:12px;
  font-weight:600;
}

/* Checkbox */
.agx-check{
  display:flex; align-items:center; gap:10px;
  user-select:none; cursor:pointer;
  margin-bottom: 40px;
}
.agx-check input{ position:absolute; opacity:0; pointer-events:none; }
.agx-checkbox{
  width:20px; height:18px; border-radius:4px;
  border:1px solid #2A2931; background:#16151B;
  box-shadow: inset 0 0 0 2px transparent;
  position:relative; transition:.15s;
}
.agx-check input:checked + .agx-checkbox{
  border-color:#de1483; background:#de1483;
}
.agx-check input:checked + .agx-checkbox::after{
  content:""; position:absolute; left:5px; top:2px;
  width:6px; height:10px; border:2px solid #fff;
  border-left:none; border-top:none; transform:rotate(45deg);
}
.agx-check-text{
  font-size:12px; line-height: 14px; color:#6C6D75;
}

/* Button */
.agx-btn{
  margin-top:4px;
  height:50px; border:none; border-radius:6px;
  color:#fff; font-weight:400; letter-spacing:.02em;
  font-size: 16px;
  line-height: 24px;
  background: #de1483;
  cursor:pointer; transition: transform .06s ease, filter .2s ease;
  width: 100%;
  padding: 8px;
}
.agx-btn:hover{ filter:brightness(1.05); }
.agx-btn:active{ transform: translateY(1px); }