.accordion-button {
   
    color: #335174!important;
}
.bluebox {
    background: none!important;
}
.card-body{
  background-color: aliceblue;
}


@media (min-width: 1025px) and (max-width: 1280px){
  .table-container{
    display: none !important;

  }
        }
@media only screen and (max-width: 767px) {  
	.section-description table {
		display: block!important;
		width: auto!important;
		overflow-x: scroll;
	}
	.tab button {
	    font-size: 13px!important;
	}
	.tab button.active { 
        font-size: 13px!important;
    
    }
	
}
@media only screen and (max-width: 600px) {
  .tab button.active { 
    background-color: transparent !important;
    color: blue !important;
  border-radius: 10px !important; 

}
.tab button:hover {
  background-color: transparent !important;
}
.tab{
  color: black;
}

}



.accordion-button {
    background-color: #efefef!important;
}
.section-description {
    text-align: left;
}
.tab {
  overflow: hidden;
  border-bottom: 1px solid;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 25%;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  border-radius: 53px;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: cornflowerblue;
  color: snow;
  border-radius: 53px !important;

}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
	.section-news {
		padding-top: 0!important;
	}
	.colpart .content {
		border-radius: 15px;
		box-shadow: 25px 25px 50px 5px rgb(0 0 0 / 10%);
	}
    .roundshadow1 img{
		position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	.roundshadow2 img{
	    position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	.roundshadow3 img{
		position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	
	.roundwhy1 img{
		position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	.roundwhy2 img{
	    position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	.roundwhy3 img{
		position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	
@media only screen and (max-width: 767px) {
	.bannerheading {
		font-size: 30px;
	}
	.chouseusboxdata h3 {
		font-size: 30px;
	}
	.roundshadow1 img{
		margin-top:35px;
	}
	.roundshadow2 img{
		margin-top:35px;
	}
	.roundshadow3 img{
		margin-top:35px;
	}
	.chouseusboxdata h3 {
		font-size: 20px;
	}
	.boxround a {
		font-size: 11px;
	}
}