html, body, p {  font-family: "Poppins", sans-serif !important; font-weight: 300; font-size: 16px; line-height: 25px;}
.container { max-width: 1140px !important; margin: auto;}
.headerTop h3 {font-size: 22px;
    font-weight: bold;
    color: #e62949 !important;
    line-height: 34px;
    text-align: center;
    padding: 10px 0 10px 0 ;
    color: #0e1133;
    text-transform:capitalize;
    margin: 0;


}
.subheader { text-align: center;}
.headersection { background: url(../images/headerbg.jpg) no-repeat center center; background-size: cover ; position: relative; min-height: 600px;}
.headersection .container { position: relative; z-index: 2;}
.headersection::before { background-color: #2b4eff; opacity: 0.85; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.threeBoxes { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 20px; padding: 40px 0 ;}
.BoexList { background: #ffffff15; border: dashed 1px #ffffff50; border-radius: 10px; padding: 20px;  color: #fff; text-align: left;}
.BoexList p { text-align: left;}

.BoexList  h3 { font-size: 22px; font-weight: bold; padding-right: 50px;}
.headersection .themeBtn { text-align: center;} 

@media (min-width: 100px) and (max-width: 767px) {
 


    
}

@media (min-width: 768px) and (max-width: 1140px) { 

    
}