.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-55c152b:#FCA311;--e-global-color-81a86a2:#E5E5E5;--e-global-color-9f43b67:#14213D;--e-global-color-f64ff11:#DDE9FF;--e-global-color-bd6595a:#0612C3;--e-global-color-4f4f47a:#FF5C00;--e-global-color-4d55590:#DBE0EB;--e-global-color-84d163b:#8D00FF;--e-global-color-20d5e50:#000547;--e-global-color-a8cf2f9:#F3BAFE;--e-global-color-aff47aa:#EFF7FF;--e-global-color-7e6f1dd:#F8CEFF;--e-global-color-a030548:#F4F6F8;--e-global-color-8c57162:#FAE4FA;--e-global-color-8747af2:#BACCEE;--e-global-color-2521f68:#40C6FF;--e-global-color-b4c7c4d:#0F172B;--e-global-color-cc2ddcf:#FFF7ED;--e-global-color-bc1dbb6:#F8FAFC;--e-global-color-4e59bab:#45556C;--e-global-color-9270215:#EAEAEB;--e-global-color-9102616:#8898B0;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;line-height:1.5em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-4f4f47a );font-weight:600;color:#FFFFFF;border-style:none;border-radius:100px 100px 100px 100px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-bd6595a );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-bd6595a );}.elementor-kit-6 a:hover{color:var( --e-global-color-4f4f47a );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-6 h1{font-size:48px;font-weight:800;line-height:1.3em;}.elementor-kit-6 h2{font-size:36px;font-weight:800;line-height:1.3em;}.elementor-kit-6 h3{font-size:28px;font-weight:800;line-height:1.3em;}.elementor-kit-6 h4{font-size:24px;font-weight:800;}.elementor-kit-6 h5{font-size:17px;font-weight:800;}.elementor-kit-6 h6{font-size:16px;font-weight:800;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:7.5vw;line-height:1.3em;}.elementor-kit-6 h2{font-size:5.8vw;line-height:1.3em;}.elementor-kit-6 h3{font-size:5.2vw;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */input { vertical-align: -3px; }
/* =========================================
   1. ОСНОВНЫЕ НАСТРОЙКИ БЛОКА (ДЛЯ ПК)
========================================= */
.scrollable-mockup {
    height: 440px; /* <--- Высота на компьютерах */
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* =========================================
   2. НАСТРОЙКИ ДЛЯ ПЛАНШЕТОВ (до 1024px)
========================================= */
@media (max-width: 1024px) {
    .scrollable-mockup {
        height: 650px; /* <--- Высота на планшетах */
    }
}

/* =========================================
   3. НАСТРОЙКИ ДЛЯ ТЕЛЕФОНОВ (до 767px)
========================================= */
@media (max-width: 767px) {
    .scrollable-mockup {
        height: 260px; /* <--- Высота на мобильных */
    }
}

/* =========================================
   4. ДИЗАЙН САМОГО ПОЛЗУНКА (СКРОЛЛБАРА)
========================================= */
.scrollable-mockup::-webkit-scrollbar {
    width: 6px; 
}

.scrollable-mockup::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 8px;
}

.scrollable-mockup::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 8px;
}

.scrollable-mockup::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}/* End custom CSS */