/* Inner Hero With Image Css Start */

.inner-hero-with-arrow-container{padding: 69px 0 160px;min-height: 315px;overflow: hidden;}
.ihwa-bg{position: absolute;top: -180px;left: 50%;width: 570px;}
.ihwa-bg img{width: 100%;height: 100%;object-fit: contain;}
.ihwa-content h1{
    color: white;
    font-size: 62px;
    font-style: var(--regular);
    font-weight: 600;
    line-height: 74.4px;
    text-transform: uppercase;
}
.ihwa-content p{color: var(--white);margin-bottom: 0;}

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

/*==========================================
! Medium devices (tablets, less than 992px)
=========================================== */
@media (max-width:991.98px){
.ihwa-content h1{font-size: 50px;}
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
==================================================== */
@media (max-width:767.98px){
.inner-hero-with-arrow-container{padding: 45px 0 80px;min-height: 258.44px;}
.ihwa-content h1{font-size: 45px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
========================================================= */
@media (max-width:575.98px){
}