:root {
--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
--wd-text-font-weight: 400;
--wd-text-color: #767676;
--wd-text-font-size: 16px;
--wd-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 700;
--wd-title-color: #242424;
--wd-entities-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 700;
--wd-entities-title-color: rgb(51,51,51);
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 700;
--wd-widget-title-transform: uppercase;
--wd-widget-title-color: #333;
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Kumbh Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 13px;
--wd-otl-style: dotted;
--wd-otl-width: 2px;
--wd-primary-color: rgb(245,196,0);
--wd-alternative-color: #fbbc34;
--btn-default-bgcolor: #f7f7f7;
--btn-default-bgcolor-hover: #efefef;
--btn-accented-bgcolor: rgb(245,179,50);
--btn-accented-bgcolor-hover: rgb(223,163,46);
--wd-form-brd-width: 2px;
--notices-success-bg: #459647;
--notices-success-color: #fff;
--notices-warning-bg: #E0B252;
--notices-warning-color: #fff;
--wd-link-color: #333333;
--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
background-color: #111111;
background-image: none;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.wd-promo-popup-wrap {
--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
object-fit: cover;
object-position: center center;
}
.wd-footer {
background-color: rgb(16,16,16);
background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
background-color: rgb(250,247,244);
background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}
@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}
.wd-page-title {
background-color: #0a0a0a;
}
.menu_city {
background-color: #f5c400;
color: #000000;
padding: 0px 16px;
font-size: 14px;
border: none;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
transition: background-color 0.3s;
}
.menu_city:hover {
background-color: #000;
color: #fff;
}
.header__status {
position: relative;
margin-right: 16px;
padding-left: 21px;
font-weight: 400;
font-size: 15px;
color: var(--header-color);
}
.header__status::before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 9px;
aspect-ratio: 1;
border-radius: 50%;
outline-color: #c3f0b4;
outline-color: rgba(55, 203, 3, .22);
outline-width: 4px;
outline-style: solid;
background-color: #37cb03;
}
.header__phone {
position: relative;
padding-left: 30px;
font-weight: 700;
font-size: 20px;
margin-right: 24px;
margin-left: 16px;
}
#main-content {
padding: 0px;
}
.wd-nav {
--nav-gap: 40px;
}
.messenger-icons {
display: flex;
align-items: center;
gap: 10px;
}
.messenger-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
transition: transform 0.2s ease;
}
.messenger-icon img {
width: 100%;
height: 100%;
display: block;
}
.messenger-icon:hover {
transform: scale(1.1);
} .ah24-page {
--ah24-yellow: #f5c400;
--ah24-yellow-dark: #dcae00;
--ah24-black: #101214;
--ah24-dark: #17191c;
--ah24-gray: #5d6268;
--ah24-light: #fff;
--ah24-white: #ffffff;
--ah24-border: #e5e7e9;
--ah24-radius: 18px;
--ah24-shadow: 0 12px 40px rgba(0,0,0,.08);
width: 100%;
overflow: hidden;
color: var(--ah24-black);
font-family: inherit;
line-height: 1.6;
}
.ah24-page *,
.ah24-page *::before,
.ah24-page *::after {
box-sizing: border-box;
}
.ah24-container {
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
}
.ah24-section {
padding: 90px 0;
}
.ah24-section--gray {
background: var(--ah24-light);
}
.ah24-section--dark {
background: var(--ah24-dark);
color: #fff !important;
}
.ah24-section-head {
max-width: 780px;
margin: 0 auto 50px;
text-align: center;
}
.ah24-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
color: #a47d00;
font-size: 13px;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}
.ah24-section--dark .ah24-eyebrow {
color: var(--ah24-yellow);
}
.ah24-section-title {
margin: 0 0 18px;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.08;
letter-spacing: -.035em;
font-weight: 800;
}
.ah24-section-text {
margin: 0;
color: var(--ah24-gray);
font-size: 17px;
}
.ah24-section--dark .ah24-section-text {
color: #bfc3c7;
}
.ah24-section--dark .ah24-section-title {
color: #fff;
} .ah24-hero {
position: relative;
min-height: 680px;
display: flex;
align-items: center;
color: #fff;
background:
linear-gradient(90deg, rgba(7,9,11,.94) 0%, rgba(7,9,11,.78) 42%, rgba(7,9,11,.22) 100%),
url(https://autohelp24.by/wp-content/uploads/2026/10/banner2.webp)
center center / cover no-repeat;
}
.ah24-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100px;
background: linear-gradient(to bottom, transparent, rgba(0,0,0,.35));
pointer-events: none;
}
.ah24-hero-inner {
position: relative;
z-index: 2;
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
padding: 90px 0;
}
.ah24-hero-content {
max-width: 720px;
}
.ah24-hero-badge {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 9px 15px;
margin-bottom: 24px;
border: 1px solid rgba(245,196,0,.45);
border-radius: 50px;
background: rgba(245,196,0,.1);
color: var(--ah24-yellow);
font-size: 13px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
backdrop-filter: blur(5px);
}
.ah24-hero-badge-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--ah24-yellow);
box-shadow: 0 0 0 5px rgba(245,196,0,.12);
}
.ah24-hero h1 {
margin: 0 0 24px;
color: #fff;
font-size: clamp(42px, 6vw, 72px);
line-height: .98;
letter-spacing: -.045em;
font-weight: 900;
}
.ah24-hero h1 span {
color: var(--ah24-yellow);
}
.ah24-hero-description {
max-width: 650px;
margin: 0 0 32px;
color: rgba(255,255,255,.86);
font-size: clamp(17px, 2vw, 21px);
line-height: 1.55;
}
.ah24-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 13px;
}
.ah24-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 27px;
border: 0;
border-radius: 10px;
text-decoration: none !important;
font-size: 16px;
font-weight: 800;
transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
cursor: pointer;
}
.ah24-btn:hover {
transform: translateY(-2px);
}
.ah24-btn--yellow {
background: var(--ah24-yellow);
color: #111 !important;
box-shadow: 0 8px 25px rgba(245,196,0,.2);
}
.ah24-btn--yellow:hover {
background: #ffd21a;
}
.ah24-btn--outline {
border: 1px solid rgba(255,255,255,.35);
background: rgba(255,255,255,.07);
color: #fff !important;
backdrop-filter: blur(5px);
}
.ah24-btn--outline:hover {
background: rgba(255,255,255,.14);
}
.ah24-hero-phone {
display: block;
margin-top: 22px;
color: #fff !important;
font-size: 24px;
font-weight: 800;
text-decoration: none !important;
}
.ah24-hero-phone small {
display: block;
margin-top: 3px;
color: rgba(255,255,255,.55);
font-size: 12px;
font-weight: 500;
} .ah24-trust {
position: relative;
z-index: 5;
margin-top: 0px;
margin-bottom: 70px;
}
.ah24-trust-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-radius: 18px;
overflow: hidden;
background: #fff;
box-shadow: 0 15px 50px rgba(0,0,0,.13);
}
.ah24-trust-item {
display: flex;
align-items: center;
gap: 15px;
min-height: 105px;
padding: 22px 28px;
border-right: 1px solid var(--ah24-border);
}
.ah24-trust-item:last-child {
border-right: 0;
}
.ah24-trust-icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 12px;
background: #fff6cc;
color: #8d6d00;
font-size: 22px;
}
.ah24-trust-item strong {
display: block;
font-size: 16px;
line-height: 1.2;
}
.ah24-trust-item span {
display: block;
margin-top: 4px;
color: var(--ah24-gray);
font-size: 13px;
} .ah24-services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.ah24-service-card {
position: relative;
overflow: hidden;
min-height: 410px;
display: flex;
flex-direction: column;
border: 1px solid var(--ah24-border);
border-radius: var(--ah24-radius);
background: #fff;
box-shadow: 0 5px 25px rgba(0,0,0,.04);
transition: transform .25s ease, box-shadow .25s ease;
}
.ah24-service-card:hover {
transform: translateY(-6px);
box-shadow: var(--ah24-shadow);
}
.ah24-service-image {
width: 100%;
height: 205px;
object-fit: cover;
display: block;
}
.ah24-service-body {
padding: 26px;
}
.ah24-service-number {
margin-bottom: 7px;
color: #b18a00;
font-size: 12px;
font-weight: 800;
letter-spacing: .1em;
}
.ah24-service-card h3 {
margin: 0 0 10px;
font-size: 23px;
line-height: 1.15;
}
.ah24-service-card p {
margin: 0;
color: var(--ah24-gray);
font-size: 15px;
}
.ah24-service-link {
display: inline-flex;
margin-top: 17px;
color: #161616 !important;
font-weight: 800;
text-decoration: none !important;
}
.ah24-service-link::after {
content: "→";
margin-left: 8px;
color: #b18a00;
}
#ah24-services {
padding-top: 0px;
} .ah24-about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
align-items: center;
}
.ah24-about-image {
width: 100%;
aspect-ratio: 1.15 / 1;
object-fit: cover;
border-radius: 22px !important;
box-shadow: var(--ah24-shadow)
}
.ah24-about-content h2 {
margin: 0 0 20px;
font-size: clamp(32px, 4vw, 46px);
line-height: 1.08;
letter-spacing: -.035em;
}
.ah24-about-content > p {
color: var(--ah24-gray);
font-size: 17px;
}
.ah24-check-list {
display: grid;
gap: 13px;
margin: 28px 0 0;
padding: 0;
list-style: none;
}
.ah24-check-list li {
position: relative;
padding-left: 31px;
font-weight: 650;
}
.ah24-check-list li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 21px;
height: 21px;
display: grid;
place-items: center;
border-radius: 50%;
background: var(--ah24-yellow);
color: #111;
font-size: 12px;
font-weight: 900;
} .ah24-problems-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.ah24-problem {
display: flex;
gap: 18px;
padding: 25px;
border: 1px solid var(--ah24-border);
border-radius: 15px;
background: #fff;
}
.ah24-problem-icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
display: grid;
place-items: center;
border-radius: 12px;
background: #fff6cc;
font-size: 21px;
}
.ah24-problem h3 {
margin: 0 0 6px;
font-size: 18px;
}
.ah24-problem p {
margin: 0;
color: var(--ah24-gray);
font-size: 14px;
} .ah24-advantages {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.ah24-advantage {
padding: 30px;
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px;
background: rgba(255,255,255,.035);
}
.ah24-advantage-icon {
width: 48px;
height: 48px;
display: grid;
place-items: center;
margin-bottom: 22px;
border-radius: 12px;
background: var(--ah24-yellow);
color: #111;
font-size: 21px;
}
.ah24-advantage h3 {
margin: 0 0 8px;
color: #fff;
font-size: 19px;
}
.ah24-advantage p {
margin: 0;
color: #adb2b7;
font-size: 14px;
} .ah24-vehicles-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.ah24-vehicle {
padding: 30px;
border-radius: 17px;
background: #fff;
border: 1px solid var(--ah24-border);
}
.ah24-vehicle-icon {
font-size: 36px;
margin-bottom: 16px;
}
.ah24-vehicle h3 {
margin: 0 0 8px;
font-size: 20px;
}
.ah24-vehicle p {
margin: 0;
color: var(--ah24-gray);
font-size: 15px;
} .ah24-process {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
}
.ah24-process-item {
position: relative;
padding: 30px 25px;
border-radius: 16px;
background: #fff;
border: 1px solid var(--ah24-border);
}
.ah24-process-number {
margin-bottom: 20px;
color: var(--ah24-yellow-dark);
font-size: 13px;
font-weight: 900;
letter-spacing: .1em;
}
.ah24-process h3 {
margin: 0 0 8px;
font-size: 19px;
}
.ah24-process p {
margin: 0;
color: var(--ah24-gray);
font-size: 14px;
} .ah24-gallery {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
grid-template-rows: 220px 220px;
gap: 14px;
}
.ah24-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
display: block;
}
.ah24-gallery-main {
grid-row: 1 / 3;
} .ah24-cta {
position: relative;
overflow: hidden;
padding: 70px 0;
background:
linear-gradient(100deg, rgba(10,11,13,.96), rgba(10,11,13,.8)),
url(https://autohelp24.by/wp-content/uploads/2026/10/0a8c1e84-177c-4ec6-9982-05a54410a861.webp)
center / cover no-repeat;
color: #fff;
}
.ah24-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.ah24-cta h2 {
margin: 0 0 10px;
color: #fff;
font-size: clamp(30px, 4vw, 46px);
line-height: 1.08;
}
.ah24-cta p {
margin: 0;
color: #bfc3c7;
font-size: 17px;
}
.ah24-cta-phone {
display: block;
margin-top: 15px;
color: var(--ah24-yellow) !important;
font-size: 29px;
font-weight: 900;
text-decoration: none !important;
} .ah24-faq {
max-width: 900px;
margin: 0 auto;
}
.ah24-faq-item {
border-bottom: 1px solid var(--ah24-border);
}
.ah24-faq-question {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 24px;
border: 0;
background: transparent;
color: var(--ah24-black);
text-align: left;
font: inherit;
font-size: 18px;
font-weight: 800;
cursor: pointer;
}
.ah24-faq-plus {
flex: 0 0 auto;
width: 34px;
height: 34px;
display: grid;
place-items: center;
border-radius: 50%;
background: #f2f3f4;
font-size: 21px;
transition: transform .25s ease, background .25s ease;
}
.ah24-faq-item.ah24-active .ah24-faq-plus {
transform: rotate(45deg);
background: var(--ah24-yellow);
}
.ah24-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .3s ease;
}
.ah24-faq-answer-inner {
padding: 0 55px 24px 0;
color: var(--ah24-gray);
font-size: 15px;
} .ah24-contact-grid {
display: grid;
grid-template-columns: .8fr 1.2fr;
gap: 30px;
}
.ah24-contact-card {
padding: 38px;
border-radius: 18px;
background: var(--ah24-dark);
color: #fff;
}
.ah24-contact-card h2 {
margin: 0 0 14px;
color: #fff;
font-size: 32px;
}
.ah24-contact-card p {
color: #aeb3b8;
}
.ah24-contact-phone {
display: inline-block;
margin: 15px 0 20px;
color: var(--ah24-yellow) !important;
font-size: 27px;
font-weight: 900;
text-decoration: none !important;
}
.ah24-contact-form {
border: 1px solid var(--ah24-border);
border-radius: 18px;
background: #fff;
box-shadow: var(--ah24-shadow);
}
.ah24-contact-form iframe {
border-radius: 18px;
}
.ah24-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.ah24-form-group {
margin-bottom: 17px;
}
.ah24-form-group label {
display: block;
margin-bottom: 7px;
font-size: 13px;
font-weight: 800;
}
.ah24-form-group input,
.ah24-form-group textarea {
width: 100%;
padding: 15px 16px;
border: 1px solid #dfe2e5;
border-radius: 9px;
background: #fafafa;
color: #111;
font: inherit;
outline: none;
transition: border-color .2s ease, box-shadow .2s ease;
}
.ah24-form-group textarea {
min-height: 120px;
resize: vertical;
}
.ah24-form-group input:focus,
.ah24-form-group textarea:focus {
border-color: var(--ah24-yellow-dark);
box-shadow: 0 0 0 3px rgba(245,196,0,.12);
}
.ah24-form-note {
margin: 10px 0 18px;
color: #777;
font-size: 12px;
}
.btn-shape-semi-round, .btn-style-semi-round {
--btn-brd-radius: 10px !important;
} .ah24-floating-phone {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 9998;
display: flex;
align-items: center;
gap: 10px;
padding: 13px 18px;
border-radius: 50px;
background: var(--ah24-yellow);
color: #111 !important;
box-shadow: 0 10px 30px rgba(0,0,0,.2);
font-size: 15px;
font-weight: 900;
text-decoration: none !important;
transition: transform .2s ease;
}
.ah24-floating-phone:hover {
transform: translateY(-3px);
}
.wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a {
color: #333333 !important;
background-color: var(--nav-bg-active);
box-shadow: var(--nav-shadow-active);
border: var(--nav-border-active);
} @media (max-width: 980px) {
.ah24-services-grid,
.ah24-advantages,
.ah24-vehicles-grid {
grid-template-columns: repeat(2, 1fr);
}
.ah24-about-grid,
.ah24-contact-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.ah24-process {
grid-template-columns: repeat(2, 1fr);
}
.ah24-gallery {
grid-template-columns: 1fr 1fr;
grid-template-rows: 250px 180px;
}
.ah24-gallery-main {
grid-column: 1 / 3;
grid-row: auto;
}
}
@media (max-width: 700px) {
.ah24-container,
.ah24-hero-inner {
width: min(100% - 28px, 1180px);
}
.ah24-section {
padding: 65px 0;
}
.ah24-hero {
min-height: 650px;
background-position: 62% center;
}
.ah24-hero-inner {
padding: 20px 0;
}
.ah24-hero h1 {
font-size: 43px;
}
.ah24-hero-description {
font-size: 16px;
}
.ah24-hero-actions {
flex-direction: column;
align-items: stretch;
}
.ah24-btn {
width: 100%;
}
.ah24-trust {
margin-top: 15px;
}
.ah24-trust-grid {
grid-template-columns: 1fr;
}
.ah24-trust-item {
border-right: 0;
border-bottom: 1px solid var(--ah24-border);
}
.ah24-trust-item:last-child {
border-bottom: 0;
}
.ah24-services-grid,
.ah24-advantages,
.ah24-vehicles-grid,
.ah24-problems-grid,
.ah24-process {
grid-template-columns: 1fr;
}
.ah24-about-grid {
gap: 30px;
}
.ah24-gallery {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 230px);
}
.ah24-gallery-main {
grid-column: auto;
grid-row: auto;
}
.ah24-cta-inner {
flex-direction: column;
align-items: flex-start;
}
.ah24-cta .ah24-btn {
width: auto;
}
.ah24-form-row {
grid-template-columns: 1fr;
}
.ah24-contact-card {
padding: 25px;
}
.ah24-contact-form {
padding: 1px;
}
.ah24-floating-phone {
right: 12px;
bottom: 12px;
left: 12px;
justify-content: center;
}
} .dropdown {
position: relative;
display: inline-block;
} .dropbtn {
background-color: #f5c400;
color: #000000;
padding: 8px 16px;
font-size: 14px;
border: none;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
transition: background-color 0.3s;
}
.dropbtn:hover {
background-color: #000;
color: #fff;
} .arrow {
font-size: 12px;
transition: transform 0.3s;
} .dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
border-radius: 8px;
z-index: 1;
overflow: hidden;
margin-top: 8px;
animation: fadeIn 0.3s;
} .dropdown-content a {
color: #333;
padding: 12px 16px;
text-decoration: none;
display: block;
transition: background-color 0.2s, color 0.2s;
} .dropdown-content a:hover {
background-color: #e8f0fe;
color: #2c3e50;
} .dropdown.show .dropdown-content {
display: block;
} @keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}