/* Start:/local/templates/hockeist/assets/css/about.css?17682208515608*/
.about-header{
    display: flex;
    flex-wrap: wrap;
    margin-top: 63px;
    gap: 128px;
}

.about-header-title{
    display: flex;
    align-items: start;
    gap: 12px;
}

.mob{
    display: none;
}

.about-header-title h1{
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: Bold;
    font-size: clamp(24px, 17.33px + 0.56vw, 28px);
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
}

.about-header-text {
    display: flex;
    /*margin-left: 128px;*/
    flex-wrap: wrap;
    align-items: center;
    max-width: 783px;
}

.about-header-text img{
    width: 95px;
    height: 83px;
}

.about-header-text span{
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: Medium;
    font-size: clamp(20px, -4.71px + 2.75vw, 48px);
    leading-trim: NONE;
    line-height: 62%;
    letter-spacing: 0px;
}

.about-equipment {
    display: flex;
    margin-top: 47px;
    gap: 80px;
}

.about-equipment-wrap{
    display: flex;
    gap: 14px;
}

/*.about-equipment-img{*/
/*
/*}*/

.about-equipment-img img{
    width: 100%;
    height: 100%;
    max-width: 385px;
    min-width: 290px;
    max-height: 349px;
    min-height: 263px;
}

.about-equipment-text{
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 123%;
    letter-spacing: 0px;
    color: #535353;
}

.about-equipment-t-wrap{
    display: flex;
    width: 30%;
    gap: 75px;
    flex-direction: column;
    justify-content: space-between;
}

.about-card{
    display: flex;
    gap: 10px;
    margin-top: 59px;
}

.about-card-item{
    display: flex;
    flex-direction: column;
    gap: 39px;
    width: 49%;
    font-family: 'Montserrat';
    font-weight: 600;
    font-style: SemiBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 1.04px;
    vertical-align: middle;
    border-radius: 12px;
    padding: 15px;
    color: #FFFFFF;
    background-color: #101BE5;
}

.red{
    background-color: #E3212F;
}

.about-card-item span{
    font-family: 'Montserrat';
    font-weight: 800;
    font-style: ExtraBold;
    font-size: clamp(72px, 50.82px + 2.35vw, 96px);
    leading-trim: NONE;
    line-height: 100px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.about-bottom{
    display: flex;
    flex-direction: row;
    margin-top: 68px;
    margin-bottom: 100px;
    gap: 15px;
}

.ellipse{
    background-color: #FFFFFF;
    min-width: 32px;
    height: 100px;
    border-radius: 33px;
    box-shadow: -8px 0 0 0 #101BE5;
}

.about-bottom-text p{
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 123%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #535353;
    margin-bottom: 24px;
}

.about-bottom-wrap{
    display: flex;
    width: 45%;
    flex-direction: column;
    justify-content: space-between;
}

.about-bottom-wrap a {
    background-color: #101BE5;
    padding: 19px 65px;
    border-radius: 6px;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
    max-width: 221px;
    transition: all 0.3s;
}

.about-bottom-wrap a:hover {
    color: black;
    transform: translateY(-3%);
}

.about-bottom-img img{
    width: 100%;
}

@media (max-width: 1254px) {


    .about-equipment-t-wrap {
        /*width: 66%;*/
        /*gap: 40px;*/
        /*flex-direction: row;*/
    }

}

@media (max-width: 1171px) {
    .about-header {
        flex-direction: column;
        gap: 22px;
    }

    .about-header-text img{
        width: 47px;
        height: 41px;
    }
    .ellipse{
        display: none;
    }
}

@media (max-width: 1150px) {
    .about-equipment {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .about-equipment-t-wrap {
        width: 100%;
        gap: 40px;
        flex-direction: row;
    }
}

@media (max-width: 1100px) {
    .about-bottom {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 40px;
        margin-bottom: 100px;
        gap: 15px;
    }

    .about-bottom-img{
        display: none;
    }

    .about-bottom-wrap {
        width: 100%;
    }
}

@media (max-width: 818px) {
    .about-card {
        flex-wrap: wrap;
    }

    .about-card-item {
        gap: 0;
        padding: 13px;
    }
}

@media (max-width: 618px) {
    .about-card {
        display: flex;
        gap: 10px;
        margin-top: 14px;
    }

    .about-equipment-wrap {
        flex-direction: column;
    }

    .about-equipment-t-wrap{
        display: none;
    }

    .mob{
        display: flex;
    }

    .about-header-text img {
        width: 32px;
        height: 28px;
    }

    .about-equipment-img img {
        max-height: 263px;
    }
}

@media (max-width: 528px) {
    .about-card-item {
        width: 100%;
    }

    .about-bottom-wrap a {
        max-width: 100%;
    }

    .about-header-text span {
        line-height: 100%;
    }

    .about-header-text img {
        width: 30px;
        height: 21px;
    }
}
/* End */
/* /local/templates/hockeist/assets/css/about.css?17682208515608 */