#pack{

width: 100%;

/* background-image: linear-gradient(#f3f4f5, #F2F2F4); */

/* border-top: 5px solid red; */

background: white;
}

section#pack {}

#pack .left {
  width: 688px;
  height: 890px;
  position: relative;
  /* background: #eaeaea; */
}

#pack .visual{

position: absolute;

bottom: -55px;

right: 1px;

height: 100%;

width: 1077px;

background-size: auto 88%;

background-position: bottom;

background-image: url('../../files/pack.png');

background-color: #d6dbe4;
}

#pack .right .sideview{
    
position: absolute;
    
width: 231px;
    
right: 56px;
    
bottom: -210px;
}

#pack .subsection{

width: 100%;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

overflow: hidden;

background-color: #d6dbe4;
}

#pack .content{

/* z-index: 36; */

/* display: block; */
}

#pack .left .bg{

background: white;

z-index: 0;

left: 688px;

width: 2000px;
}

#pack h2{
    z-index: 2;
    padding: 0 20px;
}


#pack p{
}

#pack .tools{
}
#pack p{
}

#pack .container{}

#pack .right .bg{

top: 0;

left: 0;

background: white;

z-index: 0;
}

#pack .container hr{

position: absolute;

bottom: 0;
}

#pack .features{

   /* border-top: 1px solid #0000001f; */

   background: #f2f2f4;

   padding-top: 122px;

   padding-bottom: 127px;
}

#pack .vl{

position: absolute;

right: 0;

bottom: 0;

height: 600px;

display: none;
}

#pack #swoosh{

}

#pack .features hr{

width: 300px;

border: none;

display: -webkit-box;

height: 1px;

background: #e4e4e4;

position: absolute;

top: 195px;
}

#pack .tool{

width: 87px;

align-content: baseline;

/* margin: 0 22px; */
}

#pack .one{

width: 210px;
}

#pack .two{

position: relative;

overflow: hidden;

width: 146px;

height: 203px;
}

#pack .two img{width: 134px;height: 169px;position: absolute;left: 0;right: 0;bottom: 0;border-top-left-radius: 13px;border-top-right-radius: 16px;}

#pack .three{

   width: 146px;

   height: 203px;

   overflow: hidden;

   position: relative;
}


#pack
.toolsVideo{
    width: 122px;
    /* height: 256px; */
    position: absolute;
    top: 39px;
    left: 9px;
}

#pack .mask{
    content: "";
    display: block;
    width: 125px;
    height: 40px;
    top: 29px;
    left: 7px;
    border-radius: 40px;
    position: absolute;
    background: black;
    box-sizing: border-box;
}


#pack .three img{

width: 141px;

position: absolute;

left: 0;

z-index: 2;

bottom: -102px;
}




#pack .tools{
    /* display: none; */
    margin-top: 69px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: none;
    /* overflow-x: scroll; */
}

#pack .icon{

   width: 28px;

   height: 48px;
}

#pack .tools p{

margin-top: 16px;

font-size: 13px;

font-weight: 700;

text-align: center;

margin-bottom: 31px;

color: #dadada;

pointer-events: none;
}

#pack .right{

width: 405px;

height: 634px;

padding-left: 55px;

position: relative;
}