.warpper{
	display:flex;
	flex-direction: column;
	align-items: center;
  }
  
  
  
  
  
  .phone_tab{
	  /* background-color: rgba(204, 204, 204, 0.5); */
	  font-size: 1.5em;
	  cursor: pointer;
	  padding: 10px 10px;
	  margin: 0px 2px;
	  display: inline-block;
	  color: #544431;
	  border-radius: 3px 3px 0px 0px;
	  height: 90px;
  }
  
  .phone_panels{
	  background: #fffffff6;
	  border-radius: 3px;
	  overflow: hidden;
  }
  .phone_panel{
	display:none;
	animation: fadein .8s;
  }
  
  
  
  .panels{
	  background: #fffffff6;
	  border-radius: 3px;
	  overflow: hidden;
  }
  
  
  
  
  @keyframes fadein {
	  from {
		  opacity:0;
	  }
	  to {
		  opacity:1;
	  }
  }
  .panel-title{
	font-size:1.5em;
	font-weight:bold
  }
  .radio{
	display:none;
  }
  #one:checked ~ .panels #one-panel,
  #two:checked ~ .panels #two-panel,
  #three:checked ~ .panels #three-panel,
  #four:checked ~ .panels #four-panel,
  #five:checked ~ .panels #five-panel,
  #six:checked ~ .panels #six-panel,
  #seven:checked ~ .panels #seven-panel,
  #eight:checked ~ .panels #eight-panel,
  #nine:checked ~ .panels #nine-panel,
  #ten:checked ~ .panels #ten-panel,
  #eleven:checked ~ .panels #eleven-panel,
  #twelve:checked ~ .panels #twelve-panel,
  #thirteen:checked ~ .panels #thirteen-panel{
	  background:#ffffffa8;
	display:block
  }
  #one:checked ~ .tabs #one-tab,
  #two:checked ~ .tabs #two-tab,
  #three:checked ~ .tabs #three-tab,
  #four:checked ~ .tabs #four-tab,
  #five:checked ~ .tabs #five-tab,
  #six:checked ~ .tabs #six-tab,
  #seven:checked ~ .tabs #seven-tab,
  #eight:checked ~ .tabs #eight-tab,
  #nine:checked ~ .tabs #nine-tab,
  #ten:checked ~ .tabs #ten-tab,
  #eleven:checked ~ .tabs #eleven-tab,
  #twelve:checked ~ .tabs #twelve-tab,
  #thirteen:checked ~ .tabs #thirteen-tab{
	  background-color: #fff;
	  color: #61572a;
  }
  
  #phone_one:checked ~ .phone_panels #phone_one-panel,
  #phone_two:checked ~ .phone_panels #phone_two-panel,
  #phone_three:checked ~ .phone_panels #phone_three-panel,
  #phone_four:checked ~ .phone_panels #phone_four-panel,
  #phone_five:checked ~ .phone_panels #phone_five-panel,
  #phone_six:checked ~ .phone_panels #phone_six-panel,
  #phone_seven:checked ~ .phone_panels #phone_seven-panel,
  #phone_eight:checked ~ .phone_panels #phone_eight-panel,
  #phone_nine:checked ~ .phone_panels #phone_nine-panel,
  #phone_ten:checked ~ .phone_panels #phone_ten-panel,
  #phone_eleven:checked ~ .phone_panels #phone_eleven-panel,
  #phone_twelve:checked ~ .phone_panels #phone_twelve-panel,
  #phone_thirteen:checked ~ .phone_panels #phone_thirteen-panel{
	  background:#ffffffa8;
	display:block
  }
  #phone_one:checked ~ .tabs #phone_one-tab,
  #phone_two:checked ~ .tabs #phone_two-tab,
  #phone_three:checked ~ .tabs #phone_three-tab,
  #phone_four:checked ~ .tabs #phone_four-tab,
  #phone_five:checked ~ .tabs #phone_five-tab,
  #phone_six:checked ~ .tabs #phone_six-tab,
  #phone_seven:checked ~ .tabs #phone_seven-tab,
  #phone_eight:checked ~ .tabs #phone_eight-tab,
  #phone_nine:checked ~ .tabs #phone_nine-tab,
  #phone_ten:checked ~ .tabs #phone_ten-tab,
  #phone_eleven:checked ~ .tabs #phone_eleven-tab,
  #phone_twelve:checked ~ .tabs #phone_twelve-tab,
  #phone_thirteen:checked ~ .tabs #phone_thirteen-tab{
	  background:#ffffffa8;
	  color: #61572a;
  }
  
  
  
  
  /* Responsive align */
  
  @media (max-width: 480px) {
	  
	  .tab {
	  background-color: #ffffff4d;
	  font-size: 1.5em;
	  cursor: pointer;
	  padding: 6px;
	  margin: 0px 2px;
	  display: inline-block;
	  color: #3029294f;
	  height: 44px;
	 }
		  
	  .form_align{
		 width:100%;
	  } 
	  
	  .panel{
	display:none;
	animation: fadein .8s;
	height: fit-content;
  }
  
  }
  
  @media (min-width: 768px) {
	  
		  .tab{
	  background-color: #ffffff4d;
	  font-size: 1.5em;
	  cursor: pointer;
	  padding: 6px;
	  margin: 0px 2px;
	  display: inline-block;
	  color: #3e3636;
	  height: 60px;
  }
	  
	  .form_align{
		width:100%;
	  }   
	  
	  .panel{
	display:none;
	animation: fadein .8s;
	height: fit-content;
  }
  
  }
  
  @media (min-width: 992px) {
	  
		  .tab{
	  background-color: #ffffff4d;
	  font-size: 1.5em;
	  cursor: pointer;
	  padding: 6px;
	  margin: 0px 2px;
	  display: inline-block;
	  color: #00000054;
	  height: 60px;
  }
  
	  .form_align{
		  width:100%;
	   
	  }   
	  
	  .panel{
	display:none;
	animation: fadein .8s;
  }
  
  }
  
  @media (min-width: 1200px) {
	  
	  .tab{
	  background-color: #ffffff4d;
	  font-size: 1.5em;
	  cursor: pointer;
	  padding: 6px;
	  margin: 0px 2px;
	  display: inline-block;
	  color: #ffffff;
	  height: 60px;
  }
	  
	  .form_align{
	  width:100%;
		
	  }   
	  
	  .panel{
	display:none;
	animation: fadein .8s;
  }
	
  }
  
  /* Responsive align */
  
  /* Responsive align */
  
  @media (max-width: 480px) {
	  
	  .button_pad{
	  
	  padding-top: 20px;
	  text-align:center;
  }
	  
	  .tab_text{padding-left: 4%;font-size: 12px;padding-top: 3px;}
	  .tips_text{padding: 9% 6% 6% 6%;}
	  .panel_padding{padding: 6% 3% 6% 3%;}
	  .panel_text_align{width: 40%;} 
	  .tabs {display: flex;/* height: -214px; */transform: translateY(-43px);width: 100%;}
	  .tabs2 {display: flex;height: 270px;width: 100%;}
  }
  
  @media (min-width: 768px) {
	  
		  .button_pad{
	  
	  padding-top: 20px;
	  text-align:left;
  }
  
	  
	  .tab_text{/* padding-left: 3%; */font-size: 24px;}
	  .tips_text{font-size: 0.8em;padding: 0% 0% 0% 0%;}
	  .panel_padding{padding: 6% 6% 6% 6%;}
	  .panel_text_align{width:33%;}   
	  .tabs {transform: translateY(-57px);display: flex;height: 270px;width: 100%;}
	  .tabs2 {display: flex;height: 270px;width: 100%;}
  }
  
  @media (min-width: 992px) {
	  
	  .button_pad{
	  
	  padding-top: 20px;
	  text-align:center;
  }
	  
	  .tab_text{/* padding-left: 3%; */font-size: 24px;}
	  .tips_text{font-size: 0.8em;padding: 0% 6% 0% 0%;}
	  .panel_padding{padding: 6% 3% 6% 3%;}
	  .panel_text_align{width:300px;}   
	  .tabs {display: flex;transform: translateY(-59px);height: 270px;width: 100%;}
	  .tabs2 {display: flex;height: 270px;width: 100%;}
  }
  
  @media (min-width: 1200px) {
	  
	  .button_pad{
	  
	  padding-top: 20px;
	  text-align:left;
  }
	  
	  .tab_text{color: #3c3a3a;font-size: 17px;padding: 6px 0px 0px 6px;}
	  .tips_text{padding: 0% 0% 0% 0%;font-size: 0.9em;}
	  .panel_padding{padding: 3% 3% 3% 3%;}
	  .panel_text_align{width: 162px;height: 68px;}  
	  .tabs{}
	  
		  .tabs {
			  width:100%;
			  display: flex;
			  position: absolute;
			  transform: translateY(-68px);
		}
		  .tabs2 {
			  width:100%;
	  display: flex;
	 position: absolute; 
	  transform: translateY(-90px); 
  }
  
	
  }
  
  /* Responsive align */
  
  
  
  .product_img_width{
	  width: 150px;
  }
  
  .scale:hover{
	  
	  transform: scale(1.2);
	  color:#4a4242;
	  
  }
  
  .scale:active{
	  
	  transform: scale(1.2);
	  color:#4a4242;
	  
  }
  
  
  
  .product_button2{
	  
	  padding: 15px 15px;
	  font-size: 18px;
	  background: linear-gradient(0deg, #629739, #629739);
	  box-shadow: 3px 3px 5px -1px rgb(0 0 0 / 25%);
	  border-radius: 6px;
	  color: #fff;
	  
  }
  
  .product_button2:hover{
	  
	  padding: 15px 15px;
	  font-size: 18px;
	  background: linear-gradient(0deg, #87c458, #8cc461);
	  box-shadow: 3px 3px 5px -1px rgb(0 0 0 / 25%);
	  border-radius: 6px;
	  color: #fff;
	  
  }
  
  
  .tab:hover{
	  
	  background:#ffffff80;
	  
  }