.elementor-14 .elementor-element.elementor-element-db918a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-22569a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-fd04467{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-1832441{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-79972a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-8ff6383{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-2f4a16a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-0eaa67a *//* HERO SECTION STYLES */
    .hero-section {
        position: relative;
        /* Висота секції - 85% від висоти екрану, щоб було видно контент одразу */
        height: 85vh; 
        min-height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: #0a0a0a;
        /* ТУТ МОЖНА ЗМІНИТИ ФОНОВЕ ФОТО */
        background-image: url('https://tirauto.com/wp-content/uploads/2023/01/1636054841_38-krot-info-p-amerikanskii-gruzovik-interneshnl-mashini-38.jpg');
        background-size: cover;
        background-position: center;
        padding: 0 20px;
        margin-top: -80px; /* Компенсація висоти хедера, щоб фон був під ним */
    }

    /* Затемнення фону, щоб текст читався ідеально */
    .hero-overlay {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.9) 100%);
        z-index: 1;
    }

    .hero-content {
        position: relative;
        z-index: 2;
        max-width: 900px;
        margin-top: 60px; /* Відступ, щоб текст не ховався за хедером */
    }

    /* Маленький бейдж зверху */
    .hero-badge {
        display: inline-block;
        background-color: rgba(255, 107, 0, 0.2);
        color: #ff6b00;
        border: 1px solid #ff6b00;
        padding: 8px 16px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        border-radius: 50px;
        margin-bottom: 25px;
        letter-spacing: 1px;
    }

    /* Головний заголовок */
    .hero-title {
        font-family: 'Roboto', sans-serif; /* Якщо підключено інший шрифт - зміни тут */
        font-size: 64px;
        line-height: 1.1;
        font-weight: 900;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

    .hero-title span {
        color: #ff6b00; /* Наш Safety Orange */
    }

    /* Підзаголовок */
    .hero-subtitle {
        font-size: 20px;
        color: #dddddd;
        margin-bottom: 40px;
        font-weight: 400;
        line-height: 1.6;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Кнопки */
    .hero-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    /* Головна кнопка з анімацією пульсації */
    .btn-main {
        background-color: #ff6b00;
        color: #000;
        padding: 18px 45px;
        font-size: 20px;
        font-weight: 800;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 5px;
        border: 2px solid #ff6b00;
        transition: all 0.3s ease;
        box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);
        position: relative;
        overflow: hidden;
    }

    .btn-main:hover {
        background-color: #fff;
        color: #ff6b00;
        border-color: #fff;
        transform: translateY(-3px);
        box-shadow: 0 10px 30px rgba(255, 107, 0, 0.6);
    }

    /* Анімація пульсу для кнопки (щоб хотілося натиснути) */
    @keyframes pulse-orange {
        0% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7); }
        70% { box-shadow: 0 0 0 15px rgba(255, 107, 0, 0); }
        100% { box-shadow: 0 0 0 0 rgba(255, 107, 0, 0); }
    }
    .btn-main { animation: pulse-orange 2s infinite; }

    /* Другорядна кнопка */
    .btn-secondary {
        background-color: transparent;
        color: #fff;
        padding: 18px 45px;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 5px;
        border: 2px solid rgba(255,255,255,0.3);
        transition: all 0.3s ease;
    }

    .btn-secondary:hover {
        border-color: #fff;
        background-color: #fff;
        color: #000;
    }

    /* Мобільна адаптація */
    @media (max-width: 768px) {
        .hero-title { font-size: 38px; }
        .hero-subtitle { font-size: 16px; padding: 0 15px; }
        .hero-section { height: auto; padding: 120px 20px 80px 20px; margin-top: 0; }
        .btn-main, .btn-secondary { width: 100%; text-align: center; padding: 15px; }
        .hero-badge { font-size: 12px; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fe6792 */.reviews-section {
        background-color: #0a0a0a;
        padding: 90px 20px;
        position: relative;
    }

    .reviews-header {
        text-align: center;
        margin-bottom: 50px;
    }

    .reviews-title {
        color: #fff;
        font-size: 36px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-family: 'Roboto', sans-serif;
    }

    .g-badge {
        display: inline-flex;
        align-items: center;
        background: #fff;
        padding: 5px 15px;
        border-radius: 50px;
        color: #000;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .g-logo {
        width: 20px;
        margin-right: 8px;
    }

    /* СІТКА ВІДГУКІВ */
    .reviews-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
        max-width: 1200px;
        margin: 0 auto;
    }

    /* КАРТКА ВІДГУКУ */
    .review-card {
        background-color: #151515;
        padding: 30px;
        border-radius: 6px;
        border: 1px solid #222;
        transition: 0.3s;
    }

    .review-card:hover {
        transform: translateY(-5px);
        border-color: #ff6b00;
        background-color: #1a1a1a;
    }

    .stars {
        color: #ffbb00; /* Колір зірок Google */
        margin-bottom: 15px;
        font-size: 14px;
    }

    .review-text {
        color: #ccc;
        font-style: italic;
        line-height: 1.6;
        font-size: 15px;
        margin-bottom: 20px;
    }

    .review-author {
        display: flex;
        align-items: center;
    }

    .author-avatar {
        width: 40px;
        height: 40px;
        background-color: #333;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        margin-right: 12px;
        font-size: 18px;
    }

    .author-info h4 {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
    }
    
    .author-info span {
        color: #666;
        font-size: 12px;
    }
    
    .verified-badge {
        color: #4CAF50;
        font-size: 12px;
        margin-left: 5px;
    }

    @media (max-width: 768px) {
        .reviews-title { font-size: 28px; }
    }/* End custom CSS */