.tab-blk::after { content: ""; position:absolute; top:0px; left:0; width:100%; height:58px; z-index: -1;}

	#body.blue .tab-blk::after      { background-color:var( --color-mid-blue);}
	#body.green .tab-blk::after		{ background-color:var( --color-light-green);}
	#body.red .tab-blk::after		{ background-color:var( --color-light-red);}

	.tab-wrap 		{ display:flex; flex-wrap:wrap; width:100%;}
	.tab-input 		{ display:none; }

	.tab-label 		{ flex:1; text-align:center; padding:15px; /* background-color:var( --color-light-green);*/ cursor:pointer; order: 1; border-right: 1px solid #fff; /* height:58px; */}



	.tab-content 					{ order:99; flex-grow:1; width:100%; display:none; padding:20px; background: #fff;}
	.tab-label:last-child  			{ border-right:none}

	.tab-input:checked + .tab-label { background: #fff;  /*border-top: 5px solid blue;*/ }

	#tab1:checked ~ #content1,
	#tab2:checked ~ #content2,
	#tab3:checked ~ #content3 { display: block; }


	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:840px) {
	#body.blue .tab-blk::after 	{  height:78px; }
	#body.blue .tab-label 	   	{  height:auto; }
	#body.green .tab-blk::after {  height:58px; }
	#body.green .tab-label 	   	{  height:auto; }
	#body.red .tab-blk::after   {  height:58px; }
	#body.red .tab-label 	   	{  height:auto; }
	}

	@media only screen and (max-width:375px) {
	#body.blue .tab-blk::after 	{  height:100px; }
	#body.blue .tab-label 	   	{  height:auto; }
	#body.green .tab-blk::after {  height:78px; }
	#body.green .tab-label 	   	{  height:auto; }
	#body.red .tab-blk::after   {  height:78px; }
	#body.red .tab-label 	   	{  height:auto; }

	}