@font-face { 
    font-family: 'SuisseBPIntl';
    src: url('../fonts/SuisseBPIntl-Bold.woff'),
    url('https://nomail.com.ua/files/woff/5298a02411b477d3af2fb215045a4ab8.woff') format('woff');
    font-weight: 700;
    font-style: normal; }

@font-face { 
    font-family: 'SuisseBPIntl';  
    src: url("../fonts/SuisseIntl-Regular.woff"),
    url('https://nomail.com.ua/files/woff/7d75bcdf69f8e6b3d4d76b819a42cc5f.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}
*, *::before, *::after {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul,
ol,
li {
    list-style: none;
}
img {
    vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}
h1, h2, h3 {
    font-family: 'SuisseBPIntl';
    font-weight: normal;
}
html, body {
    height: 100%;
}
:root {
    --font_size_p_17: 17px;
    --font_size_p_16: 16px;
    --font_size_p_15: 15px;
    --font_size_p_14: 14px;
    --font_size_p_11: 11px;
    --font_size_popup_10: 10px;
    --font_size_h1_96: 96px;
    --font_size_h1_48: 48px;
    --font_size_technologies: 32px;
    --font_size_splide_h1: 24px;
    --font_size_selection_h1: 42px;
    --border_radius_70: 70px;
    --border_radius_100: 100px; 
}   
body {
    font-size: var(--font_size_p_17);
    line-height: 1;
    font-family: 'Manrope';
    color: #000;
    background: #D9E5F2;
    position: relative;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;   
}
header, section, main, footer {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
header {
    overflow: visible;
}

button {
   background: none;
   outline: none; 
}
.header {
    background: #F3F3FF;
    height: 0px;
    padding: 0 20px
    }

:root {
    --wrapper_width: 96.5%; 
    --content_wrapper_width: 95%;
}
.wrapper {
    max-width: var(--wrapper_width); 
    margin: 0 auto;
}
.content_wrapper{
    max-width: var(--content_wrapper_width); 
    margin: 0 auto;
}
.nav {
    padding: 0 30px;
    border-radius: 90px;
    background: #FFFFFF;
    transition: all 1s;
    z-index: 999;
    position: relative;
    top: 45px;
}
.nav.open{
    background: rgba(255, 255, 255, 0.5);
}
.all_nav_wrapper {
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo {
    transition: all 1s;
    position: relative;
    z-index: 99;
}
.logo.open img{
    opacity: 0.5;
    transition: all 1s;
}

.menu_wrapper .switcher {
    margin-top: 100px;
    margin-right: -15px;
}

.main_section .switcher {
    position: absolute;
    right: 70px;
    bottom: 115px;
}

.switcher {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.switcher__separator {
    display: block;
    font-weight: 500;
    font-size: 20px !important;
}
.switcher__link {
    color: #000;
    font-weight: 500;
    font-size: 20px !important;
    font-weight: 700;
}
a.switcher__link {
    font-weight: 400;
    transition: opacity .2s ease;
}
a.switcher__link:hover {
    opacity: .6;
}
@media (min-width: 1023px) {
    .logo:hover .logo_text {
        opacity: 1;
        transition: opacity 0.5s ease;
    }
}
.logo:hover #logo_text1{
    transition-delay: 0s;
}
.logo:hover #logo_text2{
    transition-delay: 0.3s;
}
.logo:hover #logo_text3{
    transition-delay: 0.6s;
}
#logo_text1 {
    transform: translate(52px, 5px);
    transition-delay: 0.3s;
}
#logo_text2 {
    transition-delay: 0.1s;
    transform: translate(75px, 5px);
}
#logo_text3 {
    transform: translate(99px, 20px);
    transition-delay: 0s;
}
.logo_text {
    position: absolute;
    font-family: 'SuisseBPIntl';
    font-weight: normal;
    font-size: var(--font_size_p_16);
    color: #000;
    top: 0px;
    transform: translateX(52px);
    transition: opacity 0.5s ease;
    opacity: 0;
}
.burger  {
    width: 49px;
    height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    transition: all 1s;
    z-index: 99;
}
.burger:hover {
    cursor: pointer; 
    transition: all .1s;    
}
.button_fixed_container {
    width: var(--wrapper_width);
    margin: 0 auto;
    right: 0;
    position: fixed;
    top: 45px;
    background: none;
    z-index: 9;
    transition: all .4s;
}
#button_fixed_wrapper {
    position: absolute;
    top: -10px;
    right: 30px;
    border-radius: 90px;
    background: #fff;
    padding: 14px 26px;
    width: 97px;
    visibility: hidden;
    z-index: 9;
    transform: translateX(200px);
    transition: all .4s ease .2s;  
}
#button_fixed_wrapper.is-fixed {
    visibility: visible;
    transform: translateX(0);
    transition: all .4s;
}
@media (min-width: 1200px) {

.burger:hover .burger_line1 {
    transform: translateY(0px);
    transition: all .2s;   
}
.burger:hover .burger_line2 {
    transform: translateY(0px);
    transition: all .2s;   
}
}
.burger_line {
    position: absolute;
    top: 7px;
    width: 100%;
    height: 13.7%;
    background-color: #000;
    transition: all .2s;  
}
.burger.open .burger_line1{
transform: rotate(-45deg);
}
.burger.open .burger_line2{
transform: rotate(45deg);
}
.burger_line1 { 
    transform: translateY(-6px);
}
.burger_line2 {
    transform: translateY(6px);
}
.menu_wrapper {
    position: absolute;
    top: -50px;
    right: 0px;
    text-align: right;
    background-color: #FFFFFF;
    width: 660px;
    height: 100vh;
    max-height: 800px;
    z-index: 1;
    border-top-left-radius: 95px;
    border-bottom-left-radius: 95px;
    transition: all 1s ease;
    visibility: hidden;
    transform: translateX(200%);
}
.menu_wrapper.open {
    transform: translateX(0%);
    visibility: visible;
    padding-right: 100px;
    z-index: 1;
}
.menu_wrapper.open_fixed {
    transform: translateX(0%);
    width: 700px;
    padding-right: 50px;
    z-index: 1;
    transition: all 1s;
    visibility: visible;
}
section .all_wrapper{
    transition: opacity 1s;
}
section.open .all_wrapper{   
    opacity: 0.5;
    transition: opacity 1s;
}
.form_section.open{   
    opacity: 0.7;
    transition: opacity 1s;
}
section.open #wrapper_first {
    opacity: 1;
}
#wrapper_first {
    opacity: 1;
}
footer.open .footer_left_wrapper{
    opacity: 0.5;
}
footer.open .footer_right_wrapper{
    opacity: 0.5;
}
.menu {
    padding-top: 15%;
}
.menu a{
    color: #000;
    font-size: var(--font_size_h1_48);
    font-weight: 500;
}
.menu li{
   padding-top: 45px;
   padding-right: 55px;
}
.menu a{
    transition: all 0.5s; 
}
.menu a:hover {
    opacity: 0.6;
}
.main_section {
    height: auto;
    background: #F3F3FF;
    border-radius: var(--border_radius_70);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    height: 850px;
    position: relative;
}
/* .downArrow_wrapper {
    padding-bottom: 200px;
} */
.offer {
    width: 776px;   
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    height: 250px;
}
.offer_wrapper {
    padding-top: 260px;
    padding-bottom: 195px;
}
.offer_h1 {
    font-size: var(--font_size_h1_96);
}
#offer_h1_1 {
    margin-right: 25px;
}
#offer_h1_bottom {
    margin-top: -10px;
    width: 42%;
}
.button_wrapper {
    color: #F3F3FF;
    border-radius: 42px;
    max-width: 140px;
    width: 100%;
    height: 113px;
    position: relative;
    left: 254px;
    background: #455D9E;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    right: 0px;
    bottom: -30px;
    z-index: 5;
    transform-origin: right;
    box-shadow: 0px 7px 41px rgba(69, 93, 158, 0.25);
}
.button_wrapper img{
    margin-right: 56px;
    z-index: 5;
    pointer-events: none;
}
.button_wrapper p{
    font-weight: 700;
    white-space: nowrap;
    position: absolute;
    right: 118px;
    color: #F3F3FF;
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    transition: opacity .2s ease .3s;
}
.button_wrapper:active {
    scale: 0.9;
}
.button_open {
        position: absolute;
        width: inherit;
        height: inherit;
        background: inherit;
        border-radius: inherit;
        border-top-right-radius: inherit;
        border-bottom-right-radius: inherit;
        z-index: 0;
        transform-origin: right;
        transition: all .4s;
        transform: translateX(0px);
        transition: all .6s ease .3s;
        box-shadow: 0px 7px 41px rgba(69, 93, 158, 0.25);
}
.button_wrapper:hover .button_open{
    padding-left: 280px;
    transition: all .6s;
}
.button_wrapper:hover p{
    opacity: 1;
}
.offer_p {
    position: absolute;
    left: 0;
    bottom: -15px;
    padding-left: 9px;
    width: 340px;
}
.main_wrapper {
    display: flex;
}
.main_element {
    position: absolute;
    right: -75%;
    top: -40%;
    z-index: -1;
    max-width: 524px;
    pointer-events: none;
}
.main_element_wrapper {
    position: relative;
    width: 1000px;
    height: 600px;
    right: 0;
}
.downArrow {
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 100%;
    padding: 0;
    transition: all .2s;
}

.downArrow:hover {
    opacity: 0.8;
}
.aboutUs {
    background:#D9E5F2;
    border-radius: var(--border_radius_70);
    height: 100%;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
    background-image: url(../img/about_texture.webp);
    background-position: top right;
    background-repeat: no-repeat;
    transition: none;
}
.parallax_section {
    transition: initial;
}
.about_texture {
    position: absolute;
    top: 0;
    right: 0;
    width: 360px;
}
#wrapper_3 {
    position: relative;
    height: 100%;
    padding-top: 300px;
}
.about {
    position: absolute;
    width: 100%;
    height: 180px;
    background: #F3F3FF;
    border-radius: 60px;
    transition: height 1.5s ease,
                transform .4s ease;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}
.about:hover {
    cursor: pointer;
    transform: translateY(-10px);
    transition: height 1.5s ease,
                transform 1s ease;
}
.about_wrapper {
    position: relative;
    height: 280px;
}
.about img {
    transition: all 1.5s ease;
}

.D_block {
    position: absolute;
    left: 425px;
    width: 70px;
    height: inherit;
    background: inherit;
}
.about h1 {
    font-family: 'SuisseBPIntl';
    font-weight: 700;
    font-size: var(--font_size_h1_96);
    position: absolute;
}
:root {
    --about_h1_position: 762px;
}
.about_h1_1 {
    position: absolute;
    top: -65px;
    left: 234px;
    pointer-events: none;
  }
.about_h1_2 {
    left: var(--about_h1_position);
    transition: transform 1.5s cubic-bezier(0,.98,1,.2);
}
.about_h1_3 {
    left: calc(var(--about_h1_position) + 5.5px);
    bottom: 0;
    transition: transform 1.5s cubic-bezier(0,.98,1,.2);
}
:root {
    --about_p_width: 326px;
}
.about_p_wrapper {
    display: flex;
    flex-direction: column;
    width: var(--about_p_width);
    position: absolute;
    margin: auto;
    left: calc(var(--about_h1_position) + 7px); 
    top: 30px;
}
.about_p_wrapper p {
    font-weight: 600;
    font-size: var(--font_size_p_14);
    margin-top: 38px;
    opacity: 0;
}
#about_p_1 {
    width: 243px;
    margin-top: 0;
    transform: translateX(50px);
    transition: transform .2s ease 0.2s,
                opacity .1s ease 0s;
}
#about_p_2 {
    width: var(--about_p_width); 
    transform: translateX(50px);
    transition: transform .2s ease 0.4s,
                opacity .1s ease 0s;
}
#about_p_3 {
    width: 280px;
    transform: translateX(50px);
    transition: transform .2s ease 0s,
                opacity .1s ease 0s;
}
.about.open {
    height: 280px;
}
.about.open img {
    transform: translate(-30px, 50px);
    scale: 1.08 1.2;
}
.about.open .about_h1_2 {
    transform: translateY(-80px);
    transition: transform 2s ease;
}
.about.open .about_h1_3 {
    transform: translateY(80px);
    transition: transform 2s ease;
}
.about.open #about_p_1{
    opacity: 1;
    transform: translateX(0px);
    transition: transform .5s ease 01s,
                opacity .3s ease 1s;
}
.about.open #about_p_2{
    opacity: 1;
    transform: translateX(0px);
    transition: transform .5s ease 1.5s,
                opacity .3s ease 1.5s;
}
.about.open #about_p_3{
    opacity: 1;
    transform: translateX(0px);
    transition: transform .5s ease 2s,
                opacity .3s ease 2s;
}
.technologies {
    background: #D9E5F2;
    height: auto;
}
:root {
    --all_h1_position: 65px;
    --technologies_box_width: 1060px;
    --technologies_box_height: 263px;
    --section_h1_size: 54px;
}
.section_h1 {
    font-family: 'SuisseBPIntl';
    font-weight: normal;
    font-size: var(--section_h1_size);
    margin-left: var(--all_h1_position);
}
.technologies_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 128px;
    padding-bottom: 190px;
}
.device {
    width: var(--technologies_box_width);
    height: var(--technologies_box_height);
    background: #F3F3FF;
    background-image: url(../img/icons/device_bg.svg);
    background-repeat: no-repeat;
    background-position: 61% 58%;
    background-size: auto;
    border-radius: var(--border_radius_70);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hover_block {
    transition: transform .4s ease;
}
.hover_block:hover {
    transform: translateY(-10px);
    transition: transform 1s ease;
}
.device_img_wrapper {
    position: relative;
}
.device_img {
    width: 261px;
    margin-left: 148px;
    z-index: 4;
}
.device_h1 {
    font-family: 'SuisseBPIntl';
    font-weight: normal;
    font-size: var(--font_size_technologies);
    margin-left: -3px;
}
.device_p {
    width: 250px;
    margin-right: 100px;
    margin-top: 11px;
    font-family: Manrope;
    font-weight: 400;
    font-size: var(--font_size_p_16);
    line-height: 22px;
}
.device_p span {
    font-weight: 600;
}
.device_arrow {
    align-self: flex-end;
}
.text_wrapper {
    display: flex;
    margin-right: 88px;
}
.material {
    width: var(--technologies_box_width);
    height: var(--technologies_box_height);
    background: #222121;
    background-image: url(../img/icons/material_bg.svg);
    background-repeat: no-repeat;
    background-position: left 52%;
    background-size: auto;
    border-radius: var(--border_radius_70);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 78px;
    color: #F3F3FF;
}
.material picture {
    align-self: flex-start;
}
.material_text {
    margin-left: 80px;
}
.material_h1 {
    font-family: 'SuisseBPIntl';
    font-weight: normal;
    font-size: var(--font_size_technologies);
    margin-left: -3px;
}
.material_p {
    width: 206px;
    margin-top: 11px;
    font-family: Manrope;
    font-weight: 400;
    font-size: var(--font_size_p_16);
    line-height: 22px;
}
.material_p span {
    font-weight: 600;
}
.material_img {
    align-self: flex-start;
}
.process_print {
    height: auto;
    position: relative;
}
.allColumns_wrapper {
    padding-top: 100px;
    padding-bottom: 300px;  
}
:root {
    --column_height: 455px;
    --column_width: 308px;
    --column_width_int: 265px;
}
.allColumns {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: var(--column_height);
    position: relative;
}
.process_print {
    overflow: hidden;
}
.process_bg {
    position: absolute;
    width: 705px;
    height: 140px;
    top: 0;
    right: 0;
    background-image: url(../img/icons/process_bg.svg);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 0;
}
#process_bg_interaction {
    top: 0;
}
.column {
    background: #F3F3FF;
    width: var(--column_width);
    height: 260px;
    border-radius: 60px;
    margin-right: 26px;
    transition: all .7s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.column:hover {
    height: 100%;
}
.column:hover .column_p{
    transform: translateY(85px);
}
#column_4:hover .column_p {
    transform: translateY(65px);    
}
#column_int_5:hover .column_p {
    transform: translateY(50px);
}
.column_int_3:hover .column_p {
    transform: translateY(120px);
}
.column:hover .column_img {
    transform: translateY(-55px);
    scale: 1.2;
}
#column_4 {
    margin-right: 0;
}
#column_int_5 {
    margin-right: 0;
}
.column_number {
    position: absolute;
    left: 15px;
    width: 100px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: left bottom;
    bottom: -70px;
    z-index: 1;
}
.column_number_1 {
    background-image: url(../img/icons/1.svg);
}
.column_number_2 {
    background-image: url(../img/icons/2.svg);
}
.column_number_3 {
    background-image: url(../img/icons/3.svg);
}
.column_number_4 {
    background-image: url(../img/icons/4.svg);
}
.column_number_5 {
    background-image: url(../img/icons/5.svg);
}
.column_p_wrapper {
    position: absolute;
    top: -55px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    transition: all 1.3s .2s;
    pointer-events: none;
}
.column_p_wrapper {
    top: -55px;
}
#column_p_wrapper_4 {
    top: -40px;
}
#column_p_wrapper_int_1 {
    top: -35px;
}
#column_p_wrapper_int_2 {
    top: -57px;
}
#column_p_wrapper_int_2 img {
    height: 35px;
}
#column_p_wrapper_int_3 {
    top: -100px;
}
#column_p_wrapper_int_4 {
    top: -77px;
}
#column_p_wrapper_int_5 {
    top: -35px;
}
.column_p {
    text-align: center;
    margin-top: 5px;
    transition: all 1.3s .2s;
}
.column_img {
    transition: all .7s;
    position: absolute;
    bottom: 10px;
}
.column picture {
    display: flex;
    justify-content: center;
}
.column_int_arrow{
    top: -30px;
    z-index: 1;
}

#column_img_2 {
    bottom: 35px;
}
#column_img_int_2{
    width: var(--column_width_int);
    right: -15px;
    bottom: -20px;
}
#column_img_3 {
    bottom: 35px;
}
#column_img_int_3{
    width: var(--column_width_int);
    right: -15px;
    bottom: -10px;
}
#column_img_4 {
    bottom: 30px;
}
.selection_wrapper_wrapper {
    padding-top: 100px;
    padding-bottom: 125px;
}
.selection_wrapper {
    display: flex;
    height: 650px;
    position: relative;
    justify-content: space-around;
}
.selection_section {
    width: 458px;
    height: 100%;
    position: relative;
    border-radius: 50px;
    margin-right: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transition: all .4s;
}
@media (min-width: 1200px) {

.selection_section:hover .selection_arrow{
    transform: translate(3px, -3px);
}
.selection_section:hover #selection_img_1 {
    transform: rotate(-2deg) scale(1.08);
    
}
.selection_section:hover #selection_img_2 {
    transform: rotate(2deg) scale(1.1);
}
.selection_section:hover #selection_img_3 {
    transform: rotate(-2deg) scale(1.1);
}
}
#selection_section_1 {
    background: #A2D9E3;
}
#selection_section_2 {
    background: #BDB5E5;
}
#selection_section_3 {
    background: #88A0DF;
    margin-right: 0px;
}
.selection_img {
    position: absolute;
    z-index: 0;
    transition: all 1s;
}
#selection_img_1 {
    left: -35px;
    top: 60px;
}
#selection_img_2 {
    left: 50px;
    top: 40px;
}
#selection_img_3 {
    left: 40px;
    top: 40px; 
}
.selection_p_wrapper {
    margin-bottom: 60px;
    margin-left: 40px;
    z-index: 5;
}
.selection_p_wrapper p{
    font-family: 'SuisseBPIntl';
    font-weight: normal;
    font-size: var(--font_size_selection_h1);
    color: #000; 
}
.selection_arrow {
    transition: all 1.5s ease;
}
.selection_p_arrow {
    display: flex;
}
.selection_p_arrow img{
    margin-left: 25px;
}
.med_services {
    background: #A2D9E3;
    border-radius: var(--border_radius_100);
    position: relative;
    height: auto;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: none;
}
.bg_med_services {
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 0;
    pointer-events: none;
}
.services_button {
    color: #000;
    background: #F3F3FF;
    border-radius: var(--border_radius_70);
    width: 185px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: Manrope;
    font-weight: 600;
    box-shadow: 0px 7px 40px rgba(35, 34, 34, 0.2);
    transition: all .4s;
    z-index: 1;
}
#notmed_services_button {
    margin-bottom: 10px;
}
.services_button:hover{
 box-shadow: 0px 4px 20px rgba(35, 34, 34, 0.2);;
 transform: translate(0px, -5px);
}
.med_services_top_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    padding-top: 150px;
    padding-right: 50px;
    padding-bottom: 150px;
}
#notmed_services_top_wrapper{
    justify-content: flex-end;
}
.section_h1_wrapper {
    z-index: 1;
}
#section_h1_wrapper_notmed{
    margin-right: 171px;
}
#section_h1_notmed {
    margin: 0;
}
.splide__list {
    display: flex;
}
.splide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.splide__slide h2{
    color: #000;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_splide_h1);
}
.splide__slide p{
    color: #5E5B5B;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_p_15);
    padding-top: 7px;
    align-self: flex-start;
}

/* med */
.h2_1_1 {
    width: 225px;
}
.h2_1_2 {
    width: 310px;
   
}
.h2_1_3 {
    width: 255px;
}
.h2_1_4 {
    width: 265px;
}
.p_1_1 {
    width: 270px;
}
.p_1_2 {
    width: 205px;
}
.p_1_3 {
    width: 215px;
}
.p_1_4 {
    width: 275px;
}
/* med */

/* vet */
.h2_2_1 {
    width: 225px;
}
.h2_2_2 {
    width: 265px;
}
.h2_2_3 {
    width: 255px;
}
.p_2_1 {
    width: 270px;
}
.p_2_2 {
    width: 275px;
}
.p_2_3 {
    width: 215px;
}
/* vet */

/* notmed */
.h2_3_1 {
    width: 190px;
}
.h2_3_2 {
    width: 266px;
}
.h2_3_3 {
    width: 217px;
}
.h2_3_4 {
    width: 175px;
}
.p_3_1 {
    width: 307px;
}
.p_3_2 {
    width: 311px;
}
.p_3_3 {
    width: 242px;
}
.p_3_4 {
    width: 343px;
}
/* notmed */
.splide__arrow {
    position: absolute;
    transition: all;
}
.splide__arrow:hover {
    cursor: pointer;
}
.splide__arrow:active {
    scale: 0.95;
}
.splide__arrow--prev {
    top: 570px;
    left: 25px;
}
.splide__arrow--next {
    top: 570px;
    right: 25px;
    rotate: 180deg;
}
.med_slide_1 img {
    margin-right: 60px;
}
.med_slide_2 {
    margin-top: 45px;
    margin-left: 20px;
}
.med_slide_3 {
    margin-left: 20px;
}
.med_slide_4 {
    margin-left: 25px;
}
.splide_text_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.splide_text_wrapper_1 {
    margin-top: 15px;
}
.splide {
    max-height: 496px;
    overflow: visible;
}
#notmed_splide {
    max-height: 495px;
}
.splide:hover {
    cursor: grab;
}
.splide:active {
    cursor: grabbing;
}
.requirements_button {
    /* width: 87px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_p_16);
    transition: all .5s;  
}
.requirements_button img{
    transition: transform .6s;
    margin-left: 10px;
}
.requirements_button.open img{
    transition: transform .6s;
}
.requirements_button:hover {
    cursor: pointer;
    scale: 1.05;
}
.requirements_button.open img{
    transform: translate(5px, -5px);
}
.requirements_button_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    padding-right: 147px;
    padding-bottom: 150px;
    padding-top: 100px;
}
.popup {
    position: absolute;
    bottom: 0%;
    right: 0%;
    background: #D9E5F2;
    width: 528px;
    height: 630px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: all .3s;
    transform: translate(-250px, 500px);
}
#popup_vet{
    padding-bottom: 0;
    height: 610px;
}
.popup.open {
    opacity: 1;
    transform: translate(-250px, -160px);
}
.popup_head_wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 32px;
}
#popup_head_wrapper_vet {
    padding-top: 40px;
}
.popup_main_h2 {
    width: 188px;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_p_17);
}
.popup_main_p_wrapper {
    font-family: Manrope;
    font-weight: 600;
    display: flex;
}
.mark_before_p {
    font-size: 12px;
    margin-bottom: 4px;
}
.popup_main_p {
    font-size: var(--font_size_popup_10);
    width: 183px;
}
.popup_close_button {
    position: absolute;
    right: 0;
    top: 20px;
    transition: all .2s;
}
.popup_close_button:hover{
    cursor: pointer;
    transform: rotate(-90deg);
}
.popup_first_block {
    background: #F3F3FF;
    color: #000;
    width: 100%;
    height: 327px;
    border-radius: 47px;
    margin-bottom: 14px;
    margin-top: 8px;
}
#popup_first_block_vet{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #222121;
    color: #D9E5F2;
    height: 285px;
    margin-top: 30px;
}
.popup_second_block {
    background: #222121;
    color: #D9E5F2;
    width: 100%;
    height: 172px;
    border-radius: 47px;
    padding-left: 12px;
    padding-right: 13px;
    padding-top: 15px;
}
#popup_second_block_vet{
    background: #F3F3FF;
    color: #000;
}
.popup_first_block_h2{
    font-family: Manrope;
    font-size: var(--font_size_p_17);
    font-weight: 600;
    padding-top: 22px;
    padding-left: 18px;
    padding-bottom: 13px;
}
.popup_p_wrapper{
    display: flex;
    padding-left: 16px;
    padding-top: 18px;
}
#popup_p_wrapper_1{
    padding-top: 15px;
}
#popup_wrapper_1_vet{
    padding-top: 0;
}
.popup_p_wrapper p {
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_popup_10);
}
.popup_first_column_p{
    width: 125px;
    margin-right: 130px;
}
.popup_second_column_p_5{
    width: 172px;
}
.popup_second_column_p_6{
    width: 122px;
}
.popup_second_block_list li {
    font-family: Manrope;
    font-size: var(--font_size_popup_10);
    font-weight: 600;
    line-height: 13.66px;
    list-style-type: disc;
    padding-top: 5px;
}
#popup_second_block_list_1{
    padding-top: 0;
}
.popup_second_block_list {
    margin-left: 20px;
}
#vet_section_h1_wrapper {
        display: flex;
        flex-direction: column-reverse;
}
.vet_services{
    background: #BDB5E5;
    border-radius: var(--border_radius_100);
    position: relative;
    height: auto;
    overflow: hidden;
    transition: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-top: -90px;
}
.vet_slide_1  {
    margin-top: 120px;
    margin-left: 30px;
}
.vet_slide_2 img{
    margin-right: 180px;
}
.vet_slide_2 {
    margin-top: -15px;
    margin-left: 30px;
}
.vet_slide_3 {
    margin-right: 40px;
    margin-top: -28px;
}
.vet_slide_3 img{
    margin-left: -50px;
}
#parallax_section {
    transition: initial;
}
.notmed_and_gallery_wrapper{
    margin-top: -90px;
}
.notmed_services {
    background: #88A0DF;
    border-radius: var(--border_radius_100);
    position: relative;
    height: auto;
    overflow: hidden;
    padding-bottom: 300px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: none;
}
.bg_notmed_services {
    position: absolute;
    top: 123px;
    right: 0;
    z-index: 0;
    pointer-events: none;
}
#notmed_splide {
    margin-left: 70px;
}
.notmed_slide_1  {
    margin-left: 50px;
}
.notmed_slide_2 img{
    margin-right: 115px;
}
.notmed_slide_2 {
    margin-top: -24px;
}
.notmed_slide_3 {
    padding-right: 80px;
    margin-top: 8px;
    margin-left: -35px;
}
.notmed_slide_4 {
    margin-left: 45px;
}
.notmed_slide_4 img {
    margin-left: -77px;
}
.gallery{
    background: #F3FFF9;
    border-radius: var(--border_radius_100);
    position: relative;
    top: -160px;
    height: 1004px;
    overflow: hidden;
    transition: none;
}
.gallery_bg {
    background-image: url('../img/gallery_texture.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-position: 100% 15px;
}
#section_h1_gallery {
    display: flex;
    justify-content: flex-end;
    font-size: var(--section_h1_size);
    margin-top: 60px;
    margin-right: 65px;
    margin-left: 0;
}
.my-slider-progress {
    background: black;
    height: 2px;
    margin-left: 25px;
    width: 92vw;
    position: absolute;
    bottom: 67px;
}
.my-slider-progress-bar {
    background: black;
    height: 2px;
    transition: width 400ms ease;
    width: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.my-slider-progress:hover .my-slider-progress-bar:hover {
    cursor: default;
}
.my-slider-progress-bar img {
    height: 22px;
}
#gallery_splide {
    height: auto;
    margin-top: 100px;
    z-index: 9;
    justify-content: flex-start;
    margin-left: -10px;
}
#gallery_splide:hover {
    cursor: grab;
}
#gallery_splide:active {
    cursor: grabbing;
}
:root {
    --gallery_image_wrapper: 330px;
    --gallery_margin: 22px;
}
.gallery_slide {
    margin-right: var(--gallery_margin);
}
.gallery_slide_last {
    margin-right: var(--gallery_margin);
}
.second_gallery_img{
    margin-top: var(--gallery_margin);
}
.splide {
    position: none;
}
.y_gallery_img{
    width: var(--gallery_image_wrapper);
    height: auto;
}
.x_gallery_img{
    width: auto;
    height: var(--gallery_image_wrapper);
}
.image_wrapper {
    overflow: hidden;
    max-width: var(--gallery_image_wrapper);
    max-height: var(--gallery_image_wrapper);
    border-radius: 18px;
}
.certificates {
    height: auto;
    position: relative;
    padding-bottom: 650px;
}
.certificates_h1_wrapper {
    padding-top: 125px;
    
}
.certificate_btn_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 12px;
    margin-left: 70px;
}
.certificate_btn {
    margin-top: 10px;
    padding: 8px 16px;
    border: 1px solid #000000;
    color: #000;
    border-radius: 25px;  
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 18px; 
    transition: all .4s;
}
.certificate_btn.open {
    background: rgba(69, 93, 158, 0.14);
    scale: 115%;
    transform: translateX(10px);
}
.certificate_btn:hover {
    cursor: pointer;
}
.certificate_btn.open:hover {
    cursor: pointer;
}
#certificate_btn_1 {
    margin-top: 0;
}
.certificates_wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 120px;
}
.certificate_text{
    margin-right: 85px;
    padding-left: 70px;
    padding-top: 67px;
    padding-bottom: 67px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.certificate_item_wrapper_2 .certificate_text{
    margin-right: 68px;
}
.certificate_text h2, h3, p{
    font-family: Manrope;
    font-weight: 600;
}
.certificate_text h2{
    font-size: var(--font_size_h1_48);
}
.certificate_text h3{
    font-size: var(--font_size_p_15);
    margin-top: 10px;
}
.certificate_text p{
    font-size: var(--font_size_p_11);
}
.certificate_p_1 {
    width: 334px;
}
.certificate_p_2 {
    width: 354px;
}
.certificate_item {
    display: flex;
    justify-content: space-between;
    background: #D9E5F2;
    border-radius: 75px;
}
.certificate_item_wrapper {
    position: absolute;
    right: 130px;
}
.certificate_image{
    background: #FFFFFF;
    width: auto;
    padding: 50px 40px;
    border-radius: 75px;
}
.certificate_downloader {
font-family: Manrope;
font-style: normal;
font-weight: 400;
font-size: var(--font_size_p_15);
color: #455D9E;
margin-left: 50px;
margin-top: 14px;
display: flex;
}
.certificate_downloader img{
    margin-right: 9px;
}
.certificate_item_wrapper_1.open {
    z-index: 2;
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}
.certificate_item_wrapper_2.open {
    z-index: 2;
    transform: translateY(0px);
    opacity: 1;
    pointer-events: all;
}
.certificate_item_wrapper_1 {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(500px);
    transition: transform .5s ease,
                opacity .3s ease;
    
}
.certificate_item_wrapper_2 {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transform: translateY(500px);
    transition: transform .5s ease,
                opacity .3s ease;
    
}
.certificate_and_process_wrapper {
    background: #F3FFF9;
    border-radius: 322px;
}
.interaction_process {
    overflow: hidden;
    position: relative;
}
.column_int {
    width: var(--column_width_int);
    transition: all 1.3s;
    background: #D9E5F2;
}
#column_int{
    width: var(--column_width_int);
    margin-right: 15px;
    transition: all 1.2s;
}
.column_int_bg {
    background-size: auto var(--column_height);
    background-repeat: no-repeat;
    background-position: top;
}
.column_int_bg_1 {
    background-image: url('../img/process_interaction/column_1.webp');
}
.column_int_bg_2 {
    background-image: url('../img/process_interaction/column_4.webp');
    background-size: var(--column_width_int) auto;
    background-position: center;
}
.column_int_bg_3 {
    background-image: url('../img/process_interaction/column_5.webp');
    background-size: var(--column_width_int) auto;
    background-repeat: no-repeat;
    background-position: center;
}
.column_int_bg_1:hover .column_p{
    color: #D9E5F2;
    transform: translateY(80px); 
}
.column_int_bg_2:hover .column_p{
    transform: translateY(100px);
}
.column_int_bg_3:hover .column_p{
    transform: translateY(60px);
}
#column_number_int {
    left: 75px;
    bottom: -170px;
}
#column_number_int_1 {
    left: 90px;
    bottom: -170px;
}
#column_int .column_p {
    transition: all 1.7s .35s;
}
.youtube_channel{
    position: relative;
    margin-top: 220px;
    padding-bottom: 500px;
}
.channel_bg {
    position: absolute;
    top: -15px;
    left: 0;
    z-index: -1;
    pointer-events: none;
}
#youtube_section_h1 {
    z-index: 1;
    display: flex;
    align-items: center;
}
#youtube_channel {
    overflow: visible;
} 
#youtube_section_h1 img {
    margin-left: 10px;
}
.video_wrapper_wrapper{
    display: flex;
    max-width: 1340px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-top: 130px;
    position: relative;
    padding-bottom: 200px;
}
.backvideo {
    height: 400px;
    width: auto;
    border-radius: 35px;
    position: absolute;
    top: 40px;
    transform: translateX(-150px);
    left: 300px;
    transition: all 2s;
}
iframe {
    border-radius: 35px;
    height: 450px;
    width: 800px;
    transition: transform 2s;
    transform: translateX(100px);
    position: absolute;
    left: 300px;
}
.video_wrapper:hover iframe{
    cursor: pointer;
    transform: translateX( 40px );
    transition: transform 1s;
}
.video_wrapper:hover .backvideo {
    cursor: pointer;
    transform: translateX( -60px );
    transition: all 1s;
}
.video_wrapper:hover .youtube_arrow {
    cursor: pointer;
    transform: translateX( -60px );
    transition: all 1s; 
}
iframe.open{
    transform: translateX( 0px );
}
.backvideo.open {
    transform: translateX( 0px );
}
.youtube_arrow{
    position: absolute;
    bottom: -220px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    border-radius: 100%;
    transition: all 2s;
    right: -23px;
    transform: translateX(-40px);
}
.video_wrapper.open:hover iframe{
    transform: translateX( 0px );
    transition: transform 2s ease 1s;
}
.video_wrapper.open:hover .backvideo{
    transform: translateX( 0px );
    transition: all 2s ease 1s;
}
.video_wrapper.open .youtube_arrow{
    transform: translateX( -140px );
    transition: all 2s ease 1s;
}
.youtube_arrow:hover {
    opacity: 0.9;
}
.form_section {
    height: 1160px;
    background: #88A0DF;
    border-radius: var(--border_radius_100);
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-image: url(../img/form_bg.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 600px;
}
.form_h1_wrapper {
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.all_form_wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 265px;
    padding-left: 120px;
    padding-right: 55px;
    padding-bottom: 190px;
}
#form_section_h1{
    margin-left: 0;
}
.form_text_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 410px;
    height: 320px;
}
.form_text_wrapper {
    color: #F3FFF9;
}
.together {
    margin-top: 5px;
    align-self: flex-end;
}
.form_number_p{
    margin-bottom: 9px;
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_p_16);
}
.form_number{
    font-family: Manrope;
    font-weight: 600;
    font-size: 20px;
    color: #F3FFF9;
}
:root {
    --form_border_radius: 40px;
}
.form {
    width: 816px;
    height: 655px;
    background: #F3FFF9;
    border-radius: var(--form_border_radius);
    display: flex;
    flex-direction: column;
    padding-right: 59px;
    padding-left: 59px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.form_body {
    position: relative;
}
.form_body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--form_border_radius);
    background: rgba(128, 106, 106, 0.35) url("../img/loading.svg") center / 100px no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
.form_body._sending::after {
    opacity: 1;
    visibility: visible;
}
.form_wrapper {
    display: flex;
    justify-content: space-between;
}
input {
    background: none;
    outline: none;
    border-bottom: 1px solid #000;
    margin-top: 25px;
    padding-bottom: 15px;
    width: var(--input_width);
}
input::placeholder, input {
    font-family: Manrope;
    font-weight: 600;
    font-size: var(--font_size_p_15);
    color: #88A0DF;
}
:root {
    --input_width: 298px;
}
.form_item {
    width: 100%;
}
.select {
    display: block;
    /* width: var(--input_width); */
    width: 100%;
    position: relative;
    background: none;
    font-family: Manrope;
    font-size: var(--font_size_p_15);
    font-weight: 600;
    color: #88A0DF;
    border-bottom: 1px solid #222121;
}
.new-select__item:first-child {
    display: none;
}
.new-select {
    position: relative;
    padding: 18px 0px;
    cursor: pointer;
    user-select: none;
}
.new-select__list {
    position: absolute;
    top: 50px;
    left: 0;
    border: 1px solid #ced4da;
    cursor: pointer;
    width: 85%;
    z-index: 2;
    background: #F3FFF9;
    user-select: none;
}
.new-select__list.on {
    display: block;
}
.new-select__item span {
    display: block;
    padding: 10px 0px;
    padding-left: 6%;
    margin-left: 0px;
    border-bottom: 1px solid #ced4da ;
    width: 80%;
}
.new-select__item span:hover {
    color: #455D9E;
}
.new-select:after {
    content: '';
    display: block;
    width: 22px;
    height: 12px;
    position: absolute;
    right: 18px;
    bottom: 18px;
    background: url('../img/icons/form_arrow.svg') no-repeat right center / cover;
    background-size: contain;
    -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
            transition: all .5s ease;

    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}
.new-select.on:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
#Sjabdu {
    width: 100%;
}
#name {
    display: none;
}
#phone {
    position: absolute;
    transform: translateX(500vw);
    opacity: 0;
}
.form_input._error {
    box-shadow: 0px 2px 0px rgba(255, 0, 0, 0.1);
    border-bottom: 2px solid rgb(193, 8, 8);
}
textarea {
    font-family: Manrope;
    font-size: var(--font_size_p_15);
    font-weight: 600;
    color: #88A0DF;
    background: none;
    width: 100%;
    height: 85px;
    outline: none;
    resize: none;
    margin-top: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222121;
}
textarea:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 100px;
    background: #000;
}
textarea::placeholder {
    font-family: Manrope;
    font-size: var(--font_size_p_15);
    font-weight: 600;
    color: #88A0DF;
}
.message {
    width: 100%;
    margin-top: 20px;
}
:root {
    --message_font_size: 18px;
}
[lang="en"] .message.error::after {
    content: 'Fill in all the required fields, please!';
}
[lang="en"] .message.error_sending::after {
    content: 'The form was not sent! Please try again.';
}
[lang="en"] .message.success_sending::after {
    content: 'Thank you! We will contact you shortly.';
}

[lang="uk"] .message.error::after {
    content: 'Будь ласка, заповніть усі необхідні поля!';
}
[lang="uk"] .message.error_sending::after {
    content: 'Форма не надіслана! Будь ласка спробуйте ще раз.';
}
[lang="uk"] .message.success_sending::after {
    content: 'Дякуємо! Ми зв\'яжемося з вами найближчим часом.';
}
.message.error::after {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: var(--message_font_size);
    width: 100%;
    color: #000;
    height: auto;
    padding: 20px 0px;
    border-radius: 20px;
    background: rgba(244, 67, 54, 0.5);
}
.message.error_sending::after {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: var(--message_font_size);
    width: 100%;
    color: #000;
    height: auto;
    padding: 20px 0px;
    border-radius: 20px;
    background: rgba(244, 67, 54, 0.5);
}
.message.success_sending::after {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: var(--message_font_size);
    width: 100%;
    color: #000;
    height: auto;
    padding: 20px 0px;
    border-radius: 20px;
    background: rgba(172, 239, 155, 0.5);
}
.file_item {
    position: relative;
    width: 100%;
}
.download_button {
    position: absolute;
    top: 28px;
    z-index: 1;
    transition: .4s;
    font-family: Manrope;
    font-size: var(--font_size_p_11);
    font-weight: 600;
    color: #88A0DF;
    padding: 18px 17px;
    border: 1px solid #222121;
    border-radius: 25px;
    display: none;
}
.file_input {
    position: relative;
    padding-top: 18px;
    padding-left: 90px;
    height: 60px;
    width: 100%;
    border: 0;
    font-size: calc(var(--font_size_p_11) - 2px);
    color: #222121;
    transition: scale .4s;
    margin-top: 5px;
    padding-bottom: 0;
    visibility: hidden;
}
[lang="uk"] .file_input::before {
    content: "Завантажте модель";
}

[lang="en"] .file_input::before {
    content: "Download the model";
}

.file_input::before {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #F3FFF9;
    padding: 18px 17px;
    border: 1px solid #222121;
    border-radius: 25px;
    color: #88A0DF;
    font-size: var(--font_size_p_11);
    visibility: visible;
    opacity: 1; 
}
.file_input::after {
    content: "<-";
    position: absolute;
    width: 120px;
    top: 0px;
    left: 170px;
    padding: 18px 0px;
    color: #000000;
    font-size: 9px;
    visibility: hidden;
    transition: visibility 0.2s ease 3s;
}
.file_input.open::after {
    visibility: visible;
}
.file_input:hover {
    scale: 1.01;
    cursor: pointer;
}
.file_input:active {
    scale: 0.99;
}
.form_button{
    display: inline;
    font-size: 28px;
    font-weight: 600;
    width: fit-content;
    font-family: Manrope;
    position: relative;
    cursor: pointer;
    text-align: start;
    margin-top: 25px;
    margin-left: 4px;
    -webkit-text-fill-color: black;
  }
  .form_button:after{
    content: attr(data-text);
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    transition: clip-path 0.8s;
    clip-path: polygon(0px 100%, 100% 100%, 100% 100%, 0px 100%);
    -webkit-text-fill-color: #455D9E;
  }
  .form_button:hover:after{
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
  }
  .footer {
    background: #222121;
    height: 670px;
    border-radius: var(--border_radius_100);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    top: -90px;
    padding-left: 60px;
    padding-right: 95px;
    padding-top: 80px;
    padding-bottom: 126px;
    }
  .footer_h1 {
    font-size: var(--font_size_h1_48);
    font-weight: 600;
    color: #FFFFFF;
    font-family: Manrope;
    margin-bottom: 25px;
  }
  .footer_left_wrapper p {
    font-size: var(--font_size_p_17);
    font-weight: 400;
    color: #FFFFFF;
    font-family: Manrope;
    margin-bottom: 45px;
  }
  .contacts_footer {
    font-weight: 600;
    font-size: 28px;
    color: #FFFFFF;
    font-family: Manrope;
    margin-bottom: 71px;
  }
  .contacts_wrapper p{
    font-weight: 400;
    font-size: var(--font_size_p_17);
    color: #FFFFFF;
    font-family: Manrope;
  }
  .contacts_wrapper a{
    color: #FFFFFF;
    font-weight: 400;
    font-size: var(--font_size_p_17);
    color: #FFFFFF;
    font-family: Manrope;
  }
  .made_by_a {
    font-weight: 700;
    color: #FFFFFF;
    font-family: Manrope;
    margin-bottom: var(--footer_margin_top);
    transition: all .4s;
    display: flex;
  }
  .made_by_policy {
    font-weight: 400;
    font-size: var(--font_size_p_17);
    color: #5E5B5B;
    font-family: Manrope;
  }

  .footer_left_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer_right_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .contacts_wrapper {
    display: flex;
    margin-bottom: 71px;
  }
  .made_by {
    display: flex;
    flex-direction: column;
  }
  .icons_wrapper {
    margin-top: 15px;
    margin-bottom: 165px;
  }
  .icons_wrapper img {
    margin-right: 50px;
  }
  .back_to_top {
    position: absolute;
    bottom: -100px;
    right: 0;
    transition: all .4s;
  }
  .contacts_wrapper_wrapper {
    margin-left: 115px;
  }
  :root {
    --footer_margin_top: 10px;
  }
  .tel_wrapper {
    margin-top: var(--footer_margin_top);
  }
  .location_wrapper_p_2 {
    margin-top: var(--footer_margin_top);
  }
  .back_to_top:hover {
    transform: translateY(-2px);
  }
  .footer_left_wrapper a:hover {
    transform: translate(2px, -2px);
  }
  .footer_left_wrapper a {
    transition: all .4s;
  }
  .email_wrapper p{
    margin-right: var(--footer_margin_top);
  }
  .tel_wrapper p{
    margin-right: var(--footer_margin_top);
  }
  .koopa_1 {
    margin-left: 5px; 
  }
  .koopa_1:hover {
    transition: all 0.5s cubic-bezier(0.7, 1.98, 0, 0.14)
  }
  .koopa_2 {
    transition: all 0.5s cubic-bezier(0.7, 1.98, 0, 0.14) .2s;
  }
  .koopa_3 {
    transition: all 0.5s cubic-bezier(0.7, 1.98, 0, 0.14) .4s;
  }
  .koopa {
    transition: all 0.5s cubic-bezier(0.7, 1.98, 0, 0.14);
    padding-bottom: 5px;
  }
  .koopa:hover {
    transform: translateY(-5px);
  }
  .made_by_year {
    margin-left: 18px;
    font-size: var(--font_size_p_15);
    padding-bottom: 0;
    margin-top: 3px;
  }


/* Adaptive */
@media (min-width: 1441px) {  
    header, section, main, footer {
        max-width: 100%;
    }
    .selection_section {
        transform: scale(1.05);
    }
    :root {
        --gallery_image_wrapper: 355px;
        --gallery_margin: 26px;
    }
    #gallery_splide {
        margin-left: -15px;
    }
    .gallery {
        height: 1040px;
    }
}
@media (min-width: 1518px) {
    header, section, main, footer {
        max-width: 1536px;
    }
    .main_element {
        max-width: 624px;
        right: -88%;
        top: -50%;
    }
    :root {
        --about_h1_position: 800px;
    }
    .vet_slide_2 {
        margin-left: 10px;
        /* margin-right: 140px; */
    }
    #column_number_int {
        left: 75px;
        bottom: -170px;
    }
    #column_number_int_1 {
        left: 100px;
        bottom: -170px;
    }
    #med_splide {
        margin-left: 40px;
    }
    .med_slide_4 {
        margin-left: 35px;
    }
    #vet_splide {
        margin-left: 50px;
    }
    .vet_slide_1 {
        margin-left: 40px;
    }
    #notmed_splide {
        margin-left: 40px;
    }
    .youtube_arrow {
        right: 0px;
    }
    .my-slider-progress {
        width: 94vw;
    }
}
@media (min-width: 1919px) {     
    .menu_wrapper.open {
     right: 192px;
     border-top-right-radius: var(--border_radius_70);
    }
 } 
 @media (min-width: 2559px) {      
    .menu_wrapper.open {
     right: 511px;
    }    
 } 
@media (max-width: 1439px) {
    #offer_h1_bottom {
        width: 55%;
    }
    :root {
        --font_size_p_17: 14px;
        --font_size_p_16: 16px;
        --font_size_p_15: 15px;
        --font_size_p_14: 14px;
        --font_size_p_11: 11px;
        --font_size_popup_10: 10px;
        --font_size_h1_96: 76px;
        --font_size_h1_48: 48px;
        --font_size_technologies: 32px;
        --font_size_splide_h1: 24px;
    }
    #button_fixed_wrapper {
        right: 35px;
    }
    #offer_h1_1 {
        margin-right: 15px;
    }
    .offer_p {
        width: 285px;
    }
    .button_wrapper {
        left: 85px;
    }
    .offer {
        height: 200px;
    }
    .main_element {
        max-width: 475px;
        right: -47%;
        top: -50%;
    }
    .button_wrapper {
        transform: scale(0.8);
        bottom: -20px;
    }
    .button_wrapper p {
        font-size: 16px;
    }

    :root {
        --about_h1_left: 60px;
        --about_h1_position: 720px;
        --font_size_selection_h1: 36px
    }
    .about_h1_1 {
        left: calc(234px - var(--about_h1_left));
    }
    .D_block {
        left: calc(425px - var(--about_h1_left));
    }
    .about_h1_2 {
        top: 15px;
    }
    .about_h1_3 {
        bottom: 15px;
    }
    .column_number {
        left: -10px;
    }
    .column_img {
        transform: scale(0.9);
    }
    .column:hover .column_img {
        scale: 1.05;
    }
    .column:hover #column_img_4 {
        transform: translateY(-55px) rotate(8deg);
    }
    #column_number_int {
        left: 55px;
        bottom: -170px;
    }
    #column_number_int_1 {
        left: 70px;
        bottom: -170px;
    }
    .selection_wrapper {
        height: 570px;
    }
    .selection_p_wrapper {
        margin-left: 30px;
    }
    #selection_img_1 {
        top: 50px;
        left: -30px;
        width: 105%;
    }
    .selection_section:hover #selection_img_1 {
        transform: rotate(2deg) scale(1.06);
    }
    #selection_img_2 {
        left: 35px;
        width: 88%;
        rotate: 5deg;
    }
    #selection_img_3 {
        left: 25px;
        width: 83%;
        rotate: 5deg;
    }
    .splide {
        max-height: 499px;
    }
    #med_splide {
        margin-left: 50px;
    }
    .med_slide_3 {
        margin-left: 100px;
    }

    #vet_splide {
        margin-left: 50px;
    }
    .vet_slide_2 {
        margin-left: 0;
    }
    .vet_slide_3 {
        margin-left: 80px;
    }

    #notmed_splide {
        margin-left: 80px;
    }
    .notmed_slide_2 {
        margin-left: 20px;
    }
    .notmed_slide_3 {
        margin-left: -55px;
    }
    .notmed_slide_4 {
        margin-left: 80px;
    }

    .gallery {
        height: 1055px;
    }
    #gallery_splide {
        margin-left: 10px;
    }
    .my-slider-progress {
        width: 88vw;
    }
    :root {
        --gallery_image_wrapper: 355px;
        --gallery_margin: 30px;
    }
    .certificate_item_wrapper {
        right: 90px;
        bottom: 135px;
    }
    #column_img_int_3 {
        left: -18px;
    }
    #column_img_int_2 {
        left: -18px;
    }
    iframe {
        left: 235px;
        width: calc(800px - 180px);
        height: calc(450px - 80px);
    }
    .backvideo {
        left: 235px;
        top: 30px;
        height: calc(400px - 80px);
    }
    .video_wrapper_wrapper {
        padding-bottom: 120px;
    }
    .all_form_wrapper {
        padding-left: 40px;
        padding-right: 20px;
    }
    :root {
        --input_width: 260px;
        --form_padding_left: 37px;
    }
    .form {
        width: 675px;
        height: 633px;
        padding-right: var(--form_padding_left);
        padding-left: var(--form_padding_left);
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .made_by_year {
        margin-top: 0;
    }
    .made_by_a {
        margin-bottom: 5px;
    }
    .location_wrapper_p_2 {
        width: 162px;
    }
    .contacts_wrapper_wrapper {
        margin-left: 100px;
    }
}
@media (max-width: 1199px) {
    #offer_h1_bottom {
        width: 58%;
    }
    :root {
        --font_size_p_17: 12px;
        --font_size_p_14: 13px;
        --font_size_h1_96: 66px;
        --font_size_h1_48: 42px;
    }
    .main_section {
        height: 100vh;
        max-height: 1024px;
    }
    .offer_wrapper {
        padding-top: 310px;
        padding-bottom: 310px;
    }
    #button_fixed_wrapper {
        right: 12px;
    }
    .menu a {
        font-size: 48px;
    }
    .offer_p {
        width: 250px;
    }
    .offer {
        height: 185px;
        width: 720px;
    }
    #offer_h1_bottom {
        margin-top: 5px;
    }
    .main_element {
        max-width: 375px;
        right: -35%;
        top: -40%;
    }
    .button_wrapper {
        transform: scale(0.7);
        left: 0;
    }
    .button_open{
        padding-left: 270px;
        transition: all .6s;
    }
    .button_wrapper p {
        opacity: 1;
    }
    :root {
        --about_h1_left: 140px;
        --about_h1_position: 600px;
        --font_size_selection_h1: 30px;
        --technologies_box_width: 910px;
        --all_h1_position: 55px;
        --column_height: 370px;
    }
    .about_h1_2 {
        top: 24px;
    }
    .about_h1_3 {
        bottom: 24px;
    }
    .about_p_wrapper {
        top: 40px;
    }
    .aboutUs {
        background-position: 125% 44%;
        background-size: 320px auto;
    }
    .device_img {
        margin-left: 95px;
    }
    .column_number {
        left: 10px;
        background-size: auto 135px;
    }
    .column_img {
        transform: scale(0.8);
    }
    .column_p_wrapper {
        top: -45px;
    }
    #column_p_wrapper_4 {
        top: -30px;
    }
    #column_p_wrapper_int_1 {
        top: calc(-48px + 23px);
    }
    #column_p_wrapper_int_2 {
        top: calc(-66px + 23px);
    }
    #column_p_wrapper_int_3 {
        top: calc(-100px + 23px);
    }
    #column_p_wrapper_int_4 {
        top: calc(-77px + 18px);
    }
    #column_p_wrapper_int_5 {
        top: calc(-48px + 23px);
    }
    .column_p {
        font-size: 11px;
        margin-top: 5px;
        transition: all 1.3s .2s;
    }
    #column_int_1:hover .column_p{
        transform: translateY(60px);
    }
    #column_int_2:hover .column_p{
        transform: translateY(65px);
    }
    #column_int_3:hover .column_p {
        transform: translateY(95px);
    }
    #column_int_4:hover .column_p{
        transform: translateY(70px);
    }
    #column_int_5:hover .column_p{
        transform: translateY(35px);
    }
    .column:hover .column_img {
        transform: translateY(-42px);
        scale: 0.9;
    }
    .column:hover #column_img_4 {
        transform: translateY(-55px) rotate(12deg);
    }
    .column:hover .column_p {
        transform: translateY(65px);
    }
    #column_4:hover .column_p {
        transform: translateY(53px);
    }
    .selection_wrapper {
        height: 500px;
    }
    .selection_p_arrow img{
        margin-left: 15px;
        width: 8.5%;
    }
    .selection_p_arrow {
        margin-top: 3px;
    }
    #med_splide {
        margin-left: 10px;
    }
    .med_slide_2 {
        margin-left: 35px;
    }
    .med_slide_3 {
        margin-left: 75px;
    }
    .requirements_button_wrapper {
        padding-bottom: 200px;
    }
    #vet_services .requirements_button_wrapper{
        padding-top: 120px;
        padding-bottom: 220px;
    }
    #vet_splide {
        margin-left: 20px;
    }
    .vet_slide_3 {
        margin-left: 72px;
    }
    .popup.open {
        transform: translate(-250px, -300px);
    }
    #notmed_splide {
        margin-left: 40px;
    }
    .notmed_slide_3 {
        margin-left: -23px;
    }
    .notmed_slide_3 img{
        margin-left: -23px;
    }
    .gallery {
        height: 975px;
    }
    #gallery_splide {
        margin-left: 5px;
    }
    .my-slider-progress {
        width: 89vw;
    }
    :root {
        --gallery_image_wrapper: 310px;
        --gallery_margin: 25px;
    }
    .certificates {
        padding-bottom: 700px;
    }
    .certificate_item_wrapper {
        right: 60px;
        bottom: 190px;
    }
    #column_img_int_3 {
        left: -42px;
        bottom: -20px;
    }
    #column_img_int_2 {
        left: -42px;
        bottom: -20px;
    }
    #column_number_int {
        left: 40px;
        bottom: -170px;
    }
    #column_number_int_1 {
        left: 55px;
        bottom: -170px;
    }
    iframe {
        left: 160px;
        transform: translateX(65px);
    }
    .backvideo {
        left: 160px;
        transform: translateX(-84px);
    }
    .video_wrapper.open .youtube_arrow {
        transform: translateX(-95px);
    }
    .youtube_arrow {
        right: -40px;
    }
    .all_form_wrapper {
        padding-left: 20px;
        padding-top: 175px;
        position: relative;
        justify-content: center;
    }
    .form_tel_wrapper {
        display: none;
    }
    .form_text_wrapper {
        position: absolute;
        width: auto;
        height: fit-content;
        right: calc(var(--form_padding_left) + 20px);
        top: calc(175px + 85px);
    }
    .form_h1_wrapper h1 {
        color: #222121;
        font-size: 36px;
    }
    .form {
        width: 100%;
        height: 775px;
        padding-top: 185px;
    }
    .form_body {
        width: 100%;
    }
    :root {
        /* --input_width: 380px; */
        --input_width: 40vw;
    }
    .form_item {
        margin-top: 10px;
    }
    .file_item {
        margin-top: 10px;
    }
    .form_button{
        font-size: 38px;
        margin-top: 20px;
        margin-left: 4px;
      }
    .made_by_year {
        font-size: 12px;
    }
    .location_wrapper_p_2 {
        width: 130px;
    }
    .message {
        margin-top: 10px;
    }
}

@media (max-width: 1023px) {
    :root {
        --font_size_p_16: 13px;
        --font_size_p_15: 10px;
        --font_size_p_14: 12px;
        --font_size_p_11: 10px;
        --font_size_h1_96: 53px;
        --font_size_h1_48: 36px;
        --font_size_technologies: 24px;
        --font_size_splide_h1: 17px;
        --section_h1_size: 36px;
    }
    
    .nav {
        top: 30px;
    }
    .menu {
        padding-top: 20%;
    }
    .menu_wrapper {
        width: 575px;
    }
    .menu li {
        padding-top: 55px;
    }
    .offer_p {
        font-size: var(--font_size_p_17);
        margin-top: 25px;
    }
    #offer_h1_1 {
        margin-right: 25px;
    }
    .offer_h1 {
        font-size: 75px;
    }
    #offer_h1_bottom {
        margin-top: 0px;
    }
    .offer {
        height: 235px;
    }
    .offer_wrapper {
        padding-top: 350px;
        padding-left: 35px;
    }
    .downArrow_wrapper {
        display: none;
    }
    .aboutUs {
        height: 100vh;
        max-height: 800px;
        padding-bottom: 0;
    }
    .aboutUs {
        background-position: 117% 63%;
        background-size: 280px auto;
    }
    .main_element {
        display: none;
    }
    #wrapper_3 {
        padding-top: 370px;
    }
    .button_wrapper {
        transform: scale(0.8);
        bottom: -20px;
        left: 55px;
    }
    .button_wrapper p {
        font-size: 16px;
    }

    :root {
        --about_h1_left: 195px;
        --about_h1_position: 435px;
        --font_size_selection_h1: 24px;
        --technologies_box_width: 695px;
        --column_height: 212px;
        --column_width: 265px;
        --column_width_int: 265px;
    }
    .about {
        height: 130px;
        border-radius: 50px;
    }
    .about:hover {
        transform: translateY(0px);
    }
    .about.open {
        height: 235px;
    }
    .about_h1_1 {
        top: -25px;
        left: 110px;
        width: 270px;
    }
    :root {
        --about_p_width: 272px;
    }
    #about_p_3 {
        width: 259px;
    }
    .D_block {
        left: calc(425px - var(--about_h1_left));
    }
    .about_h1_2 {
        top: 15px;
    }
    .about_h1_3 {
        bottom: 15px;
    }
    .about_p_wrapper {
        top: 22px;
    }
    .about.open img {
        transform: translate(-11px, 33px);
        scale: 1.2 1.65;
    }
    .technologies_wrapper {
        padding-top: 140px;
    }
    .device_img {
        margin-left: 70px;
        width: 220px;
    }
    .text_wrapper {
        margin-right: 70px;
    }
    .text_wrapper img {
        width: 30px;
    }
    .device_p {
        margin-right: 0;
        width: 203px;
    }
    .device_text {
        margin-right: 30px;
    }
    .material_p {
        margin-top: 18px;
        width: 188px;
    }
    .material_img {
        width: 275px;
    }
    .process_bg {
        top: 25%;
        width: 400px;
        background-size: contain;
    }
    .allColumns {
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
    }
    .column_number {
        bottom: -15px;
        left: -20px;
        background-size: auto 80px;
        background-position: bottom center;
    }
    .column {
        margin-top: 40px;
        height: 212px;
        background: none;
        width: 100%;
        z-index: 1;
    }
    .column::after {
        content: "";
            background: #F3F3FF;
            position: absolute;
            left: 0;
            top: 0;
            width: var(--column_width);
            height: var(--column_height);
            border-radius: inherit;
            transition: all .7s;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: -1;
    }
    .column:hover {
        height: var(--column_height);
    }
    .column:hover::after {
        width: 100%;
    }
    .column_img_wrapper {
        display: flex;
        justify-content: center;
        width: var(--column_width);
        position: absolute;
        left: 0;
        bottom: 0px;
    }
    .column_img {
        bottom: -10px;
        transition: all .7s;
    }
    #column_img_2 {
        bottom: calc(35px - 20px - 10px);
    }
    #column_img_3 {
        bottom: calc(35px - 20px - 10px);
    }
    #column_img_4 {
        bottom: calc(30px - 20px - 10px - 10px);
        rotate: -10deg;
    }
    .column_p_wrapper {
        top: 40%;
        right: -220px;  
    }
    .interaction_process .column_p_wrapper {
        right: -720px;
    }
    .column:hover #column_p_wrapper_int_2 {
        transform: translateX(-500px)
    }
    .column:hover #column_p_wrapper_int_3 {
        transform: translateX(-500px)
    }
    #column_p_wrapper_4 {
        top: 45%;
    }    
    #column_p_wrapper_int_1 {
        top: 46%;
        right: -465px;
    }
    #column_p_wrapper_int_2 {
        top: 26%;
    }
    #column_p_wrapper_int_2 img {
        height: 35px;
        margin: 5px;
    }
    #column_p_wrapper_int_3 {
        top: 40%;
    }
    #column_p_wrapper_int_4 {
        top: 43%;
        right: -465px;
    }
    #column_p_wrapper_int_5 {
        top: 46%;
        right: -465px;
    }
    .column_p {
        margin-top: 2px;
        transition: all 1s;
    }
    .column_int_bg .column_p {
        transition: all 1.3s .2s;
    }
    #column_int_1:hover .column_p{
        transform: translateX(-300px);
    }
    #column_int_2:hover .column_p{
        transform: translateX(-85px);
    }
    #column_int_3:hover .column_p{
        transform: translateX(-85px);
    }
    #column_int_4:hover .column_p{
        transform: translateX(-300px);
    }
    #column_int_5:hover .column_p{
        transform: translateX(-290px);
    }
    
    .column:hover .column_img {
        transform: translateX(72px);
    }
    .column p {
        text-align: center;
    }
    .column:hover #column_img_4 {
        transform: translateX(72px) translateY(10px);
        scale: 0.9;
    }
    .column:hover #column_img_int_2 {
        transform: translateX(50px);
    }
    .column:hover #column_img_int_3 {
        transform: translateX(50px);
    }
    .column:hover .column_p {
        transform: translateX(-80px);
    }
    #column_4:hover .column_p {
        transform: translateX(-80px);
    }
    .column_int_bg_1:hover .column_p {
        color: #000000;
    }
    .column_int {
        transition: all .7s;
        background-repeat: no-repeat;
    }
    .column_int_bg {
        background: #F3F3FF;
        background-repeat: no-repeat;
        width: var(--column_width_int);
    }
    .column_int_bg:hover {
        width: 100%;
    }
    .column_int_bg::after {
        content: none;
    }
    .column_int_bg_1 {
        background-image: url(../img/process_interaction/column_1_crop.webp);
        background-size: var(--column_width) auto;
        background-position: 0% 55%;
    }
    .column_int_bg_2 {
        background-image: url(../img/process_interaction/column_4_crop.webp);
        background-size: var(--column_width_int) auto;
        background-position: 0% 55%;
        
    }
    .column_int_bg_3 {
        background-image: url(../img/process_interaction/column_5_crop.webp);
        background-size: var(--column_width) auto;
        background-repeat: no-repeat;
        background-position: 0% 55%;
    }
    .selection_wrapper {
        height: 420px;
    }
    #selection_img_1 {
        left: -17px;
    }
    #selection_img_2 {
        left: 25px;
    }
    .splide {
        max-height: 420px;
    }
    .splide__arrow svg {
        width: 35px;
        height: auto;
    }
    .splide_text_wrapper {
        margin-top: -30px;
    }
    .bg_med_services {
        width: 600px;
        top: 129px;
    }
    .services_button {
        transform: scale(0.9);
    }
    #med_splide {
        margin-left: -10px;
        margin-top: 20px;
    }
    #med_splide img {
        transform: scale(0.8);
    }
    .med_slide_2 {
        margin-left: 5px;
    }
    .med_slide_3 {
        margin-left: 15px;
    }


    /* med */
    .h2_1_1 {
        width: 160px;
    }
    .h2_1_2 {
        width: 222px;
    }
    .h2_1_3 {
        width: 180px;
    }
    .h2_1_4 {
        width: 185px;
    }
    .p_1_1 {
        width: 179px;
    }
    .p_1_2 {
        width: 140px;
        
    }
    .p_1_3 {
        width: 135px;
    }
    .p_1_4 {
        width: 185px;
    }
    /* med */

    /* vet */
    .h2_2_1 {
        width: 160px;
    }
    .h2_2_2 {
        width: 183px;
    }
    .h2_2_3 {
        width: 180px;
    }
    .p_2_1 {
        width: 180px;
    }
    .p_2_2 {
        width: 185px;
    }
    .p_2_3 {
        width: 134px;
    }
    /* vet */

    /* notmed */
    .h2_3_1 {
        width: 129px;
    }
    .h2_3_2 {
        width: 266px;
    }
    .h2_3_3 {
        width: 150px;
    }
    .h2_3_4 {
        width: 126px;
    }
    .p_3_1 {
        width: 206px;
    }
    .p_3_2 {
        width: 205px;
    }
    .p_3_3 {
        width: 242px;
    }
    .p_3_4 {
        width: 232px;
    }
    /* notmed */
    .requirements_button_wrapper {
        padding-right: 75px;
    }

    #bg_vet_services {
        width: 850px;
        top: 129px;
        left: 0px;
    }
    #vet_splide {
        margin-left: 0px;
        margin-top: 20px;
    }
    #vet_splide img {
        transform: scale(0.8);
    }
    .vet_slide_1 {
        margin-left: 0;
    }
    .vet_slide_1 img {
        margin-left: 40px;
    }
    .vet_slide_2 {
        margin-left: 10px;
    }
    .vet_slide_2 img {
        margin-right: 125px;
    }
    .vet_slide_3 {
        margin-left: 48px;
    }
    .popup {
        transform: translate(-250px, 500px);
    }
    .popup.open {
        transform: translate(-77px, -248px);    
    }
    .notmed_services {
        padding-bottom: 400px;
    }
    #section_h1_wrapper_notmed {
        margin-right: 125px;
    }
    #notmed_splide {
        margin-top: 20px;
        max-height: 419px;
    }
    #notmed_splide img {
        transform: scale(0.8);
    }
    .notmed_slide_1 {
        margin-left: 15px;
    }
    .notmed_slide_2 {
        margin-left: 10px;
    }
    .notmed_slide_3 {
        margin-left: 11px;
    }
    .notmed_slide_3 img{
        margin-left: -80px;
    }
    .notmed_slide_4 {
        margin-left: 10px;
    }
    #section_h1_gallery {
        margin-top: 65px;
    }
    #gallery_splide {
        margin-top: 80px;
        margin-left: 15px;
    }
    .gallery_bg {
        background-position: 100% -15px;
    }
    .gallery {
        height: 1024px;
    }
    .my-slider-progress {
        width: 86vw;
    }
    :root {
        --gallery_image_wrapper: 340px;
        --gallery_margin: 35px;
    }
    .certificate_and_process_wrapper {
        border-radius: 240px;
    }
    .certificate_item_wrapper {
        right: 5px;
    }
    .certificate_btn_wrapper {
        margin-top: 0;
        flex-direction: row;
        margin-left: 55px;
    }
    #certificate_btn_1 {
        margin-right: 35px;
    }
    .certificate_btn {
        margin-top: 0;
    }
    .certificate_btn.open {
        transform: translateX(0);
    }
    .certificate_text {
        margin-right: 60px;
        padding-left: 50px;
    }
    .certificate_image {
        padding: 45px 35px;
    }
    .certificate_image img {
        width: 255px;
    }
    .certificate_p_1 {
        width: 283px;
    }
    .certificate_item_wrapper_2 .certificate_text{
        margin-right: 25px;
    }
    .certificate_p_2 {
        width: 322px;
    }

    #column_img_int_3 {
        left: 10px;
        bottom: -28px;
    }
    #column_img_int_2 {
        left: 10px;
        bottom: -28px;
    }
    #column_int_2 p {
        width: 135px;
    }
    #column_number_int {
        left: -55px;
        bottom: -20px;
    }
    #column_number_int_1 {
        left: -65px;
        bottom: -20px;
    }
    .channel_bg {
        width: 90%;
    }
    .backvideo {
        display: none;
    }
    .video_wrapper:hover iframe{
        cursor: pointer;
        transform: translateX(0px);
        transition: transform 1s;
    }
    iframe {
        transform: translateX(0);
        left: 0;
        right: 0;
        margin: auto;
    }
    .youtube_arrow {
        display: none;
    }
    .all_form_wrapper {
        padding-right: 20px;
    }
    .form_text_wrapper {
        top: calc(175px + 85px - 20px);
    }
    .form {
        padding-right: var(--form_padding_left);
        padding-left: var(--form_padding_left);
    }
    .form_h1_wrapper h1 {
        font-size: 34px;
    }
    
    :root {
        /* --input_width: 270px; */
       
    }
    .new-select::after {
        right: 5px;
    }
    .file_input::before {
        left: 5px;
    }
    .form_button{
        font-size: 32px;
    }
    .footer_h1 {
        width: 350px;
    }

    .footer_left_wrapper img{
        width: 55px;
    } 
    .footer_left_wrapper p {
        margin-bottom: 35px;
    }

    .footer_right_wrapper {
        margin-right: 40px;
    }

    .made_by {
        position: absolute;
        bottom: 80px;
        left: var(--all_h1_position);
    }
    .back_to_top {
        bottom: 0;
        right: -30px;
    }
    .contacts_wrapper {
        flex-direction: column;
    }
    .contacts_wrapper_wrapper {
        margin-left: 0px;
        margin-top: 65px;
    }
    .message {
        margin-top: 30px;
    }
}


@media (max-width: 767px) {
    .main_section .switcher {
        right: 15px;
    }

    .menu_wrapper .switcher {
        padding-right: 60px;
    }
        
    :root {
        --font_size_p_17: 9px;
        --font_size_p_16: 11px;
        --font_size_p_15: 11px;
        --font_size_p_14: 10px;
        --font_size_p_11: 11px;
        --font_size_h1_96: 36px;
        --font_size_h1_48: 32px;
        --font_size_technologies: 13px;
        --font_size_splide_h1: 19px;
        --section_h1_size: 38px;
        --border_radius_70: 30px;
        --border_radius_100: 50px;
    }
    a {
        color: #000;
    }
    .offer_p {
        font-size: var(--font_size_p_17);
    }
    .nav {
        top: 25px;
        border-radius: 22px;
        padding: 0 25px;
    }
    .nav img {
        width: 40px;
    }
    .logo.open img {
        opacity: 1;
    }
    .burger {
        width: 30px;
    }
    
    .burger_line1 {
        transform: translateY(-5px);
    }
    .burger_line2 {
        transform: translateY(5px);
    }
    #button_fixed_wrapper {
        width: auto;
        top: -30px;
        padding: 12px 20px;
    }
    
    /* .menu {
        padding-top: 35%;
    } */
    .menu_wrapper {
        width: 100vw;
        top: -90px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 50px;
        transform: translateX(0px);
        transform: translateY(-100%);
    }
    .switcher__link,
    .switcher__separator {
        font-size: 16px !important;
    }
    .menu_wrapper.open {
        padding-right: 0;
        transform: translateY(0%);
    }
    .menu_wrapper.open_fixed{
        width: 100vw;
        padding-right: 0;
    }
    .menu a {
        font-size: 36px;
    }
    .menu li {
        padding-right: 0;
        padding-top: 48px;
    }
    .main_section {
        height: 110vh;
    }
    .offer_p {
        width: 126px;
        line-height: 12px;
        margin-top: 0px;
        padding-left: 0;
        right: 0;
        bottom: 30px;
        left: auto;
    }
    .offer_h1 {
        font-size: 56px;
        margin-top: 4px;
    }
    #offer_h1_2 {
        margin-left: -5px;
    }
    #offer_h1_bottom {
        margin-top: 4px;
    }
    .offer {
        width: 330px;
    }
    .offer_wrapper {
        padding-top: 75%;
        padding-left: 10px;
    }
    .button_wrapper {
        transform: scale(0.6);
        bottom: -100px;
        left: 66px;
        border-radius: 35px;
    }
    :root {
        --about_h1_position: 185px;
        --font_size_selection_h1: 30px;
        --technologies_box_width: 405px; 
        --technologies_box_height: 185px; 
        --all_h1_position: 0px;
        --column_height: 230px;
        --column_int_height: 178px;
        --column_width: 220px;
        --column_width_int: 220px;
    }

    .aboutUs {
        top: -80px;
        max-height: 750px;
    }
    .aboutUs {
        background-position: 135% 0%;
        background-size: 151px auto;
    }
    .aboutUs::before {
        content: ' ';
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-image: url(..//img/about_texture.webp);
        background-repeat: no-repeat;
        background-size: 120px;
        background-position: 120% 6%;
        transform: rotate(180deg);
    }
    .interaction_process .column_p_wrapper {
        right: -480px;
    }
    .column:hover #column_p_wrapper_int_2 {
        transform: translateX(0px)
    }
    .column:hover #column_p_wrapper_int_3 {
        transform: translateX(0px)
    }
    .about_wrapper {
        height: auto;
    }
    .about {
        top: 27px;
    }
    .about_h1_1 {
        top: -45px;
        left: 47px;
        width: 300px;
    }
    
    #about_p_1 {
        width: 175px;
    }
    :root {
        --about_p_width: 274px;
    }
    #about_p_3 {
        width: 214px;
    }
    .D_block {
        left: calc(197px);
        width: 18px;
        transition: opacity 1.5s ease;
    }
    
    .about_h1_2 {
        top: 30px;
    }
    .about_h1_3 {
        bottom: 30px;
    }
    .about_p_wrapper {
        top: 16%;
    }
    .about.open img {
        transform: translate( -0px, 75vh );
        scale: 1;
    }
    .about.open .D_block {
        opacity: 0;
    }
    .about_p_wrapper {
        left: calc(var(--about_h1_position) - 100px);
    }
    .technologies_wrapper {
        padding-top: 190px;
        padding-bottom: 200px;
    }
    .device {
        background-position: 40% 55%;
        background-size: 250px;
    }
    .material {
        background-position: 0% 50%;
        background-size: 365px;
    }
    .device_img {
        margin-left: 20px;
        margin-top: 5px;
        width: 170px;
    }
    .text_wrapper img {
        display: none;
    }
    .device_p {
        width: 175px;
        line-height: 12px;
    }
    .device_text {
        margin-left: 30px;
        margin-right: 5px;
    }

    .material_h1 {
        margin-left: -1px;
    }
    .material_p {
        margin-top: 10px;
        width: 145px;
        line-height: 12px;
    }
    .material_text {
        margin-top: -8px;
        margin-left: 20px;
    }
    .material_img {
        width: 180px;
    }
    .process_bg {
        top: 27.6%;
        width: 280px;
    }
    #process_h1 {
        width: 190px;
    }
    .allColumns_wrapper {
        padding-top: 45px;
        padding-bottom: 200px;
    }
    .column_number {
        bottom: -35px;
        left: -32px;
    }
    .column {
        margin-top: 55px;
        height: var(--column_height);
    }
    .column_img {
        bottom: -5px;
    }
    #column_img_4 {
        bottom: calc(30px - 20px - 10px);
    }
    .column_p_wrapper {
        right: -470px;
    }
    #column_p_wrapper_2 {
        right: calc(-470px + 5px);
    }
    #column_p_wrapper_int_2 {
        top: 21%;
    }
    #column_p_wrapper_int_3 {
        top: 36%;
    }
    #column_p_wrapper_int_4 {
        top: 41%;
    }
    #column_int_1:hover .column_p{
        transform: translateX(-245px);
    }
    #column_int_2:hover .column_p{
        transform: translateX(-390px);
    }
    #column_int_3:hover .column_p{
        transform: translateX(-390px);
    }
    #column_int_4:hover .column_p{
        transform: translateX(-355px);
    }
    #column_int_5:hover .column_p{
        transform: translateX(-360px);
    }
    

    .column:hover {
        height: var(--column_height);
    }
    .column_int:hover {
        width: 100%;
        height: var(--column_int_height);
    }
    #column_int_1:hover .column_p {
        transform: translateX(-360px);
    }
    .column:hover .column_img {
        transform: translateX(10px);
        scale: 0.75;
    }
    .column:hover #column_img_4 {
        transform: translateX(15px) translateY(5px) rotate(5deg);
        scale: 0.75;
    }
    .column:hover #column_img_int_2 {
        transform: translateX(-10px);
    }
    .column:hover #column_img_int_3 {
        transform: translateX(-10px);
    }
    .column:hover .column_p {
        transform: translateX(-365px);
    }
    #column_4:hover .column_p {
        transform: translateX(-375px);
    }
    #column_int_2:hover::after,  #column_int_3:hover::after{
        width: 100%;
    }
    #column_int_2::after, #column_int_3::after   {
        content: "";
            background: #F3F3FF;
            position: absolute;
            left: 0;
            top: 0;
            width: var(--column_width_int);
            height: var(--column_int_height);
            border-radius: inherit;
            transition: all .7s;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: -1;
    }
    .column_int {
        height: var(--column_int_height);
        border-radius: 47px;
    }
    .selection_wrapper {
        height: auto;
        flex-direction: column;
        justify-content: space-around;
    }
    .selection_section {
        height: 415px;
        width: 100%;
        margin-top: 10px;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 40px;
    }
    .selection_p_wrapper {
        margin-left: 40px;
    }
    .selection_p_arrow img{
        width: 27px;
        position: absolute;
        right: 35px;
        bottom: 35px;
    }
    .selection_p_arrow {
        margin-top: 0px;
    }
    #selection_img_1 {
        top: 115px;
        left: 12px;
        width: 335px;
        rotate: -20deg;
    }
    #selection_img_2 {
        top: 65px;
        left: 50px;
        width: 320px;
        rotate: 20deg;
    }
    #selection_img_3 {
        top: 50px;
        left: 55px;
        width: 315px;
        rotate: 15deg;
    }
    .med_services_top_wrapper {
        position: relative;
        padding-top: 75px;
        padding-bottom: 50px;
    
    }
    .splide__arrow--next {
        top: 394px;
    }
    .splide__arrow--prev {
        top: 394px;
    }
    .services_button {
        transform: scale(1);
        position: absolute;
        right: 10px;
        bottom: 20px;
        font-size: 11px;
        padding: 20px 15px;
        width: auto;
        height: auto;        
    }
    #med_splide img {
        transform: scale(0.9);
    }
    .med_slide_2 {
        margin-left: 8.5%;
    }
    .med_slide_3 {
        margin-left: 60px;
    }
    .med_slide_4 {
        margin-left: 50px;
        margin-top: 0px;
    }
    .med_slide_4 img {
        margin-bottom: -15px;
    }


    /* med */
    .h2_1_1 {
        width: 177px;
    }
    .h2_1_2 {
        width: 249px;
    }
    .h2_1_3 {
        width: 200px;
    }
    .h2_1_4 {
        width: 204px;
    }
    .p_1_1 {
        width: 198px;
    }
    .p_1_2 {
        width: 150px;
        
    }
    .p_1_3 {
        width: 150px;
    }
    .p_1_4 {
        width: 202px;
    }
    /* med */

    /* vet */
    .h2_2_1 {
        width: 180px;
    }
    .h2_2_2 {
        width: 205px;
    }
    .h2_2_3 {
        width: 200px;
    }
    .p_2_1 {
        width: 200px;
    }
    .p_2_2 {
        width: 202px;
    }
    .p_2_3 {
        width: 150px;
    }
    /* vet */

    /* notmed */
    .h2_3_1 {
        width: 145px;
    }
    .h2_3_2 {
        width: 240px;
    }
    .h2_3_3 {
        width: 165px;
    }
    .h2_3_4 {
        width: 140px;
    }
    .p_3_1 {
        width: 226px;
    }
    .p_3_2 {
        width: 225px;
    }
    .p_3_3 {
        width: 205px;
    }
    .p_3_4 {
        width: 246px;
    }
    /* notmed */
    .requirements_button_wrapper {
        padding-top: 90px;
        padding-bottom: 205px;
        padding-right: 35px;
        
    }
    .requirements_button {
        font-size: 12px;
        width: auto;
    }
    .requirements_button img {
        width: 13px;
        margin-left: 10px;
    }
    #vet_section_h1 {
        white-space: nowrap;
    }
    #section_h1_notmed {
        white-space: nowrap;
    }
    #section_h1_wrapper_notmed {
        margin-right: 0px;
        margin-left: 0;
    }
    #notmed_services_top_wrapper {
        justify-content: flex-start;
    }
    #vet_services .requirements_button_wrapper{
        padding-top: 90px;
        padding-bottom: 205px;
    }
    .vet_slide_1 {
        margin-left: -35px;
    }
    .vet_slide_1 img {
        margin-left: 0px;
    }
    .vet_slide_3 {
        margin-left: 88px;
    }
    .popup {
        transform: translate(60px, 500px) scale(0.8);
        transition: all .8s;
    }
    .popup_main_h2 {
        font-size: 15px;
    }
    .popup_first_block_h2 {
        font-size: 15px;
    }
    .popup.open {
        transform: translate(60px, -185px) scale(0.8, 0.85);    
    }
    .notmed_services {
        padding-bottom: 330px;
    }
    #notmed_services_button {
        margin-bottom: 0px;
    }
    #notmed_splide {
        margin-left: 30px;
    }
    .notmed_slide_1 {
        margin-left: 13px;
    }
    .notmed_slide_2 {
        margin-left: -10px;
    }
    .notmed_slide_2 img {
        margin-right: 75px;
    }
    .notmed_slide_3 {
        padding-right: 0;
    }
    .notmed_slide_3 img {
        margin-left: -45px;
    }
    .notmed_slide_4 {
        margin-left: 35px;
    }
    .notmed_slide_4 img {
        margin-left: -55px;
    }

    #section_h1_gallery {
        margin-top: 45px;
        margin-right: 15px;
    }
    #gallery_splide {
        margin-top: 45px;
        margin-left: 55px;
    }
    .gallery_bg {
        background-image: none;
    }
    .gallery {
        height: 865px; 
    }
    .my-slider-progress {
        width: 60vw;
    }
    .my-slider-progress-bar {
        height: 0.0000001px;
    }
    :root {
        --gallery_image_wrapper: 305px;
        --gallery_margin: 25px;
    }
    .certificates {
        padding-bottom: 450px;
    }
    .certificate_and_process_wrapper {
        border-radius: 80px;
    }
    .certificates_h1_wrapper {
        padding-top: 70px;
    }
    .certificate_item_wrapper {
        right: 0px;
        left: 0px;
        bottom: 145px;
    }
    .certificates_wrapper {
        margin-top: 50px;
    }
    .certificate_btn_wrapper {
        margin-left: 15px;
    }
    .certificate_btn {
        font-size: 12px;
    }
    .certificate_text {
        margin-right: 0px;
        padding-left: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .certificate_image {
        padding: 20px 18px;
        margin-right: 10px;
        height: 70%;
        border-radius: 30px;
        display: flex;
        align-items: center;
    }
    .certificate_image img {
        width: 105px;
    }
    .certificate_p_1 {
        width: 183px;
    }
    .certificate_p_2 {
        width: 209px;
    }

    .certificate_item {
        transform: scale(0.95);
        align-items: center;
        border-radius: 40px;
    }
    .certificate_text p {
        font-size: 8px;
    }
    .certificate_item_wrapper_1 .certificate_text{
        margin-right: 50px;
    }
    
    .certificate_text_header {
        margin-bottom: 40px;
    }
    .certificate_downloader {
        font-size: 10px;
        margin-left: 22px;
        margin-top: 4px;
    }
    .certificate_downloader img {
        margin-right: 5px;
        width: 10px;
    }

    #process_bg_interaction {
        top: -1px;
        width: 413px;
    }
    #int_section_h1 {
        width: 200px;
    }
    #column_number_int {
        left: -43px;
        bottom: -51px;
        background-size: auto 56px;
    }
    #column_number_int_1 {
        left: -48px;
        bottom: -51px;
        background-size: auto 56px;
    }
    iframe {
        width: 100%;
        height: 220px;
        border-radius: 25px;
    }
    #youtube_channel {
        padding-bottom: 300px;
    }
    .video_wrapper_wrapper {
        margin-top: 75px;
    }
    .form_section {
        height: 865px;
        background-size: 55%;
    }
    .all_form_wrapper {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 80px;
    }
    .form_text_wrapper {
        top: calc(55px + 85px - 20px);
    }

    .form_h1_wrapper h1 {
        font-size: 30px;
    }
    :root {
        --form_padding_left: 15px;
    }
    .form {
        height: 595px;
        padding-top: 135px;
    }
    .form_button {
        font-size: 30px;
    }
    .form_h1_wrapper h1 {
        font-size: 28px;
    }
    
    :root {
        /* --input_width: 175px; */
       
    }
    .message {
        width: 70%;
        margin-left: auto;
        margin-right: 0;
        margin-top: -40px;
    }
    input, textarea {
        outline: none;
        border-radius: 0;
    }
    .select {
        border-bottom: 0.5px solid #222121;
    }
    .select_1 {
        border-bottom: 0.5px solid #222121;
    }
    #file_input {
        width: 250px;
        padding-left: 41.5px;
        margin-top: 0;
        left: -5px;
        height: 48px;
    }
    .form_item {
        margin-top: 0px;
    }
    input {
        margin-top: 25px;
        padding-bottom: 15px;
        border-bottom: 0.5px solid #000;
    }
    .form_input._error {
        box-shadow: 0px 1px 0px rgba(255, 0, 0, 0.1);
        border-bottom: 1px solid rgb(193, 8, 8);
    }
    textarea {
        margin-top: 25px;
        border-bottom: 0.5px solid #000;
        height: 55px;
    }
    .new-select::after {
        right: 12px;
        width: 17px;
    }
    .new-select__list {
        top: 46px;
    }
    .file_input::after {
        left: 125px;
    }
    .file_input::before {
        font-size: 8px;
        padding: 17px 9px;
        border: 0.5px solid #222121;;
    }
    .form_button{
        font-size: 30px;
        width: 185px;
        margin-top: 50px;
    }
    .bg_notmed_services {
        top: 124px;
        left: 0;
        width: 698px;
        z-index: 0;
        pointer-events: none;
    }

    .footer {
        padding-left: 30px;
        height: 550px;
    }
    .footer_h1 {
        width: 205px;
        font-size: 25px;
    }
    .footer_left_wrapper img{
        width: 45px;
        margin-top: 10px;
    } 
    .footer_left_wrapper p {
        display: none;
    }

    .footer_right_wrapper {
        margin-right: 0px;
        margin-left: 40px;
    }
    .icons_wrapper {
        display: flex;
        align-items: flex-end;
        margin-top: 30px;
        margin-bottom: 45px;
    }
    .icons_wrapper img {
        margin-right: 0;
    }
    .youtube_img {
        width: 25px;
        margin-right: 20px;
    }
    #youtube_img {
        margin-right: 20px;
    }
    .facebook_img {
        width: 10px;
    }
    .contacts_footer {
        font-size: 20px;
        margin-bottom: 35px;
    }
    .made_by {
        left: 30px;
    }
    .made_by_year {
        margin-left: 8px;
        font-size: 10px;
    }
    .back_to_top {
        bottom: -53px;
        right: 7px;
        width: 10px
    }
}

@media (max-width: 695px) {
    :root {
        --message_font_size: 11px;
    }
    .message {
        width: 100%;
        margin-top: 5px;
    }
    .message.error::after {
        padding: 14px 0px;
        border-radius: 15px;
    }
    .message.error_sending::after {
        padding: 14px 0px;
        border-radius: 15px;
    }
    .message.success_sending::after {
        padding: 14px 0px;
        border-radius: 15px;
    }
}

@media (max-width: 415px) {
    :root {
        --font_size_p_16: 10px;
        --font_size_p_15: 10px;
        --technologies_box_width: 395px; 
        --technologies_box_height: 165px; 
        --column_height: 200px;
        --column_int_height: 155px;
        --column_width: 190px;
        --column_width_int: 190px;
        --font_size_selection_h1: 28px;
        --font_size_splide_h1: 17px;
        --gallery_image_wrapper: 305px;
        --gallery_margin: 25px;
        --input_width: 160px;
    }
    .device_text {
        margin-left: 40px;
    }
    .device_img {
        width: 150px;
    }
    .device_p {
        width: 155px;
    }
    .technologies_wrapper {
        padding-top: 180px;
    }
    .material_p {
        width: 136px;
    }
    .material_img {
        width: 170px;
    }
    .column:hover .column_img {
        scale: 0.65;
    }
    .column:hover #column_img_4 {
        scale: 0.65;
    }
    .column:hover .column_p {
        transform: translateX(-375px);
    }
    #column_int_1:hover .column_p {
        transform: translateX(-375px);
    }
    .column_img {
        transform: scale(0.7);
        bottom: -15px;
    }
    #column_img_2 {
        bottom: calc(35px - 20px - 10px - 6px);
    }
    #column_img_3 {
        bottom: calc(35px - 20px - 10px - 6px);
    }
    #column_img_4 {
        bottom: calc(30px - 20px - 10px - 10px);
    }

    .selection_section {
        height: 385px;
    }
    #selection_img_1 {
        width: 305px;
    }
    #selection_img_2 {
        width: 290px;
    }
    #selection_img_3 {
        width: 290px;
    }
    .services_button {
        font-size: 10px;
    }
    #med_splide img {
        transform: scale(0.8);
    }
    #med_splide {
        margin-left: -2px;
    }
    .med_slide_2 {
        margin-left: 25px;
    }
    .med_slide_3 {
        margin-left: 45px;
    }
    .med_slide_4 {
        margin-left: 40px;
    }
    
    /* med */
    .h2_1_1 {
        width: 160px;
    }
    .h2_1_2 {
        width: 222px;
    }
    .h2_1_3 {
        width: 180px;
    }
    .h2_1_4 {
        width: 185px;
    }
    .p_1_1 {
        width: 179px;
    }
    .p_1_2 {
        width: 140px;
        
    }
    .p_1_3 {
        width: 135px;
    }
    .p_1_4 {
        width: 185px;
    }
    /* med */

    /* vet */
    .h2_2_1 {
        width: 160px;
    }
    .h2_2_2 {
        width: 183px;
    }
    .h2_2_3 {
        width: 180px;
    }
    .p_2_1 {
        width: 180px;
    }
    .p_2_2 {
        width: 185px;
    }
    .p_2_3 {
        width: 134px;
    }
    /* vet */

    /* notmed */
    .h2_3_1 {
        width: 129px;
    }
    .h2_3_2 {
        width: 266px;
    }
    .h2_3_3 {
        width: 150px;
    }
    .h2_3_4 {
        width: 126px;
    }
    .p_3_1 {
        width: 206px;
    }
    .p_3_2 {
        width: 205px;
    }
    .p_3_3 {
        width: 188px;
    }
    .p_3_4 {
        width: 232px;
    }
    /* notmed */

    .popup {
        transform: translate(67.7px, 500px) scale(0.75);
        transition: all .8s;
    }
    .popup.open {
        transform: translate(67.7px, -185px) scale(0.75, 0.8);    
    }
    #notmed_splide {
        margin-left: 22px;
    }
    .notmed_slide_2 {
        margin-left: 5px;
    }
    .notmed_slide_2 img {
        margin-right: 90px;
    }

    .my-slider-progress {
        width: 61vw;
    }
    #gallery_splide {
        margin-left: 46px;
    }
    #column_img_int_3 {
        left: 6px;
        bottom: -19px;
        transform: scale(0.85);
    }
    #column_img_int_2 {
        left: 6px;
        bottom: -19px;
        transform: scale(0.85);
    }
    .column:hover #column_img_int_2 {
        transform: translateX(0px) scale(0.9);
        scale: 1;
    }
    .column:hover #column_img_int_3 {
        transform: translateX(0px) scale(0.9);
        scale: 1;
    }
    #column_p_wrapper_int_2 {
        top: 19%;
    }
    #column_p_wrapper_int_3 {
        top: 33%;
    }
    #column_int_4:hover .column_p {
        transform: translateX(-371px);
    }
    #column_int_5:hover .column_p {
        transform: translateX(-375px);
    }
    iframe {
        height: 215px;
    }
    .footer_right_wrapper {
        margin-left: 30px;
    }
    .message.error::after {
        padding: 15px 0px;
        border-radius: 15px;
    }
    .message.error_sending::after {
        padding: 15px 0px;
        border-radius: 15px;
    }
    .message.success_sending::after {
        padding: 15px 0px;
        border-radius: 15px;
    }
    
}
@media (max-width: 395px) {
    
    :root {
        --about_h1_position: 175px;
        --technologies_box_width: 375px; 
        --font_size_selection_h1: 27px;
        --section_h1_size: 36px;
        --gallery_image_wrapper: 290px;
        --gallery_margin: 20px;
        --input_width: 150px;
    }
    .menu a {
        font-size: 32px;
    }
    .about_h1_1 {
        left: 37px;
    }
    .D_block {
        left: calc(185px);
    }
    .technologies_wrapper {
        padding-top: 160px;
        padding-bottom: 190px;
    }
    .column_p {
        font-size: 9px;
    }
    .column:hover .column_p {
        transform: translateX(-380px);
    }
    #column_4:hover .column_p {
        transform: translateX(-380px);
    }

    .selection_section {
        height: 370px;
    }
    #selection_img_1 {
        width: 280px;
    }
    #selection_img_2 {
        width: 275px;
    }
    #selection_img_3 {
        width: 270px;
    }
    .services_button {
        font-size: 9.5px;
    }
    #med_splide {
        margin-left: -2px;
    }
    .med_slide_2 {
        margin-left: 13.5px;
    }
    .med_slide_3 {
        margin-left: 30px;
    }
    .med_slide_4 {
        margin-left: 32px;
    }
    .notmed_slide_3 {
        margin-left: 0px;
    }
    .notmed_slide_4 {
        margin-left: 80px;
    }
    .notmed_slide_4 img {
        transform: scale(0.7);
        margin-left: -111px;
    }
    .popup {
        transform: translate(78px, 500px) scale(0.72);
    }
    .popup.open {
        transform: translate(77.5px, -195px) scale(0.72, 0.77);    
    }
    #vet_splide {
        margin-left: -10px;
    }
    .vet_slide_2 {
        margin-left: 20px;
    }
    #notmed_splide {
        margin-left: 15px;
    }
    .gallery {
        height: 825px;
    }
    #gallery_splide {
        margin-left: 45px;
    }
    .certificate_p_2 {
        width: 178px;
    }
    .certificate_item_wrapper_1 .certificate_text{
        margin-right: 30px;
    }
    iframe {
        height: 200px;
    }
    .made_by {
        bottom: 60px;
    }
    .icons_wrapper {
        margin-top: 83px;
    }
    .footer_right_wrapper {
        margin-left: 5px;
    }
    .back_to_top {
        bottom: -43px;
    }
   
    
}
@media (max-width: 376px) {
    :root {
        --about_h1_position: 165px;
        --technologies_box_width: 355px; 
        --technologies_box_height: 145px;
        --font_size_p_16: 9px;
        --font_size_selection_h1: 26px;
        --gallery_image_wrapper: 285px;
        --input_width: 145px;
    }
    .aboutUs {
        max-height: 675px;
    }
    .main_section {
        height: 112vh;
    }
    .about {
        top: 0;
    }
    .D_block {
        left: calc(180px);
    }
    .about_h1_1 {
        left: 30px;
    }
    .technologies_wrapper {
        padding-top: 140px;
    }
    .device_p {
        width: 137px;
    }
    .device_img {
        width: 130px;
    }
    .material_p {
        width: 123px;
    }
    .material_img {
        width: 160px;
    }
    .selection_section {
        height: 360px;
    }
    #selection_img_1 {
        top: 105px;
        width: 275px;
    }
    #selection_img_2 {
        width: 270px;
    }
    #selection_img_3 {
        top: 40px;
        width: 260px;
    }
    .med_slide_2 {
        margin-left: 8px;
    }
    .med_slide_3 {
        margin-left: 23px;
    }
    .med_slide_4 {
        margin-left: 25.5px;
    }
    .popup {
        transform: translate(86px, 500px) scale(0.7);
        /* transition: all .8s; */
    }
    .popup.open {
        transform: translate(86px, -190px) scale(0.7, 0.75);    
    }
    .vet_slide_3 {
        margin-left: 70px;
    } 
    #notmed_splide {
        margin-left: 3px;
    }
    .notmed_slide_2 {
        margin-left: 5px;
    }
    .gallery {
        height: 820px;
    }
    #gallery_splide {
        margin-left: 36px;
    }
    .my-slider-progress {
        width: 63vw;
    }
    .certificate_item_wrapper_1 .certificate_text{
        margin-right: 20px;
    }
    iframe {
        height: 190px;
    }
    :root {
        --message_font_size: 10.5px
    }
    .footer_right_wrapper {
        margin-left: 0;
    }
}
@media (max-width: 361px) {
    :root {
        --about_h1_position: 155px;
        --technologies_box_width: 335px; 
        --font_size_selection_h1: 24px;
        --section_h1_size: 34px;
        --gallery_image_wrapper: 275px;
        --gallery_margin: 20px;
        --input_width: 140px;
        --message_font_size: 10px
    }
    .aboutUs::before {
        background-size: 120px;
        background-position: 120% 6%;
    }
    .about_h1_1 {
        left: 20px;
    }
    .D_block {
        left: calc(170px);
        width: 18px;
    }
    .about_h1_1 {
        top: -45px;
        left: 20px;
        width: 300px;
    }
    .device_text {
        margin-left: 30px;
    }
    .device_img {
        width: 116px;
    }
    .column:hover .column_img {
        transform: translateX(-10px);
        scale: 0.6;
    }
    .column:hover #column_img_4 {
        transform: translateX(-10px) translateY(-5px) rotate(5deg);
        scale: 0.6;
    }
    .column:hover .column_p {
        transform: translateX(-390px);
    }
    #column_4:hover .column_p {
        transform: translateX(-400px);
    }
    
    .selection_section {
        height: 300px;
        padding-top: 30px;
    }
    .selection_p_wrapper {
        margin-left: 30px;
    }
    #selection_section_2 .selection_p_wrapper{
        margin-left: 30px;
    }

    #selection_img_1 {
        top: 90px;
        width: 225px;
         
    }
    #selection_img_2 {
        top: 45px;
        left: 40px;
        width: 240px;
        rotate: 25deg;
    }
    #selection_img_3 {
        top: 30px;
        width: 235px;
    }
    #med_splide {
        margin-left: 0px;
        margin-top: 20px;
    }
    .med_slide_2 {
        margin-left: 0px;
    }
    .med_slide_3 {
        margin-left: 7px;
    }
    .med_slide_4 {
        margin-left: 15.5px;
    }
    .popup {
        transform: translate(86px, 500px) scale(0.68);
        transition: all .8s;
    }
    .popup.open {
        transform: translate(92.7px, -185px) scale(0.67, 0.7);    
    }

    #vet_splide {
        margin-left: 0px;
    }
    #vet_splide img {
        transform: scale(0.75);
    }
    .vet_slide_1 {
        margin-left: -45px;
    }
    .vet_slide_3 {
        margin-left: 55px;
    }

    #notmed_splide img {
        transform: scale(0.75);
    }
    #notmed_splide {
        margin-left: -2px;
    }
    .notmed_slide_2 {
        margin-left: 10px;
    }
    
    .my-slider-progress {
        width: 62.5vw;
    }
    .certificate_text_wrapper {
        margin-bottom: 33px;
    }
    .certificate_text {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .certificate_p_1 {
        width: 167px;
    }
    .certificate_p_2 {
        width: 150px;
    }
    .column_int:hover .column_p {
        transform: translateX(-380px);
    }
    #column_int_2:hover .column_p {
        transform: translateX(-390px);
    }
    #column_int_3:hover .column_p {
        transform: translateX(-390px);
    }
    #column_int_4:hover .column_p {
        transform: translateX(-370px);
    }
    #column_int_5:hover .column_p {
        transform: translateX(-375px);
    }
    iframe {
        height: 185px;
    }
    .form_button {
        font-size: 24px;
        margin-top: 45px;
    }
    .form_h1_wrapper h1 {
        font-size: 26px;
    }
    .form {
        height: 585px;
    }
    .footer_right_wrapper {
        margin-left: -20px;
    }
}
@media (max-width: 321px) {
    :root {
        --section_h1_size: 30px;
        --about_h1_position: 135px;
        --technologies_box_width: 305px; 
        --column_height: 200px;
        --column_width: 190px;
        --column_width_int: 190px;
        --gallery_image_wrapper: 245px;
        --gallery_margin: 15px;
        --input_width: 120px
    }
    .offer_h1 {
        font-size: 44px;
    }
    .nav {
        padding: 0 20px;
    }
    .offer_wrapper {
        padding-top: 65%;
        padding-left: 15px;
    }
    .offer {
        width: 280px;
        height: 170px;
    }
    .button_wrapper {
        bottom: -10px;
    }
    .D_block {
        left: calc(160px + 3px);
        width: 15px;
    }
    .about_h1_2 {
        top: 30px;
    }
    .about_h1_3 {
        bottom: 30px;
    }
    .aboutUs {
        height: 120vh;
        max-height: 800px;
    }
    .aboutUs {
        background-position: 140% 2%;
        background-size: 141px auto;

    }
    .aboutUs::before {
        background-size: 100px;
        background-position: 115% 12%;
    }
    .about_h1_1 {
        left: 10px;
    }
    .about.open img {
        transform: translate( -0px, 85vh );
    }
    .device_text {
        margin-left: 20px;
        margin-right: 5px;
    }
    #process_h1 {
        width: 160px;
    }
    .column:hover .column_img {
        transform: translateX(-20px);
        scale: 0.6;
    }
    .column:hover #column_img_4 {
        scale: 0.6;
    }
    .column:hover .column_p {
        transform: translateX(-395px);
    }   
    #column_4:hover .column_p {
        transform: translateX(-395px);
    }
    
    .selection_section {
        height: 290px;
    }
    #selection_img_1 {
        width: 205px;
    }
    #selection_img_2 {
        width: 220px;
    }
    #selection_img_3 {
        top: 40px;
        left: 45px;
        width: 220px;
    }
    .services_button {
        font-size: 9px;
    }

    #med_splide img {
        transform: scale(0.7);
    }
    .splide_text_wrapper {
        margin-top: -40px;
    }
    .splide__arrow svg {
        width: 30px;
    }
    #med_splide {
        margin-left: 8px;
        margin-top: 0px;
    }
    .med_slide_2 {
        margin-left: 0px;
    }
    .med_slide_3 {
        margin-left: -7px;
    }
    .med_slide_4 {
        margin-left: -2px;
    }
    .popup {
        transform: translate(112px, 500px) scale(0.6, 0.65);
        transition: all .8s;
    }
    .popup.open {
        transform: translate(112px, -170px) scale(0.6, 0.65);    
    }

    .splide {
        max-height: 408px;
    }
    #vet_splide img {
        transform: scale(0.65);
    }
    .vet_slide_1 {
        margin-left: -40px;
    }
    .vet_slide_1 img {
        margin-left: -15px;
    }
    .vet_slide_2 {
        margin-left: 10px;
    }
    .vet_slide_2 img {
        margin-right: 105px;
    }
    .vet_slide_3 {
        margin-left: 35px;
    }
    #notmed_splide img {
        transform: scale(0.65);
        margin-bottom: -20px;
    }
    .notmed_slide_1 img {
        margin-left: -20px;
    }
    .notmed_slide_2 img {
        margin-left: 25px;
    }
    .notmed_slide_4 {
        margin-left: 55px;
    }
    .gallery {
        height: 725px;
    }
    #gallery_splide {
        margin-left: 32 px;
    }
    .certificate_p_1 {
        width: 141px;
    }
    .certificate_text_header {
        margin-bottom: 32px;
    }
    .certificate_image img {
        width: 95px;
    }
    .certificate_item_wrapper_2 .certificate_text {
        margin-right: 0px;
    }
    .certificate_item_wrapper_1 .certificate_text {
        margin-right: 0px;
    }
    .column:hover #column_img_int_2 {
        transform: translateX(-10px) scale(0.9);
    }
    .column:hover #column_img_int_3 {
        transform: translateX(-10px) scale(0.9);
    }
    .column_int:hover .column_p {
        transform: translateX(-370px);
    }
    #column_int_2:hover .column_p {
        transform: translateX(-395px);
    }
    #column_int_3:hover .column_p {
        transform: translateX(-395px);
    }
    #column_int_4:hover .column_p {
        transform: translateX(-368px);
    }
    #column_int_5:hover .column_p {
        transform: translateX(-370px);
    }
    iframe {
        height: 165px;
    }
    #youtube_channel {
        padding-bottom: 225px;
    }
    .footer_right_wrapper {
        margin-left: -55px;
    }
    :root {
        --message_font_size: 11px;
    }
    .message.error::after {
        padding: 12px 0px;
        border-radius: 15px;
    }
    .message.error_sending::after {
        padding: 12px 0px;
        border-radius: 15px;
    }
    .message.success_sending::after {
        padding: 12px 0px;
        border-radius: 15px;
    }
}

@media (max-height: 430px) {
    .offer_wrapper {
        padding-top: 145px;
    }
    .downArrow_wrapper {
        display: none;
    }
    #wrapper_3 {
        padding-top: 95px;
    }
    .main_section {
        height: 115vh;
    }
    .aboutUs {
        margin-top: 0px;
        top: -60px;
    }
    .logo.open img {
        opacity: 1;
    }
    .menu {
        padding-top: 0px;
        padding-right: 80px;
    }
    .menu li {
        padding-top: 40px;
    }
    .menu a {
        font-size: 40px;
    }
    #med_splide {
        margin-left: 45px;
    }
    .med_slide_3 {
        margin-left: 100px;
    }
    .vet_slide_1 {
        margin-left: 30px;
    }
    .notmed_slide_2 {
        margin-left: 30px;
    }
    .notmed_slide_3 {
        margin-left: 30px;
    }
    .notmed_slide_4 {
        margin-left: 52px;
    }
    .certificate_item_wrapper {
        right: auto;
        left: 95px;
    }
}
@media (max-height: 415px) {
    .menu li {
        padding-top: 35px;
    }
}
@media (max-height: 395px) {
    #wrapper_3 {
        padding-top: 70px;
    }
}
@media (max-height: 376px) and (max-width: 852px) {
    :root {
        --input_width: 40vw;
    }
    .menu_wrapper {
        width: 100vw;
        top: -90px;
        text-align: center;
        display: flex;
        justify-content: center;
        border-radius: 50px;
        transform: translateX(0px);
        transform: translateY(-100%);
    }
    .menu_wrapper.open {
        padding-right: 0;
        transform: translateY(0%);
    }
    .menu {
        padding-right: 0;
        padding-top: 55px;
    }
    .menu a {
        font-size: 32px;
    }
    .menu li {
        padding-right: 0;
        padding-top: 25px;
    }
    .menu_wrapper.open_fixed {
        width: 100vw;
        padding-right: 0px; 
    }
    #wrapper_3 {
        padding-top: 55px;
    }
    .certificate_item_wrapper {
        left: 50px;
    }
}
@media (max-height: 376px) and (max-width: 741px) {
    :root {
        --input_width: 40vw;
    }
    .menu {
        padding-right: 0px;
        padding-top: 55px;
    }
    .menu a {
        font-size: 32px;
    }
    .menu li {
        padding-top: 25px;
    }
    
    .button_wrapper {
        transform: scale(0.6);
        bottom: 95px;
        left: 445px;
        border-radius: 35px;
    }
    #wrapper_3 {
        padding-top: 160px;
    }
    .about.open img {
        transform: translate( 0px, 100vh );
    }
    #med_splide {
        margin-left: 15px;
    }
    .med_slide_1 {
        margin-left: 90px;
    }
    .med_slide_2 {
        margin-left: 115px;
    }
    .med_slide_3 {
        margin-left: 145px;
    }
    .med_slide_4 {
        margin-left: 150px;
    }
    #vet_splide {
        margin-left: 15px;
    }
    .vet_slide_1 {
        margin-left: 80px;
    }
    .vet_slide_2 {
        margin-left: 115px;
    }
    .vet_slide_3 {
        margin-left: 215px;
    }
    #notmed_splide {
        margin-left: 15px;
    }
    .notmed_slide_1 {
        margin-left: 150px;
    }
    .notmed_slide_2 {
        margin-left: 115px;
    }
    .notmed_slide_3 {
        margin-left: 145px;
    }
    .notmed_slide_4 {
        margin-left: 160px;
    }
    .my-slider-progress {
        width: 80vw;
    }
    .certificate_item_wrapper {
        left: 190px;
    }
    iframe {
        height: 333px;
    }
}
@media (max-height: 321px) {
    .certificate_item_wrapper {
        left: 100px;
    }
    .offer_wrapper {
        padding-top: 117px;
    }
    .button_wrapper {
        transform: scale(0.5);
        left: 380px;
    }
}
/* iPhone 7+ */
@media screen 
and (device-width: 375px) 
and (device-height: 736px) 
and (-webkit-device-pixel-ratio: 2.6) { 
    .file_input {
        padding-left: 0px;
    }
}
/* iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone Xs, and iPhone X */
@media screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) { 
    .file_input {
        padding-left: 0px;
    }
}
/* iPhone 13, iPhone 12 and iPhone 12 Pro */
@media screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
        .file_input {
            padding-left: 0px;
        }
}
@media screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
        .file_input {
            padding-left: 0px;
        }
}
/* iPhone 11 Pro MAX, iPhone Xs Max */
@media screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {
        .file_input {
            padding-left: 0px;
        }
}
@media screen 
  and (device-width: 428px) 
  and (device-height: 926px) 
  and (-webkit-device-pixel-ratio: 3) {
    .file_input {
        padding-left: 0px;
    }
}