/* :root {
	--banner7_TITLE_COLOR: #000;
	--banner7_CONTENT_COLOR: #000;
	--banner7_PLAY_NOW_BTN_BG: #63C2EE;
	--banner7_PLAY_NOW_BTN_COLOR: #fff;
	--banner7_PLAY_NOW_BTN_BORDER: none;
} */

.banner-7 .container {
	position: relative;
}

.banner-7 .banner-img {
	width: 100%;
}

.banner-7 .banner-box {
	position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.banner-7 .banner-box .banner-title {
    font-size: var(--SECTION_HEADER_FONT_SIZE);
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    color: var(--banner7_TITLE_COLOR);
    margin-bottom: 20px;
}

.banner-7 .banner-box .banner-content {
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    color: var(--banner7_CONTENT_COLOR);
}

.banner-7 .banner-box .play-now-btn {
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
	background: var(--banner7_PLAY_NOW_BTN_BG);
    color: var(--banner7_PLAY_NOW_BTN_COLOR);
    border: var(--banner7_PLAY_NOW_BTN_BORDER);
    border-radius: 32px;
    padding: 0 16px;
    min-height: 36px;
    min-width: 64px;
    margin-top: 10px;
    width: 30%;
    text-transform: capitalize;
}