:root {
        /* Темный стиль */
        --block-bg-color: #0A0A0A; /* Очень темный, почти черный */
        --timer-box-bg-color: #1C1C38; /* Цвет таймера */
        --accent-color: #00FFFF; /* Яркий циан (#00ffff) */
        --text-light: #FFFFFF; /* Белый текст */
        --discount-color: #FFD700; /* Золотой для скидки */
    }

/* 1 page */
section.program__course {
  max-width: 1200px;
  height: 603px;    
  margin-top: 80px;
  margin: 80px auto;
  position: relative;
}

.unity section.program__course, .unity.kz section.program__course,
.android section.program__course, .ai-course.kz section.program__course { height: 703px; }

.ai-course section.program__course { height: 723px; } 

.python.en section.program__course, .web-design.en section.program__course, .graphic-design.en section.program__course, .golang.en section.program__course, .frontend.en section.program__course, .fullstack.en section.program__course, .qatesting.en section.program__course
{
  height: 585px;    
}

.unity.en section.program__course { height: 623px; }
.android.en section.program__course { height: 565px; }
.ai-course.en section.program__course{ height: 693px; }

.android.kz section.program__course { height: 643px; }
.unity.kz section.program__course { height: 653px; }

.python .pricing__section {
  display: none;
}

.python section.program__course,
.web-design section.program__course,
.android section.program__course,
.graphic-design section.program__course,
.golang section.program__course,
.unity section.program__course,
.frontend section.program__course,
.fullstack section.program__course,
.qatesting section.program__course
{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 80px;
}

.python section.program__course { background: url('../images/course/banner-course.png'); }
.web-design section.program__course { background-image: url('../images/course/web design/web-banner.png'); }
.android section.program__course { background: url('../images/course/android/banner_android.png'); }
.python section.program__course { background: url('../images/course/banner-course.png'); }
.graphic-design section.program__course { background-image: url('../images/course/graphic design/graphic-design-banner.png'); }
.golang section.program__course { background: url('../images/course/Golang/golang-banner.png'); }

.unity section.program__course {
  /* background: url('../images/course/unity/unity-banner.png'); */
  background: linear-gradient(145deg, #111111, #000000);
  /* border: 15px solid #999; */
  box-shadow: 0 0 40px rgba(0, 255, 255, 0.08);
}

.frontend section.program__course {
  background-image: url('../images/course/web design/web-banner.png');  
}

.fullstack section.program__course {
  background: #1E2A38;
  box-shadow: 0 0 40px rgba(0, 255, 255, 0.08);
}

.qatesting section.program__course { background: url('../images/course/banner-course.png'); }

.program__course__banner {
  width: 80%;
  height: 80%;
  margin: 0 auto;
  background: rgba(50, 50, 50, 0.7);
  backdrop-filter: blur(5px);
  border-radius: 80px;
  overflow: hidden;
  padding: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.graphic-design .program__course__banner { height: 70%; }
.frontend .program__course__banner { width: 90%; }

.golang .program__course__banner, .unity.kz .program__course__banner, .fullstack .program__course__banner {
    background: transparent;
    backdrop-filter: none;
}

/* .unity .program__course__banner 
 {
    background: transparent;
    backdrop-filter: none;
} */

.program_course_text {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.7rem;
    color: #fff;
    padding: 20px;
}
.web-design .program_course_text { width: 69%; gap: 2.2rem; }
.unity .program_course_text, .fullstack .program_course_text, .qatesting .program_course_text { width: 70%; }
.fullstack .program_course_text { gap: 2.1rem; }
.frontend .program_course_text { width: 64%; gap: 1.9rem; }

.program_course_block{
  display: flex;
  position: relative;
}
.graphic-design .program_course_block {
  transform: translateY(5%);
}
h1.program-course-title, h1.advantages-section-title, h1.reward-section-title{
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 48px;
  line-height: 1.2;
}
.program-course-description {
  font-family: 'Comfortaa', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
}
.program-course-button {
  width: 250px;
}
.ai-course .program-course-button, .android .program-course-button, .unity .program-course-button { width: 300px; }
.android .program-course-button {
  background: linear-gradient(to right, #74B806, #79C105, #02B503, #00A901);
}
.golang .program-course-button {
  background: transparent;
  color: #FFD3A2;
  border: 1px solid #00D8E3;
}
.unity-animated {
  color: #00ffff; 
  text-shadow: 1px 1px 0 #ffffff, 2px 2px 5px #00ffff;
  animation: glowPulse 1s infinite alternate;
}

@keyframes glowPulse {
  0% {
    text-shadow:
      0 0 5px #00ffff,
      0 0 10px #00ffff,
      0 0 20px #00ffff,
      0 0 40px #00ffff;
  }
  100% {
    text-shadow: none;
  }
}
.unity .program-course-button {
  background: transparent;
  color: #00ffff;
  border: 2px solid #00ffff;
  text-shadow: 1px 1px 0 #ffffff, 2px 2px 5px #00ffff;
  transition: 0.3s;
}
.unity .program-course-button:hover {
  background-color: #00ffff;
  color: #000 !important;
}
.unity .program-course-description, .unity .program-course-title {
  color: #ddd;
}
.program_course_img {
  width: 30%;
  transform: translate(0%, -50%);
  position: absolute;
  top: 50%;
  right: -35px;
}
.web-design .program_course_img,
.frontend .program_course_img {
  width: 36%;
  transform: translate(0%, -50%);
  top: 57%;
  right: -30px;
}
.program_course_img img {
  /* animation: rotate 25s linear infinite; */
}

/* 2 page */
.program__way{
  margin: 150px auto;
}
.program_title_block{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
}
.program_trace-1, .program_trace-2 {
  display: none;
}
.program_trace {
  position: relative;
  border: 2px solid #2351FB;
  width: 87%;
  margin: 50px auto;
}
.program_trace_mob {
  display: none;
}
.ai-course .program_trace {
  width: 83%;
  transform: translate(-30px);  
}
.ai-course.kz .program_trace {
  width: 86%;
  transform: translate(-35px);
}
.ai-course.en .program_trace {
  width: 89%;
  transform: translate(-20px);
}
.graphic-design .program_trace,
.web-design .program_trace {
  width: 85%;
  transform: translate(-15px);
}
.web-design .program_trace {
  border: 2px solid #111AFA;
  width: 85%;
  transform: translate(-15px);
}
.web-design.en .program_trace {
  width: 87%;
  transform: translate(0);
}
.graphic-design .program_trace {
  border: 2px solid #E4650A;
}
.graphic-design.en .program_trace {
  width: 84%;
  transform: translate(-23px);
}
.graphic-design.kz .program_trace {
  width: 86.5%;
  transform: translate(-35px);
}

.android .program_trace { border: 2px solid #00A901; }
.golang .program_trace, .unity .program_trace { border: 2px solid #0A1B2D; }
.frontend .program_trace { border: 2px solid #FF7675; }
.fullstack .program_trace { border: 2px solid #1E2A38; }
.qatesting .program_trace { border: 2px solid #3F51B5; }
.way-title, .way-subtitle {
  font-family: 'Comfortaa', sans-serif;
}
.way-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.way-subtitle {
  font-size: 18px;
  font-weight: 400;
}
.ellipse-img-1, .ellipse-img-2, .ellipse-img-3,
.ellipse-img-4, .ellipse-img-5, .ellipse-img-6 {
  position: absolute;
  transform: translate(-50%, -50%);
}
.ellipse-img-1 {                                    
  left: 0;
  top: -50%;
  transform: translate(-50%, -50%);
}
.ellipse-img-2 {
  left: 22%;
  top: -50%;
  transform: translate(-50%, -50%);
}

.ai-course .ellipse-img-2 {
  left: 25.5%;
}
.ai-course.en .ellipse-img-2 {
  left: 24%;
}
.golang .ellipse-img-2,
.android .ellipse-img-2 {
  left: 23%;
}
.web-design .ellipse-img-2 {
  left: 24%;
}
.web-design.en .ellipse-img-2 {
    left: 25.5%;
}
.graphic-design .ellipse-img-2 {
  left: 24%;
}
.graphic-design.en .ellipse-img-2 {
    left: 19.5%;
}
.graphic-design.kz .ellipse-img-2 {
    left: 22%;
}
.ellipse-img-3 {
  left: 50%;
  top: -50%;
  transform: translate(-50%, -50%);
}
.ai-course .ellipse-img-3, 
.ai-course.en .ellipse-img-3 { left: 52%; }

ai-course.kz .ellipse-img-3, .web-design .ellipse-img-3, 
.graphic-design .ellipse-img-3 {
  left: 50%;
}
.android.kz .ellipse-img-3 { left: 41%; }
.web-design.en .ellipse-img-3 {
  left: 51.5%;
}
.graphic-design.en .ellipse-img-3 {
  left: 39.5%;
}
.graphic-design.kz .ellipse-img-3 {
  left: 49.5%;
}
.ellipse-img-4 {
  left: 77%;
  top: -50%;
  transform: translate(-50%, -50%);
}
.ai-course.kz .ellipse-img-4 { left: 74%; }
.ai-course .ellipse-img-4 { left: 75.2%; }
.android .ellipse-img-4 {
  left: 78.4%;
}
.android.kz .ellipse-img-4 { left: 72.4%; }
.web-design .ellipse-img-4,
.graphic-design .ellipse-img-4 {
  left: 75%;
}
.web-design .ellipse-img-4 {
  left: 75.5%;
}
.graphic-design.en .ellipse-img-4 {
  left: 67%;
}
.graphic-design.kz .ellipse-img-4 {
  left: 73.5%;
}
.golang .ellipse-img-4 {
  left: 78%;
}
.ellipse-img-5 {
  left: 100%;
  top: -50%;
  transform: translate(-50%, -50%);
}
 
/*---------------------------3 page------------------------------*/
.advantages__section {
  width: 1--000px;
  margin: 170px auto;
}
h1.advantages-section-title, h1.reward-section-title {
  margin-bottom: 80px;
  text-align: center;
}
.advantages-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 80px;
  font-family: 'Comfortaa';
  font-size: 18px;
}
.web-design .advantages-section { column-gap: 15px; }
.graphic-design .advantages-section {column-gap: 15px; }
.advantages_block{
  display: grid;
  grid-template-columns: 35px 1fr;
  align-items: center;    
  gap: 25px;
}

.ellipse-num {
  position: relative;
  width: 35px;
  height: 35px;
  background: #2351FB;
  border-radius: 50%;
}
.web-design .ellipse-num { background: #111AFA; }
.graphic-design .ellipse-num { background: #0075FF; }
.android .ellipse-num { background: #00A901; }

.golang .ellipse-num { background: #00D8E3; border: 1px solid #0A1B2D; }
.unity .ellipse-num { background: linear-gradient(145deg, #111111, #000000); }
.frontend .ellipse-num { background: #6C5CE7; }
.fullstack .ellipse-num { background: #FF6B00; }
.qatesting .ellipse-num { background: #1976D2; }
.ellipse-num p{
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}
/* 3 page */

.work-section {
  margin: 160px auto;
  max-width: 1000px;
  text-align: center;
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;
}

.h1-mob { display: none !important; }

.web-design .work-section h1,
.web-design .work-grid {
  background: url('../images/course/web design/background-work-grid.jpg');  
}

.frontend .work-section h1,
.frontend .work-grid {
  background: url('../images/course/web design/background-work-grid.jpg');  
}

/* .web-design .work-grid {
  font-size: 21px;
  font-weight: 300;
} */

.work-grid span.bold { font-size: 24px; } 

.unity .work-grid span.bold { color: #00ffff } 
/* .web-design .work-grid span.bold,
.graphic-design .work-grid span.bold {
  font-size: 24px;
} */

.web-design .work-grid span.small,
.graphic-design .work-grid span.small {
  font-size: 16px;
}

.work-grid p{
  font-size: 21px;
  font-weight: 300;
}

/* .web-design .work-grid p,
.graphic-design .work-grid p{
  font-size: 21px;
  font-weight: 300;
} */

/* .work-grid p { font-size: 18px; } */

.work-section h1, .teacher__study h1{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  background: #6586FF;
  border-radius: 20px;
  margin-bottom: 20px;
  color: #ffffff;
  font-family: 'PTSansCaption', sans-serif;
  font-size: 48px;
}

.work-section img{
  object-fit: contain;
}

.android .work-grid, .android .tab-block, .android .tab-content, .android .work-section h1{ background: #00A901; }
.frontend .tab-block, .frontend .tab-content { background: #6C5CE7; }
.fullstack .work-grid, .fullstack .tab-block, .fullstack .tab-content, .fullstack .work-section h1{ background: #1E2A38; }
.golang .work-grid, .golang .tab-block, .golang .tab-content, .golang .work-section h1{
  background: #0A1B2D;
  color: #FFD3A2;
}
.qatesting .work-grid, .qatesting .tab-block, .qatesting .tab-content, .qatesting .work-section h1 { background: #1976D2; }
.graphic-design .work-section h1,
.graphic-design .work-grid {
  background: url('../images/course/graphic design/graphic-work-grid.png');  
}

.unity .work-section h1, .unity .work-grid { background: url('../images/course/unity/work-grid-unity-2.png'); }
/* .golang .work-grid, .golang .tab-block, .golang .tab-content, .golang .work-section h1 {
    background: #ffd3a236;
    border: 2px solid #00D8E3;
} */

.work-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 205px;
    overflow: hidden;
    background: #6586FF;
    padding: 60px 60px 410px 60px;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
    max-height: 450px;
}

.work-grid.expanded {
    max-height: 1166px;
    gap: 60px;
}

.work_item_block,
.work_hidden_block {
    display: grid;    
    row-gap: 2rem;
    column-gap: 2rem;    
    line-height: 25px;
}

.work_item_block {
  grid-template-columns: 1fr 0.5fr 1fr;
  grid-template-areas:
    "item-1 item-1 item-2"
    "item-3 item-4 item-4"
    "item-5 item-5 item-6";
}

.work_hidden_block {
  grid-template-columns: 1fr 0.5fr 1fr;
  grid-template-areas:
    "item-1 item-2 item-2"
    "item-3 item-3 item-4"
    "item-5 item-6 item-6";
}


.work_hidden_block {
  opacity: 0;
  transition: 1.3s;
}

.work-grid.expanded .work_hidden_block {
  opacity: 1;
}

.work-item.item-1, .work-item.hidden-1{
  grid-area: item-1;
}

.work-item.item-2, .work-item.hidden-2{
  grid-area: item-2;
}
.work-item.item-3, .work-item.hidden-3{
  grid-area: item-3;
}
.work-item.item-4, .work-item.hidden-4{
  grid-area: item-4;
}
.work-item.item-5, .work-item.hidden-5{
  grid-area: item-5;
}

.work-item.item-6, .work-item.hidden-6{
  grid-area: item-6;
}

/* .android .work-item.item-2, .android .work-item.hidden-4, .android .work-item.item-3,
.android .work-item.hidden-1, .android .work-item.hidden-5, .android .work-item.item-6,
.python .work-item.item-2, .python .work-item.hidden-4, .python .work-item.item-3,
.python .work-item.hidden-1, .python .work-item.hidden-5, .python .work-item.item-6
{
    background-size: cover;
} */

.work-item {
  background-size: cover !important;
}

.android .work-item.item-2, .android .work-item.hidden-4  { background-image: url(../images/course/android/work-grid-dashed-green-1.png); }
.android .work-item.item-3, .android .work-item.hidden-1, .android .work-item.hidden-5  {
  background-image: url('../images/course/android/work-grid-dashed-green-2.png');
}
.android .work-item.item-6{ background-image: url('../images/course/android/work-grid-dashed-green-3.png'); }

.python .work-item.item-2, .python .work-item.hidden-4 { background-image: url(../images/course/python/work-grid-dashed-python-1.png); }
.python .work-item.item-3, .python .work-item.hidden-1, .python .work-item.hidden-5  {
  background-image: url('../images/course/python/work-grid-dashed-python-2.png');
}
.python .work-item.item-6{ background-image: url('../images/course/python/work-grid-dashed-python-3.png'); }

.web-design .work-item.item-2, .web-design .work-item.hidden-4 {
  background-image: url('../images/course/web design/work-pink-dashed-web-design-1.png');
}
.web-design .work-item.item-3, .web-design .work-item.hidden-1, .web-design .work-item.hidden-5  {
  background-image: url('../images/course/web design/work-pink-dashed-web-design-2.png');
}
.web-design .work-item.item-6 { background-image: url('../images/course/web design/work-pink-dashed-web-design-3.png'); }

.graphic-design .work-item.item-2, .graphic-design .work-item.hidden-4  {
    background-image: url('../images/course/graphic design/work-orange-grid-dashed-graphic-design-1.png');
}
.graphic-design .work-item.item-3, .graphic-design .work-item.hidden-1, .graphic-design .work-item.hidden-5  {
  background-image: url('../images/course/graphic design/work-orange-grid-dashed-graphic-design-2.png');
}
.graphic-design .work-item.item-6{ background-image: url('../images/course/graphic design/work-orange-grid-dashed-graphic-design-3.png'); }

.golang .work-item.item-2, .golang .work-item.hidden-4 { background-image: url('../images/course/Golang/work-grid-dashed-golang-1.png'); }
.golang .work-item.item-3, .golang .work-item.hidden-1, .golang .work-item.hidden-5  {
  background-image: url('../images/course/Golang/work-grid-dashed-golang-2.png');
}
.golang .work-item.item-6 { background-image: url('../images/course/Golang/work-grid-dashed-golang-3.png'); }

.unity .work-item.item-2, .unity .work-item.hidden-4 { background-image: url('../images/course/unity/work-grid-dashed-unity-1.png'); }
.unity .work-item.item-3, .unity .work-item.hidden-1, .unity .work-item.hidden-5  {
  background-image: url('../images/course/unity/work-grid-dashed-unity-2.png');
}
.unity .work-item.item-6 { background-image: url('../images/course/unity/work-grid-dashed-unity-3.png'); }

.frontend .work-item.item-2, .frontend .work-item.hidden-4  {
  background-image: url('../images/course/frontend/work-grid-dashed-frontend-1.png');
}

.frontend .work-item.item-3, .frontend .work-item.hidden-1, .frontend .work-item.hidden-5  {
  background-image: url('../images/course/frontend/work-grid-dashed-frontend-2.png');
}

.frontend .work-item.item-6 { background-image: url('../images/course/frontend/work-grid-dashed-frontend-3.png'); }

.fullstack .work-item.item-2, .fullstack .work-item.hidden-4 { background-image: url('../images/course/fullstack/work-grid-dashed-fullstack-1.png'); }
.fullstack .work-item.item-3, .fullstack .work-item.hidden-1, .fullstack .work-item.hidden-5  {
  background-image: url('../images/course/fullstack/work-grid-dashed-fullstack-2.png');
}
.fullstack .work-item.item-6 { background-image: url('../images/course/fullstack/work-grid-dashed-fullstack-3.png'); }

.qatesting .work-item.item-2, .qatesting .work-item.hidden-4 {
  background-image: url('../images/course/qatesting/work-grid-dashed-qatesting-1.png');
}
.qatesting .work-item.item-3, .qatesting .work-item.hidden-1, .qatesting .work-item.hidden-5  {
  background-image: url('../images/course/qatesting/work-grid-dashed-qatesting-2.png');
}
.qatesting .work-item.item-6 { background-image: url('../images/course/qatesting/work-grid-dashed-qatesting-3.png'); }

.work-item {
  background: #ffffff;
  /* box-shadow: 0 0 10px 7px #64616140; */
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 15px;
}

.golang .work-item {
  background: transparent;
  color: #FFD3A2;
  border: 1px solid #00D8E3;
}

.unity .work-item {
  background: transparent;
  color: #fff;
  border: 1px solid #00ffff;
}

.work-item h3 {
  margin: 0 0 10px;
}

  /* .work-item .hidden-1, .work-item .hidden-4,
  .work-item .hidden-5 {
    padding: 15px;
  } */

/* @keyframes slide-in {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
} */

.toggle-work-button-ru, .toggle-work-button-kk, .toggle-work-button-en{
  font-family: comfortaa;
  font-size: 25px;
  position: absolute;
  bottom: 72px;
  left: 50%;
  transform: translate(-50%, 0%);
  padding: 15px 100px;
  background-color: transparent;
  color: white;
  border: 3px solid #fff;
  cursor: pointer;
  border-radius: 5px;
}

.golang .toggle-work-button {
  color: #FFD3A2;
  border: 3px solid #00D8E3;
}

.show-more-button {
  margin-top: 10px;
  padding: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
/* Общие стили для кнопок переключения */
/* Общий стиль для кнопок FAQ и Program */
/* Общий стиль для кнопок FAQ и Program */

.faq {
  position: relative;
  margin: 0 auto;
  z-index: 0;
}

.graphic-design .faq::before,
.web-design .faq::before {
    content: "";
    position: absolute;
    top: -7%;
    left: -66%;
    width: 100%;
    height: 100%;
    background-image: url('../images/course/web design/circul-full.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
    z-index: -1;
}



/* .program {
    margin: 160px auto;
} */

.program, .faq {
  max-width: 1000px;
  margin: 0 auto;
  font-family: 'Comfortaa', sans-serif;
}
.graphic-design .faq, .web-design .faq, .android .faq, .unity .faq{
  margin-bottom: 160px;
}
.ai-course .faq, .ai-course.kz .faq, .ai-course.en .faq, .special-offer-block {
  margin: 160px auto !important;
}
.program h1, .faq h1, .tariffs h1, .trial__lesson h1 {
  text-align: center;
  margin-bottom: 3rem;
  font-size: 48px;
  font-weight: 600;
}
.trial__lesson h1, .h1.reward-section-title {
  font-family: 'Comfortaa', sans-serif !important;
}
.faq-toggle, .program-toggle {
cursor: pointer;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 15px 0;
  padding: 18px 40px;
  background-color: #ffffff;
  border: 1px solid #fff;
  border-radius: 15px;
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s;
  font-family: 'Comfortaa', sans-serif;
  box-shadow: 0px 0px 4px 4px #64616140;
}

.faq-toggle.active, .program-toggle.active {
  margin: 0;
  /* border-top: 1px solid #6586FF;
  border-bottom: 1px solid #6586FF;
  border-width: 25px 35px 25px 35px; */
  border-bottom: 1px solid #F26419;
  border-width: 0 0 1px 50px;
  font-size: 21px;
  font-weight: 700;
  color: #F26419;
  border-radius: 0;
}

.web-design .faq-toggle.active, .web-design .program-toggle.active {
  border-bottom: 1px solid #EA50B2;
  color: #EA50B2;
}

.graphic-design .faq-toggle.active, .graphic-design .program-toggle.active {
  border-bottom: 1px solid #E4650A;
  color: #E4650A;
}

.android .faq-toggle.active, .android .program-toggle.active {
  border-bottom: 1px solid #FFCC00;
  color: #FFCC00;
}

.unity .faq-toggle.active, .unity .program-toggle.active {
  border-bottom: 1px solid #00ffff;
  color: #000;
}

.golang .faq-toggle.active, .golang .program-toggle.active {
  border-bottom: 1px solid #00D8E3;
  color: #00D8E3;
}

.frontend .faq-toggle.active, .frontend .program-toggle.active {
  border-bottom: 1px solid #FF7675;
  color: #FF7675;
}

.fullstack .faq-toggle.active, .fullstack .program-toggle.active {
  border-bottom: 1px solid #FF6B00;
  color: #FF6B00;
}

/* Иконки переключения */
.icon {
  font-size: 39px;
  color: #6586FF;
  transition: all 0.4s ease;
}
.android .icon { color: #00A901; }
.web-design .icon { color: #111AFA; }
.graphic-design .icon { color: #0075FF; }
.unity .icon { color: #000; }
.golang .icon { color: #0A1B2D; }
.frontend .icon { color: #6C5CE7; }
.fullstack .icon { color: #1E2A38; }

.faq-toggle.active .icon, .program-toggle.active .icon {
  transform: rotate(45deg); /* Анимация для смены + на - */
  color: #F26419;
}

.web-design .faq-toggle.active .icon, .web-design .program-toggle.active .icon { color: #EA50B2; }

.graphic-design .faq-toggle.active .icon, .graphic-design .program-toggle.active .icon { color: #F26419; }

.android .faq-toggle.active .icon, .android .program-toggle.active .icon { color: #FFCC00; }
.unity .faq-toggle.active .icon, .unity .program-toggle.active .icon { color: #111; }
.golang .faq-toggle.active .icon, .golang .program-toggle.active .icon { color: #00D8E3; }
.frontend .faq-toggle.active .icon, .frontend .program-toggle.active .icon { color: #FF7675; }
.fullstack .faq-toggle.active .icon, .fullstack .program-toggle.active .icon { color: #FF6B00; }
/* Содержимое скрытое по умолчанию */
.faq-content, .program-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  padding: 0 10px;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 4px 16px #64616140, 0 -4px 35px transparent;
}

.web-design .program-content,
.graphic-design .program-content {
  position: relative;
} 

/* .web-design .program-img-1::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../images/course/web design/callofduty.png') no-repeat right/contain;
    z-index: 1;
}

.web-design .program-img-4::before {
    content: "";
    position: absolute;
    bottom: -45px;
    right: 0;
    background: url('../images/course/web design/zvezdochka.png') no-repeat right/contain;
    z-index: 1;
} */
    /* animation: fadeIn 0.3s ease-in-out forwards; */

.program-img-1, .program-img-2,
.program-img-3, .program-img-4 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.web-design .program-img-1 { background-image: url('../images/course/web design/callofduty.png'); }
.web-design .program-img-4 { background-image: url('../images/course/web design/zvezdochka.png'); }

.graphic-design .program-img-1 { background-image: url('../images/course/graphic design/robot.png'); }
.graphic-design .program-img-2 { background-image: url('../images/course/graphic design/zhizha.png'); }
.graphic-design .program-img-3 { background-image: url('../images/course/graphic design/flowers.png'); }
.graphic-design .program-img-4 { background-image: url('../images/course/graphic design/zvezdochka.png'); }

.program-text-content {
  padding: 50px;
  color: #000000;
  font-family: 'Comfortaa', sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.web-design .program-text-content,
.graphic-design .program-text-content {
  line-height: 1.7;
}

.web-design .program-content li{
  list-style: none;
  color: #1A46AE;
}

.graphic-design .program-content li{
  list-style: none;
  color: #0075FF;
}

/* .golang .program-content li{
  list-style: none;
  color: #1A46AE;
} */

.web-design .program-mini-content_block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.web-design .program-mini-content p {
  width: 150px;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 20px;
  color: #EA50B2;
  border-radius: 30px;  
  border: 1px solid #EA50B2;
}

.web-design .bold-fs {
  font-size: 18px;
  font-weight: 600;
}


/*-----------------------------------*\
        Преподаватель курса
\*-----------------------------------*/
.teacher__study {
  /* margin: 0 auto;
  margin-top: 160px;
  max-width: 1000px; */
  
  /* border: 3px solid ##00A901;
  border-radius: 20px;
  padding: 60px 0; */
}

/* .teacher__block {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 90px;
}

.teacher__study h1, .teacher__block_text {
  background: linear-gradient(to bottom, #ffa500, #FFcc00);
  font-family: 'Comfortaa', sans-serif;
}
.teacher__study h1 {
  color: #000;
  font-size: 42px;  
}
.unity .teacher__study h1, .unity .teacher__block_text {
  background: url('../images/course/unity/work-grid-unity-2.png');
}
.teacher__block-img, .teacher__block-img img, .teacher__block_text {
  border-radius: 20px;
  transition: all 0.4s ease-in-out;
}

.teacher__block-img:hover {
  transform: scale(1.1);
}
.teacher__block_text:hover {
  width: 100%;
  transform: skewX(-10deg) translateX(-216px);
}

.teacher__block_text  {
  width: 70.5%;
  transform: skewX(-10deg) translateX(-30px);
  padding: 70px 90px;
  color: #000;
  font-size: 21px;
  line-height: 35px;
  overflow: hidden;
}

h2.teacher_text-title {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 2rem;
}
.unity h2.teacher_text-title {
  color: #DE6E4B;
  font-size: 1.5em;
  margin-bottom: 2rem;
}
.unity .teacher__study h1, .unity .teacher__block_text  {
  color: #fff;
} */


.teacher__study {
  margin: 0 auto;
  margin-top: 160px;
  max-width: 1000px;
}

.teacher__block {
  position: relative; /* Для позиционирования внутренних блоков */
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 90px;
}

.teacher__study h1, .teacher__block_text {
  background: linear-gradient(to bottom, #ffa500, #FFcc00);
  font-family: 'Comfortaa', sans-serif;
}

.teacher__study h1 {
  color: #000;
  font-size: 42px;
}

.unity .teacher__study h1, .unity .teacher__block_text {
  background: url('../images/course/unity/work-grid-unity-2.png');
  color: #fff;
}

.teacher__block-img, .teacher__block-img img {
  border-radius: 20px;
  transition: transform 0.4s ease-in-out;
}

.teacher__block-img:hover {
  /* transform: scale(1.1); */
}

.teacher__block-front,
.teacher__block-back {
  height: 100%;
  padding: 57px 90px;
  box-sizing: border-box;
  color: #000;
  font-size: 21px;
  line-height: 35px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; 
  transform: skewX(-10deg) translateX(-30px); 
  border-radius: 20px;
}

.teacher__block-back {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transform: skewX(-10deg) translateX(-216px); 
}

.teacher__block:hover .teacher__block-front {
  opacity: 0;
  pointer-events: none;
  transform: skewX(-10deg) translateX(-216px); 
}

.teacher__block:hover .teacher__block-back {
  opacity: 1;
  pointer-events: auto;
  transform: skewX(-10deg) translateX(-30px);
}

h2.teacher_text-title, .teacher__block-back h3 {
  color: #000;
  /* font-size: 1.5em; */
  margin-bottom: 2rem;
}

.teacher__block-media h3, .teacher__block-images h3 { margin-bottom: 10px; }

.teacher__block-media {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.block_back-media { display: flex; gap: 20px;
}

.media_block { display: flex; flex-direction: column; }

.unity h2.teacher_text-title, .unity .teacher__block-back h2 {
  /* color: #DE6E4B; */
  /* font-size: 1.5em; */
  /* margin-bottom: 2rem; */
}

.unity h2.teacher_text-title, .unity .teacher__block-back h2 { color: #00ffff; margin-bottom: 2rem; }

.unity .teacher__study h1, .unity .teacher__block_text, .unity .teacher__block-back p {
  color: #fff;
}

/* .unity .teacher__block-back h3 { color: #DE6E4B; } */
.unity .teacher__block-back h3 { color: #00ffff; }

.teacher_text-inform {
  list-style: none;
  padding: 0;
  margin: 0;
}

.teacher_text-inform li {
  margin-bottom: 8px;
}

/* Стили для контента в .teacher__block-back */
/* .teacher__block-back h2 {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 1rem;
}
 */
.teacher__block-back p {
  color: #000;
  margin-bottom: 1.5rem;
}

.teacher__block-back button {
  display: none;
  padding: 10px 20px;
  background-color: #eee;
  color: #333;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1em;
}

/*-----------------------------------*\
            Формат обучения
\*-----------------------------------*/

.tab-container {
  margin: 160px auto;
  max-width: 1000px;
  text-align: center;
}
.tab-block {  
  padding: 60px 0;
  background: #6586FF;
  border-radius: 20px;
  margin-bottom: 2rem;
}
.unity .tab-block, .unity .tab-content {
  background-image: url('../images/course/unity/work-grid-unity-2.png');
  color: #ddd;
}
.graphic-design .tab-block {
  position: relative;
  background-image: url('../images/course/graphic design/format-banner.png');  
}
.unity #tab-1, .unity .teacher__block_text {
  background-size: cover;
}
.graphic-design .tab-block-img {
  position: relative;
  z-index: 2;
}

.graphic-design .tab-block::after {
  content: "";
  position: absolute;
  top: -30%;
  right: -7%;
  width: 200px;
  height: 200px;
  background: url('../images/course/graphic design/raketa.png') no-repeat center / contain;
  animation: fadeIn 0.3s ease-in-out forwards;
}

.graphic-design .tab-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url('../images/course/graphic design/options.png') no-repeat;
  background-size: contain;
  z-index: 1;
}
.web-design .tab-block,
.web-design .tab-content {
  background: #111AFA;
}
.tab-block h1, .project-block h1 {
  margin-bottom: 3rem;
  font-size: 48px;
  color: #fff;
  font-weight: 600;
}
.golang .tab-block h1, .golang .project-block h1 { 
  color: #fff;
}
.unity .tab-block h1, .unity .project-block h1 {
  color: #ddd;
}
.tab-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.tab-button, .tab-button-kz, .tab-button-en {
  width: 215px;
  padding: 15px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 15px;
  cursor: pointer;
  color: #ffffff;
  font-weight: 600;
  font-size: 17px;
}
.tab-button.active {
  background: #ffffff;
  color: #6586FF;
}
.unity .tab-button.active {
  background: transparent;
  border: 2px solid #00ffff;
  color: #00ffff;
}
.unity .tab-button { border: 2px solid #ddd; }

.graphic-design .tab-button.active {
  color: #0075FF;
}

.golang .tab-button.active {
  color: #00D8E3;
}

.android .tab-button.active{
  color: #00A901;
}

.tab-content {
  display: none;
  padding: 65px 35px;
  border: 1px solid #ddd;
  background: #6586FF;
  border-radius: 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
  color: #ffffff;
}
.graphic-design #tab1,
.graphic-design #tab2 {
  position: relative;
}
.graphic-design .tab-content {
  background: #0075FF;
}
.tab-content.active {
  display: block;
}
.tab-button.disabled, .tab-button-kz.disabled, .tab-button-en.disabled {    
  background-color: transparent;
  color: #CBCBCB;
  border: 2px solid #CBCBCB;
  cursor: not-allowed;
  /* pointer-events: none; */
  transition: 0.6s;
}

.tab-button.disabled:hover, .tab-button-kz.disabled:hover, .tab-button-en.disabled:hover {
  border: 2px solid #DE6E4B;
  color: #ffffff;
}

.online_block, .individual_block {
  display: flex;
  gap: 35px;
}

.graphic-design .online_block {
  gap: 64px;
}

.graphic-design .online_block, .graphic-design .individual_block {
  position: relative;
  z-index: 2;
}

.online-block-img, .individual-block-img {
  width: 40%;
  background-image: url('../images/background-dashed.png');
  background-size: cover;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.graphic-design .online-block-img, .graphic-design .individual-block-img {
  background-image: none;
}

.fullstack .online-block-img, .fullstack .individual-block-img {
  background-image: url('../images/course/fullstack/format-dashed-fullstack.png');
  background-color: transparent;
}

.graphic-design #tab1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/course/graphic design/circul-s-bumagoy.png') no-repeat;
  background-size: contain;
  z-index: 1;
  opacity: 0.4;
}

.graphic-design #tab2::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('../images/course/graphic design/da-vinci.png') no-repeat;
  background-size: contain;
  background-position: right;
  z-index: 1;
  opacity: 0.8;
}

.android .online-block-img, .android .individual-block-img {
  background-image: url('../images/course/android/background-dashed-green.png');
  background-color: #fff;
}
.online-block-text, .individual-block-text {  
  width: 60%;
  text-align: left;
  font-family: 'Comfortaa', sans-serif;
}

.p-center {
  margin: 35px 0;  
}

.p-center-ind {
  margin: 20px 0;  
}

span.orange {
  color: #DE6E4B;
}

.android span.orange {
  color: #ffcc00;
}

.frontend span.orange {
  color: #FF7675;
}

.fullstack span.orange {
  color: #FF6B00;
}

.graphic-design span.orange {
  color: #0075FF;
}

.graphic-design .tab-button.active span.orange {
  color: #E4650A;
}

.graphic-design .online-block-text span.orange, .graphic-design .individual-block-text span.orange{
  color: #FFC9A2;
}

span.bold {
  font-weight: 600;
}

.golang span.orange {
  color: #FFD3A2;
}

/* pricing__section */

.pricing__section {
  position: relative;
  width: 1000px;
  margin: 150px auto;
}

.pricing-section-title {
  background: #6586FF;
  width: 1000px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  font-size: 48px;
  color: #fff;
  margin-bottom: 2rem;
}

.pricing_flex_section {
  display: flex;            
  gap: 2rem;
}

.pricing-container {
  /* width: 30%; */
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: left;
  /* margin: 20px auto; */
  /* max-width: 800px; */            
}
        
.pricing-button {
  padding: 10px 20px;
  border: 1px solid #ddd;
  background-color: #6586FF;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

.bottom-content {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 5px;
}

.bottom-content.active {
  display: block;
}

.pricing-content {
  /* width: 70%; */
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.price-content {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-around;
  background-color: #6586FF;
  background-image: url('..image/lorem/line/png');
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;   
  margin-bottom: 1rem;
}
.set {
  color: #fff;
}
.time {
  padding: 20px 15px;
  background: rgba(255, 255, 255, 0.6);
  color: #E4650A;
}

.request {
  background: #E4650A;
  color: #fff;
}
        
.pricing-description {
  width: 100%;
  border-radius: 5px;
}

.description-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas:      
    'block1 block2'
    'block3 block3';
  grid-template-rows: 70px;
  background-color: #6586FF;
  background-image: url('..images/lorem/lorem/lorem.png');
}
.desc-text-block {
  grid-area: block1;
}
.desc-img-block {
  grid-area: block2;
}
.progress-bar-container {
  grid-area: block3;
}
.progress-container {
  margin-bottom: 20px;
}

/* .progress-bar-container {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.progress-bar {
    width: 0;
    height: 10px;
    background-color: #4caf50;
    margin-right: 10px;
    transition: width 1s ease;
} */

/* Градиенты для прогресс-баров */
.progress-bar {
  height: 10px;
  width: 0%;
  border-radius: 5px;
  transition: width 5s ease-in-out; /* Анимация на 5 секунд */
  background: linear-gradient(to right, #FFB400, #E4650A); /* Оранжево-желтый градиент */
}

/* Стиль для всех прогресс-баров, которые не заполняются полностью */
.progress-bar-wrapper {
  width: 75%; /* Ограничиваем максимальное заполнение 75% */
  background: #e0e0e0; /* Серый фон для пустого места */
  border-radius: 5px;
  padding: 5px;
}
h4 {
  margin-bottom: 5px;
}

/* 5 page */
.tariffs {
  max-width: 1100px;
  margin: 160px auto;
  overflow: hidden;
}

.tariffs__section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  font-family: 'Comfortaa', sans-serif;
  color: #fff;
  padding: 20px;
}
.web-design .tariffs__section {
  color: #000;
}
.golang .tariffs__section {
  color: #FFD3A2;
}
.unity .tariffs__section, .android .tariffs__section, .frontend .tariffs__section, .fullstack .tariffs__section { padding: 33px; }

.tarif-start_block,  .tarif-next_block{
  position: relative;
  height: 541px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 40px 0;  
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

.tarif-start_block, .tarif-next_block {
  background: linear-gradient(to bottom, #508C42, #98FB98);
  box-shadow: 0px 0px 4px 4px #64616140;
  border-radius: 30px;
}

.graphic-design .tarif-start_block, .graphic-design .tarif-next_block {
  background: url('../images/course/graphic design/graphic-design-banner.png');
  background-size: cover;
  border-radius: 70px;
  transition: transform 0.3s ease-in-out;
}

.graphic-design .tarif-start_block:hover, .graphic-design .tarif-next_block:hover {
  background: url('../images/course/graphic design/graphic-design-banner.png');
  background-size: cover;
  border-radius: 70px;
  box-shadow: 0px 0px 4px 4px #64616140;
}

.android .tarif-start_block {
  background: linear-gradient(to bottom, #ffa500, #FFcc00);
  color: #000;
  transition: 0.3s ease-in-out;
}
.android .tarif-next_block {
  /* background: linear-gradient(to bottom, #3FAF4D 0%, #C0E8A7 100%); */
  background: linear-gradient(to bottom, #508C42, #98FB98);
  transition: 0.3s ease-in-out;
}
.android .tarif-start_block:hover, .android .tarif-next_block:hover {  
  box-shadow: 0px 0px 4px 4px #64616140;
}
.android .tarif-start_block .cash-button:hover, .android .tarif-next_block .cash-button:hover {  
  background: transparent;
}
/* .android .tarif-next_block:hover .cash-button {  
  background: transparent;
} */
.web-design .tarif-start_block, .web-design .tarif-next_block {
  background: linear-gradient(180deg, #f8bfc9 0%, #fce6a8 100%); 
  transition: background 0.3s ease-in-out;
}

.web-design .tarif-start_block:hover, .web-design .tarif-next_block:hover {
  background: linear-gradient(180deg, #f48ca4 0%, #fce4b8 100%);
  box-shadow: 0px 0px 4px 4px #64616140;
}

.unity .tarif-start_block, .unity .tarif-next_block {
  background-image: url('../images/course/unity/work-grid-unity-2.png'); 
  color: #ddd;
  transition: 0.3s ease-in-out;
}

.unity .tarif-start_block:hover, .unity .tarif-next_block:hover {
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #00ffffaa;
}

.android .tarif-start_block:hover {
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #ffcc00;
}

.android .tarif-next_block:hover {
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #00A901;
}

.frontend .tarif-start_block, .frontend .tarif-next_block {
  box-shadow: 0px 0px 4px 4px #64616140;
  border-radius: 30px;
}
.frontend .tarif-start_block { background: #ff7675c9; }
.frontend .tarif-next_block { background: #6C5CE7; }
.frontend .tarif-start_block:hover {
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #ff9999aa;
}
.frontend .tarif-next_block:hover {
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #8473ff88;
}
.fullstack .tarif-start_block, .fullstack .tarif-next_block {  
  box-shadow: 0px 0px 4px 4px #64616140;
  border-radius: 30px;
}
.fullstack .tarif-start_block { background: #ff6b00c9; }
.fullstack .tarif-next_block { background: #1E2A38; }
.fullstack .tarif-start_block:hover {
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #ff8533aa;
}
.fullstack .tarif-next_block:hover {
  color: #fff;
  transform: scale(1.04);
  box-shadow: 0 0 15px 10px #2c3a4e88;
}
.qatesting .tarif-start_block, .qatesting .tarif-next_block {
  height: 600px;
  background: #1976D2;
}

.qatesting .tarif-start_block {
  background: #3F51B5;
}

.graphic-design .tarif-start_block:hover::before,
.graphic-design .tarif-next_block:hover::before {
  content: "";
  position: absolute;
  top: -75px;
  width: 100px;
  height: 100px;
  background: url('../images/course/graphic design/kist.png') no-repeat center/contain;
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out forwards;
}

.web-design .tarif-start_block:hover::before,
.web-design .tarif-next_block:hover::before {
  content: "";
  position: absolute;
  top: -45px;
  right: -4%;
  width: 100px;
  height: 100px;
  background: url('../images/course/web design/diamond.png') no-repeat center/contain;
  opacity: 0;
  animation: fadeIn 0.2s ease-in-out forwards;
}

/* .android .tarif-start_block:hover::before,
.android .tarif-next_block:hover::before {
  content: "";
  position: absolute;
  top: -65px;
  width: 100px;
  height: 100px;
  background: url('../images/course/android/android-logo.png') no-repeat center/contain;
  opacity: 0;
  animation: fadeIn 0.3s ease-in-out forwards;
} */

.golang .tarif-start_block:hover::before,
.golang .tarif-next_block:hover::before {
  content: "";
  position: absolute;
  top: -75px;
  width: 100px;
  height: 100px;
  background: url('../images/course/Golang/golang-card.png') no-repeat center/contain;
  opacity: 0;
  animation: fadeIn 0.2s ease-in-out forwards;
}
.golang .tarif-start_block:hover::before {
  width: 85px;
  height: 85px;
  background: url('../images/course/Golang/golang-card-2-2.png') no-repeat center/contain;
}
/* .android .tarif-start_block:hover::before {
  left: -15px;
}

.android .tarif-next_block:hover::before {
  right: -15px;
}
 */
.graphic-design .tarif-start_block:hover::before {
  left: 20px;
}

.graphic-design .tarif-next_block:hover::before {
  right: -10px;
}

.golang .tarif-start_block:hover::before {
  /* left: -20px; */
  left: 0;
}

.golang .tarif-next_block:hover::before {
  right: -20px;
}

.golang .tarif-start_block, .golang .tarif-next_block {
  box-shadow: 0px 0px 4px 4px #64616140;
  transition: all 0.3s ease-in-out;
}
.golang .tarif-start_block { background: #FFD3A2; color: #0a1b2d; }
.golang .tarif-next_block { background: #0a1b2d; }
.golang .tarif-start_block:hover, .golang .tarif-next_block:hover {
  outline: 3px solid #00D8E3;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* .android .tarif-start_block:hover, */
.graphic-design .tarif-start_block:hover,
.golang .tarif-start_block:hover {
  transform: rotateZ(-3deg); 
}

/* .android .tarif-next_block:hover, */
.graphic-design .tarif-next_block:hover,
.golang .tarif-next_block:hover {
  transform: rotateZ(3deg);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.tarif-start_block ul,  .tarif-next_block ul {
  width: 80%;
  line-height: 2.5;
}

.golang .tarif-start_block ul, .golang .tarif-next_block ul { width: 82%; }

.android .tarif-start_block ul, .android .tarif-next_block ul { width: 90%; line-height: 2.1; }

.frontend .tarif-start_block ul, .frontend .tarif-next_block ul { width: 85%; }

.fullstack .tarif-start_block ul, .fullstack .tarif-next_block ul { width: 85%; }

.tariffs__section ul>li, .tarif-next_block ul>li{
  /* list-style-image: url('../images/course/android/bird.svg'); */
  list-style-image: none;
  list-style-type: none;
  padding-left: 30px;
  background-image: url('../images/course/android/bird.svg');
  background-repeat: no-repeat;
  background-position: left center; 
  background-size: 21px 21px; 
}

.web-design .tariffs__section ul>li{
  background-image: url('../images/course/web design/bird-blue.svg');
}
.web-design .tarif-next_block ul>li{
  background-image: url('../images/course/symbols/plus-blue.png');
}
.web-design .tarif-next_block ul li:first-child{
  background-image: url('../images/course/web design/bird-blue.svg');
}
.android .tariffs__section ul>li {
  background-image: url('../images/course/android/bird.svg');
}
.android .tarif-next_block ul>li {
  background-image: url('../images/course/symbols/plus-yellow-white.svg');
  background-size: 25px 25px;
}
.android .tarif-next_block ul li:first-child {
  background-image: url('../images/course/symbols/bird-yellow.svg');
  background-size: 21px 21px;
  transform: translateX(2px);
}
.tarif-next_block ul>li {
  background-image: url('../images/course/symbols/plus-green.png');
}
.tarif-next_block ul li:first-child {
  background-image: url('../images/course/android/bird.svg');
}


.tariffs__section ul>li.li-long, .tarif-next_block ul>li.li-long {
  background-position: left 8.5px; 
}

.android .tariffs__section ul>li.li-long {
  background-position: left 4.5px;
}
.adnroid .tarif-next_block ul>li.li-long {
  background-position: left 2.5px;
}

/* .seats-left {
  font-size: 14px;
  color: #333;
  margin: 4px 0;
  transition: color 0.3s ease-in-out;
}

.seats-left strong {
  color: #e63946;
  font-weight: bold;
}

.seats-left:active {
  color: #ff5733;
} */

.course-info {
    /* text-align: left; */
    font-size: 16px;
    /* margin-top: 1rem; */
    padding: 1rem 3rem;
    /* background: #f8f9fa; */
    border-radius: 8px;
    border: 2px solid;
    box-shadow: 0 16px 16px rgba(0, 0, 0, 0.05);
}
.course-info p {
  margin: 0.5rem 0;
  font-weight: 500;
}
.course-info strong {
  color: #d9230f;
}

.cash {
  font-size: 36px;
  /* margin: -2rem 0; */
}
/* .ul-cash {
  margin-bottom: 2.5rem;
} */

.cash-block {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.qatesting .tarif-next_block .cash-block {
  position: relative;
  transform: translate(-50%, 0%);
  text-align: center;
  margin-top: 35px;
  margin-bottom: 10px;
}
.qatesting .tarif-next_block .course-info{
  text-align: center;
  padding: 1rem 3.5rem;
}
.qatesting .tarif-next_block .course-info .cash-block p {
  margin: 0;
}
.qatesting .tarif-start_block .cash-button {
  background: #1976D2;
  color: #fff;
  border: 3px solid #1976D2;
  transition: all 0.2s ease-in-out;
}
.qatesting .tarif-next_block .cash-button {
  background: #3F51B5;
  color: #fff;
  border: 3px solid #3F51B5;
  transition: all 0.2s ease-in-out;
}
.qatesting .tarif-start_block .cash-button:hover, .qatesting .tarif-next_block .cash-button:hover {
  background: transparent;
}
.android .cash-block {
  bottom: -20px;
}

.cash-button {
  width: 300px;
  padding: 15px 20px;
  border-radius: 20px;
  font-size: 24px;
  cursor: pointer;
}

.android .tarif-start_block .cash-button, .android .tarif-next_block .cash-button {
  position: relative;
  background: #00A901;
  border: 2px solid #00A901;
  color: #fff;
  transition: all 0.4s;
}

/* .android .tarif-next_block .cash-button {    
  background: #ffcc00;    
  border: 3px solid #ffcc00;    
  color: #fff;    
} */
.web-design .cash-button {
  background: #476FFF;
  border: 3px solid #476FFF;
  color: #fff;
  transition: all 0.4s;
}
.web-design .cash-button:hover {
  background: transparent;
  color: #476FFF;
}
.golang .tarif-start_block .cash-button, .golang .tarif-next_block .cash-button {  
  background: transparent;
  transition: all 0.4s;
}
.golang .tarif-start_block .cash-button {    
  background: #0a1b2d;  
  border: 2px solid #0a1b2d;   
  color: #FFD3A2;
}
.golang .tarif-next_block .cash-button {    
  background: #FFD3A2;
  border: 2px solid #FFD3A2;   
  color: #0a1b2d;    
}

.golang .tarif-start_block:hover .cash-button { transform: rotateZ(3deg); }
.golang .tarif-next_block:hover .cash-button { transform: rotateZ(-3deg); }
.golang .tarif-start_block:hover .cash-block > p.cash { transform: rotateZ(3deg); }
.golang .tarif-next_block:hover .cash-block > p.cash { transform: rotateZ(-3deg); }

.fullstack .tarif-start_block .cash-button, .fullstack .tarif-next_block .cash-button {
  background: transparent;
  color: #fff;  
  transition: all 0.4s;
}
  
.fullstack .tarif-start_block .cash-button {    
  border: 2px solid #1E2A38;
  color: #1E2A38;
}
.fullstack .tarif-next_block .cash-button {    
  border: 2px solid #ff6b00c9;
  color: #ff6b00c9;
}
.fullstack .tarif-start_block:hover .cash-button {    
  background: #1E2A38;
  color: #fff;
}
.fullstack .tarif-next_block:hover .cash-button {    
  background: #ff6b00c9;
  color: #fff;
}

.unity .cash-button { 
  position: relative;
  background: transparent;    
  border: 2px solid #ddd;    
  color: #ddd;    
  transition: all 0.4s;
}

.unity .tarif-start_block:hover .cash-button, .unity .tarif-next_block:hover .cash-button {    
  border: 2px solid #00ffff; 
  color: #00ffff;
}
.unity .tarif-start_block:hover .cash-button, .android .tarif-start_block:hover .cash-button { transform: rotateZ(-3deg); }
.unity .tarif-next_block:hover .cash-button, .android .tarif-next_block:hover .cash-button { transform: rotateZ(3deg); }
.unity .cash-button::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 40%;
  width: 70px;
  height: 70px;
  background: url('../images/course/unity/gamepad.png') no-repeat center / contain;
  opacity: 0;
  transition: 0.25s;
  /* animation: fadeIn 0.2s ease-in-out forwards; */
}
.android .cash-button::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 40%;
  width: 70px;
  height: 70px;
  background: url('../images/course/android/android-logo.png') no-repeat center/contain;
  opacity: 0;
  transition: 0.25s;
  /* animation: fadeIn 0.2s ease-in-out forwards; */
}
.golang .cash-button::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 40%;
  width: 73px;
  height: 73px;
  background: url('../images/course/Golang/golang-card.png') no-repeat center/contain;
  opacity: 0;
  transition: 0.25s;
  /* animation: fadeIn 0.2s ease-in-out forwards; */
}
/* .golang .tarif-start_block .cash-button::before {
  background: url('../images/course/Golang/golang-card.png') no-repeat center/contain;
} */
.golang .tarif-next_block .cash-button::before {
  width: 65px;
  height: 65px;
  background: url('../images/course/Golang/golang-card-2-2.png') no-repeat center/contain;
}
.unity .tarif-start_block:hover .cash-button::before, .android .tarif-start_block:hover .cash-button::before,
.unity .tarif-next_block:hover .cash-button::before, .android .tarif-next_block:hover .cash-button::before,
.golang .tarif-start_block:hover .cash-button::before, .golang .tarif-next_block:hover .cash-button::before {    
  opacity: 1;
}
.unity .cash, .android .cash, .golang .cash {
  transition: 0.35s;
}
.unity .tarif-start_block:hover .cash-button::before, .android .tarif-start_block:hover .cash-button::before,
.golang .tarif-next_block:hover .cash-button::before { left: 6px; }

.unity .tarif-start_block:hover .just-start, .unity .tarif-next_block:hover .great-start{ color: #00ffff; }

.unity .tarif-start_block:hover .tarif-start_block ul, .unity .tarif-start_block:hover .tarif-next_block ul { color: #fff; }

.unity .tarif-start_block:hover .cash-block > p.cash, .android .tarif-start_block:hover .cash-block > p.cash {
  transform: rotateZ(-3deg);
}
.unity .tarif-next_block:hover .cash-button::before, .android .tarif-next_block:hover .cash-button::before,
.golang .tarif-start_block:hover .cash-button::before { left: 75%; }
.unity .tarif-next_block:hover .cash-block > p.cash, .android .tarif-next_block:hover .cash-block > p.cash {
  transform: rotateZ(3deg);
}

.frontend .cash-button { 
  position: relative;
  background: transparent;  
  transition: all 0.4s;
}

.frontend .tarif-start_block .cash-button {    
  border: 2px solid #6C5CE7; 
  color: #6C5CE7;
}
.frontend .tarif-next_block .cash-button {    
  border: 2px solid #ff7675;
  color: #ff7675;
}

.frontend .tarif-start_block:hover .cash-button {    
  background: #6C5CE7; 
  color: #fff;
}
.frontend .tarif-next_block:hover .cash-button {    
  /* border: 2px solid #ff7675c9;  */
  background: #ff7675; 
  color: #fff;
}
.frontend .tarif-start_block:hover .cash-button { transform: rotateZ(-3deg); }
.frontend .tarif-next_block:hover .cash-button { transform: rotateZ(3deg); }
.frontend .cash-button::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 40%;
  width: 70px;
  height: 70px;
  background: url(../images/course/unity/gamepad.png) no-repeat center / contain;
  opacity: 0;
  transition: 0.25s;
  /* animation: fadeIn 0.2s ease-in-out forwards; */
}

.frontend  .tarif-start_block:hover .cash-button::before, 
.frontend  .tarif-next_block:hover .cash-button::before {    
  opacity: 1;
}
.frontend  .cash {
  transition: 0.35s;
}
.frontend  .tarif-start_block:hover .cash-button::before {
  left: 6px;
}

.unity .tarif-next_block:hover .great-start{ color: #00ffff; }
.unity .tarif-start_block:hover .tarif-next_block ul { color: #fff; }

.frontend .tarif-start_block:hover .cash-block > p.cash {
  transform: rotateZ(-3deg);
}
.frontend .tarif-next_block:hover .cash-button::before {    
  left: 75%;
}
.frontend .tarif-next_block:hover .cash-block > p.cash {
  transform: rotateZ(3deg);
}

/* 6 page */

.reward-section {
  width: 1100px;
  margin: 160px auto;
  display: flex;
  flex-direction: column;
}
.reward_main_block {
  background-image: url('../images/course/vector-sertificat.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 600px;
  height: 500px;
  position: relative;
  background-color: #6586FF;
  z-index: 1;
  color: #fff;
  border-radius: 20px;
}

.android .reward-block {
  background: rgb(0 169 1);
}
.unity .reward_main_block, .unity .reward_img_block {
  background: url(../images/course/unity/work-grid-unity-2.png);
}

.reward-block {       
  background: rgba(101, 134, 255, 0.7);
  backdrop-filter: blur(15px);
  border-radius: 10px;
  box-shadow: -19px 8px 20px rgba(0, 0, 0, 0.2);
  border: 1px solid #000;
  width: 8px 20px;
  width: 70%;
  padding: 3rem 2rem;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}
.ai-course .reward-block {
    background: rgba(101, 134, 255, 0.7);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    box-shadow: -19px 8px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #000;
    width: 8px 20px;
    width: 76%;
    padding: 3rem 2rem;
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translate(0%, -50%);
    font-size: 32px;
    font-weight: 500;
    line-height: 1.38;
}
.graphic-design-module .reward-block, .unity .reward-block,
.graphic-design.en .reward-block, .unity.en .reward-block, 
.graphic-design.kz .reward-block, .unity.kz .reward-block { background: transparent; }
.reward_block p {                                                                    
   /* font-family: 'Comfortaa', sans-serif;
   font-weight: 600;
   font-size: 26px;
   padding: 1rem; */                                 
}
.reward_img_block {
  background-image: url('../images/course/vector-sertificat.png');
  background-position: center;
  background-size: auto;
  position: relative;
  right: -500px;
  top: 50%;
  transform: translate(-2%, -50%);
  z-index: 3;
  padding: 7px;
  background-color: #6586FF;
  border-radius: 20px;
  box-shadow: -19px 8px 20px rgba(0, 0, 0, 0.2);
}

.reward-sert {
  width: 100%;
  height: 345px;
  object-fit: contain;
  padding: 20px;
}
.unity .reward-sert { opacity: 0.9; }
.web-design-module .reward_main_block, .web-design-module .reward_img_block,
.web-design.en .reward_main_block, .web-design.en .reward_img_block,
.web-design.kz .reward_main_block, .web-design.kz .reward_img_block {
  background-color: #111AFA;
}
.graphic-design-module .reward_main_block, .graphic-design-module .reward_img_block,
.graphic-design.en .reward_main_block, .graphic-design.en .reward_img_block, 
.graphic-design.kz .reward_main_block, .graphic-design.kz .reward_img_block {
  background-image: url('../images/course/graphic design/graphic-design-banner.png');
  background-color: transparent;
}
.android .reward_main_block,
.android .reward_img_block {
  background-color: #00A901;
}
.golang .reward_main_block, .golang .reward_img_block { background-color: #0A1B2D; }
.golang .reward-block { background: transparent; }
.fullstack .reward_main_block, .fullstack .reward_img_block, .fullstack .reward-block{
  background-color: #1E2A38;
}
.frontend .reward_main_block, .frontend .reward_img_block, .frontend .reward-block{
  background-color: #6C5CE7;
}
.qatesting .reward_main_block, .qatesting .reward_img_block, .qatesting .reward-block{
  background-color: #1976D2;
}

/*-----------------------------------*\
  Проекты которые вы создадите
\*-----------------------------------*/

/* .filter-list { display: none; } */

.portfolio { margin: 160px auto; }

.my-project .portfolio { margin: 80px auto; }

.filter-select-box { position: relative; margin-bottom: 25px; }

.filter-select {
  background: var(--eerie-black-2);
  color: var(--light-gray);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--jet);
  border-radius: 14px;
  font-size: var(--fs-6);
  font-weight: var(--fw-300);
}

.filter-select.active .select-icon { transform: rotate(0.5turn); }

.project-block {
    padding: 60px 0;
    border-radius: 20px;
    margin-bottom: 2rem;
    text-align: center;
    overflow: hidden;
}

.android .project-block { border: 3px solid #00A901; }
.web-design .project-block { border: 3px solid #111AFA; }
.graphic-design .project-block { border: 3px solid #E4650A; }
.unity .project-block, .ai-course .project-block { border: 3px solid #0A1B2D; }
.frontend .project-block { border: 3px solid #6C5CE7; }
.fullstack .project-block { border: 3px solid #FF6B00; }

.select-list {
  background: var(--eerie-black-2);
  position: absolute;
  top: calc(100% + 6px);
  width: 100%;
  padding: 6px;
  border: 1px solid var(--jet);
  border-radius: 14px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.15s ease-in-out;
}

.filter-select.active + .select-list {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.select-item button {
  background: var(--eerie-black-2);
  color: var(--light-gray);
  font-size: var(--fs-6);
  font-weight: var(--fw-300);
  text-transform: capitalize;
  width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
}

.select-item button:hover { --eerie-black-2: hsl(240, 2%, 20%); }

.project-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  border-radius: 25px;
  margin-bottom: 10px;
  padding: 35px;
  transition: all 0.5s;
  overflow: hidden;
}

.android .project-list { border: 3px solid #00A901; }
.web-design .project-list { border: 3px solid #111AFA; }
.graphic-design .project-list { border: 3px solid #E4650A; }
.unity .project-list, .ai-course .project-list { border: 3px solid #0A1B2D; }
.fullstack .project-list { border: 3px solid #FF6B00; }
.frontend .project-list { border: 3px solid #6C5CE7; }

.project-item { display: none; }

.project-item.active {
  display: block;
  animation: scaleUp 0.25s ease forwards;
}

@keyframes scaleUp {
  0% { transform: scale(0.5); }
  100% { transform: scale(1); }
}

.project-item > a { width: 100%; }

.project-img {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 15px;
}

.project-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
  transition: var(--transition-1);
}

.project-item > a:hover .project-img::before { background: hsla(0, 0%, 0%, 0.5); }

.project-item-icon-box {
  --scale: 0.8;
  background: var(--jet);
  color: var(--orange-yellow-crayola);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--scale));
  font-size: 20px;
  padding: 18px;
  border-radius: 12px;
  opacity: 0;
  z-index: 1;
  transition: var(--transition-1);
}

.project-item > a:hover .project-item-icon-box {
  --scale: 1;
  opacity: 1;
}

.project-item-icon-box ion-icon { --ionicon-stroke-width: 50px; }

.project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-1);
}

.project-item > a:hover img { transform: scale(1.1); }

.project-title,
.project-category { margin-left: 10px; }

.project-title {
  color: #000;
  font-size: var(--fs-5);
  font-weight: var(--fw-400);
  text-transform: capitalize;
  line-height: 1.3;
}

.project-category {
  color: gray;
  font-size: var(--fs-6);
  font-weight: var(--fw-300);
}

.article-title { padding-bottom: 20px; color: #000 !important; }

.filter-select-box { display: none; }

.filter-list {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.filter-list li {
  list-style: none;
}
.filter-item button {
  padding: 20px 50px;
  background: #111AFA;
  border: 2px solid #00A901;
  border-radius: 10px;
  color: #fff;
  font-size: var(--fs-5);
  transition: var(--transition-1);
  cursor: pointer;
}
.android .filter-item button { background: #00A901; }
.graphic-design .filter-item button {
  background: #0075FF;
  border: 2px solid #42AAFE;
}

.unity .filter-item button, .ai-course .filter-item button {
  background: linear-gradient(145deg, #111111, #000000);
  border: 2px solid #00ffff;
}



.filter-item button:hover {
 /* color: var(--light-gray-70);  */
  color: #FFCC00; 
}

.graphic-design .filter-item button:hover {
  color: #fff; 
}

.unity .filter-item button:hover, .ai-course .filter-item button:hover {
  color: #00ffff; 
}

.android .filter-item button.active { 
  background: #FFCC00;
  border: 1px solid #98FB98;
  color: #000;
}

.web-design .filter-item button.active {
  background: #ea50b2;
  border: 1px solid #ea50b2;
}

.graphic-design .filter-item button.active {
  background: #E4650A;
  border: 1px solid #E4650A;
}

.unity .filter-item button.active, .ai-course .filter-item button.active {
  color: #00ffff;
}
  /* portfolio and blog grid */

.internal-page .block4 {
  text-align: center;
}

  /* Media запросы */
@media screen and (max-width: 1600px) {
  .web-design .ellipse-img-4 {
    left: 72%;
  }
  .web-design.en .ellipse-img-4 {
    left: 75.5%;
  }
}

@media screen and (max-width: 1440px) {
  .graphic-design.en .program_trace {
    width: 81.5%;
  }
  .graphic-design.en .ellipse-img-2 {
    left: 18.5%;
  }
  .graphic-design.en .ellipse-img-3 {
    left: 37%;
  }
  .graphic-design.en .ellipse-img-4 {
    left: 65.5%;
  }
  .graphic-design.kz .program_trace {
    width: 83.5%;
  }
}

@media screen and (max-width: 1400px) {
  .golang section.program__course { background-position: center; }
}

@media screen and (max-width: 1366px) {
  .reward-section {
    width: 1000px;
  }
  .reward_main_block {
    width: 550px;
  }
  .reward_img_block {
    right: -460px;
  }
  .reward-sert {
    width: 93%;
  }
}  

@media screen and (max-width: 1200px) {
  .program_course_text {
    gap: 2rem;
  }
  .fullstack .program_course_text { width: 75%; }
  .program__course__banner {
    width: 87%;
  }
  .web-design .program_course_text { gap: 2.2rem; }
  .web-design.kz .program_course_text { gap: 2rem; }
  .web-design.en .program_course_text { gap: 2.3rem; }
  .frontend.en .program_course_text { padding: 10px; }
  .golang .program__course__banner { width: 90%; }
  .python .program_course_text { padding: 20px; } 
  .android .program_course_text, .qatesting .program_course_text, .python.kz .program_course_text,
  .golang .program_course_text, .fullstack .program_course_text { padding: 15px; }
  .android.kz .program_course_text { padding: 35px; gap: 2.1rem;} 
  .android.en .program_course_text { padding: 35px; gap: 2.5rem;} 
  .fullstack .program_course_text { gap: 2.5rem; }
  .frontend .program_course_text { padding: 5px; }
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title {
    font-size: 45px;
  }
  .program_title_block {
    gap: 20px;
  }
  .web-design .ellipse-img-2 {
    left: 29%;
  }
  .web-design .ellipse-img-3 {
    left: 53.5%;
  }
  .web-design .ellipse-img-4 {
    left: 75.5%;
  }
  .graphic-design .ellipse-img-2 {
    left: 29%;
  }
  .graphic-design .ellipse-img-3 {
    left: 53.5%;
  } 
  .graphic-design .ellipse-img-4 {
    left: 75.5%;
  }
  .graphic-design.en .program_trace,
  .graphic-design.en .program_trace { width: 79.5%; }
  .graphic-design.en .ellipse-img-2 { left: 18%; }
  .graphic-design.kz .ellipse-img-2 { left: 20%; }
  .advantages__section {
    width: auto;
  }
  .work-section h1 { font-size: 45px; }
  .graphic-design .work-section h1, .web-design .work-section h1 { font-size: 40px; }
  .teacher__block-front, .teacher__block-back { height: 100%; padding: 57px 80px; }
  .graphic-design .tab-block::after {
    right: 0;
  }
  body.internal-page .footer__footer {
    margin-top: 0;
  }
  .tariffs__section ul>li, .tarif-next_block ul>li {
    font-size: 14px;
  }
  .tarif-start_block, .tarif-next_block { height: 505px; }
  .unity .tarif-start_block, .unity .tarif-next_block { height: 541px; }
  .reward-block { font-size: 26px; }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .web-design .ellipse-img-2 {
    left: 26.5%;
  }
}
@media screen and (max-width: 1023px) {
  .tarif-start_block, .tarif-next_block { height: 475px; }
  .cash-button {
    width: 280px;
    padding: 10px 20px;
    font-size: 20px;
  }
  .reward-section {
    width: auto;
  }
  .reward_img_block {
    right: -424px;
  }
}
@media screen and (max-width: 1015px) {
  .program__course__banner { width: 88%; }
  .unity .program__course__banner { width: 88%; }
}
@media screen and (max-width: 1005px) {
  .graphic-design .program__course__banner { height: 78%; }
  .web-design .program__course__banner { height: 82%; }
  .web-design .program_course_text { width: 65%; }
}
@media screen and (max-width: 992px) {
  .program__course__banner {
    width: 85%;
        /* height: 80%; */
  }
  
  .web-design .program__course__banner { width: 88%; } 
  .golang .program__course__banner { width: 87%; }
  .golang.kz .program_course_text { gap: 2.7rem; }  
  .python.kz .program_course_text { gap: 2.4rem; padding: 20px; }  
  .frontend.en .program__course__banner { width: 85%; }
  .web-design.kz .program_course_text { gap: 1.6rem; }
  .python.en .program_course_text { padding: 40px; }
  .graphic-design .program_course_text { gap: 1.8rem; }
  .graphic-design.kz .program_course_text, .graphic-design.en .program_course_text { gap: 2.6rem; }
  .golang .program_course_text { gap: 2.5rem; }
  .qatesting.en .program_course_text { padding: 25px; }
  .android.en .program_course_text { gap: 2.7rem; }
  
  .program_course_text {
    width: 77%;
    padding: 35px;
  }
  .android .program_course_text { padding: 35px; gap: 2.5rem; }
  .qatesting .program_course_text { width: 77%; }
  .unity .program_course_text { padding: 5px; }
  .unity.kz .program_course_text, .unity.en .program_course_text { padding: 20px; }
  .frontend .program_course_text { padding: 15px; }
  .program_course_img {
    right: -53px;
  }
  .program_title_block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 110px;     
    position: relative;
  }
  .python .program_title_block {
    width: fit-content;
  }
  .program_title_block > div:nth-child(4),
  .program_title_block > div:nth-child(5) {
    grid-column: span 1;
    margin-left: -100%;
  }
  .program_title_block > div:nth-child(4) {
    grid-column-start: 2;
  }
  .way_block.bottom-5 { order: 4; }
  .way_block.bottom-6 { order: 5; position: relative; }
  .way_block.bottom-5,
  .way_block.bottom-6 {
    grid-column: 2 / 1; 
  } 
  .program_trace {
    display: none;
  }
  .program_trace-1, .program_trace-2 {
    display: block;      
    position: relative;
    border: 2px solid #2351FB;
    margin: 50px auto;
    position: absolute;
    top: 50px;
  }
  .graphic-design .program_trace-1, .graphic-design .program_trace-2 { border: 2px solid #E4650A; }
  .web-design .program_trace-1, .web-design .program_trace-2 { border: 2px solid #111AFA; }
  .android .program_trace-1, .android .program_trace-2 { border: 2px solid #00A901; }
  .golang .program_trace-1, .golang .program_trace-2 { border: 2px solid #0A1B2D; }
  .unity .program_trace-1, .unity .program_trace-2 { border: 2px solid #0A1B2D; }
  .frontend .program_trace-1, .frontend .program_trace-2 { border: 2px solid #FF7675; }
  .fullstack .program_trace-1, .fullstack .program_trace-2 { border: 2px solid #1E2A38; }
  .qatesting .program_trace-1, .qatesting .program_trace-2 { border: 2px solid #3F51B5; }
  .program_trace-1 {
    left: 16%;
    width: 68%;
  }
  .program_trace-2 {
    left: -3%;
    width: 53%;
  }
  /* .graphic-design .program_trace-2,
  .web-design .program_trace-2 {
    left: -18px;
    width: 53%;
  } */

  .ellipse-img-1, .ellipse-img-2, .ellipse-img-3,
  .ellipse-img-4, .ellipse-img-5{
    top: -50%;
    transform: translate(-50%, -50%);
  }   
  /* .ellipse-img-1, .ellipse-img-4, 
  .graphic-design .ellipse-img-4, .web-design .ellipse-img-4, .unity .ellipse-img-4, .qatesting .ellipse-img-4,
  .golang .ellipse-img-4, .android .ellipse-img-4, .frontend .ellipse-img-4, .fullstack .ellipse-img-4 {
    left: 0;
  } */
  .ellipse-img-1, .ellipse-img-4 {
    left: 0 !important;
  }
  .ellipse-img-2 {
    left: 50%;
  }
  .graphic-design .ellipse-img-2, .web-design .ellipse-img-2,
  .golang .ellipse-img-2, .android .ellipse-img-2 {
    left: 50%;
  }
  .ellipse-img-3, .ellipse-img-5 {
    left: 100% !important;
  }
  /* .graphic-design .ellipse-img-3, .graphic-design .ellipse-img-5, .web-design .ellipse-img-3, .web-design .ellipse-img-5,
  .golang .ellipse-img-3, .golang .ellipse-img-5, .android .ellipse-img-3, .android .ellipse-img-5,
  .frontend .ellipse-img-3, .frontend .ellipse-img-5, .fullstack .ellipse-img-3,  .fullstack .ellipse-img-5,
  .unity .ellipse-img-3, .unity .ellipse-img-5, .qatesting .ellipse-img-3, .qatesting .ellipse-img-5 {
    left: 100%;
  } */
  .advantages-section { column-gap: 25px; }
  .advantages_block { gap: 10px; }
  .work-grid span.bold { font-size: 22px; }
  .work-grid p { font-size: 18px; }
  .project-block, .tab-block {
    padding: 40px 0;
  }
  .project-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .project-block h1.article-title, .tab-block h1 {
    margin-bottom: 2rem;
    padding-bottom: 0;
  }
  .filter-item button {
    padding: 10px 35px;
  }
  .filter-list {
    gap: 30px;
  }
  .teacher__study h1 { font-size: 38px; }
  .teacher__block-front, .teacher__block-back { font-size: 19px; }
  .graphic-design .tab-block::after {
    top: -35%;
  }
  .tab-button {
    padding: 10px;
  }
  .tarif-start_block, .tarif-next_block {
    height: 425px;
    padding: 40px 0;
  }
  .unity .tarif-start_block, .unity .tarif-next_block { height: 410px; }
  .android .tarif-start_block, .android .tarif-next_block { height: 405px; }
  .graphic-design .tarif-start_block, .graphic-design .tarif-next_block { height: 390px; }
  .graphic-design .tarif-start_block ul, .graphic-design .tarif-next_block ul {
    width: 75%;
  }
  .tariffs__section ul>li, .tarif-next_block ul>li {
    font-size: 12px;
  }
  .tariffs__section ul>li.li-long, .tarif-next_block ul>li.li-long {
    background-position: left 4px;
  }
  .android .tarif-start_block ul, .android .tarif-next_block ul {
    width: 85%;
  }
  .android .tariffs__section ul>li.li-long, .adnroid .tarif-next_block ul>li.li-long {
    background-position: left 2px;
  }
  .cash-block {
    bottom: -2%;
  }
  .cash { font-size: 30px; }
  .reward-section {
    width: auto;
  }
  .reward_main_block {
    width: 100%;
    height: 366px;
  }
  .reward-block {
    width: 47%;
    top: 40%;
    transform: translate(0%, -50%);
    font-size: 22px;
  }
  .reward_img_block {
    width: 42%;
    background-size: contain;
    right: -53%;
    top: 88%;
    transform: translate(0, -50%);
    box-shadow: -19px -8px 25px rgba(0, 0, 0, 0.2);
  }
  .reward-sert {
    width: 93%;
    height: auto;
    padding: 10px;
  }
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title,
  .program h1, .faq h1, .tariffs h1, .tab-block h1, .project-block h1.article-title, .work-section h1 {
    font-size: 40px;
  }
  .graphic-design-module .reward_img_block { background-size: cover; }
}
@media screen and (max-width: 960px) {
  .graphic-design .program_course_text { width: 75%; padding: 20px; }
  .frontend .program_course_text { gap: 1.7rem; }
}

@media screen and (max-width: 948px) {
  .teacher__block-front, .teacher__block-back { padding: 57px 57px; }
  .program__course__banner {
    width: 85%;
    height: 77%;
  }
  .frontend .program__course__banner { height: 75%; }
  .graphic-design .program_course_text, .android .program_course_text, .python .program_course_text, .qatesting .program_course_text, .golang .program_course_text, .fullstack .program_course_text, .unity .program_course_text, .frontend .program_course_text {
    padding: 30px;
  }
  .graphic-design .program_course_text { gap: 2.5rem; }
  .unity .program_course_text { gap: 1.7rem; }
  .golang section.program__course { background-position: left; }
  .golang .program_course_text, .fullstack .program_course_text { gap: 2.2rem; }
  .frontend .program_course_text { gap: 2.4rem; padding: 40px; }
  /* .fullstcak .program_course_text { gap: 2.5rem; } */
  
  .program_course_img {
    display: none;
  }
  /* .program_course_text, .unity .program_course_text, .fullstack .program_course_text, .qatesting .program_course_text, .web-design .program_course_text { width: 100%; !important } */
  .program_course_text { width: 100% !important; }
  .online_block, .individual_block {
    flex-direction: column;
  }
  .online-block-img, .individual-block-img {
    width: 100%;
    height: 395px;
  }
  .online-block-img img{
    height: 300px;
  }
  .individual-block-img img{
    height: 365px;
  }
  .online-block-text, .individual-block-text {
    width: 100%;
  }
  .graphic-design .tarif-start_block ul, .graphic-design .tarif-next_block ul {
    width: 80%;
  }
  .tarif-start_block, .tarif-next_block {
    gap: 1rem;
  }
  .golang .tarif-start_block, .golang .tarif-next_block { height: 390px; }

  .qatesting .tarif-start_block, .qatesting .tarif-next_block { height: 480px; }
  .graphic-design #tab1::before, .graphic-design #tab2::before { background: transparent; }
  .graphic-design .online-block-img, .graphic-design .individual-block-img { display: none; }
  .program-mini-content_block { gap: 55px; }
  .advantages_block { gap: 7px; }
  .advantages-title p { font-size: 16px; } 
  .ellipse-num { width: 30px; height: 30px; }
}
@media screen and (max-width: 872px) {
  .graphic-design .program_course_text, .golang .program_course_text { gap: 2rem; }
  .fullstack .program_course_text { gap: 2.5rem; padding: 20px; }
  .frontend .program_course_text { padding: 35px; }
  .python .program_course_text { padding: 25px; }
  .qatesting .program_course_text { padding: 20px; gap: 1.7rem; }
  .frontend .program_course_text: { gap: 2.5rem; }       
  .advantages_block { gap: 7px; }
  .advantages-title p { font-size: 16px; }
  .ellipse-num { width: 30px; height: 30px; }
  .teacher__block-front, .teacher__block-back { padding: 70px 57px; font-size: 17px; line-height: 30px; }
  .teacher__study h1 { font-size: 34px; }
  .tarif-start_block ul, .tarif-next_block ul { width: 92%; }
  .tarif-start_block, .tarif-next_block { gap: 1.5rem; }
  .cash-block { bottom: -2.5%; }
  .cash { font-size: 28px; }
  .cash-button { width: 230px; padding: 7px 20px; font-size: 18px; }
  .graphic-design .tarif-start_block, .graphic-design .tarif-next_block { border-radius: 60px; }
  .graphic-design .tarif-start_block ul, .graphic-design .tarif-next_block ul { width: 83%; }
  .golang .tarif-start_block ul, .golang .tarif-next_block ul { width: 83.5%; }
}
@media screen and (max-width: 830px) {
  .program_course_text { gap: 2rem; }
  .android .program_course_text { padding: 25px; }
  .python .program_course_text { padding: 20px; }
  .fullstack .program_course_text { padding: 15px; }
}
@media screen and (max-width: 820px) {
  .python .program__course__banner { width: 87%; height: 77%; }
  .python .program_course_text { padding: 25px; }
  .graphic-design .work-section h1, .web-design .work-section h1 { font-size: 34px; }
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, .faq h1, .tariffs h1, .tab-block h1, .article-title, .work-section h1 {
    font-size: 37px;
  }
  .program-course-description {
    font-size: 17px;
  }
  /* .web-design .work-grid span.bold,
  .graphic-design .work-grid span.bold {
    font-size: 20px;
  } */
  .work-grid span.bold {
    font-size: 20px;
  }
  .web-design .work-grid span.small,
  .graphic-design .work-grid span.small {
    font-size: 14px;
  }
  .work-grid p{
    font-size: 17px;
  }
  /* .tarif-start_block ul, .tarif-next_block ul {
    width: 93%;
  } */
  .teacher__block-front, .teacher__block-back {
    padding: 70px 48px;
    font-size: 16px;
  }
  .tarif-start_block, .tarif-next_block { height: 375px; }
  .unity .tarif-start_block, .unity .tarif-next_block { height: 375px; }
  .tarif-start_block ul, .tarif-next_block ul { line-height: 2; }
  .tariffs__section ul>li, .tarif-next_block ul>li,
  .android .tariffs__section ul>li, .android .tarif-next_block ul>li { padding-left: 25px; background-size: 16px 16px; }
    .android .tarif-next_block ul li:first-child { background-size: 16px 16px; }
  .android .tarif-next_block ul>li, .android .tarif-next_block ul>li { background-size: 20px 20px; }
  .cash-block {
    bottom: -2%;
  }
  .cash-button {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .python .program_course_text, .android .program_course_text, .unity .program_course_text, .golang .program_course_text, .frontend .program_course_text, .fullstack .program_course_text, .qatesting .program_course_text { padding: 35px; }
  .web-design.kz .program_course_text { gap: 2rem; }
  .android .program_course_text { gap: 1.6rem; }
  .unity .program_course_text { gap: 2rem; }
  .unity.en .program_course_text { gap: 2.7rem; }
  .unity.kz .program_course_text { gap: 2.5rem; }
  .fullstack .program_course_text { padding: 35px; }
  .golang .program_course_text, .qatesting .program_course_text { gap: 2.5rem; }
  .golang.kz .program_course_text { gap: 2.7rem; }
  .qatesting.kz .program_course_text { gap: 1.7rem; }
  .qatesting.en .program_course_text { gap: 3rem; }
  
  .program__course__banner {
    width: 87%;
    height: 87%;
    padding: 20px;
  }
  .frontend .program__course__banner { width: 89%; }
  .python .program__course__banner { height: 88%; }
  .tab-button {
    padding: 10px;
  }
  .advantages__section, .program,
  .tab-container, .reward-section {
    margin: 100px auto;
  }
  .jr_component {
    padding-top: 170px !important;
  }
  section.program__course {
    margin: 40px auto;
  }
  .program__way {
    margin: 60px auto;
  }
  .program_title_block {
    row-gap: 140px;
    column-gap: 1rem;
  }
  /* .way_block.bottom-3 { order: 3; }
  .way_block.bottom-4 { order: 2; } */
  .way-title {
    font-size: 20px;
  }
  .way-subtitle {
    font-size: 16px;
  }
  /* .program_trace-1 { 
     top: 90px;
     width: 69%;
  } */
  .program_trace-2 {
    left: -16px;
    width: 54%;
  }
  .ellipse-img-2 {
    left: 49%;
  }
  .advantages-section {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 85px;
    column-gap: 50px;
    font-size: 16px;
  }
  .advantages_block {
    gap: 15px;
  }     
     /* .work-grid {
       height: 350px;
     } */
  .work-grid {
    padding: 50px 40px 410px 40px;
    max-height: 210px;
  }
  .work-grid.expanded {
    max-height: 690px;
    gap: 1.3rem;
  }
  .work-item {
    padding: 10px;
    font-size: 16px;
  }
  .work_item_block, .work_hidden_block {
    display: grid;
    row-gap: 1.3rem;
    column-gap: 1.3rem;
  }
  .work-section img {
    object-fit: contain;
    height: 120px;
  }
  .toggle-work-button-ru, .toggle-work-button-kk, .toggle-work-button-en { bottom: 46px; font-size: 20px; }
  .h1-desc { display: none !important; }
  .h1-mob { display: flex !important; }
  .project-block { padding: 50px 0; }
  .teacher__block-front, .teacher__block-back { padding: 70px 40px; }
  .tab-block h1, .project-block h1 {
    margin-bottom: 2rem;
  }
  .filter-list {
    gap: 40px;
  }
  .filter-item button {
    padding: 10px 20px;
    font-size: 14px;
  }
  .article-title {
    padding-bottom: 0;
  }
  .toggle-work-button {
    font-size: 18px;
    bottom: 50px;
    padding: 15px 75px;
  }
  .faq-toggle.active, .program-toggle.active {
    border-width: 0 0 1px 18px;
    font-size: 18px;
  }
  .program-text-content {
    padding: 18px 18px 18px 40px;
    line-height: 30px;
  }
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, .faq h1, .tariffs h1, .tab-block h1, .project-block h1.article-title, .work-section h1  {
    font-size: 36px; 
  }
  .tab-button.disabled:hover {
    padding: 10px;
  }
  .graphic-design .tab-block::before { opacity: 0.4; }
  .tarif-start_block, .tarif-next_block {

  }

  .cash-button {
    padding: 10px 45px;
  }
  .qa-footer {
    display: none;
  }
  body.internal-page .footer-block:nth-child(3) .footer-block-title{
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 732px) {
  .python .program__course__banner { width: 89%; height: 85%; }
  .unity .program_course_text { gap: 2.5rem; }
  .qatesting.en .program_course_text { gap: 3.6rem; }
  .program-course-description {
    font-size: 16px;
  }
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, 
  .faq h1, .tariffs h1, .tab-block h1, .article-title, .work-section h1 {
    font-size: 36px;
  }
  .program-text-content {
    font-size: 14px;  
  }
  .faq-toggle, .program-toggle { font-size: 16px; } 
  .tab-button {
    width: 170px;
    padding: 8px;
    font-size: 15px;
  }
  .teacher__block-front, .teacher__block-back { padding: 70px 30px; }
  .reward_img_block {
    top: 84%;
  }
}

@media screen and (max-width: 716px) {
  .golang .program__course__banner { width: 96%; }
  .qatesting .program__course__banner { width: 90%; }
  .fullstack .program_course_text { gap: 2.8rem; }
  .frontend .program_course_text { gap: 2.6rem; }
  .python .program_course_text { padding: 25px; gap: 1.5rem; }
  .unity .program_course_text { padding: 25px; }
  
}

@media screen and (max-width: 694px) {
  .golang.kz .program_course_text { gap: 2rem; }
  .python .program_course_text { padding: 22px; }
}
@media screen and (max-width: 678px) {
  .python .program_course_text { gap: 1.3rem;}
  .work-grid span.bold { font-size: 19px; }
  .work-grid p { font-size: 14px; }
  .work_item_block, .work_hidden_block { line-height: 20px; }
  .filter-list { gap: 25px; }
  .filter-item button { padding: 8px 17px; }
  .tarif-start_block, .tarif-next_block { height: 390px; }
}

@media screen and (max-width: 666px) {
  .golang.en .program_course_text, .qatesting.en .program_course_text {
    gap: 2.5rem;
  }

}
@media screen and (max-width: 620px) {
  .program__course__banner, .web-design.ru .program__course__banner, .web-design.kz .program__course__banner {
    width: 89%;
    height: 89%;
  }
  .python .program_course_text { gap: 1rem;}
  .teacher__block-front, .teacher__block-back { padding: 70px 20px; font-size: 14px; }
  .filter-item button { width: 220px; }
  .filter-list { flex-direction: column-reverse; }
  .unity .program_course_text { gap: 1.9rem; }
  .golang.kz .program_course_text { padding: 25px; }
  .tab-block {
    padding: 30px 0;
    margin-bottom: 1rem;
  }
  .tab-block h1 {
    margin-bottom: 2.5rem;
  }
  .tab-button {
    width: 165px;
  }
  .tab-button.disabled {
    transition: 0s;
  }
  .online-block-img, .individual-block-img {
    height: 305px;
  }
  .online-block-img img {
    height: 225px;
  }
  .individual-block-img img {
    height: 280px;
  }
  .tarif-start_block ul, .tarif-next_block ul { width: 95%; }
  .tarif-start_block, .tarif-next_block { height: 405px; }
  .tariffs__section ul>li, .tarif-next_block ul>li, .android .tariffs__section ul>li, .android .tarif-next_block ul>li { padding-left: 20px; }
  .cash-button { width: 210px; padding: 8px 20px;}
  .reward_main_block {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    padding: 15px 0;
  }
  .reward-block {
    width: 80%;
    transform: translate(0%, 0%);
    padding: 2rem 2rem;
    position: relative;
    left: 0;
  }
  .reward_img_block {
    width: 90%;
    position: relative;
    border: 1px solid #000;
    background-size: contain;
    transform: translate(0%, 0%);
    right: 0;
  }
  .reward-sert {
    width: 100%;
    height: 200px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 576px) {
  .jr_component {
    padding-top: 105px !important;
  }
  .program__course__banner {
    width: 80%;
    height: 82%;
  }
  .graphic-design.en .program_course_text, .graphic-design.kz .program_course_text, {
    padding: 35px 35px 35px 15px;
  }
  .web-design .program_course_text { gap: 1.4rem;}
  .graphic-design .program_course_text, .graphic-design.en .program_course_text {
    padding: 20px 35px 35px 15px;
  }
  .web-design.kz .program_course_text {
    padding: 45px 35px 35px 15px;
  }
  .web-design.en .program_course_text {
    padding: 65px 35px 35px 15px;
  }
  .android .program_course_text, .python .program_course_text {
    padding: 20px;
  }
  .golang .program_course_text, .frontend .program_course_text .qatesting .program_course_text {
    gap: 1.4rem;
  }
  .unity .program_course_text { gap: 1.1rem; padding: 20px; }
  .fullstack .program_course_text { gap: 1rem; padding: 20px; }
  .python .program_course_text { gap: 1.1rem; }
  .web-design.kz .program_course_text { gap: 1.8rem; }
  .web-design.ru .program_course_text { gap: 1.4rem; }
  /* .program-course-description.mob {
    display: block;
  } */
  h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, .faq h1, .tariffs h1, .tab-block h1, .article-title, .work-section h1 {
    font-size: 34px;
  }
  .program-course-description{
    line-height: 1.4;
  }
  /* .program-course-description.mob {
    display: none;
  } */
  .web-design .program-mini-content_block { gap: 15px; }
  .program__way {
    margin: 0 auto;
  }
  .program_title_block {
    grid-template-columns: 1fr 1fr;
      row-gap: 70px;
      column-gap: 0;
      text-align: center;
      width: auto;
    }
    .program_title_block > div:nth-child(4),
    .program_title_block > div:nth-child(5) {
      margin-left: 0;
    }
    .program_trace-1,
    .program_trace-2 {
      display: none;
    }
    .program_trace-3 {
      display: block;
    }
    .advantages-section {
      row-gap: 60px;
      column-gap: 20px;
      font-size: 15px;
    }
    .project-list {
      grid-template-columns: 1fr;
    }
    .graphic-design .work-section h1, .graphic-design .work-grid {
      background-size: cover; 
    }
    .work-grid {
      padding: 50px 30px 410px 30px;
    }
    .work-grid { max-height: 628px; }
    .work-grid.expanded { max-height: 1480px; }
    .work-item {
      padding: 10px 15px;
      font-size: 14px;
    }
    .work_item_block, .work_hidden_block {
    grid-template-columns: 1fr;
    grid-template-areas:
        "item-1"
        "item-2"
        "item-4"
        "item-3"
        "item-5"
        "item-6";
   }
   .work-item.item-1, .work-item.hidden-2, .work-item.item-4, .work-item.hidden-3, .work-item.item-5, .work-item.hidden-6 { padding: 30px 15px; }
    /* .work_hidden_block {
    grid-template-columns: 1fr;
    grid-template-areas:
        "item-2"
        "item-1"
        "item-3"
        "item-4"
        "item-6"
        "item-5";
  } */
  .teacher__block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .teacher__block-front, .teacher__block-back { width: 100%;  transform: skewX(0deg) translateX(0); }
   .tab-content {
     padding: 35px;
     font-size: 16px;
     line-height: 25px;
   }
  .teacher__block:hover .teacher__block-back { 
    transform: skewX(0deg) translateX(0) translateY(390px);
    height: 540px;
  }
   .p-center {
     margin: 25px 0;
   }
   .tab-buttons {
     flex-direction: column;
     align-items: center;
   }
   .tab-button {
     width: 90%;
     padding: 10px 5px;
   }
   .tab-button br {
     display: none !important;
   }
   .tab-buttons > .tab-button:first-child span.orange {
     margin-left: 5px;
   }
   .tab-button.disabled {
     transition: 0.6s;
   }
   .tab-button.disabled:hover {
     padding: 10px 35px;
   }
   .faq-toggle, .program-toggle{
      padding: 18px 38px;
   }
   .faq-toggle.active, .program-toggle.active {
      border-width: 0 0 1px 1px;
      font-size: 17px;
   }
   .faq-toggle, .program-toggle {
      font-size: 17px;
   }
   .program-text-content {
      padding: 18px 18px 18px 30px;
      line-height: 25px;
   }
   .program .program-text-content {
      padding: 18px 18px 18px 40px;
   }
  .graphic-design .program-img-1, .graphic-design .program-img-2, .graphic-design .program-img-3, .graphic-design .program-img-4, .web-design .program-img-1, .web-design .program-img-4 {
    background-image: none;
  }
   .tariffs__section {
     gap: 1rem;
     grid-template-columns: 1fr;
   }    
   .tarif-start_block, .tarif-next_block { height: 375px; }
   .tarif-start_block ul, .tarif-next_block ul {
     width: 97%;
     margin-left: 5%;
     padding-left: 25px;
   }
   .tariffs__section ul>li, .tarif-next_block ul>li {
     font-size: 15px;
   }
  .tariffs__section ul>li, .tarif-next_block ul>li, .android .tariffs__section ul>li, .android .tarif-next_block ul>li {
     padding-left: 30px;
   }
   .cash-button {
     font-size: 17px;
     padding: 10px 30px;
   }
   .reward_main_block {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 25px;
      padding: 15px 0;
   }
   .reward-block {
      width: 80%;
      transform: translate(0, 0);
      font-size: 22px;
   }
   .reward_img_block {
      width: 90%;
      border: 1px solid #000;
      position: relative;
      transform: translate(0, 0); 
   }
   .reward-block {
      font-size: 18px;
   }
   .qa-footer {
      display: block;
   }
   body.internal-page .footer-block:nth-child(3) .footer-block-title {
       margin-bottom: -25px !important;
   }

}
@media screen and (max-width: 510px) {
    h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, .faq h1, .tariffs h1, .tab-block h1, .article-title, .work-section h1 {
        font-size: 31px;
    }
    .program-course-description{
      line-height: 1.23;
    }

    .ul-cash {
      margin-bottom: 1.5rem;
    }
    .tariffs__section ul>li, .tarif-next_block ul>li {
     font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    h1.program-course-title, h1.advantages-section-title, h1.reward-section-title, .program h1, .faq h1, .tariffs h1, .tab-block h1, .article-title, .work-section h1 {
      font-size: 30px;
    }
    .work-grid { max-height: 650px; }
    .work-grid.expanded { height: 1520px; }
    .program_course_text { padding: 35px 10px 35px 10px; }
    .program-course-description{ line-height: 1.4; }
    .faq-toggle, .program-toggle { padding: 18px 26px; gap: 15px; }
    .faq-toggle, .program-toggle,
    .faq-toggle.active, .program-toggle.active {
      font-size: 15px;
    }
    .program .program-text-content {
      padding: 18px 18px 18px 25px;
    }
    .program-text-content {
      padding: 18px;
      line-height: 20px;
      font-size: 14px;
    }
    .advantages-section {
       grid-template-columns: 1fr;
       row-gap: 40px;
       column-gap: 20px;
       font-size: 14px;
    }
  .tarif-start_block ul, .tarif-next_block ul { padding-left: 0; }
    .tab-content {
        padding: 30px;
    }
    .reward-block {
      font-size: 17px;
    }
}
@media screen and (max-width: 455px) {
    .program-course-description{
      line-height: 1.2;
    }
    .tarif-start_block ul, .tarif-next_block ul {
      width: 91%;
      margin-left: 0%;
    }
}
@media screen and (max-width: 435px) {
    .work-item {
      padding: 10px;
    }
    .work-section h1 {
      height: 80px;
    }  
}

@media screen and (max-width: 425px) {
    h1.program-course-title {
      font-size: 29px;
    }
  .web-design .program_course_text { gap: 1.5rem; }
    .tab-content {
        padding: 30px 20px;
    }
}
@media screen and (max-width: 411px) {
  section.program__course {
    max-width: 1200px;
    height: 480px;
  }
  .program__course__banner {
    width: 80%;
    height: 85%;
  }
  .program-course-description.mob-1, .program-course-description { display: none; }
  .program-course-description.mob, .program-course-description.mob-2 { display: block; }

  /* .program-course-description.mob-2 {
    display: block;
  } */
  .program-course-button {
    text-align: center;
    width: 100%;
  }
  .program__way {
    display: grid;
  }
  .program_title_block {
    width: 70%;
    grid-template-columns: 1fr !important;
    row-gap: 24px;
    text-align: left;
  }
  .program_trace_mob {
    display: block;
    width: 30%;
  }
  .way_block {
    grid-column: 1 !important;
  }  
  .way-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .way-subtitle {
    font-size: 14px;
  }
  .work-grid {
    padding: 50px 30px 410px 30px;
    max-height: 565px;
  } 
  .work-grid.expanded {
    max-height: 1410px;
  }
  .work-item {
    padding: 10px 15px;
    font-size: 14px;
  }
  .work-item, .work-hidden {
    width: auto;
    height: 100px;
  }
}
@media screen and (max-width: 390px) {
    .tab-content {
        padding: 25px 15px;
    }
}
@media screen and (max-width: 375px) {
  .program-course-description.mob-2 { display: nonef; }
}
@media screen and (max-width: 366px) {
  .tariffs__section ul>li, .tarif-next_block ul>li {
        font-size: 12px;
    }
}


    /* * ------------------------------------------------------------------
     * Специальный блок
     * ------------------------------------------------------------------
     */
.special-offer-block {
  font-family: 'Comfortaa', sans-serif !important;
  background: var(--block-bg-color);
  padding: 40px 50px;
  text-align: center;
  border-radius: 20px;
  font-family: Arial, sans-serif;
  /* color: var(--text-light); */
  color: #001F3F;
  max-width: 1000px;
  margin: 20px auto; 
  box-shadow: 0 0 40px rgba(0, 255, 255, 0.2);
}

.android .special-offer-block { background: #00A901; }
.ai-course .special-offer-block, 
.unity .special-offer-block { background: url('../images/course/unity/work-grid-unity-2.png'); }

    /* * ------------------------------------------------------------------
     * ТЕКСТ И ЗАГОЛОВКИ
     * ------------------------------------------------------------------
     */
.offer-title {
  font-size: 46px;
  color: var(--accent-color);
  margin: 0 0 20px 0;
  line-height: 1.2;
  font-weight: 700;
}

.android .offer-title { color: #fff; }

.offer-title strong {
  color: var(--text-light);
  font-weight: 900;
}

.discount-text {
  font-size: 24px;
  margin: 15px 0;
  color: var(--text-light);
}

    .discount-text strong {
        font-weight: 900;
        /* color: var(--discount-color); */
        color: #DE6E4B;
    }

    .action-prompt {
        font-size: 18px;
        color: #DE6E4B;
        /* color: var(--accent-color); */
        margin-bottom: 30px;
        font-weight: bold;
    }
.android .action-prompt span.orange { font-family: 'Comfortaa', sans-serif !important; } 
    /* * ------------------------------------------------------------------
     * БОНУСЫ
     * ------------------------------------------------------------------
     */
    .bonus-list {
        /* max-width: 450px; */
        margin: 30px auto;
    }

    .bonus-item {
        font-size: 20px;
        margin: 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bonus-item.icon {
        font-size: 20px;
        margin-right: 15px;
        color: #fff;
    }
.ai-course .bonus-item.icon span.orange, .unity .bonus-item.icon span.orange { color: #00ffff; }

    /* * ------------------------------------------------------------------
     * ТАЙМЕР
     * ------------------------------------------------------------------
     */
    .timer-container {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin: 30px 0 40px 0;
    }

    .timer-box {
        background: var(--timer-box-bg-color);
        padding: 10px 15px;
        border-radius: 5px;
        min-width: 80px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.android .timer-box, .android .cta-button, .android .cta-button:hover{ background: linear-gradient(to bottom, #ffa500, #FFcc00); }

    .timer-value {
        font-size: 36px;
        font-weight: bold;
        color: var(--accent-color);
    }

.android .timer-value, .android .timer-label { color: #000; }

    .timer-label {
        font-size: 14px;
        color: var(--text-light);
        margin-top: 5px;
    }

    /* * ------------------------------------------------------------------
     * КНОПКА (CTA)
     * ------------------------------------------------------------------
     */
    .cta-button {
        display: inline-block;
        padding: 15px 40px;
        background: var(--accent-color);
        color: var(--block-bg-color);
        text-decoration: none;
        border-radius: 8px;
        font-size: 18px;
        font-weight: bold;
        border: none;
        cursor: pointer;
        transition: background-color 0.3s, box-shadow 0.3s;
        box-shadow: 0 0 15px rgba(0, 255, 255, 0.7); 
    }

    .cta-button:hover {
        background: #33FFFF; 
        box-shadow: 0 0 25px rgba(0, 255, 255, 1);
    }



















/* --- СТИЛИ ТОЛЬКО ДЛЯ НОВОГО ПРОМО-ФУТЕРА --- */

/* Контейнер */