/* CSS Document */
@import url("fonts.css"); /* Page layout styles */
@import url("login.css"); /* Login styles */
@import url("alert-box.css"); /* Alert box styles */
@import url("custom.css"); /* Custom styles */
@import url("header.css"); /* Header styles */
@import url("msg-box.css"); /* Footer styles */
@import url("footer.css"); /* Footer styles */
@import url("color-codes.css"); /* Standard Color styles */
@import url("tabs.css"); /* Standard Color styles */
@import url("containers.css"); /* Standard Color styles */
.breaker-banner-cont{
	width: 100%;
	aspect-ratio: 1;
	position: relative;
}
.breaker-banner, .breaker-banner img{
	width:100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	object-fit: cover;
	object-position: center;
}
.home-breaker{
	background-color: #fff;
}
.home-breaker .breaker-banner{
	background-color: #fff;
	aspect-ratio: 1;
}
.hbb-text-cont{
	width: 60%;
	position: absolute;
	top:50%;
	left: 20%;
	transform: translateY(-50%);
}
.hbb-text-cont h2{
	width: 100%;
	font-size: 1.5rem;
	color:#FDFBEE;
	line-height: 1;
}
.hbb-text-cont span{
	font-size: 1.5rem;
	font-weight: 600;
	color:#C64F27;
	line-height: 1;
}
@media screen and (min-width:600px) {
    .breaker-banner-cont{
        width: 100%;
        aspect-ratio: 16/7;
        position: relative;
    }
    .breaker-banner{
        width:100%;
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        object-fit: cover;
        object-position: center;
    }
    .home-breaker{
        background-color: #fff;
    }
    .home-breaker .breaker-banner{
        background-color: #fff;
        aspect-ratio: 200/75;
    }
    .hbb-text-cont{
        width: 40%;
        position: absolute;
        top:50%;
        left: 20%;
        transform: translateY(-50%);
    }
    .hbb-text-cont h2{
        width: 100%;
        font-size: 5.5rem;
        color:#57B4BA;
        line-height: 1;
    }
    .hbb-text-cont span{
        font-size: 5.5rem;
        font-weight: 600;
        color:#C64F27;
        line-height: 1;
    }
}