/* Start:/local/templates/metib2023/components/metib/pages/financial-security/style.css?16831979405032*/
.security-page {
  margin: 24px 0 0 0;
}
.security-page .security-page-top {
  position: relative;
  background: linear-gradient(95.86deg, #418BED -9.2%, #600277 88.23%);
  border-radius: 18.6026px;
  overflow: hidden;
}
.security-page .security-page-top__info {
  position: relative;
  min-height: 316px;
  padding: 60px 50% 60px 60px;
  color: #ffffff;
}
.security-page .security-page-top__info h1 {
  margin: 0;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.11;
}
@media all and (max-width: 767px) {
  .security-page .security-page-top__info h1 {
    font-size: 28px;
  }
}
.security-page .security-page-top__info p {
  margin: 24px 0 0 0;
  font-size: 18px;
  line-height: 156%;
}
@media all and (max-width: 767px) {
  .security-page .security-page-top__info {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 270px;
    padding-left: 20px;
  }
}
.security-page .security-page-top__pic {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.security-page .security-page-top__pic img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: contain;
}
@media all and (max-width: 767px) {
  .security-page .security-page-top__pic img {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .security-page .security-page-top__pic {
    display: block;
    height: 220px;
    top: unset;
    right: 20px;
    left: 20px;
    bottom: 25px;
    background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/security-mobile.png") 50% 100% no-repeat;
    background-size: contain;
  }
}
.security-page .security-page-instruction .inner {
  margin: 24px 0 0 0;
  padding: 28px 60px;
  color: #262626;
  background: linear-gradient(135deg, #FFBB7D 7.4%, #FA6969 92.65%), linear-gradient(135deg, #9E6DFF 8.46%, #3F0DA4 90.85%), linear-gradient(94.15deg, #DCECFF 4.69%, #C1D8F4 91.67%);
  box-shadow: 0px 4px 20px rgba(1, 49, 113, 0.08);
  border-radius: 20px;
}
.security-page .security-page-instruction .inner__top {
  display: flex;
  align-items: center;
  padding: 0 0 0 129px;
  min-height: 104px;
  font-size: 24px;
  line-height: 1.17;
  letter-spacing: -0.3px;
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/warning.png") 0 50% no-repeat;
}
@media all and (max-width: 767px) {
  .security-page .security-page-instruction .inner__top {
    padding-top: 100px;
    padding-left: 0;
    font-size: 18px;
    background-size: 100px;
    background-position: 50% 0;
  }
}
.security-page .security-page-instruction .inner__notice {
  margin: 18px 0 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 145%;
}
@media all and (max-width: 767px) {
  .security-page .security-page-instruction .inner__notice {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  .security-page .security-page-instruction .inner {
    padding: 20px;
  }
}
.security-page .security-page-rules h2 {
  margin-bottom: 0;
}
.security-page .security-page-rules .rules-list {
  margin: 0 0 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
.security-page .security-page-rules .rules-list__item {
  flex: 0 0 calc(100% / 3);
  padding: 24px 0 0 20px;
}
.security-page .security-page-rules .rules-list__item--icon {
  height: 56px;
  width: 56px;
  box-shadow: 0px 2px 12px rgba(2, 52, 117, 0.2);
  border-radius: 16px;
}
.security-page .security-page-rules .rules-list__item--icon.password {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/password.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--icon.limit {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/limit.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--icon.sms {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/sms.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--icon.website {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/website.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--icon.antivirus {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/antivirus.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--icon.mobile {
  background: url("/local/templates/metib2023/components/metib/pages/financial-security/images/mobile.svg") 50% 50% no-repeat, linear-gradient(135deg, #418BED 9.02%, #034296 90.85%);
}
.security-page .security-page-rules .rules-list__item--text {
  margin: 16px 0 0 0;
}
.security-page .security-page-rules .rules-list__item > div {
  height: 100%;
  padding: 24px;
  font-size: 16px;
  line-height: 1.31;
  color: #000000;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(1, 49, 113, 0.08);
  border-radius: 12px;
}
.security-page .security-page-rules .rules-list__item > div .bold {
  font-weight: 700;
}
@media all and (max-width: 767px) {
  .security-page .security-page-rules .rules-list {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .security-page {
    margin-top: 16px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/metib2023/components/metib/pages/financial-security/style.css?16831979405032 */