.elementor-3975 .elementor-element.elementor-element-eece022 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3975 .elementor-element.elementor-element-eece022 > .elementor-container{max-width:1200px;min-height:65vh;}.elementor-3975 .elementor-element.elementor-element-eece022{margin-top:100px;margin-bottom:0px;}.elementor-3975 .elementor-element.elementor-element-a670009 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri div{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-e4aff75 > .elementor-widget-container{padding:0% 25% 0% 4%;}.elementor-3975 .elementor-element.elementor-element-e4aff75{text-align:left;}.elementor-3975 .elementor-element.elementor-element-e4aff75 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-size:65px;font-weight:900;line-height:1.2em;color:#ffffff;}.elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > div, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h1, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h2, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h3, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h4, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h5, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > h6, .elementor-3975 .elementor-element.elementor-element-e4aff75.ob-harakiri > p{transform:rotate(0deg);}.elementor-3975 .elementor-element.elementor-element-e4aff75 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.ob-postman blockquote{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.ob-postman blockquote cite{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri div{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-ee05fb5 > .elementor-widget-container{padding:2% 25% 2% 4%;}.elementor-3975 .elementor-element.elementor-element-ee05fb5{text-align:left;font-family:"Wix Madefor Display", Sans-serif;font-size:16px;font-weight:300;line-height:2em;color:var( --e-global-color-primary );}.elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > div, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h1, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h2, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h3, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h4, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h5, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > h6, .elementor-3975 .elementor-element.elementor-element-ee05fb5.ob-harakiri > p{transform:rotate(0deg);}.elementor-3975 .elementor-element.elementor-element-ee05fb5 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3975 .elementor-element.elementor-element-463d3c9 > .elementor-widget-container{margin:0100px 0px 0px 0px;}.elementor-3975 .elementor-element.elementor-element-463d3c9 .elementor-icon-wrapper{text-align:center;}.elementor-3975 .elementor-element.elementor-element-463d3c9 .elementor-icon{font-size:45px;}.elementor-3975 .elementor-element.elementor-element-463d3c9 .elementor-icon svg{height:45px;}.elementor-3975 .elementor-element.elementor-element-9e28db1{--spacer-size:1000px;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;bottom:281px;z-index:-50;}.elementor-3975 .elementor-element.elementor-element-9e28db1 > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #A100FF78 0%, #F2295B00 70%);}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9e28db1{right:1000px;}body.rtl .elementor-3975 .elementor-element.elementor-element-9e28db1{left:1000px;}.elementor-3975 .elementor-element.elementor-element-db75c57{--spacer-size:1000px;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;top:221px;z-index:-50;}.elementor-3975 .elementor-element.elementor-element-db75c57 > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #CF12B27D 0%, #F2295B00 70%);}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-db75c57{right:-816px;}body.rtl .elementor-3975 .elementor-element.elementor-element-db75c57{left:-816px;}.elementor-3975 .elementor-element.elementor-element-9fe52bb{--spacer-size:1000px;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;bottom:0px;z-index:-50;}.elementor-3975 .elementor-element.elementor-element-9fe52bb > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #0073B06B 0%, #F2295B00 70%);}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9fe52bb{right:-475px;}body.rtl .elementor-3975 .elementor-element.elementor-element-9fe52bb{left:-475px;}.elementor-3975 .elementor-element.elementor-element-9a580db{--spacer-size:600px;width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;top:262px;z-index:-50;}.elementor-3975 .elementor-element.elementor-element-9a580db > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at center center, #0019FF78 0%, #F2295B00 70%);}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9a580db{left:-343px;}body.rtl .elementor-3975 .elementor-element.elementor-element-9a580db{right:-343px;}.elementor-3975 .elementor-element.elementor-element-7e11358{margin-top:40px;margin-bottom:40px;}.elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri div{writing-mode:inherit;}.elementor-3975 .elementor-element.elementor-element-5e0db26 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-3975 .elementor-element.elementor-element-5e0db26{font-family:"Wix Madefor Display", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > div, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h1, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h2, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h3, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h4, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h5, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > h6, .elementor-3975 .elementor-element.elementor-element-5e0db26.ob-harakiri > p{transform:rotate(0deg);}.elementor-3975 .elementor-element.elementor-element-5e0db26 > div{text-indent:0px;mix-blend-mode:inherit;}html, body{overflow-x:auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3975 .elementor-element.elementor-element-a670009{width:100%;}}@media(max-width:1024px){.elementor-3975 .elementor-element.elementor-element-eece022 > .elementor-container{min-height:800px;}.elementor-3975 .elementor-element.elementor-element-eece022{padding:0px 25px 0px 025px;}.elementor-3975 .elementor-element.elementor-element-a670009 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3975 .elementor-element.elementor-element-e4aff75 > .elementor-widget-container{padding:0% 0% 0% 4%;}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9e28db1{right:108px;}body.rtl .elementor-3975 .elementor-element.elementor-element-9e28db1{left:108px;}.elementor-3975 .elementor-element.elementor-element-9e28db1{bottom:-61px;z-index:-50;}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-db75c57{right:-340px;}body.rtl .elementor-3975 .elementor-element.elementor-element-db75c57{left:-340px;}.elementor-3975 .elementor-element.elementor-element-db75c57{top:-33.383vh;z-index:-50;}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9fe52bb{right:-475px;}body.rtl .elementor-3975 .elementor-element.elementor-element-9fe52bb{left:-475px;}.elementor-3975 .elementor-element.elementor-element-9fe52bb{bottom:-94px;z-index:-50;}body:not(.rtl) .elementor-3975 .elementor-element.elementor-element-9a580db{left:-34vw;}body.rtl .elementor-3975 .elementor-element.elementor-element-9a580db{right:-34vw;}.elementor-3975 .elementor-element.elementor-element-9a580db{top:-4.87vh;z-index:-50;}}@media(max-width:767px){.elementor-3975 .elementor-element.elementor-element-eece022{padding:110px 20px 100px 20px;}.elementor-3975 .elementor-element.elementor-element-a670009 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-3975 .elementor-element.elementor-element-e4aff75 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-3975 .elementor-element.elementor-element-e4aff75 .elementor-heading-title{font-size:35px;}.elementor-3975 .elementor-element.elementor-element-ee05fb5 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-e335c72 */.constructor .colorBlue {
  color: #3ef;
}
.constructor .colorBlue.glowOff {
  color: #32a;
}
.constructor .bgBlue {
  background-color: #2eeeff;
    width: 30% !important;
}
.constructor .colorBlue.glowOn {
  text-shadow: 0 0 1px #2eeeff, 0 0 3px #66a6ff, 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #3ef, 0 0 15px #3ef, 0 0 18px #3ef, 0 0 30px #99c4ff, 0 0 50px #80b5ff, 0 0 50px #66a6ff, 0 0 80px #4d97ff, 0 0 100px #38f, 0 0 130px #38f, 0 0 140px #38f, 0 0 150px #38f;
}
.constructor .colorOrange {
  color: rgba(255, 255, 0, 0.43);
}
.constructor .colorOrange.glowOff {
  color: #f85522;
}
.constructor .bgOrange {
  background-color: #fa4300;
    width: 30% !important;
}
.constructor .colorOrange.glowOn {
  text-shadow: 0 0 1px #fa4300, 0 0 3px #f55, 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f40, 0 0 15px #f40, 0 0 18px #f40, 0 0 30px #f88, 0 0 50px #ff6f6f, 0 0 50px #f55, 0 0 80px #ff3c3c, 0 0 100px #f22, 0 0 130px #f22, 0 0 140px #f22, 0 0 150px #f22;
}
.constructor .colorWhite {
  color: azure;
}
.constructor .colorWhite.glowOff {
  color: azure;
}
.constructor .bgWhite {
  background-color: azure;
    width: 30% !important;
}
.constructor .colorWhite.glowOn {
  text-shadow: 0 0 1px #ebffff, 0 0 3px #fff, 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px azure, 0 0 15px azure, 0 0 18px azure, 0 0 30px #fff, 0 0 50px #fff, 0 0 50px #fff, 0 0 80px #fff, 0 0 100px azure, 0 0 130px azure, 0 0 140px azure, 0 0 150px azure;
}
.constructor .colorWarmWhite {
  color: #fffae9;
}
.constructor .colorWarmWhite.glowOff {
  color: ivory;
}
.constructor .bgWarmWhite {
  background-color: #fffae9;
    width: 30% !important;
}
.constructor .colorWarmWhite.glowOn {
  text-shadow: 0 0 1px #ffffeb, 0 0 3px #fff, 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px ivory, 0 0 15px ivory, 0 0 18px ivory, 0 0 30px #fff, 0 0 50px #fff, 0 0 50px #fff, 0 0 80px #fff, 0 0 100px ivory, 0 0 130px ivory, 0 0 140px ivory, 0 0 150px ivory;
}
.constructor .colorGreen {
  color: #af9;
}
.constructor .colorGreen.glowOff {
  color: #290;
}
.constructor .bgGreen {
  background-color: #5a0;
  width: 30% !important;
}
.constructor .colorGreen.glowOn {
  text-shadow: 0 0 1px #a6ff94, 0 0 3px rgba(51, 255, 115, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #af9, 0 0 15px #af9, 0 0 18px #af9, 0 0 30px rgba(102, 255, 150, 0.5), 0 0 50px rgba(77, 255, 133, 0.5), 0 0 50px rgba(51, 255, 115, 0.5), 0 0 80px rgba(26, 255, 98, 0.5), 0 0 100px rgba(0, 255, 80, 0.5), 0 0 130px rgba(0, 255, 80, 0.5), 0 0 140px rgba(0, 255, 80, 0.5), 0 0 150px rgba(0, 255, 80, 0.5);
}
.constructor .colorDarkBlue {
  color: #0af;
}
.constructor .colorDarkBlue.glowOff {
  color: #32a;
}
.constructor .bgDarkBlue {
  background-color: #05f;
    width: 30% !important;
}
.constructor .colorDarkBlue.glowOn {
  text-shadow: 0 0 1px #00a7fa, 0 0 3px #3369ff, 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #0af, 0 0 15px #0af, 0 0 18px #0af, 0 0 30px #668fff, 0 0 50px #4d7cff, 0 0 50px #3369ff, 0 0 80px #1a57ff, 0 0 100px #04f, 0 0 130px #04f, 0 0 140px #04f, 0 0 150px #04f;
}
.constructor .colorPurple {
  color: #eaf;
}
.constructor .colorPurple.glowOff {
  color: #e000ff;
}
.constructor .bgPurple {
  background-color: #a000ff;
    width: 30% !important;
}
.constructor .colorPurple.glowOn {
  text-shadow: 0 0 1px #eda5ff, 0 0 3px rgba(231, 51, 255, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #eaf, 0 0 15px #eaf, 0 0 18px #eaf, 0 0 30px rgba(237, 102, 255, 0.5), 0 0 50px rgba(234, 77, 255, 0.5), 0 0 50px rgba(231, 51, 255, 0.5), 0 0 80px rgba(228, 26, 255, 0.5), 0 0 100px rgba(225, 0, 255, 0.5), 0 0 130px rgba(225, 0, 255, 0.5), 0 0 140px rgba(225, 0, 255, 0.5), 0 0 150px rgba(225, 0, 255, 0.5);
}
.constructor .colorPink {
  color: #ffe8fa;
}
.constructor .colorPink.glowOff {
  color: #f49;
}
.constructor .bgPink {
  background-color: #faa;
    width: 30% !important;
}
.constructor .colorPink.glowOn {
  text-shadow: 0 0 1px #f59bef, 0 0 3px rgba(255, 231, 236, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #f5a0f0, 0 0 15px #f5a0f0, 0 0 18px #f5a0f0, 0 0 30px rgba(255, 255, 255, 0.5), 0 0 50px rgba(255, 255, 255, 0.5), 0 0 50px rgba(255, 231, 236, 0.5), 0 0 80px rgba(255, 206, 215, 0.5), 0 0 100px rgba(255, 180, 195, 0.5), 0 0 130px rgba(255, 180, 195, 0.5), 0 0 140px rgba(255, 180, 195, 0.5), 0 0 150px rgba(255, 180, 195, 0.5);
}
.constructor .colorYellow {
  color: #ffd707;
}
.constructor .colorYellow.glowOff {
  color: #e0e000;
}
.constructor .bgYellow {
  background-color: #ffd707;
    width: 30% !important;
}
.constructor .colorYellow.glowOn {
  text-shadow: 0 0 1px #ffd602, 0 0 3px rgba(255, 255, 58, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.05), 0 0 8px #ffd707, 0 0 15px #ffd707, 0 0 18px #ffd707, 0 0 30px rgba(255, 255, 109, 0.5), 0 0 50px rgba(255, 255, 84, 0.5), 0 0 50px rgba(255, 255, 58, 0.5), 0 0 80px rgba(255, 255, 33, 0.5), 0 0 100px rgba(255, 255, 7, 0.5), 0 0 130px rgba(255, 255, 7, 0.5), 0 0 140px rgba(255, 255, 7, 0.5), 0 0 150px rgba(255, 255, 7, 0.5);
}
.constructor .panelBlur {
  margin-top: -15px;
}
.constructor .panelBlur span {
  padding: 15px 30px;
  display: inline;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset, 10px 10px 20px rgba(0, 0, 0, 0.1) inset;
  background: linear-gradient(2deg, rgba(255, 255, 255, 0) 49%, rgba(255, 255, 255, 0.13) 47%);
}
.constructor .panelBlack {
  margin-top: -15px;
}
.constructor .panelBlack span {
  padding: 15px 30px;
  display: inline;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset, 10px 10px 20px rgba(0, 0, 0, 0.1) inset;
  background: url(https://static.tildacdn.com/tild3333-3937-4436-b533-666636386231/Black_acrylic.jpg);
}


.constructor__colorPickerButton {
  transition: background 0.3s ease; /* Плавный переход фона */
  position: relative; /* Для позиционирования псевдоэлемента */
  display: inline-block; /* Чтобы псевдоэлемент мог быть позиционирован относительно кнопки */
  padding: 10px; /* Добавляем отступы для кнопки */
}

.constructor__colorPickerButton.pickerActive {
  border: 5px solid #fff !important; /* Фон при активном состоянии */
}

.constructor__colorPickerButton.pickerActive::after {
  content: '✔'; /* Символ галочки */
  position: absolute; /* Абсолютное позиционирование */
  top: 50%; /* Центрирование по вертикали */
  left: 50%; /* Центрирование по горизонтали */
  transform: translate(-50%, -50%); /* Центрирование галочки */
  color: #000; /* Цвет галочки */
  font-size: 20px; /* Размер галочки */
}



.constructor__panelPickerButton {
  width: 45% !important;
  background: rgba(255, 255, 255, 0.0) !important; /* Прозрачный фон по умолчанию */
  transition: background 0.3s ease; /* Плавный переход фона */
}

.constructor__panelPickerButton.pickerActive {
  background: rgba(255, 255, 255, 0.5) !important; /* Фон при активном состоянии */
}



.constructor__panelTypePickerButton {
  width: 45% !important;
  background: rgba(255, 255, 255, 0.0) !important; /* Прозрачный фон по умолчанию */
  transition: background 0.3s ease; /* Плавный переход фона */
}

.constructor__panelTypePickerButton.pickerActive {
  background: rgba(255, 255, 255, 0.5) !important; /* Фон при активном состоянии */
}



.constructor__bgPickerButton {
  width: 45% !important;
  height: 100px !important;
  position: relative; /* Для позиционирования псевдоэлемента */
  display: inline-block; /* Чтобы псевдоэлемент мог быть позиционирован относительно кнопки */
  padding: 10px; /* Добавляем отступы для кнопки */
  border: 2px solid transparent; /* Прозрачный бордер по умолчанию */
  transition: border 0.3s ease; /* Плавный переход бордера */
}

.constructor__bgPickerButton.pickerActive {
  border: 5px solid #fff !important; /* Бордер при активном состоянии */
}

.constructor__bgPickerButton.pickerActive::after {
  content: '✔'; /* Символ галочки */
  position: absolute; /* Абсолютное позиционирование */
  top: 50%; /* Центрирование по вертикали */
  left: 50%; /* Центрирование по горизонтали */
  transform: translate(-50%, -50%); /* Центрирование галочки */
  color: #000; /* Цвет галочки */
  font-size: 20px; /* Размер галочки */
}





/*.constructor .panelWooden {
  margin-top: -15px;
}
.constructor .panelWooden span {
  padding: 15px 30px;
  display: inline;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.1) inset, 10px 10px 20px rgba(0, 0, 0, 0.1) inset;
  background: url(https://static.tildacdn.com/tild6630-3565-4663-a239-613734383537/wood.jpg);
  background-size: cover;
}*/


.constructor .fontBadScript {
  font-family: "Bad Script", cursive !important;
}
.constructor .fontMarske {
  font-family: "Marske", sans-serif !important;
}
.constructor .fontKatherine {
  font-family: "Katherine Plus" !important;
}
.constructor .fontAvenirNextCyr {
  font-family: "Avenir Next Cyr" !important;
}
.constructor .fontSensaPen {
  font-family: "Sensa Pen" !important;
}
.constructor .fontRealize {
  font-family: "Realize My Passion" !important;
}
.constructor .generatorResultText.fontKatherine,
.constructor .generatorResultText.fontAvenirNextCyr {
  font-size: 48px;
}
.constructor .pickerButton.fontKatherine {
  font-size: 20px;
}
.constructor .pickerButton.fontAvenirNextCyr {
  font-size: 26px;
}
.constructor .pickerButton.fontSensaPen {
  font-size: 32px !important;
}

.constructor__fontPickerButton {
  width: 45% !important;
  background: rgba(255, 255, 255, 0.0) !important; /* Прозрачный фон по умолчанию */
  transition: background 0.3s ease; /* Плавный переход фона */
}

.constructor__fontPickerButton.active {
   background: rgba(255, 255, 255, 0.3) !important; /* Фон при активном состоянии */
}




.constructor {
  display: flex;
  width: 100%;
  max-width: 1200px;
  height: 500px; 
  margin: 0 auto;
  justify-content: space-between;

}

.constructor__result {
  width: 60%;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  border-radius: 25px;
  overflow: hidden;
}

.constructor__resultbg {
  width: 100%;
}

.constructor .constructor__resultBg {
  position: absolute;
  top: 100%;
  left: 100%;
  transform: translate(-100%, -100%);
}

.constructor__controls {
  contain: box;
  width: 40%;
  height: 500px;
  display: flex;
  flex: 0 0 auto;
  position: relative; /* Добавляем относительное позиционирование для псевдоэлемента */
}

.constructor__controls::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(315deg, #53b8cf, #9375ca, #b65cd7, #f901d1) !important;
  filter: blur(30px) !important;
  z-index: -1; /* Перемещаем псевдоэлемент за дочерние элементы */
}

/* Дочерние элементы остаются без блюра */
.constructor__controls .child-element {
  /* Ваши стили для дочерних элементов */
}


.constructor__buttons {
  width: 70px;
  flex: 0 0 auto;
  padding: 0 !important;
  margin: 0 !important;
}

.constructor__buttons .constructor__buttonWrapper {
  display: flex;
  flex: 0 0 auto;
  width: 70px;
  height: 13.3%;
  border-radius: 15px 15px 15px 15px;
  margin: 0px 10px 10px 10px;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid #ffffff;
  position: relative;
  z-index: 1;
  list-style: none;
}

.constructor__buttons .constructor__buttonWrapper::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  bottom: 0px;
  width: 100%;
  border-radius: 15px;
  background-color: #00000000;
  z-index: -10;
}

.constructor__buttons .constructor__buttonWrapper__active {
  background: rgba(255, 255, 255, 0.1) !important;
  z-index: 2;
}

.constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::before, .constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::after {
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 0 0 10px 0;
  background: rgba(255, 255, 255, 0.0) !important;
  right: -4px;
  top: -4px;
  position: absolute;
  z-index: 3;
}

.constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::after {
  border-radius: 0 10px 0 0;
  top: auto;
  bottom: -4px;
}

.constructor__buttons .constructor__buttonWrapper__active::after {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  box2-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.constructor__buttons .constructor__buttonLink {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.constructor__buttons .constructor__buttonLink img {
  width: 55%;
}

.constructor__content {
  flex: 1 1 auto;
  width: 100%;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid #fff;
  border-radius: 20px 20px 20px 20px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.constructor .constructor__pickerButton {
  color: #ffffff;
}


.constructor__sizePickerButton {
  background: rgba(255, 255, 255, 0.0) !important; /* Прозрачный фон по умолчанию */
  transition: background 0.3s ease; /* Плавный переход фона */
}

.constructor__sizePickerButton.pickerActive {
  background: rgba(255, 255, 255, 0.5) !important; /* Фон при активном состоянии */
}




.constructor__buttons .constructor__buttonWrapper:first-of-type.constructor__buttonWrapper__active .constructor__buttonLink::before,
.constructor__buttons .constructor__buttonWrapper:last-of-type.constructor__buttonWrapper__active .constructor__buttonLink::after {
  border-radius: 0;
}

.constructor__buttonWrapper + .constructor__buttonWrapper {
  margin-top: -4px;
}

.constructor__contentBlock {
  padding: 20px 20px 20px 20px;
  color: #ffffff;
}

.constructor__contentBlock .constructor__contentTitle {
  margin: 0;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding-bottom: 10px;

}

.constructor__contentBlock .constructor__contentText {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  padding: 0px;
}

.constructor__contentBlock .constructor__generatorTextInput {
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 16px;
  width: 100%;
  background-color: #fff;
  color: #ffffff;
  padding: 15px;
  display: flex;
  box-sizing: border-box;
  resize: none;
  font-family: "Montserrat", sans-serif;
}

.constructor__contentFooter {
  padding: 0px 20px 20px;
}

.constructor__contentFooter .constructor__contentBlock {
  padding: 0;
  padding-top: 10px;
  font-family: "Montserrat", sans-serif;
}

.constructor__contentFooter p {
  font-size: 14px;
}

.constructor .constructor__contentButton {
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}

.constructor .constructor__colorPicker {
  margin-bottom: 15px;
}



<!-- кнопки -->

.constructor .constructor__pickerRow {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.constructor .constructor__pickerRow .constructor__pickerButton {
  display: inline-flex;
  width: 100%;
  height: 50px; /* фиксированная высота */
  line-height: 47px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 15px;
  box-sizing: border-box;
  cursor: pointer;
  justify-content: center;
  transition: border-color 0.5s ease;
  -webkit-transition: border-color 0.5s ease;
  color: #fff !important;
  font-size: 14px;
  margin: 5px 0; /* добавьте отступы, если нужно */
}

<!-- кнопки -->

.constructor .constructor__pickerRow .constructor__pickerButton + .constructor__pickerButton {
  margin-left: 1%;
}

.constructor .constructor__pickerRow__twoButtons .constructor__pickerButton {
  width: 50%;
}

.constructor .constructor__pickerRow__twoButtons input[type=number] {
  width: 45%;
  height: 50px;
  line-height: 47px;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  background-color: transparent;
  color: #ffffff;
}


.constructor .constructor__generatorTextContainer {
  position: absolute;
  left: 0;
  top: 22%;
  width: 100% !important;
  text-align: center;
}

.constructor .constructor .pickerActive {
  border-color: #ffffff;
  width: 30% !important;
}

.constructor .d-none {
  display: none;
}

.constructor .generatorBgColor {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s ease, opacity 0.5s ease;
  -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
  opacity: 0;
}

.constructor .generatorBgColor.generatorBgColorActive {
  opacity: 0.05;
}

.constructor .generatorBgLights {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: background-color 0.5s ease, opacity 0.5s ease;
  -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
}

.constructor .generatorBgLights.generatorBgLightsActive {
  opacity: 0.5;
}

.constructor__pickerButton__placeholder {
  opacity: 0;
  pointer-events: none;
}

.constructor__bgPickerButton {
  background-size: cover;
  background-position: center;
}

.constructor__bgPickerButton__loft {
  background-image: url("https://market-neon.ru/wp-content/uploads/beton-2.jpg");
}

.constructor__bgPickerButton__wood {
  background-image: url("https://market-neon.ru/wp-content/uploads/wood_1.jpg");
}

.constructor__bgPickerButton__bricks {
  background-image: url("https://market-neon.ru/wp-content/uploads/white-2.jpg");
}

.constructor__contentWrapper {
  position: relative;
}

.constructor__contentWrapper .constructor__lightsSwitch {
  position: absolute;
  right: 10px;
  transform: scale(0.7);
  width: 70px;
  height: 70px;
  background-image: url("https://market-neon.ru/wp-content/uploads/switch_off.png");
  background-position: center center;
  background-size: 50px 50px;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px;
  background-repeat: no-repeat;
}

.constructor__contentWrapper .constructor__lightsSwitch__on {
  background-image: url("https://market-neon.ru/wp-content/uploads/switch_on.png");
  background-size: 50px 50px;
  background-color: rgba(255, 255, 0, 0.2) !important;
  border-radius: 20px;
}

.constructor .generatorResultText {
  transition: text-shadow 0.5s ease, color 0.5s ease;
  -webkit-transition: text-shadow 0.5s ease, color 0.5s ease;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

@media (max-width: 1279px) {
  .constructor {
    flex-direction: column;
  }

  .constructor__content {
    border-radius: 0 0 10px 10px;
  }

  .constructor__result, .constructor__resultBg {
    width: 100%;
  }

  .constructor__resultBg {
    position: relative !important;
    left: unset !important;
    top: unset !important;
    transform: none !important;
  }

  .constructor__controls {
    width: 100%;
    flex-direction: column;
  }

  .constructor__buttons {
    width: 100%;
    display: flex;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
  }

  .constructor__buttons .constructor__buttonWrapper {
    border-radius: 10px 10px 0 0;
  }

  .constructor__buttonWrapper + .constructor__buttonWrapper {
    margin-top: 0;
    margin-left: -4px;
  }

  .constructor__buttons .constructor__buttonWrapper::after {
    top: unset;
    left: -4px;
    width: auto;
    height: 4px;
  }

  .constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::before, .constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::after {
    left: -4px;
    bottom: -4px;
    right: unset;
    top: unset;
    border-radius: 0 0 10px 0;
  }

  .constructor__buttons .constructor__buttonWrapper__active .constructor__buttonLink::after {
    left: unset;
    right: -4px;
    border-radius: 0 0 0 10px;
  }

  .constructor__content {
    margin-left: 0;
    margin-top: -4px;
    box-sizing: border-box;
  }

  #generatorTextContainer {
    width: 100% !important;
  }
}

@media (max-width: 676px) {
  .constructor__buttons .constructor__buttonWrapper:last-of-type .constructor__buttonLink::after {
    border-radius: 0 !important;
  }

  .constructor__result, .constructor__resultBg {
    width: 100%;
    height: 440px;
  }

  .constructor__buttons .constructor__buttonWrapper {
    height: 55px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Unbounded';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://market-neon.ru/wp-content/uploads/Unbounded-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Wix Madefor Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://market-neon.ru/wp-content/uploads/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */