/* montserrat-regular - latin_cyrillic */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v25-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v25-latin_cyrillic-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* montserrat-600 - latin_cyrillic */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v25-latin_cyrillic-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v25-latin_cyrillic-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* montserrat-700 - latin_cyrillic */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v25-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
         url('../fonts/montserrat-v25-latin_cyrillic-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
html{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    }
    *, *::before, *::after{
        -webkit-box-sizing: inherit;
                box-sizing: inherit;
    }
body{
        font-family: 'Montserrat';
        font-style: normal;
        font-size: 14px;
        line-height: 1.2;
        font-weight: normal;
        color: 000000 ;
    }
img{
    max-width: 100%;
    height: auto;
  }
.wrapper{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    }
li {
    display: inline-block;
      } 
.tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.015em;
    text-align: center;
    position: relative;
    color: #014D41;
}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
.main{
    max-width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;   
}
a {
    color: #262626;
}
a:hover, a:focus, a:active{
    opacity: .9;
    color: #014D41;
}
input[type=text], input[type=submit], textarea{
	-webkit-appearance: none;
    -moz-appearance: none;
	     appearance: none;
} 
  /* Header styles start*/
.header{
    position: absolute;
    top: 0px;
    height: 100px;
    left: 0;
    width: 100%;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    z-index: 99;
    background: transparent;
}
.header_active{
    position: fixed;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    background: #ffffff;
  }
.header_right_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.header_wrapper{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative;
      padding: 20px 0;      
  }
.header_nav{
   right: 0;
  } 
.header_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    right: 0;  
  }
.header_item{
      margin-right: 20px;     
  }
/*  .header_item:last-child{
      margin-right: 0px;
  }*/
  .header_link{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgba(38, 38, 38, 1);
    text-decoration: none;
    
  }
  .header_link:hover, .header_link:focus,.header_link:active{
    opacity: .9;
    color: #014D41;

  }
/* кнопка входа*/

/* General button style */
.btn {
    font-family: 'Montserrat';
	border: none;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
	color: inherit;
    border-radius: 40px;
	cursor: pointer;
	padding: 17px 32px;
	display: inline-block;
	text-transform: none;
	letter-spacing: 1px;
	outline: none;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; 
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
/* Button 1 */
.btn-1 {
	background: #fcfcfc;
	color:rgba(38, 38, 38, 1);
}
.btn-1:hover {
	background: #ffffff;
}
.btn-1:active {
	background: #fafafa;
	top: 2px;
}
.btn-1:before {
	position: relative;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
/* кнопка входа*/
.header_burger{
  width: 40px;
  height: 30px;
  position: relative;
  display: none;
}
.burger_line{
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgba(38, 38, 38, 1);
  position: absolute;
  left: 0;
}
 .burger_line_first{
   top: 0;
 }
.burger_line_second{
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
} 
.burger_line_third{
  bottom: 0;
}
  /* Header styles end*/
.intro{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    z-index: 1;
    background-image: url(../img/banner.png);
}
.intro_wrapper{
    max-width: 1440px;
    position: relative;
    margin: 0 auto;
    margin: 147px auto; 
    z-index: 2;
}
.intro_tittle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;

}
.intro_tittle_text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
            align-items: flex-end;
    padding: 25px 150px 25px 0;
}
h1{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 59px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
    letter-spacing: -0.015em;
    color: #014D41;
}
.intro_tittle_p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
    letter-spacing: -0.015em;
    color: #262626;
    padding-top: 5px;
}
.etk{
    border-radius: 20px;
   -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.3);
           box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.3);
   
}
.how_it_work{
    max-width: 1440px;
    margin: 100px auto 50px;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.how_it_work_description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    margin: 50px auto;
}
.description_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    max-width: 416px;
}
h2{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    color: #D9D9D9;
}
.description_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    margin-top: 5px;
}
.description_text{
    margin-top: 15px;
}
.description_link{
    display: inline-block;
    text-decoration: none;
    color: #262626;
    background: url(../svg/rectangle.svg) no-repeat left center;
    padding-left: 15px;
    margin-top: 15px;
}
.description_link:hover, .description_link:focus, .description_link:active{
    opacity: .9;
    color: #014D41;
}
.line{
    position: relative;
    width: 2px;
    max-height: 100%;
    background: #014D41;
    margin: 0 30px;
}
.payment_methods{
    max-width: 1440px;
    height: 100%;
    margin: 50px auto;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.payment_methods_description{
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin: 30px auto 50px;
}
.payment_methods_description-item{
    max-width: 220px;
    height: auto;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            border-radius: 30px; 
    margin: 20px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px 22px 0;
}
/*small_card*/
.small_card{
    max-width: 220px;
    height: 194px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;   
    margin: 20px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 10px 0;
}
.small_card_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    margin-top: 15px;
}
.small_card_text{
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px;
}
.small_card_adpt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/*smal card end*/
.payment_methods_description-2item{
    max-width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 20px 20px 0 0;
}
.pmd_adpt{
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
}
.pmd_item{
    max-width: 450px;
    height: auto;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;   
    -webkit-box-align: center;   
        -ms-flex-align: center;   
            align-items: center;
}
.pmd_uco_img{
    width: 70px;
    padding: 0;
    margin: 0;
}
.vtc_wr{
    max-width: 450px;
    height: auto;
    margin: 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    margin-top: 20px;
}
.pmd{
    margin: 35px auto 15px;
    text-align: center;
}
.pmd_text{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin: 0;
}
.pmd_img{
    margin: 62px 32px;
}
.pmd_column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.pmd_text1{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding-right: 15px;
}
.pmd_marg{
    margin: 20px 0 0 0;
}
.last-child{
    padding-top: 43px;
}
.vtc_wrapper{
    max-width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.vtc{
    max-width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 15px 0 0 0;
}
.vtc_mobile{
    max-width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 21px 0 0 21px;
}
.vtc_text{
    padding-left: 21px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    margin-top: 0;
}
.vtc_mobile_app{
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
}
.t-karta{
    max-width: 78px;
    max-height: 78px;
    border-radius: 10px;
}
.app_store{
    margin-bottom: 10px;
}
.type_of_cards_main{
    max-width: 1440px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 50px auto 0px;
    padding: 0 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.type_of_cards_main-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    max-width: 1440px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px;
    z-index: 6;
}
.type_of_cards_main-back{
    position: relative;
    width: 100%;
    height: 282px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    z-index: 5;
    margin-top: -250px;
}
.type_of_cards_main-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    max-width: 300px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 5;
    margin: 0 30px;
}
.type_of_cards_main-pic{
    min-width: 200px;
    min-height: 127px;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    margin-bottom: 30px;
}
.toc{
    margin: 15px 0 30px 0;
    text-align: center;
}
.pic1{
    margin-bottom: 30;
}
/*footer styles start*/
.footer{
    bottom: 0;
    background: rgba(245, 245, 245, 1);
    margin-top: 100px;
    z-index: 5;
}
.footer_logo{
    padding: 40px 0px 30px;
}
.footer_nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}
.footer_nav-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.footer_nav-tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
    color: #262626;
    padding-bottom: 30px;
}
.pao{
    padding-bottom: 15px;
    text-decoration: none;
}
.fni4{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.footer_link{
    display: inline-block;
    text-decoration: none;
    color: #262626;
    background: url(../svg/rectangle.svg) no-repeat left center;
    padding-left: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.footer_link:hover, .footer_link:focus, .footer_link:active{
    opacity: .9;
    color: #014D41;
}
.ftr{
    margin-bottom: 30px;
    padding: 17px 119px;
}
.footer_ofrt_app{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 0px 40px;
}
.footer_ofrt{
    max-width: 600px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: #000000;
}
.footer_app{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.om_mobile_app{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
}
.footer_app-item{
padding-left: 15px;
min-height: 50px;
}
/*footer styles end*/
/*index styles end*/
/*about company styles start*/
.about_company{
    max-width: 1440px;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 147px auto 0;
    padding: 0 20px;
}
.company_wrapper{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.company_items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style: none;
    padding-right: 30px;
  }
.tab_item{
    margin-bottom: 16px;  
  }
.company_item-link{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    color: #D9D9D9;
    text-decoration: none;
    cursor: pointer;
  }
.company_item-link:focus,.company_item-link:active,.company_item-link:visited{
    color: rgba(38, 38, 38, 1);
}
.company_item-link:hover::after {
    width: 100%;
    left: 0;
}
.tab_item.is-active {
    color: rgba(38, 38, 38, 1);
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
}
.company_ditails{
    max-width: 970px;
}
.content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    display: none;
}
.content.is-active{
    display: block;
}

.ac_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px;
    padding-top: 30px;
}
.requisites{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 15px;
}
.req{
    max-width: 390px;
    margin-right: 20px;
}
.shareholders{
    max-width: 560px;
}
.requisites_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.015em;
    padding: 15px 0;
}
.point{
    padding-bottom: 15px;
    text-align: justify;
}
.point::before{
    content: "\2022";
    color: #000000;
    display: inline-block;
    width: 10px;
}
.ac_text.first_child{
    padding-top: 0;
}
.point.pd{
    padding-bottom: 0;
}
.company_stage{
    width: 90vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.md{
    padding-bottom: 30px;
}
.company_charts{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
}
.company_charts-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 55px 0;
}
.company_charts-line{
    width: 100px;
    height: 2px;
    background-color: rgba(217, 217, 217, 1);
    margin-right: 30px;
}
.company_stage_text{
    max-width: 580px;
}
.company_charts{
    min-width: 360px;
    margin-right: 50px;
}
.company_charts-stage{
    max-width: 110px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}
.annual_report{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.reports{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; 
    margin-top: 30px;
    padding-right: 30px;
}
.report{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    text-decoration: none;
    color: #262626;
    cursor: pointer;
    background: url(../svg/document-download.svg) no-repeat left center;
    padding: 40px 0 40px 100px;
}
.chart{
    max-width: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
    margin-left: 50px;
}
.purchases{
    min-width: 90vw;
    margin-top: 50px;
}
/*about company styles end*/
/*documents styles start*/
.documents{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 147px auto 0;
    padding: 0 20px;
}
.doc_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.doc_link{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    letter-spacing: -0.015em;
    color: #262626;
    cursor: pointer;
    padding-bottom: 15px; 
}
.doc_link:hover, .doc_link:focus, .doc_link:active{
    opacity: .9;
    color: #014D41;
}
/*documents styles end*/
/*types of cards start*/
.types_of_cards_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 147px auto 0;
    padding: 0 20px;
}
.types_of_cards_items{
    min-width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 50px auto 0;
}
.types_of_cards_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    max-width: 560px;
    padding-right: 25px;
    margin: 0 auto;
}
.types_of_cards_item:last-child{
    padding-right: 0;
}
.types_of_cards_item-tittle{
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: right;
    letter-spacing: -0.015em;
    padding-bottom: 20px;
}
.tocc{
    max-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.types_of_cards_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px;
}
.color_text_cards{
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px;
}
/*types of cards end*/
/*card type start*/
.tkcard_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 147px auto 0;
    padding: 0 20px;  
}
.tkcard_info_wrapper{
    max-width: 855px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;  
    padding: 10px 30px 10px 365px;
    margin-bottom: 100px;
}
.toct{
    max-width: 460px;
}
.tkcard_pic {
    position: relative;
    z-index: 2;
    margin: 50px 550px -280px 0;
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tkcard_pic:hover {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.tkcard_wrapper .triangle {
    position: absolute;
    top: 240px;
    left: calc(50% - 183px);
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-top: 0;
    border-bottom: 80px solid white;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    z-index: 100;
}
.trcard_description{
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin: auto;
}
.connect{
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: 50px;
    padding: 0 20px;
}
.connect_item_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px;
}
.trcard_routes{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*где можно оплачивать проезд_начало*/
.routes_description{
    width: 100%;
    margin-top: 50px;
}
.mo_item{
    width: 40%;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: right;
    letter-spacing: -0.015em;
    padding: 10px 35px;
    border-bottom: none;
    vertical-align: middle;
    border-right: #014D41 solid 2px;

}
.mo_item_routes{
    width: 20%;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -0.015em;
    border-right: #014D41 solid 2px;
}
.buss{
    background: url(../svg/buss.svg) no-repeat left center;
    border-bottom: none;
}
.troll{
    background: url(../svg/troll.svg) no-repeat left center;
    border-bottom: none;
}
.tram{
    background: url(../svg/tram.svg) no-repeat left center;
    border-bottom: none;
    border-right: none;
}
.tram_border{
    border-right: none;
}
.routes_table{
    border-collapse: collapse;
}
/*новая секция_начало*/
.where_can_pay{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 50px;
    padding: 0 20px;
}
.where_can_pay-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.where_can_pay-tittle{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1.5%;
    max-width: 500px;
    margin-bottom: 15px;
}
.where_can_pay-subtittle {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1.5%;
    text-align: justify; 
    max-width: 500px;
    margin: 5px 0;
}
.where_can_pay_benefits{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.where_can_pay_benefit{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    max-width: 190px;
    max-height: 190px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 40px 30px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    margin: 0 20px;
}
.where_can_pay_benefit:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.where_can_pay_benefit-first_item{
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1.5%;
    color: #014D41;
}
.where_can_pay-pic{
    max-width: 100%;
    height: auto;
    border-radius: 50px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.gortrancesvg {
    width: 60px;
    height: auto;
    padding-bottom: 10px;
}
/*новая секция_конец*/
/*где можно оплачивать проезд_конец*/
.connect_item{
    max-width: 500px;
    min-width: 205px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 5px;
}

.connect_item_tittle{
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.015em;
}
.bg{
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: rgba(1, 77, 65, 1);
    margin: 15px auto 30px;
}

.mo{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mo_item{
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: right;
    letter-spacing: -0.015em;
    margin-bottom: 30px;
}
.line_routes{
    position: relative;
    min-width: 2px;
    max-height: 100%;
    background: #014D41;
    margin: 0 30px;
}

.additional_info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: end;
        align-self: flex-end;
    position: relative;
    padding-right: 20px;
}
.rules{
    max-width: 1440px;
    height: auto;
    margin-top: 50px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
}
.how_to_pay{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 40px;
}
.how_to_pay_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 20px;
    margin: 10px;
}
.how_to_pay_stages{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 20px;
}
.how_to_pay_stage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px;
    background: -o-linear-gradient(top, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(rgba(245, 245, 245, 0)));
    background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%);
    border-radius: 30px;    
}
.how_to_pay_stage_text{
    max-width: 170px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -0.015em;    
}
.trinket{
    -webkit-box-shadow: none;
            box-shadow: none;
}
/*card type end*/
/*partners start*/
.partners_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 147px auto 0;
    padding: 0 20px;      
}
.partners_items{
    max-width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 50px auto 100px;
}
.marg{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.partners_item_corp{
max-width: 1440px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.partners_item{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
}
.partners_item_corp{
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
}
.partners_description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    max-width: 680px;
    padding-left: 20px;
}
.partners_description_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px; 
}
.carrier_ofer{
    padding-right: 20px;
}
.contract{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    text-decoration: none;
    color: #262626;
    cursor: pointer;
    background: url(../svg/document-download.svg) no-repeat left center;
    padding: 21px 0 21px 80px;
    margin-top: 15px;
}
.indicators{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
   
    margin: 0 auto 100px auto;
}
.indicators_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 420px;
}
.item_long{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 22px 30px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.item_long:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.item_tittle{
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: -0.015em;
    color: #014D41;    
}
.short_items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
.short_item{
    position: relative;
    max-width: 200px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 18px 14px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;    
}
.short_item:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
/*partners end*/
/*my card start*/
.main_my_card{
    background: url(../img/my_card_banner.png) repeat bottom center;
    width: 100vw;
    min-height: 111%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.my_card_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 150px auto 0;
    padding: 0 20px;      
}
.my_card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 100px;
}
.my_card_description{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 460px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 40px;    
}
.my_card-pic{
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.3);
}
.my_card_text{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: justify;
    letter-spacing: -0.015em;
    text-indent: 20px;
}
.my_card_btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.stk_transfer{
    background: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
}
.search-form-field{
    background-color: white;
    background-size: 50px;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #014D41;
    padding: 15px;
    -webkit-box-shadow: 0px 4px 4px 0px #00000040 inset;
            box-shadow: 0px 4px 4px 0px #00000040 inset;

}
.search-form-field::-webkit-input-placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.search-form-field::-moz-placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.search-form-field:-ms-input-placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.search-form-field::-ms-input-placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.search-form-field::placeholder{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
.search-form-field-rezult{
    background-color: white;
    background-size: 50px;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}
/*may card end*/
/*users start*/
.points_of_sale{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 147px auto 0;
    padding: 0 20px;
}
.points_wrapper{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 50px 0 100px 0;
}
.map{
    min-width: 1326px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.payment_agents{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 50px 0;
}
.payment_agents-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.payment_agents-items_line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.payment_agents-item{
    max-width: 330px;
    height: 370px;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    margin:10px;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 70px 20px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;   
  }
  .payment_agents-item:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
.payment_agents_text{
    font-weight: 400;
    font-size: 16px;
    line-height: auto;
    text-align: center;
    padding: 50px 0 30px;
}
.td1{
    width: 25%;
}
.routes{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}
.routes_items{
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top:50px;
}
/*button*/
.btn-2 {
    margin-right: 30px;
	background: #fcfcfc;
	color:rgba(38, 38, 38, 1);
}
.btn-2:hover {
	background: #ffffff;
}
.btn-2:active {
	background: #014D41;
	top: 2px;
}
.btn-2:before {
	position: relative;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
.btn-2:focus {
background: #014D41;
top: 2px;
color: #ffffff;
}
.btn-2.is-active {
    background: #014D41;
    color: #ffffff;
}
/*button*/
.routes_ditails{
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;  
    margin-top: 35px; 
}
/*accordion*/
.acor-container {
    margin: 20px 0;
}
.acor-container .acor-body {
    width: 100%;
    margin: 0 auto;
    height: 0;
    line-height: 18px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: color 0.5s, padding 0.5s;
    -o-transition: color 0.5s, padding 0.5s;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-size: 16px;
}
.acor-container .acor-body p {
    margin: 0 0 10px;
}

.acor-container label {
    cursor: pointer;
    background-color: none;
    display: block;
    padding: 15px 20px;
    width: 100%;
    color: rgba(38, 38, 38, 1);
    font-weight: 300;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 100;  
    font-size: 20px;
    margin: 0 0 5px;
    -webkit-transition: color .35s;
    -o-transition: color .35s;
    transition: color .35s;
}
.acor_tag{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    list-style-type: none;
    margin-top: 10px;
    font-size: 12px;
}
.acor-body hr{
    border: 1px solid rgb(57, 59, 59);
}
hr{
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid  rgb(57, 59, 59);
    margin: 1em 0;
    padding: 0;
}
.acor-container label:hover {
    color: rgba(1, 77, 65, 1);
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
    color:  rgb(57, 59, 59);
}
.acor-container input:checked + label {
    background-color: white;
    color:  rgb(57, 59, 59);
}
.acor-container input:checked + label:before {
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    -o-transition: transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;
}
table{
    width: 100%;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-indent: initial;
    text-align: center;
    border-spacing: 2px;
    border-collapse: collapse;
  }
  th {
    font-weight: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid gray;
    padding: 10px 8px;
  }
  td {
    padding: 9px 8px;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
  tr:hover td {
    background: rgba(191, 201, 201, 0.16);
  }
  .tr1:hover td{
    background: none;
  }
  .rts_link{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    letter-spacing: -0.015em;
    color: #262626;
    cursor: pointer;
    padding-bottom: 15px; 
}
  .answer p{
    width: 100%;
    color: #262626;
    font-size: 14px;
    padding: 2rem;
    text-align: justify;
    letter-spacing: -0.015em;
  }
  .accordion-item:target .answer{
    max-height: 20rem;
  }
  .accordion-item:target .accordion-link{
    display: none
  }
  .accordion-item:target .accordion-link{
    display: block;
  }
/*accordion*/
.how_to_pay_user{
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding: 0 20px;
}
.faq_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;   
    padding: 0 20px; 
}
.feedback{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin-top: 100px;
    
}
.feedback_wrapper{
    max-width: 1440px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;  
    margin: 50px;   
    padding: 0 20px;
}
.feedback_items{
    max-width: 1400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 50px auto 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.feedback_item{
    max-width: 740px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.fbdop{
    margin-right: 50px;
}
.feedback-title{
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 15px;
}
.feedback-subtitle{
    padding-bottom: 15px;
    text-align: justify;
}
.phone-number{
    font-size: 54px;
    font-weight: 600;
    text-decoration: none;
}
.feedback-video{
    width: 740px;
    height: 390px;
    border-radius: 30px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
video::-webkit-media-controls {
    display:none!important;
}


.users_rules{
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 100px auto 0;
    padding: 0 20px;
}
.users_rules_items{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px;
}
/*anchors*/
.routes #routes-anchor{
    opacity: 0;
    height: 1px;
    position: absolute;
    margin-top: -115px;  
}
.stoplist #stoplist-anchor{
    opacity: 0;
    height: 1px;
    position: absolute;
    margin-top: -115px;  
}
.faq_wrapper #faq-anchor{
    opacity: 0;
    height: 1px;
    position: absolute;
    margin-top: -1050px;  
}
.feedback #feedback-anchor{
    opacity: 0;
    height: 1px;
    position: absolute;
    margin-top: -115px;  
}
.users_rules #rules-anchor{
    opacity: 0;
    height: 1px;
    position: absolute;
    margin-top: -115px;    
}
/*anchors*/
/*users end*/
.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 40%, .6);
    
  }
  
  /* using :target */
  .modal-container:target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .modal {
    width: 50%;
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);
    position: relative;
    overflow: hidden;
    padding: 40px;
  }
  .modal__details {
    text-align: center;
  }
  .modal__title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    text-align: right;
    letter-spacing: -0.015em;
    color: #014D41;
  }
  .modal__description {
    width: 100%;
    height: 2px;
    background: #014D41;
    margin: 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  
  .modal__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .modal__text::before {
    content: '';
  
    position: absolute;
    top: 0%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  
    width: 18rem;
    height: 18rem;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 100rem;
    pointer-events: none;
  }
  .link-2 {
    width: 4rem;
    height: 4rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 100rem;
    color: inherit;
    font-size: 2.2rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  
    -webkit-transition: .2s;
  
    -o-transition: .2s;
  
    transition: .2s;
  }
  
  .link-2::before {
    content: '×';
    -webkit-transform: translateY(-.1rem);
        -ms-transform: translateY(-.1rem);
            transform: translateY(-.1rem);
  }
  
  .link-2:hover,
  .link-2:focus {
    border-color: hsla(0, 0%, 100%, .6);
    -webkit-transform: translateY(-.2rem);
        -ms-transform: translateY(-.2rem);
            transform: translateY(-.2rem);
  }



/**/
  #modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: hsla(0, 0%, 40%, .6);
    z-index: 99999;
    height: 100%;
    width: 100%;
    -webkit-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
.modalPopup {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff;
    width: 50%;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    box-shadow: 0 15px 35px 3px rgba(0,0,0,.2);
}
.modalContent {
    padding: 30px;
    text-align: left;
    letter-spacing: -0.015em;
}
h4 {
    font-family: 'Montserrat';
    font-size: 30px;
    font-style: normal;
    color: #014D41;
    padding-bottom: 15px;
}
.modal_img{
    max-width: 100%;
    height: 100%;
}
/*cookie*/
#cookie_notification{
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 1000px;
    max-width: 80%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 25px;
    background-color: black;
    opacity: .9;
    border-radius: 30px;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 9999;
  }
  
  #cookie_notification p{
    font-family: 'Montserrat';
    margin: 0;
    font-size: 0.8rem;
    text-align: left;
    color: #FFFFFF;
  }
  @media (min-width: 576px){
    #cookie_notification.show{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .cookie_accept{
      margin: 0 0 0 25px;
    }
  }
  
  @media (max-width: 575px){
    #cookie_notification.show{
      display: block;
      text-align: left;
    }
    .cookie_accept{
    font-family: 'Montserrat';
      margin: 10px 0 0 0;
    }
  }
/*cookie*/
/*qr_transport*/
.qr_main{
    width: 1440px;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto; 
}
.qr_intro{
    position: relative;
    top:175px;
    width: 100%;
    height: 500px;
    z-index: 1;
    background-image: url(../img/qr_banner.png);
    margin-bottom: 150px;
    border-radius: 30px;
}
.qr_intro_wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 60px 300px;
    z-index: 2;
}
.qr_intro_img{
    margin-bottom: 80px;
}
.qr_href{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.qr_intro_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: auto;
    letter-spacing: -0.01em;
    text-align: left;
    position: relative;
    color: #FFFFFF;
}
.qr_how_it_work{
    width: 100%;
    margin: 100px auto 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
}
.how_it_work_qr{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-top: 55px;
}
.how_it_work_qr-item{
    position: relative;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;   
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.how_it_work_qr-item:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.point_one{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 50px;
}
.point_number{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    width: 100px;
    height: 100px;
    margin-bottom: 25px;
}
.point_number::before {
    content: "";
    border-radius: 35px;
    padding: 5px;
    inset: 0;
    position: absolute;
    background: -webkit-gradient(linear,right top, left top,from(#E4136E),to(#5D317F));
    background: -o-linear-gradient(right,#E4136E,#5D317F);
    background: linear-gradient(to left,#E4136E,#5D317F);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}
.number{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: auto;
    letter-spacing: -0.01em;
    background-image: -webkit-gradient(linear, right top, left top, from(#E4136E),to(#5D317F));
    background-image: -o-linear-gradient(right, #E4136E,#5D317F);
    background-image: linear-gradient(to left, #E4136E,#5D317F); 
    color: transparent; background-clip: text;
    -webkit-background-clip: text;
}
.point_tittle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}
.point_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
}
.payment_for_travel{
    width: 100%;
    height: 100%;
    margin: 50px auto 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.payment_for_travel_sity{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin: 55px 70px 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.payment_for_travel_sity-item{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    margin: 30px 0;
}
.payment_for_travel_sity-carrier{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.carrier_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-align: start;
    width: 300px;
}
.point_route{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    width: 70px;
    height: 70px;
    margin-right: 30px;
}
.point_route::before {
    content: "";
    border-radius: 25px;
    padding: 5px;
    inset: 0;
    position: absolute;
    background: -webkit-gradient(linear,right top, left top,from(#E4136E),to(#5D317F));
    background: -o-linear-gradient(right,#E4136E,#5D317F);
    background: linear-gradient(to left,#E4136E,#5D317F);
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}
.route_number{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: auto;
    letter-spacing: -0.01em;
    background-image: -webkit-gradient(linear, right top, left top, from(#E4136E),to(#5D317F));
    background-image: -o-linear-gradient(right, #E4136E,#5D317F);
    background-image: linear-gradient(to left, #E4136E,#5D317F); 
    color: transparent; background-clip: text;
    -webkit-background-clip: text;
}
.opportunities_app{
    width: 100%;
    margin: 50px auto 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.opportunities_app-items{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 130px 0 0;
}
.opportunities_app-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 50px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.opportunities_app-item:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.opportunities_app-item:first-child{
    padding-left: 120px;
}
.opportunities_app-item:last-child{
    padding-right: 120px;
}
.opportunities_text{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    margin-top: 26px;
}

/*qr_transport*/


/*VTK_start*/
.hero {
    background: #ffffff;
    padding: 60px 20px;
    margin-top: 100px;
  }
  
  .hero-container {
    max-width: 1040px;
    margin: 0 auto;
  }
  
  .hero-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  
  .hero-text {
    max-width: 600px;
  }
  
  .hero-content h1 {
    font-size: 64px;
    font-weight: 700;
    text-align: left;
    line-height: 78px;
    color: #000000;
    margin-bottom: 20px;
    
  }
  
  .hero-content p {
    max-width: 467px;
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
  }
  
  .hero-button {
    display: inline-block;
    background-color: #FF832B;
    color: #ffffff;
    text-decoration: none;
    padding: 16px 27px;
    border-radius: 30px;
    border-color: none;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    -webkit-box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.3);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  
  .hero-button:hover {
    color: #FFFFFF;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .hero-button:focus, .hero-button:active{
    opacity: .9;
    color: #ffffff;
}
  
  .hero-image img {
    max-width: 100%;
    height: auto;
    margin-top: 40px;
  }
  
  @media (min-width: 768px) {
    .hero-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      text-align: left;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  
    .hero-text {
      max-width: 50%;
    }
  
    .hero-image {
      max-width: 40%;
    }
  
    .hero-image img {
      margin-top: 0;
    }
  }
  
  .benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 60px 20px;
    text-align: center;
    
  }
  
  .benefits h2 {
    font-size: 24px;
    margin-bottom: 40px;
    text-align: center;
    color: #000;

  }
  
  .benefits-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
  
  .benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 248px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 20px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; 
    
  }
  .benefit:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .benefit-tittle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .benefit-text{
    font-size: 14px; 
  }
  
  .benefit img {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }
  
  .benefit h3 {
    font-size: 16px;
    margin-bottom: 8px;
    text-align: left;
    margin: 15px 0;
  }
  
  .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 60px 20px;
    text-align: center;
    background: #ffffff;
  }
  
  .steps h2 {
    font-size: 24px;
    margin-bottom: 40px;
    color: #000;
  }
  
  .steps-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 36px;
  }
  
  .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 327px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;   
  }
  .step:hover{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .step img {
    max-width: 285px;
    height: auto;
    margin:20px;
  }
  .step-text{
    font-size: 16px;
    font-weight: 500;
    max-width: 250px;
    margin: 0 0 20px 0;
  }
  

  .app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #ffffff;
    padding: 60px 20px;
  }
    .vtk_app-tittle{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    }
  .app-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1040px;
    margin: 0 auto;
    gap: 40px;
  }
  
  .app-text {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 500px;
            flex: 1 1 500px;
  
  }
  
  .app_text{
    max-width: 470px;
  }
  .app-text h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 20px;
    max-width: 520px;
    color: #000;
  }
  
  .app-text p {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.5;
  }
  
  .app-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  
  .app-buttons img {
    height: 48px;
    width: auto;
  }
  
  .app-image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 300px;
            flex: 1 1 300px;
    text-align: center;
  }
  
  .app-image img {
    max-width: 100%;
    height: auto;
  }
  .app_limitation{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 470px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
}
.text_app_limitation{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.015em;
    
}
  
      /* Модальное окно */
      .vtk-modal {
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
        -o-transition: opacity 0.3s ease, visibility 0.3s ease;
        transition: opacity 0.3s ease, visibility 0.3s ease;
      }
  
      .vtk-modal.show {
        opacity: 1;
        visibility: visible;
      }
  
      .vtk-modal-content {
        background-color: #fff;
        width: 80%;
        max-width: 800px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
                transform: scale(0.95);
        opacity: 0;
        -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
      }
  
      .vtk-modal.show .vtk-modal-content {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        opacity: 1;
      }
  
      .vtk-modal-image {
        width: 50%; 
        padding: 20px; 
      }
  
      .vtk-modal-text {
        width: 50%;
        font-size: 12px;
        padding: 24px;
        position: relative;
      }
      .vtk-modal-text h2{
        font-size: 24px;
        color: #000;
        margin-bottom: 20px;
      }
  
      .vtk-modal-close {
        position: absolute;
        top: 12px;
        right: 12px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
      }
      .vtk-modal-ol {
        list-style: decimal !important;
        list-style-position: inside !important;
        padding: 10px 0 0 10px !important;
        margin-left: 0 !important;
        font-size: 12px;
        margin-bottom: 10px;
      }
/**/