/** Shopify CDN: Minification failed

Line 124:13 Unexpected "{"
Line 124:14 Expected identifier but found "%"
Line 124:53 Unexpected "{"
Line 124:54 Expected identifier but found "%"
Line 269:14 Unexpected "{"
Line 269:15 Expected identifier but found "%"
Line 269:75 Unexpected "{"
Line 269:76 Expected identifier but found "%"
Line 327:0 Unexpected "}"

**/
.faq-como {
    *{
       margin:0;
       padding:0;
       box-sizing:border-box;
   }
   img{
       width:100%;
       height:auto;
       object-fit:cover;
   }
    @media (min-width:769px){
       .faq-como-mainContent{
            max-width:1280px;
            padding:0 40px;
            margin:0 auto;
       }
       .faq-como-mainContent-title{
          font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 38px;
leading-trim: NONE;
line-height: 50px;
letter-spacing: 0%;
text-align: center;
           color:#1D1D1D;
            text-align: center;
           margin:0 0 60px;
       }
       .faq-como-box{

       }
       .faq-como-card{
           display:flex;
           flex-direction:column;
       }
       .faq-como-card-item{
           border-bottom:1px solid #C4C4C4;
           overflow:hidden;
                 
           /* transition:border 0.1s cubic-bezier(0.4, 0, 0.2, 1); */
            transition:border 0.4s ease;
       }
       .faq-como-card-item-top{
           display:flex;
           justify-content:space-between;
           align-items:center;
           padding:32.5px 0;
       }
        .faq-como-card-item .faq-como-card-item-top span:nth-of-type(1){
           font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 20px;
leading-trim: NONE;
line-height: 30px;
letter-spacing: 0%;

            color:#1D1D1D;
       }
       .faq-como-card-item-bottom  {
        font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 21px;
letter-spacing: 0%;
color:#666;
       }
       .faq-como-card-icon{
           width:48px;
           height:48px;
           display:flex;
           justify-content:center;
           align-items:center;
           flex-shrink:0;
       }
       .faq-como-card-plus{
           width:100%;
             width: 15px;
           height: 15px;
       }
        .faq-como-card-plus svg ,.faq-como-card-decrease svg{
            width:15px;
            height:15px;
        }
       .faq-como-card-decrease{
            width:100%;
            display:none;
                    width: max-content;
       }
       .faq-como-card-item-bottom{
          
           padding:0px 25px 0px 25px;

           font-family: Montserrat;
            font-weight: 500;
            font-style: Medium;
            font-size: 14px;
            color:#4E4B4B;
            line-height: 22px;
            letter-spacing: 0%;


           max-height:0;
           opacity:0;
           overflow:hidden;
          transition:max-height 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
             {% comment %} transition:all 0.4s ease; {% endcomment %}
       }
        }
       /* 激活状态样式 */
       .faq-como-card-item.active{
           border-bottom:1px solid #C4C4C4;

       }
        .faq-como-card-item.active .faq-como-card-item-top{
            background-color:transparent;
        }

       .faq-como-card-item.active .faq-como-card-item-top span:nth-of-type(1){
           /* color:#325ECC; */
       }
       .faq-como-card-item.active .faq-como-card-plus{
           display:none;
       }
       .faq-como-card-item.active .faq-como-card-decrease{
           display:block;
            width: max-content;
       }
       .faq-como-card-item.active .faq-como-card-item-bottom{
           max-height:100%;
           opacity:1;
           padding: 0 0 35px 0;
    margin-top: -12.5px;
       }
       .swiper-pagination-faq{
        text-align:center;
         margin-top:48px;
       }
        .swiper-pagination-bullet{
            width: 48px;
            height: 48px;
            line-height: 48px;

            font-family: Metropolis;
            font-weight: 800;
            font-style: Extra Bold;
            font-size: 20px;
          
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            background:none;
            color:#818488;
            border-bottom:1px solid #C4C4C4;
            border-radius:50%;

             margin-left:10px!important;
            margin-right:10px!important;
       }
       .swiper-pagination-bullet-active{
            background:#BCBEC2;
            color:#313235;
       }
    }
   @media (max-width:768px){
        .faq-como-mainContent{
           width:100%;
       }
       .faq-como-mainContent-title{
              font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 32px;
leading-trim: NONE;
line-height: 48px;
letter-spacing: 0%;
text-align: center;
color:#1D1D1D

               margin-bottom:40px;
       }
         .faq-como-box{
                   width: calc(100vw - 30px);
        margin: auto;
       }
       .faq-como-card{
           width:100%;
           display:flex;
           flex-direction:column;
       }
       .faq-como-card-item{
           border-bottom:1px solid #C4C4C4;
           overflow:hidden;
           /* transition:border 0.1s cubic-bezier(0.4, 0, 0.2, 1); */
           transition:border 0.4s ease;
       }
       .faq-como-card-item:hover{
           /* border:1px solid transparent; */
       }
       .faq-como-card-item-top{
           display:flex;
           justify-content:space-between;
           align-items:center;
           padding: 20px 0;
       }
        .faq-como-card-item .faq-como-card-item-top span:nth-of-type(1){
           font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 14px;
leading-trim: NONE;
line-height: 23px;
letter-spacing: 0%;

            color:#1D1D1D;
            width:max-content;
       }
       .faq-como-card-icon{
           width:48px;
           height:48px;
               display: flex;
       justify-content: center;
       align-items: center;
       flex-shrink:0;

       }
       .faq-como-card-plus{
           width:100%;
                   width: 15px;
           height: 15px;
       }
       .faq-como-card-plus svg ,.faq-como-card-decrease svg{
            width:15px;
            height:15px;
        }
       .faq-como-card-decrease{
            width:100%;
            display:none;
       }
       .faq-como-card-item-bottom{
           font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0%;
           max-height:0;
           opacity:0;
           overflow:hidden;
           transition:max-height 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), padding 0.7s cubic-bezier(0.4, 0, 0.2, 1);
              {% comment %} transition:all 0.4s ease,max-height 0.1s ease; {% endcomment %}
       
        }
        .swiper-pagination-faq{
        text-align:center;
         margin-top:48px;
       }
        .swiper-pagination-bullet{
            width: 48px;
            height: 48px;
            line-height: 48px;

            font-family: Metropolis;
            font-weight: 800;
            font-style: Extra Bold;
            font-size: 20px;
          
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            background:none;
            color:#818488;
            border-bottom:1px solid #C4C4C4;
            border-radius:50%;
               margin-left:10px!important;
            margin-right:10px!important;
       }
       .swiper-pagination-bullet-active{
            background:#BCBEC2;
            color:#313235;
       }
       .faq-como-card-item.active{
              border-bottom:1px solid #C4C4C4;
       }

       .faq-como-card-item.active .faq-como-card-item-top{
            background-color:transparent;
           
       }
      
       /* 移动端激活状态样式 */
       .faq-como-card-item.active .faq-como-card-item-top span:nth-of-type(1){
           /* color:#325ECC; */

       }
       .faq-como-card-item.active .faq-como-card-plus{
           display:none;
       }
       .faq-como-card-item.active .faq-como-card-decrease{
           display:block;
           width:max-content;
       }
       .faq-como-card-item.active .faq-como-card-item-bottom{
            padding:0px 0px 20px 0 !important;
           max-height:100%;
           opacity:1;
       }
   }
}