html, body {
    /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden;
}

:root {
    --color-primary: #26b14b !important;
}
.bg-primary {
    background-color: var(--color-primary) !important;
}
.border-primary {
    border-color: var(--color-primary) !important;
}
.text-primary {
    color: var(--color-primary) !important;
}
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.border-primary {
    border-color: var(--color-primary);
}
img {
    max-width: 100% !important;
}

.header {
    height: unset !important;
}

.my-submenu {
    height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
}
.bg-transparent {
    margin-left: 140px;
}

#nav li:last-of-type:hover .my-submenu {
    height: max-content !important;
    overflow: visible !important;
}
.check-modal2, .check-modal {
    height: 12px !important;
}
.ecard-body>.ecard-header {
    justify-content: center !important;
}
.ecard-dop {
    font-size: 1rem !important;
}
.s_card3 img {
    margin-bottom: 16px !important;
}
.pb-otzyv-div img {
    height: unset !important;
    min-height: unset;
}
.bg-form {
    background-image: url(/assets/img/form_back.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.fs-12 {
    font-size: 12px;
    letter-spacing: 1px;
}
.fade.in {
    opacity: 1 !important;
}
.modal-backdrop.fade.in {
    opacity: .5 !important;
}
.modal {
    padding-top: 25px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 1px solid var(--color-primary);
    color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--color-primary);
    outline: none;
}
.nav-pills .nav-link {
    border: 1px solid var(--color-primary);
    font-size: 16px;
    color: #999;
}
.nav-tabs .nav-link {
    border: 1px solid var(--color-primary);
    font-size: 16px;
    color: #999;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #848282;
    border-color: var(--color-primary);
}
.my-card-table tbody, .my-card-table td, .my-card-table tfoot, .my-card-table th, .my-card-table thead, .my-card-table tr {
    border-width: 1px;
    border-color: #000;
}
.bg-tabs-5 tr:first-of-type {
    background-color: var(--color-primary);
}
.my-card-table tr:first-of-type td {
    min-width: 90px;
    vertical-align: middle;
}

.bg-tabs-5 tr:first-of-type {
    color: white;
}
.my-card-table_mob tr:first-of-type {
    background-color: white;
    color: var(--color-primary);
    border: 0;
}
.my-card-table_mob tr:not(:first-of-type) {
    border-bottom: 1px solid #000;
}
.my-card-table_mob tr td:last-of-type {
    text-align: right;
}
.mcf_block input[type="text"],
.mcf_block input[type="tel"],
.mcf_block input[type="submit"] {
    width: unset;
    min-width: 30%;
    margin-bottom: unset;
}
.mcf_block .desc {
    margin-bottom: 20px;
}
.modal-body input[type="tel"],
.modal-body input[type="text"] {
    border: 1px solid #e2e6e7;
}
.modal-body input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    opacity: 0; 
}
.form-feedback input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    opacity: 0; 
}
.form-feedback .my-checkbox {
    border: 1px solid #fff;
}
.my-checkbox {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    border: 1px solid #999;
    border-radius: 2px;
    transition: all .4s ease-in-out;
}
.my-checkbox:before {
    position: absolute;
    top: -5px;
    width: 100%;
    height: 100%;
    color: white;
    content: '\2714';
    opacity: 0;
}
.form-quiz .my-checkbox {
    background: #fff;
}
.form-quiz .my-checkbox:before {
    color: var(--color-primary);
}
.modal-body input[type="checkbox"]:checked+.my-checkbox:before {
    opacity: 1;
}
.form-feedback input[type="checkbox"]:checked+.my-checkbox:before {
    opacity: 1;
}
.modal-body input[type="checkbox"]:checked+.my-checkbox {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}
.my-fs-65 {
    font-size: 65px;
}
.bg-baner-mob {
    background-image: url(/assets/img/bg-baner-mob.webp);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-baner-human-mob {
    background-image: url(/assets/img/bg-baner-human-mob.webp);
    background-repeat: no-repeat;
    background-position: 50% 58%;
}
.bg-baner-sale-mob {
    background-image: url(/assets/img/bg-baner-sale-mob.webp);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.bg-feedback-mob {
    background-image: url(/assets/img/bg-feedback-mob.webp);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.my-baner-mb {
    margin-bottom: 180px;
}
.h-table {
    max-height: 95px;
}
.my-mob-table {
    width: 100%;
    color: #000;
}
.my-mob-table tbody tr td:last-of-type {
    text-align: right;
    font-weight: 500;
}
.my-w-80 {
    width: 80% !important;
}
.my-w-60 {
    width: 60% !important;
}
.fw-bold {
    font-family: "Montserrat-Bold";
}
.fw-medium {
    font-weight: 500;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    top: unset;
    bottom: 0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2px);
}
.swiper-pagination-bullet-active {
    background: var(--color-primary);
}
.pagination-gallery .swiper-pagination-bullet-active {
    background: #D2FF0F;
}
.text-hide {
    position: relative;
    overflow: hidden;
    max-height: 90px;
    transition: .3s;
}
.form-quiz button>img {
    width: 24px;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.my-card-scroll {
    max-height: 105px;
    overflow-y: scroll;
}
.my-card-footer {
    background: unset;
    border-top: unset;
}
.sale-modal-img {
    width: 60px;
}
.fs-10 {
    font-size: 10px;
}
.btn:first-child:hover, :not(.btn-check)+.btn:hover {
    background-color: #35b126;
    border-color: #35b126;
}
.my-desc-footer {
    letter-spacing: -.18px;
}
.my-columns-footer {
    columns: 2;
}

.bg-baner-sale-mob{
    border-radius: 2px;
    border: 3px solid #26B14B;
}
.bg-portfolio{
    background-image: url(/assets/img/form_back.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 320px) and (max-width: 575.98px) {
    body {
        margin-top: calc(100vw / 10 + 5px);
    }
    .footer_b1 {
        padding: 24px 0;
    }
    .card-img-top{
        min-height: 300px;
        object-fit: cover;
    }
}

/* Устройства Small (телефоны с горизонтальной ориентацией, менее 768 пикселей) */
@media (min-width: 576px) and (max-width: 767.98px) {
    body {
        margin-top: 66px;
    }
    .footer_b1 {
        padding: 24px 0;
    }
    .my-footer-img, .my-desc-footer {
        text-align: center;
    }
}
/* Устройства Medium (планшеты, менее 992 пикселей) */
@media  (min-width: 768px) and (max-width: 991.98px) {
    body {
        margin-top: 86px;
    }
    .footer_b1 {
        padding: 24px 0;
    }
    .my-footer-img, .my-desc-footer {
        text-align: center;
    }
}

/* Устройства Large (настольные компьютеры, менее 1200 пикселей) */
@media  (min-width: 992px) and (max-width: 1199.98px) { 
    .header:before {
        position: absolute;
        content: '';
        top: 0;
        z-index: -1;
        width: 100%;
        height: 39px;
        background-color: #176a2d;
    }
}

/* Устройства X-Large (большие настольные компьютеры, менее 1400 пикселей) */
@media  (min-width: 1200px) and (max-width: 1399.98px) {
    .header:before {
        position: absolute;
        content: '';
        top: 0;
        z-index: -1;
        width: 100%;
        height: 39px;
        background-color: #176a2d;
    }
}