@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.container{
  max-width:1320px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.blog-grid {
  display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(6, 1fr);
   grid-column-gap: 0;
   grid-row-gap: 0;
   margin-top: 20px;
   margin-left: -10px;
   margin-right: -10px; 
 }
 .blog-grid .blog-item {
   position: relative;
   width: auto !important;
   padding: 0 !important;
   overflow: hidden;
 }
 .blog-grid .blog-item__content{
   padding: 10px;
   position: absolute;
   z-index: 1;
   left: 0;
   bottom: 0;
   width: 100%;
   color: #fff;
 }
 .blog-grid .blog-item h2{
   font-size: 14px;
 }
 .blog-row .blog-item h2{
   font-size: 16px;
 }
 .blog-row .categories a{
   white-space: nowrap;
 }
 .blog-grid .blog-item h2 a{
   color:#fff !important;
 }
 .blog-grid .blog-item:hover .entry-summary{
   height: auto;
   overflow: visible;
   transition: all ease .3s;
 }
 .blog-grid .blog-item:hover img{
   transform: scale(1.1);
   transition: all ease 5s;
 } 
 .blog-grid .blog-item .entry-summary{
   font-size: 14px;
   height: 0;
   overflow: hidden;
   transition: all ease .3s;
 }
 .blog-grid .blog-item .post-thumbnail{
   position: relative;
   margin-bottom: 0 !important;
   height: 100%;
   overflow: hidden;
 }
 .blog-grid .blog-item .post-thumbnail img{
   transition: all ease 2s;
 }
 .blog-grid .blog-item .post-thumbnail::before{
   /* content:''; */
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background:rgba(0, 0, 0, .5);
 }
 .blog-grid .blog-item .post-thumbnail a{
   /* position: absolute; */
 }
 .blog-grid .blog-item .post-thumbnail a::before{
   content:'';
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
   background:rgba(0, 0, 0, .5);
   z-index: 1;
 }
 .blog-grid .blog-item .post-thumbnail img{
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .blog-grid .blog-item .categories{
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 1;
 }
 .blog-grid .blog-item  .categories a{
   white-space: nowrap;
   font-size: 10px;
 }
 .blog-grid .blog-item .posted-on{
   color:#fff;
 }
 .blog-grid .blog-item__top .views{
   color:#fff;
   font-size: 12px;
 }
 .blog-grid .blog-item__top .views svg path{
   fill: #fff !important;
 }
 .blog-grid .blog-item__top .views svg circle{
   fill: #fff !important;
 }
 .blog-item:nth-child(1) {
    grid-area: 1 / 1 / 7 / 3; 
 }
 .blog-item:nth-child(2) {
    grid-area: 1 / 3 / 4 / 4; 
 }
 .blog-item:nth-child(3) {
    grid-area: 1 / 4 / 4 / 5; 
 }
 .blog-item:nth-child(4) {
    grid-area: 4 / 3 / 7 / 4; 
 }
 .blog-item:nth-child(5) {
    grid-area: 4 / 4 / 7 / 5; 
 } 
 .blog-title{
   position: relative;
   text-transform: uppercase;
   font-size: 32px;
   font-weight: 600;
   line-height: normal;
   border-bottom:1px solid #ececec;
 }
 .blog-title hr{
   margin-bottom: 0 !important;
   width: calc(50% - 10px);
   height: 2px;
 }
 .blog-title span{
   position: relative;
 }
 .blog-title span::after{
   content:'';
   position: absolute;
   left: 0;
   bottom: 1px;
   width: 90%;
   height: 2px;
   background:inherit;
 }
 
 .blog-popular{
   padding-top: 40px;
 }
 .blog-popular .blog-row{
   overflow: visible;
 }
 .blog-row{
   margin-top: 20px;
 }
 .blog-row .blog-item .post-thumbnail{
   height: 180px;
 }
 .blog-row .blog-item .post-thumbnail img{
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .popular-posts-wrapper{
   display: flex;
   justify-content: space-between;
 }
 .popular-posts-wrapper .blog-item{
   /* width: calc(25% - 55px) !important; */
   flex-shrink: unset;
   margin-left: 0;
   margin-right: 0;
   height: auto;
 }
 .popular-posts-wrapper .swiper-slide{
   width: calc(25% - 20px);
 }
 .blog-row .blog-item__top{
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .blog-row .blog-item__top-col{
   margin-bottom: 6px;
   width: 100%;
   align-items: flex-start;
   justify-content: space-between;
 }
 .blog-row .blog-item__top .views{
   margin-right: 0;
 }
 .blog-row .entry-summary{
   font-size: 14px;
   line-height: normal;
 }
 .blog-cat{
   padding-top: 0;
   margin-left: -10px;
   margin-right: -10px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
 }
 .blog-category{
   margin-top: 40px;
   width: calc(50% - 20px)
 }
 .blog-category .blog-row{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-left: -10px;
   margin-right: -10px;
   overflow: visible;
 }
 .blog-category .blog-row__slider{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }
 
 .blog-category .blog-item{
   height: 420px;
 }
 .blog-category .swiper-slide{
   width: calc(50% - 20px) ;
   margin-bottom: 20px !important;
 }
 .category-filter a:first-child{
   display: none;
 }
 .category-filter a{
   display: inline-flex;
   justify-content: center;
   align-items:center;
   height: 46px;
   border-radius:4px;
   box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
 }
 .category-filter{
  flex-wrap:nowrap
}
  .category-filter a{
      flex-wrap:wrap;
    }
  .category-filter a span{
    display: block;
    margin-top: -10px;
    width: 100%;
    text-align:center;
    font-size: 10px;
    line-height:normal;
  }
 .ast-blog-layout-4-grid .ast-article-post{
   width: calc(33.33% - 20px);
   margin-left: 10px;
   margin-right: 10px;
 }
 .ast-blog-layout-4-grid .ast-article-post .post-thumbnail{
   height: 230px;
 }
 .ast-blog-layout-4-grid .ast-article-post .post-thumbnail img{
   height: 100%;
   object-fit: cover;
 }
 .post-meta .categories a{
   white-space: nowrap;
 }
 .sale-days-remaining{
   padding: 3px 10px;
   position: absolute;
   top: 55px;
   left: -10px;
   z-index: 11;
   line-height: 14px;
   display: inline-flex;
   flex-direction: column;
   align-items: center;
   font-size: 14px;
   background-color: #FF003C;
   border-radius:6px;
   color:#fff;
 }
 ul.products li .sale-days-remaining{
   top: 60px;
   left: 10px;
 }
 ul.products li  .sale-days-remaining__title{
   font-size: 12px;
 }
 .menu-item-25704{
     background:#000 !important;
     text-align: center !important;
     border-radius:8px !important;
   } 
  .menu-item-25704 a{
    width: 100% !important;
    display: block !important;
    line-height: 36px !important;
    color:#fff !important;
  }
   
  .main-header-menu .menu-item-25704 > .menu-link{
     color:#fff !important;
   }
 .wp-block-jetpack-contact-form-container textarea{
   height: 200px;
   resize: none;
   border-color:#DEDEDE !important;
   border-radius:6px !important; 
 }
 .wp-block-jetpack-contact-form-container input{
     height: 40px;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     width: 100%;
     padding: 12px 16px;
     border-color:#DEDEDE !important;
     width: 100% !important;
     border-radius:6px !important; 
 }
 .wp-block-jetpack-contact-form-container .grunion-field-text-wrap{
   margin-bottom: 20px;
 }
 .wp-block-jetpack-contact-form-container .grunion-field-wrap{
   margin-bottom: 20px;
 }
 .contact-form label{
   margin-bottom: 6px;
   font-weight: 400 !important;
   font-size: 16px !important;
   
 }
   @media(max-width:992px){
     .menu-item-25283{
     background:#000 !important;
     text-align: center !important;
     border-radius:8px !important;
   }
   .menu-item-25283 a{
    width: 100% !important;
    display: block !important;
    line-height: 36px !important;
    color:#fff !important;
   }
   }
 @media(min-width:992px){
   #menu-item-25704{
     display: none;
   } 
 }
 @media(max-width:992px){
  .category-filter{
    flex-wrap:wrap
  }
   .popular-posts-wrapper{
     flex-wrap: wrap;
   }
   .popular-posts-wrapper .swiper-slide{
     width: calc(50% - 50px);
   }
   .blog-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: repeat(7, 1fr);
     grid-column-gap: 0px;
     grid-row-gap: 0px; 
     margin-top: 20px;
     margin-left: -10px;
     margin-right: -10px; 
   }
   .blog-item:nth-child(1) {
     grid-area: 1 / 1 / 4 / 5;
   }
   .blog-item:nth-child(2) {
      grid-area: 4 / 1 / 6 / 3;
   }
   .blog-item:nth-child(3) {
      grid-area: 4 / 3 / 6 / 5;
   }
   .blog-item:nth-child(4) {
     grid-area: 6 / 1 / 8 / 3;
   }
   .blog-item:nth-child(5) {
       grid-area: 6 / 3 / 8 / 5;
   }
   .blog-cat{
     margin-left: 0;
     margin-right: 0;
   }
   .blog-category{
     width: 100%;
   }
   .blog-category .blog-row{
     margin-left: 0;
     margin-right: 0;
   }
   .blog-category .blog-item{
 
     margin-left: 0;
     margin-right: 0;
   }
   .blog-category.swiper-slide{
     width: calc(50% - 50px) ;
   }
 }
 .about-item .elementor-widget-container{
     line-height: 18px !important;
   }
 @media(max-width:736px){
  .category-filter .filter-button{
    height: 38px;
    padding: 0;
  }
  .category-filter a:first-child{
    padding: 0 6px !important;
  }
   .blog-title{
     font-size: 24px;
   }
   .blog-grid{
     display: block;
   }
   .popular-posts-wrapper, .blog-category .blog-row__slider{
     flex-wrap: nowrap;
   }
   .blog-category .blog-item{
 
   }
   .popular-posts-wrapper .blog-item{
     flex-shrink: 0;
   }
   .blog-grid{
     margin-left: 0;
     margin-right: 0;
   }
   .blog-cat{
     padding-top: 0;
   }
   .blog-category{
     margin-top: 40px;
   }
   .blog-item{
     margin-bottom: 0 !important;
   }
   .blog-grid .blog-item{
     margin-bottom: 20px !important;
   }
   .blog-grid .blog-item:last-child{
     margin-bottom: 0 !important;
   }
   .ast-blog-layout-4-grid .ast-article-post{
     width: 100%;
     margin-bottom: 20px !important;
     margin-left: 0;
     margin-right: 0;
   }
   .single-top{
     flex-wrap: wrap;
   }
   .single-top .post-meta{
     margin-bottom: 6px;
     justify-content: space-between;
     width: 100%;
   }
   .single-top .entry-meta{
     display: flex;
     justify-content: space-between;
     width: 100%;
   }
   .category-filter .filter-button{
     padding-left: 8px;
     padding-right: 8px;
     height: 32px;
     font-size: 14px;
   }
   .woocommerce-page ul.products li.ast-article-post .ast-onsale-card{
     left: 0 !important;
   }
   ul.products li .sale-days-remaining{
     left: 0 !important;
   }
   .tech-btn{
     flex-wrap: wrap;
     width: 100% !important;
     justify-content: center;
   }
   .tech-btn a{
     margin-left: 50px !important;
     margin-right: 50px !important;
   }
   .about-item .elementor-container{
     flex-wrap: nowrap !important;
   }
   .about-item p{
     line-height: 18px !important;
   }
   .enter-login-widget{
     border-radius:8px !important;
     background:#3b3c40 !important;
   }
   .open-login-widget{
     display: flex;
     justify-content: center;
     width: 100%;
     border-radius:8px !important;
     background:#3b3c40 !important;
   }
 }
.vebinar-item {
  display: flex;
  margin-bottom: 40px;
}
.vebinar-item__content {
  width: 80%;
  border-left: 1px solid #f5a800;
  border-bottom: 1px solid #f5a800;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vebinar-item__content-top {
  padding: 6px 20px;
  display: flex;
  align-items:center;
  background: linear-gradient(to bottom, rgb(244,177,44) 0%,rgb(252,222,87) 100%);
}
.past-vebinars .vebinar-item__content-top{
  flex-wrap: wrap;
}
.past-vebinars .vebinar-item__enter{
  order: 1;
    margin-bottom: 12px;
}
.past-vebinars .vebinar-item__date{
  order: 3;
  margin-left: 0;
  font-size: 16px;
}
.past-vebinars .vebinar-item__enter.last{
  order: 2;
  margin-left: 12px !important;
}
.vebinar-item__enter {
  display: inline-flex;
  align-items:center;
  justify-content: center;
  border-radius:6px;
  padding: 0 12px;
  height: 26px;
  background:#4382ba;
  color:#fff;
  font-weight: 400;
  font-size: 14px;
}
.vebinar-item__enter.last{
  margin-left: 40px !important;
}
.vebinar-item__date {
  font-size: 18px;
  line-height: normal;
  color:#000;
  margin-left: 32px;
  font-weight: 600;
}
.vebinar-item__row {
  padding: 0 20px;
  display: flex;
}
.vebinar-item__poster {
  /* width: calc(60% - 10px) !important; */
  width: 400px;
  min-width: 400px;
}
.vebinar-item__poster img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vebinar-item__col {
  padding-left: 32px;
}
.vebinar-item__title {
  display: block;
  font-size: 20px;
  line-height: normal;
  color:#000;
  font-weight: 600;
}
.vebinar-item__duration {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items:center;
}
.vebinar-item__duration svg{
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.vebinar-item__avtor {
  margin-top: 16px;
  display: flex;
  align-items:center;
  line-height: normal;
}
.vebinar-item__avtor b{
  padding-left: 6px;
}
.vebinar-item__avtor .views{
  display: flex;
  gap: 5px;
  align-items:center;
  margin-left: 24px;
}
.vebinar-item__footer {
  padding: 10px 20px;
  padding-top: 0;
  display: flex;
  align-items:center;
  background: linear-gradient(to bottom, rgb(244,177,44) 0%,rgb(252,222,87) 100%);
}
.vebinar-item__content .vebinar-item__cart{
  display: none;
  margin-top: 12px;
  width: 224px;
  margin-left: auto;
  margin-right: auto;
}
.vebinar-item__content .vebinar-item__cart .add-to-cart-btn{
  border-radius: 8px;
  display: flex;
  align-items:center;
  justify-content: center;
  background: #4382ba;
  width: 100%;
  height: 44px;
  font-size: 18px;
  color:#fff;
  font-weight: 400;
}
.past-vebinars.single-product .vebinar-item__footer{
  flex-wrap: wrap;
  padding: 10px;
}
.past-vebinars.single-product .vebinar-item__footer .timer{
  margin: 0 auto;
}
.past-vebinars.single-product .vebinar-item .tiemer-item{
  margin-left: 2px;
    margin-right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3c3c3c;
    color: #fff;
    width: 24px;
    height: 32px;
    font-size: 20px;
    border-radius: 8px;
}
.past-vebinars.single-product .vebinar-item .timer-wrap_text-col{
    width: 55px;
    font-size: 12px;
    color: #fff;
}
.vebinar-item__img{
  width: 20%;
}
.vebinar-item .timer-wrap {
  margin-top: 12px;
  display: flex;
  gap: 5px;
}

.vebinar-item .timer-wrap span {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px;
}

.vebinar-item .timer-col {
  display: flex;
}

.vebinar-item .tiemer-item {
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3c3c3c;
  color: #fff;
  width: 30px;
  height: 35px;
  font-size: 24px;
  border-radius: 8px;
}
.vebinar-item .timer-wrap_text {
  margin-top: 0;
  display: flex;
  align-items: Center;
  gap: 14px;
}

.vebinar-item .timer-wrap_text-col {
  width: 69px;
  display: flex;
  justify-content: center;
  font-size: 14px;
  color:#000;
}
.vebinar-item__btn {
  padding: 0 24px;
  margin: 0 auto;
  margin-top: 12px;
  background: rgba(172, 0, 0, 1);
  height: 44px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color:#fff;
  text-decoration: none !important;
}
.vebinar-item__img {
  border:1px solid #4382ba;
}
.vebinar-item__img-top{
  padding: 6px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4382ba;
  color:#fff;
  font-size: 18px;
  height: 37px;
}
.vebinar-item__img-wrap{
  padding: 10px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100% - 37px);
  background:#bfddf5;
}
.vebinar-item__img-title{
  margin-bottom: 12px;
  text-align: center;
  line-height: normal;
  font-size: 16px;
}
.vebinar-item__img img{
  width: 100%;
}
.vebinar-item__img-wrap .add-to-cart-btn{
  margin-top: 20px;
  background: #4382ba;
  display: inline-flex;
  align-items:center;
  height: 37px;
}
.vebinar-modal {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.vebinar-modal.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.past-vebinars{
  margin-top: 100px;
}
.past-vebinars.single-product{
  margin-top: 24px;
  padding-bottom: 40px;
}

.past-vebinars .vebinar-item__row{
  padding: 0;
  flex-wrap: wrap;
}
.content-wrap h2{
  margin-bottom: 20px;
}
.vebinar-item__row{
  display: flex;
  gap: 20px;
}
.past-vebinars .vebinar-item__row .vebinar-item{
  width: calc(25% - 15px);
}
.vebinar-item__title-row{
  display: flex;
  gap: 20px;
}
.past-vebinars .vebinar-item__row .vebinar-item__poster{
  width: 100% !important;
  min-width: unset;
  height: 195px;
}
.vebinar-item__row .vebinar-item__col{
  padding: 20px;
}
.vebinar-item__row .vebinar-item__title{
  width: 100%;
}
.past-vebinars .vebinar-item__row .vebinar-item__title{
  font-size: 14px;
  line-height: 16px;
  height: 72px;
}
.vebinar-item__title-row a:last-child{
  width: 20%;
  display: none;
}
.vebinar-item__row .vebinar-item__content{
  width: 100%;
  border: 1px solid #f5a800;
}
.vebinar-item__avtor-row{
  display: flex;
  gap: 20px;
}
.past-vebinars .vebinar-item__avtor-row{
  margin-top: 5px;
  flex-wrap: wrap;
  gap: 5px;
}
.vebinar-item__avtor-row .vebinar-item__avtor{
  margin-top: 0;
  flex-direction: row;
  align-items:center;
}
.vebinar-item__avtor-row .vebinar-item__avtor b{
  padding-left: 5px;
}
.vebinar-item__avtor-row .vebinar-item__avtor br{
  display: none;
}
.past-vebinars .vebinar-item__avtor-row .vebinar-item__avtor{
    font-size: 12px;
}
.past-vebinars .vebinar-item__avtor-row .vebinar-item__duration{
  font-size: 12px;
}
.past-vebinars .vebinar-item__duration svg{
  width: 16px;
  height: 16px;
}
.vebinar-item__avtor-row  .vebinar-item__duration{
  margin-top: 0;
}
.vebinar-item__sertificat{
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
@media(max-width:992px){
  .vebinar-item__row .vebinar-item__title{
    font-size: 18px;
  }
  .vebinar-item__img-wrap{
    padding: 20px;
  }
  .past-vebinars .vebinar-item__row .vebinar-item {
    width: calc(50% - 15px);
    margin-bottom: 0;
  }
}
@media(max-width:736px){
  .vebinar-item__row{
    flex-wrap: wrap;
  }
  .vebinar-item__row .vebinar-item{
    width: 100%;
  }
  .past-vebinars .vebinar-item__row .vebinar-item {
    width: 100%;
    margin-bottom: 0;
  }
  .vebinar-item__avtor-row{
    margin-top: 16px;
  }
  .vebinar-item__row .vebinar-item__title{
    font-size: 18px;
    padding-right: 60px;
  }
  .vebinar-item__img{
    display: none;
  }
  .vebinar-item__content{
    width: 100%;
  }
  .future-vebinars .vebinar-item__col{
    position: relative;
    padding: 0;
  }
  .vebinar-item__footer{
    flex-wrap: wrap;
  }
  .vebinar-item__footer .timer{
    margin: 0 auto;
  }
  .vebinar-item__content{
    border: 1px solid #f5a800;
  }
  .vebinar-item__date{
    font-size: 16px;
    margin-left: 16px;
  }
  .vebinar-item .tiemer-item {
    margin-left: 2px;
    margin-right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3c3c3c;
    color: #fff;
    width: 26px;
    height: 33px;
    font-size: 20px;
    border-radius: 8px;
  }
  .vebinar-item .timer-wrap_text-col {
    width: 60px;
    font-size: 12px;
    color: #fff;
  }
  .vebinar-item__sertificat{
    position: absolute;
    display: block;
    width: 20%;
  }
  .past-vebinars .vebinar-item__title-row a:last-child{
    display: none !important;
  }
  .past-vebinars .vebinar-item__row .vebinar-item__title{
    width: 100%;
  }
  .past-vebinars .vebinar-item__row .vebinar-item__title{
    height: auto;
  }
  .vebinar-item__content-top{
    flex-wrap: wrap;
  }
  .vebinar-item__enter{
    order: 1;
    margin-bottom: 12px;
  }
  .vebinar-item__enter.last{
    order: 2;
    margin-left: 12px !important;
  }
  .vebinar-item__date{
    order: 3;
    margin-left: 0;
  }
  .vebinar-item__row .vebinar-item__poster{
    width: 100% !important;
    min-width: unset;
    height: 195px;
  }
  .vebinar-item__poster img{
    height: 195px;
  }
  .vebinar-item__content .vebinar-item__cart{
    display: block;
  }
}
/* --- Стили для модального окна вебинара --- */

/* Контейнер модального окна (фон и позиционирование) */
.vebinar-modal {
  display: none; /* Скрыто по умолчанию, управляется JS */
  position: fixed; /* Поверх всего контента */
  z-index: 1000; /* Высокий индекс, чтобы быть поверх других элементов */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Темный полупрозрачный фон */
  display: flex; /* Для центрирования содержимого */
  justify-content: center; /* Центр по горизонтали */
  align-items: center; /* Центр по вертикали */
  overflow-y: auto; /* Прокрутка, если содержимое не помещается */
  padding: 20px; /* Отступы для содержимого на маленьких экранах */
  box-sizing: border-box; /* Учитываем padding в размерах */
}

/* Содержимое модального окна */
.vebinar-modal__content {
  background-color: #ffffff;
  padding: 30px;
  border-radius: 8px;
  position: relative; /* Для позиционирования кнопки закрытия */
  width: 90%; /* Ширина на маленьких экранах */
  max-width: 600px; /* Максимальная ширина на больших экранах */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  animation: fadeInScale 0.3s ease-out; /* Анимация появления */
  box-sizing: border-box; /* Учитываем padding в размерах */
}

/* Анимация появления модального окна */
@keyframes fadeInScale {
  from {
      opacity: 0;
      transform: scale(0.9);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}

/* Кнопка закрытия */
.vebinar-modal__close {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #888;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  line-height: 1;
  transition: color 0.3s ease;
}

.vebinar-modal__close:hover,
.vebinar-modal__close:focus {
  color: #333;
  outline: none;
}

/* Заголовок формы */
.vebinar-modal__content h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  color: #333;
  font-size: 28px;
  line-height: 1.2;
}

/* Стилизация Jetpack формы внутри модального окна */
.vebinar-modal__form-area form {
  display: flex;
  flex-direction: column;
  gap: 15px; /* Промежуток между полями */
}

.vebinar-modal__form-area label {
  font-weight: bold;
  color: #555;
  margin-bottom: 5px;
  display: block; /* Каждая метка на новой строке */
}

.vebinar-modal__form-area input[type="text"],
.vebinar-modal__form-area input[type="email"],
.vebinar-modal__form-area input[type="tel"],
.vebinar-modal__form-area textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box; /* padding и border включены в ширину */
  font-size: 16px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.vebinar-modal__form-area input[type="text"]:focus,
.vebinar-modal__form-area input[type="email"]:focus,
.vebinar-modal__form-area input[type="tel"]:focus,
.vebinar-modal__form-area textarea:focus {
  border-color: #0073aa; /* Цвет фокуса WP */
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
  outline: none;
}

/* Скрытое поле "Назва вебінару" можно стилизовать так, чтобы оно было видно, но неактивно */
.vebinar-modal__form-area input[readonly] {
  background-color: #e9e9e9;
  cursor: not-allowed;
  color: #666;
}

/* Кнопка отправки формы Jetpack */
.vebinar-modal__form-area input[type="submit"] {
  background-color: #0073aa; /* WordPress синий */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  align-self: center; /* Центрируем кнопку */
  min-width: 200px; /* Минимальная ширина для кнопки */
}

.vebinar-modal__form-area input[type="submit"]:hover {
  background-color: #005177;
  transform: translateY(-2px);
}

/* Сообщения об ошибках и успешной отправке от Jetpack Forms */
div.jetpack-form-success, div.jetpack-form-error {
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
div.jetpack-form-success {
  background-color: #d4edda; /* Светло-зеленый */
  color: #155724; /* Темно-зеленый текст */
  border: 1px solid #c3e6cb;
}
div.jetpack-form-error {
  background-color: #f8d7da; /* Светло-красный */
  color: #721c24; /* Темно-красный текст */
  border: 1px solid #f5c6cb;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 768px) {
  .vebinar-modal__content {
      padding: 20px;
  }
  .vebinar-modal__content h2 {
      font-size: 22px;
      margin-bottom: 20px;
  }
  .vebinar-modal__close {
      font-size: 26px;
      top: 10px;
      right: 15px;
  }
  .vebinar-modal__form-area input[type="text"],
  .vebinar-modal__form-area input[type="email"],
  .vebinar-modal__form-area input[type="tel"],
  .vebinar-modal__form-area textarea {
      font-size: 14px;
      padding: 10px 12px;
  }
  .vebinar-modal__form-area input[type="submit"] {
      font-size: 16px;
      padding: 10px 20px;
      min-width: unset;
  }
}

@media (max-width: 480px) {
  .vebinar-modal {
      padding: 10px;
  }
  .vebinar-modal__content {
      padding: 15px;
      margin: 10px; /* Чтобы не прилипало к краям */
  }
  .vebinar-modal__content h2 {
      font-size: 20px;
  }
}
.card-wrap{
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-style: normal
}
.card-wrap__container{
  padding: 0 20px;
}
.card-wrap__bg{
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.card-wrap__bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-wrap .product-title{
  line-height: 34px;
}
.card-vebinar__top {
  margin-bottom: 24px;
  padding: 8px 12px;
  display: flex;
  align-items:center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgb(244,177,44) 0%,rgb(252,222,87) 100%);
  border-radius:8px;
}
.card-vebinar__top-col{
  display: flex;
  align-items:center;
  gap:40px;
}
.card-vebinar__stoimost {
  display: inline-flex;
  align-items:center;
  justify-content: center;
  padding: 0 12px;
  font-size: 18px;
  height: 32px;
  background:#2f7d02;
  color:#fff;
  border-radius:6px;
}
.card-vebinar__date {
  font-size: 20px;
  line-height: normal;
}
.card-vebinar__enter {
  display: inline-flex;
  align-items:center;
  justify-content: center;
  padding: 0 12px;
  font-size: 18px;
  height: 32px;
  background:#4f85bd;
  color:#fff;
  border-radius:6px;
}
.modal-quiz{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, .5)
}
.modal-quiz.active{
  display: block;
}
.modal-quiz__body{
  padding: 20px;
  padding-right: 40px;
  max-width: 500px;
  width: 100%;
  height: 350px;
  background:#fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
}
.quiz-container{
  height: 100%;
  padding-bottom: 40px;
  overflow-y: auto;
  scrollbar-color: #d12723 transparent;
  scrollbar-width: thin;
}

.modal-quiz__body .modal-body__close{
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 28px;
}
.modal-quiz__body .question{
  margin-bottom: 12px !important;
}
.modal-quiz__body .answers{
  margin-left: 10px;
  margin-bottom: 10px;
  list-style: none;
}
.modal-quiz__body .quiz-result{
  margin-top: 12px;
  text-align: center;
}
.card-vebinar__content {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}
.modal-quiz__body .question-counter{
  margin-bottom: 12px;
}
.radio-item {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  cursor: pointer;
}

.radio-item input[type="radio"] {
  display: none; /* скрываем стандартное радио */
}

.radio-item .custom-radio {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}

/* галочка при checked */
.radio-item input[type="radio"]:checked + .custom-radio::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  background-color: green;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}


.card-vebinar_avtor {
  display: flex;
  align-items:center;
  gap: 24px;
}
.card-vebinar_avtor-col {
}
.card-vebinar_avtor-photo {
  position: relative;
  width: 250px;
  height: 250px;
 
}
.card-vebinar_avtor-vector{
  position: absolute;
  top: 70px;
  left: 0;
}

.card-vebinar_avtor-photo img{
  width: 250px;
  height: 250px;
  overflow: hidden;
  object-fit: cover;
  border-radius:50%;
}
.card-vebinar_avtor-vector img{
  width: 16px;
  height: 16px;
}
.card-vebinar_avtor-text {
  position: relative;
  z-index: 1;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items:center;
  justify-content: center;
  width: 120px;
  height: 36px;
  border-radius:4px;
  background: #4382ba;
  color:#fff;
  font-size: 18px;
}
.card-vebinar_avtor-list {
}
.card-vebinar_avtor-list ul{
  margin-left: 25px;
  margin-bottom: 16px;
  list-style: disc;
  font-style: italic;
  font-weight: 500;
}
.card-vebinar_avtor-list ul li{
  line-height: normal;
  margin-bottom: 5px;
}

.card-vebinar_avtor-list ul li::marker{
  color:#40d705;
  font-size: 20px;
}
.card-vebinar_avtor-name {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
}
.card-vebinar_avtor-list a{
  display: block;
  color: inherit;
  text-decoration: underline;
}
.card-vebinar__video {
  margin-left: 120px;
}
.card-vebinar__video .vebinar-item{
  margin-bottom: 0;
}
.card-vebinar__video-iframe{
  padding: 12px;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
  border-radius: 8px;
  background:#fff;
}
.card-vebinar__reg {
  display: flex;
  align-items:center;
  cursor: pointer;
  padding: 12px;
  text-align: center;
  color:#fff;
  font-weight: 700;
  font-size: 20px;
  width: 280px;
  line-height: normal;
  background: rgb(63, 128, 3);
  border-radius:8px;
}
.card-vebinar__reg img{
  margin-right: 12px;
  width: 34px;
  height: 36px;
}
.card-vebinar__reg-ust {
  text-align: center;
  color:#397b14;
  font-weight: 700;
  font-size: 24px;
}
.card-vebinar__video-link {
  position: relative;
  margin-top: 12px;
  display: flex;
  align-items:center;
  justify-content: center;
  width: 275px;
  height: 70px;
  background:#dd0000;
  color:#fff;
  font-size: 22px;
  font-weight: 600;
  border-radius:8px;
}
.card-vebinar__video-link img{
  position: absolute;
  left: -70px;
}
.card-vebinar__video-text {
  margin-top: 16px;
  line-height: normal;
  color:#0e0d08;
  font-style: italic;
  font-weight: 600;
}
.modal-vebinar{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, .5);
}
.modal-vebinar .modal-dialog{
  position: absolute;
  width: 510px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.modal-vebinar #register-form{
  display: none;
}
.modal-vebinar .modal-body__close{
    position: absolute;
    top: 52px;
    right: 16px;
    font-size: 38px;
    cursor:pointer;
}
.registr-modal{
  padding: 40px;
  position: absolute;
  width: 510px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background:#fff;
  border-radius: 12px;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
}
#webinar-form .input-wrap {
  margin-bottom: 16px;
}
#webinar-form .input-wrap input{
  border-radius:6px;
}
#webinar-form .input-wrap label{
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  color: #111827;
}
#webinar-form .input-wrap label span{
  color:red;
}
.webinar-form__btn{
  margin-top: 24px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#modal-logged .modal-body__close{
  top: -8px;
  right: 12px;
}
.card-vebinar__info {
  margin-top: 40px;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items:center;
  background:rgba(153, 178, 211, 0.3);
  border-radius:8px;
  /* box-shadow: 0px 0px 17px -4px rgba(166, 167, 169, 0.7); */
}
.card-vebinar__info-col {
  font-size: 20px;
}
.card-vebinar__info-title {
  text-align: center;
  display: flex;
  align-items:center;
  justify-content: center;
  line-height: normal;
}
.card-vebinar__info-title img{
  margin-right: 12px;
}
.card-vebinar__info__footer {
  text-align: center;
  display: flex;
  align-items:center;
  justify-content: center;
}
.card-vebinar__info__footer b{
  padding-right: 8px;
}
.card-vebinar__action {
  margin-top: 60px;
  display: flex;
  align-items:flex-start;
  justify-content: center;
  gap: 40px;
}
.card-vebinar__sertificat {
  width: 36%;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
}
.card-vebinar__sertificat img{
  width: 100%;
}
.card-vebinar__action-col {
  width: 30%;
}
.card-vebinar__price {
  padding: 20px 10px;
  background:#feffe0;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
  border-radius:8px;
}
.card-vebinar__price-title {
  color:#0f0e07;
  font-style: italic;
  font-size: 20px;
  text-align: center;
}
.card-vebinar__price-row {
  display: flex;
  margin-top: 25px;
}
.card-vebinar__price-col{
  width: 100%;
  padding: 0 10px;
}
.card-vebinar__price-col button{
  padding: 0 !important;
  width: 100%;
  height: auto;
  background: transparent !important;
  font-size: 64px !important;
  color:#1e5884 !important;
  line-height: 20px;
  box-shadow:none;
  line-height: 34px !important;
}
.card-vebinar__price-col .woocommerce-Price-amount{
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
}
.card-vebinar__price-col .woocommerce-Price-currencySymbol{
  display: none;
}
.card-vebinar__price-col button span{
  font-style: italic;
  font-size: 26px;
}
.card-vebinar__price-col{
  border-right:1px solid #3c8400;
}
.card-vebinar__price-col.last{
  border:none;
}
.card-vebinar__price-col.last button{
  color:#3c8400 !important;
}
.card-vebinar__price-text{
  font-size: 14px;
  color: #1e5884;
  line-height: normal;
  text-align: center;
  font-style: italic;
  font-weight: 600;
}
.card-vebinar__price-col.last .card-vebinar__price-text{
  color:#3c8400;
}
.card-vebinar__order__wrap{
  position: relative;
  margin-top: 20px;
  padding: 20px 10px;
  /* background:#fff;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7); */
}
.card-vebinar__order__wrap::before{
  content:'';
  position: absolute;
  width: 200%;
  height: 100%;
  top:50%;
  left: 10%;
  transform: translate(-50%,-50%);
  background:#fff;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
  z-index: -1;
  border-radius:8px;
}
.card-vebinar__order {
  cursor: pointer;
  display: flex;
  align-items:center;
  justify-content: center;
  height: 60px;
  background: #d12723;
  border:1px solid #1e5884;
  font-size: 26px;
  font-weight: 600;
  color:#fff;
  border-radius:8px;
}
.card-vebinar__order img{
  margin-right: 12px;
}
.card-vebinar__bonus {
  margin-top: 20px;
}
.card-vebinar__bonus-item {
  margin-bottom: 16px;
  display: flex;
  align-items:center;
  line-height: normal;
  color:#1e5884;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}
.vebinar-item .card-vebinar__bonus-item{
  margin-bottom: 12px;
  font-size: 15px;
}
.card-vebinar__bonus-item img{
  margin-right: 10px;
}
.vebinar-item .card-vebinar__bonus-item br{
  display: none;
}
.vebinar-item .card-vebinar__bonus-item img{
  width: auto;
}
.card-vebinar__bonus-notice{
  margin-top: 8px;
  border-top: 1px solid #000;
  padding-top: 6px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  line-height: normal;
}
.card-vebinar__tests{
  cursor: pointer;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
  width: 300px;
  height: 46px;
  color:#fff;
  display: flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 22px;
  background:#3f8003;
  border-radius:8px;
}
.card-vebinar__tests-no-time{
  cursor: pointer;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
  width: 300px;
  height: 46px;
  color:#fff;
  display: flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 22px;
  background:#3f8003;
}
.card-vebinar__material{
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
  padding-right: 6px;
  width: 300px;
  height: 46px;
  color:#fff;
  display: flex;
  align-items:center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 22px;
  background:#1e5884;
  border-radius:8px;
}
.card-vebinar__material span{
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  line-height: 20px;
  font-size: 19px;
  background: #fff;
  color: #1e5884;
}
.card-vebinar__description{
  margin-top: 60px;
}
.card-vebinar__description .emoji{
  width: 20px;
}
.card-vebinar__description ul{
  margin-top: 10px;
  margin-left: 15px;
}
.card-vebinar__description ol{
  margin-top: 10px;
  margin-left: 15px;
}
.card-vebinar__description li p{
  margin-bottom: 8px !important;
  line-height: normal;
}
@media(max-width:736px){
  
  .card-vebinar__top{
    flex-wrap: wrap;
  }
  .card-vebinar__top-col{
    flex-wrap: wrap;
    gap: 12px;
  }
  .card-vebinar__date{
    font-size: 16px;
  }
  .card-vebinar .product-title{
    font-size: 22px;
    line-height: normal;
  }
  .card-vebinar__content{
    flex-wrap: wrap;
    justify-content: center;
  }
  .card-vebinar_avtor{
    flex-wrap: wrap;  
    justify-content: center;
  }
  .card-vebinar__video{
    margin-left: 0;
  }
  .card-vebinar__video-iframe iframe{
    height: 200px;
  }
  .card-vebinar__video-link{
    margin-left: 60px;
  }
  .card-vebinar__video-text{
    text-align: center;
  }
  .card-vebinar__info{
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 10px;
    justify-content: center;
  }
  .card-vebinar__info-title img{
    margin-right: 12px;
  }
  .card-vebinar__info__footer{
    font-size: 16px;
  }
  .card-vebinar__action{
    flex-wrap: wrap;
  }
  .card-vebinar__sertificat{
    width: 100%;
  }
  .card-vebinar__action-col{
    width: 100%;
  }
  .card-vebinar__order{
    font: 20px sans-serif;
  }
  .card-vebinar__bonus-item{
    font-size: 20px;
  }
  .registr-modal{
    padding: 20px;
    width: 90%;
    max-width: 100%;
  }
  .card-vebinar__price-col .woocommerce-Price-amount{
    font-size: 36px;
  }
  .card-vebinar__price-text{
    font-size: 12px;
  }
  .card-vebinar__tests-no-time{
    
  }
}
.future-vebinars .pagination{
  display: flex;
  justify-content: center;
}
.future-vebinars .page-numbers{
  display: flex;
  gap: 8px;
  list-style: none;
  margin-left: 0;
}
.future-vebinars .page-numbers li{
  background: rgb(191, 190, 190);
  width: 40px;
  height: 52px;
  display: flex;
  align-items:center;
  justify-content: center;
  font-size: 22px;
  color:#000;
  border-radius:4px;
}
.future-vebinars .page-numbers li a{
  display: block;
  width: 100%;
  text-align: center;
}
.future-vebinars .page-numbers li.prev{
  display: none;
}
.future-vebinars .page-numbers li.next{
  display: none;
}
.future-vebinars .page-numbers li.current{
  background:rgba(172, 0, 0, 1);
  color:#fff;

}
/* #menu-item-27288{
  background: linear-gradient(to bottom, rgba(232, 242, 159, 1) 0%, rgba(255, 255, 255, 0) 100%);

} */
.vebinar-top__content {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);
}
.vebinar-top__content .col b{
  display: block;
}
.vebinar-top__content .col {
  line-height: normal;
  width: 50%;
}
.vebinar-top__content .col a{
  color:#0b4e97;
}
.vebinar-top__content .list {
  width: 40%;
}
.vebinar-top__content .list a{
  margin-bottom: 12px;
  display: flex;
  width: 250px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0 12px;
  height: 36px;
  background: #4382ba;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none !important;
}
.vebinar-top__content .list a::before{
  /* content:""; */
  display: block;
  margin-right: 6px;
  width: 6px;
  height: 6px;
  border-radius:50%;
  background:#0b4e97;
}
@media(max-width:736px){
  .vebinar-top__content{
    flex-wrap: wrap;
    gap: 10px;
  }
  .vebinar-top__content .col{
    width: 100%;
  }
  .vebinar-top__content .list{
    width: 100%;
  }
}
.course-wrapper {
  width: 100%;
  font-family: "Montserrat", sans-serif;
}
.course-item {
  margin-bottom: 20px !important;
  padding: 16px;
  box-shadow: 0px 0px 25px -6px rgba(159, 163, 184, 0.7);
  border-radius: 8px;
}

.course-item__top {
  display: flex;
  align-items:center;
}
.course-item__theme {
  min-width: 150px;
  max-width: 150px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  background: #4fba9e;
  height: 52px;
  white-space: nowrap;
}
.course-item__title {
  position: relative;
  width: 100%;
  padding-left: 44px;
  height: 52px;
  background: #c8ece2;
  display: flex;
  align-items: center;
  line-height: normal;
}
.course-item__arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.course-item.open.active .course-item__arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.course-item.open .course-item__arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(-1);
}
.course-item.active .course-item__arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(-1);
}
.course-item.lock .course-item__arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.course-item__theme-icon svg{
  margin-right: 12px;
}
.course-item__theme-icon svg:nth-child(2) {
  display: none;
}
.course-item.lock .course-item__theme {
  min-width: 150px;
  max-width: 150px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: Center;
  background: #F5A500;
  height: 60px;
  white-space: nowrap;

} 
.course-item.lock .course-item__theme-icon svg:nth-child(1) {
  display: none;
}
.course-item.lock .course-item__theme-icon svg:nth-child(2) {
  display: block;
}
.course-item.lock .course-item__title{
  width: 100%;
  padding-left: 44px;
  height: 60px;
  background: #f2ddb1;
  display: flex;
  align-items: center;
  line-height: normal;
}
.course-item__content-item{
  margin-bottom: 20px;
}
.course-item__content-item.open .course-item__content-arrow{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(-1);
}
.course-item__content-item:last-child{
  margin-bottom: 0;
}
.course-item.open .course-item__content{
  display: block;
}
.course-item__content {
  display: none;
  padding-top: 30px;
  padding-left: 150px;
  padding-bottom: 20px;
}
.course-item__btn{
  padding-top: 5px;
  padding-bottom: 5px;
  background:#4f83bd;
}
.course-item__form{
  display: none;
  margin-top: 20px;
  max-width: 500px;
  width: 100%;
}
.course-task-form{
  width: 100%;
}
.course-task-form input{
  display: block;
  margin-bottom: 12px;
  
}
.course-task-form input[type=email]{
  border: 1px solid #d2d2d2;
}
.course-task-form button{
  display: block;
}
.course-item__content-top {
  display: flex;
  align-items:center;
}
.course-item__content-theme {
  max-width: 150px;
  min-width: 150px;
  background:#000;
  color:#fff;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  align-items: center;
  height: 52px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 24px;
}
.course-item__content-title {
  position: relative;
  width: 100%;
  background:#e0e0e0;
  position: relative;
  width: 100%;
  padding-left: 20px;
  height: 52px;
  display: flex;
  align-items: center;
  line-height: normal;
  font-size: 22px;
}
.course-item__content-arrow{
   position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.course-item__content-block {
  display: none;
  padding-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 40px;
  border:1px solid #dddddd;
}
.course-item__content-block p{
  font-size: 14px;
}
.course-item__content-block td{
  font-size: 14px;
  border: 1px solid #dddddd;
}
.course-item__content-video{
  margin-bottom: 40px;
  height: 450px;
}
.course-item__content-video iframe{
  width: 100%;
  height: 100%;
}
@media(max-width:736px){
  .course-item__content{
    padding-top: 20px;
    padding-left: 0;
  }
  .course-item__theme-icon svg, .course-item__theme-icon svg{
    width: 20px !important;
    height: 20px;
  }
  .course-item__theme{
    min-width: unset;
    width: auto;
    height: 44px;
     font-size: 14px;
  }
  .course-item__title{
    padding-left: 12px;
    font-size: 14px;
    height: 44px;
  }
  .course-item__content-block{
    padding: 20px 10px;
  }
  .course-item__content-block table{
    display: block;
    overflow-x: scroll;
    border-collapse: collapse;
  }
  .course-item__content-top{
    align-items:unset;
  }
  .course-item__content-theme, .course-item.lock .course-item__theme{
     min-width: unset;
    width: auto;
    min-width: 80px;
    height: auto;
     font-size: 12px;
  }
  .course-item__content-title, .course-item.lock .course-item__title{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 30px;
    font-size: 12px;
    height: auto;
  }
  .course-item__content-video{
    margin-bottom: 24px;
    height: 210px;
  }
  .course-item__content-arrow svg{
    width: 15px;
    height: 15px;
  }
  .course-item__arrow svg{
    width: 15px;
    height: 15px;
  }
  .course-item__content-item{
    margin-bottom: 12px;
  }
  .course-item__top{
    flex-wrap: wrap;
  }
  .course-item__theme{
    width: 100%;
    max-width: 100%;
  }
  .course-item.lock .course-item__theme{
    width: 100%;
    max-width: 100%;
  }
  .course-item__title{
    height: auto;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.grid-switcher{
  display: none;
}

  .grid-switcher{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
  gap:12px;
}
.grid-switcher button{
  padding-top: 10px;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 8px;
}
.smpl-products .products{
  display: flex !important;
  flex-wrap: wrap;

}
.smpl-products li.product{
  margin-bottom: 20px !important;
  width: 100%;
  height: 150px !important;
  flex-direction: row !important;
}
.smpl-products .astra-shop-thumbnail-wrap{
 width: 110px !important;
}
.smpl-products .astra-shop-thumbnail-wrap img{
  height: 100% !important;
  object-fit: cover !important;
}
.smpl-products .woocommerce-loop-product__link{
  width: 100% !important;
  height: 100% !important;
}
.smpl-products .astra-shop-summary-wrap{
  padding-left: 12px !important;
  width: 60% !important;
}
.smpl-products  .add_to_cart_button{
  display: inline-flex !important;
  width: auto !important;
  left: unset !important;
  right: 20px;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.smpl-products .price{
  bottom: 12px !important;
  left: 153px !important;
}
.woocommerce-product-gallery__trigger{
  display: none;
}
@media(max-width:736px){
  .smpl-products li.product{
    width: 100% !important;
    height: auto !important;
  }
  .woocommerce-page .smpl-products ul.products li.product{
    width: 100% !important;
    padding-bottom: 10px !important;
  }
  .smpl-products .product-card__link{
    display: flex;
    gap: 20px;
  }
  .smpl-products .product-card__image{
    width: 100px;
    min-width: 100px;
    height: 100px;
  }
  .smpl-products .add_to_cart_button{
    position: static !important;
    transform: unset !important;
  }
  .smpl-products .astra-shop-summary-wrap{
    width: 100% !important;
  }
  .smpl-products .astra-shop-thumbnail-wrap{
    margin-top: 30px;
    width: 123px !important;
    min-width: 123px !important;
    height: 123px !important;
  }
  .smpl-products .price{
    position: static !important;
  }
  .smpl-products .woocommerce-loop-product__title-sub{
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .smpl-products .ast-loop-product__link{
    padding-top: 0;
  }
  .smpl-products .woocommerce-loop-product__title{
    font-size: 14px !important;
  }
  .smpl-products .add_to_cart_button{
    margin-left: auto !important;
    margin-right: auto !important;
    width: 134px !important;
    display: flex !important;
  }
}
/* ul.products li:nth-child(4){
  display: none !important;
}
ul.products li:nth-child(7){
  display: none !important;
} */
.lesson-num{
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  font-size: 0;
}
.ast-search-menu-icon.slide-search .search-form{
  width: 300px;
  visibility: visible !important;
  opacity: 1 !important;
}
.ast-search-menu-icon.slide-search input.search-field{
  width: 326px;
  height: 30px;
}
.search-page .blog-item{
  width: 100%;
  padding-left: 190px !important;
  height: 180px;
}
.search-page .ast-blog-layout-4-grid .ast-article-post .post-thumbnail{
  position: absolute;
  left: 20px;
  width: 140px;
  height: 140px !important;
  border-radius:12px;
  overflow: hidden;
}
.slide-search .ast-search-icon{
  display: none !important;
}
.search-page  .entry-summary{
  display: none !important;
}
.lesson-topic{
  margin-top: 12px;
  font-style: italic;
  font-size: 16px;
}
.lesson-btn{
  /* margin-top: 0 !important; */
  display: inline-flex;
  background: rgba(172, 0, 0, 1) !important;
  border-radius: 8px !important;
  height: 44px !important
}
.lesson-price{
  /* display: none; */
  top: 62%;
  position: absolute;
  right: 47px;
  margin-top: 10px;
  color:rgba(172, 0, 0, 1) !important;
  font-size: 28px;
}
.lesson-block{
  max-width: 60%;
}
.lesson-block + .lesson-price{
  display: none;
}
.lesson-block + * + .lesson-btn{
  display: none !important;
}
.lesson-block .product-card__link{
  color:#000;
}
.lesson-btn{
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  align-items:center;
  justify-content: center;
  margin-top:0;
  /* width: 100%; */
  color:#fff;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right:30px;
}
.search-results-wrapper .product-card__price{
  display: none;
}
.search-results-wrapper .product-card__button{
  display: none;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  width: 100%;
  color: #fff;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: max-content;
}

.sidebar-video{
  border-radius: 8px;
  overflow: hidden;
  height: 200px;
}
.ast-builder-layout-element.ast-header-search{
  margin-right: 150px !important;
}
.ast-header-search .slide-search .search-form{
  border: 1px solid #000 !important;
}
.header-search .search-submit{
  display: none !important;
}
.search-page  .blog-item__top-col{
  position: absolute;
  right: 20px;
  top: 20px;
}
.search-page .blog-item__top-col{
  display: none !important;
}
.search-page  .posted-on{
  display: none !important;
}
.search-results-wrapper .product-card__image-col .product-card__badge-row{
  display: none !important;
}
.search-results-wrapper .product-card__image-col .product-card__badge-notebooks{
  display: none !important;
}
.search-results-wrapper .product-card__link{
      color:#000;
    }
@media(max-width:767px){
  .slide-search{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #ast-mobile-header .search-submit{
    display: none !important;
  }
  .search-page .blog-item{
    padding: 12px !important;
    padding-left: 155px !important;
    height: auto;
  }
  .search-page .ast-blog-layout-4-grid .ast-article-post .post-thumbnail{
   width: 120px;
   height: 120px !important;
  }
  .ast-search-menu-icon.slide-search input.search-field{
    width: 100%;
    font-size: 18px;
    padding-right: 10px !important;
  }
  .lesson-block{
      max-width: 100%;
      font-size: 14px;
    }
  .lesson-topic{
    font-size: 14px;
  }
  .lesson-btn{
    margin-top: 12px !important;
    width: 150px;
    margin-left: auto !important;
    margin-right: auto !important;
    position: static !important;
    transform: unset;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .search-page .blog-item__top-col{
    display: none;
    position: absolute;
    top: 10px;
    right: 20px;
  }
  .search-page  .posted-on{
    display: none;
  }
  .lesson-price{
    position: static;
    right: unset;
    top: 67%;
    left: 42px;
    text-align: left;
    font-size: 22px;
  }
  .search-results-wrapper .product-card__title{
    margin-top: 0 !important;
  }
    
  .ast-builder-layout-element.ast-header-search{
    margin-right: 0 !important;
  }
  .ast-search-menu-icon.slide-search .search-form{
    width: 100%;
    border-radius:8px;
  }
  .search-results-wrapper .product-card{
    padding-bottom: 10px;
  }
  .search-results-wrapper .product-card__image{
    width: 115px !important;
    height: 115px !important;
  }
  .search-results-wrapper .product-card__image-col .product-card__badge-row{
    margin-bottom: 12px;
    display: flex !important;
    flex-wrap: wrap;
  }
  .search-results-wrapper .product-card__image-col .product-card__badge-notebooks{
     margin-bottom: 12px;
    display: flex !important;
  }
  .search-results-wrapper  .product-card__col .product-card__badge-notebooks{
    display: none;
  }
}
.woocommerce-js table.my_account_orders td{
  vertical-align: top !important;
}
.products {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
li.product{
  width: auto !important;
  margin: 0 !important;
}
.archive-product__wrap {
  width: 100%;
}
.archive-product__wrap li.product{
  width: calc(33.33% - 20px) !important;
  margin-bottom: 24px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.archive-product__wrap h1{
  margin-top: 0 !important;
  margin-left: 10px !important;
}
.archive-product__wrap .woocommerce-no-products-found{
  display: none;
}
.product-card{
  position: relative;
  padding: 20px 20px 24px 20px;
  background: rgba(195, 198, 212, 0.3);
  border-radius: 12px;
  height: 518px;
}
.product-card__image{
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
}
.product-card__image img{
  border-radius: 12px;
}
.search-results-wrapper .product-card{
  display: flex;
  gap: 20px;
  height: auto;
}
.search-results-wrapper .product-card__image {
  width: 150px;
  height: 150px;
}
.product-card__title{
  text-align: left !important;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 600 !important;
  color:#010101;
}
.product-card__badge-delivery{
  display: inline-flex;
  align-items: center;
  height: 22px;
  background: #35BA9D;
  border-radius: 6px;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.product-card__badge-notebooks{
  width: 100px;
  border-radius: 4px;
  overflow: hidden;
}
.product-card__badge-notebooks img{
  object-fit: contain;
  margin-bottom: 0 !important;
}
.product-card__button{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  width: calc(100% - 40px);
  background: rgba(172, 0, 0, 1) !important;
  height: 44px !important;
  margin-left: 0;
  border-radius: 8px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
}
.product-card__price{
  position: absolute;
  bottom: 75px;
  left: 20px;
}

.product-card__price .price{
  margin-bottom: 0 !important;
  text-align: left;
  color: rgba(172, 0, 0, 1) !important;
  font-size: 23px !important;
  font-weight: 600 !important;
}
.product-card__price del{
  color: rgba(172, 0, 0, 1) !important;
  opacity: .8;
}
.product-card__price ins{
  color: rgba(172, 0, 0, 1) !important;
}
.archive-main-container{
  display: flex;
  gap: 30px;
  max-width: 1320px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
.archive-content{
  width: 354px;
}
.archive-content .cat-item{
  margin-bottom: 4px !important;
}
.archive-content .cat-item:last-child{
  margin-bottom: 0;
}
.archive-content .cat-item a{
  text-decoration: none;
}
.chekout-page .checkout-cart{
  display: none;
}
.chekout-page .entry-content h1:nth-child(1){
  display: none;
}
.search-results-wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.custom-product-item{
 
}
.product-search-item{
width: calc(25% - 15px);
}
.search-results-wrapper .products{
 display: flex;
 gap: 20px;
 margin-left: 0;
 width: 100%;
}
.search-results-wrapper li.product{
   list-style: none;
    width: 100% !important;
}
.search-results-wrapper li.product.no-variation .product-card__button{
  display: flex;
}
.regular-search-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.regular-search-item{
  width: calc(50% - 10px);
}
.acc-container{
  padding-left: 0;
  padding-right: 0;
}
.product-categories-wrapper li.menu-item-has-children > a{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  margin-bottom: 0;
  background: rgba(195, 198, 212, 0.4);
  color: rgba(172, 0, 0, 1) !important;
  border-radius: 8px;
  font-weight: 700 !important;
  white-space: normal;
  outline: none;
}
.product-categories-wrapper li.menu-item-has-children > a::after{
  content: "";
  position: absolute;
  right: 16px;
  top: 17px;
  width: 10px;
  height: 10px;
  background: url(../img/icon/menu-arrow.svg) no-repeat;
    background-size: auto;
  background-size: contain;
}
.product-categories-wrapper li.menu-item-has-children .my-first-level-class a{
   color:#000 !important;
   font-weight: 700 !important;
}
.product-categories-wrapper li.menu-item-has-children .my-nested-level-class a{
   color:#000 !important;
   font-weight: 500 !important;
}
.product-categories-wrapper li.menu-item-has-children li.menu-item-has-children > a{
  color:#000 !important;
  background:transparent;
  /* font-weight: 500 !important; */
  padding: 0;
  padding-top: 12px;
}


.product-categories-wrapper li.menu-item-has-children li.menu-item-has-children > a::after{
  display: none;
}
.product-categories-wrapper .menu-item-25704, .product-categories-wrapper .menu-item-25283{
  display: none;
}
.product-categories-wrapper ul{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.product-categories-wrapper li{
  margin-bottom: 4px !important;
}
.product-categories-wrapper .my-first-level-class {
  display: none;
  background: rgba(195, 198, 212, 0.2);
  margin-top: -3px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-left: 0;
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 8px;
}
.product-categories-wrapper  .my-nested-level-class{
  padding-top: 8px;
  padding-left: 12px !important;
}
.product-categories-wrapper  .my-nested-level-class a{
  color:#000;
}
.product-category{
  position: relative;
}
.woocommerce-loop-category__title{
  position: absolute;
  background:#fff;
  color:#000;
  width: calc(100% - 20px);
  left: 50%;
  transform: translateX(-50%);
  bottom:40px;
  text-align: center;
}
.woocommerce-loop-category__title mark{
  display: flex;
  gap: 8px;
  align-items:center;
  justify-content: center;
}
.woocommerce-loop-category__title mark::after{
  content:'товарів';
}
@media(max-width:992px){
  .archive-main-container{
    flex-wrap: wrap;
  }
  .archive-content{
    order: 2;
  }
  .archive-product__wrap{
    order: 1;
  }
  .search-results-wrapper li.product{
    width: 100% !important
  }
  .product-categories-wrapper li.menu-item-has-children > a::after{
    right: 12px;
    top: 13px;
  }
    .search-results-wrapper .product-card__col .product-card__badge-row {
    display: none !important;
  }
  .search-results-wrapper .product-card__image-col .product-card__badge-row{
    display: flex !important;
    margin-bottom: 12px;
  }
}
@media(max-width:736px){
  .archive-main-container{
    padding: 0 10px;
  }
  .product-card{
    position: static;
    height: auto;
    padding: 10px 10px 14px 10px;
    background:transparent !important;
    padding-bottom: 60px;
  }
  .smpl-products .product-card{
    padding: 0;
  }
  .smpl-products .product-card__button{
    position: static;
    width: 100%;
    transform: unset;
  }
  .woocommerce ul.products, .woocommerce-page ul.products{
    /* column-gap: 0 !important;  */
    gap: 20px;
  }
  .woocommerce ul.products::before, .woocommerce-page ul.products::before{
    display: none !important;
  }
  .product-card__price{
    margin-bottom: 20px;
    position: static;
  }
  .product-card__button{
    position: absolute;
    transform: unset;
    width: calc(100% - 20px);
    left: 50%;
    transform: translateX(-50%);
  }
  .product-card__price .price{
    font-size: 22px !important;
  }
  .archive-product__wrap li.product{
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
  .archive-content{
    width: 100%;
  }
  .product-card__badge-row{
    flex-wrap: wrap;
  }
  .product-card__badge-delivery{
    font-size: 10px;
  }
   .search-results-wrapper li.product{
    position: relative;
    width: 100% !important;
    background: rgba(195, 198, 212, 0.3) !important;
    border-radius: 12px;
  }
  .regular-search-item .entry-title{
    line-height: normal;
    font-size: 18px;
  }
  
  .woocommerce-orders-table__cell{
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 12px;
  }
  .page-title{
    line-height: normal;
    font-size: 24px;
  }
  .search-results-wrapper{
    margin-top: 40px;
  }
  .woocommerce-loop-category__title{
    font-size: 12px !important;
    bottom:30px;
  }
}
.account-table .woocommerce{
  display: flex;
  flex-direction: column;
}

/* По умолчанию (на десктопе) скрываем мобильный блок */
.mobile-orders-block {
    display: none;
}

/* Медиазапрос для мобильных устройств (планшеты и телефоны) */
@media screen and (max-width: 768px) {
    /* Скрываем стандартную таблицу WooCommerce */
    table.desktop-orders-table {
        display: none !important;
    }
    
    /* Показываем карточки */
    .mobile-orders-block {
        display: block;
    }
    
    /* Стилизация карточек */
    .mobile-order-card {
        background: #fff;
        border-radius: 4px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        overflow: hidden;
        border: 1px solid #e1e1e1;
    }
    
    /* Шапка заказа (синяя) */
    .mobile-order-header {
        background: #2987ba; /* цвет как на скрине */
        color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        text-align: center;
    }
    .mo-col {
        display: flex;
        flex-direction: column;
    }
    .mo-label {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 3px;
    }
    .mo-value {
        font-size: 15px;
        font-weight: 700;
    }

    /* Тело карточки */
    .mobile-order-body {
        padding: 15px;
    }
    .mobile-order-item {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .mobile-order-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .mo-item-title {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 15px;
        color: #333;
    }
    
    /* Кнопки внутри товара */
    .mo-item-actions-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .mo-lesson-num {
        font-weight: bold;
        font-size: 14px;
        color: #000;
        text-align: center;
    }
    .mo-item-buttons {
        display: flex;
        gap: 10px;
        width: 100%;
        justify-content: center;
    }
    .btn-download, .btn-details {
        padding: 8px 15px;
        border-radius: 4px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        flex: 1;
        max-width: 150px;
    }
    .btn-download {
        background: #028102; /* зеленая */
        display: flex;
        align-items: center;
        gap: 9px;
        justify-content: center;
    }
    .btn-details {
      display: flex;
      align-items: center;
        background: #2987ba; /* синяя */
        justify-content: center;
    }
    .btn-download:hover, .btn-details:hover {
        opacity: 0.9;
        color: #fff;
    }

    /* Футер заказа (зеленая кнопка внизу) */
    .mobile-order-footer {
        background: #028102; /* зеленый цвет */
        text-align: center;
    }
    .mobile-toggle-btn {
        display: block;
        width: 100%;
        padding: 12px;
        color: #fff;
        background: transparent; /* Фон наследуется от футера */
        border: none;
        font-weight: 600;
        text-decoration: none;
        font-size: 15px;
        cursor: pointer;
        outline: none;
    }
    .mobile-toggle-btn:hover {
        background: #047857;
        color: #fff;
    }
}