.stat__row {
display: flex;
}
@media screen and (max-width: 960px) {
.stat__row {
gap: 0;
flex-direction: column;
margin-left: 0;
margin-right: 0;
}
}
.stat__block {
width: 33.33%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 960px) {
.stat__block {
width: 100%;
}
}
.stat__block:not(:last-child) {
position: relative;
}
.stat__block:not(:last-child)::before {
content: "";
display: block;
position: absolute;
width: 3px;
height: 100%;
right: 0;
top: 0;
background: rgb(122, 149, 192);
}
@media screen and (max-width: 960px) {
.stat__block:not(:last-child)::before {
height: 1px;
width: 100%;
bottom: 0;
top: auto;
}
}
.stat__block:nth-child(2) {
padding-left: 118px;
padding-right: 118px;
}
@media screen and (max-width: 1800px) {
.stat__block:nth-child(2) {
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (max-width: 1300px) {
.stat__block:nth-child(2) {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (max-width: 960px) {
.stat__block:nth-child(2) {
padding-bottom: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
}
.stat__block:nth-child(1) {
padding-right: 90px;
}
@media screen and (max-width: 1800px) {
.stat__block:nth-child(1) {
padding-right: 40px;
}
}
@media screen and (max-width: 1300px) {
.stat__block:nth-child(1) {
padding-right: 30px;
}
}
@media screen and (max-width: 960px) {
.stat__block:nth-child(1) {
padding-bottom: 20px;
margin-bottom: 20px;
}
}
.stat__block:nth-child(3) {
padding-left: 118px;
}
@media screen and (max-width: 1800px) {
.stat__block:nth-child(3) {
padding-left: 60px;
}
}
@media screen and (max-width: 1300px) {
.stat__block:nth-child(3) {
padding-left: 30px;
}
}
@media screen and (max-width: 960px) {
.stat__block:nth-child(3) {
padding-left: 0;
}
}
@media screen and (max-width: 780px) {
.stat__block {
width: 100% !important;
margin-left: 0;
margin-right: 0;
}
}
.stat__block-title {
margin: 0 0 20px 0;
color: #112c57;
font-size: 42px;
font-weight: 800;
line-height: 125.5%;
}
@media screen and (max-width: 1600px) {
.stat__block-title {
font-size: 34px;
}
}
@media screen and (max-width: 960px) {
.stat__block-title {
font-size: 30px;
}
.stat__block-title br {
display: none;
}
}
@media screen and (max-width: 1200px) {
.stat__block-title {
font-size: 24px;
}
}
.stat__block-text {
margin: auto 0 0 0;
font-size: 40px;
color: #303030;
font-weight: 700;
}
@media screen and (max-width: 1600px) {
.stat__block-text {
font-size: 30px;
}
}
@media screen and (max-width: 1200px) {
.stat__block-text {
font-size: 24px;
}
}