.tab-wrap {
     width: 100%;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 100%;
 }
 
 input[type="radio"][name="tabs1"] {
     position: absolute;
     z-index: -1;
 }
 
 input[type="radio"][name="tabs1"]:checked+.tab-label-content label {
     color: #9e1c21;
 }
 
 input[type="radio"][name="tabs1"]:checked+.tab-label-content .tab-content {
     display: block;
 }
 
 input[type="radio"][name="tabs1"]:nth-of-type(1):checked~.slide1 {
     left: calc((100% / 3) * 0);
 }
 
 input[type="radio"][name="tabs1"]:nth-of-type(2):checked~.slide1 {
     left: calc((100% / 3) * 1);
 }
 
 input[type="radio"][name="tabs1"]:nth-of-type(3):checked~.slide1 {
     left: calc((100% / 3) * 2);
 }
 
 input[type="radio"][name="tabs1"]:first-of-type:checked~.slide1 {
     left: 0;
 }

 input[type="radio"][name="tabs2"] {
     position: absolute;
     z-index: -1;
 }
 
 input[type="radio"][name="tabs2"]:checked+.tab-label-content label {
     color: #9e1c21;
 }
 
 input[type="radio"][name="tabs2"]:checked+.tab-label-content .tab-content {
     display: block;
 }
 
 input[type="radio"][name="tabs2"]:nth-of-type(1):checked~.slide2 {
     left: calc((100% / 3) * 0);
 }
 
 input[type="radio"][name="tabs2"]:nth-of-type(2):checked~.slide2 {
     left: calc((100% / 3) * 1);
 }
 
 input[type="radio"][name="tabs2"]:nth-of-type(3):checked~.slide2 {
     left: calc((100% / 3) * 2);
 }
 
 input[type="radio"][name="tabs2"]:first-of-type:checked~.slide2 {
     left: 0;
 }

 input[type="radio"][name="tabs3"] {
     position: absolute;
     z-index: -1;
 }
 
 input[type="radio"][name="tabs3"]:checked+.tab-label-content label {
     color: #9e1c21;
 }
 
 input[type="radio"][name="tabs3"]:checked+.tab-label-content .tab-content {
     display: block;
 }
 
 input[type="radio"][name="tabs3"]:nth-of-type(1):checked~.slide3 {
     left: calc((100% / 2) * 0);
 }
 
 input[type="radio"][name="tabs3"]:nth-of-type(2):checked~.slide3 {
     left: calc((100% / 2) * 1);
 }
  
 input[type="radio"][name="tabs3"]:first-of-type:checked~.slide3 {
     left: 0;
 }

 label {
     cursor: pointer;
     color: rgb(15, 60, 85);
     background-color: #dedede;
     box-sizing: border-box;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     height: 56px;
     -webkit-transition: color 0.2s ease;
     transition: color 0.2s ease;
     width: 100%;
     font-family: os-body-font-medium;
 }
 
 .slide1 {
     background: #103a53;
     width: calc(100% / 3);
     height: 4px;
     position: absolute;
     left: 0;
     top: 52px;
     -webkit-transition: left 0.3s ease-out;
     transition: left 0.3s ease-out;
 }

 .slide2 {
     background: #103a53;
     width: calc(100% / 3);
     height: 4px;
     position: absolute;
     left: 0;
     top: 52px;
     -webkit-transition: left 0.3s ease-out;
     transition: left 0.3s ease-out;
 }

 .slide3 {
     background: #103a53;
     width: calc(100% / 2);
     height: 4px;
     position: absolute;
     left: 0;
     top: 52px;
     -webkit-transition: left 0.3s ease-out;
     transition: left 0.3s ease-out;
 }

 .tab-label-content {
     width: 100%;
 }
 
 .tab-label-content .tab-content {
     position: absolute;
     top: 55px;
     left: 0;
     line-height: 130%;
     display: none;
     right: 0;
     bottom: 0;
     overflow: auto;
     padding-top: 30px;
     padding-bottom: 150px;
 }
 
 @media screen and (max-width: 800px) {
     .tab-wrap {
         width: 100%;
         margin-left: 0;
         top: 70px;
         left: 0;
         right: 0;
         position: absolute;
     }
 }