.clslogo{
	width: 200px;
}
.mt-20{
	margin-top: 20px;
}
.banner-section{
	top: 112px;
}
.clshomebtn{
	padding: 10px 10px !important;
}
.clstabview{
	text-align: left;
    padding-bottom: 15px;
    padding-top: 15px;
}





/*** Table Styles **/
/* --- The Table Structure --- */

table {
  border-collapse: separate;
  border-spacing: 0;
  width:100%;
  text-align: left;
}
table tr th,
table tr td {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
/*  box-shadow: 2px 2px 1px #e5dfcc;*/
}
table tr th:first-child,
table tr td:first-child {
  border-left: 1px solid #bbb;
}
table tr th {
  border-top: 1px solid #bbb;
}

/* top-left border-radius */
table tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}


th, td{
  padding: 8px 20px;
}
th{
  background: #E5E6EB;
  color: #111;
}
td{
  background: #EFF1F6;
}
.clstableth{
	width: 260px;
}
.clstablesection {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}
.clstableul{
	text-align: left;
}




/*timeline*/


 .timeline {
	 display: flex;
	 flex-direction: column;
	 width: 50vw;
	 margin: 10px auto;
}
 .timeline__event {
	 background: #fff;
	 margin-bottom: 20px;
	 position: relative;
	 display: flex;
	 margin: 20px 0;
	 border-radius: 8px;
	 box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
}
 .timeline__event__title {
	 font-size: 1.2rem;
	 line-height: 1.4;
	 text-transform: uppercase;
	 font-weight: 600;
	 color: #9251ac;
	 letter-spacing: 1.5px;
}
 .timeline__event__content {
	 padding: 20px;
   text-align: left;
}
 .timeline__event__date {
	 color: #f6a4ec;
	 font-size: 1.5rem;
	 font-weight: 600;
	 white-space: nowrap;
}
 .timeline__event__icon {
	 border-radius: 8px 0 0 8px;
	 background: #9251ac;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-basis: 20%;
	 font-size: 2rem;
	 color: #9251ac;
	 padding: 20px;
}
 .timeline__event__icon i {
	 position: absolute;
	 top: 50%;
	 left: -70px;
	 font-size: 2rem;
	 transform: translateY(-50%);
}
 .timeline__event__description {
	 flex-basis: 80%;
}
 .timeline__event:after {
	 content: "";
	 width: 2px;
	 height: 100%;
	 background: #9251ac;
	 position: absolute;
	 top: 52%;
	 left: -3.5rem;
	 z-index: -1;
}
 .timeline__event:before {
	 content: "";
	 width: 5rem;
	 height: 5rem;
	 position: absolute;
	 background: #f6a4ec;
	 border-radius: 100%;
	 left: -6rem;
	 top: 50%;
	 transform: translateY(-50%);
	 border: 2px solid #9251ac;
}
 .timeline__event--type2:before {
	 background: #87bbfe;
	 border-color: #555ac0;
}
 .timeline__event--type2:after {
	 background: #555ac0;
}
 .timeline__event--type2 .timeline__event__date {
	 color: #87bbfe;
}
 .timeline__event--type2 .timeline__event__icon {
	 background: #555ac0;
	 color: #555ac0;
}
 .timeline__event--type2 .timeline__event__title {
	 color: #555ac0;
}
 .timeline__event--type3:before {
	 background: #aff1b6;
	 border-color: #24b47e;
}
 .timeline__event--type3:after {
	 background: #24b47e;
}
 .timeline__event--type3 .timeline__event__date {
	 color: #aff1b6;
}
 .timeline__event--type3 .timeline__event__icon {
	 background: #24b47e;
	 color: #24b47e;
}
 .timeline__event--type3 .timeline__event__title {
	 color: #24b47e;
}
 .timeline__event:last-child:after {
	 content: none;
}
 @media (max-width: 786px) {
	 .timeline__event {
		 flex-direction: column;
	}
	 .timeline__event__icon {
		 border-radius: 4px 4px 0 0;
	}
}