* {box-sizing: border-box}


.tab-holder{display: flex;flex-wrap: nowrap;/* align-items: baseline; */justify-content: center;}
.tab {
  float: left;
  background-size: auto 100%;
  width: 167px;
  height: 500px;
  border-radius: 10px 0 0 10px;
}

.sbg01{background: url("../images_lp/tab-bg1.png") no-repeat right;}
.sbg02{background: url("../images_lp/tab-bg2.png") no-repeat left;}

.icon1{margin-left: 45px;}
.icon2{margin-left: 30px;}
.icon3{margin-left: 15px;}
.icon4{margin-left: 15px;}
.icon5{margin-left: 20px;}
.icon6{margin-left: 40px;}



.icon7{margin-left: 70px;}
.icon8{margin-left: 90px;}
.icon9{margin-left: 105px;}
.icon10{margin-left: 105px;}
.icon11{margin-left: 95px;}
.icon12{margin-left: 80px;}

.tab .tinn {
  display: block;
  background-color: #1667a5;
  color: #1667a5;
  color: black;
  /* padding: 22px 16px; */
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  /* text-align: left; */
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
  /* margin: 5%; */
  border-radius: 50%;
  position: relative;
  margin-top: 28px;
}

.tab .tinn p {padding: 5px;margin: 0;}
.tab .tinn p:nth-child(2) {position: absolute;left: 60px;width: 100px;top: 50%;transform: translateY(-50%);text-align: left;}

.tab .tinn p:nth-child(1) img{width: 33px;height: auto;margin-top: 3px;}
.tab .tinn:hover {
		transform: scale(1.2); 

  background-color: #b1242d; color: #b1242d;
}

.tab .tinn.active {
   background-color: #b1242d; color: #b1242d;
}



.tab .cir {
  display: block;
  background-color: #1667a5;
  color: #1667a5;
  color: black;
  /* padding: 22px 16px; */
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  /* text-align: left; */
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
  /* margin: 5%; */
  border-radius: 50%;
  position: relative;
  margin-top: 28px;
}
.tab .cir p {padding: 5px;margin: 0;}
.tab .cir p:nth-child(1) {position: absolute;left: -110px;width: 100px;top: 50%;transform: translateY(-50%);text-align: right;}

.tab .cir p:nth-child(2) img{width: 33px;height: auto;margin-top: 3px;}
.tab .cir:hover {
	transform: scale(1.2); 
  background-color: #b1242d; color: #b1242d;
}

.tab .cir.active {
  background-color: #b1242d; color: #b1242d
	  
}

.tabcontent {
  /* float: left; */
  /* padding: 0px 12px; */
  max-width: 500px;
  border-left: none;
  max-height: 500px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.tabcontent img{max-width: 600px;max-height: 600px;display: block;  text-align: center ;  margin-left: auto; width: 100%; height: auto;
  margin-right: auto;;}


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

	.tabcontent { max-width: 500px; max-height: 500px; width: 100%;}
	.tab {/* height: 500px; */}
	.tab .cir { margin-top: 25px;}
	.tab .tinn { margin-top: 25px;}
	.tab .cir p:nth-child(1) { left: -90px; width: 80px;}


 

}