body                                        {background-color: #46ab69;}

.tr                                         {transition:  all .3s ease-in-out 0s;}

.btn-ghost                                  {background-color: transparent !important; border: 1px solid #fff; border-radius: 50px !important; padding: 1rem 5rem !important;}    
.btn-ghost::after                           {right: 33px !important;}
.btn-ghost:hover                            {background-color: #fff !important; color: #46ab69!important; }

section .row ul li::after                   {background-image: url("https://instytutwzornictwa.com/wp-content/uploads/2026/02/list_check_white.png");}
section .row ul li                          {font-size: 1rem; padding: 0 1.5rem 0 2rem;}

header                                      {padding: 1rem 0 0; position: relative; width: 100%; height: auto; z-index: 100;}
header.sticky                               {position: sticky; top: 10px;} 
header .container                           {display: flex; flex-wrap: nowrap; align-items: center; position: relative; margin: 0 auto; width: 90%; background-color: #46ab69; max-width: 90%; min-width: 90%; box-shadow: 0 0 20px #46ab69;}
header .top-header-logo                     {flex-shrink: 1; display: flex; align-items: center;}
header .top-header-logo .logo               {}
header .top-header-logo img                 {max-width: 180px; width: 100%; height: auto; display: block; padding: 20px;}
header .top-header-logo .logo_desc          {color: #fff; line-height: 1.25; font-size: 1.1rem;}
header .top-header-menu_wrap                {display: flex; margin: 0 0 0 auto; justify-content: center; align-items: center; padding: 0 20px 0 0;}
header .top-header-menu                     {margin: 0 0 0 auto;}
header .top-header-menu .menu               {list-style: none; display: flex; padding: 0; margin: 0; font-size: 1rem;}
header .top-header-menu .menu li            {display: inline-block; position: relative;}
header .top-header-menu .menu li a          {color: #fff; text-decoration: none; padding: 0.8rem 2rem; display: block; text-transform: uppercase;}
header .top-header-menu .menu li:hover,
header .top-header-menu .menu li.current_page_item,
header .top-header-menu .menu li.current-menu-ancestor {background-color: #fff;}

header .top-header-menu .menu li:hover a,
header .top-header-menu .menu li.current_page_item a,
header .top-header-menu .menu li.current-menu-ancestor a {color: #46ab69;}

header .top-header-menu .sub-menu                         {position: absolute; padding: 0; display: none; background-color: #fff; width: auto;  margin: 0;}
header .top-header-menu li:last-child .sub-menu           {right:0;}
header .top-header-menu .sub-menu li                      {width: 100%;}
header .top-header-menu .sub-menu li a                    {white-space: nowrap; width: 100%;}
header .top-header-menu .menu li:hover .sub-menu          {display: block;} 
header .top-header-menu .menu li .sub-menu li:hover       {background-color: #46ab69;}
header .top-header-menu .menu li .sub-menu li:hover a     {color: #fff;}

header .mobile-menu                                       {display:none; margin: 0 0 0 auto;}
header .mobile-menu .mobile-menu__icon                    {width: 25px; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 25px; position: relative; flex-direction: column;}
header .mobile-menu .mobile-menu__icon .bar               {width: 100%; display: block; height: 3px; background-color: #484848; position: relative;}
header .mobile-menu .mobile-menu__icon .bar_1             {top: -5px;}
header .mobile-menu .mobile-menu__icon .bar_2             {top: 0px;}
header .mobile-menu .mobile-menu__icon .bar_3             {top: 5px;}
header .top-header-menu_wrap_visible                      {display:block;}

.gform_wrapper .ginput_container_consent                  {display: flex; align-items: flex-start;}
.gform_wrapper .ginput_container_consent input            {position: relative; top: 7px; margin: 0 10px 0 0; width: 20px; height: 20px; max-width: 20px; min-width: 20px;} 
.gform_wrapper .gform_footer input[type="submit"]         {background-color: #febb0b; border-color: #febb0b; font-size: 1rem; font-weight: 600; text-transform: uppercase;}
.gform_wrapper .gform_footer .gform_save_link             {border: 1px solid #ccc; padding: 0 25px;}

.elementor-widget-container                                                 {position: fixed; top: calc(50% - 100px); right: 25px;}
.elementor-widget-container .elementor-social-icons-wrapper                 {width: 44px; display: flex; flex-direction: column;}
.elementor-widget-container .elementor-grid-item                            {margin: 5px 0;}
.elementor-widget-container .elementor-grid-item a                          {padding: 11px; display: flex; border-radius: 5px; width: 44px; height: 44px;}
.elementor-widget-container .elementor-grid-item a span                     {display: none;}
.elementor-widget-container .elementor-grid-item a svg                      {fill: #fff; width: 100%; height: auto; display: block;}
.elementor-social-icon-facebook                                             {background-color: #3b5998;}
.elementor-social-icon-youtube                                              {background-color: #cd201f;}
.elementor-social-icon-instagram                                            {background-color: #AD21AD;}
.elementor-social-icon-linkedin                                             {background-color: #0077b5;}


/* YOUNG DESIGN 2026 */
.yd2026-home {background-image:url('https://instytutwzornictwa.com/wp-content/uploads/2026/02/bg.jpg'); background-position: top left; background-size: cover;}

.yd2026 section .row p,
.yd2026 section .row h1,
.yd2026 section .row h2,
.yd2026 section .row h3,
.yd2026 section .row h4,
.yd2026 section .row h5             {color: #fff;}

.yd2026 section .row .headline p  {font-weight: 400; color: #000;}
.yd2026 section .row .headline h1 {text-align: left; justify-content: flex-start; color: #fff; font-size: 5rem; line-height: 5rem;}



.yd2026 #hero                       {}
.yd2026 #hero .hero_wrap            {width: 50%; margin: 0 0 0 auto;}
.yd2026 #hero .hero_txt             {}
.yd2026 #hero .hero_txt p           {margin: 0; color: #000;}
.yd2026 #hero .hero_txt h2          {color: #46ab69; line-height: 4rem;}
.yd2026 #hero .hero_txt h2 .left    {display: block;}
.yd2026 #hero .hero_txt h2 .right   {display: block; padding: 0 0 0 283px;}
.yd2026 #hero .hero_strip           {background-color: #46ab69; color: #fff; display: flex; justify-content: space-between; align-items: center;  padding: 1.5rem 2rem; display: none;}
.yd2026 #hero .hero_strip p         {margin: 0; text-transform: uppercase; font-size: 1.5rem; font-weight: 700;}
.yd2026 #hero .hero_strip a         {color: #fff; padding: .5rem 4rem !important; font-size: .8rem !important;}
.yd2026 #hero .hero_strip a::after  {top: 8px !important;}


.yd2026 #hero .hero_price           {background-color: #307749; margin: 5rem 0 2.5rem; color: #fff; padding: 2rem; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.yd2026 #hero .hero_price p         {margin: 1rem 0; font-size: 1.5rem; text-align: center;}
.yd2026 #hero .hero_price p strong  {color: #5fff97;}
.yd2026 #hero .hero_price p .big    {font-size: 2.5rem; font-weight: 900;}

.yd2026 #hero .hero_lead                      {background-color: #46ab69; margin: 0; color: #fff; display: flex;}
.yd2026 #hero .hero_lead .hero_lead_title     {background-color: rgba(0,0,0,0.3); padding: 20px; display: flex; justify-content: center; align-items: center;}
.yd2026 #hero .hero_lead .hero_lead_title p   {width: 100%; height: auto; margin: 0; writing-mode: sideways-lr; display: block; text-transform: uppercase; font-weight: 700; font-size: 1.75rem;}
.yd2026 #hero .hero_lead .hero_lead_content   {padding: 2rem; display: flex; flex-wrap: wrap;}
.yd2026 #hero .hero_lead .hero_lead_content .img      {width: 100%;}
.yd2026 #hero .hero_lead .hero_lead_content .img img  {display: inline-block; float: left; max-width: 180px; margin: 0 20px 20px 0;}
.yd2026 #hero .hero_lead .hero_lead_content p {font-size: 1rem; margin: 0; font-weight: 400; padding: 0 2.5rem 0 0; width: 50%;}

.yd2026 #partners  {}
.yd2026 #partners .partners_wrap  {background-color: #fff; padding: 2rem;}
.yd2026 #partners .partners_wrap .partners_headline   {}
.yd2026 #partners .partners_wrap h3                   {text-transform: uppercase; font-weight: 100; font-size: 2rem; color: #000;}
.yd2026 #partners .partners_wrap .partners_boxes      {display: flex; flex-wrap: wrap;}
.yd2026 #partners .partners_wrap .partners_box        {display: flex; flex-wrap: wrap;}
.yd2026 #partners .partners_wrap .partners_box h4     {width: 100%; font-size: 1.25rem; font-weight: 400; color: #000;}
.yd2026 #partners .partners_wrap .partners_box img    {flex-shrink: 1; margin: 0 10px;}
.yd2026 #partners .partners_wrap .partners_box_01     {width: 25%;}
.yd2026 #partners .partners_wrap .partners_box_02     {width: 75%; justify-content: space-around;}
.yd2026 #partners .partners_wrap .partners_box_03     {width: 100%; justify-content: center;}
.yd2026 #partners .partners_wrap .partners_box_03 img {max-width: 200px; height: auto; display: block;}

.yd2026 #harmonogram {}
.yd2026 #harmonogram .faq       {}
.yd2026 #harmonogram .faq-wrap  {}
.yd2026 #harmonogram .faq-wrap .box                   {background-color: transparent; display: flex; margin: 0; padding: 0;}
.yd2026 #harmonogram .faq-wrap .box .top              {width: auto; min-width: 25%;}
.yd2026 #harmonogram .faq-wrap .box .top .title       {color: #fff;}
.yd2026 #harmonogram .faq-wrap .box .top .controler   {display: none;}
.yd2026 #harmonogram .faq-wrap .box .bottom           {display: block; margin: 0; color: #fff;}

.yd2026 .faq {}
.yd2026 .faq .faq-wrap        {}
.yd2026 .faq .faq-wrap .box                           {background-color: transparent; color: #fff; padding: 20px 0;}
.yd2026 .faq .faq-wrap .box .top {}
.yd2026 .faq .faq-wrap .box .controler {}
.yd2026 .faq .faq-wrap .box .controler a              {color: #ffe614; position: relative; top: 7px;}
.yd2026 .faq .faq-wrap .box .controler .faq-show {}
.yd2026 .faq .faq-wrap .box .controler .faq-hide {}
.yd2026 .faq .faq-wrap .box .bottom {}
.yd2026 .faq .faq-wrap .box .bottom p                 {font-size: 1.25rem; line-height: 1.5;}

.yd2026 .kategorie_wrap                             {color: #fff; width: 100%; display: flex;}
.yd2026 .kategorie_boxes                            {width: 100%;}   
.yd2026 .kategorie_boxes .kategorie_box             {display: flex;position: relative;padding: 0 0 5rem 0;}
.yd2026 .kategorie_boxes .kategorie_box_col         {width: 50%;position: relative;z-index: 2;}
.yd2026 .kategorie_boxes .kategorie_box_col_left    {}
.yd2026 .kategorie_boxes .kategorie_box_col_right   {}
.yd2026 .kategorie_boxes .kategorie_box_col h2      {color: #fff;font-size: 3rem; line-height: 1.1;}
.yd2026 .kategorie_boxes .kategorie_box_col p       {line-height: 1.35;}
.yd2026 .kategorie_boxes .kategorie_box_col .download {display: inline-block;}
.yd2026 .kategorie_boxes .decor                     {position: absolute;max-height: 75%;right: 55%;z-index: 1;height: 300px;top: 9%;}
.yd2026 .kategorie_boxes .kategorie_box_01 .decor   {}
.yd2026 .kategorie_boxes .kategorie_box_02 .decor   {top: 20%; right: 66%;}
.yd2026 .kategorie_boxes .kategorie_box_03 .decor   {max-height: 100%; right: 45%; height: auto; top: -12%;}
.yd2026 .kategorie_boxes .kategorie_box_04 .decor   {max-height: 100%; right: 60%; height: auto; top: 25%;}
.yd2026 .kategorie_boxes .kategorie_box_05 .decor   {}


.yd2026 .kryteria_wrap                              {color: #fff; width: 100%; display: flex;}
.yd2026 .kryteria_boxes                             {width: 100%;}   
.yd2026 .kryteria_boxes .kryteria_box               {display: flex;position: relative;padding: 0 0 5rem 0;}
.yd2026 .kryteria_boxes .kryteria_box_col           {width: 50%;position: relative;z-index: 2;}
.yd2026 .kryteria_boxes .kryteria_box_col_left      {text-align: right; padding: 0 2.5rem 0 0;}
.yd2026 .kryteria_boxes .kryteria_box_col_right     {padding: 1rem 0 0 0;}
.yd2026 .kryteria_boxes .kryteria_box_col h2        {color: #fff; max-width: 75%; text-align: right; margin: 0 0 0 auto; font-size: 2.5rem; line-height: 1.25;}
.yd2026 .kryteria_boxes .kryteria_box_col p         {font-size:1rem; line-height: 1.75;}
.yd2026 .kryteria_boxes .kryteria_box_col strong    {font-weight: 700;}
.yd2026 .kryteria_boxes .kryteria_box_col p i       {font-size: 1.75rem;}
.yd2026 .kryteria_boxes .kryteria_box_col .download {display: inline-block;}
.yd2026 .kryteria_boxes .decor                      {position: absolute;max-height: 75%;right: 75%;z-index: 1;height: 300px;top: 9%;}
.yd2026 .kryteria_boxes .kryteria_box_01 .decor     {top: 25%;}
.yd2026 .kryteria_boxes .kryteria_box_02 .decor     {top: 25%; left: 20%;}
.yd2026 .kryteria_boxes .kryteria_box_03 .decor     {left: 5%;}
.yd2026 .kryteria_boxes .kryteria_box_04 .decor     {left: 20%; top: 35%;}
.yd2026 .kryteria_boxes .kryteria_box_05 .decor     {left: 0%;}
.yd2026 .kryteria_lead                                    {background-color: #46ab69; margin: 0 0 4rem 0; color: #fff; display: flex;}
.yd2026 .kryteria_lead .kryteria_lead_title               {background-color: rgba(0,0,0,0.3); padding: 20px; display: flex; justify-content: center; align-items: center;}
.yd2026 .kryteria_lead .kryteria_lead_title p             {width: 100%; height: auto; margin: 0; writing-mode: sideways-lr; display: block; text-transform: uppercase; font-weight: 700; font-size: 1.75rem;}
.yd2026 .kryteria_lead .kryteria_lead_content             {padding: 2rem; display: flex;}
.yd2026 .kryteria_lead .kryteria_lead_content p           {font-size: 1rem; margin: 0; font-weight: 400; padding: 0 2.5rem 0 0; line-height: 1.75;}
.yd2026 .kryteria_lead .kryteria_lead_content ul          {margin: .5rem 0 0 0;}
.yd2026 .kryteria_lead .kryteria_lead_content ul li       {font-size: 1rem; padding: 0 1.5rem 0 2rem;}
.yd2026 .kryteria_lead .kryteria_lead_content .col-66     {width: 66.666%;}
.yd2026 .kryteria_lead .kryteria_lead_content .col-66 p   {margin: 0 0 2.5rem 0; line-height: 1.75;}
.yd2026 .kryteria_lead .kryteria_lead_content .col-33     {width: 33.333%;}
.yd2026 .kryteria_lead .kryteria_lead_content .col-33 p   {}
.yd2026 .kryteria_lead .kryteria_lead_content .col-33 ul  {}

.yd2026 .nagrody_wrap                               {position: relative;}
.yd2026 .nagrody_boxes                              {position: relative; z-index: 2;} 
.yd2026 .nagrody_boxes .nagrody_box                 {width: 66%; margin: 0 0 5rem 0;}
.yd2026 .nagrody_boxes .nagrody_box_col             {}
.yd2026 .nagrody_boxes .nagrody_box_nagroda_wrap    {background-color: rgba(0,0,0,0.2);border-radius: 20px;display: flex; margin: 0 0 2rem 0;}
.yd2026 .nagrody_boxes .nagrody_box_col h2          {color: #fff;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_nagroda          { width: 75%; display: block;text-align: center;padding: 1rem;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_nagroda .title   {margin: 0;font-weight: 400;font-size: 1.5rem;color: #fff;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_nagroda .anount  {margin: 0;font-weight: 700;font-size: 5rem;line-height: 1.25; color: #fff;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_nagroda .anount-text {margin: 1rem 0; font-weight: 700; font-size: 3rem; line-height: 1.25; color: #fff;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_sponsor          {background-color: #fff;border-radius: 20px;padding: 1rem;width: 25%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_sponsor p        {margin: 0;font-size: 0.8rem;}
.yd2026 .nagrody_boxes .nagrody_box_col .nagrody_box_sponsor img      {max-width: 200px;width: 100%;}
.yd2026 .nagrody_wrap .decor {position: absolute; right: 0; z-index: -1; max-height: 75vh; top: 50%; transform: translate(50%, -50%);}

.yd2026 .block_boxes .boxes .bxs-show-more::before    {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #46ab69 75%)!important;}
.yd2026 .block_boxes .boxes .bxs-show-more::after     {border: 1px solid #fff; margin: 0 auto; display: inline-block; width: 100px; border-radius: 100px; color: #fff; left: calc(50% - 50px); font-size: 0.8rem;}
.yd2026 .block_boxes .boxes .bxs-show-all::after      {bottom: -15px;}
.yd2026 .block_boxes .boxes .bxs-show-more p          {font-size: 1rem; line-height: 1.5;}
.yd2026 .block_boxes .boxes .box_img img              {max-width: 270px;}

.yd2026 .tpl-jzp                {position: relative; max-width:1024px; margin: 5rem auto 0; color: #fff;}
.yd2026 .tpl-jzp section        {margin: 0 0 5rem 0; position: relative;}
.yd2026 .tpl-jzp section h3     {font-size: 2rem; line-height: 2rem; margin: 0; color: #fff;}
.yd2026 .tpl-jzp section h4     {font-size: 1.5rem; line-height: 1.5rem; color: #fff;}
.yd2026 .tpl-jzp section p      {}
.yd2026 .tpl-jzp section a      {color: #FFE614;}
.yd2026 .tpl-jzp section .deco      {position: absolute; z-index: -1;}
.yd2026 .tpl-jzp section .deco img  {width: 100%; height:auto; display: block;}
.yd2026 .tpl-jzp section.s1 h3     {}
.yd2026 .tpl-jzp section.s1 h4     {}
.yd2026 .tpl-jzp section.s1 p      {margin: 60px 0 0 300px; width: 450px;}
.yd2026 .tpl-jzp section.s1 .line  {width: 360px; height: 65px; border-top: 5px solid #fff; border-right: 5px solid #fff; border-top-right-radius: 50px; position: absolute; top: 13px; left: 120px}
.yd2026 .tpl-jzp section.s1 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 31px 21px 0 21px; border-color: #FFE614 transparent transparent transparent; transform: rotate(0deg); position: absolute; bottom: -30px; left: 337px;}
.yd2026 .tpl-jzp section.s1 .deco           {width: 250px; height: auto; right: calc(100% - 125px); top: 150px;}
.yd2026 .tpl-jzp section.s1 .deco-right     {width: 768px; height: auto; right: calc(-50%); top: 0px; left: auto;}
.yd2026 .tpl-jzp section.s2 h3     {margin: 0 0 0 200px;}
.yd2026 .tpl-jzp section.s2 h4     {margin: 0 0 0 200px;}
.yd2026 .tpl-jzp section.s2 p      {margin: 60px 0 0 200px; width: 450px;}
.yd2026 .tpl-jzp section.s2 .line  {width: 160px; height: 70px; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-bottom-right-radius: 50px;  position: absolute; top: -53px; left: 320px;}
.yd2026 .tpl-jzp section.s2 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 28px 18px 0; border-color: transparent #235AE1 transparent transparent; transform: rotate(0deg); position: absolute; bottom: -19px; left: -7px;}
.yd2026 .tpl-jzp section.s3 h3     {margin: 0 0 0 400px;}
.yd2026 .tpl-jzp section.s3 h4     {margin: 0 0 0 400px;}
.yd2026 .tpl-jzp section.s3 p      {margin: 20px 0 0 400px; width: 450px;}
.yd2026 .tpl-jzp section.s3 .line  {width: 160px; height: 70px; border-bottom: 5px solid #fff; border-left: 5px solid #fff; border-bottom-left-radius: 50px; position: absolute; top: -53px; left: 200px;}
.yd2026 .tpl-jzp section.s3 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 0 18px 28px; border-color: transparent transparent transparent #F0323C; transform: rotate(0deg); position: absolute; bottom: -20px; left: 136px;}
.yd2026 .tpl-jzp section.s3 .deco           {width: 450px; height: auto; left: -33.333%; top: 0px;}
.yd2026 .tpl-jzp section.s4 h3     {margin: 0 0 0 250px;}
.yd2026 .tpl-jzp section.s4 h4     {margin: 0 0 0 250px;}
.yd2026 .tpl-jzp section.s4 p      {margin: 20px 0 0 200px; width: 650px;}
.yd2026 .tpl-jzp section.s4 .line  {width: 300px; height: 70px; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-bottom-right-radius: 50px;  position: absolute; top: -53px; left: 380px;}
.yd2026 .tpl-jzp section.s4 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 28px 18px 0; border-color: transparent #46aa69 transparent transparent; transform: rotate(0deg); position: absolute; bottom: -19px; left: -7px;}
.yd2026 .tpl-jzp section.s4 .deco           {width: 600px; height: auto; right: calc(-50%); top: 0px; left: auto;}
.yd2026 .tpl-jzp section.s5 h3     {margin: 0 0 0 400px;}
.yd2026 .tpl-jzp section.s5 h4     {margin: 0 0 0 400px;}
.yd2026 .tpl-jzp section.s5 p      {margin: 20px 0 0 400px; width: 450px;}
.yd2026 .tpl-jzp section.s5 .line  {width: 160px; height: 70px; border-bottom: 5px solid #fff; border-left: 5px solid #fff; border-bottom-left-radius: 50px; position: absolute; top: -53px; left: 200px;}
.yd2026 .tpl-jzp section.s5 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 0 18px 28px; border-color: transparent transparent transparent #235AE1; transform: rotate(0deg); position: absolute; bottom: -20px; right: -10px;}
.yd2026 .tpl-jzp section.s5 .deco           {width: 250px; height: auto; right: calc(100% - 125px); top: -65px;}
.yd2026 .tpl-jzp section.s6 h3     {margin: 0 0 0 100px;}
.yd2026 .tpl-jzp section.s6 h4     {margin: 0 0 0 100px;}
.yd2026 .tpl-jzp section.s6 p      {margin: 20px 0 0 100px; width: 450px;}
.yd2026 .tpl-jzp section.s6 .line  {width: 390px; height: 70px; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-bottom-right-radius: 50px;  position: absolute; top: -53px; left: 230px;}
.yd2026 .tpl-jzp section.s6 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 28px 18px 0; border-color: transparent #FFE614 transparent transparent; transform: rotate(0deg); position: absolute; bottom: -19px; left: -7px;}
.yd2026 .tpl-jzp section.s6 .deco           {width: 450px; height: auto; left: calc(100% - 200px); top: 0px;}
.yd2026 .tpl-jzp section.s7 h3     {margin: 0 0 0 400px;}
.yd2026 .tpl-jzp section.s7 h4     {margin: 0 0 0 400px; max-width: 400px;}
.yd2026 .tpl-jzp section.s7 p      {margin: 20px 0 0 400px; width: 450px;}
.yd2026 .tpl-jzp section.s7 .line  {width: 160px; height: 70px; border-bottom: 5px solid #fff; border-left: 5px solid #fff; border-bottom-left-radius: 50px; position: absolute; top: -53px; left: 200px;}
.yd2026 .tpl-jzp section.s7 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 0 18px 28px; border-color: transparent transparent transparent #F0323C; transform: rotate(0deg); position: absolute; bottom: -20px; left: 136px;}
.yd2026 .tpl-jzp section.s8 h3     {margin: 0 0 0 100px;}
.yd2026 .tpl-jzp section.s8 h4     {margin: 0 0 0 100px;}
.yd2026 .tpl-jzp section.s8 p      {margin: 20px 0 0 100px; width: 450px;}
.yd2026 .tpl-jzp section.s8 .line  {width: 390px; height: 70px; border-bottom: 5px solid #fff; border-right: 5px solid #fff; border-bottom-right-radius: 50px;  position: absolute; top: -53px; left: 230px;}
.yd2026 .tpl-jzp section.s8 .arrow {width: 0px; height: 0px; border-style: solid; border-width: 18px 28px 18px 0; border-color: transparent #46aa69 transparent transparent; transform: rotate(0deg); position: absolute; bottom: -19px; left: -7px;}

.yd2026 form                                                            {color:#fff;}
.yd2026 .gform_wrapper.gravity-theme .gfield_label                      {margin-bottom: 0px;}
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="text"],
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="tel"],
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="email"]        {padding:1rem !important; border-radius: 10px; background-color: rgba(255,255,255,0.5); border: solid #3a81c81f 1px;}
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="text"]:focus,
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="tel"]:focus,
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="email"]:focus  {background-color: rgba(255,255,255,1); box-shadow: 0 0 20px #335d42;}
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="text"]:not(:placeholder-shown),
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="tel"]:not(:placeholder-shown),
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="email"]:not(:placeholder-shown) {background-color: rgba(255,255,255,1);}
.yd2026 .gform_wrapper .gform_body .ginput_container input[type="file"]         {background-color: rgba(255,255,255,0.5); width: auto; color: #000; padding: 15px 10px;border-radius: 10px;}
.yd2026 .gform_wrapper .gform_footer input[type="submit"]         {background-color: transparent; border: 1px solid #fff; border-radius: 200px; padding: 1rem 5rem;}
.yd2026 .gform_wrapper .gform_footer input[type="submit"]:hover   {background-color: #fff; color:#46ab69;} 
.yd2026 .gform_wrapper.gravity-theme .gform_save_link.button      {background-color: transparent; margin: 0 0 0 3rem; border: 0; color: #fff; cursor: pointer;}
.yd2026 .gform_wrapper.gravity-theme .gform_save_link.button svg path {fill:#fff;} 
.yd2026 .gform_wrapper .gfield-choice-input                       {transform: scale(2); transform-origin: left center; margin: 0 1rem 0 0; outline: none; border: none;}
.yd2026 .gform_wrapper .gfield_checkbox .gchoice,
.yd2026 .gform_wrapper .gfield_radio .gchoice                       {margin: 0 0 .5rem 0;}
.yd2026 .gform_wrapper.gravity-theme .gfield select                 {padding: 1rem !important; border-radius: 10px; background-color: rgba(255,255,255,0.5);  border: 0;}
.yd2026 .gform_wrapper.gravity-theme .gfield select.is-selected     {background-color:#fff;}

.yd2026 .gform_wrapper.gravity-theme .gform_validation_errors,
.yd2026 .gform_wrapper.gravity-theme .gfield_validation_message, 
.yd2026 .gform_wrapper.gravity-theme .validation_message            {border: 0; background-color: red; }
.yd2026 .gform_wrapper.gravity-theme .gform_validation_errors > h2  {color: #fff;}

.yd2026 .gform_wrapper.gravity-theme .gfield_validation_message, 
.yd2026 .gform_wrapper.gravity-theme .validation_message            {color: #fff !important; display: inline-block; width: auto; font-size: 13.2px; padding: 5px 16px !important; border-radius: 5px; font-weight: 400 !important;}

.yd2026 .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, 
.yd2026 .gform_wrapper.gravity-theme .gfield_error label, 
.yd2026 .gform_wrapper.gravity-theme .gfield_error legend, 
.yd2026 .gform_wrapper.gravity-theme .gfield_validation_message, 
.yd2026 .gform_wrapper.gravity-theme .validation_message, 
.yd2026 .gform_wrapper.gravity-theme [aria-invalid="true"] + label, 
.yd2026 .gform_wrapper.gravity-theme label + [aria-invalid="true"]   {color: #fff;}

.yd2026 .gform_wrapper.gravity-theme .gsection                    {border-bottom: 1px solid #72ce92;}
.yd2026 .gform_wrapper.gravity-theme .gsection h3.gsection_title  {margin: 0;}
.yd2026 .gform_wrapper.gravity-theme .hidden-spacer {border: 0; width: 100%; height: 0; padding: 0 !important; margin: 0;}
.yd2026 .gform_wrapper.gravity-theme .consent-small label {font-size: 0.8rem; line-height: 1.5;}
.yd2026 .gform_wrapper.gravity-theme .upload-file {background-color: #1b6936; padding: 20px; padding-bottom: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px;}
.yd2026 .gform_wrapper.gravity-theme .klauzula    {font-size: 0.7rem; padding: 0 0 0 2rem; padding-bottom: 0px; line-height: 1.5; font-weight: 100;}
.yd2026 .gform_wrapper.gravity-theme .klauzula table {font-size: 0.7rem; overflow-x: scroll; display: block; line-height: 1.5;}



.yd2026 footer                      {background-color: #222; color: #fff; padding: 2rem 0;}
.yd2026 footer .container           {display: flex; align-items: center; position: relative; margin: 0 auto; width: 90%; max-width: 90%; min-width: 90%;}
.yd2026 footer .footer_wrap         {display: flex; width: 100%;}
.yd2026 footer .footer_wrap .box    {display: flex; justify-content: center; align-items: center; padding: 0 1rem;}
.yd2026 footer .footer_wrap .box p  {line-height: 1.25;}
.yd2026 footer .footer_wrap .box a  {color: #fff;}
.yd2026 footer .footer_wrap .box-01 {}
.yd2026 footer .footer_wrap .box-01 img {display: block; height: auto; width: 140px;}
.yd2026 footer .footer_wrap .box-02 {}
.yd2026 footer .footer_wrap .box-03 {margin: 0 0 0 auto;}
.yd2026 footer .footer_wrap .box-03 a {margin:0 1rem;}
.yd2026 footer .footer_wrap .box-04 {}


/*mobile*/
@media (max-width: 1280px){
  .yd2026 .tpl-jzp section.s1 h3      {margin: 0 0 0 50px;}
  .yd2026 .tpl-jzp section.s1 h4      {margin: 0 0 0 50px;}
  .yd2026 .tpl-jzp section.s1 .line   {left: 170px;}
}

@media (max-width:1200px) {

  .yd2026 #hero .hero_wrap {width: 100%;}



}

@media (max-width:1024px) {
  header .container                           {flex-wrap: wrap;}
  header .mobile-menu                         {display:flex; margin: 0 20px 0 auto;}
  header .top-header-menu_wrap                {display:none; position: relative; width: 100%;}
  header .top-header-menu_wrap_visible        {display:block; padding: 0;}
  header .top-header-menu                     {overflow-x: scroll; height: 80vh;}
  header .top-header-menu .menu               {flex-wrap: wrap;}
  header .top-header-menu .menu li            {display: block; width: 100%;}
  header .top-header-menu .sub-menu           {position: relative; top: 0; display: block; padding: 0 0 0 2rem; box-shadow: none; background-color: transparent;}

  .yd2026 .tpl-jzp                            {max-width: 768px;}
  .yd2026 .tpl-jzp section.s1 .deco-right     {display:none;}
  .yd2026 .tpl-jzp section.s1 p               {width: 300px;}
  .yd2026 .tpl-jzp section.s2 p               {width: 350px;}
  .yd2026 .tpl-jzp section.s3 h4              {width: 250px;}
  .yd2026 .tpl-jzp section.s3 p               {width: 300px;}
  .yd2026 .tpl-jzp section.s4 .line           {width: 150px;}
  .yd2026 .tpl-jzp section.s4 p               {width: 450px;}
  .yd2026 .tpl-jzp section.s5 h3              {margin: 0 0 0 330px;}
  .yd2026 .tpl-jzp section.s5 h4              {margin: 0 0 0 330px;}
  .yd2026 .tpl-jzp section.s5 p               {margin: 20px 0 0 330px; width: 350px;}
  .yd2026 .tpl-jzp section.s5 .line           {width: 100px;}
  .yd2026 .tpl-jzp section.s7 h3              {margin: 0 0 0 280px;}
  .yd2026 .tpl-jzp section.s7 h4              {margin: 0 0 0 280px; width: 300px;}
  .yd2026 .tpl-jzp section.s7 p               {margin: 20px 0 0 280px; width: 350px;}
  .yd2026 .tpl-jzp section.s7 .line           {left: 100px;}
} 

@media (max-width:768px) {
  
  .elementor-widget-container                                       {display: none;}
  .pt_5 .row                          {padding-top: 2.5rem;}
  section .row .headline              {padding: 0 2rem 2.5rem;}

  section .row .txt-wrapper           {width: 100%; margin: 0 auto; padding: 0 2rem; overflow: hidden;}
  section .row .txt-wrapper p         {line-height: 1.5; font-size: 1rem;}
  section .row .txt-wrapper table     {overflow-x: scroll; display: block; line-height: 1.5; font-size: 1rem;}

  header .top-header-logo             {flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
  header .top-header-logo .logo_desc  {font-size: .9rem; padding: 0 1rem 1rem;}

  header .top-header-menu .menu li:hover,
  header .top-header-menu .menu li.current_page_item,
  header .top-header-menu .menu li.current-menu-ancestor {background-color: transparent; color:#fff;}
  header .top-header-menu .menu li:hover a,
  header .top-header-menu .menu li.current_page_item a,
  header .top-header-menu .menu li.current-menu-ancestor a {color:#fff;}

  .yd2026-home {background-image:url('https://instytutwzornictwa.com/wp-content/uploads/2026/03/bg_mobile.jpg'); background-position: top left; background-size: cover;}
  
  .yd2026 #hero .hero_txt h2          {line-height: 2.75rem; font-size: 2rem;}
  .yd2026 #hero .hero_txt h2 .right   {padding: 0 0 0 5rem;}
  .yd2026 #hero .hero_strip           {flex-direction: column;}
  .yd2026 #hero .hero_strip a         {width: auto; margin: 2rem 0 0;}
  .yd2026 #hero .hero_lead .hero_lead_content   {flex-direction: column; }
  .yd2026 #hero .hero_lead .hero_lead_content p {font-size: .8rem; margin: 0 0 1rem 0; padding: 0; line-height: 1.5; width: 100%;}
  
  .yd2026 footer .footer_wrap         {flex-direction: column;}
  .yd2026 footer .footer_wrap .box    {padding: 1rem 0;}
  .yd2026 footer .footer_wrap .box-03 {margin: 0;}
  .yd2026 section .row .headline h1   {font-size: 3.5rem; line-height: 3.5rem;}

  .yd2026 .kategorie_wrap                         {overflow: hidden;}
  .yd2026 .kategorie_boxes                        {padding: 0 2rem;}
  .yd2026 .kategorie_boxes .kategorie_box         {flex-direction: column;}
  .yd2026 .kategorie_boxes .kategorie_box_col     {width: 100%;}
  .yd2026 .kategorie_boxes .kategorie_box_col h2  {font-size: 2.5rem;}
  .yd2026 .kategorie_boxes .kategorie_box_col p   {line-height: 1.35; font-size: 1rem;}
  .yd2026 .kategorie_boxes .kategorie_box_01 .decor   {left: 55%; top: 0; right: auto; }
  .yd2026 .kategorie_boxes .kategorie_box_02 .decor   {left: -45%; top: 0%; }
  .yd2026 .kategorie_boxes .kategorie_box_03 .decor   {left: 55%; top: -20%; right: auto;  }
  .yd2026 .kategorie_boxes .kategorie_box_04 .decor   {left: 60%; top: 30%; right: auto; }
  .yd2026 .kategorie_boxes .kategorie_box_05 .decor   {left: 65%;}
  .yd2026 .kategorie_boxes .kategorie_box_col .download {text-align: center;}

  .yd2026 .kryteria_lead .kryteria_lead_title   {display: none;}
  .yd2026 .kryteria_lead .kryteria_lead_content {flex-direction: column;}
  .yd2026 .kryteria_lead .kryteria_lead_content .col-33,
  .yd2026 .kryteria_lead .kryteria_lead_content .col-66 {width: 100%;}
  .yd2026 .kryteria_lead .kryteria_lead_content .col-66 p,
  .yd2026 .kryteria_lead .kryteria_lead_content .col-33 p {line-height: 1.35; font-size: 1rem; padding: 0;}
  .yd2026 .kryteria_wrap                        {overflow: hidden;}
  .yd2026 .kryteria_boxes                       {padding: 0 2rem;}
  .yd2026 .kryteria_boxes .kryteria_box         {flex-direction: column;}
  .yd2026 .kryteria_boxes .kryteria_box_col     {width: 100%; padding: 0;}
  .yd2026 .kryteria_boxes .kryteria_box_col h2  {padding: 0; text-align: left; max-width: 100%; margin: 0 0 2rem 0; font-size: 2rem;}
  .yd2026 .kryteria_boxes .kryteria_box_02 .decor   {left: 55%; top: 0;}
  .yd2026 .kryteria_boxes .kryteria_box_03 .decor   {left: 55%; top: 35px;}
  .yd2026 .kryteria_boxes .kryteria_box_04 .decor   {left: 60%; top: 20%;}
  .yd2026 .kryteria_boxes .kryteria_box_05 .decor   {left: 60%; top: 0%;}

  .yd2026 .faq .faq-wrap                              {width: 100%; padding: 0 2rem;}
  .yd2026 .block_faq .faq .faq-wrap .box .top .title  {font-size: 1.65rem; line-height: 1.75rem;}
  .yd2026 .faq .faq-wrap .box .bottom p               {font-size: 1rem;}
 
  .yd2026 .tpl-jzp                            {padding: 0 3rem;}
  .yd2026 .tpl-jzp section .deco              {display:none;}
  .yd2026 .tpl-jzp section h3                 {text-align: center; margin: 0 auto!important;}
  .yd2026 .tpl-jzp section h4                 {text-align: center; margin: 0 auto!important;}
  .yd2026 .tpl-jzp section p                  {text-align: center; width: 100%!important; margin: 20px auto 0!important;}
  .yd2026 .tpl-jzp section .line              {width: 0px!important; height: 50px!important; border-bottom: none 0!important; border-top: none 0!important; border-right: 5px solid #000!important; border-left: 0!important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; border-top-right-radius: 0!important; position: relative!important; top: auto!important; left: auto!important; right:auto!important; margin: 0 auto;}
  .yd2026 .tpl-jzp section .arrow             {border-width: 30px 20px 0 20px!important; border-color: #FFE614 transparent transparent transparent!important; bottom: -25px!important; left: -17px!important;}
  .yd2026 .tpl-jzp section.s6 .line           {display:none;}

  .yd2026 #harmonogram .faq-wrap .box         {flex-direction: column;}
  .yd2026 #harmonogram .faq-wrap .box .top    {width: 100%;}
  .yd2026 #harmonogram .faq-wrap .box .bottom {width: 100%;}

  .yd2026 .block_form-with-text .row .form-wrap     {padding: 0;}
  .yd2026 .gform_wrapper  {padding: 0 2rem; width: 100%;}
  .yd2026 .gform_wrapper.gravity-theme .gfield input.medium, 
  .yd2026 .gform_wrapper.gravity-theme .gfield select.medium {width: 100%;}
  .yd2026 section .row h2.gform_title {font-size: 1.75rem; line-height: 1.25;}
  .yd2026 .gform_wrapper.gravity-theme .gform_footer {flex-direction: column;}
  .yd2026 .gform_wrapper .ginput_container_consent {width: 100%; overflow: hidden;}
  .yd2026 .gform_wrapper .ginput_container_consent label {font-size: 0.8rem; line-height: 1.5;}
  .yd2026 .gform_wrapper.gravity-theme .gform_footer input  {align-self: center;}
  .yd2026 .gform_wrapper.gravity-theme .gform_save_link.button  {margin: 0;}

}

@media (max-width:600px) {
  header .top-header-menu .sub-menu li a                          {white-space: normal;}
}

@media (max-width:480px) {
}

@keyframes pulse-black {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(3, 79, 138, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(3, 79, 138, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(3, 79, 138, 0);
    }
}