/* Import Golos Text font */
/* Font Face Declarations for Golos Text */
@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('../fonts/GolosText-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Theme Variables */
:root {

    /* Secondary colors */
    --secondary-color: #C0392B;
    --secondary-hover-color: #a62c22;
    
    /* Backgrounds */
    --bg-light: #eef2ff;
    --bg-white: #ffffff;
    
    /* Text colors */
    --text-dark: #333333;
    --text-medium: #666666;
    --text-light: #999999;
    
    /* Success & Error colors */
    --success-color: #d4edda;
    --success-text: #155724;
    --error-color: #f8d7da;
    --error-text: #721c24;
    
    /* Border radius */
    --border-radius-small: 5px;
    --border-radius-medium: 15px;
    --border-radius-large: 20px;
    
    /* Font family */
    --font-family: 'Golos Text', Arial, sans-serif;
    
    /* Font weights */
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    
    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    --spacing-xxl: 40px;
    
    /* Shadows */
    --shadow-small: 0 2px 5px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-large: 0 8px 20px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --transition-short: all 0.2s ease;
    --transition-medium: all 0.3s ease;
    --transition-long: all 0.5s ease;
}

/* Apply variables to common elements */
body {
    font-family: var(--font-family);
    color: var(--text-dark);
}

a {
    color: var(--primary-color);
    transition: var(--transition-medium);
}

a:hover {
    color: var(--primary-hover-color);
}

.btn, 
.button, 
button[type="submit"],
.request-button {
    background-color: #0044e6;
    border-radius: var(--border-radius-medium);
    transition: var(--transition-medium);
}
.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.btn:hover, 
.button:hover, 
button[type="submit"]:hover,
.request-button:hover {
    background-color: var(--secondary-color);
}

.section-title, 
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/* Ограничим контейнер по ширине */
* {
  box-sizing: border-box;
  max-width: 100%;
}
/* Utility classes using variables */
.bg-primary {
    background-color: var(--primary-color);
}

.bg-light {
    background-color: var(--bg-light);
}

.text-primary {
    color: var(--primary-color);
}

.shadow-sm {
    box-shadow: var(--shadow-small);
}

.shadow-md {
    box-shadow: var(--shadow-medium);
}

.shadow-lg {
    box-shadow: var(--shadow-large);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Golos Text', Arial, sans-serif;
}

body {
    color: #333;
    line-height: 1.6;
    background-color: #fff;
    font-family: 'Golos Text', Arial, sans-serif;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
}

/* Header Styles */
header {
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 100;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius:23px;
  background:#eef2ff;
  padding:10px 12px;
}

.logo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.logo img {
  max-width: 100px; /* подбери нужный размер */
  height: auto;
  margin-bottom: 5px;
}


nav ul {
    display: flex;
    list-style: none;
}

nav ul li {
    margin-left: 25px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s;
}

nav ul li a:hover {
    color: #0044e6;
}

.phone-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.phone {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.request-button {
    background-color: #0044e6;
    color: white;
    padding: 10px 20px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.request-button:hover {
    background-color: #C0392B;
}

/* Hero Section */
.hero {
 background: linear-gradient(rgba(27, 10, 87, 0.58), rgba(10, 31, 79, 0.77)), url('/upload/Tow-Truck-driver-accidentally-kidnaps-teenage-boy.webp');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 150px 30px 50px 40px;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
	margin-top: 20px;
}

.hero-content {
    max-width: 600px;
}

.hero h1 {
    font-size: 44px;
    margin-bottom: 20px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.01em;
	text-transform: uppercase;
}

.hero p {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.7;
}

/* Section Titles */
.section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color:#0044e6;
}

/* Features Section */
.features {
    margin-bottom: 80px;
}

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

.feature-card {
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s;
}

.feature-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}

.feature-icon {
    font-size: 36px;
    color: #0044e6;
    margin-bottom: 15px;
}

.feature-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.feature-card p {
    line-height: 1.7;
}

/* Projects Section */
.projects {
    margin-bottom: 80px;
}


/* Дополнительные стили для исправления проблем с загрузкой блоков */





.projects-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:
30px;
  padding-bottom: 40px;
}

.project-card {
  border-radius:20px;
  overflow:hidden;

  transition:all 0.3s;
  background:#eef2ff;
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.project-image {
  height: 200px;
  background-size: cover;
  background-position:center;
  margin:15px 15px;
  border-radius:15px;
}

.project-content {
    padding: 20px;
}

.project-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #0044e6;
  text-transform: uppercase;
}

.project-desc {
    color: #666;
    margin-bottom: 20px;
    line-height: 1.7;
}

.project-price {
    font-weight: 700;
    color: #0044e6;
    font-size: 22px;
}

/* Info Sections */
.info-section {
  margin-bottom: 80px;
  background:#eef2ff;
  border-radius:20px;
  padding:40px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.info-content h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0044e6;
  text-transform: uppercase;
}

.info-list {
    list-style: none;
    margin-bottom: 20px;
}

.info-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.info-list li:before {
    content: "✓";
    color: #0044e6;
    margin-right: 10px;
    font-weight: bold;
}

.info-image {
    height: 300px;
    overflow: hidden;
    border-radius: 20px;
}

.info-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* Call to Action */
.cta {
    background-color: #eef2ff;
    padding: 60px 0;
    margin-bottom: 80px;
    border-radius: 20px;
}

.cta h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #0044e6;
}

.cta p {
    max-width: 600px;
    margin: 0 auto 30px;
    line-height: 1.7;
}

/* Улучшенный макет для CTA секции - горизонтальное расположение */
.cta .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
}

.cta .col-sm-6 {
    flex: 1;
    padding: 0 15px;
}

/* Stats Section */
.stats {
    margin-bottom: 80px;
}

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

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

.stat-number {
    font-size: 36px;
    font-weight: 700;
    color: #0044e6;
    margin-bottom: 10px;
}

.stat-text {
    font-weight: 500;
}

/* FAQ Section */
.faq {
  margin-bottom: 80px;
  margin-top: 80px;
}

.faq-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
}

.faq-answer {
    margin-top: 15px;
    display: none;
}

.faq-answer p {
    line-height: 1.7;
}

.faq-item.active .faq-answer {
    display: block;
}

/* Contact Section */
.contact {
    margin-bottom: 80px;
}

/* Map Section */
.map {
    margin-bottom: 80px;
}

.map-container {
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
}

/* Footer */
footer {
    background-color: #2656c6;
    color: white;
    padding: 60px 0 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 50px;
    margin-bottom: 40px;
}

.footer-logo {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-contact {
    margin-bottom: 20px;
}

.footer-contact a {
    color: white;
    text-decoration: none;
}

.footer-nav h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.footer-nav ul {
    list-style: none;
}

.footer-nav ul li {
    margin-bottom: 10px;
}

.footer-nav ul li a {
    color: #ddd;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-nav ul li a:hover {
    color: white;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 14px;
    color: #aaa;
}

/* Button Styles */
.btn {
    display: inline-block;
    background-color: #0044e6;
    color: white;
    padding: 12px 25px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn:hover {
    background-color: #C0392B;
}

.button-big {
    display: inline-block;
    background-color: #0044e6;
    color: white;
    padding: 15px 40px;
    font-size: 18px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: background-color 0.3s;
}

.button-big:hover {
    background-color: #C0392B;
}

.white-shadow {
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

/* Mobile menu toggle */
.mobile-menu-toggle {
    display: none;
    cursor: pointer;
    font-size: 24px;
}

/* Tables */
.table-wrapper {
    overflow-x: auto;
    margin-bottom: 40px;
}
table.bordered {
    border-collapse: separate; /* Важно! Меняем на separate вместо collapse */
    border-spacing: 0 10px; /* Отступ между строками */
    width: 100%;
    margin-bottom: 10px;
    background-color: transparent; /* Прозрачный фон для таблицы */
}

/* Стиль для ячеек */
table.bordered td, 
table.bordered th {
    border: 0px solid #ddd;
    padding: 12px 15px;
    background-color: #fff; /* Фон для ячеек */
}


/* Стиль для первой ячейки в строке (левый край) */
table.bordered td:first-child,
table.bordered th:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: none; /* Убираем границу справа */
}

/* Стиль для последней ячейки в строке (правый край) */
table.bordered td:last-child,
table.bordered th:last-child {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: none; /* Убираем границу слева */
}

/* Стиль для средних ячеек в строке */
table.bordered td:not(:first-child):not(:last-child),
table.bordered th:not(:first-child):not(:last-child) {
    border-left: none;
    border-right: none;
}

/* Стиль для заголовков */
table.bordered th {
    background-color: #eef2ff;
    font-weight: 600;
    text-align: left;
}

/* Чередующиеся строки (опционально) */
table.bordered tr:nth-child(even) td {
    background-color: #eef2ff;
}

/* НОВЫЕ И ИСПРАВЛЕННЫЕ СТИЛИ */

/* Преимущества - горизонтальный вид на десктопе, как на скриншоте */
.advantages .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  gap: 10px; /* Добавлен отступ 10px между блоками */
  margin-bottom: 40px;
}
.advantages .adv-item:not(:last-child) {
  margin-right: 10px;
}
.advantages .adv-item {
  flex:1;
  min-width: 180px;
  padding:15px 15px;
  margin:0px;
  background:#eef2ff;
  border-radius:20px;
}
.advantages.stained {
  padding:
0px;
}
/* Теги - перемещены в низ, в соответствии со скриншотом */
.tags-section {
    margin: 120px 0;
}

.row-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 30px;
}

.tag {
    display: inline-block;
    padding: 8px 15px;
    background-color: #eef2ff;
    border-radius: 10px;
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

/* 4 колонки для районов, как на скриншоте */
.regions-container {
    display: flex;
    flex-wrap: wrap;
}

.regions-column {
    flex: 1 0 25%;
    padding-right: 15px;
    min-width: 200px;
}

.regions-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.regions-column ul li {
    margin-bottom: 8px;
}

.regions-column ul li a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.regions-column ul li a:hover {
    color: #0044e6;
}

/* Стиль для CTA, как на скриншоте */
.evac-cta-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 20px;
}

.evac-cta-left {
    flex: 1;
    min-width: 300px;
    padding-right: 30px;
}

.evac-cta-right {
    flex: 1;
    min-width: 300px;
}

/* НОВЫЙ СТИЛЬ для секции заказа */
.order-section {
    display: flex;
    gap: 30px;
    margin: 0px 0;
    align-items: flex-end; /* Добавлено для выравнивания по нижнему краю */
}

.order-section-left {
    flex: 1;
    min-width: 300px;
}

.order-section-right {
    flex: 1;
    min-width: 300px;
    display: flex; /* Добавлено для внутреннего выравнивания */
    flex-direction: column; /* Организуем содержимое вертикально */
    justify-content: flex-end; /* Выравниваем содержимое к нижнему краю */
}

/* Остальные стили остаются без изменений */

.order-steps {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
}

.order-step {
    display: flex;
    background-color: #eef2ff;
    border-radius: 20px;
    padding: 20px;
}

.step-icon {
  flex:0 0 60px;
  font-size: 30px;
  color: #0044e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.step-content {
    flex: 1;
}

.step-content h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #0044e6;
}

.step-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.step-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 5px;
    color: #666;
}

.step-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0044e6;
}

.order-form {
    background-color: #eef2ff;
    padding: 25px;
    border-radius: 20px;
}

.order-form h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 25px;
  font-weight: 600;
  color: #0044e6;
  text-transform: uppercase;
}
.form-group {
    margin-bottom: 15px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 0px solid #ddd;
    border-radius: 15px;
    font-size: 15px;
}

/* Адаптивные стили, как на скриншоте */
@media (max-width: 992px) {
    .regions-column ul {
        display: block;
    }
    .regions-column {
        flex: 1 0 33.33%;
    }
    
    .order-section {
        flex-direction: column;
    }
    
    .evac-cta-left,
    .evac-cta-right {
        flex: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {

.container {
  margin:10px;
  padding:0 0px;
}
    .advantages .row {
        flex-direction: column;
    }
    
    .regions-column {
        flex: 1 0 50%;
    }
    
  .header-container {
    flex-direction: column;
    align-items: center;
    gap:5px;
    position: relative;
    padding:10px 0px;
  }
    
    .mobile-menu-toggle {
        display: block;
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 100;
    }
    
    nav {
        width: 100%;
        display: none;
    }
    
    nav.active {
        display: block;
    }
    
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    
    nav ul li {
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }
    
    .phone-button {
        flex-direction: row; /* В ряд на мобильных вместо колонки */
        align-items: center;
        gap: 10px;
        width: 100%; /* Полная ширина */
        justify-content: center; /* Центрирование элементов */
        padding: 0px 15px;
    }

  .info-grid {
    grid-template-columns: 1fr;
    padding:20px;
    margin-bottom: 60px;
  }

  .advantages .adv-item:not(:last-child) {
  margin-right: 0px;
}  
    .projects-grid,
    .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
    }
	.order-section-left {
  flex:1;
  min-width: 100%;
}

.faq.container {
  margin-bottom: 80px;
  margin-top: 80px;
}
    .regions-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Точно 2 колонки в ряд на мобильных */
        gap: 15px;
    }
    
    .regions-column {
        flex: none; /* Отключаем flex для grid-layout */
        padding: 0;
        width: 100%;
        min-width: auto;
    }
   
       header {
        padding:5px 0 !important;
        position: sticky;
        top: 0;
        z-index: 100;
    }
  	.hero {
  padding:80px 30px 50px 40px !important;
  margin: 10px;
    } 
    
button {
    width: auto;
    text-align: center;
  }
  .request-button {
    width: auto;
    padding:10px 20px;
    font-weight: 500;
    font-size: 14px;
  }
}


@media (max-width: 576px) {
    .regions-column {
        flex: 1 0 100%;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .hero h1 {
        font-size: 28px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .button-big, .btn, .request-button {
        width: 100%;
        text-align: center;
    }

    header {
        padding:5px 0 !important;
        position: sticky;
        top: 0;
        z-index: 100;
    }
  	.hero {
  padding:80px 30px 50px 40px !important;
  margin: 10px;
    }
    button {
    width: auto;
    text-align: center;
  }
  .request-button {
    width: auto;
    padding:10px 20px;
    font-weight: 500;
    font-size: 14px;
  }
  .adv-item-icon {
  font-size: 18px;
  color: #0044e6;
  margin-bottom: 3px;
}


.icon-cheap:before {
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
}

.icon-fast:before {
  width: 52px; /* Увеличенная ширина в 1.5 раза (было 48px) */
  height: 52px; /* Увеличенная высота в 1.5 раза (было 48px) */
}


.icon-24hours:before {

  width: 52px; /* Размер как у предыдущей иконки - в 1.5 раза больше исходного */
  height: 52px;
}

.icon-phone-call:before {
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
}

.icon-phone-operator:before {
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
}

.icon-driver-license:before {
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;

}





}

/* Additional styles for evakuator */
.mark {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 40px;
}

.mark li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
	line-height: 1.3em;
}

.mark li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0044e6;
    font-weight: bold;
}

.mark.solid li {
    text-align: left;
}

.tc {
    text-align: center;
	padding-bottom: 60px;
}

.headerline-wrapper {
    margin-bottom: 30px;
}

.headerline {
    display: inline-block;
    position: relative;
    font-weight: 600;
    margin-bottom: 20px;
}

.headerline:before, .headerline:after {
    content: "";
    position: absolute;
    height: 2px;
    background-color: #0044e6;
    width: 50px;
    top: 50%;
}

.headerline:before {
    right: 100%;
    margin-right: 15px;
}

.headerline:after {
    left: 100%;
    margin-left: 15px;
}

.stained {
    background-color: #fff;
    padding: 60px 0;
}

.yellow {
    color: #0044e6;
}

.circle {
    list-style: none;
    padding-left: 0;
}

.circle li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.circle li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0044e6;
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.hours24 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.bg_evac {
    text-align: center;
    margin-bottom: 30px;
}

.img-responsive {
  max-width: 94%;
  height: auto;
  border-radius:20px;
  margin-left: 25px;
  margin-right: 20px;
}

.adv-item {
    text-align: center;
    margin-bottom: 30px;
}

.adv-item-icon {
    font-size: 48px;
    color: #0044e6;
    margin-bottom: 15px;
}

.adv-item-header {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #0044e6;
}

.adv-item-descr {
    margin-bottom: 20px;
  font-size: 18px;
}
.button {
    display: inline-block;
    background-color: #0044e6;
    color: white;
    padding: 10px 20px;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.button:hover {
    background-color: #C0392B;
}

.button.two {
    padding: 10px 15px;
    line-height: 1.3;
}

/* Icons for advantages */
.icon-cheap:before {
  content: ""; /* Пустой контент вместо символа */
  display: inline-block;
  width: 72px; /* Такой же размер, как у других иконок */
  height: 72px;
 background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%230044e6' stroke-width='1.728'%3E%3C/circle%3E%3Cpath d='M9 14H12' stroke='%230044e6' stroke-width='1.728' stroke-linecap='round'%3E%3C/path%3E%3Cpath d='M10 12V8.2C10 8.0142 10 7.9213 10.0123 7.84357C10.0801 7.41567 10.4157 7.08008 10.8436 7.01231C10.9213 7 11.0142 7 11.2 7H13.5C14.8807 7 16 8.11929 16 9.5C16 10.8807 14.8807 12 13.5 12H10ZM10 12V17M10 12H9' stroke='%230044e6' stroke-width='1.728' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.icon-fast:before {
  content: "";
  display: inline-block;
  width: 72px;
  height: 72px;
  background-image: url('/upload/speed.svg');
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.icon-24hours:before {
  content: "";
  display: inline-block;
  width: 72px;
  height: 72px;
  background-image: url('/upload/24hours.svg'); /* путь до файла */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.icon-phone-call:before {
  content: ""; /* Пустой контент вместо символа */
  display: inline-block;
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
  background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0001 10.9999C21.0001 6.58166 17.4184 2.99994 13.0001 2.99994M14 7.12593C15.4057 7.48768 16.5123 8.59432 16.8741 10M16.062 14.2507V14.2507C16.6052 13.5264 17.5886 13.2943 18.3983 13.6992L19.6337 14.3168C20.4404 14.7202 20.8773 15.6135 20.7004 16.4979L20.3216 18.3922C20.1346 19.3271 19.3109 20.0146 18.3636 19.9075C11.1005 19.0859 4.91414 12.8995 4.09253 5.63644C3.98537 4.68912 4.67292 3.86542 5.60777 3.67845L7.50207 3.29959C8.38646 3.12271 9.27982 3.55963 9.68316 4.36632L10.3008 5.60168C10.7057 6.41142 10.4736 7.39483 9.7493 7.93802V7.93802C9.27761 8.2918 8.99002 8.86004 9.21796 9.40381C10.0014 11.2728 12.7272 13.9986 14.5962 14.782C15.14 15.01 15.7082 14.7224 16.062 14.2507Z' stroke='%232c78e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.icon-phone-operator:before {
  content: ""; /* Пустой контент вместо символа */
  display: inline-block;
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%232c78e9' height='64px' width='64px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512.009 512.009' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M480.896,389.792c-41.331-21.743-80.525-37.184-115.208-44.616c16.162-20.617,28.406-45.064,34.767-70.954 c15.37-6.276,26.231-21.378,26.231-38.979v-65.152c0-16.072-9.055-30.061-22.329-37.15C395.588,59.585,329.114,0,256.013,0 c-22.312,0-44.672,5.781-65.267,16.415C172.206,5.968,150.807,0,128.013,0c-70.683,0-128,57.317-128,128 c0,63.845,46.764,116.778,107.902,126.424c4.099,33.126,18.19,64.94,38.422,90.75c-34.675,7.432-73.871,22.875-115.198,44.615 c-19.132,10.071-31.134,29.948-31.134,51.563v49.323c0,11.782,9.551,21.333,21.333,21.333h469.333 c11.782,0,21.333-9.551,21.333-21.333v-49.323C512.004,419.735,500.021,399.86,480.896,389.792z M256.013,42.667 c55.209,0,106.667,49.873,106.667,106.667v85.333c0,8.79-1.023,17.564-2.91,26.166c-29.315,9.323-68.973,16.501-103.75,16.501 c-11.782,0-21.333,9.551-21.333,21.333c0,11.782,9.551,21.333,21.333,21.333c26.867,0,55.815-3.673,82.086-9.366 c-8.967,13.225-19.864,24.742-31.797,33.555c-0.592,0.34-1.174,0.699-1.734,1.097c-11.868,8.433-24.344,13.916-36.643,16.126 c-4.146,0.729-7.307,1.105-10.092,1.22c-0.609,0.017-1.218,0.035-1.827,0.035c-0.577,0-1.155-0.014-1.732-0.03 c-2.793-0.108-5.909-0.469-9.585-1.102c-12.897-2.334-25.373-7.816-37.241-16.249c-0.557-0.396-1.137-0.753-1.725-1.092 c-27.108-20.015-48.887-53.979-54.796-90.24c0.948-0.172,1.893-0.354,2.834-0.546c0.159-0.032,0.316-0.069,0.475-0.102 c0.827-0.172,1.652-0.35,2.474-0.539c0.348-0.08,0.693-0.166,1.039-0.248c0.631-0.15,1.262-0.302,1.89-0.461 c0.387-0.099,0.772-0.202,1.158-0.304c0.586-0.155,1.171-0.312,1.754-0.475c0.398-0.111,0.794-0.226,1.19-0.341 c0.567-0.165,1.133-0.333,1.697-0.505c0.399-0.122,0.798-0.245,1.195-0.371c0.563-0.178,1.124-0.361,1.684-0.547 c0.387-0.128,0.774-0.256,1.159-0.388c0.58-0.199,1.158-0.404,1.734-0.611c0.358-0.128,0.718-0.255,1.074-0.386 c0.644-0.238,1.284-0.484,1.923-0.731c0.283-0.11,0.568-0.215,0.85-0.326c0.917-0.363,1.829-0.735,2.735-1.118 c0.139-0.059,0.275-0.121,0.414-0.18c0.769-0.328,1.536-0.662,2.297-1.005c0.31-0.139,0.616-0.285,0.924-0.427 c0.586-0.269,1.17-0.54,1.751-0.818c0.351-0.168,0.699-0.341,1.049-0.512c0.535-0.262,1.07-0.526,1.601-0.796 c0.362-0.183,0.721-0.37,1.081-0.557c0.515-0.268,1.029-0.538,1.54-0.813c0.36-0.193,0.719-0.388,1.077-0.584 c0.512-0.281,1.021-0.567,1.528-0.854c0.347-0.197,0.694-0.393,1.04-0.594c0.524-0.304,1.043-0.613,1.562-0.924 c0.321-0.192,0.644-0.383,0.963-0.578c0.579-0.354,1.153-0.715,1.726-1.078c0.251-0.159,0.505-0.315,0.756-0.475 c0.82-0.527,1.635-1.063,2.443-1.608c0.103-0.07,0.204-0.142,0.307-0.212c0.703-0.478,1.402-0.961,2.095-1.452 c0.274-0.194,0.544-0.393,0.816-0.59c0.518-0.373,1.035-0.748,1.547-1.128c0.31-0.23,0.616-0.465,0.924-0.698 c0.47-0.356,0.939-0.714,1.404-1.076c0.318-0.248,0.633-0.498,0.948-0.749c0.451-0.358,0.899-0.719,1.345-1.083 c0.315-0.257,0.629-0.516,0.941-0.776c0.444-0.37,0.885-0.744,1.324-1.12c0.302-0.259,0.605-0.517,0.904-0.779 c0.453-0.395,0.901-0.795,1.349-1.197c0.277-0.249,0.556-0.496,0.832-0.747c0.494-0.451,0.981-0.908,1.467-1.366 c0.221-0.208,0.445-0.414,0.665-0.624c0.702-0.671,1.397-1.348,2.083-2.034c0.073-0.073,0.143-0.147,0.216-0.22 c0.612-0.615,1.219-1.235,1.818-1.862c0.231-0.242,0.457-0.487,0.686-0.731c0.438-0.465,0.875-0.931,1.306-1.403 c0.258-0.283,0.513-0.569,0.769-0.854c0.394-0.44,0.788-0.88,1.176-1.325c0.265-0.303,0.527-0.609,0.789-0.915 c0.374-0.436,0.745-0.875,1.113-1.317c0.261-0.313,0.52-0.626,0.778-0.942c0.366-0.447,0.727-0.897,1.087-1.349 c0.249-0.313,0.497-0.625,0.743-0.94c0.368-0.472,0.731-0.948,1.093-1.425c0.228-0.3,0.457-0.599,0.682-0.901 c0.397-0.534,0.788-1.073,1.177-1.613c0.18-0.25,0.363-0.497,0.541-0.748c0.564-0.794,1.119-1.594,1.665-2.402 c0.044-0.065,0.086-0.131,0.129-0.196c0.501-0.744,0.994-1.492,1.479-2.247c0.177-0.276,0.349-0.555,0.524-0.832 c0.347-0.548,0.692-1.097,1.031-1.651c0.2-0.328,0.396-0.658,0.593-0.987c0.306-0.511,0.61-1.023,0.909-1.538 c0.202-0.348,0.401-0.699,0.6-1.049c0.287-0.505,0.571-1.013,0.851-1.522c0.196-0.357,0.391-0.715,0.584-1.075 c0.276-0.514,0.548-1.031,0.818-1.549c0.185-0.356,0.37-0.712,0.552-1.07c0.273-0.539,0.541-1.081,0.807-1.624 c0.167-0.341,0.336-0.681,0.5-1.023c0.29-0.605,0.571-1.214,0.852-1.824c0.131-0.284,0.265-0.566,0.394-0.852 c0.404-0.897,0.8-1.798,1.184-2.705c0.027-0.063,0.051-0.127,0.078-0.19c0.356-0.845,0.704-1.695,1.042-2.55 c0.122-0.308,0.238-0.62,0.358-0.929c0.237-0.613,0.474-1.227,0.702-1.845c0.134-0.364,0.264-0.731,0.395-1.096 c0.204-0.569,0.407-1.139,0.603-1.712c0.133-0.387,0.262-0.777,0.391-1.166c0.185-0.559,0.368-1.119,0.546-1.681 c0.126-0.397,0.249-0.795,0.371-1.193c0.173-0.566,0.341-1.133,0.506-1.702c0.114-0.394,0.229-0.787,0.34-1.182 c0.165-0.59,0.324-1.182,0.481-1.776c0.1-0.377,0.202-0.753,0.298-1.132c0.167-0.654,0.324-1.311,0.481-1.969 c0.076-0.32,0.156-0.638,0.23-0.958c0.225-0.979,0.44-1.962,0.642-2.95c0.005-0.024,0.009-0.048,0.014-0.073 c0.197-0.964,0.381-1.931,0.556-2.903c0.059-0.328,0.112-0.659,0.168-0.989c0.115-0.67,0.229-1.34,0.334-2.013 c0.061-0.391,0.116-0.785,0.173-1.177c0.09-0.618,0.178-1.236,0.26-1.857c0.054-0.414,0.104-0.829,0.155-1.244 c0.073-0.605,0.143-1.212,0.208-1.819c0.045-0.424,0.088-0.849,0.129-1.274c0.059-0.608,0.112-1.217,0.162-1.827 c0.035-0.422,0.069-0.843,0.1-1.266c0.046-0.632,0.084-1.265,0.12-1.9c0.023-0.402,0.049-0.803,0.068-1.205 c0.034-0.697,0.057-1.396,0.08-2.095c0.011-0.341,0.026-0.682,0.035-1.024c0.025-1.042,0.04-2.086,0.04-3.133 c0-1.02-0.015-2.037-0.039-3.052c-0.01-0.41-0.027-0.818-0.04-1.227c-0.019-0.582-0.039-1.164-0.066-1.745 c-0.025-0.547-0.057-1.093-0.09-1.638c-0.024-0.407-0.049-0.814-0.077-1.221c-0.046-0.67-0.097-1.339-0.154-2.007 c-0.018-0.213-0.037-0.425-0.057-0.637c-2.333-26.122-12.512-49.986-28.169-69.219l4.415-1.298 C239.805,43.788,247.965,42.667,256.013,42.667z M42.679,128c0-47.119,38.214-85.333,85.333-85.333 c17.525,0,33.814,5.294,47.368,14.359c0.66,0.612,1.367,1.192,2.123,1.735c18.075,12.974,30.336,32.076,34.38,53.564 c0.066,0.356,0.13,0.713,0.191,1.071c0.158,0.904,0.3,1.812,0.429,2.724c0.11,0.791,0.214,1.585,0.303,2.383 c0.049,0.433,0.096,0.866,0.138,1.3c0.11,1.153,0.201,2.312,0.265,3.478c0.015,0.275,0.025,0.55,0.038,0.825 c0.058,1.292,0.099,2.588,0.099,3.894c0,47.119-38.214,85.333-85.333,85.333S42.679,175.119,42.679,128z M469.338,469.342H42.671 v-27.989c0-5.773,3.226-11.114,8.337-13.805c45.473-23.922,87.51-39.302,120.968-43.539h16.405 c19.864,12.844,41.933,20.62,64.541,21.273c1.029,0.036,2.057,0.061,3.082,0.061c1.026,0,2.053-0.025,3.081-0.061 c22.614-0.649,44.689-8.426,64.559-21.273h16.389c33.474,4.237,75.511,19.615,120.994,43.542 c5.095,2.682,8.311,8.016,8.311,13.802V469.342z'%3E%3C/path%3E%3Cpath d='M136.1,144.192h32.363v16.171c0,4.48,3.627,8.107,8.107,8.107c4.459,0,8.085-3.627,8.085-8.107v-16.171h8.085 c4.48,0,8.107-3.627,8.107-8.107c0-4.459-3.627-8.085-8.107-8.085h-8.085V87.531c0-3.392-2.133-6.443-5.333-7.595 c-3.2-1.152-6.784-0.192-8.981,2.432l-40.448,48.555c-2.005,2.389-2.453,5.76-1.109,8.597 C130.106,142.357,132.964,144.192,136.1,144.192z M168.463,109.888V128H153.38L168.463,109.888z'%3E%3C/path%3E%3Cpath d='M119.921,152.267H87.068l27.968-24.128c8.171-8.171,10.624-20.459,6.251-31.275 c-4.288-10.56-13.888-17.237-25.643-17.408c-17.856,0-32.363,14.507-32.363,32.363c0,4.459,3.605,8.085,8.085,8.085 c4.48,0,8.085-3.627,8.085-8.085c0-8.917,7.253-16.192,16.469-16.192c6.912,0.128,9.664,5.611,10.347,7.296 c1.557,3.819,1.664,9.451-2.24,13.376l-36.651,31.595c-3.755,3.243-5.056,8.32-3.328,12.949 c1.728,4.629,6.037,7.616,10.965,7.616h44.907c4.48,0,8.085-3.627,8.085-8.085C128.006,155.893,124.401,152.267,119.921,152.267z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.icon-driver-license:before {
  content: ""; /* Пустой контент вместо символа */
  display: inline-block;
  width: 52px; /* Такой же размер, как у других иконок */
  height: 52px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%232c78e9' width='64px' height='64px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,4a1,1,0,0,0-1-1H17V2a1,1,0,0,0-1-1H8A1,1,0,0,0,7,2V3H4A1,1,0,0,0,3,4V22a1,1,0,0,0,1,1H20a1,1,0,0,0,1-1ZM9,3h6V5H9ZM19,21H5V5H7V6A1,1,0,0,0,8,7h8a1,1,0,0,0,1-1V5h2Zm-6-3a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h4A1,1,0,0,1,13,18Zm4-4a1,1,0,0,1-1,1H8a1,1,0,0,1,0-2h8A1,1,0,0,1,17,14Zm0-4a1,1,0,0,1-1,1H8A1,1,0,0,1,8,9h8A1,1,0,0,1,17,10Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.call-descr {
    font-weight: 600;
    margin: 15px 0;
}
.floating-buttons {
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        z-index: 999;
    }
    
    .floating-btn {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
        color: white;
        transition: transform 0.3s ease;
    }
    
    .floating-btn:hover {
        transform: scale(1.1);
    }
    
    .floating-call {
        background-color: #0044e6; /* Синий цвет, как на сайте */
    }
    
    .floating-whatsapp {
        background-color: #25D366; /* Фирменный цвет WhatsApp */
    }
    
    /* Показываем кнопки только на мобильных устройствах */
    @media (min-width: 769px) {
        .floating-buttons {
            display: none;
        }
    }
    
    /* Анимация пульсации для дополнительного привлечения внимания */
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(44, 120, 233, 0.7);
        }
        70% {
            box-shadow: 0 0 0 15px rgba(44, 120, 233, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(44, 120, 233, 0);
        }
    }
    
    .floating-call {
        animation: pulse 2s infinite;
    }
    
    @keyframes pulse-whatsapp {
        0% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
        }
        70% {
            box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
        }
    }
    
    .floating-whatsapp {
        animation: pulse-whatsapp 2s infinite;
    }

	.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow-y: auto;
    justify-content: center;
    align-items: center;
}

.modal-container {
    position: relative;
    background-color: #fff;
    width: 90%;
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
}

.modal-close:hover {
    color: #333;
}

.modal-content h3 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
}

/* Стили для маски телефона */
.phoneInput {
    position: relative;
}

/* Анимация появления модального окна */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-overlay.active {
    display: flex;
    animation: fadeIn 0.3s;
}

.testimonials {
    padding: 60px 0;
    background-color: #fff;
}

.testimonials .section-title {
    text-align: center;
    margin-bottom: 15px;
}

.testimonials .section-subtitle {
    text-align: center;
    margin-bottom: 40px;
    color: #666;
}

.testimonials-carousel {
    position: relative;
    margin-bottom: 30px;
}

.testimonials-wrapper {
    overflow: hidden;
    position: relative;
}

.testimonials-slide {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.testimonials-slide.active {
    display: block;
    opacity: 1;
}

.testimonials-row {
    display: flex;
    gap: 20px;
    justify-content: center;
}

@media (max-width: 992px) {
    .testimonials-row {
        flex-wrap: wrap;
    }
}

.testimonial-card {
    background: #eef2ff;
    border-radius: 20px;
    padding: 25px;
    flex: 1;
    min-width: 280px;
    transition: transform 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.testimonial-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    background: #eee;
}

.testimonial-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-meta {
    flex: 1;
}

.testimonial-name {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
}

.testimonial-rating {
    display: flex;
    color: #ffb400;
}

.star-icon {
    width: 16px;
    height: 16px;
    background: url('/upload/star-empty.svg') no-repeat center;
    background-size: contain;
    margin-right: 2px;
}

.star-icon.filled {
    background-image: url('/upload/star-filled.svg');
}

.testimonial-text {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 15px;
}

.testimonial-date {
    font-size: 14px;
    color: #888;
    text-align: right;
}

.testimonials-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.testimonial-prev,
.testimonial-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.testimonial-prev:hover,
.testimonial-next:hover {
    background: #0044e6;
    border-color: #0044e6;
    color: #fff;
}

.arrow-left-icon,
.arrow-right-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

.testimonial-prev:hover .arrow-left-icon,
.testimonial-next:hover .arrow-right-icon {
    border-color: #fff;
}

.arrow-left-icon {
    transform: rotate(-135deg);
}

.arrow-right-icon {
    transform: rotate(45deg);
}

.testimonials-dots {
    display: flex;
    margin: 0 20px;
}

.testimonial-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testimonial-dot.active {
    background: #0044e6;
    transform: scale(1.2);
}

.testimonials-action {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.btn-outline {
    padding: 12px 24px;
    border: 2px solid #0044e6;
    background: transparent;
    color: #0044e6;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline:hover {
    background: #0044e6;
    color: #fff;
}

.btn {
    padding: 12px 24px;
    background: #0044e6;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn:hover {
    background: #003bc7;
}

@media (max-width: 768px) {
    .testimonials-row {
        flex-direction: column;
    }
    
    .testimonial-card {
        width: 100%;
    }
    
    .testimonials-action {
        flex-direction: column;
        align-items: center;
    }
}