header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.promotion-bar {
  color: #fff;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 12px;
  font-size: 14px;
  background-color: #000;
}

.promotion-bar a {
  color: #fff;
  margin-left: 8px;
}

.promotion-bar a:hover {
  text-decoration: none;
}

header.main-menu{
  background-color: rgba(245, 245, 245, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 80px;
  position: relative;
  z-index: 5;
}

.top-menu .logo {
  display: flex;
  align-items: center;
}

.top-menu .logo img {
  width: 150px;
}

.top-menu .nav {
  display: flex;
  gap: 32px;
  align-items: center;
}

.top-menu .nav-link {
  text-decoration: none;
  color: #333;
  font-weight: 300;
}

.top-menu .nav-link:hover{
  text-decoration: underline;
}

.top-menu .nav-mobile{
  display: none;
  font-size: 2em;
  padding-right: 20px;
  cursor: pointer;
}

.top-menu .contact-btn {
  background-color: #d4e157;
  border: 2px solid #d4e157;
  padding: 8px 24px;
  border-radius: 100px;
  font-weight: 600;
  text-decoration: none;
  color: #333;
}

.top-menu .contact-btn:hover{
  background-color: #fff;
}

.mobile-menu{
  position: absolute;
  top: 86;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: rgba(245, 245, 245);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  text-align: center;
  height: 800px;
  line-height: 2.5em;
  font-size: 1.5em;
  display: none;
}

.mobile-menu a{
  color: #000;
}

.mobile-menu a:hover{
  text-decoration: none;
}

.show{
  display: block;
}

.hero {
  background-color: #f5f5f5;
}

.hero .hero-container{
  padding: var(--section-padding);
  padding-top: 140px;
  display: flex;
  align-items: center;
}

.hero .digitari{
  border: 1px solid #000;
  padding: 8px;
  border-radius: 10px;
  font-weight: 400;
  text-decoration: none;
  color: #333;
  font-size: 0.9em;
}

.hero .title {
  font-weight: 400;
}

.hero .big-title{
  font-weight: 400;
  font-size: 2.5em;
}

.hero p.subtitle {
  font-size: 1.5em;
  color: #000;
  line-height: 1.5;
  margin-bottom: 40px;
}

.hero a.button{
  background-color: #d4e157;
  border: 2px solid #d4e157;
  padding: 10px 24px;
  border-radius: 10px;
  font-weight: 400;
  text-decoration: none;
  color: #333;
  font-size: 1.2em;
}

.hero a.button:hover{
  background-color: #fff;
}

.hero a.secondary-button{
  color: #000;
  font-size: 0.9em;
}

.hero a.secondary-button:hover{
  text-decoration: none;
}

.hero div.boxes{
  display: flex;
  margin-left: 120px;
}

.hero .boxes .main-left{
  display: flex;
  flex-direction: column;
}

.hero .boxes .main-left .photos{
  display: flex;
}

.hero .main-left .photo-dan{
  width: 80px;
  height: 80px;
  border-radius: 16px;
  background-image: url("/assets/dan-8b63197f.png");
  background-size: 124px 124px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.hero .main-left .photo-kuba{
  width: 80px;
  height: 80px;
  border-radius: 16px;
  background-image: url("/assets/jakub-263b838c.png");
  background-size: 124px 124px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.hero .main-left .companies-box{
  width: 180px;
  height: 290px;
  background-color: #fff;
  border-radius: 16px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  justify-content: space-between;
  font-size: 0.8em;
}

.hero .main-left .title, .hero .main-right .title{
  font-size: 3em;
  font-weight: 500;
}

.hero .main-left .subtitle, .hero .main-right .subtitle{
  font-size: 1em;
  font-weight: 400;
}

.hero .boxes .main-right{
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.hero .main-right .top-section{
  display: flex;
  margin-bottom: 20px;
}

.hero .main-right .top-section .top-right{
  width: 180px;
  height: 290px;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  justify-content: space-between;
  font-size: 0.8em;
}

.hero .main-right .top-section .top-left{
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.hero .main-right .top-left .workshop-photo{
  width: 272px;
  height: 136px;
  background-color: #fff;
  border-radius: 16px;
  background-image: url("/assets/conference-6ac35e73.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero .main-right .top-left .total-hours{
  width: 272px;
  height: 136px;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 0.8em;
}

.hero .main-right .bottom-section{
  display: flex;
}

.hero .main-right .bottom-section .reviews{
  width: 368px;
  height: 80px;
  background-color: #fff;
  border-radius: 16px;
  padding: 15px;
  text-align: center;
  line-height: 1.6em;
  margin-right: 20px;
}

.hero .main-right .bottom-section .logo{
  width: 80px;
  height: 80px;
  border-radius: 16px;
  background-image: url("/assets/icon-1ee4a5c3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-companies{
  background-color: #f5f5f5;
  padding: var(--section-padding);
  padding-top: 35px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.hero-companies .left-side{
  padding-right: 40px;
  padding-top: 40px;
  font-weight: 400;
}

.hero-companies img{
  padding-right: 40px;
}


.value-prop{
  background-color: #fff;
  padding: var(--section-padding);
  scroll-margin-top: 50px;
}

.value-prop .title2{
  font-size: var(--font-size-title);
  font-weight: 400;
  margin-bottom: 16px;
  text-align: center;
}

.value-prop .title{
  font-size: var(--font-size-big-title);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 16px;
}

.value-prop .subtitle{
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: 16px;
  color: #666;
}

.value-prop .text{
  width: 70%;
}

.value-prop p{
  padding-bottom: 14px;
}

.value-prop a{
  color: #333;
}

.value-prop a:hover{
  text-decoration: none;
}

.value-prop .propositions{
  display: flex;
  justify-content: space-between;  
  margin: 32px 0 16px 0;
  width: 100%;     
}

.value-prop .propositions .item{
  width: 28%;
}

.value-prop .propositions .item .title{
  font-size: 1.2em;
}

.value-prop .propositions .item .icon{
  margin: 16px 0;
  font-size: 1.6em;
  color: #d4e157;
}

.workshops{
  background-color: #fff;
  padding: var(--section-padding);
  scroll-margin-top: 70px;
}

.workshops .title{
  font-size: var(--font-size-big-title);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 16px;
}

.workshops .subtitle{
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: 16px;
  color: #666;
}

.workshops .items{
  padding-top: 20px;
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 35px;
  row-gap: 35px;
}

.workshops .item {
  border: 1px solid var(--border-color);
  border-radius: 10px;  
  cursor: pointer;
  padding: 10px;
}

.workshops .item:hover{
  box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.workshops .item .content-container{
  min-height: 250px;
}

.workshops .item .image{
  max-width: 100%;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}

.workshops .item .image-gemini{
  background-image: url("/assets/kurz-gemini-488219fa.png");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image-gpt{
  background-image: url("/assets/gpt-2fa2640c.jpg");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image-asistents{
  background-image: url("/assets/kurz-asistenti-4daa2a4e.jpg");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image-threedays{
  background-image: url("/assets/tri-denni-07ca87c1.jpg");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image-marketing{
  background-image: url("/assets/ai-v-marketingu-248f2f98.jpg");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image-company{
  background-image: url("/assets/firemni-e9ff0bea.jpg");
  background-size: auto 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1);
  background-blend-mode: screen;
}

.workshops .item .image img{
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.workshops .item .type{
  margin: 16px 14px 0 14px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

.workshops .item .title{
  padding: 16px 14px 0 14px;
  font-size: 1.5em;
}

.workshops .item .description{
  margin: 16px 14px 0 14px;
}

.workshops .item .description p{
  padding-bottom: 16px;
}

.workshops .item .detail{
  border-top: 1px solid var(--border-color);
  padding: 16px 14px 6px 14px;
  text-align: right;
}

.workshops .item .detail a{
  text-decoration: underline;
  color: #333;
}

.workshops .item .detail a:hover{
  text-decoration: none;
}

.metrics{
  background-color: #fff;
  padding: var(--section-padding);
  display: flex;
  justify-content: space-between;
}

.metrics .item{
  border: 1px solid var(--border-color);
  padding: 40px 0;
  border-radius: 10px;
  text-align: center;
  width: 260px;
}

.metrics .item span{
  font-weight: 400;
  font-size: 1.8em;
}

.companies {
  padding: var(--section-padding);
  text-align: center;
  background-color: #fff;
}

.companies .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.companies .mansory-grid-companies{
  text-align: left;
  margin-top: 32px;
}

.companies .mansory-grid-companies .grid-item-company {
  background-color: #fff;
  max-width: 150px;
  max-height: 150px;
}

.companies .mansory-grid-companies .grid-item-company img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.partners{
  padding: var(--section-padding);
  text-align: center;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
  background-color: #fff;
}

.partners .items{
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.partners .items .item{
  margin: 20px 0px;
}

.partners .items .item img{
  max-width: 200px;
  max-height: 150px;
}

.cta{
  background-color: #f5f5f5;
  text-align: center;
  padding: 50px 400px;
}

.cta .header{
  font-size: 3em;
  font-weight: 400;
  padding-bottom: 40px;
  color: #000;
}

.cta a{
  background-color: #d4e157;
  border: 2px solid #d4e157;
  padding: 8px 24px;
  border-radius: 100px;
  font-weight: 600;
  text-decoration: none;
  color: #333;
}

.cta a:hover{
  background-color: #fff;
}

.list{
  padding: var(--section-padding);
  background-color: #fff;
  color: #000;
  text-align: center;
  scroll-margin-top: 50px;
}

.list .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.list .container{
  padding-top: 30px;
  display: grid;
  grid-template-columns: auto auto;
  grid-row-gap: 10px;
  grid-column-gap: 40px;
  text-align: left;
}

.list .container .item{
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}

.list .container .item .icon i{
  width: 64px;
  height: 64px;
  background-color: var(--green-color);
  border-radius: 10px;
  font-size: 1.4em;
  margin-right: 30px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list .container .item p{
  padding-bottom: 10px;
}

.list .container .item p.title{
  font-size: 1.2em;
  font-weight: 300;
}

.list a{
  color: #000;
}

.list a:hover{
  text-decoration: none;
}

.list ul{
  padding-left: 30px;
}

.side-by-side{
  padding: var(--section-padding);
  background-color: #fff;
  color: #000;
  scroll-margin-top: 50px;
}

.side-by-side .container{
  display: flex;
}

.side-by-side .text-container{
  padding-right: 40px;
  width: 70%;
}

.side-by-side .text-container p{
  padding-bottom: 1em;
}

.side-by-side .text-container p.strong{
  font-weight: 400;
}

.side-by-side .text-container li{
  margin: 20px;
}

.side-by-side .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.side-by-side a{
  color: #000;
}

.side-by-side a:hover{
  text-decoration: none;
}

.testimonials{
  padding: var(--section-padding);
  background-color: #fff;
  text-align: center;
  scroll-margin-top: 50px;
}

.testimonials .mansory-grid{
  margin-top: 32px;
  text-align: left;
}

.testimonials .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.testimonials .mansory-grid .grid-item{
  border: 1px solid #f5f5f5;
  padding: 15px;
  width: 270px;
  margin-bottom: 10px;
  border-radius: 15px;
}

.testimonials .grid-item .title{
  font-size: 1em;
  font-weight: 300;
}

.teachers{
  padding: var(--section-padding);
  background-color: #fff;
  text-align: center;
  scroll-margin-top: 50px;
}

.teachers img{
  width: 150px;
}

.teachers .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.teachers .container{
  display: flex;
  text-align: left;
  flex-direction: row;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 40px;
}

.teachers .container .item{
  background-color: #f5f5f5;
  padding: 30px;
  width: 40%;
  flex-shrink: 0;
  border-radius: 15px;
  border: 1px solid #c5c5c5;
}

.teachers .container .item img{
  padding-bottom: 20px;
}

.teachers .container .item .name{
  font-weight: 400;
  font-size: 1.3em;
}

.teachers .container .item hr{
  opacity: 0.5;
}

.teachers .container .item ul{
  margin-top: 16px;
}

.teachers .container .item li{
  margin-left: 20px;
}

.timetable, .timetable_b{
  padding: var(--section-padding);
  background-color: #fff;
  text-align: center;
  color: #000;
  scroll-margin-top: 50px;
}

.timetable_b{
  text-align: left;
  padding: 0 40px;
  scroll-margin-top: 100px;
}

.timetable .title, .timetable_b .title{
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title);
}

.timetable .container, .timetable_b .container{
  display: flex;
  width: 100%;
  padding: 10px 40px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  margin: 16px 0;
  justify-content: center;
}

.timetable_b .container{
  padding: 10px 20px;
}

.timetable .container .item, .timetable_b .container .item{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.timetable_b .container .item{
  flex-direction: column;
}

.timetable .container .item .column, .timetable_b .container .item .column{
  padding: 10 40px;
  text-align: left;
}

.timetable .container .item .column-main{
  width: 35%;
}

.timetable_b .container .item .column{
  padding: 10px 0;
}

.timetable .container .item .column span, .timetable_b .container .item .column span{
  font-size: 0.9em;
  color: #666;
}

.timetable .container .item .column .button, .timetable_b .container .item .column .button{
  border: 1px solid #d4e157;
  border-radius: 40px;
  padding: 10px 20px;
  margin-top: 2px;
  cursor: pointer;
  background-color: #d4e157;
}

.timetable .container .item .column .disabled, .timetable_b .container .item .column .disabled{
  border: 1px solid #b0b0b0;
  background-color: #b0b0b0;
  cursor: not-allowed;
}

.timetable_b .container .item .column .button{
  text-align:center;
}

.timetable .container .item .column a, .timetable_b .container .item .column a{
  text-decoration: none;
  color: #000;
  font-weight: 300;
}

.timetable .container .item .column .button:hover, .timetable_b .container .item .column .button:hover{
  background-color: #fff;
}

.timetable .container .item .column .disabled:hover, .timetable_b .container .item .column .disabled:hover{
  border: 1px solid #b0b0b0;
  background-color: #b0b0b0;
  cursor: not-allowed;
}

.timetable .container .item .column .capacity, .timetable_b .container .item .column .capacity{
  padding: 10px 40px;
  border-radius: 10px;
  margin-top: 2px;
  border: 1px solid #d4e157;
}

.workshop-header {
  background-color: #f5f5f5;
}

.workshop-header .workshop-header-container{
  padding: var(--section-padding);
  padding-top: 120px;
  display: flex;
  align-items: center;
}

.workshop-header .content {
  max-width: 1200px;
  position: relative;
}

.workshop-header .title {
  font-size: var(--font-size-big-title);
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 24px;
  color: #000;
}

.workshop-header p.workshop-text {
  font-size: 1.2em;
}

.workshop-header .workshop-image{
  padding-left: 120px;
}

.workshop-header .workshop-image img{
  width: 450px;
  border-radius: 20px;
}

@media (max-width: 1425px) {
  .workshops .items{
    grid-template-columns: auto auto;
  }

  .metrics .item{
    width: 180px;
    padding: 20px 5px;
  }

  .timetable{
    padding: var(--section-padding);
  }
}

@media (max-width: 1360px){
  .hero div.boxes{
    margin-left: 50px;
  }

  .top-menu {
    padding: 10px 20px;
  }

  .hero .hero-container{
    padding-right: 40px;
    padding-left: 40px;
  }

  .hero-companies{
    padding-right: 40px;
    padding-left: 40px;
  }

  .footer .container{
    margin: 0 40px;
  }

  .footer .last-line{
    padding: 30px 40px;
  }
}

@media (max-width: 1100px){
  .workshop-header .workshop-image{
    display: none;
  }

  .cta{
    padding: 50px 200px;
  }
}

@media (max-width: 1080px){
  .hero .main-right .top-left .workshop-photo{
    display: none;
  }

  .hero .main-right .top-left .total-hours{
    display: none;
  }

  .hero .main-right .bottom-section .logo{
    display: none;
  }

  .hero .main-right .bottom-section .reviews{
    width: 184px;
  }

  .hero .main-right .bottom-section .reviews .to-hide{
    display: none;
  }

  .hero div.boxes{
    margin-left: 120px;
  }
}

@media (max-width: 1024px) {

  .top-menu .nav {
    display: none;
}

.top-menu .nav-mobile {
  display: block;
}

  .workshops .item .content-container{
    min-height: 250px;
  }

  .workshops{
    padding: 20px 40px;
  }

  .value-prop{
    padding: 40px 40px 20px 40px;
  }

  .value-prop .text{
    width: 100%;
  }

  .metrics{
    padding: 20px 40px;
  }

  .companies {
    padding: 20px 40px;
  }

  .partners{
    padding: 20px 40px;
  }

  .workshop-header .workshop-header-container {
    padding: 20px 40px;
    padding-top: 120px;
  }

  .timetable{
    padding: 40px;
  }

  .testimonials{
    padding: 40px;
  }

  .list{
    padding: 40px;
  }

  .teachers{
    padding: 40px;
  }

  .side-by-side{
    padding: 40px;
  }
}

@media (max-width: 880px) {
  .hero div.boxes{
    margin-left: 50px;
  }
}

@media (max-width: 850px) {
  .workshops .item .content-container{
    min-height: 300px;
  }

  .timetable .container .item{
    flex-direction: column;
  }

  .timetable .container .item .column{
    margin-top: 10px;
  }

  .cta{
    padding: 40px;
  }

  .teachers .container{
    flex-direction: column;
  }

  .teachers .container .item{
    width: 100%;
  }

  .teachers .container .item img{
    width: 100px;
  }

  .side-by-side .container{
    flex-direction: column;
  }

  .side-by-side .text-container{
    width: 100%;
  }

  .timetable_b{
    padding: 0;
    padding-top: 30px;
  }

  .timetable .container .item .column-main{
    width: 100%;
  }
}

@media (max-width: 820px) {
  .hero .boxes .main-right{
    display: none;
  }
}

@media (max-width: 768px) {
  .value-prop .propositions{
    flex-direction: column;    
    margin:0; 
  }
  
  .value-prop .propositions .item{
    width: 100%;
    padding-top: 10px;
  }

  .metrics {
    flex-direction: column;
  }

  .metrics .item{
    width: 100%;
    margin-bottom: 20px;
  }

  .partners .items{
    flex-direction: column;
  }

  .partners .items .item{
    margin: 30px 0;
  }

  .testimonials .mansory-grid .grid-item{
    width: 200px;
  }

  .footer .last{
    display: none;
  }
}

@media (max-width: 560px) {
  .hero div.boxes{
    display: none;
  }
}

@media (max-width: 550px) {
  .workshops .items{
    grid-template-columns: auto;
  }

  .workshops .item .content-container{
    min-height: auto;
  }

  .testimonials .mansory-grid .grid-item{
    width: 150px;
  }

  .testimonials {
    padding: 40px 15px;
  }

  .companies .mansory-grid-companies .grid-item-company {
    max-width: 110px;
    max-height: 110px;
  }

  .partners .items .item img{
    max-width: 150px;
    max-height: 100px;
  }


}