.tab {overflow: hidden; width: fit-content;    margin: 0 auto;}

/* Style the buttons inside the tab */
.tab button {background-color: rgb(223 223 223);float: left;border: none;outline: none; color: #676767;cursor: pointer;padding: 14px 40px;    transition: 0.3s; font-size: 17px;  margin: 0 0 0 0;	  }
	  
/* Change background color of buttons on hover */
.tab button:hover {		background-color: #f7901e; color: #fff;	  }
	  
/* Create an active/current tablink class */	  
.tab button.active {color: #fff;		background-color: #f7901e;}
	  
/* Style the tab content */
	  .tabcontent {		display: none;		padding: 6px 12px;		border: 0px solid #ccc;		border-top: none;		float: left; width: 100%;	  }
	  .main-itam{    width: 90%;    float: left;    margin: 20% 5% 0;}
	.main-itam h5{ font-size: 30px; color: #1d2456; text-align: center;     width: 100%;margin: 50px 0 0 0;    float: left;}
	  .item{width: 25%; float: left; }
	  .img6hover{width: 100%; float: left;}
	  .img6hover img{width: fit-content; margin: 0 auto;display: block;} 
	  .item h6{font-size: 15px; color: #000; text-align: center;     height: 100px;    float: left;    width: 100%;    margin: 20px 0 0;}
	  
	    .item h6 span{ color: #999; font-size: 12px; text-align: center;}
		.item1{width: 19%; float: left; border: 1px solid #3f456c; margin:1% 0.5% 1% 0.5%; }
		 .item1 h6{    font-size: 18px;    color: #1d2456;       margin: 0; text-align: center;    height: 150px;    float: left;    width: 100%;    padding: 35px 25px 20px;}
.item1 h6:hover{ background: #1d2456; color:#fff; cursor: pointer;}

	    .item1 h6 span{     color: #acacac;    font-size: 14px;    text-align: center;}
	.item1 h4{    font-size: 18px;    color: #1d2456;    text-align: center;  margin: 0;   height: 150px; float: left;    width: 100%; padding: 60px 25px 20px;}
	.item1 h4:hover{ background: #1d2456; color:#fff; cursor: pointer;} 
 
 	@media only screen and (min-width: 1601px) and (max-width: 1700px) {
		.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
	}
		@media only screen and (min-width: 1501px) and (max-width: 1600px) {
			.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
		}
			@media only screen and (min-width: 1401px) and (max-width: 1500px) {
				.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
			}
				@media only screen and (min-width: 1301px) and (max-width: 1400px) {
					.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
				}
					@media only screen and (min-width: 1201px) and (max-width: 1300px) {
						.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
					}

						@media only screen and (min-width: 1101px) and (max-width: 1200px) {
.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}

						}

		@media only screen and (min-width: 991px) and (max-width: 1100px) {

.tab button{font-size: 15px; }
.main-itam {  width: 100%;  float: left;  margin: 20% 0 0;}
.item1 h6 span {   font-size: 11px;}
.item1 h6 {  font-size: 15px;padding: 35px 10px 20px;}
.item1 h4 {  font-size: 15px;}
  .main-itam h5 {  font-size: 20px;}
		}


		@media screen and (max-width: 990px) {

.tab button {
 font-size: 12px;
  padding: 10px 10px;}

  .item {
  width: 100%;}
  .item h6 {
  font-size: 13px;}

  .main-itam h5 {
  font-size: 20px;}

  .item1 {margin: 3% 0.5% 3% 0.5%;
  width: 100%;}

		}