/*
    --- 01 TYPOGRAPHY

    -FONT SIZE SYSTEM (px)
    10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

    -Font weights
    Default: 400
    Medium: 500
    Semi-bold: 600
    Bold: 700

    -Line heights
    Default: 1
    Card elements: 1.7
    Footer: 1.6 2

    --- 02 COLOURS

    -Primary: #6b973f
    -Secondary: #264897

    -Tints: 
    #f0f5ec 
    #3c5aa1 #e9edf5
    -Shades: 
    #567932 
    #1b326a
    -Accents: 
    -greys: #555 #333 
    
    For pop-up: #f9fff6 (not from tint and shade generator)
    For teacher-intor-cards: #f9f9f9 (not from tint and shade generator)

    --- 03 SHADOWS
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);

    --- 04 BORDER-RADIOUS
    rounder-line, pop-up anchor : 3px
    button & card: 10px
    learn-more button, pop-up: 9px

    --- 05 WHITESPACE 

    -SPACING SYSTEM (px)
    2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 / 192 / 256
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Rubik", sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #555;
  overflow-x: hidden;
}

/*===============*/
/*   RE-USABLE   */
/*===============*/
.margin-right {
  margin-right: 1.6rem;
}

.grid-2cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 auto;
  gap: 4.8rem;
}

.grid-3cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  gap: 4.8rem;
}

.grid-4cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  gap: 4.8rem;
}

/*===============*/
/*    HEADER     */
/*===============*/
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: 8rem;
  padding: 0 4.8rem;
  background-color: #f0f5ec;

  position: relative;
}

/*===============*/
/*  NAVIGATION  */
/*===============*/
.main-nav-list {
  list-style: none;
  display: flex;
  gap: 3.2rem;
}

.main-nav-link:link,
.main-nav-link:visited {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  font-size: 1.8rem;
  transition: all 0.3s;
}

.main-nav-link:hover,
.main-nav-link:active {
  color: #567932;
}

/* MOBILE NAV */
.btn-mobile-nav {
  border: none;
  background: none;
  cursor: pointer;

  display: none;
}
.icon-mobile-nav {
  height: 4.8rem;
  width: 4.8rem;
  color: #333;
}

.icon-mobile-nav[name="close-outline"] {
  display: none;
}
/*===============*/
/* HERO SECTION */
/*===============*/
.hero-section {
  background-color: #f0f5ec;
  padding: 5.6rem 2.4rem 9.6rem 2.4rem;
  margin-bottom: 3rem;
}
.hero {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 8rem;
  margin: 0 auto;
  max-width: 130rem;
}

.main-heading {
  font-size: 7.4rem;
  margin-bottom: 1.6rem;
}

.main-heading span {
  position: relative;
}

.main-heading span::before {
  content: "137 СУ";
  color: #555;
  animation: words 8s infinite;
}

.main-heading span::after {
  content: "";
  position: absolute;
  width: calc(100% + 8px);
  height: 100%;
  background-color: #f0f5ec;
  border-left: 2px solid #555;
  right: -8px;
  animation:
    cursor 0.8s infinite,
    typing 8s steps(14) infinite;
}

@keyframes cursor {
  to {
    border-left: 2px solid #f0f5ec;
  }
}

@keyframes words {
  0%,
  50% {
    content: "137 СУ";
  }
  51%,
  100% {
    content: "Другото вкъщи";
  }
}

@keyframes typing {
  20%,
  40%,
  70%,
  90% {
    width: 0;
  }
  10%,
  50%,
  55% {
    width: calc(100% + 8px);
  }
}

.rounded-line {
  max-width: 29rem;
  height: 0.6rem;
  background-color: #555;
  border-radius: 3px;
  margin-bottom: 2.4rem;
}
.hero-description {
  font-size: 2.4rem;
  margin-bottom: 8rem;
  line-height: 1.3;
}

.btn:link,
.btn:visited {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.2rem 3.2rem;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 2px;

  border-radius: 10px;
}

.btn--fill:link,
.btn--fill:visited {
  background-color: #6b973f;
  color: #fff;
  transition: all 0.3s;
}

.btn--fill:hover,
.btn--fill:active {
  background-color: #567932;
}

.btn--outline:link,
.btn--outline:visited {
  background-color: #fff;
  color: #555;
  transition: all 0.3s;
}

.btn--outline:hover,
.btn--outline:active {
  background-color: #f0f5ec;
  box-shadow: inset 0 0 0 3px #fff;
}

.hero-img {
  max-width: 100%;
}

/*===============*/
/*     STATS     */
/*===============*/
.stats {
  max-width: 120rem;
  padding: 3.6rem 2.4rem;
  justify-items: center;
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 12.8rem;
}

.stats-numbers {
  color: #264897;
  font-size: 3.6rem;
}

/*===============*/
/*     ВАЖНО     */
/*===============*/
.vajno.grid-2cols {
  /*grid-template-columns: 1.8fr 5.5fr;*/
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  gap: 1.6rem;
}
.vajno-section {
  max-width: 120rem;
  padding: 2.4rem;
  margin: 0 auto;
  margin-bottom: 5.6rem;
}

.vajno-img {
  max-width: 100%;
  display: grid;
  justify-self: center;
}
.vajno-img-malka {
  max-width: 70%;
  margin: 3rem auto;
}

.vajno-video {
  max-width: 80%;
}
/*===============*/
/*    АКТУАЛНО    */
/*===============*/
.aktualno {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2.4rem;
  margin-bottom: 25.6rem;
}

.section-header {
  font-size: 3.2rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 2.4rem;
  padding: 0 2.4rem;
}

.section-description,
.regular-list-item {
  font-size: 1.8rem;
  line-height: 1.5;
}

.section-description {
  margin-bottom: 4.4rem;
  padding: 0 2.4rem;
}

.regular-unordered-list {
  margin-left: 5rem;
}
.regular-list-item:last-child {
  margin-bottom: 4.4rem;
}

.aktualno-grid {
  max-width: 110rem;
  align-items: center;
  /*column-gap: 2.4rem;
  row-gap: 0;*/
  gap: 0;
  background-image: linear-gradient(#264897, #1b326a);
  border-radius: 10px;
  overflow: hidden;
}

.row-info {
  /*margin-left: 3.6rem;*/
  padding: 8rem 2.4rem;
  color: #e9edf5;
}

.row-header {
  font-size: 8rem;
  font-weight: 400;
  margin-bottom: 1.8rem;
}
.smaller-font-word {
  font-size: 5.5rem;
}

.row-description {
  font-size: 2.4rem;
  line-height: 1.3;
}

.row-pic {
  background-size: cover;
  background-position: center;
  /*max-width: 100%;*/
  min-height: 100%;
}

.pic-1 {
  background-image:
    linear-gradient(rgba(38, 72, 151, 0.3), rgba(27, 49, 106, 0.3)),
    url("../img/nashite-uchenici/so alive 2025.jpg");
}
.pic-2 {
  background-image:
    linear-gradient(rgba(38, 72, 151, 0.3), rgba(27, 49, 106, 0.3)),
    url("../img/proekti/Проект „ПЪТЕВОДИТЕЛ ЗА БЪДЕЩЕТО“.jpg");
}
.pic-3 {
  background-image:
    linear-gradient(rgba(38, 72, 151, 0.3), rgba(27, 49, 106, 0.3)),
    url("../img/nashite-uchenici/географски фестивал 2025/geo_fest1.jpg");
}

.pic-4 {
  background-image:
    linear-gradient(rgba(38, 72, 151, 0.3), rgba(27, 49, 106, 0.3)),
    url("../img/nashite-uchenici/Ден на розовата фланелка февруари 2025/1.jpg");
}

.video-regular {
  max-width: 90%;
  display: block;
  margin: 0 auto;
}

/*===============*/
/*   CARD-PRIEM   */
/*===============*/
.priem-card-section {
  max-width: 120rem;
  margin-bottom: 12.8rem;
  padding: 0 2.4rem;
}

.priem-card {
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;

  display: grid;
  grid-template-rows: 235px auto;
}
.priem-box {
  padding: 1.6rem 3rem;
  display: grid;
}

.card-img {
  max-width: 100%;
  margin-bottom: 1.6rem;
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px;*/
}

.card-icon {
  font-size: 3.2rem;
  color: #264897;
  color: #6b973f;
  margin-bottom: 1.8rem;
}

.priem-heading {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
}

.priem-info {
  font-size: 1.8rem;
  list-style: none;
  margin-bottom: 3.6rem;
  line-height: 1.7;
}

.li-decoration {
  list-style: disc;
  margin-left: 2rem;
}

.btn-learn-more:link,
.btn-learn-more:visited {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  font-size: 1.8rem;
  text-decoration: none;
  color: #fff;
  background-color: #264897;
  background-color: #6b973f;
  border-radius: 9px;
  transition: all 0.3s;
  /*justify-self: end;*/
}

.btn-learn-more:hover,
.btn-learn-more:active {
  background-color: #3c5aa1;
  background-color: #567932;
}

.btn-learn-more2:link,
.btn-learn-more2:visited {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  font-size: 1.8rem;
  text-decoration: none;
  color: #fff;
  background-color: #264897;
  border-radius: 9px;
  transition: all 0.3s;
  /*justify-self: end;*/
}

.btn-learn-more2:hover,
.btn-learn-more2:active {
  background-color: #3c5aa1;
}

.priem-box .btn-learn-more:link,
.priem-box .btn-learn-more:visited,
.priem-box .btn-learn-more:hover,
.priem-box .btn-learn-more:active {
  justify-self: start;
  align-self: end;
}
/*
.card-2 .btn-learn-more:link,
.card-2 .btn-learn-more:visited,
.card-2 .btn-learn-more:hover,
.card-2 .btn-learn-more:active {
  margin-top: 6.1rem;
}

.card-3 .btn-learn-more:link,
.card-3 .btn-learn-more:visited,
.card-3 .btn-learn-more:hover,
.card-3 .btn-learn-more:active {
  margin-top: 9.1rem;
}
*/
/*===============*/
/*     FOOTER     */
/*===============*/
.footer {
  max-width: 120rem;
  font-size: 1.4rem;
  line-height: 2;
  padding: 3.6rem 2.4rem;
  align-items: start;
}

.social-media-links-section {
  line-height: 1.6;
}

.footer-logo {
  margin-bottom: 0.8rem;
  filter: invert(13%) sepia(1%) saturate(0%) hue-rotate(167deg) brightness(96%)
    contrast(80%);
}
.footer-link-list {
  list-style: none;
}

.footer-link-list.social-media-list {
  display: flex;
  gap: 0.8rem;
  margin-left: 0.3rem;
  margin-bottom: 3.6rem;
}

.social-media-link {
  font-size: 1.8rem;
}

.footer-link {
  text-decoration: none;
  color: #555;
}

.partners {
  grid-column: 3/4;
}

.partners,
.contact-us {
  justify-self: end;
}

.footer-headers {
  margin-bottom: 0.5rem;
}

/*=======================*/
/* OPTIONS - OTHER PAGES */
/*=======================*/
.top-section {
  background-color: #f0f5ec;
  padding: 5.6rem 2.4rem 9.6rem 2.4rem;
  margin-bottom: 7.2rem;
}

.top-section-elements {
  max-width: 120rem;
  margin: 0 auto;
  text-align: center;
}

.header-secondary {
  font-size: 6.2rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
  font-weight: 500;
}

.page-description {
  font-size: 2.4rem;
  line-height: 1.3;
}
/*=======================*/
.groups-showcase.grid-3cols {
  justify-items: center;
  gap: 9.6rem;
}

.groups-showcase {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 12.8rem;
  background-color: #6b973f;
  padding: 3.6rem 3.2rem;
  border-radius: 10px;
}

.group {
  display: grid;
  background-color: #f0f5ec;
  border-radius: 10px;
  padding: 1.6rem 3.2rem;
}

.group-img {
  max-width: 15rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  justify-self: center;
  object-fit: cover;
  margin-bottom: 1.2rem;
  box-shadow: 0 0 0 7px #fff;
}

.group-text {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}

.group-header {
  margin-bottom: 1.8rem;
  text-align: center;
}

.group .btn-learn-more:link,
.group .btn-learn-more:visited {
  justify-self: start;
  align-self: end;
  background-color: #264897;
  transition: all 0.3s;
}
.group .btn-learn-more:hover,
.group .btn-learn-more:active {
  background-color: #3c5aa1;
}

/*=============*/
.staff .section-options {
  margin-bottom: 9.6rem;
}
.US .section-options {
  margin-bottom: 9.6rem;
}

.section-options {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 19.2rem;
}

.history {
  padding: 0 2.4rem;
}

.image-grid {
  display: grid;
  max-width: 120rem;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 4.2rem;
}

.image-grid-element {
  max-width: 100%;
}

.image-grid-element1 {
  grid-row: 1/3;
  align-self: stretch;
}
/*=============*/
.slider-wrapper {
  position: relative;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2.4rem;
}

.slider {
  display: flex;
  aspect-ratio: 20/9;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  border-radius: 10px;
  overflow: hidden;
}

.slider img {
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
  transform-origin: top 3rem;
}

.slider-nav {
  display: flex;
  column-gap: 1rem;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.slider-nav a {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.75;
  transition: opacity ease 250ms;
}

.slider-nav a:hover {
  opacity: 1;
}
/*=======*/
/*=============*/
/*=============*/
.priem-main {
  margin-bottom: 12.8rem;
  padding: 0 2.4rem;
}

.priem-container {
  max-width: 120rem;
  align-items: center;
  box-shadow: inset 0 0 0 5px #e1ead9;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 3.2rem;
  aspect-ratio: 8.2/3.1;
}

.priem-img-main {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.priem-info-main {
  display: grid;
  margin-right: 3.2rem;
}
.priem-header-main {
  font-size: 3.2rem;
  margin-bottom: 3.6rem;
  margin-top: 1rem;
}

.priem-description-main {
  font-size: 2.4rem;
  margin-bottom: 4.8rem;
  line-height: 1.3;
}

.priem-info-main .btn-learn-more2:link,
.priem-info-main .btn-learn-more2:active,
.priem-info-main .btn-learn-more2:hover,
.priem-info-main .btn-learn-more2:visited {
  display: inline-block;
  justify-self: end;
  margin-bottom: 2rem;
  font-size: 2rem;
}
/*---*/

/* .paralelka-1vi-1 {
  justify-self: start;
}

.paralelka-1vi-4 {
  justify-self: end;
} */

.table-priem,
.table-priem-2,
.table-priem-3 {
  max-width: 120rem;
  margin: 0 auto;
  font-size: 1.8rem;
}

.table-priem-2 {
  display: none;
}
.table-priem-3 {
  display: none;
}

.table-info-priem-1kl {
  max-width: 115rem;
  margin: 0 auto;
  margin-bottom: 9.8rem;
}

.table-priem-1vi {
  margin-bottom: 1.6rem;
}

.table-priem-1vi .table-header,
.table-priem-1vi .table-element {
  width: 25%;
}

.table-priem-1vi .table-header {
  text-align: center;
}

.icon-paralelka {
  color: #f0f5ec;
  font-size: 2rem;
}

.table-info-priem-1kl-text {
  font-size: 1.8rem;
  line-height: 1.5;
  display: flex;
  max-width: 90rem;
  margin: 5.6rem auto 1.2rem auto;
}

.table-info-priem-1kl-text-p:nth-child(2) {
  margin-left: auto;
}
/*-5kl priem*/
.table-info-priem-5kl {
  max-width: 115rem;
  margin: 0 auto;
  margin-bottom: 9.8rem;
}

.table-priem-5ti {
  margin-bottom: 1.6rem;
}

.table-priem-5ti .table-header {
  text-align: center;
}

.table-priem-5ti .table-header,
.table-priem-5ti .table-element {
  width: 25%;
}

.table-info-priem-5kl-text {
  font-size: 1.8rem;
  line-height: 1.5;
}
/*-8kl priem*/
.table-info-priem-8kl {
  max-width: 115rem;
  margin: 0 auto;
  /*display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  gap: 3.6rem;*/
}

.table-info-priem-8kl {
  font-size: 1.8rem;
}

.table-info-priem-8kl-text {
  margin-bottom: 3rem;
}

.table-info-priem-8kl-subhead {
  margin-bottom: 1rem;
  line-height: 1.4;
}

.table-info-priem-8kl-list {
  line-height: 1.5;
  margin-left: 1.8rem;
}

.table-priem {
  border-collapse: collapse;
}

.table-element {
  padding: 1.2rem;
  line-height: 1.4;
}

.table-element-list {
  margin-left: 1.6rem;
}

.table-header {
  background-color: #567932;
  color: #f0f5ec;
  text-align: left;
  padding: 1.6rem;
  text-transform: uppercase;
}

tr:nth-child(odd) {
  background-color: #f0f5ec;
}
tr:nth-child(even) {
  background-color: #e1ead9;
}
/*=============*/
.testimonials-fb {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 9.6rem;
  padding: 0 5.6rem;
}

.quote-icon {
  font-size: 8rem;
  color: #333;
  position: absolute;
  left: -35px;
  top: -55px;
}

.comment {
  margin-bottom: 1rem;
  padding: 1.6rem;
  border-radius: 3.5rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.comment-1 {
  position: relative;
}

.comentator {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.review {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
  line-height: 1.3;
}

.star-rating {
  display: flex;
  gap: 0.5rem;
  font-size: 1.5rem;
  color: #f1aa38;
}
/*==================*/
/*== DOKUMENTACIQ ==*/
/*==================*/
.doc-column-imp,
.doc-column-useful,
.doc-column-konsultacii,
.doc-column-rod-sreshti,
.doc-column-drugi {
  display: flex;
  flex-direction: column;
}
.doc-icon {
  display: inline-block;
  font-size: 5.2rem;
  margin-bottom: 3.6rem;
  align-self: center;
}

.doc-icon-others {
  color: rgb(169, 37, 37);
}

.doc-files {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 9.6rem;
  padding: 0 2.4rem;
}

.doc-file {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3;
  text-decoration: none;
  margin-bottom: 2.5rem;
  color: #264897;
}

.doc-file-imp {
  color: rgb(169, 37, 37);
  font-weight: 700;
  text-decoration: underline;
}

.imp-file-download {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
/*==================*/
/*==   KONTAKTI   ==*/
/*==================*/
.contact-form {
  max-width: 120rem;
  margin: 0 auto;
  margin-bottom: 9.6rem;
}

.contact-info {
  display: block;
  text-align: center;
  font-size: 2.4rem;
  text-decoration: none;
  color: #264897;
}

.contact-info-p {
  text-align: center;
  font-size: 1.6rem;
  margin-top: 1.8rem;
}
/*===============*/
.news.section-options {
  margin-bottom: 9.6rem;
}
.fb-post-pic {
  display: none;
  width: 100%;
  max-width: 54.4rem;
  margin: 0 auto;
  padding: 1.2rem;
}

.news-pic {
  max-width: 100%;
}

.news-video {
  max-width: 100%;
}

.news .grid-3cols {
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.5rem;
  justify-items: center;
}

/*=== POP-UP ===*/
.popup {
  z-index: 99 !important;
  background-color: #f9fff6;
  max-width: 45rem;
  min-width: 30rem;
  padding: 3rem 4rem;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border-radius: 9px;
  display: none;
  box-shadow: 0 0 20px 10px #d1d1d1;
}
.popup button {
  display: block;
  margin: 0 0 2rem auto;
  background-color: transparent;
  font-size: 3rem;
  color: #555;
  border: none;
  outline: none;
  cursor: pointer;
}
.popup h2 {
  text-align: center;
  font-size: 2rem;
}
.popup p,
.popup ul {
  font-size: 1.6rem;
  margin: 2rem 0;
}

.pop-up-text-centre {
  text-align: center;
}

.popup ul {
  padding-left: 2rem;
  line-height: 1.4;
}
.popup-button {
  font-size: 1.6rem;
  display: block;
  max-width: 15rem;
  position: relative;
  margin: auto;
  text-align: center;
  background-color: #6b973f;
  color: #e9edf5;
  text-decoration: none;
  padding: 0.5rem 0;
  border-radius: 3px;
  margin-top: 1.6rem;
}
.popup-doc-file {
  font-size: 1.6rem;
  text-decoration: underline solid #1b326a;
  font-style: italic;
  display: block;
  text-align: center;
  margin-top: 0.8rem;
}

/*==================*/
/*==     EKIP     ==*/
/*==================*/

.teachers-intro.grid-3cols {
  gap: 1.6rem;
}
.US-intro.grid-3cols {
  gap: 1.6rem;
}
.teachers-intro {
  margin: 0 1rem;
}
.US-intro {
  margin: 0 1rem;
}
.teachers-card,
.US-card {
  display: flex;
  gap: 2.4rem;
  /*background-color: #f9f9f9;*/
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.uchitel-info,
.US-info {
  margin-top: 2.4rem;
}

.uchitel-snimka,
.US-snimka {
  max-width: 12rem;
  max-height: 12rem;
  border-radius: 50%;
  margin-bottom: 1.6rem;
  align-self: baseline;
  margin-top: 1.8rem;
}
.uchitel-ime,
.US-ime {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.uchitel-opisanie,
.US-opisanie {
  font-size: 1.6rem;
}

/*BUDGET FILES SECTION*/

.budget-files,
.obshtestven-suvet-files,
.profil-na-kupuvacha-files {
  display: table;
  margin: 0 auto;
  padding: 0 1rem;
}

/*=======================*/
/*== ZA-NAS -> PROEKTI ==*/
/*=======================*/
.img-proekt {
  border-radius: 10px;
  max-width: 100%;
}