/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 03 2025 | 18:34:17 */
/* Лише на ПК вирівнює блоки, скрізь трохи міняєм відступи */
@media only screen and (min-width: 768px) {
.steps-container {
    flex-wrap: wrap;
 }
.steps-container > * {
  flex: 0 0 auto !important;
}
}
.learning-process {
    padding: 0px 0 !important;
}
.steps-container {
 	padding-top: 0px !important; 
 }
/*Контактна форма: повідомлення надіслано - по центру*/
.wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid #202020 !important;
	color: #202020 !important;
	border-radius: 3pt;
	animation-name: App_Alarm;
	animation-duration: 2s;
	opacity: 1;
}
@keyframes App_Alarm {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.wpcf7 form .wpcf7-response-output {
    text-align: center;
	border: 0px solid #dc3232 !important;
	color: #dc3232;
	margin-top: -4pt;
}
@media only screen and (min-width: 768px) {
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 55pt;
}
	}
@media only screen and (max-width: 767px) {
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-left: 50pt;
}
	}
/*Кнопка в тесті*/
input#action-button {
	width: 170pt;
	font-size: 12pt;
    line-height: 1.5;
    padding: 9px 21px;
}
:root :where(.wp-element-button, .wp-block-button__link) {
    border-radius: 3pt;
}
/*Відстань після головного мета-тектсу*/
.wp-block-group.alignfull.is-layout-constrained.wp-container-core-group-layout-14.wp-block-group-is-layout-constrained {
       padding-bottom: 0px !important;
}

/* Корегування в CF7 – коментар під формою номер" */
.text-to-telephone {
	display: block;
max-width: 90% !important;
	font-size: 10pt !important;
}
/*На мобільному меню посередині*/
.wp-block-navigation li {
    margin-left: auto !important;
    margin-right: auto !important;
}
/*На мобільному опустити клавішу закрити меню "х"*/
button.wp-block-navigation__responsive-container-close {
    margin-top: 24pt !important;
    margin-right: 18pt !important;
}
/*На сторінці Вартість - відстань до заголовку*/
.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
    padding-top: 14px !important;
}
/*Відстань між заголовком і кнопкою зверху і знизу*/
.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-container-core-buttons-layout-1.wp-block-buttons-is-layout-flex {
    margin-bottom: 40pt;
    margin-top: 40pt;
}
/*Верхні іконки по центру*/
.wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-7.wp-block-group-is-layout-constrained,
.wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-9.wp-block-group-is-layout-constrained,
.wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-11.wp-block-group-is-layout-constrained {
    margin-left: auto !important;
    margin-right: auto !important;
}
/*Плавне опускання кнопки*/
.wp-block-button.is-style-fill {
  position: absolute;
  animation-name: App_buttom;
  animation-duration: 3s;
}
@-webkit-keyframes App_buttom {
  0% {opacity: 0;
	margin-top: -220pt;}
  100% {opacity: 1;
	margin-top: 0pt;}
}

@-o-keyframes App_buttom {
  0% {opacity: 0;
	margin-top: -220pt;}
  100% {opacity: 1;
	margin-top: 0pt;}
}

@-moz-keyframes App_buttom {
  0% {opacity: 0;
	margin-top: -220pt;}
  100% {opacity: 1;
	margin-top: 0pt;}
}

@keyframes App_buttom {
  0% {opacity: 0;
	margin-top: -220pt;}
  100% {opacity: 1;
	margin-top: 0pt;}
}
h1.wp-block-heading.alignwide.has-text-align-center.has-black-color.has-text-color {
    margin-bottom: 50pt;
}
p.has-text-align-center.has-large-font-size {
    margin-top: 50pt;
}
/*Прозорий фон картинки в шапці*/
img.wp-block-cover__image-background.wp-image-407
{
  opacity: 0.4;
  animation-name: Appearance_p;
  animation-duration: 5s;
}
@-webkit-keyframes Appearance_p {
  0% {opacity: 0;}
  100% {opacity: 0.4;}
}

@-o-keyframes Appearance_p {
  0% {opacity: 0;}
  100% {opacity: 0.4;}
}

@-moz-keyframes Appearance_p {
  0% {opacity: 0;}
  100% {opacity: 0.4;}
}

@keyframes Appearance_p {
  0% {opacity: 0;}
  100% {opacity: 0.4;}
}
h2.wp-block-site-title {
    margin-left: -12pt;
}
/*Скрити картинку в шапці, шрифти, лого - на моб*/
@media only screen and (max-width: 534px) {
img.wp-block-cover__image-background.wp-image-407 {
   display: none;
}
h2.wp-block-heading {
    text-align: center;
}
	}
h1.wp-block-site-title {
    /* font-size: 16pt; */
    margin-left: -5pt;
}
img.custom-logo {
    margin-top: -5pt;
}
@media only screen and (max-width: 767px) {
img.custom-logo {
    width: 85pt;
}
	}
/*Коригування малюнків у колах*/
.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
   width: 140pt !important;
	display: block !important;
	margin-left: auto !important;
    margin-right: auto !important;
}
.wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-14.wp-block-group-is-layout-constrained, .wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-17.wp-block-group-is-layout-constrained, .wp-block-group.has-ti-accent-background-color.has-background.is-content-justification-left.is-layout-constrained.wp-container-20.wp-block-group-is-layout-constrained {
	    max-width: 140px;
	height: 140px;
		margin-left: auto !important;
    margin-right: auto !important;
}
.wp-container-14.wp-container-14 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-15.wp-container-15 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-17.wp-container-17 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-18.wp-container-18 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-20.wp-container-20 > :where(:not(.alignleft):not(.alignright):not(.alignfull)), .wp-container-21.wp-container-21 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90px;
    margin-left: auto !important;
}

.wp-block-button,
.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    margin-left: auto !important;
	    margin-right: auto !important;
}
	