.hero{
    padding:6.25rem 10rem 5rem;
}
.about-header {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  
  .about-logo {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .about-header h3 {
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
  }
  .flex{
    display: flex;
    align-items: flex-end;
    margin-top: 1rem;
    justify-content: space-between;
  }
  .hero-title {
    color: var(--Grayscale-100, #171717);
    /* H1-PC */
    width: 55rem;
    font-size: 5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 6.5rem */
  }
  .hero-content{
    width: 36.25rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 2.1rem */
  }
  .hero .card{
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
    gap:1.5rem;
  }
  .hero  .card-content{
    width: 50%;
    display: flex;
    height: 40rem;
    padding: 2.5rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: 1.5rem;
    background: var(--secondary-5, #388BFF);
    gap:2rem;
  }
  .card-content-header{
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .card-content-logo{
    width: 2.5rem;
    height: 2.5rem;
  }
  .card-content-header h3{
    color: var(--Grayscale-800, #FFF);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 140%; /* 3.5rem */
  }
  .card-content-article{
    color: var(--Grayscale-800, #FFF);
    /* H3-PC */
    font-size: 2.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 3.7375rem */
    flex:1
  }
  .infinity{
    width: 6.8125rem;
    height: 3.75rem;
    flex-shrink: 0;
  }
  .hero  .card-pic{
    width: 50%;
    height: 40rem;
    background: #CDECFF;
    border-radius: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero  .card-pic img{
    width: 32.5rem;
  }
  .hero  .card-pic .img{
    width: 32.5rem;
    height:30.226rem;
  }

  .aboutXoom{
    padding: 5rem 10rem 0rem;
  }
  .aboutXoom-header{
    display: flex;
    justify-content: space-between;
  }
  .aboutXoom-header-title{
    color: var(--Grayscale-100, #171717);
    text-align: center;
    /* H2-PC */
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 4.55rem */
  }
  .aboutXoom-header-article{
    color: var(--Grayscale-100, #171717);
    /* H6-PC-Light */
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    width:55rem;
  }
  .map{
    margin-top: 4rem;
    height:46.6rem;
    position:relative;
    padding-top:8rem;
  }
  .map img{
    /* position:absolute; */
    width:100%;
    height:100%;
    /* top:0; */
    /* left:0; */
  }
  .changeImg{
    display: none;
  }


  .map .info{
    position: absolute;
    top:2.37rem;
  }
  .map .info .info-content::before{
    content:'';
    position: absolute;
    width: .9rem;
    height: .9rem;
    background: #388BFF;
    top:0;
    left:0;
    border-radius: 50%;
    transform: translate(-50%,-50%);
  }
  
  .map .info-content{
    border-left: 1px solid #388BFF;
    font-style: normal;
    color: var(--Grayscale-100, #171717);
    padding-left: 2rem;
    position: absolute;
    height: 0;
    left:0;
    bottom:0;
  }
  .map .info.active .info-content{
    animation: mapItemAnim .5s linear 0s 1  forwards;
  }
  .map .info.active .valueWrap{
    animation: opacityAnim .5s linear .5s 1  forwards;
  }
  @keyframes opacityAnim{  
    0%{
      opacity:0;
    }
    100%{
      opacity:1;
    }
  }
  @keyframes mapItemAnim{  
    0%{
      height:0;
    }
    100%{
      height:100%;
    }
  }
  .valueWrap{
    position: absolute;
    margin-top: -2.5rem;
    opacity:0;
  }

  .map .info-content .value{
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 130%; /* 4.55rem */
    font-family: 'LexendDeca-SemiBold', sans-serif;
  }
  .map .info-content .label{
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    font-family: 'LexendDeca-Light', sans-serif;
  }
  .map .ball{
    position: relative;
    width: 1.375rem;
    height:1.375rem;
    /* transform: translate(-50%,50%); */
    border-radius: 50%;
    background: var(--secondary-5, #388BFF);
    /* bottom:0; */
    /* left:0; */
  }
  .map .ballWrap{
    position: absolute;
    bottom:0;
    left:0;
    width: 3rem;
    height:3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%,50%);
    z-index: 999;
  }

  .map .ball::before{
    content:'';
    position: absolute;
    top:50%;
    left:50%;
    background:  rgba(56, 139, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: ballAnim 2s infinite linear;
  }
  .map .info.northAmerica {
    left: 20rem;
    height: 28.26rem;
  }
  .map .info.southAmerica{
    left: 34.4rem;
    height: 32.26rem;
  }
  .map .info.greatBritain{
    left: 45rem;
    height: 17.16rem;
  }
  .map .info.europe{
    left: 69.1rem;
    height: 14.6rem;
  } 
  .map .info.india{
    left: 65.9rem;
    height: 26.36rem;
  } 
  .map .info.sea{
    left: 75.9rem;
    height: 32.66rem;
  } 
  .map .info.japan{
    left: 82.5rem;
    height: 27.66rem;
  } 
  .map .info.korea{
    left: 79.3rem;
    height: 26.66rem
  }
  .mapContent{
    width: 100%;
    height:100%;
  }
  @keyframes ballAnim {
      0%{
        width: 100%;
        height: 100%;
      }
      100%{
        width:200%;
        height: 200%;
      }
  }
  .logoContainer{
    padding:4rem 0 10rem;
  }
  .growth{
    padding:0 10rem 5rem;
  }
  .growth .container{
    padding: 5rem;
    background:#FFE067;
    border-radius: 2.5rem;
  }
  .growth .container p{
    color: var(--Grayscale-200, #737678);
    /* H3-PC */
    font-size: 2.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .tiktok{
    height: 25rem;
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    /* align-items: flex-end; */
  }
  .tiktok .left{
    width:30rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .tiktok .left .title{
    color: var(--Grayscale-100, #171717);
    /* H6-PC-Light */
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    margin-top: .5rem;
  }
  .tiktok .left  .article{
    margin-top:2.5rem;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    display: none;

  }
  .tiktok .left  .article.active{
    display: block;
  }
  .tk-2025{
    display: flex;
    align-items: center;
    gap:1rem;
  }
  .tiktok-logo{
    width: 11.66669rem;
    height: 5rem;
  }
  .capcat-logo{
    width: 11.66669rem;
    height: 5rem;
  }
  .tiktok .right{
    width: 50rem;
    height:25rem;
    overflow: hidden;
  }
  .tiktok .right .wrap{
    width: 50rem;
    height:50rem;
    position: relative;

  }
  .tiktok .right .circle{
    position: absolute;
    border-radius: 50%;
    top:50%;
    left:0;
    transform: translateY(-50%);
    display: flex;
  }
  .circle.c1{
    width: 50rem;
    height: 50rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .tiktok .name{
    display: none;
  }
  .circle.c2{
    width: 40.9375rem;
    height: 40.9375rem;
  }
  .circle.c3{
    width: 35.71431rem;
    height: 35.71431rem;
  }
  .circle.c4{
    width: 26.625rem;
    height: 26.625rem;
  }
  .circle.c5{
    width: 21.42856rem;
    height: 21.42856rem;
  }
  .circle.black{
    background: var(--Grayscale-100, #171717);
  }
  .circle.white{
    background: #fff;
  }
  .circle.yellow{
    background: #FFE067;
  }
  .circle span{
    color:#171717;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 1.875rem */
  }
  .circle.black span{
    color:#fff
  }
  .circle span{
    position: absolute;
    top:calc(50% - 1.01rem);
    right:0;
    transform: translateY(-100%);
  }
  .circle.c5 span{
    top:calc(50% - 1.57rem);
    right:50%;
    transform: translate(50%,-100%);
    white-space: nowrap;
  }
  .circle.c1 span,.circle.c3 span{
    width: 9.0625rem;
    text-align: center;
  }

  .news{
    padding:5rem 10rem;
  }
  .news-title{
    display: flex;
    justify-content: space-between;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 4.55rem */
    align-items: center;
  } 
  .news-container{
    margin-top: 4rem;
    display: grid;
    /* justify-content: space-between; */
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
  .news-card{
    border-radius: 1.5rem;
    background: var(--Grayscale-600, #F4F4F4);
    overflow: hidden;
    width:32.3rem;
    height:38rem;
    font-size: 0;
  }
  .news-img{
    width: 100%;
    /* height: auto; */
    aspect-ratio: 3 / 2;
    object-fit: cover;
  }
  .news-content{
    padding:2rem;
    color: var(--Grayscale-100, #171717);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 15.125rem;
  }
  .news-content-time{
    font-size:1.25rem;
    /* H6-PC-Light */
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
  }
  .news-content-des{
    margin-top: .5rem;
    /* H5-PC-Regular */
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 2.1rem */
    flex:1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-content .base-button-lv4{
    margin-top: 1.5rem;
  }
  .news-content .icon.card-icon-white{
    display: none;
  }
  .news-content .right:hover{
    background: #171717 !important;
  }
  .news-content .right:hover .icon.card-icon-white{
    display: block !important;
  }
  .news-content .right:hover .icon.card-icon-black{
    display: none !important;
  }

  .recruiting{
    padding:5rem 10rem;
  }
  .recruiting-title{
    color: var(--Grayscale-100, #171717);
    /* H2-PC */
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 4.55rem */
  }
  .product{
    margin-top: 4rem;
    border-top: 1px solid var(--Grayscale-100, #171717);
    color: var(--Grayscale-100, #171717);
    height: 46rem;

  }
  .product-item{
    padding:3rem 0;
    border-bottom: 1px solid var(--Grayscale-100, #171717);
  
  }
  .product-item-box{
    display: flex;
    /* flex-direction: column; */
    /* align-items: flex-end; */
    align-items: flex-start;
    /* height: 3.25rem; */
    overflow: hidden;
    transition: max-height .5s linear;
    overflow: hidden;
    max-height: 3.25rem;
  }
  .product-item.active .product-item-box {
    /* height: 23.625rem; */
    max-height: 23.625rem;
    overflow: hidden;
  }
  .product-item-title{
    display: flex;
    align-items: center;
    /* width: 100%; */
    flex:1;
    gap:1.5rem;
  }
  .product-item-num{
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 3.25rem */
  }
  .product-item-type-box{
    flex:1;
    margin-left: 1.5rem;
  }
  .product-item-type{
    padding:0.5rem 1rem;
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    border: 1px solid var(--Grayscale-100, #171717);
    border-radius: 3.125rem;
    box-sizing: border-box;
  }
  .product-item-name{
    width: 61.25rem;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 3.25rem */
  }
  .product-item-content{
    color: var(--Grayscale-100, #171717);
    width: 61.25rem;
    overflow: hidden;
    transition: all .8s ease;
  }
  .product-content-title{
    margin-top:1rem;
    /* H6-PC-Medium */
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 1.875rem */
  }
  .product-content-list{
    margin-top: .5rem;
    /* H6-PC-Light */
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    text-indent: .5em;
  }
  /* assistance */
  .assistance{
    display: flex;
    padding:0 10rem 7.5rem;
    justify-content: space-between;
  }
  .assistance-title{
    color: var(--Grayscale-100, #171717);
    /* H4-PC */
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 3.25rem */
    width:25rem;
   }
   .assistance-content{
    display: flex;
    gap: 1.64rem;
   }
   .assistance-item{
      width:29.8rem;
      height:7.5rem;
      padding: 2rem 2.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
     align-items: center;
     background: var(--Grayscale-600, #F4F4F4);
     border-radius: 1rem;
     cursor: pointer;

   }
   .assistance-item img{
    width:3.5rem;
    height: 3.5rem;
    border-radius: 100%;
   }
   .assistance-item .label{
    color: var(--Grayscale-100, #171717);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
   }
   .assistance-item .value a{
      color:  #000;
      /* H5-PC-Regular */
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; /* 2.1rem */
      position: relative;
   }
   .assistance-item .value.email a{
      position: relative;
   }
   .assistance-item .value.email a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom:-.5rem;
    width: 0;
    height: 1px;
    border-radius: 1px;
    background: #000;
    transition: width 0.6s linear;
  }

  .assistance-item .value.email a:hover::before {
    width: 100%;
  }
  .assistance-item .value.email a:not(:hover)::before {
    width: 0%;
    left: auto;
    right: 0;
    transition: width 0.4s linear;
  }


   .assistance-item>div{
      flex:1;
      display: flex;
      flex-direction: column;
      gap:.5rem;
   }

   @media screen and (max-width: 768px){
   
    .hero{
      padding:3.12rem 1.5rem 2.5rem;
    }
    .about-header{
      gap:.5rem;
    }
    .about-header h3{
      font-size: 1rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.4rem */
    }
    .about-logo{
      width: 1rem;
      height: 1rem;
    }
    .hero .flex{
      flex-direction: column;
      margin-top: .5rem;
      gap:1.5rem;
    }
    .hero-title{
      font-size: 2.625rem;
      font-style: normal;
      font-weight: 600;
      line-height: 120%; /* 3.15rem */
      width: 100%;
    }
    .hero-content{
      width: 100%;
      font-size: 1rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.4rem */
      padding-bottom: 0;
    }
    .hero .card{
      flex-direction: column;
      gap:1rem;
      margin-top: 2.5rem;
    }
    .card-content-header{
      gap:.75rem
    }
    .card-content-logo{
      width:1.5rem;
      height:1.5rem;
    }
    .card-content-header h3{
      font-size: 1.375rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.925rem */
    }
    .hero .card-content{
      width: 100%;
      padding:1.5rem;
      gap:1rem;
      border-radius: 0.651rem;

    }
    .card-content-article{
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 2.1rem */
    }
    .infinity{
      margin-top: 2.56rem;
      width: 3.625rem;
      height: 2rem;
    }
    .hero .card-pic{
      width: 100%;
      height: 20rem;
      border-radius: 0.651rem
    }
    .card .card-pic img{
      width: 16.91019rem;
    }
    .card .card-pic .img{
      width: 16.91019rem;
    }
    
    .aboutXoom{
      padding:2.5rem 1.5rem 0;
    }
    .aboutXoom-header{
      flex-direction: column;
      gap:1rem;
    }
    .aboutXoom-header-title{
      font-size: 2rem;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 2.6rem */
      text-align: left;
    }
    .aboutXoom-header-article{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      width: 100%;
    }
    .map{
      margin-top:2.5rem;
      height:20rem;
      height: 21.125rem;
      padding-top: 4.875rem;
      overflow-x: auto;
      overflow-y: hidden;
    }
    .mapContent{
      height: 16.25rem;
      width: 40.8164rem;
    }
    
  .map .info{
    position: absolute;
    top:1.5rem;
  }
  .map .info .info-content::before{
    content:'';
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: #388BFF;
    top:0;
    left:0;
    border-radius: 50%;
    transform: translate(-50%,-50%);
  }
  
  .map .info-content{
    border-left: .5px solid #388BFF;
    font-style: normal;
    color: var(--Grayscale-100, #171717);
    padding-left: 1.25rem;
  }
  .valueWrap{
    position: absolute;
    margin-top: -1.25rem;
  }

  .map .info-content .value{
    font-size: 2rem;
    font-weight: 600;
    line-height: 130%; /* 4.55rem */
    font-family: 'LexendDeca-SemiBold', sans-serif;
  }
  .map .info-content .label{
    font-size: .875rem;
    font-weight: 300;
    line-height: 150%; /* 1.875rem */
    font-family: 'LexendDeca-Light', sans-serif;
  }
  .map .ball{
    width: .825rem;
    height:.825rem;
  }
  .map .ballWrap{
    width: 1.5rem;
    height:1.5rem
  }
  .map .info.northAmerica {
    left: 8.3rem;
    height: 13rem;
  }
  .map .info.southAmerica{
    left: 14.2rem;
    height: 14.66rem;
  }
  .map .info.greatBritain{
    left: 18.5rem;
    height: 8.26rem;
  }
  .map .info.europe{
    left: 28.4rem;
    height: 7.15rem;
  } 
  .map .info.india{
    left: 27.3rem;
    height: 12.16rem;
  } 
  .map .info.sea{
    left: 31.3rem;
    height: 14.7rem;
  } 
  .map .info.japan{
    left: 34.3rem;
    height: 12.7rem;
  } 
  .map .info.korea{
    left: 32.8rem;
    height: 12.16rem;
  }




    .logoContainer{
      padding:2.5rem 0
    }

    .growth {
      padding:0;
    }
    .growth .container{
      padding:2.5rem 1.5rem;
      border-radius: 0.75rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .growth .container p{
      font-size: 1.5rem;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 2.1rem */
    }
    .tiktok{
      margin-top: 3rem;
      flex-direction: column;
      height: auto;
    }
    .tiktok .left{
      width: 100%;
      height:5.9375rem;
    }
  
    .tiktok-logo{
      width: 5.8rem;
      height: 2.5rem;
    }
    .capcat-logo{
      width: 5.8rem;
      height: 2.5rem;
    }
    .tiktok .left .title {
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      margin-top: .5rem;
    }
    .tiktok .left .article{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      margin-top: 1rem;
      display: none;
      height: 2.4375rem;
    }
    .tiktok .right{
      width: 21.375rem;
      height:10.6875rem;
      margin-top: 1.5rem;
    }
    .tiktok .right .wrap{
      width: 21.375rem;
      height:21.375rem;
    }
    .circle.c1{
      width: 21.375rem;
      height: 21.375rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .circle.c2{
      width: 16.82144rem;
      height: 16.82144rem;
    }
    .circle.c3{
      width: 15.26788rem;
      height: 15.26788rem;
    }
    .circle.c4{
      width: 10.71431rem;
      height:10.71431rem;
    }
    .circle.c5{
      width: 9.16069rem;
      height: 9.16069rem;
    }
    .circle span{
      display: none;
    }
    .tiktok .name{
      display: block;
      margin-top: .5rem;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      display: flex;
      justify-content: space-between;
    }
    .tiktok .name span:nth-of-type(1){
      width: 9.16069rem;
      text-align: center;
    }
    .tiktok .name span:nth-of-type(2){
      flex:1;
      text-align: center;
    }
    .news{
      padding: 5rem 1.5rem 2.5rem;
    }

    .news-title{
      font-size: 2rem;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 2.6rem */
    }
    .news-title .base-button-lv2{
      display: none;
    }
    .news-container{
      margin-top: 2.5rem;
      /* flex-direction: column;
      gap:1rem */
      grid-template-columns: 1fr;
      gap:1rem;
    }
    .news-card{
      width: 100%;
      height: auto;
      font-size: 0;
      border-radius: 1rem;
    }

    .news-content{
      padding:1rem;
      height:9.33rem;
    }
    .news-content-time{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
    }
    .news-content-des{
      font-size: 1rem;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 1.4rem */
      margin-top: .33rem;
    }

    .news-content .base-button-lv4{
      margin-top: 1rem;
    }
   

    .recruiting{
      padding:2.5rem 1.5rem 3rem;
    }
    .recruiting-title{
      font-size: 2rem;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 2.6rem */
    }
    .product{
      margin-top: 2.5rem;
      height:35.8125rem;
    }
    .product-item {
      padding:1.5rem 0;
    }
    .product-item-box{
      flex-wrap: wrap;
      max-height: 2rem;
      gap:.5rem;
      display: block;
    }
    .product-item-content{
      width:19.25rem;
    }
    .product-item-title{
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      margin-bottom: .5rem;
    }
    .product-item-type-box{
      margin-left: 0;
      /* height: 2.2rem; */
      height: 0rem;
    }
    .product-item-type{
      /* font-size: 0.875rem; */
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      border:0;
      font-size: 1.375rem;
      font-weight: 500;
      font-family: 'LexendDeca-Medium', sans-serif;
      padding:0;
    }
    .product-item-num{
      font-size: 1.375rem;
      font-style: normal;
      font-weight: 500;
      line-height: 130%; /* 1.7875rem */
    }
    .product-item-name{
      font-size: 1.375rem;
      font-style: normal;
      font-weight: 500;
      line-height: 130%; /* 1.7875rem */
      width: 20rem;
      padding-bottom: .5rem;
      display: none;
    }
    .product-item-name>span{
      display: none;
    }
    .product-content-title{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 1.225rem */
      margin-top: .5rem;
    }
    .product-content-list{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
      padding-left: 1.5em;
      text-indent: -1em;
    }
    .product-item.active .product-item-box{
      /* height: 22.6rem; */
      max-height: 22.6rem;
      overflow: hidden;
    }





    .assistance{
      padding: 0 1.5rem 5rem;
      flex-direction: column;
    }
    .assistance-title{
      font-size: 1.375rem;
      font-style: normal;
      font-weight: 500;
      line-height: 130%; /* 1.7875rem */
      width:100%;
    }
    .assistance-content{
      flex-direction: column;
      gap:1rem;
      margin-top: 1.5rem;
    }
    .assistance-item{
      width: 100%;
      padding:1rem 1.5rem;
      border-radius: 1rem;
      gap:1rem;
      height: auto;
    }
    .assistance-item .label{
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 300;
      line-height: 140%; /* 1.225rem */
    }
    .assistance-item .value,.assistance-item .value a{
      font-size: 1rem;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; /* 1.4rem */
    }
   
   }