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

    #productBanner{
        width: 100%;
        margin-top: 80px;
    }

    #grey{
        background-color: #7c858c;
        width: 100%;
    }
    #greyFlex{
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    #greyFlex p{
        width: 25vw;
        /* height: 9vh; */
        padding: 3vh 0;
        font-size: 3.5vw;
        text-align: center;
        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: 3vh 0;
    }
    #blueTxt{
        font-size: 4vw;
        font-weight: 600;
        color: #ffffff;
    }
    #blueTxtEng{
        margin-top: 10px;
        font-size: 3vw;
        font-weight: 500;
        color: #ffffff;
    }



    #selImg{
        position: relative;
    }

    #mainImgWrap{
        display: flex;
        justify-content: center;
    }
    #mainImg{
        width: 100%;
    }
    #iconLeft{
        position: absolute;
        top: 50%;
        left: 1%;
        color: #ffffff;
    }
    #iconRight{
        position: absolute;
        top: 50%;
        right: 1%;
        color: #ffffff;

    }
    .realIcon{
        /* width: 50px;
        height: 50px; */
        font-size: 50px;
    }
   
    
    #imgFlex{
        background-color: #7c858c;
        display: flex;
        justify-content: center;
        padding: 0;
        /* width: 100vw; */
        margin: 0 auto;
    }
    #imgFlex li img{
        margin: 1vw 0.3vw;
        width: 16vw;
        /* width: 16.6vw; */
        opacity: 0.5;
    }
    #imgFlex li:first-child img{
        opacity: 1;
    }

    #mainTxtWrap{
        display: flex;
        justify-content: center;
        margin: 5vh auto 10vh;
    }
    #mainTxt{
    
        width: 80vw;
        font-size: 3.5vw;
        line-height: 7vw;
        font-weight: 500;
        color: #737373;
    }



    #features{
        background-color: #efedee;
        padding-bottom: 5vh;
    }
    #iconTitle{
        padding-top: 10vh;
    }
    .iconLine{
        display: flex;
        justify-content: space-around;
        width: 80vw;
        margin: 0 auto;
    }
  
    .icons{
        width: 30vw;
        margin:0 5vw;
        /* margin: 50px 50px 20px; */
    }
    .iconTxt{
        width: 40vw;
        font-size: 3vw;
        /* margin: 0 50px 0; */
        text-align: center;
        margin: 2vh auto 3vh;
        color: #6e6d6d;
    }

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

    .title{
        font-size: 5vw;
        color: #001b70;

        margin-bottom: 5vh;
        /* margin-bottom: 5vh;
        padding-bottom: 1vw; */
        font-weight: bold;
        text-align: center;
    }
    /* #tableTitle{
        font-size: ;
    } */

    #tableMaster{
        margin: 10vh auto;
    }
    #table{
        font-size: 18px;
        margin: 0 auto;

    }

/* // style="margin: 2vh auto; width: 1108px; */
  

    .specWrap{
        margin: 0 auto;
        width: 80vw;
    } 
    .specTxt{
        font-size: 3vw;
        /* padding-left: 10px; */
        padding: 1vw 0 1vw 2vw ;
    }
    
    #price{
        font-size: 2vw;
        margin-top: 3vh;
        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;
      }