/* Engineering page css */
.eng-container{
    background-image: url("../images/engineering-bg.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width:var(--eng-page-width);
    /* width: 100%; */
    height:var(--eng-page-height);
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    /* background-size: var(--eng-bg-width); */
}
.eng-container .eng-content-card{
     width:var(--eng-card-width);
}
.eng-container .eng-content-card1{
    position: relative;
    top: var(--eng-card1-top-margin);
}
.eng-container .eng-content-card2{
    position: relative;
    top: var(--eng-card2-top-margin);
}
.eng-container .eng-content-card3{
    position: relative;
    top: var(--eng-card3-top-margin);
}
.eng-container .eng-content-card4{
    position: relative;
    top: var(--eng-card4-top-margin);
}
.eng-container .eng-content-card5{
    position: relative;
    top: var(--eng-card5-top-margin);
}
.eng-container .eng-content-card6{
    position: relative;
    top: var(--eng-card6-top-margin);
}
.eng-container .eng-content-card7{
    position: relative;
    top: var(--eng-card7-top-margin);
}
.eng-container .eng-content-card8{
    position: relative;
    top: var(--eng-card8-top-margin);
}
.eng-container .eng-right-card{
    left: var(--eng-right-card-left-margin);
}
.eng-content-card .title{
    font-size: var(--size-21);
    color: var(--primary-heading-color);
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.eng-content-card .content{
    font-size: var(--size-21);
    color: var(--eng-card-content-color);
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.9901;
}
ul.content{
    margin-top: 30px;
}