body{
            background-color: #F4F6F9;
        }
        .container {
            position: relative;
            width: 100%;
            min-height:75vh;
        }
        .container .hero{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: top;
            padding: 48px 20px;
            max-width: 1189px;
            margin: 0 auto;
        }
        .container .hero .hero1{
            margin-top:13px;
            margin-bottom: 50px;
        }
        .hero-title-item{
            display: flex;
            justify-content: start;
            align-items: center;
        }
        .hero-title-item-content{
            margin-left: 16px; 
            flex: 1; 
            line-clamp:1;
            white-space: nowrap;
            overflow: hidden; 
            text-overflow: ellipsis;
            font-size: 26px;
            line-height: 130%;
            color: #000000;
            font-weight: 700;
            letter-spacing: -1.52px;
        }
        .title-h1-content{
            max-width: 1153px;
            width: 100%;
            margin-top: 29px;
            font-weight: 400;
            font-size: 18px;
            line-height: 130%;
            letter-spacing: -1%;
            margin-top:16px;
        }