.yellow-box {
	padding: 50px var(--sideGap) 40px;
	& .container {
		padding: 40px;
		border-radius: 16px;
		background: #FFF7E6;
		box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.25);
		& p {
			color: #343A40;
			font-size: 24px;
			font-weight: 600;
			line-height: 125%; /* 30px */
		}
		& ul {
			padding-left: 32px;
			display: flex;
			flex-direction: column;
			gap: 14px;
			& li {
				color: #77797E;
				font-size: 18px;
				font-weight: 400;
				line-height: 150%;
				position: relative;
				list-style-type: none;
				padding: 0;
				&::before {
					position: absolute;
					content: '';
					width: 20px;
					height: 20px;
					top: 3px;
          			left: -32px;
					right: auto;
					background-image: url(/wp-content/themes/assent-wp/assets/images/webistry/CheckCircle.svg);
					background-size: 20px;
					background-color: transparent;
				}
			}
		}
	}
}

.tab-content .yellow-box,
.tab-content:has(.yellow-box) {
	padding-top: 0;
}

.tab-group:has(.yellow-box) {
	& .yellow-box .container {
		border-top: 12px solid #215273;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	} 
	& .tab-button {
		box-shadow: 0 0 22px 0 rgba(33, 82, 115, 0.20);
		flex: 1;
		color: #215273;
		border: none;
		text-align: center;
		font-size: 20px;
		font-weight: 700;
		line-height: 120%;
		border-radius: 12px 12px 0 0;
		&.active {
			color: #FFF !important;
			background-color: #215273;
		}
	}
}