@charset "utf-8";.cmpnt-bnn00{background-color:#fff}
.cmpnt-bnn00__wrap{color:#fff}
.cmpnt-bnn00__column{display:flex}
.cmpnt-bnn00__column+.cmpnt-bnn00__column{margin-top:40px}
.cmpnt-bnn00__item{display:flex;flex-direction:column;width:calc((100% - 40px) / 2);background-color:rgba(5,20,31,0.8);padding:50px 90px;color:#fff;box-sizing:border-box;min-height:252px}
.cmpnt-bnn00__item:hover,.cmpnt-bnn00__item:active,.cmpnt-bnn00__item:visited{text-decoration:none;background-color:#05141f}
.cmpnt-bnn00__column--single{flex-direction:column}
.cmpnt-bnn00__column--single .cmpnt-bnn00__item{width:100%}
.cmpnt-bnn00__icon{position:relative;display:block;width:50px;height:50px;background-color:rgba(255,255,255,0.2);border-radius:50%;margin-bottom:22px}
.cmpnt-bnn00__icon .cta-ico{display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;background-size:30px}
.cmpnt-bnn00__icon .ico-download{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cmpnt-bnn00__icon .ico-outlink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.cmpnt-bnn00__title{font-family:kiaB;line-height:150%;margin-bottom:10px}
.cmpnt-bnn00__subTitle{font-size:16px;line-height:150%;color:rgba(255,255,255,0.8)}
@media screen and (min-width:1025px) and (max-width:20000px){.cmpnt-bnn00__wrap{width:1280px;margin:0 auto;padding:90px 0}
.cmpnt-bnn00__column{gap:40px}
.cmpnt-bnn00__column--single .cmpnt-bnn00__item{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;padding:90px 120px;min-height:310px}
.cmpnt-bnn00__column--single .cmpnt-bnn00__icon{margin-bottom:0}
.cmpnt-bnn00__icon{width:54px;height:54px}
.cmpnt-bnn00__text-area{width:calc(100% - 64px)}
.cmpnt-bnn00__title{font-size:26px;margin-bottom:12px}
.cmpnt-bnn00__subTitle{font-size:17px}
}
@media screen and (min-width:1025px) and (max-width:1439px){.cmpnt-bnn00__wrap{max-width:calc(100% - 8vw)}
}
@media screen and (min-width:768px) and (max-width:1024px){.cmpnt-bnn00__wrap{padding:60px 38px}
.cmpnt-bnn00__column{gap:28px}
.cmpnt-bnn00__item{padding:40px 30px;width:calc((100% - 28px) / 2)}
.cmpnt-bnn00__text-area{width:100%}
.cmpnt-bnn00__title{font-size:20px}
}
@media screen and (min-width:0) and (max-width:767px){.cmpnt-bnn00__wrap{padding:60px 20px;flex-direction:column;gap:20px}
.cmpnt-bnn00__column{flex-direction:column;gap:20px}
.cmpnt-bnn00__item{padding:40px 30px;width:auto}
.cmpnt-bnn00__text-area{width:100%}
.cmpnt-bnn00__title{font-size:20px}
}