@font-face{font-family: FormaDjrMicro; src: url(https://www.hp.com/wcsstore/hpusstore/fonts/FormaDJRMicro-Regular.woff2);}
.m-wrap h1, .m-wrap h2, .m-wrap h3, .m-wrap h4, .m-wrap h5, .m-wrap h6, .m-wrap p, .m-wrap li, .m-wrap div, .m-wrap sup {
	font-family: FormaDjrMicro, Forma DJR Micro, Arial!important;
}
.m-wrap{
    max-width: 1920px;
    margin: 0;padding: 0; 
    font-size: 100%;  
    vertical-align: baseline; 
    margin: auto;
    background-color: #fff;
}
.m-wrap h2, .m-wrap p, .m-wrap h4{
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-wrap-style: pretty;
}
.m-sec-1{
    text-align: center;
    padding: 50px 0;
    background-color: #2c3038;
}
.m-sec-sub{
    max-width: 1116px;
    margin: auto;
    padding: 0 15px;

}
.m-sec-1 h2{
    font-size: 44px;
    padding-bottom: 20px;
    line-height: 1.1;
    color: #fff;
}
.m-sec-1 p{
    font-size: 22px;
    line-height: 1.3;
    color: #fff;
}
.m-sec-3 p{
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}
.m-sec-3 li{
    font-size: 16px;
    line-height: 1.3;
    color: #000;
    padding-bottom: 8px;
}
.m-sec-3 ul{margin: 10px 20px;}
.m-sec-3 li {list-style-type: disc;}

.m-sec-2{
    padding: 50px 0 25px;
    background-color: #f4f4f4;
}
.m-wrap .m-flex {
    display: flex;
    gap: 15px;
}
.m-wrap .m-sec-2 .m-flex-items{
    width: 25%;
   
    padding: 15px;
    border-radius: 3px;
}
.m-sec-2 h4{
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    padding-bottom: 15px;
}
.m-sec-2 p{
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}
.m-sec-2 ul{margin: 20px 0 20px 20px;}
.m-sec-2 li{
        font-size: 16px;
    line-height: 1.3;
    color: #000;
        padding-bottom: 8px;
        list-style-type: disc;

}
.m-wrap-btn-div a:hover{
    /* text-decoration: underline; */
    opacity: 0.9;
}
.m-sec-2 img{
    max-width: 100px;
    margin-bottom: 10px;
}
.m-sec-3{
    background-color: #f4f4f4;
    padding: 25px 0 50px;
}
.m-inner-div{
    padding: 35px 35px 25px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    
    border-radius: 10px;
    margin: auto;
}
.m-wrap-btn-div{
    text-align: center;
    padding: 20px 0;
    margin-top: 25px;
}
.m-wrap-btn-div a{
    padding: 12px 20px;
    text-decoration: none;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
@media (max-width: 1116px){
    .m-sec-1, .m-sec-2, .m-sec-3 {
   padding-left: 20px;
   padding-right: 20px;
}
}
@media (max-width: 800px){
    .m-sec-2 h4 {
    font-size: 22px;
    }
    .m-sec-2 p {
    font-size: 16px;
    }
    .m-sec-2 li {
    font-size: 16px;
    text-align: left;
    }
    .m-sec-2 img {
    max-width: 65px;
}
.m-sec-1 h2 {
    font-size: 32px;
}
.m-sec-1 p {
    font-size: 18px;
    line-height: 1.3;
    color: #fff;
}
/* .m-sec-3 p, .m-sec-3 li {
    font-size: 18px;
} */


.m-wrap-btn-div a {
    padding: 10px 20px;
    text-decoration: none;
    font-size: 18px;
}
    .m-sec-1, .m-sec-2, .m-sec-3 {
   padding-left: 15px;
   padding-right: 15px;
}
}
@media (max-width: 767px){
.m-wrap .m-flex {
   flex-wrap: wrap;
}
.m-wrap .m-sec-2 .m-flex-items {
    width: 100%;
    text-align: center;
}
}
@media (max-width: 480px){
    .m-sec-3 p{font-size: 18px;}
    .m-sec-3 li {
        font-size: 14px;
    }
     .m-sec-3 ul{
        /* padding-left: 20px; */
     }
    .m-inner-div {
    padding: 20px 15px 15px;
    }
.m-sec-3 {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .m-sec-1 h2 {
        font-size: 26px;
    }
        .m-sec-1 p {
        font-size: 16px;
        }
}