.sequoia-banner {
   border-radius: 120px;
   background: url('/global/banners/2024-09-sequoia/background@2x.jpg') no-repeat center center;
   background-size: cover;
   text-align: center;
   overflow: hidden !important;
   padding: 10px 10px 2px 10px;
   margin: 0 0 0;
   height: 120px;
   width: 100%;
   color: #fff;
   
   -webkit-font-smoothing: antialiased;
   
   	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    
    opacity: 1;
    transform: scale(1,1);
    
    box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(255,255,255,0);
} 

.sequoia-banner h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: 600;
	width: 45%;
	position: absolute;
	right: 60px;
	top: 20px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.sequoia-banner .check {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 100px;
	transition: all 200ms ease;
}
  
.sequoia-banner .icons {
	position: absolute;
	left: 140px;
	top: 30px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	
	filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.5));
} 
  


.sequoia-banner:hover {
	
	 transform: scale(1,1);
	 
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.sequoia-banner:hover .check {
	
	 transform: scale(1.21,1.21) rotate(-360deg);
	 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sequoia-banner:hover h2 {
	text-shadow: 0 20px 10px  rgba(0,0,0,0.4);
	transform: scale(1.05,1.05);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.sequoia-banner:hover .icons {
	
	 transform: scale(1.05,1.05);
	 
	 filter: drop-shadow(0px 20px 10px rgb(0 0 0 / 0.4));
	 
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sequoia-banner:active {

	box-shadow: 0 0 10px 2px rgba(238, 183, 133, 0.8) inset;
	transform: scale(1,1);
	 
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.sequoia-banner:active .icons {
	transform: scale(1,1);
	filter: drop-shadow(0 0 1px rgb(0 0 0 / 0.5));
	
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.sequoia-banner:active h2 {
	transform: scale(1,1);
	text-shadow: 0 0 1px  rgba(0,0,0,0.5);
	
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

@media (max-width: 1150px) {
	.sequoia-banner h2 {
		font-size: 28px;
		line-height: 30px;
		width: 40%;
		top: 30px;
	}
	
	.sequoia-banner .icons {
		left: 60px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	} 
	
	.sequoia-banner:hover .icons {	
		 transform: none;
	}
	
	.sequoia-banner .check {
		display: none;
	}
}

@media (max-width: 990px) {
	.sequoia-banner {
		height: auto;
		border-radius: 30px;
	}
	
	.sequoia-banner h2 {
		font-size: 24px;
		line-height: 26px;
		left: 0;
		top: 0;
		padding: 15px 30px 5px;
		width: 100%;
		position: relative;
		float: left;
		clear: left;
	}
	
	.sequoia-banner .icons {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		top: 10px;
		position: relative;
		float: left;
		clear: left;
	} 
	
	.sequoia-banner:hover .icons {
		transform: translateX(-50%);
	}	
}

@media (max-width: 600px) {
	.sequoia-banner h2 {
		font-size: 20px;
		line-height: 22px;
	}
}

@media (max-width: 350px) {
	.sequoia-banner {
		padding: 10px 15px;
		border-radius: 30px;
	}
	
	.sequoia-banner h2 {
		font-size: 18px;
		line-height: 20px;
		margin: 0;
	}
}