/* SELECT */
.custom-dropdown {
    display: inline-block;
    position: relative;
}
/* Стилизация видимой части */
.dropdown-header {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
}
/* Стилизация выпадающего списка */
.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
}
/* Стилизация элементов списка */
.dropdown-item {
    padding: 10px;
    cursor: pointer;
}
/* При наведении курсора на элемент списка */
.dropdown-item:hover {
    background-color: #c0c0c0;
}


/*    FORMS  */

.mails-form section section {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 3px solid #333;
}

/*    BANNER */

.big-banner {
    position: relative;
    width: 100%;
    height: 90vh; /* Установите высоту баннера */
    overflow: hidden;
}

.hero-banner {
    position: relative;
    width: 100%;
    height: 80vh; /* Установите высоту баннера */
    overflow: hidden;
}

.big-banner .hero-text, 
.big-banner .title,
.big-banner .subtitle,
.hero-banner .hero-text, 
.hero-banner .title,
.hero-banner .subtitle {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.6); 
}

.big-banner-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none; /* Отмена максимальной ширины */
    min-width: 100%; /* Изображение занимает всю ширину контейнера */
    min-height: 100%; /* Изображение занимает всю высоту контейнера */
    filter: blur(0.5px);
    z-index: 1;
}

@media screen and (max-width: 768px) { 
    .big-banner-image {
        //filter: blur(0.8px) brightness(0.8) contrast(1.1);
    }
}

.big-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%;
    z-index: 3;
}
/**
.big-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    z-index: 2;
}
*/
@media screen and (min-width: 769px) { 
    
    .big-banner .title {
        font-size: 4rem;
    }

    .big-banner .subtitle {
        font-size: 2rem;
    }
}


/*    MAIN SCREEN   */

.big-main-screen {
    position: relative;
    width: 100%;
    height: 96vh;
    overflow: hidden;
}

@media screen and (max-width: 320px) {
    .big-main-screen {
        height: 800px;
    }
}

@media screen and (max-height: 768px) {
    .big-main-screen {
        height: 768px;
    }
}

@media screen and (max-height: 600px) {
    .big-main-screen {
        height: 700px;
    }
}

.darking-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)); /* Градиентное затемнение */
    z-index: 2;
}

.big-mainscreen-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    width:100%;
    z-index: 2;
}

.main-screen-one-stringer-container {
    min-height:35vh;
    display:flex;
    align-items: center;
}


@media screen and (max-width: 480px) {
    .main-screen-one-stringer-container {
        margin-top: 40px;
        margin-bottom: 10px;
        max-width:280px;
    }
}

@media screen and (max-width: 768px) {
    .main-screen-one-stringer-container {
        max-width:320px;
    }
}

@media screen and (min-width: 768px) { 
    .main-screen-one-stringer-container {
        max-width:480px;
        height:45vh;
    }
}


@media screen and (min-width: 960px) { 
    .main-screen-one-stringer-container {
        max-width:640px;
        height:45vh;
    }
}


@media screen and (min-width: 1280px) { 
    .main-screen-one-stringer-container {
        max-width:768px;
        height:45vh;
    }
}

@media screen and (max-height: 600px) {
    .main-screen-one-stringer-container {
        margin-top: 10px;
        height:20vh;
    }
}

@media screen and (min-width: 768px) { 
    .main-screen-bottom-columns {
        max-width:768px;
    }
}

@media screen and (max-width: 768px) { 
    .main-screen-bottom-column {
        border-left: 1px solid #fff;
        padding: 15px 20px;
    }
}

.main-screen-bottom-buttons {
    margin-top: 50px;
    max-width: 768px;
}

@media screen and (max-width: 320px) {
    .main-screen-bottom-buttons {
        margin-top: 10px;
    }
}

.main-screen-top-column {
    border-left: 1px solid #fff;
    padding: 15px 20px;
    height: 100%;
}

.main-screen-top-column a {
    color: #fff;
}

.main-screen-top-column a:hover {
    color: #f0f0f0;
}

.main-screen-bottom-column {
    //border: 1px solid #fff;
    //border-radius:5px;
    //padding: 15px 20px;
    height: 100%;
}


/*    IMAGE */

.fit-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Подгоняет изображение по размеру, сохраняя соотношение сторон и заполняя контейнер */
    object-position: center;
}

.round-image {
  border-radius: 50%;
  width: 200px; /* Нужная ширина */
  height: 200px; /* Нужная высота */
  object-fit: cover; /* Опционально: обрезает изображение, чтобы оно полностью заполнило заданные размеры */
}

.bot-image-rewiews {
  width: 100px; /* Нужная ширина */
  height: 100px; /* Нужная высота */
}


/*       FAQ    */

.faq-container {
   // 
}

.faq_string {
    padding: 25px 0px;
}

.faq_string  p {
    border-top: 1px solid #ccc;
    padding: 15px 20px;
    padding-top: 10px;
    margin-top: 5px;
}

.faq-container .faq_string:nth-child(even){
    //background: #333;
    background: #fefefe;
}

.faq-container .faq_string:nth-child(odd){
    background: #fcfcfc;
}

.accordion {
    //
}

.accordion-item {
    margin-bottom: 10px;
}

.accordion .accordion-header:nth-child(even){
    //background: #333;
    background: #fefefe;
}

.accordion .accordion-header:nth-child(odd){
    background: #fcfcfc;
}

.accordion-header {
    padding: 25px 15px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header:hover {
    background-color: #0056b3;
}

.accordion-arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.accordion-content {
    padding: 15px;
    background-color: #f1f1f1;
    display: none;
    //border: 1px solid #ddd;
    margin-top: 5px;
    margin-bottom: 35px;
}









/*    ADVANTAGE */

.advantage-container .column {
    display:flex;
    align-items: center;
    
}

.advantage-container {
    gap: 25px;
    margin: 20px 0px;
}

@media screen and (max-width: 768px) { 
    /**
    .advantage-marketing-list img {
        border-radius: 0% 100% 0% 0%;
    }
    */
    
    .advantage-marketing-list img {
        width: 120px;
        height: 120px;
        //background-image: url('your-image.jpg'); /* Укажите путь к вашей картинке */
        background-size: cover;
        background-position: center;
        clip-path: polygon(
            50% 0%, 
            63% 33%, 
            98% 35%, 
            72% 60%, 
            79% 91%, 
            50% 76%, 
            21% 91%, 
            28% 60%, 
            2% 35%, 
            36% 33%
        );
    }
    
    .advantage-container {
        margin: 40px 0px;
    }
}

@media screen and (min-width: 768px) { 
    .advantage-reverse {
        flex-direction: row-reverse;
    }
}
/**
.advantage-container .column img {
    height:17rem;
}
*/
.advantage-container .column figure {
    width:100%;
    height:17rem;
}
/**
@media screen and (max-width: 960px) { 
    .advantage-container .column img {
        max-height:17rem;
    }
}
*/

@media screen and (max-width: 768px) { 
    .advantage-container .column figure {
        max-height:120px;
        //max-width:10rem;
        border-radius: 50%;
        text-align:center;
        padding:0px;
        margin-bottom:-20px;
    }
        
    .advantage-container .column:first-child {
        justify-content: center;
    }
}


/*    MENU    */

.navbar-menu {
    transition: opacity 0.3s ease-out, max-height 0s linear 0.3s; /* добавляем анимацию плавного исчезновения */
}

.selected-menu-item {
    background: #f0f0f0;
}

/*    MODIFIERS    */

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .button.is-responsive.is-medium {
        font-size: var(--bulma-size-medium) !important;
    }
}

@media screen and (max-width: 768px){
    .button.is-responsive.is-medium {
        font-size: var(--bulma-size-normal) !important;
    }
}

@media screen and (max-width: 768px) {
    .responsive-container .tabs ul {
        display:block;
    }
}

.navbar-end .buttons {
    margin-bottom: -0.5rem;
}

@media screen and (max-width: 480px) {   
    .hero-block .buttons, .big-banner .buttons{
        justify-content:center;
    }

    .buttons .button, .buttons .button{
        width:75%;
        margin-right: 0px!important;
    }
}

@media screen and (max-width: 1024px) {   
    .navbar-item.button {
        width:100%;
        border-radius:0px;
    }
}

@media screen and (min-width: 768px) {     
    .hero-block .title {
        font-size: 4rem;
    }

    .hero-block .subtitle {
        font-size: 2rem;
    }
}


.main-menu.content {
    margin-bottom:0px;
}

.hero-block {
    padding:80px 0px;
}

.hero-headliner {
    padding-bottom:60px;
}

.hero-headliner.block {
    margin-bottom:0px;
}

.hero-headliner .hero-body{
    padding-top: 0px;
    padding-bottom: 0px;
}

.hero-title-only {
    padding-bottom:0px;
}

.button.is-purple {
    background: #be60fc;
    border-color:transparent;
    color: #fff;
}

.button.is-purple:hover {
    background: #b757f7;
}

.button.is-orange {
    background: #ff880a;
    border-color:transparent;
    color: #fff;
}

.button.is-orange:hover {
    background: #fc8303;
}

.button.is-yellow {
    background: #fff48c;
    border-color:transparent;
}


.button.is-yellow:hover {
    background: #fff27f;
}

.button.is-yellow.is-outlined {
    background-color: transparent;
    border-color:#fff48c;
    color: #fff48c;
}

.button.is-yellow.is-outlined:hover {
    //background: #fff27f;
    border-width: max(2px, 0.125em);
}

@media screen and (max-width: 768px) {
    .column {
        padding-right:5px;
        padding-left:5px;
    }
}

/*   DATES     */

.date-block input {
    padding:10px 15px;
    border-radius:5px;
    display:inline-block;
    box-sizing: border-box;
    //background:var(--tg-theme-text-color);
    font-size:0.9rem;
    border: 1px solid #ccc;
}

.date-block input:first-child {
    margin-right: 5px;
}

/*   RANGES    */

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    transition: background 0.3s ease;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 40px; /* Размер ползунка */
    height: 40px;
    background: hsl(171, 100%, 41%);
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

input[type="range"]::-moz-range-thumb {
    width: 40px;
    height: 40px;
    background: hsl(171, 100%, 41%);
    border-radius: 50%;
    cursor: pointer;
}

/* Стили для текста внутри ползунка */
.range-box > span {
    position: absolute;
    top: 2px; /* Сдвигаем число вверх над ползунком */
    left: 0;
    width: 40px; /* Ширина блока под число совпадает с ползунком */
    text-align: center; /* Центрируем текст */
    color: white;
    font-weight: bold;
    //font-size: 0.9em;
    pointer-events: none; /* Чтобы значение не блокировало ползунок */
    transform: translateX(-50%); /* Центрируем значение относительно кружка */
}


/*   CHECK MARK    */


.checked-list-checkmark {
    margin-left:auto;
    margin-right:auto;
}


/*    CALCULATION */

.calculation-income-element {
    margin-left:20px;
}

.calculation-income-element:not(:first-child)::before {
  content: "x";
  /* Другие стили для псевдоэлемента или дочерних элементов */
  font-weight: bold;
  position:relative;
  top: -1rem;
} 

.income-minus.calculation-income-element:not(:first-child)::before {
  content: "-";
} 

.calculation-income-element:first-child::before, .calculation-income-element:last-child::before {
  content: "x";
  /* Другие стили для псевдоэлемента или дочерних элементов */
  font-weight: bold;
  opacity:0;
} 

.calculation-income-element:last-child {
  border-top: 1px solid #333;
}

.calculation-income-block {
    max-width: 768px;
    margin:20px 0px;
}

.calculation-income-element:last-child b {
    color:#333;
}


/*  SMARTPHONE BOT COLUMNS */

.smartphone-column {
    text-align:center;
}

.smartphone-cover .grey-column-1, .smartphone-cover .grey-column-1-2 {
    padding-bottom: 100px;
    padding-top: 40px;
}
/**
@media screen and (max-width: 768px) { 
    .smartphone-cover .grey-column-1, .smartphone-cover .grey-column-1-2 {
        padding-bottom: 40px;
    }
}
*/
.iphone-14 {
    width: 300px;
    height: 600px;
    background-color: #333;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    position: relative;
}

.iphone-14-notch {
    width: 180px;
    height: 30px;
    background-color: #333;
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    //justify-content: center;
    padding: 5px;
    z-index:2;
}

.iphone-14-camera {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    left: 15px; /* Настройте значение по вашему усмотрению */
    top: 25%;
    transform: translateY(-50%);
}

.iphone-14-speaker {
    width: 60px;
    height: 5px;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
}

.iphone-14-screen {
    width: 92%;
    height: 96%;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left:10px;
    padding: 60px 20px;
}

@media screen and (max-width: 768px) { 
    .iphone-14 {
        width: 240px;
        height: 480px;
    }
}

@media screen and (max-width: 640px) { 
    .iphone-14 {
        width: 200px;
        height: 400px;
    }
    
    .iphone-14-speaker {
        width: 40px;
        height: 3px;
        background-color: white;
        border-radius: 7px;
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translateX(-50%);
    }
    
    .iphone-14-camera {
        width: 7px;
        height: 7px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        left: 15px; /* Настройте значение по вашему усмотрению */
        top: 25%;
        transform: translateY(-50%);
    }
    
    .iphone-14-notch {
        width: 120px;
        height: 20px;
        border-radius: 0 0 7px 7px;
        top: 8px;
        //justify-content: center;
        padding: 5px;
        z-index:2;
    }
    
    .iphone-14-screen {
        width: 92%;
        height: 96%;
        background-color: white;
        border-radius: 10px;640
        position: absolute;
        top: 8px;
        left:8px;
        padding: 60px 20px;
    }
    
    .iphone-14-screen div:nth-child(4){
        display:none;
    }
}

@media screen and (max-width: 480px) { 
    .iphone-14 {
        width: 160px;
        height: 320px;
        border-radius: 14px;
        padding: 30px 15px;
    }
    
    .iphone-14-screen {
        width: 92%;
        height: 96%;
        background-color: white;
        border-radius: 7px;
        position: absolute;
        top: 6px;
        left:6px;
        padding: 40px 15px;
    }
    
    .iphone-14-notch {
        width: 100px;
        height: 20px;
        top: 6px;
    }
}

@media screen and (max-width: 368px) { 
    .iphone-14 {
        width: 120px;
        height: 240px;
        border-radius: 10px;
    }
    
    .iphone-14-screen {
        width: 92%;
        height: 96%;
        background-color: white;
        border-radius: 5px;
        position: absolute;
        top: 5px;
        left:5px;
        padding: 30px 10px;
    }
    
    .iphone-14-notch {
        width: 80px;
        height: 20px;
        top: 4px;
    }
    
    .iphone-14-speaker {
        width: 30px;
        height: 3px;
        border-radius: 5px;
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translateX(-50%);
    }
    
    .iphone-14-camera {
        width: 5px;
        height: 5px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        left: 10px; /* Настройте значение по вашему усмотрению */
        top: 25%;
        transform: translateY(-50%);
    }
    
    .passenger_in_bot {
        height:48px !important;
        width:48px !important;
    }
    
    .automobile_in_bot {
        height:48px !important;
        width:48px !important;
    }
    
    .iphone-14-screen div:nth-child(3) {
        font-size: 0.8rem !important;
        margin: 5px;
    }
    
    .iphone-14-screen div:nth-child(5) {
        font-size: 0.7rem;
    }
    
}


.smartphone-headliner {
    background: radial-gradient(at 77% 100%, #e8e8e8 10%, #f0f0f0 60%);
}

@media screen and (max-width: 768px) {     
    .smartphone-headliner {
        padding-bottom:30px;
        background: #f0f0f0;
    }
    
    
}

/*   FILTER   */


.filter-box .form {
    display:flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.filter-box .form > div{
    padding-right: 10px;
    min-width: 200px;
}

.filter-box .form > div:first-of-type {
    min-width: 100px;
    width: 100px; 
}


.filter-box .form button {
    margin-top: 35px;
}

/*   ICONS   */

.loader-pic {
  position:fixed;
  top:50%;
  left:50%;
  transform: translateX(-50%);
}

.loader-pic {
  width:28px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #F10C49;
  animation: l9 2s infinite;
}
@keyframes l9 {
  0%   {box-shadow: 
          0 -16px #F4DD51, calc(16px*0.707) calc(-16px*0.707) #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
  12.5%   {box-shadow: 
          0 0 #F4DD51, calc(16px*0.707) calc(-16px*0.707) #E3AAD6,16px 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
  25%   {box-shadow: 
          0 0 #F4DD51, 0 0 #E3AAD6,16px 0 #F4DD51, calc(16px*0.707) calc(16px*0.707) #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
  37.5% {box-shadow: 
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, calc(16px*0.707) calc(16px*0.707) #E3AAD6,
          0 16px #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
  50%   {box-shadow: 
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 16px #F4DD51, calc(-16px*0.707) calc(16px*0.707) #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
  62.5% {box-shadow: 
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, calc(-16px*0.707) calc(16px*0.707) #E3AAD6,-16px 0 #F4DD51, 0 0 #E3AAD6}
  75%   {box-shadow: 
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,-16px 0 #F4DD51, calc(-16px*0.707) calc(-16px*0.707) #E3AAD6}
  87.5% {box-shadow: 
          0 -16px #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, calc(-16px*0.707) calc(-16px*0.707) #E3AAD6}
  100% {box-shadow: 
          0 -16px #F4DD51, calc(16px*0.707) calc(-16px*0.707) #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6,
          0 0 #F4DD51, 0 0 #E3AAD6,0 0 #F4DD51, 0 0 #E3AAD6}
}

.grey-rectangles-background {
    background-color: #F9F9F9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23F9F9F9' stroke-width='0.4' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cuse fill='%23f6f6f6' href='%23s' y='2'/%3E%3Cuse fill='%23f6f6f6' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f4f4f4' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f4f4f4' href='%23s'/%3E%3Cuse fill='%23f1f1f1' href='%23s' x='2'/%3E%3Cuse fill='%23f1f1f1' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23ececec'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23F9F9F9'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23eaeaea'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFEB12'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFEB12'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='rotate(64 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFEB12'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

/**
.orange-gradient-stripes-background {
    background-color: #FF5B24;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFD337'/%3E%3Cstop offset='1' stop-color='%23FF5B24'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23ff972e'/%3E%3Cstop offset='1' stop-color='%23FF5B24'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}
*/
.purple-gradient-stripes-background {
    background-color: #C253EE;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23EEACFF'/%3E%3Cstop offset='1' stop-color='%23C253EE'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23d880f7'/%3E%3Cstop offset='1' stop-color='%23C253EE'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.play-icon {
    width: 100px;
    height: 100px;
    background-image: url('data:image/svg+xml,<svg id="Layer_1" enable-background="new 0 0 500 500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"><circle cx="250" cy="250" fill="%23f86252" r="250"/><path d="m216.759 182.093 86.936 50.193c13.636 7.873 13.636 27.555 0 35.428l-86.936 50.193c-13.636 7.873-30.682-1.968-30.682-17.714v-100.386c0-15.746 17.046-25.587 30.682-17.714z" fill="%23fff"/></svg>');
    background-size: contain;
    cursor: pointer;
}
.

.rotate-phone-icon {
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='_08_Rotate' data-name='08 Rotate'%3e%3cpath d='m12.033 30.994a1 1 0 0 1 -.866-.5l-2.417-4.185a1 1 0 0 1 .367-1.366l1.046-.605a.992.992 0 0 1 .759-.1 1 1 0 0 1 .607.466l2.417 4.186a1 1 0 0 1 -.366 1.365l-1.047.605a.992.992 0 0 1 -.5.134z'/%3e%3cpath d='m15.054 36.226a1 1 0 0 1 -.867-.5l-1.208-2.093a1 1 0 0 1 .367-1.365l1.046-.605a1 1 0 0 1 1.366.366l1.208 2.093a1 1 0 0 1 -.366 1.365l-1.046.6a1 1 0 0 1 -.5.139z'/%3e%3cpath d='m33.885 62.41a5 5 0 0 1 -4.339-2.5l-22.583-39.11a5 5 0 0 1 1.831-6.83l20.278-11.711a5.008 5.008 0 0 1 6.83 1.83l22.582 39.111a5.005 5.005 0 0 1 -1.83 6.83l-20.278 11.711a4.975 4.975 0 0 1 -2.491.669zm-2.318-58.822a2.983 2.983 0 0 0 -1.5.4l-20.273 11.712a3 3 0 0 0 -1.1 4.1l22.584 39.111a3 3 0 0 0 4.1 1.1l20.276-11.711a3 3 0 0 0 1.1-4.1l-22.584-39.111a2.978 2.978 0 0 0 -1.821-1.4 3.034 3.034 0 0 0 -.782-.101z'/%3e%3cpath d='m41.786 47.7a2.416 2.416 0 1 1 -.886 3.3 2.417 2.417 0 0 1 .886-3.3z' fill-rule='evenodd'/%3e%3cpath d='m19.758 15.373a1 1 0 0 1 -.5-1.866l4.185-2.417a1 1 0 1 1 1 1.733l-4.185 2.416a1 1 0 0 1 -.5.134z'/%3e%3cpath d='m12.138 54.1a11.873 11.873 0 0 1 -5.957-22.159 1 1 0 0 1 1 1.732 9.875 9.875 0 0 0 9.875 17.1 1 1 0 1 1 1 1.732 11.806 11.806 0 0 1 -5.918 1.595z'/%3e%3cpath d='m20.664 49.776-2.707 4.978-1.449-2.509-1.509-2.615z' fill-rule='evenodd'/%3e%3cpath d='m57.32 29.685a1 1 0 0 1 -.5-1.866 9.875 9.875 0 0 0 -9.875-17.1 1 1 0 0 1 -1-1.733 11.875 11.875 0 0 1 11.874 20.565.992.992 0 0 1 -.499.134z'/%3e%3cpath d='m43.336 11.716 2.707-4.979 1.449 2.51 1.509 2.615z' fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e");
    background-size: contain;
    cursor: pointer;
}

.exchange-icon {
  width: 48px; /* Размер иконки */
  height: 48px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 479.71 479.71' style='enable-background:new 0 0 479.71 479.71;' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M469.936,328.847c-0.96-0.927-1.977-1.792-3.045-2.592c-13.381-8.971-31.276-7.013-42.4,4.64l-10.08,10.08 c-3.469,3.481-6.383,7.474-8.64,11.84l-6.24,12V66.575c0.634-16.247-10.62-30.552-26.56-33.76 c-17.486-2.564-33.74,9.534-36.303,27.02c-0.242,1.649-0.354,3.314-0.337,4.98v299.52l-4.32-9.44 c-2.335-5.046-5.529-9.648-9.44-13.6l-10.56-10.56c-11.124-11.653-29.019-13.611-42.4-4.64 c-14.259,10.441-17.355,30.464-6.914,44.724c0.844,1.152,1.764,2.247,2.754,3.276l80,80c12.49,12.504,32.751,12.515,45.255,0.025 c0.008-0.008,0.017-0.017,0.025-0.025l80-80C483.006,361.38,482.65,341.122,469.936,328.847z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='M214.411,104.655l-78.88-79.04C123.041,13.111,102.78,13.1,90.276,25.59c-0.008,0.008-0.017,0.017-0.025,0.025l-80,80 c-11.653,11.124-13.611,29.019-4.64,42.4c10.441,14.259,30.464,17.355,44.724,6.914c1.152-0.844,2.247-1.764,3.276-2.754 l10.88-10.88c5.215-5.219,9.158-11.57,11.52-18.56l4.32-9.92v302.24c-0.607,16.347,10.812,30.689,26.88,33.76 c17.445,2.829,33.881-9.019,36.71-26.465c0.297-1.83,0.434-3.682,0.41-5.535v-304l3.2,9.12c2.403,6.746,6.284,12.869,11.36,17.92 l11.52,11.52c12.492,12.501,32.753,12.509,45.255,0.017c0.621-0.621,1.217-1.267,1.785-1.937 C228.183,135.984,226.864,116.552,214.411,104.655z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.exchange-icon-props {
    position:absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    transform: rotate(90deg);
    z-index: 10;
}

.exchange-icon-round {
    width: 96px; 
    height: 96px;
    position:absolute;
    top: calc(50% - 48px);
    left: calc(50% - 48px);
    z-index: 5;
    background: #f9f9f9;
    border-radius:50%;
}

@media screen and (max-width: 480px) { 
    .exchange-icon {
        width: 32px; /* Размер иконки */
        height: 32px;
    }
    
    .exchange-icon-props {
        top: calc(50% - 16px);
        left: calc(50% - 16px);
    }
    
    .exchange-icon-round {
        width: 64px; /* Размер иконки */
        height: 64px;
        top: calc(50% - 32px);
        left: calc(50% - 32px);
    }
}

@media screen and (min-width: 1216px) { 
    .exchange-icon {
        width: 96px; /* Размер иконки */
        height: 96px;
    }
    
    .exchange-icon-props {
        top: calc(50% - 48px);
        left: calc(50% - 48px);
    }
    
    .exchange-icon-round {
        width: 192px; /* Размер иконки */
        height: 192px;
        top: calc(50% - 96px);
        left: calc(50% - 96px);
    }
}

//@media screen and (min-width: 769px) {
    //.exchange-icon-props {
        //transform: rotate(90deg);
    //}
//}

.automobile_in_bot {
    width: 72px; /* Размер иконки */
    height: 72px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c!-- - MILLIONS vector ICONS FREE --%3e%3csvg id='icons' enable-background='new 0 0 64 64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cg%3e%3cpath d='m33.89 25.01h-20.02-4.87v-.02l4.17-14.99h37.66l4.17 14.99v.02z' fill='%235d9cec'/%3e%3c/g%3e%3cg%3e%3cpath d='m29.995 23h-12c-.553 0-1-.447-1-1s.447-1 1-1h12c.553 0 1 .447 1 1s-.447 1-1 1z' fill='%23545c66'/%3e%3c/g%3e%3cg%3e%3cpath d='m50.015 23h-12c-.553 0-1-.447-1-1s.447-1 1-1h12c.553 0 1 .447 1 1s-.448 1-1 1z' fill='%23545c66'/%3e%3c/g%3e%3cg%3e%3cpath d='m53 7 5 17.99v.02h-3v-.02l-4.17-14.99h-37.66l-4.17 14.99v.02h-3v-.02l5-17.99z' fill='%23da4453'/%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='m59.999 45.997c.55 0 1 .45 1 1v9.003c0 .55-.45 1-1 1h-10c-.55 0-1-.45-1-1v-9.003c0-.55.45-1 1-1z' fill='%23656d78'/%3e%3c/g%3e%3cg%3e%3cpath d='m14.002 45.997c.55 0 1 .45 1 1v9.003c0 .55-.45 1-1 1h-10c-.55 0-1-.45-1-1v-9.003c0-.55.45-1 1-1z' fill='%23656d78'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='m51 37h8c0 2.77-2.24 5-5 5h-8c0-2.76 2.24-5 5-5z' fill='%23e6e9ed'/%3e%3c/g%3e%3cg%3e%3cpath d='m19 42h-9c-2.76 0-5-2.23-5-5h9c2.77 0 5 2.24 5 5z' fill='%23e6e9ed'/%3e%3c/g%3e%3cg%3e%3cpath d='m41.19 40.01c.52-.88.81-1.91.81-3h-20c0 1.09.29 2.12.81 3 1.03 1.79 2.971 3 5.19 3h.01 7.99c2.22 0 4.16-1.21 5.19-3zm21.81-8.01v15.999h-1-12-36-12-1v-15.999zm-4 5h-8c-2.76 0-5 2.24-5 5h8c2.76 0 5-2.23 5-5zm-49 5h9c0-2.76-2.23-5-5-5h-9c0 2.77 2.24 5 5 5z' fill='%23ed5565'/%3e%3c/g%3e%3cpath d='m22 37.01c0 1.09.29 2.12.81 3 1.03 1.79 2.971 3 5.19 3h.01 7.99c2.22 0 4.16-1.21 5.19-3 .52-.88.81-1.91.81-3z' fill='%23e6e9ed'/%3e%3cg%3e%3cpath d='m11.871 27.009c-.429 0-.825-.277-.956-.708-.162-.528.136-1.087.664-1.248l13.125-4.009c.529-.165 1.088.137 1.248.664.162.528-.136 1.087-.664 1.248l-13.125 4.009c-.098.03-.195.044-.292.044z' fill='%23656d78'/%3e%3c/g%3e%3cg%3e%3cpath d='m31.891 27.009c-.429 0-.825-.277-.956-.708-.162-.528.136-1.087.664-1.248l13.125-4.009c.53-.165 1.088.137 1.248.664.162.528-.136 1.087-.664 1.248l-13.125 4.009c-.098.03-.196.044-.292.044z' fill='%23656d78'/%3e%3c/g%3e%3cg%3e%3cpath d='m58 25.01 5 6.99h-62l5-6.99h3 4.87 20.02 21.11z' fill='%23da4453'/%3e%3c/g%3e%3cpath d='m22.558 39.51c.079.17.157.34.252.5.101.174.216.338.333.5h17.715c.117-.162.232-.326.333-.5.095-.16.173-.33.252-.5z' fill='%23ccd1d9'/%3e%3cg%3e%3cpath d='m61.999 48.999h-59.999c-.553 0-1-.447-1-1s.447-1 1-1h59.999c.553 0 1 .447 1 1s-.447 1-1 1z' fill='%23ed5565'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}


.passenger_in_bot {
    width: 72px; /* Размер иконки */
    height: 72px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c!-- icon666.com - MILLIONS vector ICONS FREE --%3e%3csvg id='svg4593' viewBox='0 0 16.933333 16.933334' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3e%3cclipPath id='clipPath5337'%3e%3cpath id='rect5339' d='m34.774 274.321h35.435v25.702h-35.435z'/%3e%3c/clipPath%3e%3cclipPath id='clipPath4542'%3e%3cpath id='rect4544' d='m-535.214-48.848h501.574v185.586h-501.574z'/%3e%3c/clipPath%3e%3cclipPath id='clipPath11017'%3e%3cpath id='rect11019' d='m36.669 153.503h29.654v28.999h-29.654z' transform='rotate(-90)' vector-effect='none'/%3e%3c/clipPath%3e%3cclipPath id='clipPath11444'%3e%3cpath id='rect11446' d='m-143.933 265.779h28.84v29.104h-28.84z' transform='rotate(-90)' vector-effect='none'/%3e%3c/clipPath%3e%3cclipPath id='clipPath11781'%3e%3crect id='rect11783' height='32.411' rx='.634' transform='rotate(-90)' width='32.941' x='-145.124' y='181.377'/%3e%3c/clipPath%3e%3cclipPath id='clipPath11499'%3e%3cpath id='rect11501' d='m-551.399-9.261h16.064v16.347h-16.064z' vector-effect='none'/%3e%3c/clipPath%3e%3cg id='layer1' transform='translate(0 -280.067)'%3e%3cg transform='matrix(.265 0 0 .265 0 280.067)'%3e%3cpath id='rect6091' d='m32 2c-10.637495.1971024-14.43885 3.6802982-16.548828 8.712891-1.532881 4.439976-1.3789 6.914255.65039 10.095703l-2.99414 18.908203c-.430302 2.717385.882937 5.594954 2.894186 7.177887 12.929556 0 21.340201-.000001 32.069957-.000001 1.864614-1.36468 3.20578-4.74798 2.821001-7.177886l-2.761707-17.435547c2.120654-4.242477 1.314998-12.4628906-3.230468-12.4628906 0 0-.883009-7.8183594-12.900391-7.8183594z' fill='%234d4d4d' vector-effect='none'/%3e%3cpath id='path5652' d='m26.710938 41.414062c-3.036563 1.398121-5.745842 2.600632-8.841797 4.115235-8.1324907 3.22492-7.777344 12.296177-7.777344 16.470703h21.904297.003906.003906 22.308594c0-4.174526.513266-13.919211-6.646484-16.470703-3.524812-1.215466-6.960949-2.630241-10.376954-4.115235z' fill='%2355a1ff' vector-effect='none'/%3e%3cpath id='rect4953' d='m38.714844 13.619141c-2.992809 3.914537-12.020008 13.233535-19.619141 9.880859v2.261719c0 5.255166 3.114443 9.748532 7.601563 11.765625v3.519531c0 2.938016 2.364705 5.302734 5.302734 5.302734s5.302734-2.364718 5.302734-5.302734v-3.519531c4.487119-2.017093 7.601563-6.510459 7.601563-11.765625v-1.009766c-.0015.0012-.0024.0027-.0039.0039z' fill='%23ffc6cd' vector-effect='none'/%3e%3c/g%3e%3cpath id='path5121' d='m7.0683024 291.02431-1.0223534.46394c0 .74546-.063145 1.83246.560366 2.16484l1.2908772-1.44222c-.4628308-.2055-.792671-.65501-.8288898-1.18656z' fill='%23d1dcff' vector-effect='none'/%3e%3cpath id='path5141' d='m29.847656 45.898438-2.355468 2.630859 1.673828 2.886719-1.351563 10.583984h8.335938l-1.316407-10.583984 1.673828-2.886719-2.355468-2.630859c-.689077.295181-1.400447.458604-2.152344.447265-.751897.011339-1.463267-.152311-2.152344-.447265z' fill='%23ef6356' transform='matrix(.265 0 0 .265 0 280.067)' vector-effect='none'/%3e%3cpath id='path5159' d='m9.8650394 291.02431 1.0244206.43522c0 .74545.06108 1.86118-.562433 2.19356l-1.2908774-1.44222c.4628309-.20549.792671-.655.8288898-1.18656z' fill='%23d1dcff' vector-effect='none'/%3e%3cpath id='path5200' d='m9.8696816 289.99576c-.4279067.19235-.9018651.30179-1.403015.30179-.2227755 0-.4392004-.0247-.6495728-.0656-.3238085.321-.117491.87256.337447.90298.646364.0156 1.1391892-.0767 1.7151408-.25532z' fill='%23ffaecd' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='%23000000' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='%23000000' solid-opacity='1' vector-effect='none'/%3e%3cpath id='path5204' d='m7.8971922 292.2108-.5694743.63614c.7884898.40866 1.4805717.35787 2.2980509.0222l-.5896279-.65834c-.1823183.0781-.3705349.12134-.5694743.11834-.1989395.003-.3871561-.0403-.5694744-.11834z' fill='%23d85750' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='%23000000' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='%23000000' solid-opacity='1' vector-effect='none'/%3e%3cpath id='path5664' d='m4.2870622 295.1815v1.28932h.8216554v-1.73788c-.3677749-.21317-.8160561.0926-.8216554.44856z' fill='%23488bff' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='%23000000' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='%23000000' solid-opacity='1' vector-effect='none'/%3e%3cpath id='path5677' d='m12.327774 295.18149v1.28933h-.821656v-1.73788c.36778-.21317.816057.0926.821656.44855z' fill='%23488bff' font-variant-ligatures='normal' font-variant-position='normal' font-variant-caps='normal' font-variant-numeric='normal' font-variant-alternates='normal' font-feature-settings='normal' text-indent='0' text-align='start' text-decoration-line='none' text-decoration-style='solid' text-decoration-color='%23000000' text-transform='none' text-orientation='mixed' white-space='normal' shape-padding='0' isolation='auto' mix-blend-mode='normal' solid-color='%23000000' solid-opacity='1' vector-effect='none'/%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.narod-taxi-logo-grey-background {
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='728.000000pt' height='660.000000pt' viewBox='0 0 728.000000 660.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,660.000000) scale(0.100000,-0.100000)'%0Afill='%23bbbbbc' stroke='none'%3E%3Cpath d='M5028 6131 c-514 -139 -510 -137 -543 -225 -9 -23 -74 -391 -144%0A-818 -136 -819 -138 -838 -92 -853 16 -5 915 256 978 284 12 6 34 29 49 52 29%0A47 36 78 114 529 28 162 65 372 81 465 103 585 109 625 94 661 -11 28 -19 34%0A-42 33 -15 -1 -238 -58 -495 -128z'/%3E%3Cpath d='M2735 5519 c-286 -77 -531 -148 -545 -158 -14 -10 -37 -42 -52 -72%0A-24 -48 -37 -119 -107 -599 -44 -300 -98 -664 -120 -809 -22 -145 -37 -277%0A-34 -293 3 -16 16 -36 28 -44 21 -13 63 -2 546 142 567 169 559 165 598 248%0A25 52 274 1620 264 1666 -5 27 -37 62 -53 59 -3 0 -239 -64 -525 -140z'/%3E%3Cpath d='M5855 4720 c-3 -5 -16 -10 -28 -10 -42 0 -63 -26 -87 -107 -12 -43%0A-31 -85 -41 -93 -24 -19 -122 -325 -115 -361 3 -14 -10 -72 -28 -130 -36 -113%0A-32 -109 -109 -96 -32 5 -43 2 -70 -23 -18 -15 -29 -31 -25 -35 3 -3 38 -11%0A76 -17 45 -6 69 -14 67 -22 -3 -6 -67 -209 -144 -451 -121 -384 -148 -459%0A-209 -581 -73 -146 -98 -232 -136 -459 -38 -234 -33 -273 47 -336 158 -125%0A578 -268 837 -285 116 -8 155 5 200 68 41 55 115 203 179 356 45 105 54 139%0A72 269 19 132 37 196 165 602 79 249 145 455 147 458 3 2 32 -9 66 -26 33 -17%0A63 -31 66 -31 3 0 5 15 5 34 0 37 -24 63 -80 86 -16 7 -30 17 -30 24 0 28 65%0A203 80 218 26 24 112 302 115 368 2 30 12 82 24 114 26 73 26 75 -1 107 -13%0A14 -28 34 -34 45 -17 31 -356 205 -472 243 -60 19 -219 47 -403 70 -105 14%0A-126 14 -134 1z m26 -755 c170 -30 507 -145 602 -205 59 -37 90 -84 82 -125%0A-11 -61 -115 -246 -206 -368 -3 -4 -64 21 -135 57 -71 35 -164 76 -208 90 -73%0A24 -235 57 -350 72 l-49 6 6 166 c5 157 18 238 45 280 10 15 77 41 108 42 12%0A0 59 -7 105 -15z m-334 -407 c-6 -183 -18 -312 -29 -324 -7 -6 -119 33 -120%0A42 0 13 146 494 151 494 2 0 1 -96 -2 -212z m943 -362 c-45 -135 -84 -246 -87%0A-246 -28 0 -113 36 -113 48 0 8 16 45 36 81 44 80 236 372 241 367 2 -2 -32%0A-114 -77 -250z m-990 -15 c0 -12 -119 -316 -184 -471 -91 -217 -103 -229 -85%0A-89 17 141 54 307 103 461 l47 146 59 -20 c33 -11 60 -23 60 -27z m838 -256%0Ac29 -9 52 -21 52 -28 0 -7 -25 -86 -55 -177 -50 -150 -169 -414 -209 -465 -15%0A-19 -15 -19 -16 -1 0 35 120 556 151 654 12 37 10 37 77 17z m-889 -399 c191%0A-98 276 -125 484 -153 106 -14 127 -20 127 -34 0 -34 -58 -247 -79 -287 -27%0A-53 -72 -67 -187 -58 -166 12 -351 76 -483 165 -80 55 -97 86 -80 154 17 73%0A94 267 106 267 3 0 54 -24 112 -54z'/%3E%3Cpath d='M5990 3834 c0 -14 192 -375 197 -371 5 5 -185 377 -193 377 -2 0 -4%0A-3 -4 -6z'/%3E%3Cpath d='M6070 3752 c0 -18 83 -182 92 -182 5 0 -13 42 -38 93 -50 100 -54%0A106 -54 89z'/%3E%3Cpath d='M6057 3635 c26 -52 49 -92 52 -89 7 6 -81 184 -91 184 -4 0 13 -43%0A39 -95z'/%3E%3Cpath d='M5540 2426 c0 -16 195 -386 203 -386 7 0 -177 365 -195 385 -4 5 -8%0A5 -8 1z'/%3E%3Cpath d='M5620 2335 c0 -13 92 -187 96 -182 6 5 -83 187 -91 187 -3 0 -5 -2%0A-5 -5z'/%3E%3Cpath d='M5608 2220 c26 -49 51 -90 55 -90 5 0 -13 41 -39 90 -26 50 -51 90%0A-55 90 -4 0 14 -40 39 -90z'/%3E%3Cpath d='M3610 4034 l-485 -145 -37 -41 c-21 -22 -43 -57 -48 -77 -6 -20 -62%0A-367 -126 -771 -63 -404 -117 -736 -120 -739 -3 -3 -100 -7 -215 -9 -133 -3%0A-209 -8 -209 -14 0 -7 71 -9 210 -6 l210 5 0 -31 c0 -40 25 -76 53 -76 12 0%0A150 43 307 95 156 52 327 104 379 115 427 92 836 252 1142 447 131 83 166 110%0A158 118 -4 3 -37 -15 -74 -41 -179 -125 -431 -254 -670 -342 -136 -50 -345%0A-116 -350 -110 -3 2 20 12 49 21 50 16 95 52 123 100 4 8 40 24 78 37 283 93%0A644 297 890 503 160 135 390 385 371 404 -3 3 -7 4 -9 2 -70 -101 -301 -336%0A-432 -439 -175 -138 -387 -266 -586 -356 -114 -51 -289 -118 -294 -112 -1 2%0A53 334 121 738 68 404 124 758 126 787 2 60 -13 83 -51 82 -14 0 -244 -65%0A-511 -145z'/%3E%3Cpath d='M1220 3319 l-535 -160 -37 -40 c-20 -22 -42 -55 -47 -72 -6 -18 -27%0A-147 -46 -287 -20 -140 -63 -448 -96 -685 -98 -703 -95 -680 -79 -709 7 -15%0A23 -29 35 -32 13 -3 233 65 566 175 l544 181 32 43 c17 23 36 60 42 82 6 22%0A36 209 67 415 30 206 82 555 115 774 48 325 57 406 49 432 -11 32 -27 45 -58%0A43 -9 0 -258 -72 -552 -160z'/%3E%3Cpath d='M4920 3271 c-100 -102 -208 -190 -341 -277 -108 -71 -283 -163 -370%0A-195 -32 -12 -59 -26 -59 -31 0 -12 26 -4 123 37 164 71 365 194 511 315 93%0A77 240 226 230 233 -5 3 -47 -34 -94 -82z'/%3E%3Cpath d='M5057 3118 c-70 -70 -121 -128 -113 -128 18 0 256 232 256 249 0 6%0A-3 10 -7 9 -5 -1 -66 -59 -136 -130z'/%3E%3Cpath d='M4345 2313 c-68 -36 -105 -95 -105 -168 0 -60 19 -103 63 -142 46%0A-40 97 -57 152 -49 113 17 189 136 155 241 -16 47 -66 104 -107 121 -43 18%0A-121 17 -158 -3z'/%3E%3Cpath d='M3460 2095 c-30 -9 -73 -26 -95 -40 -58 -34 -132 -117 -161 -180 -30%0A-65 -42 -180 -25 -239 6 -22 8 -42 6 -44 -5 -6 -65 118 -65 134 0 16 -89 53%0A-157 65 -117 22 -259 -27 -345 -119 -153 -164 -151 -400 6 -557 30 -30 58 -55%0A63 -55 4 0 19 20 32 44 35 66 104 131 179 168 62 31 74 33 167 33 96 0 105 -2%0A176 -37 41 -21 84 -47 94 -58 16 -17 7 -15 -51 12 -62 29 -78 32 -159 32 -80%0A0 -97 -3 -157 -31 -90 -42 -160 -109 -201 -192 -30 -62 -32 -72 -32 -176 0%0A-101 2 -115 28 -168 40 -80 112 -151 194 -190 62 -29 76 -32 168 -32 88 0 107%0A3 159 28 69 32 138 86 162 126 14 23 28 30 82 41 162 32 315 149 390 297 21%0A43 41 88 44 100 5 18 10 21 33 14 23 -6 30 -16 42 -60 15 -60 37 -95 88 -139%0A34 -30 116 -62 160 -62 51 0 129 33 172 73 61 56 83 105 83 188 0 84 -35 158%0A-99 206 -23 18 -37 33 -29 33 31 -1 97 -40 130 -79 43 -50 64 -52 136 -10 63%0A36 106 97 122 174 10 49 7 78 -15 151 -5 17 0 23 25 34 17 7 43 29 58 48 35%0A47 38 135 6 179 -40 54 -83 75 -144 71 -35 -2 -66 -11 -82 -23 -36 -27 -68%0A-86 -68 -124 0 -29 -2 -31 -39 -31 -45 0 -96 -16 -133 -42 l-27 -19 -46 47%0Ac-68 67 -141 98 -245 102 -68 3 -96 0 -142 -18 -70 -26 -149 -95 -189 -164%0A-36 -63 -39 -34 -5 41 29 62 91 132 141 159 19 10 35 23 35 29 0 32 -58 121%0A-110 169 -97 89 -238 125 -360 91z'/%3E%3Cpath d='M5103 1735 c-43 -18 -73 -69 -73 -123 0 -94 115 -154 198 -102 85 53%0A74 177 -18 225 -36 18 -65 18 -107 0z'/%3E%3Cpath d='M2033 1131 c-63 -23 -100 -48 -143 -98 -169 -192 -78 -498 169 -570%0A76 -22 174 -14 245 21 261 128 269 490 14 626 -55 30 -74 34 -148 37 -66 3%0A-97 -1 -137 -16z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    background-color:#ccc;
}

/*   MODAL_FORM   */

.modal_write_form textarea {
    display:block;
    padding-bottom:15px;
    min-height: 200px;
    min-width: 280px;
    font-size: 18px;
}

@media screen and (min-width: 480px) { 
    .modal_write_form textarea {
        min-width: 400px;
    }
}

@media screen and (min-width: 769px) { 
    .modal_write_form textarea {
        min-width: 600px;
    }
}

/*    FORM GRID   */

.grid-container-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

/*    MULTIPLE FIELD FORM   */

.multiple-field {
    //position: relative;
    margin-bottom: 35px;
}

.multiple-field,
.multiple-field input,
.multiple-field select,
.multiple-field textarea {
    
    background: #f6f6f6;
}

.multiple-field > section {
    margin-bottom: 25px;
    //border-bottom: 3px solid #aaa !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    //margin-bottom: 15px;
    //position: absolute;
    //display: none;
    display: none;
}

.multiple-field > section:first-child {
    counter-reset: section;
    display:block;
}
/**
.multiple-field > section div:first-child::before {
    counter-increment: section; 
    content: counter(section); 
    font-weight: bold;
    font-size: 1.2em;
    display: block; 
    text-align: center; 
    margin-bottom: 5px; 
    color: black;
}
*/
.controls {
    display: block;
    text-align: center;
    background: #f6f6f6;
    padding-top: 15px;
}

.control-button {
    cursor:pointer;
    width: 2rem;
    height: 2rem;
    background: #333;
    border-radius: 50%;
    color: white;   
    display:inline-block;
    padding: 0px 10px;
    margin: 0px 10px;
}

fieldset {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 15px 10px;
    margin-bottom: 70px;
}

fieldset:last-of-type {
    margin-bottom: 40px !important;
}

@media screen and (min-width: 769px) { 
    fieldset {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        padding: 25px 20px;
        margin-bottom: 100px;
    }
    
    fieldset:last-of-type {
        margin-bottom: 40px !important;
    }
}




/*    BIG MARKED LIST   */

.five-steps-block {
    max-width:960px;
}

.big-marked-list-title {
    padding-top: 20px;
}

@media screen and (min-width: 769px) { 
    .big-marked-list-title {
        min-width: 30px;
    }
}


.big-marked-list .columns {
    margin-inline-end: 0px;
    margin-inline-start: 0px;
}

.rewiews-iten-cover {
    display:block;
    margin-bottom:50px;
    max-width: 768px;
}

.rewiews-iten-cover:last-child {
    margin-bottom:35px;
}

.reviews-list {
    overflow: hidden;
    padding-top:10px;
}

@media screen and (min-width: 769px) { 
    .reviews-list {
        margin-top:70px;
    }
}

.reviews-list .rewiews-iten-cover:nth-child(2n+1){
    float:left;
}

.reviews-list .rewiews-iten-cover:nth-child(2n){
    float:right;
}

.reviews-list .rewiews-iten-cover:nth-child(2n+1) .box {
    background: #fff48c;
}

.reviews-list .rewiews-iten-cover:nth-child(2n+1):hover .box {
    background: #fff8b5;
}

.reviews-list .rewiews-iten-cover:nth-child(2n):hover .box {
    background: #f2f2f2;
}

@media screen and (max-width: 768px) {
    .rewiews-iten-cover .columns {
        position: relative;
        margin-top: 100px;
        padding-top: 50px;
    }
    
    .rewiews-iten-cover .column:first-child {
        position:absolute;
        top:-100px;
        left: calc(50% - 75px);
    }
    
    
    .rewiews-iten-cover .bot-image-rewiews {
        width:150px;
        height:150px;
    }
}

/*    RESPONSIVE VIDEO     */
    
    .responsive-video-wrapper {
        position:relative;
    }
    
    .responsive-video-text {
         vertical-align: middle;
    }
    @media screen and (min-width: 769px) {
        .responsive-video-table td {
            width:50%;
        }
        
        .responsive-video-table td:nth-child(2n+1) {
            padding-right:20px;
        }
        
        .responsive-video-table td:nth-child(2n) {
            padding-left:20px;
        }
    }
    
    @media screen and (max-width: 768px) {
        .responsive-video-table td {
            display:block;
            margin-bottom: 15px;
        }
        
        .responsive-video-table td {
            padding: 1rem;
        }
    }
    
    .responsive-video-wrapper video {
        border: 2px solid #333;
    }
    
    /**
    .rotate-phone-icon-cover {
        width: 72px;
        height: 72px;
        //border-radius: 50%; 
        display: block;
        position: absolute;
        top: calc(45% - 36px);
        left: calc(50% - 36px);
        background: #fff48c;
        border: 8px solid #fff48c;
        border-radius: 50%;
    }
    */
    .play-icon-cover {
        width: 96px;
        height: 96px;
        display: block;
        position: absolute;
        top: calc(46% - 48px);
        left: calc(50% - 48px);
    }
    
    @media screen and (min-width: 769px) {
        .play-icon-cover {
            width: 128px;
            height: 128px;
            display: block;
            position: absolute;
            top: calc(46% - 64px);
            left: calc(50% - 64px);
        }
    }
    
    @media screen and (min-width: 960px) {
        .play-icon-cover {
            width: 192px;
            height: 192px;
            display: block;
            position: absolute;
            top: calc(46% - 96px);
            left: calc(50% - 96px);
        }
    }
    /**
    .rotate-phone-icon-cover div {
        width: 48px;
        height: 48px;
    }
    
    
    @media screen and (min-width: 769px) {
        .rotate-phone-icon-cover {
            display: none;
        }
    }
    */
    .responsive-video-rotate-hint {
        display: none; 
        position: absolute; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        background: rgba(0, 0, 0, 0.7); 
        color: white; 
        padding: 20px; 
        text-align: center; 
        border-radius: 8px;
    }


/*    OTHER   */

.checkbox-name {
    padding-left:5px;
    padding-right:30px;
}

.hidden, .tab-hidden, .login-hidden {
    display:none;
}

html {
    font-size: 18px;
}

@media screen and (min-width: 1215px) { 
    html {
        font-size: 19px;
    }    
}

.profile-tabs {
    padding-top:50px;
}

@media screen and (max-width: 640px) { 
    .is-hidden-mini-mobile {
        display: none;
    }
}

.chapter {
    margin-top:100px !important;
    margin-bottom:100px !important;
    clear: both;
}

.top-chapter {
    margin-top:100px !important;
    margin-bottom:0px !important;
    clear: both;
}

.bottom-chapter {
    margin-top:0px !important;
    margin-bottom:100px !important;
    clear: both;
}

.extra-chapter {
    padding: 200px 0px;
}

@media screen and (max-width: 768px) {
    .chapter {
        margin-top:70px !important;
        margin-bottom:70px !important;
    }

    .top-chapter {
        margin-top:70px !important;
        margin-bottom:0px !important;
    }

    .bottom-chapter {
        margin-top:0px !important;
        margin-bottom:70px !important;
    }
    
    .extra-chapter {
        padding: 100px 0px;
    }
}

.column-chapter .column {
    padding-top:100px !important;
    padding-bottom:100px !important;
}

.column-top-chapter .column {
    padding-top:100px !important;
    padding-bottom:0px !important;
}

.column-bottom-chapter .column {
    padding-top:0px !important;
    padding-bottom:100px !important;
}

@media screen and (max-width: 768px) { 
    .column-chapter .column {
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .column-top-chapter .column {
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    .column-bottom-chapter .column {
        padding-top:30px !important;
        padding-bottom:30px !important;
    }
    
    .column-chapter .column:first-child {
        padding-top:70px !important;
        padding-bottom:30px !important;
    }

    .column-top-chapter .column:first-child {
        padding-top:70px !important;
        padding-bottom:30px !important;
    }

    .column-bottom-chapter .column:first-child {
        padding-top:0px !important;
        padding-bottom:30px !important;
    }
    
    .column-chapter .column:last-child {
        padding-top:30px !important;
        padding-bottom:70px !important;
    }

    .column-top-chapter .column:last-child {
        padding-top:30px !important;
        padding-bottom:0px !important;
    }

    .column-bottom-chapter .column:last-child {
        padding-top:30px !important;
        padding-bottom:70px !important;
    }
    
    
}

/**
@media screen and (min-width: 960px) { 
    .about-text-block {
        width: 768px;
    }
}
*/

.text-align-center {
    text-align:center;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme h7,
.dark-theme div,
.dark-theme span,
.dark-theme p {
    color: white !important;
}

@media screen and (max-width: 1024px) { 
    .responsive-container {
        padding: 0rem 1rem;
    }
} 

.hero-body .responsive-container {
    padding: 0px;
}


.carbon-texture {
    background-color: #333; /* Цвет фона (можно менять) */
    background-image:
        linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%);
    background-size: 7px 7px; /* Размер клеток (ширина x высота) */
}

.grey-column-1 {
    //background-color: #f0f0f0;
    //background: linear-gradient(to right, #f6f6f6, #f9f9f9);
}

.grey-column-1-2 {
    //background-color: #eaeaea;
    //background: linear-gradient(to right, #e8e8e8, #f0f0f0);
}

.grey-background-1 {
    //background: linear-gradient(to right, #f6f6f6, #f0f0f0);
    background: conic-gradient(from 180deg, #f6f6f6, #e0e0e0);
}
/**
@media screen and (max-width: 768px) { 
    .grey-column-1 {
        background: linear-gradient(to bottom, #f0f0f0, #f9f9f9);
    }

    .grey-column-1-2 {
        background: linear-gradient(to bottom, #e8e8e8, #f0f0f0);
        
    }

    .grey-background-1 {
        background: linear-gradient(to bottom, #f0f0f0, #eeeeee);
    }
    
    .grey-column-1 center {
        padding-bottom: 30px;
    }
    /**
    .grey-column-1-2 center {
        padding-top: 30px;
    }  
    
}  
*/
.card-element {
    //border: 10px solid #ff6912;
    border-radius: 20px;
    padding: 30px 15px;
    height: 100%;
}

.card-element .subtitle {
    background: #f0f0f0;
    display:inline-block;
}

.column:first-child .card-element .subtitle {
    background: #ffe5cc;
}

@media screen and (min-width: 769px) { 
    .column:first-child .card-element {
        border: 5px solid #ff6912;
    }
    
    .column:nth-child(2) .card-element {
        border: 5px solid #999;
    }

    .column:nth-child(3) .card-element {
        border: 5px solid #999;
    }
}

@media screen and (max-width: 768px) { 
    .card-element {
        border: none;
        border-radius: 0px;
        padding: 10px 15px;
        //border-bottom: 1px solid #ccc;
        //padding-bottom: 50px;
    }
    
    .card-element .title {
        display:inline-block;
        //position: relative; 
        //left: 50%; 
        //transform: translateX(-50%);
    }
    
    .column:first-child .card-element .title {
        border-bottom: 5px solid #ff6912;
        display:inline-block;
    }

    .column:nth-child(2) .card-element .title {
        border-bottom: 5px solid #999;
    }

    .column:nth-child(3) .card-element .title {
        border-bottom: 5px solid #999;
    }
}

.drivers-table .drivers-table-header .column {
    background: #eee !important;
}


.drivers-table .columns:nth-child(even) .column:nth-child(even) {
    background: #fefefe;
}

.drivers-table .columns:nth-child(even) .column:nth-child(odd) {
    background: #fbfbfb;
}

.drivers-table .columns:nth-child(odd) .column:nth-child(even) {
    background: #fcfcfc;
}

.drivers-table .columns:nth-child(odd) .column:nth-child(odd) {
    background: #f9f9f9;
}

@media screen and (min-width: 769px) { 
    .drivers-table .td-header-span {
        display:none;
    }
    
    .drivers-table table {
        table-layout: fixed;
        width: 100%;
        font-size: 0.8em;
    }
}

@media screen and (max-width: 768px) { 
    
    .drivers-table table {
        width:100%;
    }
    
    .drivers-table thead {
        display:none;
    }
    
    .drivers-table .td-header-span {
        font-weight: 600;
    }
    
    .drivers-table .td-header-span::after {
        content: ": ";
    }
    
    .drivers-table td {
        display:block;
    }
    
    .drivers-table td {
        width: 100%;
        border:none;
    }
    
    .drivers-table td:last-child {
        border-bottom:1px solid #dbdbdb;
    }
}

.modal-content {
    background: #ffffff;
    padding: 15px 20px;
    display: block;
}

.back-to-profile-link {
    margin-top: 50px;
}

.page-input {
    width:50px;
    border-color: #485fc7;
}

.title.section-title {
    margin-bottom:50px;
}

.border-separator {
    border-bottom: 1px solid #ccc;
}