/*!
Theme Name: EEPBV
Theme URI: https://schadeautoopkoper.be/
Author: Volodymyr
Author URI: https://schadeautoopkoper.be/
Description: Bootstrap 5.2 based responsive theme for EEPBV
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kapotteauto-verkopen

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

/*--------------------------------------------------------------
# Theme eepbv
--------------------------------------------------------------*/
/* Theme campscope is a custom theme for EEPBV, based on Bootstrap 5.2 */
/* Custom CSS Variables */
:root {
    --primary-color: #25bb39;
	--primary-light-color: #73e382;
    --dark-color: #0a1927;
	--dark-light-color: #EFF0F0;
    --light-color: #ffffff;
    --text-color: #000000;
    --border-color: #e9ecef;
    --green-color: #32A91C;
    --yellow-color: #FFCC00;
	--orange-color: #ff7710;
	--blue-light-color: #EBF2FF;
    --transition: all 0.3s ease;
}

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Geologica', Tahoma, Geneva, Verdana, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "slnt" 0,
        "CRSV" 0,
        "SHRP" 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--light-color);
}

p {
    line-height: 1.6;
    font-size: 1em;
    margin-bottom: 1rem;
	color: var(--dark-color);
}

p .col, p li {
	font-weight: 300;	
}

.col ul {
  list-style: none;
  padding-left: 0em;
}

.col ul li {
  position: relative;
  padding-left: 2em;
}

.col ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTEuNTIgNDkxLjUyIj48ZGVmcz48c3R5bGU+LmJ7ZmlsbDojNDJlNjViO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0NS43NiwwQzExMC41OSwwLDAsMTEwLjU5LDAsMjQ1Ljc2czExMC41OSwyNDUuNzYsMjQ1Ljc2LDI0NS43NiwyNDUuNzYtMTEwLjU5LDI0NS43Ni0yNDUuNzZTMzgwLjkzLDAsMjQ1Ljc2LDBaTTMwMC4wMywxMDUuNDdsNC4xLTI2LjYyYzEuMDItOC4xOSw2LjE0LTE0LjM0LDEyLjI5LTE4LjQzLDU4LjM3LDIyLjUzLDEwMy40Miw3MS42OCwxMjAuODMsMTMzLjEyLTMuMDcsNC4xLTcuMTcsNi4xNC0xMS4yNiw4LjE5LTE1LjM2LDUuMTItMzcuODksNS4xMi02MS40NCw0LjFoLTEuMDJjLTQzLjAxLTEyLjI5LTcwLjY2LTU2LjMyLTYzLjQ5LTEwMC4zNWgtLjAxWk0xOTQuNTYsMjczLjQxYzEwLjI0LDAsMTguNDMsOC4xOSwxOC40MywxOC40M3MtOC4xOSwxOC40My0xOC40MywxOC40My0xOC40My04LjE5LTE4LjQzLTE4LjQzLDguMTktMTguNDMsMTguNDMtMTguNDNaTTE3Ni4xMywxOTkuNjhjMC0xMC4yNCw4LjE5LTE4LjQzLDE4LjQzLTE4LjQzczE4LjQzLDguMTksMTguNDMsMTguNDMtOC4xOSwxOC40My0xOC40MywxOC40My0xOC40My04LjE5LTE4LjQzLTE4LjQzWk0yMTIuOTksMjQ1Ljc2YzAtMTguNDMsMTQuMzQtMzIuNzcsMzIuNzctMzIuNzdzMzIuNzcsMTQuMzQsMzIuNzcsMzIuNzctMTQuMzQsMzIuNzctMzIuNzcsMzIuNzctMzIuNzctMTQuMzQtMzIuNzctMzIuNzdoMFpNMjQ1Ljc2LDQ2LjA4YzQuMSwwLDguMTksMCwxMi4yOSwxLjAyLDMuMDcsNC4xLDQuMSw4LjE5LDQuMSwxMy4zMSwwLDE2LjM4LTYuMTQsMzYuODYtMTUuMzYsNTkuMzksMCwwLDAsMS4wMi0xLjAyLDEuMDItMjMuNTUsMzcuODktNzMuNzMsNTAuMTgtMTEzLjY2LDI5LjdsLTI0LjU4LTEyLjI5Yy03LjE3LTQuMS0xMi4yOS0xMS4yNi0xNC4zNC0xOC40M3YtMi4wNWMzNi44Ni00NC4wMyw5MS4xNC03MS42OCwxNTIuNTgtNzEuNjhoMFpNODEuOTIsMzUxLjIzYy0yLjA1LDAtMy4wNy0xLjAyLTUuMTItMS4wMi0xOS40Ni0zMC43Mi0yOS43LTY2LjU2LTI5LjctMTA0LjQ1LDAtMjQuNTgsNS4xMi00OS4xNSwxMy4zMS03MC42Niw1LjEyLTMuMDcsMTIuMjktMy4wNywxOC40My0xLjAyLDE1LjM2LDUuMTIsMzMuNzksMTcuNDEsNTIuMjIsMzMuNzlsMS4wMiwxLjAyYzI4LjY3LDMzLjc5LDI0LjU4LDg2LjAyLTcuMTcsMTE3Ljc2bC0xOS40NiwxOS40NmMtNy4xNyw0LjEtMTUuMzYsNy4xNy0yMy41NSw1LjEyaC4wMlpNMjk5LjAxLDQzNS4yYzAsMS4wMi0xLjAyLDIuMDUtMi4wNSwzLjA3LTE2LjM4LDQuMS0zMy43OSw3LjE3LTUxLjIsNy4xNy00Ni4wOCwwLTg4LjA2LTE1LjM2LTEyMS44Ni00MS45OC0xLjAyLTYuMTQsMC0xMy4zMSw0LjEtMTkuNDYsMTAuMjQtMTMuMzEsMjYuNjItMjYuNjIsNDguMTMtMzguOTFoMS4wMmM0MC45Ni0xNi4zOCw4OS4wOSwzLjA3LDEwOS41Nyw0My4wMWwxMi4yOSwyNC41OGMzLjA3LDYuMTQsMy4wNywxNS4zNiwwLDIyLjUzaDBaTTI5Ni45NiwzMTEuM2MtMTAuMjQsMC0xOC40My04LjE5LTE4LjQzLTE4LjQzczguMTktMTguNDMsMTguNDMtMTguNDMsMTguNDMsOC4xOSwxOC40MywxOC40M2MwLDkuMjItOC4xOSwxOC40My0xOC40MywxOC40M1pNMjk2Ljk2LDIxOC4xMWMtMTAuMjQsMC0xOC40My04LjE5LTE4LjQzLTE4LjQzczguMTktMTguNDMsMTguNDMtMTguNDMsMTguNDMsOC4xOSwxOC40MywxOC40My04LjE5LDE4LjQzLTE4LjQzLDE4LjQzaDBaTTM1Ny4zOCw0MTAuNjJjLTUuMTItMS4wMi0xMC4yNC00LjEtMTQuMzQtOS4yMi05LjIyLTEzLjMxLTE2LjM4LTMzLjc5LTIyLjUzLTU3LjM0di0xLjAyYy0zLjA3LTQ1LjA2LDMwLjcyLTgzLjk3LDc0Ljc1LTkxLjE0bDI2LjYyLTQuMWM4LjE5LTEuMDIsMTYuMzgsMS4wMiwyMi41Myw3LjE3LTIuMDUsNjMuNDktMzUuODQsMTIwLjgzLTg3LjA0LDE1NS42NWguMDFaIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
}


p img:not(.entry-content p img) {
    width: 100%;
    height: auto;
	margin: 15px 0px;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-light-color);
    text-decoration: underline;
}

.card h5 {
    transition: var(--transition);
}

.card:hover h5 {
    color: var(--primary-color);
}

h1, h2 {
    font-weight: 700;
    color: var(--dark-color);
}

h3, h4, h5, h6 {
	font-weight: 500;
	color: var(--dark-color);
}

.center {
    text-align: center;
}

/* Input fields styling */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Focus states */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 157, 253, 0.25);
}

/* Disabled states */
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="range"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="time"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="color"]:disabled,
textarea:disabled,
select:disabled {
    background-color: #e9ecef;
    opacity: 1;
    cursor: not-allowed;
}

/* Readonly states */
input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="url"]:read-only,
input[type="password"]:read-only,
input[type="search"]:read-only,
input[type="number"]:read-only,
input[type="tel"]:read-only,
textarea:read-only {
    background-color: #e9ecef;
    opacity: 1;
}

/* Select styling */
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.25rem;
}

select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
}

select[multiple] {
    background-image: none;
    padding-right: 0.75rem;
}

/* File input styling */
input[type="file"] {
    padding: 0.375rem 0.75rem;
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

input[type="file"]:focus {
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(253, 157, 13, 0.25);
}

/* Checkbox and radio styling */
input[type="checkbox"],
input[type="radio"] {
    width: 1.25em;
    height: 1.25em;
    margin-top: calc(0.375rem - 0.125em);
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--primary-color);
    margin-right: 0.5rem;
}

input[type="checkbox"] {
    border-radius: 0.25em;
}

input[type="radio"] {
    border-radius: 50%;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(253, 157, 13, 0.25);
}

/* Button styling */
input[type="submit"],
input[type="button"],
input[type="reset"],

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
    color: #212529;
    background-color: #e9ecef;
    border-color: #adb5bd;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus {
    color: #212529;
    background-color: #e9ecef;
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 137, 253, 0.25);
}

/* Primary button styles */
input[type="submit"].btn-primary,
button.btn-primary,
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

input[type="submit"].btn-primary:hover,
button.btn-primary:hover,
.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: #0052b5;
}

.btn-blue {
	background-color: #0052b5;
	color: #fff;
}
.btn-blue:hover, .btn-blue:focus {
	background-color: #0d6efd;
	color: #fff;
}

.btn-orange {
	background-color: var(--orange-color);
	color: #fff;
}
.btn-orange:hover,
.btn-orange:focus {
	background-color: #f39c59;
	color: #fff!important;
}
.btn-orange:active {
	background-color: #f39c59!important;
    border-color: #f39c59!important;
}

.btn-green {
	background-color:var(--green-color);
	color: #fff;
}
.btn-green:hover,
.btn-green:focus {
	background-color: #43a047;
	color: #fff!important;
}


input[type="submit"].btn-primary:focus,
button.btn-primary:focus,
.btn-primary:focus {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(49, 120, 253, 0.5);
}
.wpcf7-submit {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 0.6rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* Header Styles */
.top-header {
    background-color: var(--dark-color);
    color: var(--light-color);
    padding: 0.5rem 0;
    font-size: 0.875rem;
    height: 40px;
}
.top-header a {
    color: var(--light-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.top-header__phone:hover, .top-header__phone:hover a{
    color: #cef7d3;
}
.main-header {
    background: var(--light-color);
    padding: 1rem 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: var(--transition);
}

.main-header.scrolled {
    padding: 0.5rem 0;
    box-shadow: 0 2px 20px rgba(0,0,0,0.15);
}

.main-header.scrolled .custom-logo, .container-fluid img {
    height: 70px;
    width: auto;
}

.logo {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--primary-color);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.logo img {
    height: 40px;
    margin-right: 10px;
}


/* Navigation */
.navbar-nav .nav-link {
    color: var(--text-color);
    font-weight: 500;
    padding: 0.5rem 1rem;
    transition: var(--transition);
    position: relative;
    text-decoration: none;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary-color);
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    transition: var(--transition);
    transform: translateX(-50%);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    width: 80%;
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Mobile Menu Close Button */
.mobile-menu-close {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--text-color);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.mobile-menu-close:hover {
    background: rgba(0, 0, 0, 0.1);
    color: var(--primary-color);
}

/* Mobile Menu */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 280px !important;
        height: 100vh !important;
        background: var(--light-color) !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
        transition: left 0.3s ease !important;
        z-index: 1050 !important;
        padding: 3rem 1rem 2rem !important;
        overflow-y: auto !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .navbar-collapse.show {
        left: 0 !important;
    }
    
    .navbar-collapse.collapsing {
        left: -100% !important;
        transition: left 0.3s ease !important;
    }
    
    .mobile-menu-close {
        display: flex;
    }
    
    .navbar-nav {
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
    }
    
    .navbar-nav .nav-link {
        padding: 1rem 0;
        border-bottom: 1px solid var(--border-color);
        width: 100%;
        display: block;
    }
    
    .navbar-nav .nav-link:last-child {
        border-bottom: none;
    }
}

/* Desktop - hide overlay and close button */
@media (min-width: 992px) {
    .mobile-menu-overlay,
    .mobile-menu-close {
        display: none !important;
    }
}

/* Hero Section */
.hero-section {
    color: var(--light-color);
    text-align: center;
}
.hero-section .car-form {
    color: var(--text-color);
}

.hero-section__bg {
    background-color: #2c343a;
    position: relative;
	border-radius: 48px;
    z-index: 1;
  /*  box-shadow: 0px 7px 14px rgba(42, 115, 67, 0.3); */
    display: flex;
    align-items: center;
    min-height: 650px;
    width: 100%;
}

.benefits-item {
    display: flex;
    color: var(--light-color);
}

.benefits-item:before {
    content: "";
    background-image: url(images/check-icon-v2.svg);
    background-repeat: no-repeat;
    display: inline-flex;
    position: relative;
    width: 26px;
    margin-right: 4px;
    height: 26px;
}

.hero-section-v2 .hero-section-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
}

#get-data {
    margin-top: 10px;
}

@media screen and (max-width:992px) {
    .hero-section__bg {
       min-height: auto; 
    }
    .hero-section-v2 .hero-section-wrap {
        flex-direction: column;
    }
}
    

.hero-section__bg {
    position: relative;
    overflow: hidden;
}

/* розмитий фон */
.hero-section__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(images/bg-form-blur.webp) center / cover no-repeat;
    filter: blur(20px);
    transform: scale(1.1);
    z-index: -2;
}

/* чіткий фон */
.hero-section__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url(images/bg-form.webp) center / cover no-repeat;
    opacity: 0;
    transition: opacity 1.2s ease;
    z-index: -1;
}

@media screen and (max-width:768px) {
    .hero-section__bg::after {
    background: url(images/bg-form-blur.webp) center / cover no-repeat;
    }
}
@media screen and (max-width:992px) {
    .hero-section-v2 .hero-section__bg::before, .hero-section-v2 .hero-section__bg::after {
    background: var(--primary-color)!important;
    }
}

.form-close {
    position: absolute;
    top: 12px;
    right: 18px;
    font-size: 22px;
    cursor: pointer;
    color: #666;
    font-weight: bold;
    z-index: 10;
}

.form-close:hover {
    color: #dc3545;
}

/* коли сторінка завантажилась */
body.loaded .hero-section__bg::after {
    opacity: 1;
}

.hero-section-benefits {
    width: calc(100% - 40px);
    margin: 0 auto;
    z-index: 0;
    color: var(--text-color);
    text-align: left;
}

.hero-section-benefits__bg {
    background: var(--dark-color);
    padding: 60px 0 40px 0;
    position: relative;
    top:-10px;
    border-radius: 0 0 48px 48px;
}

.hero-section-benefits strong {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.25rem;
}

.hero-content h1 {
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--light-color);
}

.hero-content p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.btn_wr {
    margin-bottom: 0;  
}

.car-form p {
    margin-bottom: 1rem;  
}

.hero-form-title {
	font-size: 2.25em;
    font-weight: 600;
	line-height: normal;
}

/* Car Form */
.car-form {
    background: var(--light-color);
    border-radius: 28px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    position: relative;
    z-index: 10;
}

.car-form .form-control {
    padding: 0.75rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    transition: var(--transition);
    font-size: 1rem;
}

.car-form .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

.car-form .form-select {
    padding: 0.75rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: 8px;
    transition: var(--transition);
}

.car-form .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.25);
}

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

.form-second.active {
    display: block;
}

.form-first.hidden {
    display: none;
}

/* Vehicle number input  */
.car-form #number {
    padding: 10px 15px;
    padding-left: 55px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    position: relative;
    background: none;
    flex-grow: 1;
    border: none;
    background: transparent; 
}

.license-plate {
    position: relative;
    display: flex;
    width: 350px;
    margin: 0 auto;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #FFCC00;
    border-radius: 8px;
    box-shadow: 0px 0px 0px 3px rgb(255 204 0);
}

.euro-band {
    position: absolute;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #003399;
    color: white;
    font-weight: bold;
    padding: 8px 0;
    width: 55px;
    height: 100%;
    z-index: 1;
}

/* star eu */
.eu-stars {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJiIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MTcuMDYgNDE0LjI3Ij48ZGVmcz48c3R5bGU+LmR7ZmlsbDojZmMwO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iYyI+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iMjA4LjUzIDAgMjAxLjggMjAuNzMgMTgwIDIwLjczIDE5Ny42MyAzMy41NCAxOTAuOSA1NC4yNyAyMDguNTMgNDEuNDYgMjI2LjE3IDU0LjI3IDIxOS40MyAzMy41NCAyMzcuMDYgMjAuNzMgMjE1LjI3IDIwLjczIDIwOC41MyAwIi8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iMjE1LjI3IDM4MC43MyAyMDguNTMgMzYwIDIwMS44IDM4MC43MyAxODAgMzgwLjczIDE4MCAzODAuNzMgMTgwIDM4MC43MyAxOTcuNjMgMzkzLjU0IDE5MC45IDQxNC4yNyAyMDguNTMgNDAxLjQ2IDIyNi4xNyA0MTQuMjcgMjE5LjQzIDM5My41NCAyMzcuMDYgMzgwLjczIDIxNS4yNyAzODAuNzMiLz48cG9seWdvbiBjbGFzcz0iZCIgcG9pbnRzPSIyOC41MyAyMjEuNDYgNDYuMTcgMjM0LjI3IDM5LjQzIDIxMy41NCA1Ny4wNiAyMDAuNzMgMzUuMjcgMjAwLjczIDI4LjUzIDE4MCAyMS44IDIwMC43MyAwIDIwMC43MyAxNy42MyAyMTMuNTQgMTAuOSAyMzQuMjcgMjguNTMgMjIxLjQ2Ii8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iMTQ3LjA2IDQ0Ljg0IDEyNS4yNyA0NC44NCAxMTguNTMgMjQuMTIgMTExLjggNDQuODQgOTAgNDQuODQgMTA3LjYzIDU3LjY2IDEwMC45IDc4LjM5IDExOC41MyA2NS41NyAxMzYuMTcgNzguMzkgMTI5LjQzIDU3LjY2IDE0Ny4wNiA0NC44NCAxNDcuMDYgNDQuODQgMTQ3LjA2IDQ0Ljg0Ii8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iNTIuNjUgOTAgNDUuOTEgMTEwLjczIDI0LjEyIDExMC43MyA0MS43NSAxMjMuNTQgMzUuMDEgMTQ0LjI3IDUyLjY1IDEzMS40NiA3MC4yOCAxNDQuMjcgNjMuNTUgMTIzLjU0IDgxLjE4IDExMC43MyA1OS4zOCAxMTAuNzMgNTIuNjUgOTAiLz48cG9seWdvbiBjbGFzcz0iZCIgcG9pbnRzPSI1OS4zOCAyOTAuNzMgNTIuNjUgMjcwIDQ1LjkxIDI5MC43MyAyNC4xMiAyOTAuNzMgNDEuNzUgMzAzLjU0IDM1LjAxIDMyNC4yNyA1Mi42NSAzMTEuNDYgNzAuMjggMzI0LjI3IDYzLjU1IDMwMy41NCA4MS4xOCAyOTAuNzMgNTkuMzggMjkwLjczIi8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iMTI1LjI3IDM1Ni42MSAxMTguNTMgMzM1Ljg4IDExMS44IDM1Ni42MSA5MCAzNTYuNjEgMTA3LjYzIDM2OS40MyAxMDAuOSAzOTAuMTYgMTE4LjUzIDM3Ny4zNCAxMzYuMTcgMzkwLjE2IDEyOS40MyAzNjkuNDMgMTQ3LjA2IDM1Ni42MSAxMjUuMjcgMzU2LjYxIi8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iNDE3LjA2IDIwMC43MyAzOTUuMjcgMjAwLjczIDM4OC41MyAxODAgMzgxLjggMjAwLjczIDM2MCAyMDAuNzMgMzc3LjYzIDIxMy41NCAzNzAuOSAyMzQuMjcgMzg4LjUzIDIyMS40NiA0MDYuMTcgMjM0LjI3IDM5OS40MyAyMTMuNTQgNDE3LjA2IDIwMC43MyIvPjxwb2x5Z29uIGNsYXNzPSJkIiBwb2ludHM9IjI5OC41MyAyNC4xMiAyOTEuOCA0NC44NCAyNzAgNDQuODQgMjg3LjYzIDU3LjY2IDI4MC45IDc4LjM5IDI5OC41MyA2NS41NyAzMTYuMTcgNzguMzkgMzA5LjQzIDU3LjY2IDMyNy4wNiA0NC44NCAzMDUuMjcgNDQuODQgMjk4LjUzIDI0LjEyIi8+PHBvbHlnb24gY2xhc3M9ImQiIHBvaW50cz0iMzUzLjUyIDEyMy41NCAzNDYuNzggMTQ0LjI3IDM2NC40MiAxMzEuNDYgMzgyLjA1IDE0NC4yNyAzNzUuMzEgMTIzLjU0IDM5Mi45NSAxMTAuNzMgMzcxLjE1IDExMC43MyAzNjQuNDIgOTAgMzU3LjY4IDExMC43MyAzMzUuODggMTEwLjczIDM1My41MiAxMjMuNTQiLz48cG9seWdvbiBjbGFzcz0iZCIgcG9pbnRzPSIzNzEuMTUgMjkwLjczIDM2NC40MiAyNzAgMzU3LjY4IDI5MC43MyAzMzUuODggMjkwLjczIDM1My41MiAzMDMuNTQgMzQ2Ljc4IDMyNC4yNyAzNjQuNDIgMzExLjQ2IDM4Mi4wNSAzMjQuMjcgMzc1LjMxIDMwMy41NCAzOTIuOTUgMjkwLjczIDM3MS4xNSAyOTAuNzMiLz48cG9seWdvbiBjbGFzcz0iZCIgcG9pbnRzPSIzMDUuMjcgMzU2LjYxIDI5OC41MyAzMzUuODggMjkxLjggMzU2LjYxIDI3MCAzNTYuNjEgMjg3LjYzIDM2OS40MyAyODAuOSAzOTAuMTYgMjk4LjUzIDM3Ny4zNCAzMTYuMTcgMzkwLjE2IDMwOS40MyAzNjkuNDMgMzI3LjA2IDM1Ni42MSAzMDUuMjcgMzU2LjYxIi8+PC9nPjwvc3ZnPg==");
    width: 25px;
    height: 25px;
    margin-top: 5px;
    background-size: cover;
}

.car-form #number::placeholder {
    color: #000000;
    opacity: 1;
    letter-spacing: 40px;
}

/* stroke */
.car-form #number {
    border: 2px solid #000000;
    border-radius: 7px;
}

/* anim */
.car-form #number:focus {
    border-color: #003399;
    transition: all 0.3s ease;
}


.form-info {
    font-size: 1.8em;
    font-weight: 700;
    line-height: normal;
}

.car-form__arrow {
    position: absolute;
    right: -55px;
    top: 22%;
    z-index: 999;
    transform: scale(0.85);
}
@media screen and (min-width:990px) and (max-width:1140px) {
    .car-form__arrow {
    right: -22px;
    top: 12%;
    }  
}

.form-title-wrapper {
    position: relative;
    display: inline-block;
}

#drawing-arrow-path {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;

  stroke: var(--primary-color);
  stroke-width: 2;

  fill: transparent;

  animation: draw-the-arrow 3s ease-out forwards;
  animation-delay: 0.7s;
}

#drawing-arrow-path-poliline {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;

  stroke: var(--primary-color);
  stroke-width: 2;

  fill: transparent;

  animation: draw-the-arrow 3s ease-out forwards;
  animation-delay: 0.7s;
}

@keyframes draw-the-arrow {
  to {
    stroke-dashoffset: 0;
    stroke: var(--primary-color);
  }
}


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

.features-section .btn-primary {
	background: var(--primary-color);
}
.features-section .btn-primary:hover {
	background: var(--primary-light-color);
}
.features-section .btn-primary:active {
	background-color:var(--primary-light-color)!important;
	border-color: var(--primary-light-color)!important;
}
.features-section .btn-primary:focus {
	border-color: var(--primary-light-color);
    background: var(--primary-light-color);
    box-shadow: 0 0 0 2px rgba(16, 255, 124, 0.5)
}

.features-section img {
    width: 250px;
    height: auto;
}


.features-section p {
    line-height: 1.6;
}

.features-section h5 {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.step-number {
      position: relative;
      padding-left: 120px;
      margin-bottom: 2rem;
      min-height: 120px;
    }

.step-number::before {
    content: attr(data-step);
    position: absolute;
    left: 0;
    top: -15px;
    font-size: 10rem;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 2px #25bb394f;
    text-stroke: 2px #25bb394f;
    line-height: 1;
    animation: pop-in 0.6s ease forwards;
}


@keyframes pop-in {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.step-box {
    text-align: center;
    padding: 1.5rem;
}

.step-title {
    font-weight: bold;
    color: var(--primary-color)
}

.steep-box {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.steep-box.visible {
    opacity: 1;
    transform: translateY(0);
}

.steep-box.visible:nth-child(1) {
    transition-delay: 0.2s;
}
.steep-box.visible:nth-child(2) {
    transition-delay: 0.6s;
}
.steep-box.visible:nth-child(3) {
    transition-delay: 1s;
}



/* Reviews Section */
.reviews-section {
    padding: 80px 0;
    background-color: #eaf3fc;
    overflow: hidden;
}

.reviews-section {
    background: linear-gradient(135deg, #ffb1104d 0%, #ffb1100d 100%);
    padding: 80px 0;
}

.reviews-section h2 {
    color: #1565c0;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 3rem;
}

.review-card {
    background: white;
    border-radius: 15px;
    padding: 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

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

.review-image {
    height: 200px;
    overflow: hidden;
    background: #f5f5f5;
}

.review-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-content {
    padding: 1.5rem;
}

.review-stars {
    color: #ffc107;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.review-text {
    color: #555;
    line-height: 1.6;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.review-author {
    font-weight: 600;
    color: #1565c0;
    font-size: 0.9rem;
}

/* Carousel controls */
.carousel-control-prev,
.carousel-control-next {
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    filter: invert(1);
    border-radius: 50%;
}

.carousel-control-prev {
    left: -15px;
}

.carousel-control-next {
    right: -15px;
}

#reviewsCarouselMobile .review-card {
    min-height: 485px;
	height: 100%;
    display: flex;
    flex-direction: column;
  /*  justify-content: space-between; */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 32px;
    width: 24px;
    height: 24px;
}

.carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon, .carousel-control-prev:focus .carousel-control-prev-icon, .carousel-control-next:focus .carousel-control-next-icon {
    filter: invert(1);
}

.reviews-section .carousel-inner {
    overflow-y: visible;
    overflow-x: clip!important;
}

.reviews-section h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--dark-color);
}

.review-card {
    background: var(--light-color);
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    transition: var(--transition);
	min-height: 510px;
}

.review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.review-stars {
    color: var(--yellow-color);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.review-text {
    font-style: italic;
    margin-bottom: 1rem;
    color: var(--text-color);
}

.review-author {
    font-weight: 600;
    color: var(--dark-color);
}

.scroller-carousel .carousel-control-prev .carousel-control-prev-icon, .scroller-carousel .carousel-control-next .carousel-control-next-icon{
    filter: invert(1);
}

.page .carousel-inner {
    overflow-y: visible;
    overflow-x: clip !important;
}

.reviews-wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

.image-wrapper:hover img {
    transform: scale(1.05);
}

.image-wrapper {
    max-height: 344px;
    height: 100%;
}
.image-wrapper img {
    object-fit: cover;
}

.rating-wrapper .star-rating {
    font-size: 1.2rem;
}

.reviews-container .review-item:nth-child(even) {
    animation-delay: 0.2s;
}

.helpful-btn.voted {
    background-color: #0d6efd;
    color: white;
    border-color: #0d6efd;
}

.review-item.filtered-out {
    display: none !important;
}

@media (max-width: 768px) {
    .reviews-wrapper {
        padding: 0 15px;
    }
    
    .card-body {
        padding: 1.5rem !important;
    }
    
    .display-4 {
        font-size: 2rem;
    }
    
    .col-md-4, .col-md-8 {
        margin-bottom: 0;
    }
}

@media (max-width: 576px) {
    .reviews-wrapper {
        max-width: 100%;
        padding: 0 10px;
    }
}

/* Animaties */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.review-item {
    animation: fadeInUp 0.6s ease-out;
}

.filter-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Content Section */
.content-section {
    padding: 80px 0;
}

.content-section h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    color: var(--dark-color);
}

.content-section p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.content-image {
    border-radius: 15px;
}

/* FAQ Section */

.faq-section h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--dark-color);
}

.faq-item {
    background: var(--dark-light-color);
    border: 1px solid var(--border-color);
    border-radius: 33px;
    margin-bottom: 1rem;
    overflow: hidden;
    transition: var(--transition);
}

.faq-question {
    padding: .7em 1em .7em 1.5em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 1.1em;
    line-height: normal;
    color: var(--dark-color);
    transition: var(--transition);
}

.faq-question:hover {
    background: var(--dark-light-color);
}

.faq-question::after {
    content: '+';
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--primary-color);
    transition: var(--transition);
}

.faq-question.active::after {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 1.5rem;
    max-height: 0;
    overflow: hidden;
    transition: var(--transition);
}

.faq-answer.active {
    max-height: 760px;
}

.faq-answer p {
    color: var(--text-color);
    line-height: 1.6;
}

/* Blog Section */

.blog-section h2 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--dark-color);
}

.blog-card {
    background: var(--light-color);
    overflow: hidden;
    transition: var(--transition);
    margin-bottom: 2rem;
}
.blog-card a {
    text-decoration: none;
}

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

.blog-card img {
    width: 100%;
    height: 100%;
    max-height: 235px;
    object-fit: cover;
    border-radius: 16px;
}

.blog-content {
    padding: 0;
}

.blog-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-color);
}

.blog-excerpt {
    color: var(--text-color);
    line-height: 1.6;
    margin-bottom: 1rem;
}

.blog-meta {
    font-size: 0.75rem;
    color: var(--primary-color)
}
.blog-readmore {
    color: var(--primary-color);
    font-weight: 400;
    transition: var(--transition);
}
.blog-readmore p::after {
    content: '';
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMy40NyAxNC40NyI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6bm9uZTtzdHJva2U6IzI1YmIzOTtzdHJva2Utd2lkdGg6MnB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYiIgZD0iTTAsNy4yM2gzMiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMjUsLjczbDcsNi41LTcsNi41Ii8+PC9zdmc+");
    position: absolute;
    width: 33px;
    height: 15px;
    margin: 6px 6px 6px 10px;
    transition: var(--transition);
}
.blog-card a:hover p::after, .category-nieuws .card a:hover p::after {
    margin: 6px 6px 6px 14px;
}

/* Footer */
.main-footer {
    background: var(--dark-color);
    color: var(--light-color);
    padding: 3rem 0 1rem;
}

.footer-content {
    margin-bottom: 2rem;
}

footer img {
    width: 300px;
    height: auto;
}

.footer-section h4 {
    margin-bottom: 1rem;
    color: var(--primary-color);
}

footer p {
	color: var(--light-color);
}

.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 0.5rem;
}

.footer-section ul li a {
    color: var(--dark-light-color);
    text-decoration: none;
    transition: var(--transition);
    font-weight: 300;
}

.footer-section ul li a:hover {
    color: var(--primary-color);
}

.footer-bottom {
    border-top: 1px solid var(--primary-color);
    padding-top: 1rem;
    text-align: center;
    color: var(--dark-light-color)
}

.footer-bottom a {
 color: var(--light-color);
}

footer .textwidget {
    display: flex;
    flex-direction: row;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

footer .textwidget div > p {
    font-size: 1.1em;
    color: var(--primary-color);
    font-weight: 600;
}

/* Buttons */
.btn {
    padding: 0.75em 1.5em;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.btn-primary {
    background: var(--primary-color);
    color: var(--light-color);
    border-radius: 100px;
    font-weight: 600;
    transition: var(--transition);
    letter-spacing: 0.5px;
}

.btn-primary:hover {
    background: var(--primary-light-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(167, 228, 177, 0.4);
	text-decoration: none;
}

.btn-outline-primary {
    background: transparent;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 100px;
	font-size: 1.25em;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background: var(--primary-color);
    color: var(--light-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(172, 228, 167, 0.4);
    text-decoration: none;
    border-color: var(--primary-color);
}

.btn-outline-primary:focus, .btn-outline-primary:active{
    background: var(--primary-color)!important;
    outline: none;
    border: 2px solid var(--primary-color)!important;
    box-shadow: 0 0 0 2px rgba(16, 140, 255, 0.5);
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #0a57ca;
    border-color: #0a57ca;
}

.car-form .btn-primary {
    background: var(--primary-color);
    border: none;
    padding: 0.75em 2em;

}

.car-form .btn-primary:hover {
    background: var(--primary-light-color);
    transform: translateY(-2px);
}
.car-form .btn-primary:focus, .car-form .btn-primary:active {
    border-color: var(--primary-light-color);
    background: var(--primary-light-color);
    box-shadow: 0 0 0 2px rgba(255, 171, 16, 0.5);
}

.r_img img {
    width: auto;
    height: auto;
    margin: 15px 0;
}

.i-box.i-green {
    border-color: var(--green-color);
    background: rgb(37 187 57 / 6%);
}
.i-box.i-blue {
    border-color: #0052b5;
    background: rgb(0 82 181 / 6%);
}
.i-box.i-orange {
	border-color: var(--orange-color);
	 background: rgb(255 119 16 / 6%);
}
.i-box {
    clear: both;
    display: block;
    margin: 15px 0;
    padding: 10px 17px;
    line-height: 24px;
    text-align: left;
    border-left: 2px solid var(--dark-light-color);
    background: rgba(0, 0, 0, .043);
}

/* Utilities */
.plupload_buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}
.plupload_button.plupload_add {
    background: var(--primary-color);
    color: var(--light-color);
    border-radius: 100px;
    font-weight: 600;
    transition: var(--transition);
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}
.plupload_button.plupload_add.ui-state-hover {
    background: var(--primary-light-color);
    color: var(--light-color);
    transition: var(--transition);
    border: none;

}
.plupload_button.plupload_start {
    background: var(--green-color);
    color: var(--light-color);
    border-radius: 100px;
    font-weight: 600;
    transition: var(--transition);
    padding: 15px 30px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}
.plupload_button.plupload_add:hover, .plupload_button.plupload_start:hover {
    text-transform: none;
}


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

.bg-primary {
    background-color: var(--primary-color) !important;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid var(--primary-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.aligncenter {
    margin: 5px auto 15px;
}
.col .aligncenter {
    width: 100%;
    height: auto;
}
.entry-content.row > .col-2, .entry-content.row > .col-3  {
    width: 100%;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.site-main .post-thumbnail > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 550px;
    border-radius: 30px;
}

.entry-meta {
    position: absolute;
    margin: 15px;
    padding: 4px 10px;
    background-color: var(--dark-color);
    font-size: .75rem;
    border-radius: 6px;
	color: #ffffff;	
}
#breadcrumbs {
 color: var(--dark-color);
    font-size: 0.9rem;
}
#breadcrumbs a {
    color: var(--dark-color);
    text-decoration: none;
    transition: var(--transition);
}
#breadcrumbs a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: 0.375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(16, 92, 255, 0.25); /* was rgba(13, 110, 253, 0.25) */
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--primary-color); /* was var(--primary-color) */
    --bs-pagination-active-border-color: var(--primary-color); /* was var(--primary-color) */
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--primary-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Hover effect */
.page-link:hover {
    color: #fff;
    background-color: var(--primary-light-color); /* #FFB278 */
    border-color: var(--primary-light-color);
    text-decoration: none;
}

/* Active page */
.page-item.active .page-link {
    color: #fff;
    background-color: var(--primary-color); /* #FF7710 */
    border-color: var(--primary-color);
}

/* Focus effect */
.page-link:focus {
    z-index: 3;
    color: #fff;
    background-color: var(--primary-light-color);
    border-color: var(--primary-light-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(16, 120, 255, 0.25);
}

/*Table style*/
thead td, th {
    color: var(--primary-color);
    font-weight: normal;
    text-align: center;
    border: 1px solid var(--primary-color);
    background: rgb(20 255 18 / 5%);
}
td, th {
    padding: 7px 13px 5px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    border: 1px solid #eee;
    vertical-align: top;
}

table.sub-ttl td[colspan] {
    text-align: center !important;
    background: rgba(0, 0, 0, .03);
}

table .icon {
    width: 6px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
}

table .icon.tip {
    color: #0f9511;
}
table .icon {
    top: 0;
    left: -3px;
    right: 0;
    bottom: 0;
    color: var(--green-color);
    font-family: 'Icons';
    text-align: center;
    text-indent: 0;
    font-size: 1.2rem;
    font-weight: 800;
}

table .icon.cross {
    color: #F00;
}

table.fl_left {
    margin-right: 20px;
}
.col table {
    width: 100%;
}

table {
    margin: 5px auto 15px;
    border-collapse: collapse;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Fade Up Animation for Hero Content and Form */

/* Keyframe animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Initial state for elements */
.hero-content,
.car-form {
    opacity: 0;
    transform: translateY(30px);
}

/* Animation classes */
.hero-content.animate {
    animation: fadeInUp 0.8s ease-out forwards;
}

.car-form.animate {
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 0.2s; /* Small delay for staggered effect */
}

/* Alternative approach with CSS transitions (if you prefer to trigger via JavaScript) */
.hero-content.fade-up,
.car-form.fade-up {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.car-form.fade-up {
    transition-delay: 0.2s; /* Delay for staggered effect */
}

/* Auto-trigger animation on page load (CSS only solution) */
.hero-content {
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 0.3s; /* Initial delay after page load */
}

.car-form {
    animation: fadeInUp 1s ease-out forwards;
    animation-delay: 0.6s; /* Staggered delay */
}

/* For smoother performance */
.hero-content,
.car-form {
    will-change: opacity, transform;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .hero-content,
    .car-form {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}

.page-form__tilte {
    font-size: 1.6em;
    font-weight: 600;
    color: var(--light-color);
    line-height: 1.4;
    margin: 15px 0;
    text-align: center;
}

/* Messengers */
.messengers-wrapper {
    margin: 1rem;
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 999;
}
.messengers,
.social-icon {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    color: var(--primary-color);
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 200ms ease;
    border-radius: 100%;
}
.messengers::before,
.social-icon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
}
.messengers:hover,
.social-icon:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    transition: 0.2s;
}
.social-icon {
    margin: 4px 0px;
}
.messengers {
    z-index: 2;
}
.social-share {
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    position: relative;
    left: 0;
    top: 50px;
    min-height: 100%;
    padding: 0;
	display:none;
}
.social-share li {
    opacity: 0;
    transform: scale(0) translateY(0);
}
.social-share li:nth-child(4) {
    transition-delay: 0ms;
    z-index: 3;
}
.social-share li:nth-child(3) {
    transition-delay: 100ms;
    z-index: 2;
}
.social-share li:nth-child(2) {
    transition-delay: 150ms;
    z-index: 1;
}
.social-share li:nth-child(1) {
    transition-delay: 200ms;
    z-index: 0;
}
.social-share li a {
	color: #000000;
    font-weight: 600;
    position: relative;
    display: block;
    width: inherit;
    height: inherit;
}
.start-animation li {
    transform: scale(1) translateY(-100%);
    opacity: 1;
}
.start-animation .whatsapp {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.messengers {
    background-color: var(--primary-color);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTEuOTkgNTEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTU5LDM5OS4zNGE5OS42NCw5OS42NCwwLDAsMS00OS0xMi44NywxNS40MywxNS40MywwLDAsMS02LjE1LTIxLjYxYzE1LjQ3LTI0LjcyLDIxLTU0Ljk0LDE0LTgzLjM2QzEwLjU1LDI1Mi0uMDgsMjI3LjIzLDAsMTk2LC4yNiw4Ni42Miw5MS4zNC0yLjA5LDIwMC42NSwwLDMwNi4yMywyLjE2LDM5My4yNCw5MC45MiwzOTMuMjQsMTk2LjUyYzAsMTM3LjkzLTE0NC41NSwyMzQuNzYtMjcyLjE1LDE4MS41YTEwMSwxMDEsMCwwLDEtNjIsMjEuMzJaTTM4LjI1LDM2NS42NmE3MC41LDcwLjUsMCwwLDAsNjkuNjEtMTYuNDFBMTUuMiwxNS4yLDAsMCwxLDEyNSwzNDYuNDZjMTA5LjI1LDUyLjIzLDIzNy44My0yOS42NCwyMzcuODMtMTQ5Ljk0LDAtODkuNzctNzMtMTY0LjI3LTE2Mi43OS0xNjYuMDctOTIuNS0xLjg0LTE2OS4zOSw3My4wOC0xNjkuNjEsMTY1LjY2LS4wOCwyOS42MywxMS40OCw1My4zLDE3LjgsODEuMzZhMTM1LjY5LDEzNS42OSwwLDAsMS0xMCw4OC4xOVoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTQ1Mi45NCw1MTJhMTAxLDEwMSwwLDAsMS02Mi0yMS4zMkMzMjMsNTE5LDI0Mi4zMiw1MDYuMTEsMTg2LjY3LDQ1OC4wNWExNS4yMSwxNS4yMSwwLDEsMSwxOS44OC0yM0MyNTUuOSw0NzcuNjUsMzI4LjE4LDQ4Ny4yNCwzODcsNDU5LjEyYTE1LjIsMTUuMiwwLDAsMSwxNy4xMywyLjc5LDcwLjUyLDcwLjUyLDAsMCwwLDY5LjYxLDE2LjQyLDEzNS4xOSwxMzUuMTksMCwwLDEtNS42Mi0xMDMuNDVjLjExLS4zMS4yMy0uNjEuMzUtLjkxYTE2NC44MiwxNjQuODIsMCwwLDAsMTMuMTEtNjUuMTljLS4wOS0zOS44OC0xMy4zNi03Ni43Ny0zOC4zNi0xMDYuNjlhMTUuMiwxNS4yLDAsMSwxLDIzLjMzLTE5LjVjMjkuMiwzNC45Miw0NS4zNCw3OS43MSw0NS40NSwxMjYuMTFhMTk1LjE4LDE5NS4xOCwwLDAsMS0xNS4zMyw3Ni42N2MtMTAuNzUsMzEuMTItNS44LDY0LjQzLDExLjQxLDkyLjE1YTE1LjQyLDE1LjQyLDAsMCwxLTYuMTYsMjEuNjEsOTkuNjIsOTkuNjIsMCwwLDEtNDksMTIuODdaIi8+PGVsbGlwc2UgY2xhc3M9ImEiIGN4PSIxOTYuNjIiIGN5PSIxOTcuMjgiIHJ4PSIyNC4wNiIgcnk9IjI0LjA1Ii8+PGVsbGlwc2UgY2xhc3M9ImEiIGN4PSIxMDcuOTYiIGN5PSIxOTcuMjgiIHJ4PSIyNC4wNiIgcnk9IjI0LjA1Ii8+PGVsbGlwc2UgY2xhc3M9ImEiIGN4PSIyODUuMjciIGN5PSIxOTcuMjgiIHJ4PSIyNC4wNiIgcnk9IjI0LjA1Ii8+PC9zdmc+);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.messengers:hover {
    background-color: var(--primary-light-color);
    transition: 0.2s;
}
.messengers:focus {
	border:none;
	outline: none;
}
.messengers:after {
	content: "";
    background-color: var(--primary-color);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	z-index:1;
}
.whatsapp {
	z-index:1;
	position:relative;
	display: block;
    background-color: #25d366;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDIuOTQgNDMuMTQiPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOiNmZmY7fS5ie2ZpbGw6dXJsKCNhKTt9LmN7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iLTI2MS4yNiIgeTE9IjUxOS41NyIgeDI9Ii0yNjAuMjYiIHkyPSI1MTkuNTciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCwgLTQzLjEzLCAtNDMuMTMsIDAsIDIyNDMyLjk5LCAtMTEyMjYuMTYpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjlmOWY5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS44NiwzNi4yOWwuNjUuMzlhMTcuNywxNy43LDAsMCwwLDksMi40N2gwYTE3Ljc3LDE3Ljc3LDAsMSwwLTE1LTguMzJsLjQyLjY3LTEuOCw2LjU2Wk0wLDQzLjEzLDMsMzIuMDZhMjEuMzksMjEuMzksMCwxLDEsMTguNTMsMTAuN2gwYTIxLjIzLDIxLjIzLDAsMCwxLTEwLjIxLTIuNloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTS4xOCwyMS4zOEEyMS4zNSwyMS4zNSwwLDAsMCwzLDMyLjA2TDAsNDMuMTRsMTEuMzMtM2EyMS40MSwyMS40MSwwLDAsMCwxMC4yMiwyLjZoMEEyMS4zOSwyMS4zOSwwLDEsMCwuMTgsMjEuMzhNNi45MywzMS41MWwtLjQyLS42OGExNy43NywxNy43NywwLDEsMSwxNS4wNSw4LjMzaDBhMTcuNzEsMTcuNzEsMCwwLDEtOS0yLjQ4bC0uNjUtLjM4TDUuMTMsMzguMDZaTTIxLjU2LDQyLjc3aDAiLz48cGF0aCBjbGFzcz0iYyIgZD0iTTE2LjIyLDEyLjQ0Yy0uNC0uODktLjgyLS45MS0xLjItLjkySDE0YTIsMiwwLDAsMC0xLjQyLjY2LDYsNiwwLDAsMC0xLjg3LDQuNDYsMTAuMzEsMTAuMzEsMCwwLDAsMi4xOCw1LjUyYy4yNy4zNiwzLjY5LDUuOTMsOS4xMiw4LjA3LDQuNTIsMS43OCw1LjQ0LDEuNDIsNi40MSwxLjM0UzMxLjU4LDMwLjI2LDMyLDI5YTQuMzUsNC4zNSwwLDAsMCwuMzEtMi41NGMtLjEzLS4yMy0uNDktLjM2LTEtLjYzcy0zLjE2LTEuNTYtMy42NS0xLjc0LS44NS0uMjYtMS4yLjI3LTEuMzgsMS43NC0xLjcsMi4xLS42Mi40LTEuMTUuMTNBMTQuNTUsMTQuNTUsMCwwLDEsMTkuMzEsMjRhMTYuMTUsMTYuMTUsMCwwLDEtMy0zLjdjLS4zMS0uNTMsMC0uODIuMjMtMS4wOXMuNTQtLjYyLjgtLjk0YTMuNTMsMy41MywwLDAsMCwuNTQtLjg5LDEsMSwwLDAsMC0uMDUtLjkzYy0uMTMtLjI3LTEuMTctMi45MS0xLjY0LTQiLz48L3N2Zz4=);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.messenger {
    background-color: #00b2ff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgODAwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTQwMCwwQzE3NC43LDAsMCwxNjUuMSwwLDM4OCwwLDUwNC42LDQ3LjgsNjA1LjQsMTI1LjYsNjc1YTMxLjYxLDMxLjYxLDAsMCwxLDEwLjcsMjIuOGwyLjIsNzEuMmEzMiwzMiwwLDAsMCw0NC45LDI4LjNsNzkuNC0zNWEzMi4xNSwzMi4xNSwwLDAsMSwyMS40LTEuNkE0MzcuNTUsNDM3LjU1LDAsMCwwLDQwMCw3NzYuMWMyMjUuMywwLDQwMC0xNjUuMSw0MDAtMzg4UzYyNS4zLDAsNDAwLDBaTTY0MC4zLDI5OC42LDUyMi43LDQ4NC45QTYwLDYwLDAsMCwxLDQ0MCw1MDMuNjljLTEuMzgtLjg3LTIuNzQtMS44LTQuMDUtMi43OWwtOTMuNS03MC4xYTI0LDI0LDAsMCwwLTI4LjkuMUwxODcuMyw1MjYuN2MtMTYuOCwxMi44LTM4LjgtNy4zLTI3LjUtMjUuMmgwTDI3Ny4zLDMxNS4xYTYwLDYwLDAsMCwxLDgyLjc1LTE4Ljc5YzEuMzguODcsMi43NCwxLjgsNC4wNSwyLjc5bDkzLjUsNzAuMWEyNCwyNCwwLDAsMCwyOC45LS4xbDEyNi4yLTk1LjhDNjI5LjUsMjYwLjUsNjUxLjUsMjgwLjcsNjQwLjMsMjk4LjZaIi8+PC9zdmc+);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.telegram {
    background-color: #0088cc;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjkuNjggMTA2Ljk3Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojYzhkYWVhO30uYntmaWxsOiNhOWM2ZDg7fS5je2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0zMS42Myw2MC45NGwxNC4yMywzOS40MVM0Ny42NCwxMDQsNDkuNTUsMTA0LDc5LjgsNzQuNTUsNzkuOCw3NC41NWwzMS41My02MC44OUwzMi4xMyw1MC43N1oiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTUwLjUsNzEuMDUsNDcuNzcsMTAwLjFzLTEuMTQsOC45LDcuNzUsMFM3Mi45NCw4NC4zMyw3Mi45NCw4NC4zMyIvPjxwYXRoIGNsYXNzPSJjIiBkPSJNMzEuODgsNjIuMzUsMi42LDUyLjgxUy0uOSw1MS4zOS4yMiw0OC4xN2MuMjQtLjY3LjctMS4yMywyLjEtMi4yQzguODEsNDEuNDUsMTIyLjQzLjYxLDEyMi40My42MXMzLjIxLTEuMDgsNS4xLS4zNmEyLjc1LDIuNzUsMCwwLDEsMS44OCwyLjA1LDkuNDIsOS40MiwwLDAsMSwuMjYsMi41OWMwLC43NS0uMSwxLjQ1LS4xNywyLjU0LS42OSwxMS4xNi0yMS40LDk0LjQ5LTIxLjQsOTQuNDlzLTEuMjQsNC44OC01LjY4LDVhOC4wNyw4LjA3LDAsMCwxLTUuOTItMi4yOUM4Ny43OSw5Ny4xOCw1Ny42OCw3Nyw1MSw3Mi41YTEuMjgsMS4yOCwwLDAsMS0uNTQtLjljLS4wOS0uNDcuNDItMSwuNDItMXM1Mi40Mi00Ni42LDUzLjgyLTUxLjVjLjEtLjM4LS4zLS41Ni0uODUtLjRDMTAwLjM5LDE5LjkzLDQwLDU4LjA1LDMzLjM2LDYyLjI2QTMuMDksMy4wOSwwLDAsMSwzMS44OCw2Mi4zNVoiLz48L3N2Zz4=);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center left 15px;
}
.viber {
    background-color: #7360f2;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MzEuOTkgNjY2LjQzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjE2Ljg2cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5BcnRib2FyZCA0PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NjAuNjUsNjVDNTQ0LjA5LDQ5LjcyLDQ3Ny4xNywxLjE0LDMyOC4xMS40OGMwLDAtMTc1Ljc4LTEwLjYtMjYxLjQ3LDY4QzE4Ljk0LDExNi4xOSwyLjE2LDE4NiwuMzksMjcyLjU1Uy0zLjY3LDUyMS4zLDE1Mi42OCw1NjUuMjhsLjE1LDAtLjEsNjcuMTFzLTEsMjcuMTcsMTYuODksMzIuNzFjMjEuNjQsNi43MiwzNC4zNC0xMy45Myw1NS0zNi4xOSwxMS4zNC0xMi4yMiwyNy0zMC4xNywzOC44LTQzLjg5LDEwNi45Myw5LDE4OS4xNy0xMS41NywxOTguNTEtMTQuNjEsMjEuNTktNywxNDMuNzYtMjIuNjUsMTYzLjYzLTE4NC44NEM2NDYuMDcsMjE4LjQsNjE1LjY0LDExMi42Niw1NjAuNjUsNjVabTE4LjEyLDMwOC41OEM1NjIsNTA5LDQ2Mi45MSw1MTcuNTEsNDQ0LjY0LDUyMy4zN2MtNy43NywyLjUtODAsMjAuNDctMTcwLjgzLDE0LjU0LDAsMC02Ny42OCw4MS42NS04OC44MiwxMDIuODgtMy4zLDMuMzItNy4xOCw0LjY2LTkuNzcsNC0zLjY0LS44OS00LjY0LTUuMi00LjYtMTEuNS4wNi05LC41OC0xMTEuNTIuNTgtMTExLjUycy0uMDgsMCwwLDBDMzguOTQsNDg1LjA1LDQ2LjY1LDM0Nyw0OC4xNSwyNzQuNzFTNjMuMjMsMTQzLjIsMTAzLjU3LDEwMy4zN2M3Mi40OC02NS42NSwyMjEuNzktNTUuODQsMjIxLjc5LTU1Ljg0LDEyNi4wOS41NSwxODYuNTEsMzguNTIsMjAwLjUyLDUxLjI0QzU3Mi40LDEzOC42LDU5Ni4xLDIzMy45MSw1NzguNzcsMzczLjU0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM4OS40NywyNjguNzdxLTIuNDYtNDkuNTktNTAuMzgtNTIuMDkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00MzIuNzIsMjgzLjI3cTEtNDYuMi0yNy4zNy03Ny4yYy0xOS0yMC43NC00NS4zLTMyLjE2LTc5LjA1LTM0LjYzIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDc3LDMwMC41OXEtLjYxLTgwLjE3LTQ3LjkxLTEyNi4yOHQtMTE3LjY1LTQ2LjYiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNDAuNzYsMzgxLjY4czExLjg1LDEsMTguMjMtNi44NmwxMi40NC0xNS42NWM2LTcuNzYsMjAuNDgtMTIuNzEsMzQuNjYtNC44MUEzNjYuNjcsMzY2LjY3LDAsMCwxLDQzNywzNzQuMWM5LjQxLDYuOTIsMjguNjgsMjMsMjguNzQsMjMsOS4xOCw3Ljc1LDExLjMsMTkuMTMsNS4wNSwzMS4xMywwLC4wNy0uMDUuMTktLjA1LjI1YTEyOS44MSwxMjkuODEsMCwwLDEtMjUuODksMzEuODhjLS4xMi4wNi0uMTIuMTItLjIzLjE4cS0xMy4zOCwxMS4xOC0yNi4yOSwxMi43MWExNy4zOSwxNy4zOSwwLDAsMS0zLjg0LjI0LDM1LDM1LDAsMCwxLTExLjE4LTEuNzJsLS4yOC0uNDFjLTEzLjI2LTMuNzQtMzUuNC0xMy4xLTcyLjI3LTMzLjQ0YTQzMC4zOSw0MzAuMzksMCwwLDEtNjAuNzItNDAuMTEsMzE4LjMxLDMxOC4zMSwwLDAsMS0yNy4zMS0yNC4yMmwtLjkyLS45Mi0uOTItLjkyaDBsLS45Mi0uOTNjLS4zMS0uMy0uNjEtLjYxLS45Mi0uOTJhMzE4LjMxLDMxOC4zMSwwLDAsMS0yNC4yMi0yNy4zMSw0MzAuODMsNDMwLjgzLDAsMCwxLTQwLjExLTYwLjcxYy0yMC4zNC0zNi44OC0yOS43LTU5LTMzLjQ0LTcyLjI4bC0uNDEtLjI4YTM1LDM1LDAsMCwxLTEuNzEtMTEuMTgsMTYuODcsMTYuODcsMCwwLDEsLjIzLTMuODRRMTQxLDE4MS40MiwxNTIuMTIsMTY4Yy4wNi0uMTEuMTItLjExLjE4LS4yM2ExMjkuNTMsMTI5LjUzLDAsMCwxLDMxLjg4LTI1Ljg4Yy4wNiwwLC4xOC0uMDYuMjUtLjA2LDEyLTYuMjUsMjMuMzgtNC4xMywzMS4xMiw1LC4wNi4wNiwxNi4xMSwxOS4zMywyMywyOC43NGEzNjYuNjcsMzY2LjY3LDAsMCwxLDE5Ljc0LDMwLjk0YzcuOSwxNC4xNywyLjk1LDI4LjY4LTQuODEsMzQuNjZsLTE1LjY1LDEyLjQ0Yy03LjksNi4zOC02Ljg2LDE4LjIzLTYuODYsMTguMjNTMjU0LjE1LDM1OS41NywzNDAuNzYsMzgxLjY4WiIvPjwvc3ZnPg==);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.contact {
    background-color: #003399;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PHBhdGggZD0iTTQ2NyA3Nkg0NUMyMC4yMzggNzYgMCA5Ni4xNDkgMCAxMjF2MjcwYzAgMjQuODYgMjAuMjUxIDQ1IDQ1IDQ1aDQyMmMyNC43NjIgMCA0NS0yMC4xNDkgNDUtNDVWMTIxYzAtMjQuODU3LTIwLjI0OC00NS00NS00NXptLTYuOTEgMzBMMjY3LjYyNCAyOTkuMDk0Yy01Ljg2NCA1Ljg4Mi0xNy4zODEgNS44ODYtMjMuMjQ4IDBMNTEuOTEgMTA2aDQwOC4xOHpNMzAgMzg1LjQ4NXYtMjU4Ljk3TDE1OS4wNjUgMjU2IDMwIDM4NS40ODV6TTUxLjkxIDQwNmwxMjguMzM0LTEyOC43NTIgNDIuODg1IDQzLjAyNWMxNy41NzQgMTcuNjMxIDQ4LjE3NSAxNy42MjQgNjUuNzQzIDBsNDIuODg1LTQzLjAyNEw0NjAuMDkgNDA2SDUxLjkxek00ODIgMzg1LjQ4NSAzNTIuOTM1IDI1NiA0ODIgMTI2LjUxNXYyNTguOTd6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+PC9nPjwvc3ZnPg==);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
}
@keyframes blink {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 0.8;
    }
    100% {
        transform: scale3d(1.3, 1.3, 1.3);
        opacity: 0;
    }
}

/* Responsive */


@media (max-width: 768px) {
	.hero-form-title {
		font-size:1.75em;
	}
	.hero-form-subtitle {
		display:none;
	}
    .page-form{
       padding: 25px 0 25px 0;
    }
    .top-header__rating {
        font-size: .75em;
    }

    .hero-section__bg {
        border-radius: 30px;
    }

    .page-form
    .form-info, .page-form__tilte {
        font-size: 1.1em;
        line-height: 1.4;
    }

    .car-form #number {
        width: 100%;
        height: auto;
    }
     .license-plate {
        width: 90%;
     }
    .car-form__arrow {
        display: none;
    }
    .car-form #number:before {
        width: 50px;
    }
    .car-form #number:after {
        width: 20px;
        height: 20px;
        left: 5px;
    }
    .car-form #number .nl-text {
        left: 30px;
        font-size: 14px;
    }
    .hero-section-benefits__bg {
        padding: 60px 0 30px 0;
        width: 100%;
        top: -40px;
    }

    .hero-content h1 {
        font-size: 2rem;
        color: var(--light-color)
    }
    
    .hero-content p {
        font-size: 1rem;
    }
    
    .car-form {
        padding: 1.5rem;
    }
    
    .features-section,
    .reviews-section,
    .content-section,
    .faq-section,
    .blog-section {
        padding: 30px 0;
    }
    
    .feature-item,
    .review-card,
    .blog-card {
        margin-bottom: 1.5rem;
    }

        .reviews-section {
        padding: 60px 0;
    }
    
    .reviews-section h2 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        width: 40px;
        height: 40px;
     /*   display: none;  Hide arrows on mobile for better UX */
    }
    
    .review-card {
        margin-bottom: 1rem;
    }
    
    .review-image {
        height: 180px;
    }
    
    .review-content {
        padding: 1.25rem;
    }
    .content-section h2 {
        font-size: 1.35em;
        margin-bottom: 1.5em;
    }
    .faq-question {
        font-size: 1.1rem;
    }
    .faq-answer {
        font-size: .85em;
    }
    footer ul li, footer p {
        text-align: center;
    }
    footer img {
        width: 300px;
        height: auto;
    }
}

@media (max-width: 576px) {
    .hero-section {
        padding: 40px 0 0px;
    }
    .hero-section__bg {
        padding: 15px 0 15px 0;
    }

    .top-header__rating {
        display: none!important;
    }
    
    .car-form {
        padding: 1rem;
        margin-top: -30px;
    }
    
    .btn {
        font-size: 1em;
    }

    .features-section h2,
    .reviews-section h2,
    .faq-section h2,
    .blog-section h2 {
        font-size: 1.7rem;
    }
    .reviews-section {
        margin: 30px 0;
    }
    footer .textwidget div > p {
        padding: 0 15px;
    }
}


/* On mobile, show one card at a time */
@media (max-width: 992px) {
    .carousel-item .row .col-12 {
        display: none;
    }
    
    .carousel-item .row .col-12:first-child {
        display: block;
    }
}

/* Ensure proper spacing */
.carousel-item {
    padding: 0 40px;
}

@media (max-width: 768px) {
    .carousel-item {
        padding: 0 15px;
    }
}

/* WhatsApp Button Styles */
.btn-green {
    color: #fff;
    background-color: #25d366;
    border-color: #25d366;
}

.btn-green:hover {
    color: #fff;
    background-color: #20bd5a;
    border-color: #1eb854;
}

.btn-green:focus,
.btn-green.focus {
    color: #fff;
    background-color: #20bd5a;
    border-color: #1eb854;
    box-shadow: 0 0 0 0.25rem rgba(37, 211, 102, 0.5);
}

.btn-green:active,
.btn-green.active,
.show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #1eb854;
    border-color: #1aac4e;
}

.btn-green:active:focus,
.btn-green.active:focus,
.show > .btn-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(37, 211, 102, 0.5);
}

.btn-green:disabled,
.btn-green.disabled {
    color: #fff;
    background-color: #25d366;
    border-color: #25d366;
    opacity: 0.65;
}

/* Small button size */
.btn-small {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.plupload_button.plupload_start.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	color: #fff;
}

/* Combined WhatsApp button with icon support */
.btn-green.btn-small {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}

.btn-green.btn-small:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(37, 211, 102, 0.3);
}

.btn-green.btn-small i {
    font-size: 1rem;
}

/* Alternative with WhatsApp icon using ::before */
.btn-green.whatsapp-btn::before {
    content: "📱";
    margin-right: 0.375rem;
}

/* If using FontAwesome WhatsApp icon */
.btn-green .fa-whatsapp {
    font-size: 1.1em;
    margin-right: 0.375rem;
}

/* Pulse animation for attention */
.btn-green.btn-pulse {
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    
    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Centering and spacing */
    .thank-you-wrap {
     /* min-height: 70vh; */
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4rem 1rem;
    }
    .card-thanks {
      max-width: 720px;
      width: 100%;
      text-align: center;
      padding: 2rem;
      border: none;
      border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      background: linear-gradient(180deg, #ffffff 0%, #fbfbfe 100%);
    }
    .check-svg {
      width: 120px;
      height: 120px;
      margin: 0 auto 1rem auto;
      display: block;
    }

    /* Animated circle and check animation */
    .path-circle {
      stroke-dasharray: 440;
      stroke-dashoffset: 440;
      animation: dashCircle 0.9s ease-out forwards;
    }
    .path-check {
      stroke-dasharray: 100;
      stroke-dashoffset: 100;
      animation: dashCheck 0.6s ease-out 0.9s forwards;
    }
    @keyframes dashCircle {
      to { stroke-dashoffset: 0; }
    }
    @keyframes dashCheck {
      to { stroke-dashoffset: 0; }
    }

    /* small pulse */
    .pulse {
      animation: pulseGlow 1.6s ease-out;
      animation-iteration-count: 1;
    }
    @keyframes pulseGlow {
      0% { transform: scale(0.95); opacity: 0.0; }
      50% { transform: scale(1.02); opacity: 0.12; }
      100% { transform: scale(1); opacity: 0; }
    }

    .lead-small { font-size: 1.05rem; }

.list-content ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
}
.list-content ul li {
	display:flex;
	flex: 1 1 10%;
	width: auto;
	list-style: none;
    padding: 5px;
    margin: 0;
}
.list-content ul li::before {
	content: "✓";
	font-weight: 900;
	color: #0f9511;
	padding-right: 10px;
}

ol {
    padding-left: 30px!important;
}

.fl_right {
	text-align: right;
}
.fl_left {
	text-align: left;
}

.border-gray {
	border: 1px solid #dee2e6;
}

#loadingoverlay {
	width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    background-color: #ffffffbd;
    z-index: 9;
    border-radius: 26px;
    top: 0;
    left: 0;
}

/* Робить placeholder червоним, коли є помилка */
.error-placeholder::placeholder {
    color: #dc3545 !important;
    opacity: 1; /* Firefox */
}

.error-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #dc3545 !important;
}

.error-placeholder::-moz-placeholder { /* Firefox 19+ */
    color: #dc3545 !important;
}

.error-placeholder:-ms-input-placeholder { /* IE 10+ */
    color: #dc3545 !important;
}

/* Колір тексту для select при помилці */
select.field-error {
    color: #dc3545;
}

/* Вирівнювання по правому краю (текст зліва) */
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
    clear: right; /* Запобігає накладанню елементів */
}

/* Вирівнювання по лівому краю (текст справа) */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 0.5em;
    clear: left;
}

/* Вирівнювання по центру (без обтікання) */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
    clear: both;
}

/* Без вирівнювання (як є) */
.alignnone {
    display: block;
    margin-bottom: 1.5em;
}
        .custom-text-slider-wrapper {
            position: relative;
            width: 100%;
            height: 400px;
            overflow: hidden;
            margin: 0;
        }
        
        .custom-text-slider-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .custom-text-slider-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
        }
        
        .custom-text-slider-content {
            position: relative;
            z-index: 10;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            color: #ffffff;
        }
        
        .slider-track {
            position: relative;
            width: 100%;
            max-width: 800px;
            overflow: hidden;
            min-height: 200px;
        }
        
        .slider-item {
            opacity: 0;
            transform: translateX(100%);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
            pointer-events: none;
        }
        
        .slider-item.active {
            opacity: 1;
            transform: translateX(0);
            position: relative;
            pointer-events: auto;
        }
        
        .slider-item.slide-out-left {
            opacity: 0;
            transform: translateX(-100%);
        }
        
        .slider-item.slide-out-right {
            opacity: 0;
            transform: translateX(100%);
        }
        
        .slider-item.slide-in-left {
            opacity: 0;
            transform: translateX(-100%);
        }
        
        .slider-item.slide-in-right {
            opacity: 0;
            transform: translateX(100%);
        }
        
        .slider-title {
            font-size: 2rem;
            font-weight: 500;
            margin-bottom: 20px;
            line-height: 1.2;
            color: #ffffff;
        }
        
        .slider-text {
            font-size: 1rem;
            font-weight: 300;
            line-height: 1.6;
            margin-bottom: 30px;
            color: rgba(255, 255, 255, 0.95);
        }
        
        .slider-button {
            display: inline-block;
            padding: 12px 30px;
            background-color: var(--primary-color);
            color: #ffffff;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 600;
            transition: background-color 0.3s ease;
        }
        
        .slider-button:hover {
            background-color: var(--primary-light-color);
            color: #ffffff;
        }
        
        .slider-controls {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 15px;
            z-index: 999;
            position: absolute;
            bottom: 30px;
        }
        
        .slider-prev,
        .slider-next {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.3s ease;
            color: #ffffff;
        }
        
        .slider-prev:hover,
        .slider-next:hover {
            background: rgba(255, 255, 255, 0.3);
        }
        
        .slider-dots {
            display: flex;
            gap: 10px;
        }
        
        .slider-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease;
            padding: 0;
        }
        
        .slider-dot.active {
            background: #ffffff;
        }
        
        @media (max-width: 768px) {
            .custom-text-slider-wrapper {
                height: auto;
                min-height: 350px;
            }
            
            .slider-title {
                font-size: 1.75rem;
            }
            
            .slider-text {
                font-size: 1rem;
            }
            
            .custom-text-slider-content {
                padding: 20px 15px;
            }
        }

.form-second {
    display: none;
}

/* Responsive adjustments */

@media (max-width: 768px) {
	.list-content ul li {
	display:flex;
	flex: 1 1 100%;
	}
	.carousel-control-prev {
    left: -5px;
    }

    .carousel-control-next {
        right: -5px;
    }

    .slider-controls {
        position: relative;
        bottom: 30px;
        padding-top: 15px;
    }

    footer .textwidget {
        display: grid!important;
        grid-template: 1fr / 1fr 1fr;
        margin: 0;
    }

 }

 @media (min-width: 768px) and (max-width: 991px) {
    footer img {
        width: 200px;
    }
}
@media (max-width: 576px) {
    .form-info {
        font-size: 1.4em;
    }

    .btn-green.btn-small {
        padding: 0.375rem 0.75rem;
        font-size: 0.9rem;
    }
	.form-info br {
		display: none;
	}
	.card-thanks { padding: 1.25rem; }
    .check-svg { width: 96px; height: 96px; }
	
	.scroller-carousel .carousel-control-prev, .scroller-carousel .carousel-control-next {
        display: block!important;
    }
	
}
@media (max-width: 350px) {
    body {
        font-size: 0.9em;
    }
    .custom-logo-link img {
        width: 150px;
        height: auto;
    }
    h1, .hero-content h1 {
        font-size: 1.6em;  
    }
    h2 {
        font-size: 1.3em;
    }
}

img.alignright, img.alignleft {
    max-width: 100%;
    height: auto;
}
@media (max-width: 768px) {
    .alignright, .alignleft {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 1250px) {
	.hero-section-wrap .col-12 > .form-info {
		font-size: 2.3em;
	}
}