/* ================= inner-banner Start ================= */
.page-hero-container { position: relative; min-height: 320px; display: flex; align-items: center; color: #fff;  padding: 40px 0; text-align: center; }
.page-hero-container::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--blue-color); opacity: .65; mix-blend-mode: multiply; }
.page-hero-container h1 { font-size: 72px; line-height: 1; font-weight: 700; margin-bottom: 0; letter-spacing: -0.25px; }
.page-hero-container h1 + p {padding-top: 17px;line-height: 24px;font-size: 18px;max-width: 552px;margin: 0 auto;}
.page-hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.page-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.page-hero-container.no-img{min-height: 240px; background-image: url(../../include/images/blue-pattern.jpg);background-size: 2600px auto; background-position: center; background-repeat: repeat; text-align: left;}
.page-hero-container.no-img::before{display: none;}
.page-hero-container.no-img h1{font-size: 65px; line-height: 65px;}
/* ================= inner-banner End ================= */


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .page-hero-container h1 { font-size: 55px; line-height: 65px; }
    .page-hero-container { min-height: 300px; }
    .page-hero-container.no-img{min-height: 190px;}
    .page-hero-container.no-img h1{font-size: 45px; line-height: 50px;}

}

/* ======================================================
 ! Extra small devices (portrait phones, less than 380px)
 ====================================================== */
@media (max-width: 379.98px){
.page-hero-container h1 { font-size: 50px; line-height: 55px; }

}