/*!
Theme Name: Pdmv
Theme URI: https://pdmv.ua/
Author: Kadnychanskyi A.
Author URI: https://pdmv.ua/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pdmv
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
    font-family: 'Inter';
    src: url('assets/css/fonts/Inter-Regular.eot');
    src: url('assets/css/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/Inter-Regular.woff2') format('woff2'),
         url('assets/css/fonts/Inter-Regular.woff') format('woff'),
         url('assets/css/fonts/Inter-Regular.ttf')  format('truetype'),
         url('assets/css/fonts/Inter-Regular.svg#Inter') format('svg');
}

@font-face {
    font-family: 'Inter Bold';
    src: url('assets/css/fonts/Inter-Bold.eot');
    src: url('assets/css/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/Inter-Bold.woff2') format('woff2'),
         url('assets/css/fonts/Inter-Bold.woff') format('woff'),
         url('assets/css/fonts/Inter-Bold.ttf')  format('truetype'),
         url('assets/css/fonts/Inter-Bold.svg#Inter') format('svg');
}

@font-face {
    font-family: 'Inter Thin';
    src: url('assets/css/fonts/Inter-Thin.eot');
    src: url('assets/css/fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),
         url('assets/css/fonts/Inter-Thin.woff2') format('woff2'),
         url('assets/css/fonts/Inter-Thin.woff') format('woff'),
         url('assets/css/fonts/Inter-Thin.ttf')  format('truetype'),
         url('assets/css/fonts/Inter-Thin.svg#Inter') format('svg');
}


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


html{
    scroll-behavior: smooth;
}

body{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    color: #1D1D1b;
    height: 100%;
    font-size: 14px;
}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{
    font-family: 'Inter bold', sans-serif;
    color: #1D1D1b;
    word-break: break-word;
}

h1, .h1{ font-size: 3rem;}
h2, .h2{ font-size: 2.1rem;}
h3, .h3{ font-size: 1.9rem;}
h4, .h4{ font-size: 1.7rem;}
h5, .h5{ font-size: 1.6rem;}

p,span{
    word-break: break-word;
}


a{text-decoration: none;transition: all 0.5s;text-decoration: none;}

.header{background: white;background-color: white}
.header__container{margin: 0 auto}
header.header-pdmv{
    position: relative;
    top: 0;
    z-index: 99;
    height: 80px;
    padding-top: 30px;
    background-color: white;
    background: white;
}

.header__items {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.navbarscroll-fixed{
/*  background-color: red!important;*/
    box-shadow: 0 0px 0px rgba(0,0,0,0.1), 0 0px 24px rgba(0,0,0,0.1);
  transition: all 1s;
  position: fixed!important;
}

.menu-btn.active {position: fixed}

ol > li{
    text-align: left!important;
}
/*    MENU*/
.nav-pdmv {
    color: #1D1D1b;
    font-family: 'Inter', sans-serif;
}
ul.nav-pdmv{
    display: flex;
    color: #1D1D1b;
    list-style-type:none;
    width: max-content;
}
ul.nav-pdmv > li{
    padding: 0 10px;
}
ul.nav-pdmv > li > a{
    font-family: 'Inter', sans-serif;
    color: #1D1D1b;
    font-size: 14px;
    width: max-content;
    display: block;
    transition: all 0.5s;
    text-decoration: none
}
ul.nav-pdmv > li > a:hover{color: #E6332A!important}
.menu li,.sub-menu > li{
    list-style-type: none;
}
.nav-pdmv > li.menu-item:hover .sub-menu,.hamburger,.nav-mobile.open {
    display: block;
}

.sub-menu {
    display: none;
    position: absolute;
    min-width: 210px;
    z-index: 1;
    margin-left: 0;
    padding: 15px 20px;
    overflow: hidden;
    -webkit-transition: max-height 1s linear;
    -moz-transition: max-height 1s linear;
    transition: max-height 1s linear;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 10px;
    box-shadow: 0 0px 0px rgba(0,0,0,0.1), 0 0px 24px rgba(0,0,0,0.1);
}
.menu.active > li > ul.sub-menu{
    padding: 10px 0;
}
.sub-menu > li {
    display: block;
    padding: 5px 0;
}
.menu > li.menu-item:hover .sub-menu {
    display: block;
    -moz-transition: .5s linear;
    -o-transition: .5s linear;
    -webkit-transition: .5s linear;
}
/* Стили для гамбургера */
.hamburger {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
}
.hamburger__icon {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #333;
    position: relative;
    transition: background-color 0.3s ease;
}
.hamburger.open .hamburger__icon {
    background-color: transparent;
}
.nav-mobile {
    display: none; /* Скрыто по умолчанию */
    position: absolute;
    top: 60px; /* Подстройте под ваш дизайн */
    right: 20px; /* Подстройте под ваш дизайн */
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    z-index: 1000;
}
.nav-mobile.open {
    display: block;
}
.humburger-menu {
    display: flex;
    justify-content: flex-end;
}
/* Burger icon */
.menu-btn {
    width: 30px;
    height: 30px;
    position: relative;
    z-index:10;
    overflow: hidden;
    right: 5px
}
span.name-menu{
    color:#E6332A;
    position: relative;
    z-index: 1;
    width: 50px;
    position: absolute;
    height: 29px;
    padding: 0 0 0 5px;
    transition: all 0.5s
}
.menu-btn span {
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #E6332A;
    transition: all 0.5s;
}
.menu-btn span.name-menu{ height: 12px;transition: all 0.5s}
.menu-btn span:nth-of-type(2) {
    top: calc(50% - 5px);
}
.menu-btn span:nth-of-type(3) {
    top: calc(50% + 5px);
}
/* Changing the hamburger icon when the menu is open */
.menu-btn.active span:nth-of-type(1) {
  display: none;
}
.menu-btn.active span:nth-of-type(2) {
  background-color: #E6332A;
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);  
}
.menu-btn.active span:nth-of-type(3) {
  background-color: #E6332A;
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); 
}
/* Menu that will appear */
.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    padding: 15px;
    background: #f4f4f4;
    transform: translateX(-100%);
    transition: transform 0.5s;
    z-index: 100; 
    opacity: .95;
}
.menu.active {
    transform: translateX(0);
}
.menu.active ul{
    padding: 100px 0 0;
}
.menu.active :is(li){
    padding: 20px 0 20px 30px ;
}
.menu.active ul :is(a){
    color: #78818D;
    text-transform: uppercase;
}
.menu li {
    list-style-type: none;
}
.menu-lang__pc,.menu-lang__mobile{
    text-transform: uppercase;
}
.menu-lang__mobile{
    padding: 7px 0 0 30px;
}
.menu-lang__pc :is(a){
    color:#fff;
    padding: 0 10px;
}
.menu-lang__pc,.menu-lang__mobile{
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
li.current-menu-item > a{color: #E6332A!important;opacity: .8}

#menu-mobile-menu :is(a) {color:#1D1D1b}

.card-element__block > .card-element:nth-child(1) {
    padding: 0 10px 0 0;
}
.card-element__block > .card-element:nth-child(2) {
    padding: 0 10px 0;
}
.card-element__block > .card-element:nth-child(3) {
    padding: 0 10px 0;
}
.card-element__block > .card-element:nth-child(4) {
    padding: 0 0 0 10px;
}


/*   end MENU*/
/* -------------------page-------------------- */ 


/* Remove outline on the forms and links */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}



/******************* section ****************/

.bg-section{
    border-radius: 0!important;
    padding: 0
}

.card{border: 0}
.card-container{padding: 90px 0 0;border: none}
.card-container :is(h1,p){color: white}
.card-container :is(p){font-size: 1.6rem}

.ident-section-content{
    position: relative;
    z-index: 10
}

.ident-section{
    border-radius: 30px;
    position: relative;
    background: #fff;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25);
}


.ident-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px; 
  border: 1px solid transparent;
  background: linear-gradient(180deg,#1D1D1b,#E6332A) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) padding-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
 

.provide-section{margin-top: 100px}
.title-page{margin-left: 10rem;color: #fff}




/******************* btn ****************/


a.btn-mail{
    color: #1D1D1b;    
    border: 1px solid #1D1D1b;
    padding: 10px 20px ;
    border-radius: 20px;
    transition: transform 0.5s;
    text-decoration: none;
}
a.btn-mail:hover{
    color: #fff;    
    border: 1px solid #E6332A;
    padding: 10px 20px ;
    border-radius: 20px;
    background: #E6332A;
}



.btnpdmv-orange,input[type=submit]{
    background: #E6332A;
    padding: 15px 30px;
    color: #fff;
    border-radius: 20px;
    text-decoration: none!important;
}

.btnpdmv-orange:hover,input[type=submit]:hover{
    background: #c22b24!important;
    color: #fff
}

.maps-contact {padding:100px 0}

.card-container :is(p,h2) {color: white}

input[type="submit"]{
    background-position: 50% 50%;   
    z-index: 25;
    position: relative;
    min-width: 80px;
    margin-top: 0;
    display: block;

}


.open-close-block{width: 100%}
.btn-terra,
.read-more a {
    transition: 0.3s;
    outline: 0;
}
.btn-terra {
    padding: 15px 30px;
    color: #fff;
    border-radius: 20px;
}

.btn-terra__readmore{background: #E6332A}
.btn-terra:hover {
    background: #c22b24
}

.close-btn__label{margin: 0 10px 0 0}

/*read more without JS*/

details{display:inline;-webkit-display:inline}
details {position:relative;-webkit-position:relative}
details summary {display:block;cursor: pointer;-webkit-display:block}
details summary:focus {outline:none;-webkit-outline:none}
details[open] {
  display:block;
  padding-bottom:25px;
  padding-top:0px;
  animation: open .5s linear;
  -webkit-display:block;
  -webkit-padding-bottom:25px;
  -webkit-padding-top:10px;
  -webkit-animation: open .5s linear
}
details[open] summary {
  position:absolute;
  bottom: -30px;
  right:0;
  -webkit-position:absolute;
  -webkit-bottom: -30px;
  -webkit-right:0;
}
details #open{padding-left:30px}
details[open] #open{display:none;-webkit-display:none}
details #close{display:none;-webkit-display:none}
details[open] #close{display:block;-webkit-display:block}
::-webkit-details-marker {display: none}

/*end read more without JS*/




/* Remove outline on the forms and links */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
.wpcf7-form-control-wrap :is(input, textarea){
    padding: 20px;
    border: 1px solid #1D1D1b;
    border-radius: 15px;
    margin: 15px 0;
    width: 100%;
}

.wpcf7-form-control-wrap :is(input){
    height: 50px;
}
.wpcf7-form-control-wrap :is(textarea){
    height: 120px;
    }

.wpcf7-form-control-wrap :is(input, textarea):focus-visible{
    border: 1px solid #1D1D1b;    
}
.wpcf7-form-control-wrap :is(input, textarea):focus{
    border: 1px solid #1D1D1b;    
}
.wpcf7-form-control-wrap :is(input, textarea):active{
    border: 1px solid #1D1D1b;
}

.contact-form__block{padding-top: 100px; padding-bottom: 100px}
.imglogo_pdmv-contactform{
    width: 250px;
    height: 43px;
}


.top-line{
    border-top: 3px solid;
  border-image: linear-gradient(to right,#E6332A,#1D1D1b) 1 0 0 0;
}

.provide-section{padding-top: 50px}
.section-block{padding: 50px 20px}
.reasons-section{padding-bottom: 50px}
.title-block{padding-bottom: 60px;text-transform: capitalize;}
.section-block :is(p,li){font-size: 1rem; line-height: 1.8rem}
.text-block{padding-bottom: 3rem}
.contact-baner-section :is(p,h5){color:white}

.contact-baner-section{
    background: linear-gradient(to right,#E6332A,#1D1D1b);
    padding: 5% 10%;
/*    max-height: 220px;*/
    border-radius:30px;
    margin: 30px 0 100px;
   
}
.img-logo__inettrading{
    border-radius: 20px;
    padding: 0 15px;
    margin: 15px 0;
    border: 1px solid #E6332A;
    box-shadow: 0px 39px 16px -34px rgba(0,0,0,0.25)
}

.img-logo__inettrading:hover{
    border: 1px solid #1D1D1b;
    box-shadow: 0px 39px 16px -34px rgba(0,0,0,0.15)
}



.img-logo__mp{transition: transform 0.2s ease;}
.img-logo__mp:hover,img.pic:hover{transform: scale(0.95);}





.title-workflow{
    font-family: "Inter Bold";
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #E6332A
}

p.title-workflow{font-size: 1.3rem}

p.title-workflow-p{
    font-family: "Inter Bold";
    font-size: 1rem;
    line-height: 1rem;
}


.top-line{overflow: hidden;}
.made-by{}

.page-title__block{padding: 100px 0 50px}

.card-element__overlay{
    top: auto;
    transition: all 0.5s;
    padding: 13%
}
.card-element__overlay:hover{scale: .95}

.logo-card{padding-bottom: 5px}
.card-title__logo-card,.card-text__logo-card{
    font-size: 1rem;
    line-height: 1.2rem
}
.card-title__logo-card{color: #fff;font-weight: 800}
.card-text__logo-card,.card-title-orange__logo-card{color: #fff}

.card-title-orange__logo-card{font-size: 2rem;}
.card-element{border-radius:20px }


.number-card{
    font-family: "Inter Bold";
    padding: 0 8% 0 0;
    font-size: 2.2rem
}
.number-card__text{font-size: 1.2rem}
.collaborate-overlay {max-width: 272px}
.card-title_collaborate, .card-title_ident, .card-title_swiperslide{
    font-family: "Inter Bold";
    color:#fff
}

.swiper-slide-overlay{text-align: center;}
.card-title_collaborate{font-size: 1.6rem!important}
.card-title_ident{font-size: 1.4rem!important}



.card-element__collaborate{padding:13% 8%}
.img-block__text_bottom{font-size: 1.4rem}

.card-element__swiperslide{padding: 0 6% 4%}

.card-contact{box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.4);}
.first-block-section{padding: 0}

.card-element__bg{
    height: 410px;
    width: 290px;
    background-size:cover;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25)
}

.card-element__bg_work{
    height: 493px;
    width: 290px;
    background-size:cover;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25)
}

.card-element__bg_collaborator{
    height: 550px;
    width: 390px;
    background-size:cover;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25)
}

    swiper-container {
      width: 100%;
      height: 100%;
    }


    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.card-element_swiper-slide{
    height: 360px;
    width: 600px;
    background-size:cover;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25)
}

.blockscroll{
    border: 1px solid #BDBDBD;
    border-radius: 30px;
    padding: 0;
    overflow: hidden;
    max-width: 290px;    
    background: #fff;
    height: 367px;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25)
}

.blockscroll:hover {
  border: 1px solid transparent;
  background: linear-gradient(180deg,#1D1D1b,#E6332A) border-box;
  box-shadow: 0px 39px 16px -34px rgba(0,0,0,0.25)
 
}
 
 .block-scroll,.block-scroll__textblock{
    height: 367px;
    width: 290px;
    background: #fff;
}

.block-scroll__textblock{
    overflow-y: scroll;
    padding: 20px
}


#block-scroll__text,#block-scroll__text2, #block-scroll__text3,#block-scroll__text4,
 #block-scroll__text5,#block-scroll__text6,#block-scroll__text7,#block-scroll__text8,#block-scroll__text9,
 #block-scroll__text10,#block-scroll__text11,#block-scroll__text12,#block-scroll__text13,#block-scroll__text14,
 #block-scroll__text15,#block-scroll__text16,#block-scroll__text17,#block-scroll__text18,#block-scroll__text19,
 #block-scroll__text19,#block-scroll__text20,#block-scroll__text21,#block-scroll__text22,#block-scroll__text23,
 #block-scroll__text24,#block-scroll__text25,#block-scroll__text26,#block-scroll__text27,#block-scroll__text28{
    display: none;
}

.imgblock__bscroll{
    position: relative;
    top: -5px
}
.imgblock__bscroll > img{    
    vertical-align: top;
    display: block;
    transition: all 0.5s;
}

.imgblock__bscroll > img:hover{ 
    transform: scale(1.05)
}



.img__block-scroll{
    max-width:100%;
    height:auto
}
.textblock__bscroll{
    padding: 3% 4%;
    text-align: center;

}
.textblock__bscroll {
    font-family: 'Inter Bold', sans-serif;
    font-size: 1.3rem;
}

.textblock__justify{text-align: justify;}

/****************** footer *****************/ 

.footer{
    height: 120px;
    background:#616161
}
.footer :is(a,p){
    color: #fff
}

.footer :is(p){
    font-family: 'Inter Thin';
}

.footer :is(a){
    font-family: 'Inter';
}

.footer :is(a:hover){
    color: #E6332A;
}
.pri-term{text-decoration: underline;}

.flex-xl-row, .flex-lg-row, .flex-md-row{padding: 0}
.inetTrading-color{color: #E6332A}

.img-inettrading{
    border-radius: 20px;
    box-shadow: 0px 43px 16px -34px rgba(0,0,0,0.25);
}

.uk-light .uk-slidenav{
    color: #E6332A!important;
}



/*   ------------------- media------------------- */
@media (min-width: 1600px) {
    
    
}

@media (min-width: 1200px) {
    .container,.header__container {max-width: 1220px} 
    .card-container{max-width: 600px} 
    .nav-pdmv__mobile {display: none; /* Скрываем гамбургер */}
  .nav-pdmv {
        display: block; /* Отображаем меню в линию */
        position: sticky;
        top: 0;
    }
    .mobile-only{display: none;}
    .logo_pdmv {
    max-width: 250px;
    height: 43px;
    position: relative;
    margin: -10px 0 0;
    transition: all 0.5s;
    }
    p.title-workflow{height: 1.5rem}

}


@media (max-width: 1199px) {
    .nav-pdmv,.pc-only {display: none!important}
    .menu-btn span.name-menu{height: 20px; font-size: 1.1rem;transition: all 1.5s}
    .navbarscroll-fixed > .header__container > .row > .header__items > .mobile-only >
    .humburger-menu > .menu-btn > span.name-menu{font-size: .9rem; transition: all 1.5s}
    .menu-btn span{width: 48px}
    
    /* Стили для гамбургер и скрытого меню */
    .nav-pdmv__mobile {
        display: block; /* Отображаем гамбургер */
    }
    
    .mobile-only{display: block;z-index: 255;position: relative;}
    .menu-lang__pc{display: none;}

    header.header-pdmv {
        z-index: 99;
        height: 60px;
        width: 100%;
        padding:10px 20px;
    }
    .header-pdmv{height: 80px;}
    
    .navbarscroll-fixed > .header__container > .row > .header__items > .logo_pdmv{
        
        transition: all 1.5s;
    }

    .content {
        width: 100%;
        max-width: 100%;
        right: 0;
        padding:0 20px;
    }
    .mail-icpn-header{max-width: 26px}
    .text-represent,.text-ident, {padding-top:50%}
    h1, .h1{ font-size: 2.5rem;}
    h2, .h2,.card-title-orange__logo-card{ font-size: 1.8rem;}
    h3, .h3, .card-container :is(p){ font-size: 1.6rem;}
    h4, .h4{ font-size: 1.4rem;}
    h5, .h5{ font-size: 1.2rem;}
    .card-contact__height{min-height: 400px}
    .card-contact__height > img{min-height: 400px}
}
@media (min-width: 992px) and (max-width: 1119px) {
    p.title-workflow{height: 3rem}
    .title-workflow-p{height:3.5rem;}
}
@media (min-width: 768px) and (max-width: 991px) {
    p.title-workflow {height: 3rem;font-size: 1.1rem;}
    .title-workflow-p{height: 4.5rem}
}

@media (min-width: 992px) {
  
    .imglogo_pdmv{width: 250px;height: 43px}

    .ident-section{margin-top: -250px;}
    .contact-baner-section{max-height: 220px;}
    .card-whoweare_block{padding: 0 12.5%!important}
    .text-ident,.text-represent{padding-top:30%}
    .text-mainpage-baner{padding-top:10%}
    .title-workflow-p{padding: 0 0.5rem 0 0;}
    .mySwiper {
        width: calc(100% + 550px)!important;
        margin-left: -530px!important;
        padding-left: 50px;
    }

}
@media (max-width: 991px) {

    .logo_pdmv {
    max-width: 150.84px;
    height: 26.25px;
    position: relative;
    margin: 0;
    transition: all 0.5s;
        }
    .imglogo_pdmv{width: 180px;height: 31px}
    .contact-baner-section{padding:20px 50px;margin: 0 0 50px; height: calc(120px + 40%)}
    .margin-top___block2{margin-top: -80px}
    .overlay-slider{overflow:scroll }
    swiper-container.mySwiper{
        min-width: 1750px;
        margin-left: -450px}
    .blockscroll{margin-bottom: 2rem}
    .card-whoweare_block{padding: 0}
    .text-mainpage-baner{padding-top:25%}
 
   
    

}

@media (min-width: 768px) {
    #nav-pdmv > li.menu-item {width: min-content;}
    .ident-section-content {padding: 50px}
    .ident-section {padding: 50px 150px 50px}
    .ident-section__left{width: 35%; padding-right: 30px}
    .ident-section__right{width: 65%;padding-left: 30px}
    input[type="submit"]{float: right!important;}
    swiper-container > swiper-slide {
    height: 360px !important;
    width: 600px !important;
    }
    .workflow-img{
    width: 33%;    
    padding: 5px
    }
    .workflow-img > img{
        width: 150px;
        height: auto;        
    }
    .card-title_swiperslide{
    font-size: 2.1rem!important;
    line-height: 2.1rem!important;
    text-transform: uppercase;
    }
    .first-slide__block{
        padding-left: calc((100% - 1200px)/2);
    }
}


@media (max-width: 767px) {
    .ident-section-content {padding: 20px 30px}
    .ident-section__right{margin-bottom: 30px}
    .imglogo_pdmv-contactform{width: 200px;height: 34.5px;}
    .contact-baner-section{padding:20px;margin: 0 0 1rem}
    .footer{height: 180px}
    .title-workflow-p{max-width: 60%}
    .text-block-margin{padding: 0 25px}
    input[type="submit"]{float: left!important;}
    .card-element{margin-bottom: 2rem;margin-top: 2rem}
    .card-element_swiper-slide, swiper-container > swiper-slide{height:360px; width:400px!important}
    p.title-workflow{font-size: 1.4rem;height: 1.6rem}
    .title-workflow-p{height: 3rem}
    .card-title_swiperslide{
    font-size: 1.8rem!important;
    line-height: 1.8rem!important;
    text-transform: uppercase;
    }
    .img-logo__inettrading{border-radius: 10px!important;padding: 0;margin: 5px 0} 

@media (max-width: 450px) {
    header.header-pdmv{padding: 10px}
    a.btn-mail{padding: 5px 10px;border-radius: 15px}
}

.swiper-pagination-bullet{background:#e1e1e1!important}
.swiper-pagination-bullet-active{background:#E6332A!important}