.ntwas-multi_cols{background-repeat: no-repeat; background-position: center; background-size: cover;}

.ntwas-multi_cols h3{font-size:36px;color:#fff;font-weight:bold;font-family:'PT Serif', serif;text-align:center;}

.ntwas-multi_cols ul{margin:55px 0 0;}
.ntwas-multi_cols ul li{cursor:pointer;box-sizing:border-box;padding:10px 10px 60px;}

.ntwas-multi_cols ul li .box{background:#fff;padding:35px 25px 50px;position:relative;}
.ntwas-multi_cols ul li h5{font-size:24px;color:#000;font-weight:bold;text-align:center;}
.ntwas-multi_cols ul li .t{color:#fff;overflow:hidden;transition:all 0.3s ease 0s;}
.ntwas-multi_cols ul li .t p{text-align:center;transition:all 0.3s ease 0s;font-size:17px;line-height:26px;padding-top:10px;margin-top:-100%;opacity:0;}
.ntwas-multi_cols ul li .ico{width:80px;height:80px;background:#fff;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;left:calc(50% - 40px);bottom:-30px;}
.ntwas-multi_cols ul li .ico img{width:35px;transition:all 0.3s ease 0s;}
.ntwas-multi_cols ul li .ico img:last-child{display:none;}

@media screen and (max-width:1500px) {
  .ntwas-multi_cols ul li h5{font-size:20px;}
  .ntwas-multi_cols ul li .t{font-size:17px;line-height:26px;}
  .ntwas-multi_cols ul li:hover .ico{bottom:-40px;}
}

@media screen and (max-width:1380px) {
  .ntwas-multi_cols h3{font-size:30px;}
  .ntwas-multi_cols ul li .box{padding:25px 25px 45px;}
  .ntwas-multi_cols ul li .t{font-size:15px;line-height:22px;}
  .ntwas-multi_cols ul li .ico{width:70px;height:70px;left:calc(50% - 35px);bottom:-25px;}
  .ntwas-multi_cols ul li:hover .ico{bottom:-35px;}
}

@media screen and (max-width:768px) {
  .ntwas-multi_cols{padding:30px 0;}
  .ntwas-multi_cols ul{margin:30px 0 0;}
  .ntwas-multi_cols ul li{padding:10px;}
  .ntwas-multi_cols ul li .box{padding:20px 15px;height:100%;}
  .ntwas-multi_cols ul li h5{font-size:18px;}
  .ntwas-multi_cols ul li .t{font-size:15px;line-height:20px;color:#333;}
  .ntwas-multi_cols ul li .t p{margin-top:0;opacity:1;line-height:20px;overflow:hidden;}
  .ntwas-multi_cols ul li .ico{background:var(--color-primary);position:static;margin:0 auto 15px;}
  .ntwas-multi_cols ul li .ico img{transition:all 0.3s ease 0s;}
  .ntwas-multi_cols ul li .ico img:first-child{display:none;}
  .ntwas-multi_cols ul li .ico img:last-child{display:inline-block;}
}

@media screen and (max-width:480px) {
  .ntwas-multi_cols h3{font-size:24px;}
  .ntwas-multi_cols ul li .t{display:none;}
}


@media screen and (min-width: 768px) {
  .ntwas-multi_cols ul li:hover .box,.ntwas-multi_cols ul li:hover .ico{background:var(--color-primary);}
  /* .ntwas-multi_cols ul li:hover .ico{bottom:-53px;} */
  .ntwas-multi_cols ul li:hover h5{color:#fff;}
  .ntwas-multi_cols ul li:hover .t p{margin-top:0;opacity:1;}
  .ntwas-multi_cols ul li:hover .ico img:first-child{display:none;}
  .ntwas-multi_cols ul li:hover .ico img:last-child{display:inline-block;}
}

@media screen and (min-width: 576px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(75px - (100vw - 540px) / 2);
    padding-right: calc(75px - (100vw - 540px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(75px - (100vw - 720px) / 2);
    padding-right: calc(75px - (100vw - 720px) / 2);
  }
}
@media screen and (min-width:992px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(105px - (100vw - 960px) / 2);
    padding-right: calc(105px - (100vw - 960px) / 2);
  }
}
@media screen and (min-width:1200px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(105px - (100vw - 1140px) / 2);
    padding-right: calc(105px - (100vw - 1140px) / 2);
  }
}
@media screen and (min-width:1280px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(105px - (100vw - 1200px) / 2);
    padding-right: calc(105px - (100vw - 1200px) / 2);
  }
}
@media screen and (min-width:1500px) {
  .fp-tableCell .ntwas-multi_cols .container{
    padding-left: calc(105px - (100vw - 1440px) / 2);
    padding-right: calc(105px - (100vw - 1440px) / 2);
  }
}