.icon-box7{background-color:#fff;vertical-align:baseline;text-align:center;border-radius:3px;padding:25px 15px;margin-bottom:30px;box-shadow:0 7px 50px -10px rgba(0,0,0,.17);transform:translate3d(0,0,0);transition:all .38s cubic-bezier(.41,.57,.1,1.2)}.icon-box7 i{display:block;margin:16px 0 0;font-size:48px;color:#437df9;text-align:center}.icon-box7 p{font-size:15px;font-weight:300;color:#444;margin-top:15px}.icon-box7 h4{font-size:18px;font-weight:500;color:#000;margin-top:24px;margin-bottom:16px}.icon-box7:hover{transform:translate3d(0,-4px,0);box-shadow:0 15px 50px rgba(0,0,0,.13)}@media only screen and (min-width:1441px){.icon-box7 p{padding:0 10%}}@media only screen and (max-width:767px){.icon-box7 p{padding:0 5%;text-align:center}}
#wrap .icon-box7 { transform: none; padding-bottom: 35px; padding: 20px; border: 1px solid #ebeff4; border-radius: 5px; box-shadow: 0 4px 30px -12px rgba(69, 77, 89, 0.18); }
#wrap .icon-box7 img { width: 70px; margin-top: 20px;}
#wrap .icon-box7 h4 { font-size: 17px;}
#wrap .icon-box7 h5 { font-size: 17px; font-weight: 400;}
#wrap .icon-box7 p { font-size: 14px;}
#wrap .icon-box7 ul, #wrap .icon-box8 ul { list-style: none; margin: 20px 0 30px;}
#wrap .icon-box7 li, #wrap .icon-box8 li { font-size: 14px; font-weight: 300; color: #868991; letter-spacing: 0.3px; text-align: left; position: relative;}
#wrap .icon-box7 li:before, #wrap .icon-box8 li:before { display: inline-block;}
#wrap .icon-box7 a.magicmore { padding: 12px 20px;}
#wrap .icon-box7 a.magicmore:after { display: none;}
#wrap .icon-box7 h6 { font-weight: 700; font-size: 20px; line-height: 60px; width: 60px; height: 60px; margin: 0 auto; background: #ff8a8a; color: #fff; border-radius: 60px; }
#wrap .icon-box7.wn-ps-1 h6 { background: #93c100;}
#wrap .icon-box7.wn-ps-2 h6 { background: #9581ff;}
#wrap .icon-box7.wn-ps-3 h6 { background: #c3a29f;}
#wrap .icon-box7 li {
    font-size: 14px;
    font-weight: 300;
    color: #868991;
    letter-spacing: 0.3px;
    text-align: left;
    position: relative;
}
#wrap .icon-box7 li:before{
    content: "\e64c";
    display: inline-block;
    padding-right: 4px;
    color: #04de78;
    font-size: 11px;
    vertical-align: baseline;
    font-family: 'themify';
}
#wrap .icon-box7 h5 {
    padding: 10px;
    margin: 10px -20px 20px;
    background: #eff1f4;
    background: linear-gradient( 90deg, #fcfeff 0%, #eff1f4 50%, #fcfeff 100% );
}
@media only screen and (max-width: 1200px) {#wrap .icon-box7 li { text-align: center;}}
@media only screen and (min-width: 992px) and (max-width: 1280px) { #wrap .icon-box7 li { font-size: 12px;}}