body{
        font-size: 0px;
        padding: 0px;
        margin: 0px;
        font-family: 'appleM', sans-serif;
    }
    p{
        margin: 0px;
    }

    #productBanner{
        width: 100%;
    }

    #grey{
        background-color: #7c858c;
        width: 100%;
        height: 15vh;
    }
    #greyFlex{
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    #greyFlex p{
        width: 300px;
        height: 14vh;
        font-size: 35px;
        font-weight: 600;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.5;
        text-align: center;
    }

    #blueTitle{
        background-color: #001b70;
        width: 100%;
        /* height: 10vh; */
    }
    #blueWrap{
        text-align: center;
        padding: 20px;
    }
    #blueTxt{
        font-size: 35px;
        font-weight: 600;
        color: #ffffff;
    }
    #blueTxtEng{
        margin-top: 10px;
        font-size: 28px;
        font-weight: 500;
        color: #ffffff;
    }



    /* #selImg{
        background: linear-gradient(to bottom, #f4f4f4, #f0f0f0,#efefef),
         linear-gradient(to bottom, #dadada, #d1d1d1, #d4d4d4);
        background-position: left top, right top;
        background-size: 50% 100%, 50% 100%;
        background-repeat: no-repeat;
    } */

    #mainImgWrap{
        display: flex;
        justify-content: center;
        
        background: linear-gradient(to bottom, #f4f4f4, #f0f0f0,#efefef),
         linear-gradient(to bottom, #dadada, #d1d1d1, #d4d4d4);
        background-position: left top, right top;
        background-size: 50% 100%, 50% 100%;
        background-repeat: no-repeat;
    }
    #mainImg{
        /* width: 100%; */
        width: 1200px;
        height: 484px;
    }
    #mainVideoWrap{
        height: 484px;
    }
    #mainVideo{
        height: 484px;
    }
   
    #imgFlex{
        background-color: #7c858c;
        display: flex;
        justify-content: center;
        padding: 0;
        /* width: 1200px; */
        margin: 0 auto;
    }
    #imgFlex li img{
        margin: 10px 2px;
        /* width: 16vw; */
        width: 170px;
        opacity: 0.5;
    }
    #imgFlex li:first-child img{
        opacity: 1;
    }
    #kitVideo{
        margin: 10px 2px;
        width: 170px;
        height: 69.2px;
        opacity: 1;
    }
    #mainTxtWrap{
        display: flex;
        justify-content: center;
        margin: 100px auto;
    }
    #mainTxt{
    
        width: 1200px;
        font-size: 25px;
        line-height: 45px;
        font-weight: 500;
        color: #737373;
    }



    #features{
        margin-bottom: 100px;
        background-color: #efedee;
        padding-bottom: 100px;
    }
    #iconTitle{
        padding-top: 100px;
    }
    .iconLine{
        display: flex;
        justify-content: space-around;
        width: 1200px;
        margin: 0 auto;
    }
    .icons{
        width: 120px;
        margin: 50px 50px 20px;
    }
    .iconTxt{
        width: 220px;
        font-size: 18px;
        text-align: center;
        color: #6e6d6d;
    }

    /* #tableWrap{
        display: flex;
        justify-content: center;
        font-size: 18px;
    } */

    .title{
        font-size: 35px;
        color: #001b70;

        padding-bottom: 1vw;
        font-weight: bold;
        text-align: center;
    }
    /* #tableTitle{
        font-size: ;
    } */
    #table{
        font-size: 18px;
        margin: 100px auto;
    }
    .tg{
        margin: 0 auto;
    }

    .tg-baqh{	
        border-top: 1px solid #d0d2d3;
        color:#10181f ;
        padding: 5px 0 5px 15px;
        width: 490px;
        text-align: left;
        font-size: 20px;
        background: #efedee;
        font-weight: 500;
    }
    .tg-baqh3{	
        border-top: 1px solid #d0d2d3;
        color:#10181f ;
        padding: 5px 0 5px 15px;
        text-align: left;
        font-size: 20px;
        background: #efedee;
        font-weight: 500;
    }
    .tg-baqh2{	
        border-top: 1px solid #d0d2d3;
        color:#10181f ;
        padding: 5px 0 5px 15px;
        text-align: left;
        width: 320px;
        font-size: 20px;
        background: #efedee;
        font-weight: 500;
    }
    .tg-c3ow{
        width: 618px;
        border-top: 1px solid #d0d2d3;
        color: #7c858c;
        padding: 5px 0 5px 15px;
        text-align: left;
        font-size: 20px;
        font-weight: 300;
    }
    .tg-baqh4{	
        border-top: 1px solid #d0d2d3;
        border-bottom: 1px solid #7c858c;
        color:#10181f ;
        padding: 5px 0 5px 15px;
        text-align: left;
        width: 320px;
        font-size: 20px;
        background: #efedee;
        font-weight: 500;
    }
    .tg-c3ow4{
        width: 618px;
        border-top: 1px solid #d0d2d3;
        border-bottom: 1px solid #7c858c;
        color: #7c858c;
        padding: 5px 0 5px 15px;
        text-align: left;
        font-size: 20px;
    }
    .tg-baqh5{	
        border-top: 1px solid #7c858c;
        color:#10181f ;
        padding: 5px 0 5px 15px;
        text-align: left;
        width: 320px;
        font-size: 20px;
        background: #efedee;
        font-weight: 500;
    }
    .tg-c3ow5{
        width: 618px;
        border-top: 1px solid #7c858c;
        color: #7c858c;
        padding: 5px 0 5px 15px;
        text-align: left;
        font-size: 20px;
    }
/* // style="margin: 2vh auto; width: 1108px; */
    #price{
        margin-top: 20px;
        text-align: center;
    }
    [data-scroll] {
        opacity: 0;
        will-change: transgorm, scale, opacity;
        transform: translateY(6rem) scale(0.93);
        transition: all 1.5s cubic-bezier(0.165,0.84,0.44,1);
      }
      [data-scroll="in"] {
        opacity: 1;
        transform : translateY(0) scale(1);
      }
      [data-scroll="out"] {
        opacity: 0;
      }