@font-face {
    font-family: 'ClashGrotesk';
    src: url('fonts/ClashGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
}

.hero-area {
    background-image: url('images/banner/banner_bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30px;
    position: relative;
}

.main-sub .sub {
    background-image: url('images/element/bg1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}