:root {
  color-scheme: only light !important;
}

html {
    opacity: 1!important;
}

body {
  font-family: 'Mulish', sans-serif;
  background: #F5F5F7;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: "Simple-Line-Icons";
    src: url("/static/fonts/Simple-Line-Icons.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    position: sticky;
    top: 0.001px;
    z-index: 3;
}

.navbar-scrolled {
    background: #F5F5F7 !important;
    box-shadow: 0px 8px 80px 0px rgba(13, 11, 26, 0.08);
    transition: all 0.3s ease;
}

.container {
    max-width: 1440px!important;
    width: 100%;
    padding-left: 60px!important;
    padding-right: 60px!important;
}

.container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.nav-link {
    color: #252533;
    font-weight: 500;
    font-size: 16px;
    padding-right: 28px!important;
    padding-left: 28px!important;
}

.nav-link:hover {
    color: #9E1D21;
}

.phone {
    color: #252533;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Wix Madefor Display', sans-serif;
}

.main-zag {
    font-size: 52px;
    color: #252533;
    font-weight: 800;
    font-family: 'Wix Madefor Display', sans-serif;
    text-transform: uppercase;
}

.main-container {
    margin-top: 32px;
    position: relative;
}

.main-p {
    color: #252533;
    font-weight: 500;
    font-size: 20px;
    width: 427px;
    margin-top: 16px;
}

.main-p-educ {
    color: #252533;
    font-weight: 500;
    font-size: 20px;
    width: 436px;
    margin-top: 16px;
}

.main-p-lic {
    color: #252533;
    font-weight: 500;
    font-size: 20px;
    width: 510px;
    margin-top: 16px;
}

.main-btn {
    font-size: 18px;
    color: #F5F5F7;
    font-weight: 600;
    background-color: #9E1D21;
    border-radius: 16px;
    padding: 18px 44px;
    margin-top: 40px;
    border: 1px solid #9E1D21;
    transition: all 0.3s ease;
}

.main-btn:hover {
    background-color: #B82C30;
    border-color: #B82C30;
    transform: translateY(-2px)!important;
}

.main-img {
    position: absolute;
    right: 0;
    top: 0;
}

.list-documents-container {
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-radius: 40px;
    z-index: 1;
    position: relative;
    background-color: #F5F5F7;
    margin-top: 80px;
    padding-bottom: 80px;
}

.pre-text-block {
    padding-top: 80px;
}

.card-list-doc-desc {
    color: #252533;
    font-weight: 600;
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 20px;
    margin-top: 16px;
}

.card-list-doc-req-span {
    font-weight: 600;
    font-size: 14px;
    color: #A8A6AB;
    cursor: pointer;
}

.card-list-document {
    background-color: #FFFCFC;
    padding: 28px;
    padding-top: 0!important;
    border-radius: 12px;
    border-top-left-radius: 0!important;
    position: relative;
    display: flex;
    flex-direction: column;
}

.card-list-document:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 75%;
    height: 55px;
    background-color: #FFFCFC;
    border-radius: 12px 20px 0 0;
}

.card-list-doc-dop-zag {
    color: #FFFCFC;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Wix Madefor Display', sans-serif;
}

.card-list-document-dop {
    background-color: #9E1D21;
    border-radius: 12px;
    padding: 28px;
    padding-top: 0!important;
    position: relative;
    border-top-left-radius: 0!important;
}

.card-list-document-dop:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #9E1D21;
    border-radius: 12px 20px 0 0;
}

.card-list-document-dop-2:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #FFFCFC;
    border-radius: 12px 20px 0 0;
}

.btn-feedback-card-dop {
    border: 2px solid #FFFCFC;
    border-radius: 16px;
    background-color: transparent;
    color: #FFFCFC;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 18px 28px;
    width: 100%;
    transition: all 0.3s ease;
}

.btn-feedback-card-dop:hover {
    background-color: #B82C30;
    border-color: #B82C30!important;
    transform: translateY(-2px);
    color: #F5F5F7!important;
}

.btn-all-document-ready:hover {
    background-color: #FFFCFC;
    border-color: #FFFCFC!important;
    transform: translateY(-2px);
    color: #9E1D21!important;
}

.btn-podrob-card-dop-serv-home:hover {
    background-color: #B82C30;
    border-color: #B82C30!important;
    transform: translateY(-2px);
    color: #F5F5F7!important;
}

.btn-podrob-red-card-dop-serv-home:hover {
    transform: translateY(-2px);
    background-color: #FFFCFC;
    border-color: #FFFCFC;
    color: #9E1D21;
}

.right-btn-preim-card-home:hover {
    background-color: #9E1D21;
    border-color: #9E1D21!important;
    color: #FFFCFC;
    transform: translateY(-2px);
}

.questions-container {
    margin-top: 80px;
}

.custom-accordion .accordion-item {
    background-color: #FFFCFC;
    border: 1px solid #FFFCFC;
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}

.custom-accordion .accordion-button {
    background-color: #FFFCFC;
    color: #9E1D21;
    padding: 24px 32px;
    font-weight: 600;
    box-shadow: none !important;
    font-size: 24px;
    font-family: 'Wix Madefor Display', sans-serif;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background-color: #FFFCFC;
    color: #9E1D21;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.custom-accordion .accordion-body {
    padding: 0 32px 24px 32px;
    color: #252533;
    font-weight: 500;
    font-size: 16px;
}

.custom-accordion .accordion-button::after {
    display: none;
}

.accordion-button::before {
    content: '+';
    font-size: 34px;
    color: #9E1D21;
    position: absolute;
    right: 12px;
    transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::before {
    content: '×';
    font-size: 38px;
    transform: rotate(0deg);
}

.container-form {
    margin-top: 100px;
}

.form-card {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 24px;
    padding-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 36px;
}

input {
    border: 1px solid #F5F5F7;
    background-color: #F5F5F7;
    border-radius: 16px;
    padding-top: 18px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 18px;
    color: #3B3B48;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
}

input::placeholder {
    color: #7C7B84!important;
}

input:focus {
    outline: none!important;
    border-color: #9E1D21!important;
}

input:hover {
    background-color: #EBEBF0;
}

.custom-dropdown {
    position: relative;
    width: 100%;
    font-family: inherit;

}

.dropdown-header {
    border: 1px solid #F5F5F7;
    background-color: #F5F5F7;
    border-radius: 16px;
    padding-top: 18px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 18px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #7C7B84;
    font-size: 18px;
    font-weight: 600;
}

.dropdown-header:hover {
    background-color: #EBEBF0;
}

.dropdown-placeholder {
    color: #999;
}

.dropdown-arrow {
    transition: transform 0.3s ease;
}

.dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #F5F5F7;
    border: 1px solid #F5F5F7;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.dropdown-options li {
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.2s;
}

.dropdown-options li:hover {
    background-color: #f5f5f5;
}

.custom-dropdown.active .dropdown-options {
    display: block;
}

.custom-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}

.custom-dropdown.active .dropdown-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #9E1D21;
}

.dropdown-options li.selected {
    background-color: #9E1D21;
    color: white;
}

.btn-submit-feedback {
    border: 1px solid #9E1D21;
    background-color: #9E1D21;
    border-radius: 16px;
    padding: 18px 44px;
    width: 100%;
    color: #F5F5F7;
    font-size: 18px;
    font-weight: 600;
    margin-top: 24px;
    transition: all 0.3s ease;
}

.btn-submit-feedback:hover {
    background-color: #B82C30;
    border-color: #B82C30!important;
    transform: translateY(-2px);
}

.card-last-form-feedback {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 24px;
    padding-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
    padding-bottom: 32px;
    margin-top: 16px;
}

.card-last-form-feedback-address {
    color: #252533;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Wix Madefor Display', sans-serif;
    margin-bottom: 0;
}

.border-img-red-social {
    border: 1px solid #F6E6E6;
    background-color: #F6E6E6;
    border-radius: 16px;
    padding: 12px;
}

.border-img-red-social:hover {
    border-color: #E2BABB;
    background-color: #E2BABB;
}

.right-col-where-form {
    background: linear-gradient(180deg, #B0B0C2 8.5%, #EBEBF0 49.93%);
    border-radius: 24px;
    padding: 32px 36px;
    position: relative;
    height: 100%;
}

.footer {
    margin-top: 100px;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F5F5F7;
}

.card-review-footer {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding: 18px 22px;
}

.requirements-popup {
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}

.card-wrapper-material {
    padding: 16px;
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 12px;
}

.card-list-material {
    margin-top: -115px;
}

.card-list-material:before {
    border-top-left-radius: 0!important;
}

.div-zag-card-material {
    font-size: 14px;
    font-weight: 600;
    color: #FFFCFC;
    background-color: #9E1D21;
    border: 1px solid #9E1D21;
    border-radius: 18px;
    padding: 6px 6px;
    position: relative;
    z-index: 1;
    width: auto;
    text-align: center;
}

.list-material {
    margin-top: 20px;
}

.list-material ul {
    padding-left: 15px;
}

.list-material ul li {
    color: #252533;
    font-weight: 500;
}

.list-material ul li::marker, .li-right-card-service-home::marker {
    color: #9E1D21;
}

.modal-body-req ul li::marker {
    color: #9E1D21;
}

.modal-body-req ul li {
    font-size: 14px;
    font-weight: 500;
    color: #252533;
}

.modal-body-req ul {
    list-style: disc!important;
    padding-left: 15px;
}

.left-card-step {
    border: 1px solid #9E1D21;
    background-color: #9E1D21;
    border-radius: 8px;
    padding-top: 20px;
    padding-bottom: 18px;
    padding-left: 16px;
    padding-right: 16px;
}

.card-step {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding: 8px;
}

.swiper-slide {
   display: flex !important;
   height: auto !important;
   align-items: stretch !important;
}

.custom-btn-swiper-left, .custom-btn-swiper-right, .custom-btn-swiper-left-trening, .custom-btn-swiper-right-trening, .custom-btn-swiper-left-command, .custom-btn-swiper-right-command, .custom-btn-swiper-left-review, .custom-btn-swiper-right-review {
    background: #9E1D211A;
    border-radius: 8px;
    padding: 8px;
    transition: all 0.3s ease;
}

.custom-btn-swiper-left:hover, .custom-btn-swiper-right:hover, .custom-btn-swiper-left-trening:hover, .custom-btn-swiper-right-trening:hover, .custom-btn-swiper-left-command:hover, .custom-btn-swiper-right-command:hover, .custom-btn-swiper-left-review:hover, .custom-btn-swiper-right-review:hover {
    background: #E2BABB;
}

.watch-original-hover:hover span, .pdf-link-hover:hover, .podrob-review-home-hover:hover span {
    color: #CC3D42!important;
}

.container-schedule {
    margin-top: 80px;
}

.card-schedule {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 20px;
    padding: 32px;
}

.card-specialist {
    border: 1px solid #F5F5F7;
    background-color: #F5F5F7;
    border-radius: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 24px;
    padding-left: 16px;
}

.dashed-line {
    border-left: 1px dashed #E4E1E3;
    height: auto;
}

.div-stag-year {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #FFFCFC;
    border: 1px solid #9E1D21;
    background-color: #9E1D21;
    border-radius: 18px;
    padding: 6px 13px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

.btn-want-group {
    color: #F5F5F7;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #9E1D21;
    background-color: #9E1D21;
    border-radius: 16px;
    padding: 18px 44px;
    width: 100%;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-want-group:hover {
    background-color: #B82C30;
    border-color: #B82C30;
    transform: translateY(-2px);
}

.container-trening {
    margin-top: 100px;
}

.card-marshrut {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding: 20px 16px;
    width: 427px;
}

.accordion-body-faq-2 {
    color: #51505B!important;
}

.container-list-map {
    margin-top: 80px;
}

.btn-replace-address {
     font-family: 'Wix Madefor Display', sans-serif;
     font-size: 18px;
     font-weight: 600;
     border-radius: 16px;
     padding: 18px 22px;
     text-align: center;
     border: 1px solid #FFFCFC;
     background-color: #FFFCFC;
     color: #51505B;
     cursor: pointer;
     transition: all 0.3s ease;
}

.btn-replace-address:hover {
    background-color: #B82C30;
    border-color: #B82C30;
    transform: translateY(-2px);
    color: #F5F5F7!important;
}

.btn-replace-address.active {
    color: #FFFCFC;
    background-color: #9E1D21;
    border-color: #9E1D21;
}

.card-address, .card-time-work {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 24px;
    padding: 32px;
}

#map-yandex {
    border-radius: 24px!important;
}

.card-info-company-lic {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-radius: 20px;
    padding: 28px;
}

.zag-col-card-lic {
    font-family: 'Wix Madefor Display', sans-serif;
    color: #252533;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.btn-download-lic {
    background-color: transparent;
    border: 2px solid #9E1D21;
    border-radius: 16px;
    padding: 18px 60px;
    color: #9E1D21;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-download-lic:hover {
    background-color: #B82C30;
    border-color: #B82C30;
    transform: translateY(-2px);
    color: #F5F5F7!important;
}

.modal-dialog-feedback {
    width: 100%;
    max-width: 650px;
}


.modal-header-feedback, .modal-header-req, .modal-header-services, .modal-header-video, .modal-header-review-video, .modal-header-success {
    border-bottom: none!important;
}

.modal-content-feedback, .modal-content-success {
    background-color: #FFFCFC;
    border: 1px solid #FFFCFC;
    border-radius: 24px;
    padding: 40px;
}

.modal-content-req {
    background-color: #FFFCFC;
    border: 1px solid #FFFCFC;
    border-radius: 12px;
    padding: 20px;
}

.modal-body-feedback, .modal-body-req, .modal-body-services, .modal-body-success {
    padding-top: 0;
}

.btn-close:focus {
    outline: none!important;
    box-shadow: none!important;
}

.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none!important;
    padding-top: 0px;
}

.mobile-menu-close {
    background: none;
    border: none;
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

.mobile-menu-close span {
    display: block;
    width: 100%;
    height: 2px;
    background: #9E1D21 !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) !important;;
}

.mobile-menu-close span:nth-child(1) {
    transform: rotate(45deg) !important;;
}

.mobile-menu-close span:nth-child(2) {
    transform: rotate(-45deg) !important;;
}


.mobile-header {
}

.mobile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu-toggle {
    background: none;
    border: none;
    width: 16px;
    height: 16px;
    position: relative;
    cursor: pointer;
}

.mobile-menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #9E1D21  !important;
    position: absolute;
    transition: all 0.3s;
}

.mobile-menu-toggle span:nth-child(1) { top: 0; }
.mobile-menu-toggle span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.mobile-menu-toggle span:nth-child(3) { bottom: 0; }


.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

.mobile-menu {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 80vh;
    background: #F5F5F7;
    z-index: 1000;
    padding: 16px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;

    transition: bottom 0.3s ease;
    overflow-y: auto;
}

.mobile-menu.active {
    top: 0px;
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 22px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile-menu ul li {
    margin: 15px 0;
}

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

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

.no-scroll {
    overflow: hidden;
}

.mobile-menu ul li a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 10px;
    padding: 12px 16px;
}

.mobile-contact {
    margin-top: 30px;
}

.mobile-contact .phone {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
}

.mobile-social {
    display: flex;
    gap: 10px;
}

.mobile-social img {
    width: 24px;
    height: 24px;
}

.main-p-home {
    font-size: 32px;
    font-weight: 700;
    color: #252533;
    font-family: 'Wix Madefor Display', sans-serif;
}

.red-polos-text-img {
    position: absolute;
    right: -25px;
    transform: rotate(5.29deg);
    top: 25px;
    width: 268px;
}

.main-2-p-width-home {
    color: #252533;
    font-size: 20px;
    font-weight: 500;
    width: 360px;
}

.main-3-p-red-price-home {
    color: #9E1D21;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Wix Madefor Display', sans-serif;
}

.main-container-home-shadow {
    box-shadow: 0px 98px 80px 0px #0D0B1A14;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    padding-bottom: 0px;
}

.main-digital-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 44px;
    font-weight: 600;
    color: #252533;
    text-align: center;
}

.konus-1-img {
    position: absolute;
    top: 70px;
    right: 750px;
}

.konus-2-img {
    position: absolute;
    top: 300px;
    right: 0px;
}

.car-main-home-img {
    width: 950px;
    height: 630px;
    object-fit: cover;
}

.container-services-home {
    margin-top: 80px;
}

.block-cards-service-home {
    margin-top: 80px;
}

.name-card-service-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 800;
    font-size: 28px;
    color: #252533;
    text-transform: uppercase;
}

.name-right-card-service-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 600;
    font-size: 28px;
    color: #252533;
    text-transform: uppercase;
}

.cat-service-red-home {
    color: #FFFCFC;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Wix Madefor Display', sans-serif;
    border: 1px solid #9E1D21;
    background-color: #9E1D21;
    border-radius: 18px;
    padding: 6px 13px;
}

.price-card-service-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #252533;
}

.btn-right-card-service-pink-home {
    font-size: 18px;
    color: #7C7B84;
    font-weight: 600;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding: 18px 44px;
    margin-top: 49px;
    border: 1px solid #FFFCFC;
    transition: all 0.3s ease;
}

.card-service-home {
    border: 1px solid #F6E6E6;
    background-color: #F6E6E6;
    border-radius: 32px;
    padding: 52px 60px;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    min-height: 700px;
}

.cards-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
}

.card-container {
    position: sticky;
    top: 90px;
    margin-bottom: 100px;
    z-index: 1;
}

.container-dop-service-home {
    margin-top: 80px;
}

.h-dop-serv-flex-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 44px;
    color: #252533;
    font-weight: 600;
    text-transform: uppercase;
}

.name-card-dop-service-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 24px;
    color: #252533;
    font-weight: 700;
}

.price-card-dop-service-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 32px;
    color: #252533;
    font-weight: 600;
}

.btn-podrob-card-dop-serv-home {
    border: 2px solid #9E1D21;
    background-color: transparent;
    color: #9E1D21;
    font-size: 18px;
    font-weight: 600;
    border-radius: 16px;
    text-align: center;
    padding: 18px 30px;
    transition: all 0.3s ease;
}

.btn-podrob-red-card-dop-serv-home {
    border: 2px solid #FFFCFC;
    background-color: transparent;
    color: #FFFCFC;
    font-size: 18px;
    font-weight: 600;
    border-radius: 16px;
    text-align: center;
    padding: 18px 30px;
    transition: all 0.3s ease;
}

.card-dop-service-home {
    border: 1px solid #EBEBF0;
    background-color: #EBEBF0;
    border-radius: 20px;
    padding: 32px;
    transition: all 0.3s ease;
}

.card-red-dop-service-home {
    border-color: #9E1D21;
    background-color: #9E1D21;
}

.sticky-left-block {
    position: sticky;
    top: 100px;
    align-self: flex-start;
    height: fit-content;
}

.container-preim-home {
    margin-top: 100px;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-radius: 40px;
    padding-top: 80px;
    padding-bottom: 100px;
}

.img-arrow-preim-block-home {
    position: absolute;
    top: 0;
    left: 220px;
}

.card-preim-home {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding-top: 28px;
    padding-right: 28px;
    padding-bottom: 32px;
    padding-left: 28px;
    position: relative;
    overflow: hidden;
}

.name-preim-block-home {
    color: #252533;
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.name-prived-friend-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #252533;
    text-transform: uppercase;
}

.card-preim-home-relative {
    position: relative;
    border-color: #D9D9D9;
    background-color: #D9D9D9;
}

.card-preim-home-relative::before {
    content: "";
    position: absolute;
    top: 65%;
    right: -16px;
    width: 32px;
    height: 32px;
    background-color: #F5F5F7;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 16px 0 0 0 #F5F5F7;
}

.card-preim-home-relative::after {
    content: "";
    position: absolute;
    top: 65%;
    right: 100%;
    width: 32px;
    height: 32px;
    background-color: #F5F5F7;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 16px 0 0 0 #F5F5F7;
}

.left-btn-preim-card-home {
    border: 1px solid #F6E6E6;
    background-color: #F6E6E6;
    border-radius: 8px;
    padding: 12px 20px;
    color: #9E1D21;
    font-size: 14px;
    font-weight: 600;
}

.right-btn-preim-card-home {
    border: 2px solid #9E1D21;
    background-color: transparent;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #9E1D21;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    text-align: center;
}

.group-btns-preim-card-home {
    border-top: 1.5px solid transparent;
    border-image: repeating-linear-gradient(90deg,
    #25253326,
    #25253326 10px,
    transparent 5px,
    transparent 15px) 1;
    margin-top: 24px;
    padding-top: 24px;
}

.container-about-home {
    margin-top: 120px;
}

.name-about-company-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #252533;
    text-transform: uppercase;
}

.container-command-home {
    margin-top: 100px;
}

.card-specialist-home {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 20px;
    padding: 16px 24px;
}

.card-dop-service-home:hover {
    transform: scale(1.03);
}

.container-steps-home {
    margin-top: 80px;
}

.name-step-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #252533;
    text-transform: uppercase;
}

.step-home {
    z-index: 1;
}


.step-home-1 {
    top: 134px;
    width: 427px;
}

.step-home-2 {
    left: 240px;
    top: 340px;
    width: 447px;
}

.step-home-3 {
    width: 447px;
    left: 578px;
    top: 174px;
    z-index: 1;
}

.step-home-4 {
    width: 427px;
    right: 80px;
    top: 410px;
}

.step-home-5 {
    width: 427px;
    right: 25px;
    top: 27px;
}

.container-reviews-home {
    margin-top: 80px;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-radius: 40px;
    padding-top: 90px;
    padding-bottom: 100px;
}

.img-comp-review-home {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 8px;
    padding: 12px;
}

.name-review-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #252533;
}

.rate-review-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #252533;
}

.card-review-home {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding: 24px 32px;
}

.name-video-review-home {
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 600;
    font-size: 40px;
    color: #252533;
}

.autor-video-review-home {
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: #252533;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Wix Madefor Display', sans-serif;
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 14px;
    padding: 6px 12px;
}

.time-video-review-home {
    position: absolute;
    top: 16px;
    left: 16px;
}

.comp-hover-review-home {
    padding-right: 12px;
}

.comp-hover-review-home:hover {
    background-color: #FFFCFC;
    border-radius: 8px;
}

@keyframes gentle-sway {
  0%, 100% {
    transform: rotate(-2deg) scale(1);
  }
  50% {
    transform: rotate(2deg) scale(1.02);
  }
}

.name-success-feedback {
    font-family: 'Wix Madefor Display', sans-serif;
    color: #252533;
    font-weight: 600;
    font-size: 36px;
    text-transform: uppercase;
}

.modal-content-review-video {
    background-color: transparent;
    border: none;
}

.btn-close-video-review {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    border: 1px solid #FFFCFC33;
    background-color: #FFFCFC33;
    padding: 8px;
    border-radius: 12px;
}

.video-review-home-mob {
    height: 280px;
    width: 285px;
    border-radius: 16px;
    object-fit: cover;
}

.img-bag-main-new {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: -1;
}

.about-main-home-card-mob {
    border: 1px solid #FFFCFC;
    background-color: #FFFCFC;
    border-radius: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 24px;
    color: #252533;
    font-family: 'Wix Madefor Display', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.new-desc-homo-promo {
    font-size: 20px;
    font-weight: 500;
    color: #3B3B48;
    margin-top: 16px;
    width: 494px;
}

.main-2-p-width-home-new {
    color: #3B3B48;
    font-weight: 500;
    font-size: 20px;
    position: relative;
    width: 452px;
}

.col-mest-homo-promo-new {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    right: 20px;
}

.container-command {
    margin-top: 80px;
    padding-top: 80px;
    background-color: #F5F5F7;
    box-shadow: 0px 8px 80px 0px #0D0B1A14;
    border-radius: 40px;
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
}

.custom-search-form {
    background-color: #FFFCFC;
    border: none;
    padding: 18px 24px;
    border-radius: 16px;
}

.custom-search-form input {
    padding: 0;
    border: none!important;
    background-color: transparent!important;
    border-radius: 0!important;
}

.custom-sort-form {
    background-color: #FFFCFC;
    padding: 18px;
    border-radius: 16px;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.custom-sort-dropdown {
  display: none;
  position: absolute;
  right: 0;
  background-color: #FFFCFC;
  min-width: 248px;
  box-shadow: 0px 4px 32px 0px #0D0B1A14;
  z-index: 1;
  border-radius: 16px;
  padding: 12px;
  top: 68px;
}

.custom-sort-dropdown.show {
  display: block;
}

.sort-option {
  color: #252533;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 8px;
}

.sort-option:hover {
    background-color: #EBEBF0;
    border-radius: 6px;
}

.sort-option-active {
    background-color: #EBEBF0;
    border-radius: 6px;
}

.sort-option-default {
    cursor: pointer;
    color: #7C7B84;
    font-size: 14px;
    font-weight: 600;
}

.pagination {
    background-color: #EBEBF0;
    padding: 4px;
    border-radius: 12px;
    width: fit-content;
    margin-left: auto;
}

.pagination-digit {
    padding: 7px 11px;
    color: #252533;
    font-size: 14px;
    font-weight: 400;
}

.pagination-digit-active {
    background-color: #9E1D21;
    color: #FFFCFC;
    border-radius: 8px;
}

.pagination-digit:hover {
    background-color: #FFFCFC;
    color: #9E1D21;
    border-radius: 8px;
}

.spinning-star {
    animation: spin 20s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.truncate-4-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear-filter {
    color: #9E1D21;
    font-size: 16px;
}

.icon-call {
    background-color: #42C253;
    border-radius: 50%;
    padding: 16px;
    position: fixed;
    right: 32px;
    bottom: 32px;
    width: fit-content;
    display: flex;
    z-index: 3;
    cursor: pointer;
    animation: chroma 2s infinite ease-in-out;
}

.ally-button{
    border: none;
    background-color: rgba(158, 29, 33, 0.1);
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: 12px;
}

@keyframes chroma {
  0%, 100% {
    filter: grayscale(30%);
    box-shadow: 0 0 5px 0 rgba(66, 194, 83, 0.5);
    transform: scale(1);
  }
  50% {
    filter: grayscale(0%);
    box-shadow: 0 0 15px 5px rgba(66, 194, 83, 0.7);
    transform: scale(1.05);
  }
}

.card-left-schedule-new {
    background-color: #FFFCFC;
    border-radius: 20px;
    padding: 32px;
}


.btn-right-schedule-new {
    background-color: #9E1D21;
    border: 1px solid #9E1D21;
    padding: 18px 44px;
    border-radius: 16px;
    color: #F5F5F7;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-right-schedule-new:hover {
    background-color: #B82C30;
    border-color: #B82C30;
    transform: translateY(-2px)!important;
}

@media (max-width: 1350px) {
    .main-zag {
        font-size: 40px;
    }
    .custom-accordion .accordion-button {
        font-size: 18px;
    }
    .border-line-main-home-none-mob {
        display: none!important;
    }
    .step-home-1 {
        position: static!important;
    }
    .step-home-2 {
        position: static!important;
    }
    .step-home-3 {
        position: static!important;
    }
    .step-home-4 {
        position: static!important;
    }
    .step-home-5 {
        position: static!important;
    }
    .steps-relative-home-mob {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    .car-main-home-img {
        width: 800px;
    }
    .konus-1-img {
        right: 670px;
    }
}

@media (max-width: 1200px) {
    .nav-link {
        padding-right: 16px!important;
        padding-left: 16px!important;
        font-size: 14px;
    }
    .main-zag {
        font-size: 36px;
    }
    .img-bag-main-new {
        height: auto;
        top: 150px;
    }
    .pos-left-2 {
        margin-left: 250px!important;
    }
    .car-main-home-img {
        position: relative;
        width: 100%;
    }
    .block-last-main-car-mob {
        margin-top: auto!important;
    }
    .konus-1-img {
        display: none;
    }
    .konus-2-img {
        display: none;
    }
    .left-right-dop-service-home-mob {
        flex-direction: column;
    }
    .sticky-left-block {
        position: static!important;
    }
    .main-zag-home {
        font-size: 42px!important;
    }
}

@media (max-width: 1150px) {
    .card-specialist-page-command {
        flex-wrap: wrap;
    }
    .card-specialist-page-command .img-special-mob {
        width: 100%;
        height: 400px;
        border-radius: 8px;
    }
    #btn-submit-feedback-footer-click, #btn-feedback-card-dop-footer-click {
        padding: 18px 18px;
    }
    .card-list-document-padding-mob {
        padding: 14px;
    }
}

@media (max-width: 1100px) {
    .main-zag {
        font-size: 30px;
    }
    .custom-accordion .accordion-button {
        font-size: 16px;
    }
    .pos-left-2 {
        margin-left: 250px!important;
    }
    .phone-mob {
        font-size: 14px!important;
    }
    .card-last-form-feedback-address-mob {
        font-size: 16px!important;
    }
    .card-specialist {
        display: block!important;
    }
    .img-special-mob {
        width: 100%;
    }
    .p-zag-right-card-step-mob {
        font-size: 18px!important;
    }
    .btn-download-lic {
        padding: 18px 30px;
    }
}

@media (max-width: 1000px) {
    .main-img-command {
        right: 0!important;
    }
    .main-zag {
        font-size: 28px;
    }
    .main-img {
        position: relative;
        width: 100%;
    }
    .list-documents-container {
        margin-top: -250px;
    }
    .nav-link {
        padding-right: 16px!important;
        padding-left: 16px!important;
        font-size: 14px;
    }
    .phone {
        margin-right: 0!important;
        font-size: 14px;
    }
    .new-phone-header-column-mob {
        margin-right: 0!important;
    }
    .step-home-1 {
        position: static!important;
        width: auto!important;
    }
    .step-home-2 {
        position: static!important;
        margin-left: 58px;
        width: auto!important;
    }
    .step-home-3 {
        position: static!important;
        width: auto!important;
    }
    .step-home-4 {
        position: static!important;
        margin-left: 58px;
        width: auto!important;
    }
    .step-home-5 {
        position: static!important;
        width: auto!important;
    }
    .steps-relative-home-mob {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .list-documents-container-mob {
        margin-top: -70px;
    }
}

@media (max-width: 950px) {
    .p-zag-right-card-step-mob {
        font-size: 16px!important;
    }
    .car-main-home-img {
        height: auto;
    }
}

@media (max-width: 900px) {
    .nav-link {
        padding-right: 10px!important;
        padding-left: 10px!important;
        font-size: 12px;
    }
    .pos-left-2 {
        margin-left: 170px!important;
    }
    .pos-left-1 {
        margin-left: 70px!important;
    }
     .main-zag {
        font-size: 26px;
    }
    .block-card-step-mob {
        display: flex!important;
    }
    .block-card-step-desk {
        display: none!important;
    }
    .block-arrow-educ-mob {
        display: none!important;
    }
    .btn-replace-address {
        padding: 18px 12px;
    }
    .btns-command-none-mob {
        display: none!important;
    }
    .zag-command-home-mob {
        font-size: 26px!important;
    }
    .zag-command-home-mob-left-small {
        margin-left: 50px;
    }
}

@media (max-width: 800px) {
    .pos-left-2 {
        margin-left: 150px!important;
    }
    .pos-left-1 {
        margin-left: 50px!important;
    }
    .custom-accordion .accordion-button {
        font-size: 14px;
    }
    .card-schedule {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .pagination  {
        margin-right: auto;

    }
    .footer-nav-desk {
        display: none!important;
    }
    .about-main-home-card-mob {
        width: 100%;
    }
    .footer-nav-mob {
        display: flex!important;
    }
    .footer-nav-link-mob {
        display: flex!important;
        flex-wrap: wrap!important;
    }
    .nav-link {
        padding: 0!important;
    }

    .container {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .card-review-footer {
        padding: 18px 7px;
    }
    .card-review-footer-gap-mob {
        gap: 4px!important;
    }
    .embl-review-gap-mob {
        gap: 3px!important;
    }
    .img-company-review-mob {
        height: 14px!important;
        width: 14px!important;
    }
    .main-zag {
        font-size: 22px;
    }
    .pos-left-2 {
        margin-left: 100px!important;
    }
    .pos-left-1 {
        margin-left: 20px!important;
    }
    .main-p, .main-2-p-width-home {
        width: auto;
    }
    .main-p-educ, .main-p-lic {
        width: auto;
    }
    .list-documents-container {
        margin-top: -80px;
    }
    .accordion-button::before {
        content: '+';
        font-size: 20px;
        color: #9E1D21;
        position: absolute;
        right: 12px;
        transition: transform 0.2s ease-in-out;
    }

    .accordion-button:not(.collapsed)::before {
        content: '×';
        font-size: 24px;
        transform: rotate(0deg);
    }
    .main-zag-feed-mob {
        font-size: 22px!important;
    }
    .phone-mob {
        font-size: 14px!important;
    }
    .card-last-form-feedback-address-mob {
        font-size: 16px!important;
    }
    .feedback-img-social-mob {
        width: 18px!important;
        height: 18px!important;
    }
    .feedback-img-social-mob-none {
        display: none!important;
    }
    .card-last-form-feedback, .form-card, .right-col-where-form {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .p-promo-img-mob {
        font-size: 14px!important;
    }
    .list-documents-desk {
        display: none!important;
    }
    .list-documents-swiper-mob {
        display: block!important;
    }
    .swiper-slide {
        padding-top: 40px!important;

    }

    .btn-req-mob span {
        color: #9E1D21;
    }
    .btn-req-mob {
        border: 1px solid #9E1D21;
        padding: 12px;
        border-radius: 8px;
        width: 100%;
        text-align: center;
        align-items: center;
        display: flex;
        gap: 4px;
        justify-content: center;
    }
    .vosk-emlb-desk {
        display: none;
    }
    .vosk-emlb-mob {
        display: flex!important;
    }
    .modal-content-feedback, .modal-content-success {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .modal-dialog-feedback {
        width: auto;
    }
    .zag-list-material-mob {
        display: none!important;
    }
    .zag-list-material-mob-block {
        display: block!important;
        text-align: center;
    }
    .card-specialist {
        display: flex!important;
    }
    .img-special-mob {
        width: auto;
    }
    .blok-list-material-desk {
        display: none!important;
    }
    .blok-list-material-mob {
        display: block!important;
    }
    .card-wrapper-material {
        padding: 8px;
    }
    .card-list-material {
        padding: 16px;
    }
    .block-zag-info-company-desk {
        display: none;
    }
    .block-zag-info-company-mob {
        display: block!important;
        text-align: center;
    }
    .row-list-doc-lic-desk {
        display: none!important;
    }
    .row-list-doc-lic-mob {
        display: block!important;
        padding-top: 80px;
    }
    .full-name-company-mob, .filial-name-mob {
        font-size: 22px!important;
    }
    #map-yandex {
        height: 400px!important;
    }
    .name-step-home {
        font-size: 18px;
    }
    .main-digital-home {
        font-size: 30px;
    }
    .card-service-home {
        padding: 18px 20px;
    }
    .div-p-home-mob {
        width: auto!important;
    }
    .gap-cont-steps-home-mob {
        gap: 70px!important;
    }
    .left-cont-steps-home-mob {
        margin-left: 100px!important;
    }
    .main-p-home {
        font-size: 20px;
    }
    .red-polos-text-img {
        right: -70px;
    }
    .zag-service-home-mob {
        font-size: 22px!important;
    }
    .videoReviewHomeDesk {
        display: none!important;
    }
    .videoReviewSwiper {
        display: block!important;
    }
    .main-btn-documents-mob {
        padding: 16px 36px;
        font-size: 14px;
        margin-top: 36px;
    }
    .main-zag-documents-home {
        font-size: 36px!important;

    }
    .list-documents-container-mob {
        margin-top: -30px;
    }
}

@media(max-width: 767px) {
    .card-specialist-page-command {
        flex-wrap: nowrap;
    }
    .card-specialist-page-command .img-special-mob {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }
}


@media (max-width: 650px) {
    .restangle-bag-right-feed {
        height: 350px!important;
    }
    .block-pod-nav-footer-mob {
        display: block!important;
    }
    .block-arrow-educ-trening-mob {
        display: none!important;
    }
    .card-dop-service-home {
        flex-direction: column;
    }
    .wrap-mob-zag-instruction-home {
        flex-wrap: wrap-reverse;
        row-gap: 0!important;
    }
    .block-main-p-home-mob {
        margin-top: 16px!important;
    }
    .red-polos-text-img {
        width: 220px;
    }
}

@media (max-width: 550px) {
    .card-specialist-page-command .img-special-mob {
        width: 100%;
        height: 300px;
        border-radius: 8px;
    }
    .card-specialist {
        display: block!important;
    }
    .img-special-mob {
        width: 100%;
    }
    .left-card-step {
        display: none!important;
    }
    .pos-left-educ-mob {
        margin-left: 50px!important;
    }
    .margin-top-mob {
        margin-top: 40px;
    }
    .d-block-step-mob {
        display: block!important;
    }
    .mob-gap-block-trening-zag {
        gap: 70px!important;
    }
    .name-marsh-mob {
        display: block!important;
    }
    .name-marsh-desk {
        display: none!important;
    }
    .group-btns-preim-card-home {
        flex-direction: column;
        gap: 20px;
    }
    .card-specialist-home {
        flex-direction: column;
    }
    .desc-card-service-none-mob {
        display: none!important;
    }
    .gap-dop-service-home-mob {
        gap: 50px!important;
    }
    .h-dop-serv-flex-home-left-mob {
        margin-left: 0!important;
    }
    .img-red-line-name-dop-serv-mob {
        width: 100%;
    }
    .h-dop-serv-flex-home {
        font-size: 28px;
    }
    .podrob-btn-service-home-mob {
        display: flex!important;
    }

    .name-success-feedback {
        font-size: 18px;
    }
    .main-btn-home-mob {
        padding: 16px 22px;
        font-size: 14px;
    }
    .main-3-p-red-price-home-mob {
        font-size: 20px;
    }
    .desc-main-3-p-red-price-home-mob {
        font-size: 12px;
    }
    .gap-main-btn-home-mob {
        gap: 12px!important;
    }
    .main-digital-home {
        font-size: 28px;
    }
    .main-desc-digital-home-mob {
        font-size: 13px;
    }
    .name-card-service-home {
        font-size: 18px;
    }
    .h-dop-serv-flex-home-left-small-mob {
        margin-left: 80px!important;
    }
    .h-dop-serv-flex-home-left-small-2-mob {
        margin-left: 30px!important;
    }
    .card-dop-service-home {
        padding: 20px;
    }
    .dop-service-hleb-mob {
        font-size: 16px!important;
    }
    .name-card-dop-service-home {
        font-size: 18px;
    }
    .price-card-dop-service-home {
        font-size: 20px;
    }
    .card-preim-home {
        padding: 20px;
    }
    .name-preim-block-home, .name-prived-friend-home {
        font-size: 20px;
    }
    .card-specialist-home {
        padding: 12px;
        padding-bottom: 16px!important;
    }
    .name-video-review-home {
        font-size: 28px;
    }
    .zag-name-video-review-desk {
        display: none;
    }
    .zag-name-video-review-mob {
        display: block!important;
    }
}

@media(max-width: 550px) {
    .main-2-p-width-home-new {
        width: 100%;
        font-size: 16px;
    }
    .new-desc-homo-promo {
        width: 100%;
    }
    .img-arrow-home-promo-new {
        right: 40px!important;
        top: 30px!important;
    }
    .span-col-mest-home-promo-new-mob {
        font-size: 14px!important;
    }
    .d-block-polos-home-promo-new-mob {

    }
}

@media (max-width: 500px) {
    .name-company-review-mob {
        display: none;
    }
    .right-col-where-form {
        min-height: 500px!important;
    }
    .car-main-home-img {
        margin-top: 28px;
    }

    .about-main-home-mob {
        width: 50%;
        justify-content: center;
    }

}

@media (max-width: 400px) {
    .main-zag {
        font-size: 18px;
    }
    .left-cont-steps-home-mob {
        margin-left: 30px!important;
    }
}

@media (max-width: 370px) {
    .zag-service-home-mob {
        font-size: 20px!important;
    }
    .img-arrow-preim-block-home {
        left: 210px;
    }
}


/* --- COLORS --- */
.text-Light_Grayish_Purple { color: #A8A6AB !important; }
.text-Off_White              { color: #FFFCFC !important; }
.text-Medium_Gray            { color: #7C7B84 !important; }
.text-Dark_Red               { color: #9E1D21 !important; }
.text-Dark_Gray              { color: #555555 !important; }
.text-Very_Dark_Gray         { color: #252533 !important; }
.text-Very_Dark_Gray80       { color: #252533CC !important; } /* 80% opacity */
.text-Very_Dark_Gray60       { color: #25253399 !important; } /* 60% opacity */
.text-Grayish_Blue           { color: #51505B !important; }
.text-Dark_Grayish_Blue      { color: #3B3B48 !important; }
.text-Very_Light_Gray        { color: #F5F5F7 !important; }

/* --- WEIGHTS --- */
.font-w-400 { font-weight: 400 !important; }
.font-w-500 { font-weight: 500 !important; }
.font-w-600 { font-weight: 600 !important; }
.font-w-700 { font-weight: 700 !important; }
.font-w-800 { font-weight: 800 !important; }

/* --- SIZES --- */
.text-xs { font-size: 10px !important; }   .text-sm { font-size: 12px !important; }   .text-sm2 { font-size: 13px !important; }
.text-base { font-size: 14px !important; } .text-md { font-size: 16px !important; }   .text-lg { font-size: 18px !important; }
.text-lg2 { font-size: 20px !important; }  .text-xl { font-size: 22px !important; }   .text-xl2 { font-size: 24px !important; }
.text-2xl { font-size: 28px !important; }  .text-2xl2 { font-size: 30px !important; } .text-3xl { font-size: 32px !important; }
.text-3xl2 { font-size: 34px !important; } .text-4xl { font-size: 36px !important; }  .text-4xl2 { font-size: 38px !important; }
.text-5xl { font-size: 40px !important; }  .text-5xl2 { font-size: 42px !important; } .text-6xl { font-size: 44px !important; }
.text-7xl { font-size: 52px !important; }