.jpm_layout{
    font-family:"Benton-SansLight",Arial,Helvetica,sans-serif;
}
.history-cover-bg{
    min-height: 435px;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
.history-cover-bg::after{
   content: "";
   position: absolute;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #0f345e9c;
   /* min-height: 400px; */
   width: 100%;
   z-index: 1;
}
.history-cover-bg img{
    position: absolute;
    z-index: 2;
    /* width: 100%; */
    clip: rect(35px,515px,465px,180px);
}
.jpm-seperat{
    padding-top:45px;
}
.history-cover-title{
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 2;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'karlaregular';

}
.history-cover-title h1{
    font-size: 3em;
    position: relative;
    margin-bottom: 50px;
}
.history-cover-title h1::after{
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    border-bottom: 2px solid #fff;
    width: 40%;
}

.history-cover-title p{
    font-size: 16px;
}

.simple-article{
    width: 65%;
    margin: auto;
    font-size: 20px;
    font-family: "KarlaRegular";
}
.h-title{
    position: relative;
    width: 100%;
}
.h-title::after{
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 0px solid #333;
    top: 50%;
    left: 0;
    z-index: -1;
}
.h-title h2{
    font-weight: normal;
    /* font-size: 32px; */
    font-size: 40px;
    text-align: center;
    width: fit-content;
    margin: auto;
    padding: 0px 50px;
    background-color: #fff;
    z-index: 2;
    /* font-family:"Benton-SansLight",Arial,Helvetica,sans-serif; */
    font-family: 'Lato-BoldItalic';
    letter-spacing: 1px;
}
.h-text{
    text-align: center;
    font-size: 19px;
}
.img-article{
    display: flex;
    
    width: 65%;
    margin: auto;
    justify-content: space-around;
}
.left-image{
    flex-direction: row;
}
.right-image{
    flex-direction: row-reverse;
}
.img-part{
    width: 30%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.img-part img{
    width: 85%;
}
.article-part{
    width: 60%;
}
.align-right{
    text-align: right;
}
.article-part h1{
    font-size: 18px;
    margin: 0.37em 0;
    font-family: "KarlaRegular";
    font-weight: 500;
}
.article-part p{
   font-size: 16px;
}
.watch-video{
    width: 100%;
    text-align: center;
    padding: 15px 0px;
}
.watch-video a{
    width: fit-content;
    color: #333;
}
.watch-video a:focus{
    text-decoration: none;
}
.watch-video a svg{
   width: 12px;
   margin-right:7px ;
}
.watch-video a span{
   color: #2670a9;
   border-bottom: 1px solid #2670a9;
}