* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --red: #ff2d1e;
    --red-hover: #b30b03;
    --button: #c00e04;
    --bg: #F4F8F9;
    --white: #fff;
    --border: #e7e7e7;
    --black: #1b262c;
}



.dropdown::before {
    background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath stroke='null' fill='%23FFFFFF' d='M6 10l18 17 18-17 5 5-23 23L1 15l5-5z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.dropdown-menu {
    background-color: #28353c !important;
}

.dropdown-menu a:hover {
    background-color: #2f3f48 !important;
}





body {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    background-color: var(--bg);
    color: var(--black);
    line-height: 1.6;   
}
.hidden {
    display: none !important;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* TOP INFO BAR */
.top-bar {
    background-color: transparent;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: 14px;
    text-shadow: 2px 2px 2px rgb(27, 38, 44);
}

.top-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.top-bar-left {
    display: flex;
    gap: 25px;
    align-items: center;
}

.top-bar-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    text-decoration: none;
}

.top-bar-item .icon-small,
.social-links .icon-medium {
    filter: drop-shadow(1px 1px 1px rgb(27, 38, 44));
}

a.top-bar-item:hover {
    color: var(--red);
}

.top-bar-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.social-links {
    display: flex;
    gap: 12px;
}

.social-links a {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s;
}

.social-links a:hover {
    color: var(--red);
}

.language-selector {
    display: flex;
    gap: 8px;
    border-left: 1px solid rgba(255, 255, 255, .08);
    padding-left: 20px;
    margin-right: -8px;
}

.language-selector a {
    padding: 4px 8px;
    text-decoration: none;
    color: var(--white);
    transition: color 0.3s;
}

.language-selector a.active {
    color: var(--red);
    font-weight: 600;
}

.language-selector a:hover {
    color: var(--red);
}

/* HEADER */
.header {
    background-color: transparent;
    text-shadow: 2px 2px 2px rgba(27, 38, 44);
}

.header-content {
    display: flex;
    justify-content: end;
    align-items: center;
}
.mobile-contacts {
    display: none;
}
.header-logo {
    position: absolute;
    top: 52px;
    left: 0;
}
.logo-icon {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='736' height='339'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='73.2' x2='371.2' y1='339.1' y2='59' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23b9c4c4'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M346 47c15 3 19 6 30 16l13 15c28 43 41 114 31 164-3 15-11 36-24 44l-6 3-177 33-45 9q-21 4-43 6a124 124 0 0 1-57-13 126 126 0 0 1-62-71l-4-15-2-8v-29l3-18a125 125 0 0 1 102-94l29-5 80-13 101-18 22-4z'/%3E%3Cpath fill='%23bbc6c6' d='m0 201 3-18c4-16 16-41 27-52h1c-6 7-21 27-20 35h1q1-4 5-8l2 2h4l2 10q0 8 4 15l8 11q2 1 4 5 4 6 4 12l6 8 2 6 4 4 5 9 7 13v3q1 0 1 2l-1 4v3c-2 2-10-2-13-3q-28-10-47-33l-9-11z'/%3E%3Cpath d='M357 126c35-4 43 44 29 67q-9 13-23 15v1c-36 5-42-41-31-65q7-16 25-18'/%3E%3Cpath fill='%23fdfdfd' d='M358 141c19 0 21 34 13 46q-4 6-11 7c-18 1-21-35-13-46q4-6 11-7'/%3E%3Cpath d='M157 158h7c24 3 19 38 22 55 2 8 9 20 2 26-8 6-13-3-17-8q-10 13-26 16-17 3-23-13-2-3-2-8c-1-19 14-23 28-30l18-8c-3-10-4-16-16-14-6 1-14 6-15 12-2 10-14 13-16 2q-1-9 6-17 13-12 32-13'/%3E%3Cpath fill='%23bbc6c6' d='m166 201 1 2c0 7 2 14-3 20-5 7-15 12-22 7l-2-3c-7-12 7-17 15-20z'/%3E%3Cpath d='M254 145c10 0 9 12 10 19l2 19 2 21 1 14c0 6-7 12-12 8q-5-4-5-10-5 8-12 13c-7 4-19 6-27 0-9-9-9-27-10-40-1-7-5-27-1-33q2-3 6-4 3-1 6 2 2 2 3 5l2 13q1 15 3 29 1 9 6 14 3 2 8 1c26-5 3-55 11-67q3-4 7-4M291 114c11-1 10 18 11 27q6-2 11 0 5 4 2 10-4 4-12 4l5 43c1 15 19-7 20 10q-1 4-4 7c-5 3-23 6-28 1-6-6-6-22-7-31l-3-27q-4 2-8-1l-2-4q-1-3 1-5 3-4 8-4l-2-15c0-7 0-13 8-15'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='705.1' x2='340.3' y1='221.8' y2='73.7' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23aa0203'/%3E%3Cstop offset='1' stop-color='%23ff1002'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23b)' d='m346 47 16-2 34-6 92-17 61-10 32-6q19-4 40-4c54 3 100 43 112 96q2 9 3 17v18l-2 12q-7 41-37 69l-9 6c-23 19-48 23-76 28l-46 9-176 32 6-3c13-8 21-29 24-44 10-50-3-121-31-164l-13-15c-11-10-15-13-30-16'/%3E%3Cpath fill='%23feabc3' d='m376 63 145-26 31-6c9-2 28-6 36-5 19 2 44 13 57 28-34-21-66-10-102-3l-80 14-74 13z'/%3E%3Cpath fill='%23fdfdfd' d='M502 109q5 0 10 3 7 7 8 19l2 23 2 18-2 6-5 3q-4 0-6-5c-5-11-2-45-10-51l-4-1q-4 0-6 3c-10 12 5 47-3 57l-4 2-4-1-3-4c-2-6-3-24-4-32l-2-12q0-5-4-7h-4q-4 0-7 3c-7 11 6 46 0 56l-4 3-5-1q-3-3-4-8l-3-27-3-30 2-5q3-4 8-1 3 3 4 9c6-15 22-21 32-6q6-13 19-14M628 65l6 1q3 4 3 10l5 47 3 28c0 5-6 9-10 5q-2-3-3-9c-5 10-12 18-25 14-15-6-18-29-17-43 1-13 8-25 22-25q9 0 15 8l-2-29q-1-4 3-7'/%3E%3Cpath fill='%23cf0501' d='M613 105c9-1 13 7 15 15 2 9 2 24-8 28q-9 0-14-8c-4-10-5-29 7-35'/%3E%3Cpath fill='%23fdfdfd' d='M555 102q8 0 14 3c8 5 20 28 7 33l-14 3-17 3c3 13 10 25 24 12 4-4 5-12 12-10 4 4 1 12-2 16-7 10-24 15-35 7-15-11-17-41-7-56q8-9 18-11'/%3E%3Cpath fill='%23cf0501' d='M554 114c10 0 13 8 14 16l-11 2-13 2q0-13 10-20'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 87px 40px;
    width: 87px;
    height: 40px;
}
.logo {
    font-size: 24px;
    font-weight: 700;
    color: var(--black);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;    
}

.logo i {
    color: var(--red);
    font-size: 28px;
}

/* NAVIGATION */
nav {
    display: flex;
    gap: 40px;
}

nav a {
    color: var(--white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    transition: color 0.3s;
    padding: 20px 0;    
}
nav > a,
nav > .dropdown > a {
    text-transform: uppercase;
    font-weight: bold;
}

nav a:hover,
nav a.current-menu-item,
nav a.current-menu-parent {
    color: var(--red);
}

/* DROPDOWN MENU */
.dropdown {
    position: relative;
    padding: 20px 0;
}

.dropdown::before {
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath stroke='null' fill='%23363636' d='M6 10l18 17 18-17 5 5-23 23L1 15l5-5z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 7px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    float: right;
    margin-top: 7px;
    position: relative;
    z-index: 1;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -20px;
    background-color: var(--black);
    min-width: 280px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 12px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s;
    z-index: 1000;
    margin-top: -10px;
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a {
    display: block;
    padding: 10px 20px;
    color: var(--white);
    text-decoration: none;
    font-size: 14px;
    position: relative;
}

.dropdown-menu a:hover {
    background-color: var(--bg);
    color: var(--red);
}

h1 {
    color: var(--black);
}
ul,
ol {
    padding-left: 0;   
    margin-bottom: 10px;  
    list-style: none;
}
li {
    background-position: top 4px left 0;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ff2d1e' d='m5 16.6 2.2-2.2 5.5 5.5L24.8 7.7 27 10 12.7 24.3z'/%3E%3C/svg%3E");
}
a {
    color: var(--red);
    text-decoration: none;
}
a:hover {
    color: var(--red-hover);
    text-decoration: none;
}

.btn-primary {
    position: relative;
    display: inline-block;
    background-color: var(--button);
    color: var(--white);
    padding: 14px 32px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
    border: none;
    cursor: pointer;
    font-size: 15px;
}
.btn-primary:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    border-radius: 40px;
    bottom: 4px;
    transition: border-color 0.3s;
    border: 1px solid var(--black);
}
.btn-primary:hover {
    background-color: var(--red-hover);
    color: #fff;
}

/* SERVICES SECTION */
.section {
    padding: 40px 0;
}

.section-title {
    font-size: 32px;
    color: var(--black);
    margin-bottom: 40px;
    text-align: center;
    font-weight: 500;
}

.section > .container > p {
    margin-bottom: 10px;
}


/*
.service-card {
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid var(--border);
    overflow: hidden;
    text-decoration: none;
    background-color: var(--white);
}

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

.service-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 8px 8px 0;
}

.service-card h3 {
    font-size: 18px;
    color: var(--black);
    padding: 15px;
}
.service-card:hover h3 {
    color: var(--red);
}

.service-card p {
    display: none;
}
*/
.view-all {
    text-align: center;
    margin-top: 30px;
}

.view-all a {
    color: var(--red);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s;
}

.view-all a:hover {
    color: var(--black);
}



/* PARTNERS SECTION */
.partners-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.partner-logo {
    width: 120px;
    height: 60px;
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
    background-color: var(--white);
}

.partner-logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.partner-logo img {
    max-width: 100%;
    max-height: 100%;
}


.form-group {
    margin-bottom: 16px;
}

.form-group label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;   
    font-weight: 500;
}

.form-group input,
.form-group textarea, 
.form-group select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
}
.form-group select {
    padding-left: 10px;
}

.form-group input:focus,
.form-group textarea:focus, 
.form-group select:focus {
    outline: none;
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);
}

.form-group textarea {
    resize: vertical;
    min-height: 100px;
    height: 100px;
}


.card-block {
    padding: 20px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid var(--border);
}
.card-block h2:not(:first-child),
.card-block h3:not(:first-child),
.card-block h4:not(:first-child) {
    margin: 15px 0;
}

/* SERVICE PAGE STYLES */

.service-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
    align-items: start;
}
.service-other {
    padding: 20px;
    border-radius: 8px;
    background-color: var(--white);
    border: 1px solid var(--border);
} 
.service-other h2 {
    font-size: 20px;
    color: var(--black);
    margin-bottom: 15px;
}

.service-other p {
    margin-bottom: 15px;
    line-height: 1.6;
}

.service-other h3 {
    font-size: 16px;
    color: var(--black);
    margin: 15px 0 10px;
    background-color: var(--white);
}

.service-list {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.service-list li {
    padding: 8px 0;
    position: relative;
    padding-left: 20px;
}

.service-list li::before {
    content: '✓';
    color: var(--red);
    font-weight: bold;
    position: absolute;
    left: 0;
}

.service-sidebar {
    background-color: var(--white);
    padding: 25px;
    border-radius: 8px;
        border: 1px solid var(--border);
}

.service-sidebar h3 {
    font-size: 18px;
    color: var(--black);
    margin-bottom: 20px;
}

.menu-category h4 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 10px;
    font-weight: 600;
}

.menu-category ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.menu-category li {
    margin-bottom: 8px;
    padding-left: 0;
    background-image: none;
}

.menu-category a {
    color: var(--black);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
    display: block;
    padding: 5px 0;
}

.menu-category a:hover,
.menu-category a.active {
    color: var(--red);
}
/*
Text Domain: automed
*/
.form-group button {
    width: 100%;
    padding: 12px;
    background-color: var(--button);
    border: none;
    border-radius: 40px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}

.form-group button:hover {
    background-color: var(--red-hover);
}



/* FOOTER */
footer {
    background-color: var(--black);
    color: var(--white);
    padding: 40px 0 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding-bottom: 30px;
    align-items: flex-start;
}

.footer-logo {
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.footer-logo i {
    color: var(--red);
    font-size: 24px;
}

.footer-column h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--white);
}

.footer-column a {
    display: block;
    color: var(--white);
    text-decoration: none;
    font-size: 13px;
    margin-bottom: 8px;
    transition: color 0.3s;
}

.footer-column a:hover,
.footer-column a.active,
.footer-column a.current-menu-item {
    color: var(--red) ;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: var(--white);
}

@media (max-width: 1100px) {
    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
}


/* RESPONSIVE */
@media (max-width: 768px) {
    .container {
        width: 100%;
    }

    nav {
        gap: 20px;
        font-size: 13px;
    }
    
    .partners-grid {
        gap: 20px;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}

/* MOBILE MENU */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    padding: 8px;
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    z-index: 1002;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath fill='%23fff' class='st0' d='M8 13h48v6H8zM8 29h48v6H8zM8 45h48v6H8z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 26px 26px;
    filter: drop-shadow(1px 1px 1px rgb(27, 38, 44));
    transition: transform 0.3s;
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

#scroll-trigger {
    position: absolute;
    top: 50px;    
}

@media screen and (max-width: 1200px) {
    .service-layout {
        gap: 20px;  
    }
    .service-layout .prices-table {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 960px) {
    .top-bar-left > span {
        display: none;
    }    
    nav {
        gap: 25px;
    }
    .service-layout {
        grid-template-columns: 1fr;       
    }
}
@media screen and (max-width: 790px) {
    .top-bar-left > a:last-child {
        display: none;
    }    
    .language-selector {
        border-left: none;
        padding-left: 0;
    }
}
/* MOBILE RESPONSIVE */
@media screen and (max-width: 768px) {
    body {
        padding-top: 55px;
    }
    .top-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        z-index: 1;
        transition: background-color 0.3s;
        padding: 10px 0;
    }
    .top-bar.fixed {
        background-color: var(--black);
    }
    .top-bar-content,
    .top-bar-left,
    .top-bar-right {
        flex-direction: row;
        justify-content: flex-end;
    }
    .top-bar-left {
        margin-right: 20px;
    }    
    .mobile-contacts {
        display: block;
        font-size: 14px;
        line-height: 40px;
        margin-top: 15px;
    }
    .mobile-social {
        margin-top: 10px;
    }
    .mobile-social a {
        display: inline-block;
        line-height: 1;
        margin-right: 5px;
    }
    .mobile-social a:first-child {
        margin-left: -6px;
    }
    .header-logo {
        top: -1px;        
        left: 32px;
    }
    .header-logo .logo-icon {
        background-size: 65px 30px;
        width: 65px;
        height: 30px;
    }
    .mobile-menu-toggle {
        display: block;        
    }
    .mobile-menu-toggle.active {
        transform: translate3D(250px,0,0);
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg%3E%3Cpath stroke-width='2' stroke-linejoin='round' stroke-linecap='round' stroke='%23fff' fill='none' class='cls-1' d='M7 7l18 18M7 25L25 7'/%3E%3C/g%3E%3C/svg%3E");
    }
    .mobile-menu-toggle.active + .mobile-menu-overlay {
        opacity: 1;
        visibility: visible;
    }
    .header {
        background-color: var(--black);
        position: fixed;
        top: 0;
        left: 0;        
        height: calc(100% + 70px);
        width: 300px;        
        z-index: 999;
        overflow-y: auto;
        padding-top: 20px;
        padding-bottom: 170px;
        transition: transform 0.3s;
        transform: translate3D(-302px,0,0);
    }    
    .header.active {
        transform: translate3D(0,0,0);
    }
    .header-content {
        position: relative;
        display: block;
    }
    .header-content nav {
        display: block;
    }
    .header-content nav a {
        display: block;
        padding: 10px 0;
        position: relative;
    }
    .dropdown {
        padding: 0;
    }
    .dropdown::before {
        background-size: 10px;
        position: absolute;
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
        margin-top: 0;
        border: 1px solid #333;
        box-sizing: border-box;
        border-radius: 50px;
        transform: rotate(0);
        transition: transform 0.3s;
    }
    .dropdown:active::before {
        background-color: #222;
    }
    .dropdown.active::before {
        transform: rotate(180deg);
    }
    .dropdown:hover .dropdown-menu {
        opacity: 0;
        visibility: hidden;
    }
    .dropdown .dropdown-menu {
        position: relative;
        left: 0;
        top: 0;
        background-color: transparent !important;
        box-shadow: none;
        position: relative;   
        min-width: auto;    
        height: 0;
        padding: 0;
        margin-top: 0;
        overflow: hidden;
    }
    .dropdown.active .dropdown-menu {
        height: auto;
        opacity: 1;
        visibility: visible;
        margin: 10px 0;
    }    

    .logo {
        position: relative;
        z-index: 1000;
    }
        
    .section {
        padding: 20px 0;
    }
    
    
    .section-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
@media (max-width: 695px) {
    .top-bar-left > a:not(:first-child){
        display: none;
    }
    .top-bar-right {
        gap: 10px;
    }
}
@media (max-width: 490px) {
    .top-bar-left {
        margin-right: 10px;
    }
    .social-links {
        display: none;
    }
    
    .container {
        padding: 0 15px;
    }

    .top-bar-item {
        font-size: 12px;
    }

    .logo {
        font-size: 20px;
    }

    .service-card h3 {
        font-size: 16px;
        padding: 12px;
    }

    .footer-content {
        gap: 20px;
        padding-bottom: 20px;
    }

    .footer-column h4 {
        font-size: 13px;
    }

    .footer-column a {
        font-size: 12px;
    }

    .partners-grid {
        gap: 15px;
    }

    .partner-logo {
        width: 100px;
        height: 50px;
    }
}

.text p {
    line-height: 2;
    margin-bottom: 10px;
}
.text p:last-child {    
    margin-bottom: 0;
}
.text h2,
.text h3,
.text h4 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.text h2:first-child,
.text h3:first-child,
.text h4:first-child {
    margin-top: 0;
}



/* RESPONSIVE FOR ABOUT PAGE */
@media (max-width: 480px) {
    .service-layout {
        margin: 0 -15px;
    }
    .service-other,
    .service-sidebar {
        padding: 15px;
    }
    .service-sidebar {
        margin: 0 15px;
    }
    .card-block {
        margin: 0 -15px;   
        padding: 15px;
    }
}

/* BLOG PAGE STYLES */
.blog-section {
    padding: 40px 0;
    min-height: calc(100vh - 200px);
}

.blog-title {
    color: var(--black);
    margin-bottom: 40px;
    text-align: center;
    font-weight: 500;
}

.blog-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
}

/* BLOG POSTS - MAIN CONTENT */
.blog-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.blog-post {
    background-color: var(--white);
    border-radius: 8px;
    border: 1px solid var(--border);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    display: grid;
    grid-template-columns: 1fr;
}

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

.blog-post-image {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: var(--bg);
}

.blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
    padding: 8px 8px 0;
    border-radius: 16px 16px 0 0;
}


.post-date {
    position: absolute;
    top: 23px;
    right: 23px;
    background-color: var(--red);
    color: var(--white);
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.blog-post-content {
    padding: 25px;
}

.blog-post-content h2 {
    font-size: 24px;
    color: var(--black);
    margin-bottom: 12px;
    line-height: 1.3;
}

.blog-post-content h2 a {
    color: var(--black);
    text-decoration: none;
    transition: color 0.3s;
}

.blog-post-content h2 a:hover {
    color: var(--red);
}

.post-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    font-size: 13px;
}

.post-category,
.post-author {
    display: flex;
    align-items: center;
    gap: 5px;
}

.post-category i,
.post-author i {
    color: var(--red);
}

.blog-post-content p {
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 15px;
}

.read-more {
    display: inline-block;
    color: var(--red);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s;
}

.read-more:hover {
    color: var(--black);
}

/* PAGINATION */
.pagination {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--border);
    border-radius: 4px;
    color: var(--black);
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 500;
    background-color: var(--white);
}

.page-link:hover,
.page-link.active {
    background-color: var(--red);
    color: var(--black);
    border-color: var(--red);
}

.page-link.next {
    width: auto;
    padding: 0 15px;
}

/* SIDEBAR */
.blog-sidebar {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sidebar-widget {
    background-color: var(--white);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--border);
}

.widget-title {
    font-size: 18px;
    color: var(--black);
    margin-bottom: 15px;
    font-weight: 600;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--red);
}

/* CATEGORIES LIST */
.categories-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.categories-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
    text-decoration: none;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 4px;
    transition: all 0.3s;
}

.categories-list a:hover {
    background-color: var(--bg);
    color: var(--red);
    padding-left: 15px;
}

.categories-list i {
    color: var(--red);
    width: 12px;
    text-align: center;
}

/* RECENT POSTS LIST */
.recent-posts-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recent-posts-list a {
    color: var(--black);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    transition: color 0.3s;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
}

.recent-posts-list a:hover {
    color: var(--red);
}

/* SEARCH FORM */
.search-form {
    display: flex;
    gap: 8px;
}

.search-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
}

.search-input:focus {
    outline: none;
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);
}

.search-button {
    padding: 10px 15px;
    background-color: var(--button);
    color: var(--white);
    border: none;    
    cursor: pointer;
    font-size: 13px;
    transition: background-color 0.3s;
}

.search-button:hover {
    background-color: var(--red-hover);
}

/* NEWSLETTER WIDGET */
.newsletter-widget {
    background: linear-gradient(135deg, rgba(230, 57, 70, 0.1) 0%, rgba(230, 57, 70, 0.05) 100%);
    border-color: var(--red);
}

.newsletter-widget p {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.newsletter-input {
    padding: 10px 12px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 13px;
    font-family: inherit;
}

.newsletter-input:focus {
    outline: none;
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);
}

.newsletter-button {
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}


/* RESPONSIVE BLOG */
@media (max-width: 768px) {
    .blog-layout {
        grid-template-columns: 1fr;
    }

    .blog-title {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .blog-post-image {
        height: 200px;
    }

    .blog-post-content {
        padding: 20px;
    }

    .blog-post-content h2 {
        font-size: 20px;
    }

    .post-meta {
        flex-direction: column;
        gap: 8px;
    }

    .blog-sidebar {
        order: -1;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .blog-title {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .blog-post-image {
        height: 180px;
    }

    .blog-post-content {
        padding: 15px;
    }

    .blog-post-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .post-meta {
        font-size: 12px;
        gap: 10px;
    }

    .blog-post-content p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .sidebar-widget {
        padding: 15px;
    }

    .widget-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .pagination {
        gap: 8px;
    }

    .page-link {
        width: 35px;
        height: 35px;
        font-size: 13px;
    }


}
/* SINGLE POST PAGE STYLES */
.post-section {
    padding: 40px 0;
    min-height: calc(100vh - 200px);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    font-size: 13px;
    margin-top: 30px;
}

.breadcrumb a {
    color: var(--red);
    text-decoration: none;
    transition: color 0.3s;
}

.breadcrumb a:hover {
    color: var(--black);
}

.breadcrumb span {
    color: var(--white);
}

.post-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 30px;
}

.post-main {
    background-color: var(--white);
    border-radius: 8px;
    padding: 40px;
    border: 1px solid var(--border);
}

.single-post .post-title {
    font-size: 42px;
    color: var(--black) !important;
    margin-bottom: 20px;
    line-height: 1.2;
    font-weight: 600;
    text-shadow: none;
}

.post-header-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    flex-wrap: wrap;
}

.post-header-date,
.post-header-author,
.post-header-category,
.post-header-time {
    display: flex;
    align-items: center;
    gap: 6px;
}

.post-header-date i,
.post-header-author i,
.post-header-category i,
.post-header-time i {
    color: var(--red);
}

.post-featured-image {
    width: 100%;
    height: 400px;
    margin-bottom: 30px;
    border-radius: 8px;
    overflow: hidden;
}

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

.post-content {
    font-size: 16px;
    line-height: 1.8;
}

.post-content p {
    margin-bottom: 20px;
}

.post-content h2 {
    font-size: 28px;
    color: var(--black);
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 600;
}

.post-content h3 {
    font-size: 22px;
    color: var(--black);
    margin-top: 28px;
    margin-bottom: 15px;
    font-weight: 600;
}

.post-content strong {
    color: var(--black);
    font-weight: 600;
}

.post-list {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.post-list li {
    padding: 10px 0 10px 30px;
    position: relative;
}

.post-list li::before {
    content: '�';
    position: absolute;
    left: 0px;
    top: 4px;
    color: var(--red);
    font-weight: bold;
    font-size: 20px;
}

.post-callout {
    background-color: rgba(230, 57, 70, 0.1);
    border-left: 4px solid var(--red);
    padding: 20px;
    border-radius: 4px;
    margin: 25px 0;
    display: flex;
    gap: 15px;
}

.post-callout i {
    color: var(--red);
    font-size: 24px;
    flex-shrink: 0;
    margin-top: 2px;
}

.post-callout strong {
    display: block;
    margin-bottom: 5px;
}

.post-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.post-tags {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.post-tags i {
    color: var(--red);
}

.post-tags a {
    display: inline-block;
    background-color: var(--bg);
    color: var(--black);
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    transition: all 0.3s;
    border: 1px solid var(--border);
}

.post-tags a:hover {
    background-color: var(--red);
    color: var(--black);
    border-color: var(--red);
}

.post-link {
    color: var(--red);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s;
}

.post-link:hover {
    color: var(--black);
}

/* AUTHOR BOX */
.author-box {
    padding: 25px;
    border-radius: 8px;
    margin-top: 40px;
    display: flex;
    gap: 20px;
    border: 1px solid var(--border);    
    background-color: var(--bg);
}

.author-avatar {
    flex-shrink: 0;
}

.author-avatar i {
    font-size: 60px;
    color: var(--red);
}

.author-info {
    flex-grow: 1;
}

.author-info h4 {
    font-size: 16px;
    color: var(--black);
    margin-bottom: 8px;
    font-weight: 600;
}

.author-info p {
    font-size: 14px;
    color: var(--black);
    line-height: 1.6;
}

/* RELATED POSTS */
.related-posts {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid var(--border);
}

.related-posts h3 {
    font-size: 24px;
    color: var(--black);
    margin-bottom: 25px;
    font-weight: 600;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.related-post-item {
    background-color: var(--bg);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
}

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

.related-post-image {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.related-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.related-post-item:hover .related-post-image img {
    transform: scale(1.05);
}

.related-post-item h4 {
    font-size: 16px;
    color: var(--black);
    padding: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

.related-post-item h4 a {
    color: var(--black);
    text-decoration: none;
    transition: color 0.3s;
}

.related-post-item h4 a:hover {
    color: var(--red);
}

.related-post-item p {
    padding: 0 15px 15px;
    font-size: 12px;
    color: var(--white);
}

/* COMMENTS SECTION */
.comments-section {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid var(--border);
}

.comments-title {
    font-size: 24px;
    color: var(--black);
    margin-bottom: 25px;
    font-weight: 600;
}

.comment {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid var(--border);
}

.comment:last-of-type {
    border-bottom: none;
}

.comment-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: var(--red);
}

.comment-content {
    flex-grow: 1;
}

.comment-header {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.comment-author {
    font-weight: 600;
    color: var(--black);
}

.comment-date {
    font-size: 12px;
}

.comment-content p {
    font-size: 14px;
    margin-bottom: 12px;
}

.comment-reply {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    color: var(--red);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.3s;
    padding: 0;
}

.comment-reply:hover {
    color: var(--black);
}

/* COMMENT FORM */
.comment-form-wrapper {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--border);
}

.comment-form-wrapper h4 {
    font-size: 18px;
    color: var(--black);
    margin-bottom: 20px;
    font-weight: 600;
}

.comment-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.comment-form .form-group {
    margin-bottom: 0;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
}

.comment-form input:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1);
}

.comment-form textarea {
    resize: vertical;
    min-height: 120px;
}

/* POST SIDEBAR */
.post-sidebar {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.cta-widget {   
    border-color: var(--red);
    text-align: center;
}

.cta-widget h3 {
    font-size: 18px;
    color: var(--black);
    margin-bottom: 12px;
    font-weight: 600;
}

.cta-widget p {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 1.6;
}

.cta-widget .btn-primary {
    width: 100%;
    padding: 12px;
    display: block;
}

/* RESPONSIVE POST PAGE */
@media (max-width: 768px) {
    .post-layout {
        grid-template-columns: 1fr;
    }

    .post-main {
        padding: 25px;
    }

    .single-post .post-title {
        font-size: 32px;
    }

    .post-featured-image {
        height: 250px;
    }

    .related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .post-header-meta {
        flex-direction: column;
        gap: 10px;
    }

    .author-box {
        flex-direction: column;
        text-align: center;
    }

    .post-sidebar {
        order: -1;
    }
}

@media (max-width: 480px) {
    .post-main {
        padding: 20px;
    }

    .single-post .post-title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .post-content {
        font-size: 15px;
        line-height: 1.6;
    }

    .post-content h2 {
        font-size: 22px;
        margin-top: 25px;
    }

    .post-content h3 {
        font-size: 18px;
        margin-top: 20px;
    }

    .post-featured-image {
        height: 200px;
        margin-bottom: 20px;
    }

    .post-header-meta {
        font-size: 12px;
        gap: 8px;
    }

    .related-posts-grid {
        grid-template-columns: 1fr;
    }

    .comment-form input,
    .comment-form textarea {
        font-size: 16px;
    }

    .breadcrumb {
        font-size: 12px;
        margin-bottom: 25px;
    }
}



.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 50% 50%;    
    height: 40px;
    width: 40px;
}
.icon-small {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 50% 50%; 
    height: 16px;
    width: 16px;
}
.icon-medium {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 50% 50%; 
    height: 28px;
    width: 28px;
}
.icon-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M493 25 389 1c-11-3-23 3-27 14l-48 112c-4 9-2 21 7 28l60 49c-36 77-99 141-177 177l-49-60c-7-9-19-11-28-7L15 362q-17 9-14 27l24 104q5 18 23 19c256 0 464-207 464-464q-1-18-19-23'/%3E%3C/svg%3E");
}
.icon-car {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M500 176h-60l-17-42c-17-42-57-70-103-70H193c-47 0-87 28-104 70l-17 42H12q-13 2-12 15l6 24q4 8 12 9h20a64 64 0 0 0-22 48v48q1 25 16 42v54c0 18 14 32 32 32h32c18 0 32-14 32-32v-32h256v32c0 18 14 32 32 32h32c18 0 32-14 32-32v-54q16-17 16-42v-48q-1-29-22-48h20q9-1 12-9l6-24q2-13-12-15m-352-18c7-18 25-30 45-30h127c19 0 37 12 44 30l20 50H128zM96 320q-30-2-32-32c-2-30 13-32 32-32s48 29 48 48-29 16-48 16m320 0c-19 0-48 3-48-16s29-48 48-48 32 13 32 32-13 32-32 32'/%3E%3C/svg%3E");
    background-size: 36px;
}
.icon-tools {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M501.1 395.7 384 278.6a74 74 0 0 0-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6a74 74 0 0 0 13.9 85.4l117.1 117.1a37 37 0 0 0 52.7 0l52.7-52.7a37.4 37.4 0 0 0 0-52.7M331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4a142 142 0 0 0 43.8-29.5 144 144 0 0 0 37.9-136.7 12 12 0 0 0-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4a12 12 0 0 0-5.7-20.2 144 144 0 0 0-136.6 37.9 142 142 0 0 0-41.2 103.6l82.1 82.1a109 109 0 0 1 24.7-2.9m-103.9 82-56.7-56.7L18.7 402.8a64 64 0 1 0 90.5 90.5l123.6-123.6a107 107 0 0 1-5-62.7M64 472a24 24 0 1 1 24-24 24 24 0 0 1-24 24'/%3E%3C/svg%3E");
}
.icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M504 256a248 248 0 1 1-496 0 248 248 0 0 1 496 0M227 387l184-184c7-6 7-16 0-22l-22-23q-12-9-23 0L216 308l-70-70q-11-9-23 0l-22 23c-7 6-7 16 0 22l104 104c6 7 16 7 22 0'/%3E%3C/svg%3E");
}
.icon-document {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ff2d1e' d='M224 136V0H24C11 0 0 11 0 24v464c0 13 11 24 24 24h336c13 0 24-11 24-24V160H248c-13 0-24-11-24-24M64 72q1-7 8-8h80q7 1 8 8v16q-1 7-8 8H72q-7-1-8-8zm0 64q1-7 8-8h80q7 1 8 8v16q-1 7-8 8H72q-7-1-8-8zm193 248h47a16 16 0 1 1 0 32h-47q-26-1-39-24-6-7-10-6c-4 1-7 0-10 6l-8 15a16 16 0 0 1-14 9h-1q-11-2-14-11l-17-50-11 31q-11 28-41 30H80a16 16 0 1 1 0-32h12q9 0 11-8l18-54a24 24 0 0 1 46 0l14 41c19-16 54-9 66 14q4 7 10 7m120-279L279 7q-6-6-17-7h-6v128h128v-6q0-9-7-17'/%3E%3C/svg%3E");
    background-size: 28px;
}
.icon-hand {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ff2d1e' d='M275.3 250.5c7 7.4 18.4 7.4 25.5 0l108.9-114.2a83 83 0 0 0-5.6-118.8c-30.8-26.7-76.7-21.9-104.9 7.7L288 36.9l-11.1-11.6C248.7-4.4 202.8-9.2 172 17.5a83 83 0 0 0-5.6 118.8zm290 77.6c-11.8-10.7-30.2-10-42.6 0L430.3 402a64 64 0 0 1-40 14H272c-8.8 0-16-7.2-16-16s7.2-16 16-16h78.3c15.9 0 30.7-10.9 33.3-26.6A32 32 0 0 0 352 320H192c-27 0-53.1 9.3-74.1 26.3L71.4 384H16a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h356.8a64 64 0 0 0 40-14L564 377a32 32 0 0 0 1.3-48.9'/%3E%3C/svg%3E");
    background-size: 38px;
}
.icon-mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M502 191q8-3 10 5v204c0 27-21 48-48 48H48c-26 0-48-21-48-48V196c0-5 6-8 10-5l154 114c21 15 56 47 92 47s72-33 92-47zM256 320c23 0 57-29 73-41 133-97 143-105 174-129q9-8 9-19v-19c0-26-22-48-48-48H48C22 64 0 86 0 112v19q0 11 9 19c31 24 41 32 174 129 16 12 50 41 73 41'/%3E%3C/svg%3E");
}
.icon-clock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496m92 313-20 25a16 16 0 0 1-22 3l-67-50a40 40 0 0 1-15-31V112a16 16 0 0 1 16-16h32a16 16 0 0 1 16 16v144l58 43a16 16 0 0 1 2 22'/%3E%3C/svg%3E");
}
.icon-bank {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ff2d1e' d='M560 224h-29.5c-8.8-20-21.6-37.7-37.4-52.5L512 96h-32a95 95 0 0 0-73 34.3c-7.6-1.1-15.1-2.3-23-2.3H256c-77.4 0-141.9 55-156.8 128H56a24 24 0 0 1-23.5-28.8A24.6 24.6 0 0 1 57 208h1a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6A57 57 0 0 0 .5 224.6 56 56 0 0 0 56 288h40c0 52.2 25.4 98.1 64 127.3V496a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-48h128v48a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-80.7a160 160 0 0 0 31.3-31.3H560a16 16 0 0 0 16-16V240a16 16 0 0 0-16-16m-128 64c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16M256 96h128q8.1.1 15.9.8l.1-.8a96 96 0 0 0-192 0c0 2.1.5 4.1.6 6.2A190 190 0 0 1 256 96'/%3E%3C/svg%3E");
    background-size: 38px;
}
.icon-shield {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ff2d1e' d='m466.5 83.7-192-80a48 48 0 0 0-36.9 0l-192 80A48 48 0 0 0 16 128c0 198.5 114.5 335.7 221.5 380.3a48 48 0 0 0 36.9 0C360.1 472.6 496 349.3 496 128a48 48 0 0 0-29.5-44.3M256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7'/%3E%3C/svg%3E");
}
.icon-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ff2d1e' d='M259.3 17.8 194 150.2 47.9 171.5a32 32 0 0 0-17.7 54.6l105.7 103-25 145.5a32 32 0 0 0 46.4 33.7L288 439.6l130.7 68.7a32 32 0 0 0 46.4-33.7l-25-145.5 105.7-103a32 32 0 0 0-17.7-54.6L382 150.2 316.7 17.8a32 32 0 0 0-57.4 0'/%3E%3C/svg%3E");
}
.icon-place {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ff2d1e' d='M172 502C27 291 0 269 0 192a192 192 0 1 1 384 0c0 77-27 99-172 310a24 24 0 0 1-40 0m20-230a80 80 0 1 0 0-160 80 80 0 0 0 0 160'/%3E%3C/svg%3E");
    background-size: 11px;
}
.icon-fb-white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23fff' d='m279 288 14-93h-89v-60c0-25 13-50 53-50h40V6s-37-6-72-6c-73 0-121 44-121 125v70H23v93h81v224h100V288z'/%3E%3C/svg%3E");
    background-size: 10px;
}
.icon-fb-white:hover,
.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ff2d1e' d='m279 288 14-93h-89v-60c0-25 13-50 53-50h40V6s-37-6-72-6c-73 0-121 44-121 125v70H23v93h81v224h100V288z'/%3E%3C/svg%3E");
    background-size: 10px;
}
.icon-in-white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141m0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7m146.4-194.3c0 14.9-12 26.8-26.8 26.8a26.8 26.8 0 1 1 26.8-26.8m76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8M398.8 388a75.6 75.6 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9A75.6 75.6 0 0 1 49.4 388c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1A75.6 75.6 0 0 1 92 81.2c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.6 75.6 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E");
    background-size: 17px;
}
.icon-in-white:hover,
.icon-in {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ff2d1e' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141m0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7m146.4-194.3c0 14.9-12 26.8-26.8 26.8a26.8 26.8 0 1 1 26.8-26.8m76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8M398.8 388a75.6 75.6 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9A75.6 75.6 0 0 1 49.4 388c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1A75.6 75.6 0 0 1 92 81.2c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.6 75.6 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E");
    background-size: 17px;
}
.icon-wh-white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M381 97A222 222 0 0 0 32 365L0 480l118-31q49 27 106 27c122 0 224-99 224-222 0-59-25-115-67-157M224 439q-51 0-94-26l-7-4-70 18 19-68-4-7q-29-45-29-98a185 185 0 0 1 315-130c35 34 57 81 56 130 1 102-84 185-186 185m101-138c-5-3-33-17-38-18q-8-4-12 2l-18 22q-4 5-12 2c-33-17-54-30-75-66-6-10 5-10 16-31q3-5-1-9l-17-42c-4-10-9-9-12-9h-11q-7-1-15 7c-5 5-19 19-19 46s20 54 23 57c2 4 39 60 94 84 36 15 49 17 67 14 11-2 33-13 37-26 5-13 5-25 4-27q-2-3-11-6'/%3E%3C/svg%3E");
    background-size: 17px;
}
.icon-wh-white:hover,
.icon-wh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ff2d1e' d='M381 97A222 222 0 0 0 32 365L0 480l118-31q49 27 106 27c122 0 224-99 224-222 0-59-25-115-67-157M224 439q-51 0-94-26l-7-4-70 18 19-68-4-7q-29-45-29-98a185 185 0 0 1 315-130c35 34 57 81 56 130 1 102-84 185-186 185m101-138c-5-3-33-17-38-18q-8-4-12 2l-18 22q-4 5-12 2c-33-17-54-30-75-66-6-10 5-10 16-31q3-5-1-9l-17-42c-4-10-9-9-12-9h-11q-7-1-15 7c-5 5-19 19-19 46s20 54 23 57c2 4 39 60 94 84 36 15 49 17 67 14 11-2 33-13 37-26 5-13 5-25 4-27q-2-3-11-6'/%3E%3C/svg%3E");
    background-size: 17px;
}


.wpcf7 form .wpcf7-response-output {
    margin: 20px 0 0 0 !important;
}
.wpcf7-form-control-wrap {
    margin-top: 8px;
    display: block;
}
.wpcf7-spinner {
    top: 6px;
}

/* micromodal */
.micromodal-slide .modal__container,.micromodal-slide .modal__overlay,.modal__btn{will-change:transform}.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index: 9999;display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:20px;max-width:675px;max-height:90%;border-radius:4px;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:0 0;border:0;padding: 12px 15px;cursor: pointer;position: absolute;top: 0;right: 0;}.modal__header .modal__close:before{content:"\2715"}.modal__content{line-height:1.5;color:rgba(0,0,0,.8)}.modal__btn{font-size:.875rem;padding:.5rem 1rem;background-color:#e6e6e6;color:rgba(0,0,0,.8);border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeIn}.micromodal-slide[aria-hidden=false] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideIn}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:.3s cubic-bezier(0,0,.2,1) mmfadeOut}.micromodal-slide[aria-hidden=true] .modal__container{animation:.3s cubic-bezier(0,0,.2,1) mmslideOut}
@media (max-width: 768px) {
    .modal__container { max-height: 100%; }
}

.booking-promocode {
    display: inline-block;
    border: 1px solid #FFC107;
    background-color: #fff0c2;
    padding: 6px 15px;
    border-radius: 36px;
    margin-bottom: 10px;
    font-size: 13px;
}
input[name="promocode"][disabled] + .booking-promocode {
    text-decoration: line-through;
    background-color: #ffd4d1;
}
.booking-form input[type="hidden"]+br {
    display: none;
}