/* Start:/o-banke/security/style.css?176279607610768*/
.security_banner{
    flex-shrink: 0;
    background-image: url(https://www.dalenabank.ru/upload/imgs/BackgroundSecurity.png);
    width: 100%;
    height: 290px;
    display: flex;
    align-items: center;
  }

  .security_banner__labels{
      display: flex;
      max-width:  340px;
      flex-direction: column;
      align-items: flex-start;
  }
  
  .security_banner__tag--white{
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #FFF;

  }
  
  .security_banner__tag--white p{
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    flex: 1 0 0;
    margin-bottom: 0px;
    font-family: 'MuseoSans', sans-serif;

  }
  
  .security_banner__tag--yellow{
    display: flex;
    padding: 16px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #FFE24E;
  
  }
  
  .security_banner__tag--yellow p{
    color: #000;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 25.2px; /* 126% */
      margin-bottom: 0px;
      font-family: 'MuseoSans', sans-serif;

  }



.security__title{
    color: #2C6246;
    font-size: 23.438px;
    font-style: normal;
    font-weight: 600;
    line-height: 33.6px; /* 143.36% */
    text-transform: uppercase;
    font-family: 'MuseoSans', sans-serif;
}

.security__title-text{
    color: #373737;
    font-family: 'MuseoSans', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.4px; /* 140% */
    text-transform: uppercase;
    font-family: 'MuseoSans', sans-serif;
    
}

.security__text{
    color: #373737;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: 0.16px;
    font-family: 'MuseoSans', sans-serif;
}

.signs__content{
    display: flex;
    padding: 30px;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    border-radius: 10px;
    background: #F6F6F6;
}

.signs__title-wrapper
{
    display: flex;
    width: 330px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    flex: 1;
}

.signs__title
{
  margin-bottom: 29.5px;
}

.signs__item
{
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 10px;
    background: #FFF;
}

.signs__item::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M21.7166 17.4622L12.6925 2.49655C12.337 1.90698 11.6885 1.54071 11 1.54071C10.3115 1.54071 9.66296 1.90698 9.30739 2.49659L0.283398 17.4622C-0.0840279 18.0716 -0.094899 18.8351 0.254996 19.4547C0.604976 20.0743 1.26437 20.4592 1.97594 20.4592H20.024C20.7356 20.4592 21.395 20.0743 21.745 19.4546C22.0949 18.835 22.084 18.0715 21.7166 17.4622ZM20.4978 18.7503C20.4015 18.9209 20.2199 19.0269 20.024 19.0269H1.97594C1.78004 19.0269 1.5985 18.9209 1.50221 18.7504C1.40587 18.5798 1.40888 18.3696 1.50998 18.2019L10.5341 3.23621C10.6319 3.07392 10.8105 2.97307 11 2.97307C11.1895 2.97307 11.368 3.07392 11.4659 3.23621L20.4899 18.2019C20.5911 18.3696 20.5941 18.5798 20.4978 18.7503Z' fill='%23373737'/%3E%3Cpath d='M11.0067 7.43384C10.4618 7.43384 10.0366 7.7262 10.0366 8.24449C10.0366 9.82582 10.2226 12.0982 10.2226 13.6796C10.2227 14.0915 10.5815 14.2642 11.0067 14.2642C11.3256 14.2642 11.7775 14.0915 11.7775 13.6796C11.7775 12.0982 11.9635 9.82587 11.9635 8.24449C11.9635 7.72624 11.525 7.43384 11.0067 7.43384Z' fill='%23373737'/%3E%3Cpath d='M11.0198 15.1811C10.4352 15.1811 9.99658 15.6462 9.99658 16.2043C9.99658 16.7492 10.4351 17.2276 11.0198 17.2276C11.5647 17.2276 12.0298 16.7492 12.0298 16.2043C12.0298 15.6462 11.5646 15.1811 11.0198 15.1811Z' fill='%23373737'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.signs__list{
    flex: 2;
    gap: 10px;
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-security {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M2.44452 5.08844V9.58472C2.44385 14.3522 5.43353 18.7062 9.88483 20.4182C10.244 20.5565 10.622 20.625 11 20.625C11.378 20.625 11.756 20.5558 12.1158 20.4182L12.7832 20.1611C16.8975 18.5786 19.5562 14.5986 19.5555 10.0225V5.08844C19.5555 4.71918 19.2634 4.41571 18.8948 4.40161C16.4235 4.3056 13.9037 3.33142 11.4055 1.50726C11.1638 1.33136 10.8362 1.33136 10.5945 1.50726C8.09558 3.33142 5.57587 4.3056 3.10516 4.40161C2.73657 4.41571 2.44452 4.71918 2.44452 5.08844ZM3.81952 5.73163C6.21503 5.50537 8.62531 4.55737 11 2.90643C13.374 4.55737 15.785 5.50537 18.1805 5.73163V10.0225C18.1812 14.0253 15.8689 17.501 12.2891 18.8774L11.6224 19.1345C11.2209 19.2889 10.7784 19.2889 10.3783 19.1345C6.45471 17.6252 3.81885 13.7876 3.81952 9.58472V5.73163Z' fill='%23373737'/%3E%3Cpath d='M9.5921 13.84C9.72101 13.9689 9.89557 14.0414 10.0782 14.0414C10.2608 14.0414 10.4354 13.9689 10.5643 13.84L14.8403 9.5639C15.1089 9.29535 15.1089 8.86029 14.8403 8.59174C14.5718 8.32318 14.1367 8.32318 13.8682 8.59174L10.0782 12.3817L8.13184 10.4347C7.86327 10.1661 7.42822 10.1661 7.15967 10.4347C6.89111 10.7032 6.89111 11.1383 7.15967 11.4069L9.5921 13.84Z' fill='%23373737'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.phreses__content{
  display: flex;
  padding: 30px;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  border-radius: 10px;
  background: #F6F6F6;
}

.phreses__title-wrapper
{
  display: flex;
  width: 330px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  flex: 1;
}

.phreses__title
{
margin-bottom: 29.5px;
}

.phreses__item
{
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 10px;
  background: #FFF;
}

.phreses__item::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M16.5 20.625C16.6011 20.625 16.7028 20.6023 16.7984 20.5569C17.0356 20.4421 17.1875 20.2022 17.1875 19.9375V16.5H19.25C20.3871 16.5 21.3125 15.5746 21.3125 14.4375V3.4375C21.3125 2.30037 20.3871 1.375 19.25 1.375H2.75C1.61287 1.375 0.6875 2.30037 0.6875 3.4375V14.4375C0.6875 15.5746 1.61287 16.5 2.75 16.5H11.1024L16.0703 20.4744C16.1947 20.5741 16.3467 20.625 16.5 20.625ZM19.25 2.75C19.6295 2.75 19.9375 3.05869 19.9375 3.4375V14.4375C19.9375 14.8163 19.6295 15.125 19.25 15.125H16.5C16.1198 15.125 15.8125 15.4323 15.8125 15.8125V18.5075L11.7734 15.2756C11.6511 15.1779 11.5005 15.125 11.3438 15.125H2.75C2.3705 15.125 2.0625 14.8163 2.0625 14.4375V3.4375C2.0625 3.05869 2.3705 2.75 2.75 2.75H19.25Z' fill='%23373737'/%3E%3Cpath d='M5.5 8.25H16.5C16.8802 8.25 17.1875 7.942 17.1875 7.5625C17.1875 7.183 16.8802 6.875 16.5 6.875H5.5C5.11981 6.875 4.8125 7.183 4.8125 7.5625C4.8125 7.942 5.11981 8.25 5.5 8.25Z' fill='%23373737'/%3E%3Cpath d='M11 11H16.5C16.8802 11 17.1875 10.692 17.1875 10.3125C17.1875 9.933 16.8802 9.625 16.5 9.625H11C10.6198 9.625 10.3125 9.933 10.3125 10.3125C10.3125 10.692 10.6198 11 11 11Z' fill='%23373737'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.phreses__list{
  flex: 2;
  gap: 10px;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}


.vigilant__title{
    margin-bottom: 30px;
    margin-top: 70px;
}

.vigilant__content{
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

.vigilant__item{
  flex: 0 0 calc(50% - 15px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 10px;
  background: #F6F6F6;
  padding: 20px;
}

.vigilant__item-text-content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.call__container
{
  display: flex;
  flex-direction: column;
  margin-bottom: 70px;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
  gap: 20px;
  background-image: url(https://www.dalenabank.ru/upload/imgs/BackgroundSecurityCall1.png);
}

.call__title
{
  max-width: 520px;
  color: #FFF;
  text-align: center;
padding-top: 50px;
}

.call__text
{
  max-width: 750px;
  color: #FFF;
  text-align: center;
  padding-bottom: 50px;
  font-family: Roboto;
}

.recommendation__container
{
  display: flex;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border: 1px solid #CFD6D9;
}

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

.recommendation__list li {
  position: relative;
  padding-left: 22px;
  color: #2C6246;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.recommendation__list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #2C6246;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
}

.attention__container
{
  display: flex;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border: 1px solid #CFD6D9;
  margin-top: 70px;
}

.attention__content{
  font-family: Roboto;
}

/* Адаптация для планшетов и телефонов */
@media (max-width: 1024px) {
  .phreses__content,
  .signs__content {
    flex-direction: column;
  }

  .phreses__title-wrapper,
  .signs__title-wrapper {
    width: 100%;
  }

  .vigilant__item {
    flex: 0 0 100%;
  }
}

/* Дополнительная адаптация для телефонов */
@media (max-width: 768px) {
  .phreses__content,
  .signs__content {
    flex-direction: column;
    padding: 20px;
  }

  .vigilant__content {
    gap: 20px;
  }

  .recommendation__container,
  .attention__container {
    padding: 30px 20px;
  }
}
/* End */
/* /o-banke/security/style.css?176279607610768 */