.accordian-width {
	display: block; 
	width: 1200px; 
	overflow: hidden; 
	padding: 10px; 
	margin: 30px auto; 
	overflow: hidden; 
	}
 
  .col50lt {display: block; width: 48%; float: left; margin: 0; padding: 5px; border: solid 0px gray;}
  .col50rt {display: block; width: 49.5%; float: right; margin: 0 0 0 2px; padding: 0; border: solid 0px green;}
 
/* Small Business & Home */

/* (A) TABS CONTAINER ----- new */

.tab-wrap {
	overflow: hidden; 
	border: solid 0px orange;
	background: #fff;
	border-radius: 8px;
	padding: 3px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	}
	
.tab {
  position: relative;
  display: block;
  max-width: 600px;
}

.tab input { display: none; }

.tab label {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 25px 10px 20px 20px;
  color: #1d94ba;
  font-weight: 400;
  font-size: 22px;
  text-align: left;
  background: #fff;
  border-radius: 0!important;
  cursor: pointer;
}
.tab-title {
	display: inline-block; 
	color: #4590c7; /* medium blue */
	padding: 0; margin: 0; 
	border-bottom: solid 2px #fadfbc;
	}

.tab label:hover {
	background: #f5f5f5; 
	background-position: top 5px right 30px;
	background-repeat: no-repeat;
	}
.tab label:focus, .tab label:active {
  background: #fff!important;
}
[type=radio]:checked ~ label {
   background: #fff;
}

.tab .tab-content {
  margin-top: -20px;
  overflow: hidden;
  transition: max-height 0.3s;
  transition: all .5s ease-in-out;
  max-height: 0; 
  border-radius: 0!important;
  border-left: solid 0px #e69506!important;
transition: all 1.2s ease-in-out;
   /* box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);  */
}

.tab .tab-content p {padding: 0px 20px 13px 20px; margin: 0; line-height: 22px; text-align: left;}

.tab input:checked ~ .tab-content { 
	max-height: 100vh; background: #fff;
	transition-timing-function: ease-in-out;
	transition-delay: .3s;
	transition-duration: 1.7s;
	}

.tab label::after {
  /* content: "\25b6"; 
  content: "\2192"; */
  content: url(../images/table-arrow-down.svg);
  position: absolute;
  color: #ccc;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 20px;
  transform: rotate(-90deg); 
  opacity: .25;
  display: block;
  transition: all 0.4s;
  transition: all 1.0s ease-in-out;
}
.tab input:checked ~ label::after {
	right: 20px;
	top: 10px; 
	transform: rotate(0deg); 
	}

 
.custom-images {transition: all .5s ease-in-out;}
.col50t .custom-images img {width: 100%; height: 100%;}

.d-none {
    display: none!important;
	transition: all .5s ease-in-out;
}

@media screen and (max-width:768px)  {
	
	.width-content2 {width: 100%;}
	
	  .accordian-width {
	  width: 100%; 
	  padding: 10px; 
	  margin: 10px 0; 
	  }
	
	.col50lt {width: 100%;}
	.col50rt {display: none;}
	
	.tab label {
		margin-top: 10px;
		margin-bottom: 20px;
		padding: 25px 10px 20px 20px;
		font-size: 20px;
	}

	.tab-wrap {width: 100%; margin-top: 8px;}
	
	.tab {
		position: relative;
		display: block;
		max-width: 95%;
	}


}