body {
    margin: 0;
  }
  
  .header {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 50px;
    position: relative;
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    box-sizing: border-box;
  }
  
  .panel {
    max-width: 100%;
    width: 100%;
    margin: auto;
    padding: 25px 0 19px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    position: relative;
    z-index: 2;
    background-color: #fff;
  }
  
  @media (max-width: 1024px) {
    .header {
      background-size: cover;
      padding: 0 24px;
    }
    .panel {
      flex-wrap: wrap;
      gap: 30px;
      width: calc(100% - 40px);
    }
  
    .logo__aktion {
      margin: auto;
      max-width: 150px;
    }
  
    #panelcontainer {
      margin: auto;
    }
  }
  
  .menu {
    max-width: 450px;
    width: 100%;
  }
  
  .menu__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
  }
  
  @media (max-width: 1024px) {
    .menu__list {
      flex-wrap: wrap;
      gap: 15px;
    }
  }
  
  .menu__item {
    padding: 0;
    margin: 0;
  }
  
  .menu__link {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #040404;
    padding: 0;
    margin: 0;
    text-decoration: none;
  }
  
  .menu__link:hover {
    color: #FF7637;
    text-decoration: underline;
  }
  
  .event {
    max-width: 820px;
    width: 100%;
    margin: 0 30%;
    padding: 40px 0 0 0;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 30px;
  }
  
  @media (max-width: 1024px) {
    .event {
      flex-wrap: wrap;
      gap: 15px;
      margin: auto;
    }
  }
  
  .event__date {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    letter-spacing: 0.245105px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
  }
  
  .event__location {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    letter-spacing: 0.245105px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;
  }
  
  .event__one {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 34px;
    color: #000000;
  }
  
  .event__two {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    color: #000000;
  }
  
  .pretitle {
    position: relative;
    z-index: 1;
    max-width: 1030px;
    width: 100%;
    margin: 100px auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  @media (max-width: 720px) {
    .pretitle {
      width: 100%;
      text-align: center;
    }
  }
  
  .pretitle__radius {
    display: block;
    border-radius: 27px;
    background-color: hsla(215, 87%, 73%, 1);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.245105px;
  color: hsla(0, 0%, 100%, 1);
  padding: 4px 16px;
  }
  
  .pretitle__radius-orange {
    display: block;
    border-radius: 27px;
    background: hsla(19, 100%, 61%, 1);
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
  letter-spacing: 0.245105px;
  color: hsla(0, 0%, 100%, 1);
  padding: 4px 16px;
  }
  
  .title {
    position: relative;
    z-index: 1;
    max-width: 1030px;
    width: 100%;
    margin: 65px auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 82px;
    color: #000;
    
  }

  
  @media (max-width: 720px) {
    .title {
      font-weight: 700;
      font-size: 40px;
      line-height: 65px;
    }
  }
  
  .subtitle {
    position: relative;
    z-index: 1;
    max-width: 1030px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  

  .subtitle p {
    max-width: 750px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 50px;
    color: #000;
  }
  
  
  .header_button {
    max-width: 496px;
    width: 100%;
    padding: 18px 54px;
    text-align: center;
    justify-self: center;
    grid-column: span 3;
    border: 0px;
  
  }
  
  .header_button-link {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 26px;
  color: #FFFFFF;
  text-decoration: none;
  background: #FF7637;
  transform: matrix(1, 0, -0.29, 0.96, 0, 0);
  box-sizing: border-box;
  display: block;
  color: #FFFFFF;
  border-radius: 12px 0 12px 0;
  padding: 18px 54px;
  }
  
  .header_button-link:hover {
    color: #fff;
    background: #FF4831;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  }
  
  .callback {
    position: relative;
    z-index: 1;
    max-width: 1080px;
    width: 100%;
    margin: 54px auto 0;
    display: flex;
  }
  
  .callback__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    text-align: center;
    color: #000000;
  }
  
  .callback__subtitle {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 60px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    text-align: center;
    color: #000000;
  }
  
  .callback__form {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    gap: 46px 0px;
    justify-content: center;
  }
  
  @media (max-width: 1024px) {
    .callback__form {
      width: calc(100% - 40px);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
  }
  
  .callback__form-answer {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 28px;
    text-align: center;
    color: #fff;
  }
  
  .callback__form-answer-black {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    text-align: center;
    color: #000000;
  }
  
  .noactive {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  
  .active {
    opacity: 100;
    visibility: visible;
    display: flex;
  }
  
  .callback__input {
    font-family: Montserrat;
    color: #5a5a5a;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: normal;
    height: 65px;
    border: none;
    width: 100%;
    padding: 0 18px;
    color: white;
  }
  
  .callback__input-name {
    background-image: url(/img/user.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 4px 0 0 4px;
  }
  
  .callback__input-email {
    background-image: url(/img/mail.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 0px;
  }
  
  .callback__input-phone {
    padding: 7px 7px 7px 36px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.08);
    background-image: url(/img/phone.png);
    border-radius: 0px 4px 4px 0px;
    background-position: 10px center;
    background-repeat: no-repeat;
  }
  
  .callback__buttom {
    max-width: 396px;
    width: 100%;
    padding: 18px 54px;
    border-radius: 2px;
    text-align: center;
    justify-self: center;
    grid-column: span 3;
    border: 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    color: #FFFFFF;
  }
  
  .callback__buttom::after {
    background: #FF7637;
    transform: matrix(1, 0, -0.29, 0.96, 0, 0);
    box-sizing: border-box;
    display: block;
  }
  
  .callback__buttom:hover {
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
  }
  
  .about {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 130px 0;
    box-sizing: border-box;
  }
  
  .about__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 75px;
  }
  
  @media (max-width: 720px) {
    .about__title {
      font-weight: 700;
      font-size: 35px;
      line-height: 28px;
    }
  }
  
  .about__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 36px;
  }
  
  @media (max-width: 1024px) {
    .about__text {
      width: calc(100% - 40px);
      flex-wrap: wrap;
      gap: 15px;
    }
  }
  
  .about__paragraph {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    color: #000000;
  }
  
  .programms {
    width: 100%;
    background-color: #EEF4FF;
    padding: 94px 0 110px 0;
    box-sizing: border-box;
  }
  
  .programms__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 28px;
    color: #000000;
    padding-bottom: 87px;
    box-sizing: border-box;
  }
  
  .programms__item {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 64px;
    background: #ffffff;
    box-shadow: 0px 4px 51px rgba(0, 0, 0, 0.11);
    border-radius: 16px;
    padding: 45px;
    box-sizing: border-box;
  }
  
  .programms__item-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  .programms__item-body {
    margin-top: 20px;
  }

  .programms__list-item {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
  }

  @media (max-width: 1280px) {
    .programms__item {
      max-width: 100%;
      width: calc(100% - 120px);
    }
    }
  
  @media (max-width: 1024px) {
    .programms__title {
      width: calc(100% - 40px);
    }
  
    .programms__item-header {
      width: calc(100% - 40px);
      flex-wrap: wrap;
      gap: 15px;
    }
    .programms__item {
    max-width: 100%;
    width: calc(100% - 120px);
  }
  }
  
  
  .programms__item-title {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 33px;
  color: #000000;
  max-width: 800px;
  width: 100%;
  text-align: left;
  margin: 0 0px 0 150px;
  display: block;
  }
  
  .programms__item-number {
    color: #ff4329;
  }
  
  .programm__item {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 35px;
  }
  
  .programms__item-time {
    padding: 10px 32px;
    box-sizing: border-box;
    background: #FF7637;
    border-radius: 12px 0 12px 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    left: -10%;
  background: #FF7637;
  transform: matrix(1, 0, -0.29, 0.96, 0, 0);
  
  }
  
  @media (max-width: 720px) {
    .programms__item-time {
      position: relative;
    }
  
    .programms__item-title { 
      margin: 0px;
    }
  }
  
  .speakers {
    width: 100%;
    background-color: #fff;
    padding: 0px 0 110px 0;
    box-sizing: border-box;
  }
  
  .speakers__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 70px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 55px;
    line-height: 72px;
    letter-spacing: 0em;
    text-align: left;  
    color: #000;
  }
  
  @media (max-width: 720px) {
    .speakers__title {
      font-weight: 700;
      font-size: 35px;
      line-height: 28px;
      margin-top: 24px;
    }
  }
  
  .speakers__list {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    justify-self: center;
    gap: 30px 60px;
  }
  
  .speakers__item {
    text-align: center;
  }
  
  @media (max-width: 1024px) {
    .speakers__list {
      width: calc(100% - 40px);
      grid-template-columns: repeat(2, 1fr);
    }
  
    .speakers__item {
      margin: auto;
    }
  }
  
  @media (max-width: 720px) {
    .speakers__list {
      width: calc(100% - 40px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .speakers__item {
      margin: auto;
    }
  }
  
  .speakers__photo {
    margin: 0 auto 24px;
    max-width: 206px;
  }
  
  .speakers__name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    color: #000000;
    margin: 0;
    box-sizing: border-box;
    text-align: left;
  }
  
  .speakers__border {
    max-width: 50%;
    width: 100%;
    border-bottom: 3px solid #FF7637;
    margin: 10px 0;
  }
  
  .speakers__post {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #676767;
  text-align: left;
  }
  
  .speakers__intro {
    max-width: 1100px;
    width: 100%;
    margin: 80px auto 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
  }
  
  .events {
    width: 100%;
    background-color: #f0f1f1;
    padding: 94px 0 110px 0;
    box-sizing: border-box;
  }
  
  .events__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    color: #000000;
    padding-bottom: 87px;
    box-sizing: border-box;
  }
  
  @media (max-width: 720px) {
    .events__title {
      font-weight: 700;
      font-size: 35px;
      line-height: 28px;
    }
  }
  
  .events__row {
    max-width: 1100px;
    width: 100%;
    margin: auto;
  }
  
  .events__slider {
    margin: 80px 0;
    padding: 0 50px;
    text-align: center;
  }
  
  .events__slider * {
    outline: none;
  }
  
  .events__slider-item {
    margin: 0 10px;
  }
  
  .events__slider .slick-prev,
  .events__slider .slick-next {
    width: 40px;
    height: 40px;
    padding: 12px 0;
    position: absolute;
    top: 63px;
    background-color: #cdcdcd;
    border-radius: 50px;
    text-align: center;
  }
  
  .events__slider .slick-prev svg,
  .events .slick-next svg {
    fill: white;
  }
  
  .events__slider .slick-prev {
    left: 0;
  }
  
  .events__slider .slick-prev svg {
    -webkit-transform: rotate(180deg) translateX(1px);
    transform: rotate(180deg) translateX(1px);
  }
  
  .events .slick-next {
    right: 0;
  }
  
  .events .slick-next svg {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  
  @media (max-width: 767px) {
    .events__slider {
      padding: 0;
    }
  
    .events__slider .slick-prev,
    .events__slider .slick-next {
      z-index: 2;
    }
  }
  
  .event__img > img,
  .slick-arrow > svg {
    max-width: 100%;
    max-height: 100%;
    vertical-align: baseline;
  }
  
  .tickets {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 110px 0;
  }
  
  .tickets__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 27px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    text-align: left;
    color: #000000;
  }
  
  @media (max-width: 720px) {
    .tickets__title {
      font-weight: 700;
      font-size: 35px;
      line-height: 28px;
    }
  }
  
  .tickets__subtitle {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 77px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: #000000;
  }
  
  .ticket {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 60px;
    margin-left: 27px;
    margin-bottom: 140px;
  }
  
  @media (max-width: 1024px) {
    .ticket {
      width: calc(100% - 40px);
      gap: 30px;
      flex-wrap: wrap;
    }
  }
  
  .ticket__img {
    max-width: 100%;
  }
  
  .callbackfoot {
    position: relative;
    z-index: 1;
    max-width: 1100px;
    width: 100%;
    margin: 54px 0 0;
  }
  
  .callbackfoot__title {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    text-align: left;
    color: #000000;
  }
  
  .callbackfoot__subtitle {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 60px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 34px;
    text-align: left;
    color: #000000;
  }
  
  .callbackfoot__form {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    gap: 46px 22px;
    justify-content: center;
  }
  
  @media (max-width: 1024px) {
    .callbackfoot__form {
      width: calc(100% - 40px);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
  }
  
  .callbackfoot__form-answer {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 28px;
    text-align: center;
    color: #fff;
  }
  
  .callbackfoot__form-answer-black {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    text-align: center;
    color: #000000;
  }
  
  .noactive {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  
  .active {
    opacity: 100;
    visibility: visible;
    display: flex;
  }
  
  .callbackfoot__input {
    font-family: Montserrat;
    color: #5a5a5a;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: normal;
    height: 65px;
    border-radius: 4px;
    border: none;
    width: 100%;
    padding: 0 18px;
    background: #ffffff;
    border: 1px solid #a7a7a7;
  }
  
  .callbackfoot__input-name {
    background-image: url(/img/user2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
  }
  
  .callbackfoot__input-email {
    background-image: url(/img/mail2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
  }
  
  .callbackfoot__input-phone {
    background-image: url(/img/phone2.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 7px 7px 7px 36px;
  }
  
  .callbackfoot__buttom {
    max-width: 396px;
    width: 100%;
    padding: 18px 54px;
    box-sizing: border-box;
    background: #ff4329;
    border-radius: 2px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    justify-self: center;
    grid-column: span 3;
    border: 0px;
    background: #FF7637;
    transform: matrix(1, 0, -0.29, 0.96, 0, 0);
    box-sizing: border-box;
    display: block;
    color: #FFFFFF;
    border-radius: 12px 0 12px 0;
  }
  
  .callbackfoot__buttom:hover {
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
    background: #FF4831;
  }
  
  .contacts {
    display: block;
    max-width: 100%;
    width: 100%;
    background-image: url(/img/contacts-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    box-sizing: border-box;
  }
  
  .contacts__title {
    max-width: 1100px;
    width: 100%;
    text-align: left;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-size: 55px;
  line-height: 71px;
  color: #000000;
  margin: 0 auto 40px;
  }
  
  .contacts__paragraph {
    max-width: 1100px;
    width: 100%;
    text-align: left;
    font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 50px;
  color: #000000;
  margin: 0 auto 15px;
  }
  
  .contacts__map {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    display: block;
  }
  
  .footer {
    max-width: 100%;
    width: 100%;
    margin: auto;
    display: block;
    background-color: #38547E;
  }
  
  .footer__row {
    display: flex;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 30px 0 30px 0;
    box-sizing: border-box;
    gap: 24px 24px;
    justify-content: center;
    align-items: center;
  }
  
  @media (max-width: 1024px) {
    .footer__row {
      max-width: 100%;
      width: calc(100% - 40px);
    }
  }
  
  .notrans {
    transform: matrix(1, 0, +0.29, 0.96, 0, 0);
    display: block;
  }