.elementor-820 .elementor-element.elementor-element-f6f0d60{text-align:start;}.elementor-820 .elementor-element.elementor-element-971c76f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:start;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-820 .elementor-element.elementor-element-3b1b0d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-820 .elementor-element.elementor-element-0ec4a71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-820 .elementor-element.elementor-element-d046c5b{text-align:center;}.elementor-820 .elementor-element.elementor-element-fbbd38d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-820 .elementor-element.elementor-element-c7fd3cc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-820 .elementor-element.elementor-element-3ccf267{text-align:center;}.elementor-820 .elementor-element.elementor-element-a632f88{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-820 .elementor-element.elementor-element-1befa1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}/* Start custom CSS for section, class: .elementor-element-2cf4416 */.elementor-820 .elementor-element.elementor-element-2cf4416 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-820 .elementor-element.elementor-element-2cf4416::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.4;
}
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-820 .elementor-element.elementor-element-2cf4416 .block-title .elementor-widget-image img { display: block; }
.elementor-820 .elementor-element.elementor-element-2cf4416 .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-820 .elementor-element.elementor-element-2cf4416 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-820 .elementor-element.elementor-element-2cf4416 .block-title .elementor-heading-title { font-size: 45px; } }
/* .course-one__title .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { justify-content: space-between; align-items: center; }
.elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container > .elementor-column { width: auto; }
.elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (max-width: 1199px) {
    .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
    /* align-items:flex-start zwęża bloki do treści — jak w oryginale, nie na 100% */
    .elementor-820 .elementor-element.elementor-element-2cf4416 .m16-container > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
}
@media (max-width: 767px) { .elementor-820 .elementor-element.elementor-element-2cf4416 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f5becf0 */.elementor-820 .elementor-element.elementor-element-f5becf0 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container { max-width: 1200px; } }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title .elementor-widget-image img { display: block; }
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-820 .elementor-element.elementor-element-f5becf0 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-820 .elementor-element.elementor-element-f5becf0 .block-title .elementor-heading-title { font-size: 45px; } }
/* .faq-contact__wrap: padding i position zostawiamy motywowi — inaczej Custom CSS
   przykrywa override .faq-contact__wrap.one { padding-bottom: 0 } */

/* .faq-contact__wrap .inner-container — siedzi WEWNĄTRZ .container, więc jest o jego
   padding (2x15 px) węższa; stąd style na kolumnie, a nie na .elementor-container */
.elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container > .elementor-column {
    background-color: #3b91e1;
    position: relative;
    padding-top: 80px;
    padding-bottom: 97px;
    /* margin-bottom: 60px z .faq-contact__wrap .inner-container.
       UWAGA: w audycie POJEDYNCZEGO widgetu ten margines wygląda na zbędny (sekcja wychodzi
       o 60 px wyższa niż oryginał), ale to artefakt izolacji — na stronie testowej widget
       jest ostatni, więc margines ucieka na zewnątrz i nie wlicza się do wysokości.
       W PEŁNEJ stronie, gdy sekcja ma następnika, oryginał te 60 px ma w środku.
       Weryfikuj takie marginesy `strona-ab.php`, nie `ab.php`. */
    margin-bottom: 60px;
}
.elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
/* Reguły motywu celują w .inner-container, której po konwersji nie ma:
   .block-title { margin-bottom: 0 } oraz h3/p na biało. */
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title { margin-bottom: 0; }
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title .elementor-heading-title,
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title .elementor-widget-text-editor,
.elementor-820 .elementor-element.elementor-element-f5becf0 .block-title .elementor-widget-text-editor p { color: #fff; }
.elementor-820 .elementor-element.elementor-element-f5becf0 .m16-container > .elementor-container > .elementor-column::before {
    content: '';
    width: 100%;
    height: 32px;
    display: block;
    background-image: url(//otss.m16.pl/wp-content/themes/scubo/assets/images/shapes/wave-1.png);
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    animation: m16BgSlide 20s linear infinite;
}

@keyframes m16BgSlide {
    0%   { background-position: 0 0; }
    20%  { background-position: -100px 0; }
    40%  { background-position: -200px 0; }
    60%  { background-position: -150px 0; }
    80%  { background-position: -100px 0; }
    100% { background-position: 0 0; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2db6bda */.elementor-820 .elementor-element.elementor-element-2db6bda .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-820 .elementor-element.elementor-element-2db6bda .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-820 .elementor-element.elementor-element-2db6bda::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.4;
}
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-820 .elementor-element.elementor-element-2db6bda .block-title .elementor-widget-image img { display: block; }
.elementor-820 .elementor-element.elementor-element-2db6bda .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-820 .elementor-element.elementor-element-2db6bda .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-820 .elementor-element.elementor-element-2db6bda .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */