:root {
  --default-font: 'Roboto', Arial, sans-serif;
  --main-font: Arial, sans-serif;
  --alt-font: 'Roboto Slab', Arial, sans-serif;
  --h-font: 'Roboto Condensed', Arial, sans-serif;
  --flex-2: calc((100% - 24px) / 2);
  --flex-3: calc((100% - 48px) / 3);
  --anim-simple: all .3s ease-out;
}
.content1260 {
  max-width: 1260px;
  width: auto;
}
.container-nopadding {
  margin: 0 auto;
  max-width: 1260px;
}
.container-full {
  max-width: 100%;
}
.container-clean {
  overflow: hidden;
}
#progas * {
  box-sizing: border-box;
}
#progas .content1092 {
  max-width: 1092px;
  width: auto;
}
#progas section {
  padding: 32px 14px;
}
#progas a {
  text-decoration: none;
}
#progas h2 {
  font-family: var(--h-font);
  font-weight: 600;
  color: #0079C1;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
}
#progas #progas-banner {
  padding-top: 0;
}
.progas-banner-wrapper {
  width: 100%;
  position: relative;
}
.progas-banner-wrapper img {
  width: 100%;
  height: auto;
  aspect-ratio: 4000 / 2250;
}
.progas-banner-title {
  bottom: 62px;
  right: 56px;
  left: 56px;
  position: absolute;;
  font-style: italic;
  color: #fff;
  font-family: var(--default-font);
}
#progas .progas-banner-title h1, #progas .progas-banner-title h1 span {
  font-size: 82px;
  font-weight: 800;
  line-height: 1;
}
.progas-banner-title-first {
  text-align-last: left;
  display: inline-block;
}
.progas-banner-title-second {
  text-align: right;
  display: inline-block;
  width: 100%;
}
.progas-banner-note {
  margin-top: 5px;
  font-size: 28px;
  line-height: 1.2;
  text-align: right;
}
.progas-quotes-wrapper {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.progas-quotes-item {
  flex-basis: var(--flex-2);
  background: #f7f7f7;
  padding: 16px 16px 24px;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.progas-quotes-item:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2168 47.7862C3.2168 47.3383 3.2168 47.0488 3.2168 46.6059C10.2837 44.7598 14.8822 40.5752 15.6921 32.7422C11.766 32.7422 7.97295 32.7422 4.08356 32.7422C4.08356 25.4374 4.08356 18.2891 4.08356 11.0488C12.1822 11.0488 20.2616 11.0488 28.3893 11.0488C28.4427 11.1904 28.5506 11.3407 28.548 11.489C28.4525 16.9828 28.6217 22.4984 28.1814 27.9649C27.4147 37.4855 21.7428 43.2013 12.9864 46.1736C9.87518 47.2297 6.64414 47.6885 3.2168 47.7862Z' fill='%230079C1'/%3E%3Cpath d='M31.3379 47.7351C31.3379 47.3411 31.3379 47.0275 31.3379 46.6143C35.6499 45.4369 39.5146 43.5365 41.816 39.438C42.9545 37.4104 43.5889 35.221 43.6625 32.7328C39.75 32.7328 35.9839 32.7328 32.1078 32.7328C32.1078 25.4547 32.1078 18.3071 32.1078 11.0542C40.1514 11.0542 48.1909 11.0542 56.3036 11.0542C56.3425 11.1946 56.4442 11.3867 56.4412 11.5771C56.3555 16.9472 56.4996 22.3347 56.1098 27.6832C55.4954 36.1126 51.025 41.9577 43.2632 45.2763C39.9118 46.7092 36.3798 47.4031 32.767 47.7295C32.3179 47.7701 31.8621 47.7351 31.3379 47.7351Z' fill='%230079C1'/%3E%3C/svg%3E%0A");
  width: 60px;
  height: 60px;
  display: inline-block;
}
.progas-quotes-item-text {
  font-size: 17px;
  font-style: italic;
  line-height: 1.4;
  font-family: var(--main-font);
}
.progas-quotes-item-author {
  margin-top: 12px;
  font-family: var(--alt-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
}
.progas-quotes-item-post {
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  font-family: var(--main-font);
}
.progas-news-container {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.progas-news-wrapper {
  display: flex;
  gap: 24px;
  flex-basis: var(--flex-2);
}
.progas-news-item {
  flex-basis: var(--flex-2);
  display: block;
}
.progas-news-item img {
  height: auto;
  width: 100%;
  display: block;
  aspect-ratio: 510 / 304;
}
.progas-news-item-content {
  height: 172px;
  overflow: hidden;
  position: relative;
  padding: 24px 12px 12px;
  background: #F7F7F7;
}
.progas-news-item-title {
  font-family: var(--alt-font);
  font-size: 15px;
  font-weight: 600;
}
.progas-news-item-date {
  font-size: 13px;
  position: absolute;
  left: 13px;
  bottom: 11px;
  color: #A7A7A7;
}
.progas-banners-wrapper {
  display: flex;
  gap: 24px;
}
.progas-banners-item {
  flex-basis: var(--flex-2);
}
.progas-banners-item img{
  width: 100%;
  height: 324px;
}
.progas-about-note-wrapper {
  display: flex;
  gap: 24px;
}
.progas-about-note-item {
  flex-basis: var(--flex-2);
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--main-font);
}
.progas-about-circles-wrapper {
  display: flex;
  gap: 0;
  margin-top: 24px;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: center;
}
.progas-about-circles-item {
  /*flex-basis: 25%;*/
  width: 270px;
  height: 270px;
  background: #F0F8FF;
  border: 1px solid #C8E6F9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 28px;
  line-height: 1.2;
  font-family: var(--main-font);
  padding: 30px;
}
.progas-about-circles-item + .progas-about-circles-item {
  margin-left: -20px; /* сдвигает вправо, создавая наезд */
}
.progas-stages-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 56px;
}
.progas-stages-item {
  text-align: center;
  color: #888;
  position: relative;
}
.progas-stages-item.is-active {
  color: #000;
}
.progas-stages-item-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--h-font);
  text-transform: uppercase;
}
.progas-stages-item-date {
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--main-font);
  margin-top: 8px;
}
.progas-stages-item::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  background: #D8D8D8;
  border-radius: 50%;
}
.progas-stages-item.is-active::before {
  background: #000;
}
.progas-stages-item::after {
  content: "";
  position: absolute;
  top: -28px; /* по центру круга (24px) + небольшой отступ */
  width: 200%;
  height: 2px;
  background: #D8D8D8;
  z-index: -1; /* чтобы линия шла под кругом */
}
/* убираем линию у последнего элемента */
.progas-stages-item:last-child::after {
  background: #fff
}
.progas-themes-top {
  display: flex;
  gap: 24px;
}
.progas-themes-top h2 {
  flex-basis: var(--flex-2);
}
.progas-themes-description {
  flex-basis: var(--flex-2);
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.4;
}
.progas-themes-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 16px;
}
.progas-themes-item {
  flex-basis: var(--flex-3);
  height: 263px;
  background: #F7F7F7;
  padding: 16px 16px 24px;
  position: relative;
}
.progas-themes-item-icon img {
  width: 60px;
  height: 60px;
}
.progas-themes-item-title {
  position: absolute;
  bottom: 24px;
  left: 16px;
  right: 16px;
  text-transform: uppercase;
  font-family: var(--h-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
.progas-themes-button-wrapper, .progas-news-button-wrapper {
  text-align: center;
  margin-top: 24px;
}
.progas-action, .progas-news-button {
  display: inline-block;
  width: 348px;
  text-align: center;
  color: #fff;
  font-family: var(--default-font);
  padding: 12px;
  background: #0079C1;
  transition: var(--anim-simple);
}
.progas-action:hover, .progas-news-button:hover {
  background: #003D6A;
}
.progas-conditions-wrapper {
  border-top: 1px solid #D8D8D8;
  display: flex;
  flex-direction: column;
}
.progas-conditions-item {
  border-bottom: 1px solid #D8D8D8;
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 34px 0;
}
.progas-conditions-item-title {
  flex-basis: var(--flex-2);
  text-transform: uppercase;
  font-family: var(--h-font);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 16px;
}
.progas-conditions-item-number {
  font-size: 14px;
  line-height: 1.2;
  font-family: var(--main-font);
  color: #888888;
  font-weight: 400;
}
.progas-conditions-item-text {
  flex-basis: var(--flex-2);
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.4;
}
.progas-awards-wrapper {
  margin-top: 24px;
  display: flex;
  padding: 19px 0;
  justify-content: center;
}
.progas-awards-item {
  height: 400px;
  width: 400px;
  padding: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 4px;
  border-radius: 50%;
  text-align: center;
}
.progas-awards-item-title {
  font-family: var(--h-font);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
}
.progas-awards-item-text {
  font-family: var(--main-font);
  font-size: 14px;
  line-height: 1.2;
}
.progas-awards-item + .progas-awards-item {
  margin-left: -54px; /* сдвигает вправо, создавая наезд */
}
.progas-awards-item:first-child {
  background: url('../img/progas/award-circle.png') center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
.progas-awards-item:nth-child(2) {
  border: 1px solid #0079C1;
}
.progas-awards-item:nth-child(3) {
  background: #0079C1;
}
.progas-awards-item:nth-child(3) .progas-awards-item-title {
  color: #fff;
}
#progas #progas-content-banner {
  padding-top: 44px;
}
.progas-content-banner-wrapper {
  padding: 64px 48px;
  background: linear-gradient(92.35deg, #279C7E 0.48%, #2C6EA7 100%);
  position: relative;
}
.progas-content-banner-title {
  max-width: 700px;
  font-family: var(--h-font);
  text-transform: uppercase;
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
}
.progas-content-banner-img {
  position: absolute;
  bottom: 0;
  right: -12px;
  display: block;
}
.progas-jury-wrapper {
  display: flex;
  gap: 0 24px;
  flex-wrap: wrap;
}
.progas-jury-item {
  flex-basis: var(--flex-2);
  padding: 24px 0;
  border-top: 1px solid #D8D8D8;
}
.progas-jury-item + .progas-jury-item {
  border-top: none;
  border-bottom: 1px solid #D8D8D8;
}
.progas-jury-wrapper .progas-jury-item:first-child {
  border-bottom: 1px solid #D8D8D8;
}
.progas-jury-wrapper .progas-jury-item:nth-child(2) {
  border-top: 1px solid #D8D8D8;
}
.progas-jury-item-title {
  font-family: var(--h-font);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.2;
}
.progas-jury-item-text {
  margin-top: 8px;
  color: #888888;
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--main-font);
}
#progas #progas-second-banner {
  padding-top: 0;
}
.progas-second-banner {
  width: 100%;
}
.progas-second-banner img {
  width: 100%;
  height: auto;
  aspect-ratio: 1260 / 740;
}
.progas-center-action-images {
  text-align: center;
  position: relative;
  top: 35px;
}
.progas-center-action-images img {
  display: inline-block;
}
.progas-center-action-container {
  padding-top: 75px;
  border-top: 1px solid #0079C1;
  text-align: center;
}
.progas-center-action-text {
  margin-top: 16px;
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.4;
}
.progas-center-action-container .progas-action {
  margin-top: 24px;
  width: 209px;
}
#progas #progas-documents {
  padding-top: 64px;
}
.progas-documents-wrapper {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.progas-documents-item {
  flex-basis: var(--flex-3);
  height: 125px;
  padding: 16px;
  position: relative;
  background: #F7F7F7;
}
.progas-documents-item-title {
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--main-font);
}
.progas-documents-item-download {
  display: flex;
  color: #888888;
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--main-font);
  gap: 4px;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  transition: var(--anim-simple);
}
.progas-documents-item-download:hover {
  color: #000;
}
.progas-documents-item-download:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66699 9.99984L10.0003 13.3332M10.0003 13.3332L13.3337 9.99984M10.0003 13.3332V6.6665M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  display: inline-block;
  transition: var(--anim-simple);
}
.progas-documents-item-download:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66699 9.99984L10.0003 13.3332M10.0003 13.3332L13.3337 9.99984M10.0003 13.3332V6.6665M18.3337 9.99984C18.3337 14.6022 14.6027 18.3332 10.0003 18.3332C5.39795 18.3332 1.66699 14.6022 1.66699 9.99984C1.66699 5.39746 5.39795 1.6665 10.0003 1.6665C14.6027 1.6665 18.3337 5.39746 18.3337 9.99984Z' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#progas #progas-contacts {
  padding: 0;
}
.progas-contacts-title {
  font-family: var(--h-font);
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #0079C1;
  text-align: center;
  padding: 64px;
  background: #EBF6FF;
}
.progas-contacts-title a {
  color: #0079C1;
  transition: var(--anim-simple);
}
.progas-contacts-title a:hover {
  color: #000;
}
.progas-faq-container {
  display: flex;
  gap: 24px;
}
.progas-faq-left {
  flex-basis: var(--flex-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.progas-faq-right {
  flex-basis: var(--flex-2);
}
.progas-faq-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.progas-faq-item {
  flex-basis: 100%;
  position: relative;
  background: #F7F7F7;
}
.progas-faq-item-title {
  font-family: var(--h-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 17px 56px 17px 16px;
  display: block;
}
.progas-faq-item-title:after {
  position: absolute;
  top: 16px;
  right: 16px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s ease;
}
.progas-faq-item.is-active .progas-faq-item-title:after {
  transform: rotate(-180deg);
}
.progas-faq-item-text {
  padding: 0 16px;
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.4;
  transform: scaleY(0);
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: var(--anim-simple);
  transform-origin: top;
}
.progas-faq-item-text ul {
  list-style: disc;
  padding-left: 20px;
}
.progas-faq-item-text ol {
  list-style: decimal;
  padding-left: 20px;
}
#progas .progas-faq-item-text a {
  transition: var(--anim-simple);
  text-decoration: underline;
}
.progas-faq-item-text a:hover {
  color: #0079C1;
}
.progas-faq-item.is-active .progas-faq-item-text {
  transform: scaleY(1);
  opacity: 1;
  max-height: 2000px;
  padding-bottom: 16px;
}
.progas-faq-right .progas-faq-right-button {
  display: none;
}
#progas #progas-faq {
  padding-bottom: 64px;
}
.popup-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: -10;
  opacity: 0;
  display: flex;
}
.form-content {
  background-color: #fff;
  padding: 32px 32px 42px;
  border-radius: 12px;
  max-width: 518px;
  height: 182px;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--main-font);
  font-size: 16px;
  line-height: 1.4;
  transform: translateY(100%);
  opacity: 0;
  transition: var(--anim-simple);
}
.popup-form.is-active {
  opacity: 1;
  z-index: 999;
}
.popup-form.is-active .form-content {
  transform: translateY(0);
  opacity: 1;
}
.close-btn {
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"><path d="M11 11L20.3334 20.3334M11 11L1.66669 1.66669M11 11L1.66669 20.3334M11 11L20.3334 1.66669" stroke="%231B2128" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
}
.close-btn:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"><path d="M11 11L20.3334 20.3334M11 11L1.66669 1.66669M11 11L1.66669 20.3334M11 11L20.3334 1.66669" stroke="%23EF3123" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: cover;
}
.logoGazprom.logoGazpromProGas {
  background: none;
  margin-right: 20px;
}
.logoGazpromProGas img {
  height: 46px;
  margin-top: 4px;
}
.header-button-wrapper {
    display: inline-block;
    margin-top: 3px;
    margin-left: 25px;
}
.header-button {
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 12px 24px;
    width: auto;
    background: #0079C1;
    transition: all .3s ease-out;
    text-decoration: none;
    
}
.header-button:hover {
    background: #003D6A;
}

/* Media */
/* Large → меньше 1400px (xl) */
@media (max-width: 1399.98px) {
  #progas .progas-banner-title h1, #progas .progas-banner-title h1 span {
    font-size: 50px;
  }
  .progas-banner-title {
    bottom: 30px;
  }
}

/* Medium → меньше 1200px (lg) */
@media (max-width: 1199.98px) {
  #progas .progas-banner-title h1, #progas .progas-banner-title h1 span {
    font-size: 40px;
  }
  .progas-banner-note {
    font-size: 24px;
  }
  .progas-about-circles-item {
    width: 200px;
    height: 200px;
    font-size: 22px;
  }
  .progas-news-wrapper {
    flex-basis: 100%;
  }
  .progas-news-container {
    justify-content: center;
  }
  .progas-awards-item {
    width: 300px;
    height: 300px;
  }
  .progas-awards-item-title {
    font-size: 24px;
  }
  .progas-content-banner-wrapper {
    padding: 24px 110px 110px 24px;
  }
  .progas-content-banner-img {
    right: 0;
    width: 150px;
  }
  .logoGazpromProGas {
    display: none;
  }
}

/* Small → меньше 992px (md) */
@media (max-width: 991.98px) {
  #progas section {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #progas .progas-banner-title h1, #progas .progas-banner-title h1 span {
    font-size: 36px;
  }
  .progas-banner-note {
    font-size: 20px;
  }
  .progas-banner-title {
    bottom: 20px;
    right: 40px;
    left: 40px;
  }
  .progas-quotes-item {
    flex-basis: 100%;
  }
  .progas-about-note-wrapper {
    flex-direction: column;
  }
  .progas-about-circles-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .progas-about-circles-item {
    width: 270px;
    height: 270px;
    font-size: 28px;
  }
  .progas-about-circles-item + .progas-about-circles-item {
    margin-left: 0;
    margin-top: -20px;
  }
  .progas-themes-top {
    flex-direction: column;
  }
  .progas-themes-item {
    flex-basis: var(--flex-2);
  }
  .progas-awards-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .progas-awards-item + .progas-awards-item {
    margin-left: 0;
    margin-top: -54px;
  }
  .progas-content-banner-img {
    width: 130px;
  }
  .progas-content-banner-title {
    font-size: 22px;
  }
  .progas-documents-item {
    flex-basis: var(--flex-2);
  }
  .progas-faq-container {
    flex-direction: column;
  }
  .progas-faq-left .progas-action {
    display: none;
  }
  .progas-faq-right .progas-faq-right-button {
    display: block;
    margin-top: 16px;
    text-align: center;
  }
  #progas #progas-stages {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .progas-stages-item-title {
    font-size: 18px;
  }
  .progas-stages-item-date {
    font-size: 14px;
  }
  #progas-themes h2 {
    margin-bottom: 0;
  }
  .progas-themes-top {
    gap: 14px;
  }
  #progas #progas-news, #progas #progas-themes, #progas #progas-conditions, #progas #progas-content-banner, #progas #progas-documents {
    padding-bottom: 32px;
  }
  #progas #progas-about, #progas #progas-faq {
    padding-top: 32px;
  }
  .progas-faq-container {
    gap: 0;
  }
  #progas #progas-faq {
    padding-bottom: 64px;
  }
  .header-button-wrapper {
    display: none;
  }
}

/* Extra small → меньше 768px (sm) */
@media (max-width: 767.98px) {
  #progas h2 {
    font-size: 22px;
  }
  .progas-banner-title {
    bottom: 14px;
    right: 25px;
    left: 25px;
  }
  .progas-conditions-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .progas-conditions-item-text {
    padding-left: 32px;
  }
  .progas-content-banner-title {
    font-size: 18px;
  }
  .progas-jury-wrapper {
    flex-direction: column;
  }
  .progas-jury-wrapper .progas-jury-item:first-child {
    border-bottom: 0;
  }
  .progas-documents-item {
    flex-basis: 100%;
  }
  .progas-stages-wrapper {
    margin-top: 0;
    flex-direction: column;
    gap: 32px;
  }
  .progas-stages-item {
    text-align: left;
  }
  .progas-stages-item::before {
    position: static;
    display: inline-block;
    transform: translateX(0) translateY(5px);
    margin-right: 15px;
  }
  .progas-stages-item::after {
    top: 5px;
    left: 11px;
    height: 200%;
    width: 2px;
  }
  .progas-stages-item-title {
    display: inline-block;
  }
  .progas-stages-item-date {
    margin-left: 45px;
  }
  .progas-quotes-item:before {
   background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2168 47.7862C3.2168 47.3383 3.2168 47.0488 3.2168 46.6059C10.2837 44.7598 14.8822 40.5752 15.6921 32.7422C11.766 32.7422 7.97295 32.7422 4.08356 32.7422C4.08356 25.4374 4.08356 18.2891 4.08356 11.0488C12.1822 11.0488 20.2616 11.0488 28.3893 11.0488C28.4427 11.1904 28.5506 11.3407 28.548 11.489C28.4525 16.9828 28.6217 22.4984 28.1814 27.9649C27.4147 37.4855 21.7428 43.2013 12.9864 46.1736C9.87518 47.2297 6.64414 47.6885 3.2168 47.7862Z' fill='%230079C1'/%3E%3Cpath d='M31.3379 47.7351C31.3379 47.3411 31.3379 47.0275 31.3379 46.6143C35.6499 45.4369 39.5146 43.5365 41.816 39.438C42.9545 37.4104 43.5889 35.221 43.6625 32.7328C39.75 32.7328 35.9839 32.7328 32.1078 32.7328C32.1078 25.4547 32.1078 18.3071 32.1078 11.0542C40.1514 11.0542 48.1909 11.0542 56.3036 11.0542C56.3425 11.1946 56.4442 11.3867 56.4412 11.5771C56.3555 16.9472 56.4996 22.3347 56.1098 27.6832C55.4954 36.1126 51.025 41.9577 43.2632 45.2763C39.9118 46.7092 36.3798 47.4031 32.767 47.7295C32.3179 47.7701 31.8621 47.7351 31.3379 47.7351Z' fill='%230079C1'/%3E%3C/svg%3E%0A");
    width: 40px;
    height: 40px;
  }
  .progas-banners-item img {
    height: auto;
  }
  .progas-stages-item-title {
    font-size: 22px;
  }
  .progas-stages-item-date {
    font-size: 18px;
  }
  .progas-conditions-item {
    gap: 10px;
    padding: 20px 0;
  }
  .progas-contacts-title {
    padding: 32px;
    font-size: 22px;
  }
}

/* Very small → меньше 576px (xs) */
@media (max-width: 575.98px) {
  #progas .progas-banner-title h1, #progas .progas-banner-title h1 span {
    font-size: 20px;
  }
  .progas-banner-note {
    font-size: 12px;
  }
  .progas-themes-item {
    flex-basis: 100%;
  }
  .progas-content-banner-title {
    font-size: 14px;
  }
  .progas-content-banner-wrapper {
    padding-right: 80px;
  }
  .progas-quotes-item-text {
    font-size: 14px;
  }
  .progas-quotes-item-author {
    font-size: 18px;
  }
  .progas-news-item-title {
    font-size: 14px;
  }
  .progas-about-note-item {
    font-size: 14px;
  }
  .progas-about-circles-item {
    width: 200px;
    height: 200px;
    font-size: 18px;
    padding: 20px;
  }
  .progas-themes-description {
    font-size: 14px;
  }
  .progas-themes-item {
    height: 180px;
  }
  .progas-conditions-item-title {
    font-size: 16px;
  }
  .progas-conditions-item-text {
    font-size: 14px;
  }
  .progas-center-action-images img {
    height: 50px;
  }
  .progas-center-action-container {
    padding-top: 50px;
  }
  .progas-documents-item-title, .progas-documents-item-download {
    font-size: 14px;
  }
  .progas-contacts-title {
    font-size: 18px;
  }
  .progas-faq-item-title {
    font-size: 16px;
  }
  .progas-faq-item-text {
    font-size: 14px;
  }
  .progas-documents-item {
    height: 96px;
  }
  .progas-quotes-item-post {
    font-size: 13px;
  }
}