.work_small_title{
color: var(--cool-gray-800, #1F2937);
text-align: center;

/* text-xl/font-semibold */
font-family: "Red Hat Display";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
}

.work_one_box{
  width: 40px;
height: 8px;
background: linear-gradient(90deg, #FFF 0%, #3B82F6 100%);
}
.work_two_box{
  width: 40px;
height: 8px;
background: linear-gradient(90deg, #3B82F6 0%, #FFF 100%);
}

.work_digit_box{
    width: 29px;
    height: 66px;
    flex-shrink: 0;
    aspect-ratio: 29/66;
    fill: linear-gradient(180deg, #666F7B -7.14%, rgba(255, 255, 255, 0.30) 104.29%);

}


.work_title{
color: var(--cool-gray-800, #1F2937);
text-align: center;
/* text-4xl/font-semibold */
font-family: "Red Hat Display";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 54px */
}

/* about css  */

.about_tiele{
    color: var( #1F2937);
    /* text-4xl/font-bold */
    font-family: "Red Hat Display";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 54px */
}
.about_sub_title{
    color: var(--cool-gray-800, #1F2937);
    /* text-2xl/font-semibold */
    font-family: "Red Hat Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
}

.about_sub_p{
    color: var(--cool-gray-500, #6B7280);

    /* text-lg/font-medium */
    font-family: "Red Hat Display";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}



.hero_section {
    width: 952px;
    height: 885px;
    flex-shrink: 0;
    aspect-ratio: 952 / 885;

    background: url("/frontend/images/hero.png") lightgray 0px -91.369px / 100% 191.29% no-repeat;
}