/* BEGIN Блок с благами */
body {
  background-color: #e8eaf1;
}

#blue-card-1, #blue-card-2, #blue-card-3, #blue-card-4, #blue-card-5, #blue-card-6 {
height: unset !important;
margin-bottom: 25px !important;
}



 h4.blago-h4 {
font-size: 24px;
font-family: Intro;
color: #000000;
margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
line-height: 1.1em;
text-align: center;
  }

@media (max-width: 767px) {
  #blue-card-1, #blue-card-2, #blue-card-3, #blue-card-4, #blue-card-5, #blue-card-6 {
  height: unset !important;
  margin-bottom: 10px !important;

  }  

  h4.blago-h4 {
    font-size: 16px;
    font-family: Intro;
    /* font-weight: 00; */
    font-size: 16px;
    line-height: 124%;
    letter-spacing: 2%;
    text-align: center;
    color: #000000;
  }
}

.blago-body {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

p.blago-text {
    text-align: left;
    margin: 0 0 0 12px !important;
}

.card {
  height: 100%;
  padding: 20px;
  margin: 0px 0px 0px 0px;
  border-radius: 10px;
}

.border-blue {
background-color: white;
border-radius: 10px;
opacity: 0px;
background: #EFF2F8;
/* border: 1px solid #01519B; */
}

 .white-blue-hover:hover {
    background: #01519B;
    color: white;
    transition: .5s;
  }

#num-1, #num-2, #num-3, #num-4, #num-5, #num-6 {
  width: 60px;
  height: 60px;
  position: relative;
}


/* Левая иконка (показывается по умолчанию) */
#num-1 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-1 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-1:hover .icon-left {
  opacity: 0;
}
#blue-card-1:hover .icon-right {
  opacity: 1;
}


/* Левая иконка (показывается по умолчанию) */
#num-2 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-2 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-2:hover .icon-left {
  opacity: 0;
}
#blue-card-2:hover .icon-right {
  opacity: 1;
}


/* Левая иконка (показывается по умолчанию) */
#num-3 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-3 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-3:hover .icon-left {
  opacity: 0;
}
#blue-card-3:hover .icon-right {
  opacity: 1;
}


/* Левая иконка (показывается по умолчанию) */
#num-4 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-4 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-4:hover .icon-left {
  opacity: 0;
}
#blue-card-4:hover .icon-right {
  opacity: 1;
}

/* Левая иконка (показывается по умолчанию) */
#num-5 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-5 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-5:hover .icon-left {
  opacity: 0;
}
#blue-card-5:hover .icon-right {
  opacity: 1;
}

/* Левая иконка (показывается по умолчанию) */
#num-6 .icon-left {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: left;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

/* Правая иконка (скрыта по умолчанию) */
#num-6 .icon-right {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: right;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* При наведении левая исчезает, правая появляется */
#blue-card-6:hover .icon-left {
  opacity: 0;
}
#blue-card-6:hover .icon-right {
  opacity: 1;
}

/* END Блок с благами */



/* BEGIN Блок с ВДОХНОВЛЯЮЩИМИ ЦИФРАМИ */


        .super-statistic {
            border: 1px solid #01519B;
            border-radius: 10px;
            padding: 30px; /* Отступ от красной границы */
            margin: 20px 0;
            overflow: hidden;
            background-color: #E8EAF1;
        }

        .big-number {
    font-family: Georgia;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #01519B;
    margin-bottom: 15px;
        }

        
        .super-statistic-item {
            background-color: #E8EAF1;
            height: 164px;
            padding: 20px;
            text-align: center;
            position: relative;
            float: left;
            box-sizing: border-box;
        }
        
        /* Общие стили границ */
        .super-statistic-item::before, .super-statistic-item::after {
            content: "";
            position: absolute;
            background-color: #01519B;
        }
        
        /* Десктопная версия (≥768px) */
        @media (min-width: 768px) {
            .super-statistic {
                padding: 5px 5px 5px 5px;
            }
            
            .super-statistic-item {
                width: 25%;
            }
            
            /* Вертикальные границы (не доходят до краев) */
            .super-statistic-item:not(:last-child)::before {
                width: 1px;
                top: 10px;
                bottom: 10px;
                right: 0;
            }
        }
        
        /* Мобильная версия (≤767px) */
        @media (max-width: 767px) {
            .super-statistic-item {
                width: 50%;
            }
            
            /* Вертикальные границы (не доходят до краев) */
            .super-statistic-item:nth-child(odd)::before {
                width: 1px;
                top: 30px;
                bottom: 30px;
                right: 0;
            }
            
            /* Горизонтальные границы (не доходят до краев) */
            .super-statistic-item:nth-child(-n+2)::after {
                height: 1px;
                left: 30px;
                right: 30px;
                bottom: 0;
            }
            .super-statistic-item p {
              font-size: 13px !important;
            }
            .super-statistic {
              padding: 5px; /* Отступ от красной границы */
            }

        }
        
/* END Блок с ВДОХНОВЛЯЮЩИМИ ЦИФРАМИ */