@media only screen and (max-width: 820px) {
	.section-hero .carousel-item {
		min-height:inherit;
		max-height: 250px;
	}
}

.section-hero .carousel-caption h2,
.section-hero .carousel-caption h3,
.section-hero .carousel-caption .display-1 {
	font-family: 'Circular Std Bold';
	line-height: .8;
}

.section-hero .display-1 {
	font-size: clamp(3rem, 7vw, 7rem);
}

.section-hero .signup-caption .btn {
	font-size: clamp(1rem, 2vw, 2rem);
	;
	padding: 1rem 0;
}

.section-hero .signup-form {
	max-width: 450px;
	margin: 0 auto;
}

.section-hero .carousel-caption {
	left: 50%;
	bottom: 50%;
	max-width: 50%;
	transform: translate(-90%, 50%);
}

.section-hero .signup-hero {
	top: 45%;
	position: absolute;
	right: 0;
	z-index: 1020;
	transform: translate(-130%, -45%);
}

@media only screen and (max-width: 1536px) {

	.section-hero .carousel-caption {
		max-width: 60%;
		transform: translate(-120%, 50%);
	}

	.section-hero .signup-hero {
		transform: translate(-90%, -45%);
	}

	.section-hero img {
		transform: translate(0%, 0%);
		filter: brightness(50%);
	}

	.section-hero img.slider-2 {
		transform: translate(-20%, 0%);
	}

	.section-you-get .container-lg {
		max-width: 95%;
	}

}

@media only screen and (max-width: 1366px) {

	.section-hero .signup-hero {
		transform: translate(-80%, -45%);
	}
	
	.section-you-get .container-lg {
		max-width: 100%;
	}

}

@media only screen and (max-width: 820px) {

	.section-hero .carousel-caption {
		max-width: 100%;
		transform: translate(-50%, 50%);
		width: 100%;
	}

	.section-hero .signup-hero {
		position: relative;
		padding: 2.5rem;
		transform: inherit;
	}
}

.comprehensive-section h1 {
	font-size: clamp(1rem, 1.5vw, 2rem);
	font-family: 'Circular Std';
}

.card,
.price-box {
	background-color: transparent;
	border: 1px solid rgba(250, 250, 250, .3);
	border-radius: 1em;
}

.card img {
	border-radius: 1em 1em 0 0;
}

.video-channel .card img {
	border-radius: 1em !important;
}

.card .card-body {
	padding: 2vh;
}

.list-group-flush>.list-group-item {
	padding: .5rem 0;
	background-color: transparent;
}

.list-group-item {
	color: #fff;
}

.section-brands img {
	max-width: 150px;
}

.topper {
	top: -25px;
}

/*You Get - Player Get Section Card Animation */

.section-you-get .card {
	min-height: 420px;
	overflow: hidden;
	position: relative;
	border: 0 !important;
}

.section-you-get .card h3 {
	font-size: 1.625rem;
}

.section-you-get .card .card-body {
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 75%;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
	font-size: 90%;
}

@media only screen and (max-width: 820px) {
	.section-you-get .card .card-body {
		position: inherit;
		top: inherit;
	}
}

.section-you-get .card .bg {
	-webkit-filter: blur(0px) opacity(.8);
	filter: blur(0px) opacity(.8);
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
	min-height: 420px;
}

@media only screen and (max-width: 820px) {
	.section-you-get .card .bg {
		height: 200px;
		min-height: 200px;
		overflow: hidden;
	}
}

.section-you-get .card .bg img {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit:cover;';
	display: block;
	width: 100%;
	height: 100%;
}

.section-you-get .card:hover .card-body {
	top: 0%;
	transition: all .8s cubic-bezier(.215, .61, .355, 1);

}

.section-you-get .card:hover .bg {
	-webkit-filter: blur(5px) opacity(0.3);
	filter: blur(5px) opacity(0.3);
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.section-best-features .card {
	background: #061f44 url("../images/bg-features-box.webp")no-repeat !important;
	background-position: center top;
	background-size: contain;
	border: 0;
}

.section-best-features .card.agent .card-img-top {
	max-width: 350px;
}

.section-best-features .card.players .card-img-top {
	max-width: 350px;
}

.section-best-features .features-box .box {
	width: 100px;
	height: 100px;
	background: #0066ff;
	padding: .75rem;
	border-radius: 50%;
	position: absolute;
	line-height: 1;
	z-index: 1020;
}

.section-best-features .features-box .box .icon {
	max-width: 46px;
	margin: 0 auto;
	padding-bottom: .25rem;
}

.section-best-features .features-box .american-english {
	top: -40px;
	left: 30px;
}

.section-best-features .features-box .customer-service-agent {
	bottom: -290px;
	left: 60px;
}

.section-best-features .features-box .same-day-setup {
	top: -10px;
	right: 10px;
}

.section-best-features .features-box .extensive-coverage {
	bottom: -120px;
	left: 20px;
}

.section-best-features .features-box .live-wagering {
	top: -40px;
	right: 60px;
}

.section-best-features .features-box .sports-software {
	bottom: -250px;
	right: -10px;
}

.inset-shadow {
	text-shadow: 0 0.05rem 0.1rem rgb(0 0 0 / 50%);
	box-shadow: inset 0 0 5rem rgb(0 0 0 / 50%);
}

.section-dare-compare .box {
	min-height: 80px;
}

.compare-table h3 {
	font-size: 1rem !important;
}


