/* body {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
    overflow: hidden;
} */
article.grid.lg\:grid-cols-2.border.border-gray-300.mb-12.bg-white {
    overflow: hidden;
}

a{color:#333}
        h3.mt-3.text-3xl.font-black {color: #434343;}
        ul.mt-3.space-y-2.text-sm,p.italic.mb-2 {color: #272727;}
        td.py-3.font-semibold {color: #8d8d8d;}
        h3.mt-6.text-xl.font-bold,h3.mt-3.text-2xl.font-bold,th.px-8.py-5.text-sm.uppercase.tracking-wider,h3.text-2xl.font-bold,
        a.border.border-gray-300.hover\:border-gray-900.transition.px-8.py-4.font-semibold,a.hover\:text-amber-600.transition,.text-right a,a.inline-flex.border.border-gray-900.px-8.py-4.font-bold.hover\:bg-gray-900.hover\:text-white.transition
         {color: #4b4b4b;}
        td.px-8.py-6 {color: #595959;}
        .border-l-4.border-amber-600.pl-6 .font-bold {color: #292929;}
        .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.swiper.portfolio-swiper.w-full.h-64.bg-gray-100.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    height: 25rem;
}
textarea.\.\.\. {
    width: 100%;
    border: 1px solid #cbcbcb;
    color: #424242;
    padding: 5px;
}
img.logo {
    width: 230px;
    height: 100%;
}

textarea.\.\.\.:focus {
    outline: 1px solid #ff7732;
    border:none
}
.card img {
    object-position: top;
}
.none-desc {
    display: none;
}
.contact-widget {
        position: fixed;
        bottom: 20px;
        right: 10px;
        z-index: 9999;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .widget-btn {
        max-width: 45px;
        max-height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px;
        border-radius: 50px;
        color: white;
        text-decoration: none;
        font-weight: bold;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        transition: transform 0.2s;
        background: #fff;
    }
    .widget-btn:hover { transform: scale(1.05); color: white; }
    .bg-wa { background-color: #25D366; }
    .bg-wa svg {
        width: 35px;
        height: 35px;
    }
    .bg-tg {
        background-color: #29b6f6;
    }
    .bg-tg svg {
        width: 37px;
        height: 37px;
    }
    .bg-mx {
        background-color: #3640d4;
    }
    .bg-mx svg {
        width: 30px;
        height: 30px;
    }
    .contact-menu {
    display: none; /* Скрыто по умолчанию */
    flex-direction: column;
    gap: 10px;
}
.contact-menu.active {
    display: flex; /* Появляется при клике */
}
svg#Capa_1 {
    height: fit-content;
    width: fit-content;
}

body > main > section > div > div.grid.lg\:grid-cols-12.gap-12.items-center > div.lg\:col-span-5 > div > div > span.font-semibold {
    color: #232323;
}
body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 > div:nth-child(1) {
    width: 40%;
}
body > main > section.bg-white.border-b.border-gray-200 > div > div > div:nth-child(1) > div.mt-10.flex.flex-wrap.gap-4 > a.bg-amber-600.hover\:bg-amber-700.transition.text-white.font-bold.px-8.py-4,
body > main > section:nth-child(3) > div > div.mt-10.flex.justify-center > a,
body > main > section.bg-gray-900.text-white.border-t.border-gray-800 > div > div > div.mt-12.flex.flex-wrap.gap-4 > a.bg-amber-600.hover\:bg-amber-700.transition.text-white.font-bold.px-8.py-4,
body > main > section.bg-gray-900.text-white.border-t.border-gray-800 > div > div > div.mt-12.flex.flex-wrap.gap-4 > a.border.border-gray-500.hover\:border-white.transition.px-8.py-4.font-semibold,
.footer-doc a,
body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 > div:nth-child(1),
body > header > div > div > div > a,
body > main > div > div.grid.lg\:grid-cols-3.gap-12 > div.lg\:col-span-1 > div > a,
body > main > div > div > article > div.mt-12.p-6.bg-amber-50.border.border-amber-200.rounded-sm.flex.flex-col.md\:flex-row.justify-between.items-center.gap-6 > a,
a.bg-amber-600.hover\:bg-amber-700.transition.text-white.font-bold.px-8.py-4 {
    color: #fff;
}
a.inline-block.text-sm.font-bold.text-amber-600.hover\:text-amber-700.uppercase.tracking-wider:hover {
    color: var(--color-amber-700);
}
h1.mt-8.text-4xl.sm\:text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
    line-height: 4rem;
    font-size: 3.5rem;
 }
footer.bg-gray-900.text-white.py-16 {
    border-top: 1px solid #ffffff24;
}

        @media (max-width: 1024px) {
            h1.mt-8.text-4xl.sm\:text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
                line-height: 4.4rem;
                font-size: 4rem;
            }
            .md\:grid-cols-3 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            h1.mt-8.text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
                font-size: 3.5rem;
            }
            .flex.flex-col.lg\:flex-row.justify-between.items-end.mb-16 {
                align-items: flex-start;
            }
            .max-w-6xl.mx-auto.px-4.grid.md\:grid-cols-3.gap-12 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .none-desc {
                display: block;
            }
            .mobile-menu.open {
                display: flex;
                flex-direction: column;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 {
                flex-direction: column;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 > div:nth-child(1) {
                width: 100%;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.grid.md\:grid-cols-3.gap-12 {
                flex-direction: column;
                display: flex;
            }

        }
        #contact-toggle svg {
                max-width: 50px;
                max-height: 50px;
                width: 50px;
                height: 50px;
                padding: 10px;
            }

        @media screen and (max-width: 768px) {
            h1.mt-8.text-4xl.sm\:text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
                line-height: 3.3rem;
                font-size: 3rem;
            }
            
        }


        @media screen and (max-width:470px) {
            .professional span {
                width: stretch;
                display: flex;
            }
            h1.mt-8.text-4xl.sm\:text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
                line-height: 2.2rem;
                font-size: 1.8rem;
            }
            div.mt-6.categories > h3, .case > a {
                font-size: 1.6rem;
            }
            body > main > section.bg-white.border-b.border-gray-200 > div > div > div:nth-child(1) > div.mt-12.grid.grid-cols-2.gap-6 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
                text-align: center;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.grid.md\:grid-cols-3.gap-12 > div:nth-child(3) > div {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }
            .footer-doc {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 > div:nth-child(1) {
                width: 100%;
            }
            body > footer > div.max-w-7xl.mx-auto.px-4.mt-12.pt-6.border-t.border-slate-800.text-xs.text-slate-500.flex.flex-col.md\:flex-row.justify-between.items-center.gap-3 > div.flex.gap-5.footer-doc {
                width: 100%;
                align-items: flex-start;
            }
            #contact-toggle svg {
                max-width: 35px;
                max-height: 35px;
                width: 35px;
                height: 35px;
                padding: 2px;
            }
            body > main > div > div.grid.lg\:grid-cols-3.gap-12 > div.lg\:col-span-2.space-y-16 > div:nth-child(1) > h1 {
                font-size: 1.8rem;
            }
            body > main > section:nth-child(8) > div > div.mb-16 > h2 {
                font-size: 1.8rem;
            }
            body > main > section.bg-gray-900.text-white.border-t.border-gray-800 > div > div > div.mt-12.flex.flex-wrap.gap-4 > a.border.border-gray-500.hover\:border-white.transition.px-8.py-4.font-semibold {
                width: 100%;
                text-align: center;
            }
            body > main > section.bg-gray-900.text-white.border-t.border-gray-800 > div > div > h2,
            body > main > section:nth-child(10) > div > div.mb-16 > h2,
            body > main > section:nth-child(9) > div > div.flex.flex-col.lg\:flex-row.justify-between.items-end.mb-16 > div > h2,
            body > main > section:nth-child(8) > div > div.flex.flex-col.lg\:flex-row.justify-between.items-end.mb-16 > div > h2,
            body > main > section:nth-child(7) > div > div.mb-14 > h2,
            body > main > section:nth-child(6) > div > div.max-w-3xl.mb-16 > h2,
            body > main > section.bg-gray-100.border-y.border-gray-300 > div > div.mb-16 > h2,
            #cases > div > div.flex.items-end.justify-between.mb-16 > div > h2,
            body > main > section:nth-child(3) > div > div.mb-16 > h2 {
                font-size: 2rem;
            }
            .flex.items-center.justify-between.h-20.px-6 {
                height: 3.5rem;
            }
            .max-w-7xl.mx-auto.px-6.py-4.flex.justify-between.items-center {
                padding: 0;
            }
            img.logo {
                width: 190px;
                height: 100%;
            }
            .max-w-7xl.mx-auto.px-6.py-4.flex.justify-between.items-center {
                padding-right: 0;
            }
            .d-flex.align-items-center.gap-3.main {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
            }
            span.badge.p-2.fs-6.bg-success, body > div > div.d-flex.flex-column.align-items-start.justify-content-between.gap-3.mb-4 > div > form,
            body > div > div.d-flex.flex-column.align-items-start.justify-content-between.gap-3.mb-4.maine > div > form > button {
                width: 100%;
            }
            .d-flex.justify-content-between.align-items-center.border-bottom.pb-2.mb-3 {
                flex-direction: column;
                text-wrap-style: balance;
                gap: 10px;
            }
            span.badge.bg-secondary-subtle.text-secondary.fw-bold.px-3.py-1\.5.fs-6 {
                text-wrap: auto;
            }
            .status-page {
                flex-direction: column !important;
                gap: 15px;
                text-align: center;
                align-items: center;
            }
            .alert.alert-success.d-flex.justify-content-between.align-items-center.mb-4.p-3.border-success-subtle {
                flex-direction: column;
                text-align: center;
            }

            body.p-4.bg-light, body.p-4.bg-light.main {
                padding: 0.5rem !important;
            }
            .border.border-gray-300.p-10.bg-white {
                padding: 1rem;
            }
            a.text-3xl.font-black.text-gray-900.hover\:text-amber-600.transition.block.mb-1 {
                font-size: 1.5rem;
            }
            p.text-xl.text-gray-600 {
                font-size: 1.125rem;
                line-height: 1.5rem;
            }
            h1.text-5xl.font-black.text-gray-900.mb-4 {
                font-size: 2.25rem;
                line-height: 2.5rem;
            }
            .p-8.border-b.border-gray-300, li.p-8.flex.gap-8, .border.border-gray-300.p-8.sticky.top-24, article.bg-white.border.border-gray-200.p-5.md\:p-12.shadow-sm.rounded-sm {
                padding: 1rem;
            }
            p.mt-8.text-xl.text-gray-600.leading-9 {
                line-height: 1.7rem;
                font-size: 1.125rem;
            }
            h1.text-5xl.font-black.text-gray-900.leading-tight {
                font-size: 2rem;
                /* line-height: 1.125rem; */
            }
            .lg\:col-span-2.p-8, .lg\:col-span-6.p-8 {
                padding: 1.25rem;
            }
            section.bg-white.py-24.border-b.border-gray-200 {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            h1.mt-4.text-5xl.font-black.text-gray-900 {
                font-size: 2.5rem;
            }
            p.mt-6.text-xl.text-gray-600.max-w-2xl.leading-8 {
                line-height: 1.7rem;
                font-size: 1.1rem;
            }
            div#mobile-menu {
                box-shadow: -1px 6px 5px 0 #0000001c;
            }
            .max-w-6xl.mx-auto.px-4.grid.md\:grid-cols-3.gap-12 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }
            h1.mt-8.text-5xl.lg\:text-6xl.font-black.leading-tight.text-gray-900 {
                font-size: 2.1rem;
            }
            .leading-9 {
                line-height: 1.8rem;
            }
            .text-xl {
                font-size: 1rem;
                line-height: 1.75rem;
            }
            a.bg-amber-600.hover\:bg-amber-700.transition.text-white.font-bold.px-8.py-4, a.border.border-gray-300.hover\:border-gray-900.transition.px-8.py-4.font-semibold {
                width: 100%;
                text-align: center;
            }
            .grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-5.gap-y-6.gap-x-10 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }
            .text-4xl {
                font-size: 1.8rem;
                line-height: 2rem;
            }
            .p-10, .border.border-gray-300.p-8 {
                padding: 1rem;
            }
            .py-24 {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
            .p-8 {
                padding: 1rem;
            }
            .md\:grid-cols-3 {
               grid-template-columns: repeat(1, minmax(0, 1fr));
            }
            .swiper.portfolio-swiper.w-full.h-64.bg-gray-100.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
                height: 14rem;
            }
            
        }

        @media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .lg\:border-b-0 {
        border-bottom-width: 1px !important;
    }
    
}