.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: #ffffffa8;
	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: 60px;
}
        
    .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: 15px;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: 270px;width: 100%;}
	.tabs2 {display: flex;height: 270px;width: 100%;} */
	.tabs {display: flex;width: 100%;}
	.tabs2 {display: flex;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 {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;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(-66px); 
}
		.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;
	
}