.level2-hero-container {background: var(--tillyco-black);}
.level2-hero-content-box {height: 500px;}
.level2-hero-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.level2-hero-bg img {width: 100%;height: 100%;object-fit: cover;}
.level2-hero-content {width: 415px;padding: 34px 8px;background: linear-gradient(120deg,rgba(27, 97, 121, 0.8) 0%, rgba(14, 49, 61, 0.8) 100%);}
.level2-hero-content h1 {font-size: 50px;font-weight: 400; line-height: 1.2;letter-spacing: -0.02em;margin-bottom: 0;color: var(--tillyco-white);}
.level2-hero-icon {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 303px;height: 210px;opacity: 40%;}
.level2-hero-icon img {width: 100%;height: 100%;object-fit: contain;}
.level2-hero-content {border-top: 2px solid var(--tillyco-white);border-bottom: 2px solid var(--tillyco-white);position: relative;}
.level2-hero-content::before {content: '';position: absolute;bottom: 0;left: 0;width: 2px;height: 600px;background: var(--tillyco-white);}
.level2-hero-content::after {content: '';position: absolute;right: 0;width: 2px;height: 600px;background: var(--tillyco-white);top: 50%;transform: translateY(-50%);}

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

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

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .level2-hero-content{padding: 40px 24px 40px;width: 371px;}
    .level2-hero-content-box {width: calc(100% + 40px);margin-left: -20px;height: 400px;}
    .level2-hero-content::before {content: none;}
}

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

}

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