.trans-container p{
    margin: 0px;
}
.trans-container{
    justify-content: center;
    padding: 12px 0;
}
.trans-box{
    width: 547px;
    min-height: 300px;
    
}
.trans-box-inside{
    background-color:#fff;
    height:100%;
    padding: 20px;
    box-shadow: 0 0 10px #d1d1d1;
}
.trans-top-space{
    padding-top: 7rem;
}
.trans-front{
    display: flex;
}
.trans-back{
    display: flex;
}
.trans-base-info{
    width: 60%;
}
.trans-logo{
    width: 40%;
}
.trans-logo img{
    width: 100%;
}
.trans-base-info{
    text-align: left;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.trans-front .title{
    font-weight: bold;
    color: rgb(0, 0, 0);
}
.trans-front .project{
    font-weight: bold;
    color: #002e6e;
}
.trans-front .service{
    color: darkgrey;
}
.trans-front .amount{
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.trans-front .year{
    color: rgb(0, 0, 0);
    font-weight: bold;
}