#hero{
    background: #0E192E;
    padding: 70px 0;
}

#hero h1{
    color: #fff;
    font-size: 40px;
    font-weight: 900;
}

#hero .meta{
    display: flex;
    margin-bottom: 20px;
}

#hero .name{
    color: #17A0D6;
    font-size: 17px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 10px;
}

#hero .date{
    color: #F2F2F4
}

#mc .content h2,
#mc .content h3,
#mc .content h4,
#mc .content h5{
    margin: 50px 0 20px;
}

#mc{
    padding: 70px 0;
}

#mc img{
    width: 100%;
    height: 609px;
    object-fit: cover;
}

#mc .row{
    justify-content: center;
}

#mc .content h2{
    font-size: 40px;
    font-weight: 900;
    color: #1D3460;
    line-height: 49px
}
#mc .content h3{
    font-size: 32px;
    font-weight: 900;
    color: #1D3460;
    line-height: 27px
}
#mc .content h4{
        font-size: 29px;
    font-weight: 900;
    color: #1D3460;
    line-height: 27px
}
#mc .content h5{
    font-size: 27px;
    font-weight: 900;
    color: #1D3460;
    line-height: 27px
}

#mc .content p{
    color: #040707;
    font-size: 17px;
}

#caseStudies{
    padding: 70px 0;
}

#caseStudies h2{
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #0E192E;
}

#caseStudies .header{
    margin-bottom: 50px;
}

#caseStudies img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}

#caseStudies .content{
    padding: 20px;
}

#caseStudies a{
    text-decoration: none;
}

#caseStudies .name{
    color: #1079A2;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#caseStudies h3{
    font-size: 22px;
    font-weight: 800;
    color: #040707;
}

#caseStudies p,
#caseStudies a{
    color: #040707
}

#caseStudies .btn{
    margin: 0 auto;
    display: block;
    width: fit-content;
}

#caseStudies .click{
    margin-top: 50px;
}