.container {
    max-width: 1280px;
}

.block-header {
    display: flex;
    flex-direction: column;
    grid-row-gap: 40px;
}
.block-header-title {
    background: linear-gradient(91.1deg, #0057C2 5.42%, #D40000 111.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 72px;
    font-weight: 550;
    max-width: max-content;
    letter-spacing: 1.5px;
}
.block-header-subtitle {
    color: #C8CCCC;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0.48px;
}

.block-card-placeholder {
    display: grid;
}
.block-card {
    position: relative;
    background: linear-gradient(0deg, rgba(0, 150, 255, 0.12) -43.26%, rgba(0, 33, 74, 0.12) 100%);
    border-radius: 24px;
    padding: 24px;
    transition: 0.2s;
}
.block-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 24px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(200, 204, 204, 0.048) 0%, rgba(200, 204, 204, 0.12) 101.2%);
    background-size: 200% 100%;
    -webkit-mask:
            linear-gradient(#e9ebed 0 0) content-box,
            linear-gradient(#e9ebed 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.block-card-placeholder:hover .block-card {
    box-shadow: 0 12px 32px 0 #0096FF1F;
    transform: translate(0px, -5px);
    background: linear-gradient(0deg, rgba(0, 150, 255, 0.24) -43.26%, rgba(0, 33, 74, 0.24) 100%);
}
/*.block-card:hover {*/
/*    box-shadow: 0 12px 32px 0 #0096FF1F;*/
/*    transform: translate(0px, -5px);*/
/*    background: linear-gradient(0deg, rgba(0, 150, 255, 0.24) -43.26%, rgba(0, 33, 74, 0.24) 100%);*/
/*}*/
.block-card-icon {
    position: relative;
    padding: 12px;
    border-radius: 12px;
    width: max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-card-icon::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(200, 204, 204, 0.048) 0%, rgba(200, 204, 204, 0.12) 101.2%);
    background-size: 200% 100%;
    -webkit-mask:
            linear-gradient(#e9ebed 0 0) content-box,
            linear-gradient(#e9ebed 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.block-card-text {
    color: #E3E8E8;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 16px;
}


.block-link-text {
    color: #0096FF;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    grid-column-gap: 8px;
    transition: 0.3s;
}
.block-link-text:hover,
.block-link-text:hover path {
    color: #0057C2;
    stroke: #0057C2;
}


.content-line {
    width: 100%;
    max-width: 1280px;
    height: 1px;
    background: linear-gradient(270deg, rgba(8, 18, 25, 0) 0%, #0096FF 50%, rgba(8, 18, 25, 0) 100%);
    margin: 120px auto;
}