.tabmenu {  width: 100%; margin-bottom:40px;  max-width: 100%;   width:90%; margin:0 auto}
.tabmenu_menu {  display: flex;  flex-wrap: wrap;  width:800px; margin:0 auto}

.tabmenu_menu-item {  flex: 1;    padding: 10px;  font-size: 18px;  font-weight: 600;  text-transform: uppercase;
  text-align: center;  color: #fff;  box-shadow: 0 2px 0 transparent;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;
     user-select: none;  cursor: pointer;  transition: 0.3s;}
.tabmenu_content {  padding: 90px 0 0 0;  margin:0 auto;}
.tabmenu_content-item {  height: 0;  overflow: hidden;  line-height: 1.4;  opacity: 0;  transform: translateY(80px);
  visibility: hidden;  transition: 0.5s; }
.tabmenu .tabmenu_menu .tabmenu_menu-item {border-radius:50px;}
.tabmenu input[id=tab1]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab1] {
  background: #CBD95D; border-radius:50px;  color: #222;  }
.tabmenu input[id=tab1]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab1] {
  height: auto;  opacity: 1;  transform: translateY(0);  visibility: visible;}
.tabmenu input[id=tab2]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab2] {
   background: #CBD95D; border-radius:50px;  color: #222;  }
.tabmenu input[id=tab2]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab2] {
  height: auto;  opacity: 1;  transform: translateY(0);  visibility: visible;}
.tabmenu input[id=tab3]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab3] {
   background: #CBD95D; border-radius:50px;  color: #222;  }
.tabmenu input[id=tab3]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab3] {
  height: auto;  opacity: 1;  transform: translateY(0);  visibility: visible;}
.tabmenu input[id=tab4]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab4] {
   background: #CBD95D; border-radius:50px;  color: #222;  }
.tabmenu input[id=tab4]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab4] {
  height: auto;  opacity: 1;  transform: translateY(0);  visibility: visible;}
  .tabmenu input[id=tab5]:checked ~ .tabmenu_menu .tabmenu_menu-item[for=tab5] {
   background: #CBD95D; border-radius:50px;  color: #222;  }
.tabmenu input[id=tab5]:checked ~ .tabmenu_content .tabmenu_content-item[data-tab=tab5] {
  height: auto;  opacity: 1;  transform: translateY(0);  visibility: visible;}

.m-content .ico {   margin:0 auto; width:330px; height:330px;  background-color:#CBD95D; border-radius:200px; padding-top:20px;  }
.m-content .ico img {max-width:100%; }
.m-content .cont {width:100%; background:#CBD95D; border-radius:50px; padding:100px 50px 100px 50px; margin-top:-180px }
.m-content .cont1 {font-size:35px; line-height:55px; }
.m-content .cont2 {font-size:25px; line-height:45px; padding-top:30px; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.tabmenu {  margin-bottom:0px;  width:90%; margin:0 auto}	
.tabmenu_content {  padding: 30px 0 0 0; width:100%; }	
.tabmenu_menu {  display: flex;  flex-wrap: wrap;  width:100%; margin:0 auto}
.tabmenu_menu-item {    padding: 2px 1px;  font-size: 13px;  font-weight: 500;   }
.tabmenu_content-item {   transform: translateY(20px);}

.m-content .ico {   margin:0 auto; width:150px; height:150px;  background-color:#CBD95D; border-radius:100px; padding:20px;  }
.m-content .cont {width:100%; background:#CBD95D; border-radius:25px; padding:50px 20px 50px 20px; margin-top:-80px }
.m-content .cont1 {font-size:18px; line-height:30px; }
.m-content .cont2 {font-size:14px; line-height:25px; padding-top:20px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}
