.intcoinAirdropTopBanner {
    width: 100%;
    height: 100px;
    display: block;
    padding: 0 20px;
    background-color: #7aadff;
}

.intcoinAirdropTopBanner__wrapper {
}
.intcoinAirdropTopBanner__flexBlock {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	height: 100%;
}
.intcoinAirdropTopBanner__text {
	color: #f9f4ca;
	font-size: clamp(16px, 3vw, 32px);
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 2px 2px 0px #0055ff;
	font-family: 'Bebas Neue';
	
	span {
		font-family: inherit;
		font-size: inherit;
		font-weight: inherit;
		color: #ffdd3a;
	}
}
.intcoinAirdropTopBanner__timer {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 10px;
    scale: 0.8;
}

.intcoinAirdropTopBanner__col {
    position: relative;
}

.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
    content: ":";
    clear: both;
    position: absolute;
    top: 10px;
    right: -19px;
    color: #ffff00;
    font-weight: 500;
    font-size: 36px;
}

.intcoinAirdropTopBanner__value {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e7005c;
    border-radius: 5px;
    border: 2px solid #ffff00;
    color: #ffff00;
    font-weight: bold;
    font-size: 30px;
}

.intcoinAirdropTopBanner__label {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.intcoinAirdropTopBanner__bttnWrapper {
	height: 45px;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	transition: 500ms all;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	align-items: center;
	flex: 1;
	padding: 0 10px;
	max-width: 200px;
	width: 100%;
	background-color: #e7005c;
	color: #fff;
	box-shadow: 0px 5px 0px #92003a;
	min-height: 45px;
}

.intcoinAirdropTopBanner-1 {
    background: url(/assets/images/int_coin/header-bg.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: inherit;
}
.intcoinAirdropTopBanner-2 {
    background-image: -moz-linear-gradient(-90deg, rgb(0, 85, 255) 0%, rgb(0, 40, 120) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(0, 85, 255) 0%, rgb(0, 40, 120) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(0, 85, 255) 0%, rgb(0, 40, 120) 100%);

	.intcoinAirdropTopBanner__text {
		text-shadow: initial;
	}
	.intcoinAirdropTopBanner__value {
		background-color: #9a003d;
		border-color: #f6eec9;
		color: #f6eec9;
	}
	.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
		color: #fff;
	}
	.intcoinAirdropTopBanner__bttnWrapper {
		border-radius: 3px;
		background-color: #fff000;
		color: #1a1f65;
		height: 40px;
		box-shadow: none;
		border-radius: 30px;
	}
}

.intcoinAirdropTopBanner-3 {
    background: url(/assets/images/int_coin/airdrop-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;

	.intcoinAirdropTopBanner__text {
		text-shadow: initial;
		color: #fff000;
		span {
			color: #fff;
		}
	}
	.intcoinAirdropTopBanner__bttnWrapper {
		border-radius: 3px;
		background-color: #fff000;
		color: #1a1f65;
		height: 40px;
		box-shadow: none;
	}
	.intcoinAirdropTopBanner__value {
		background-color: #1a1f65;
		border-color: #fff000;
		color: #fff000;
	}
	.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
		color: #fff000;
	}
}

.intcoinAirdropTopBanner-4 {
    background-image: -moz-linear-gradient(-90deg, rgb(0, 40, 120) 0%, rgb(0, 85, 255) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(0, 40, 120) 0%, rgb(0, 85, 255) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(0, 40, 120) 0%, rgb(0, 85, 255) 100%);

	.intcoinAirdropTopBanner__text {
		text-shadow: initial;
		color: #fff;
		span {
			color: #fff000;
		}
	}

	.intcoinAirdropTopBanner__bttnWrapper {
		background-color: #ffd200;
		color: #000000;
		box-shadow: initial;
		border-radius: 30px;
	}
	.intcoinAirdropTopBanner__value {
		background-color: #7c299f;
		border-color: #fff;
		color: #fff;
	}
	.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
		color: #fff;
	}
}

.intcoinAirdropTopBanner-5 {
	background: url(/assets/images/int_coin/airdrop-large-bg.webp);
    background-repeat: no-repeat;
    background-position: right center;
	background-size: cover;

	.intcoinAirdropTopBanner__text {
		text-shadow: initial;
		color: #fff000;
		span {
			color: #fff;
		}
	}
	.intcoinAirdropTopBanner__bttnWrapper {
		border-radius: 3px;
		background-color: #fff000;
		color: #1a1f65;
		height: 40px;
		box-shadow: none;
		border-radius: 30px;
	}
	.intcoinAirdropTopBanner__value {
		background-color: #e7005c;
		border-color: #fff;
		color: #fff;
	}
	.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
		color: #fff;
	}
	
}
.intcoinAirdropTopBanner-6 {
	background: url(/assets/images/int_coin/hero-bg.webp);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #060d0c;

	.intcoinAirdropTopBanner__text {
		text-shadow: initial;
		color: #fae234;
		span {
			color: #fff;
		}
	}
	.intcoinAirdropTopBanner__bttnWrapper {
		border-radius: 3px;
		background-color: #fff000;
		color: #1a1f65;
		height: 40px;
		box-shadow: none;
		border-radius: 30px;
	}
	.intcoinAirdropTopBanner__value {
		background-color: #00297c;
		border-color: #7aadff;
		color: #fff;
	}
	.intcoinAirdropTopBanner__col:not(:last-of-type)::after {
		color: #fff;
	}
}

@media (max-width: 769px) {
	.intcoinAirdropTopBanner__flexBlock {
		flex-direction: column;
		gap: 0px;
	}
	.intcoinAirdropTopBanner {
		height: auto;
		padding: 20px;
	}
	.intcoinAirdropTopBanner__text br {
		display: none;
	}
	.intcoinAirdropTopBanner__text {
		font-size: clamp(16px, 4.2vw, 32px);
	}
	.intcoinAirdropTopBanner__timer {
		scale: 0.6;
	}
}

@media(max-width: 576px) {
	.intcoinAirdropTopBanner-1 {
		background: initial;
		background-color: #7aadff;
	}

	.intcoinAirdropTopBanner__bttnWrapper {
        height: 35px;
		min-height: 35px;
		font-size: 16px;
    }
}