.pg-snportfolio-main-info {
  padding: 250px 0 120px;
  position: relative; }
  .pg-snportfolio-main-info::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 50%;
    height: calc(100% + 110px);
    background-color: #f5f7f9;
    border-radius: 0 0 12px 0; }
  .pg-snportfolio-main-info .info {
    position: relative;
    z-index: 20; }
    .pg-snportfolio-main-info .info .logo-img {
      margin-bottom: 40px; }
      .pg-snportfolio-main-info .info .logo-img img {
        max-width: 140px;
        max-height: 95px; }
    .pg-snportfolio-main-info .info .text {
      font-size: 18px;
      margin-bottom: 30px; }
    .pg-snportfolio-main-info .info ul {
      position: relative; }
      .pg-snportfolio-main-info .info ul::before {
        position: absolute;
        content: "";
        right: 4px;
        top: 10px;
        width: 1px;
        height: calc(100% - 20px);
        background-color: #1d2a3b17; }
      .pg-snportfolio-main-info .info ul li {
        font-size: 18px;
        font-weight: bold;
        margin: 5px 0;
        position: relative;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px; }
        .pg-snportfolio-main-info .info ul li::before {
          position: absolute;
          content: "";
          right: 0;
          top: 10px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          border: 1px solid #1d2a3b;
          background-color: #fff; }
    .pg-snportfolio-main-info .info .scroll_btn {
      margin: 30px 0;
      color: #1d2a3b;
      border: solid 2px #1d2a3b2e;
      border-radius: 30px;
      width: 40px;
      height: 70px;
      line-height: 70px;
      text-align: center; }
      .pg-snportfolio-main-info .info .scroll_btn i {
        -webkit-animation: slide_up_down 1s ease-in-out infinite alternate both;
        animation: slide_up_down 1s ease-in-out infinite alternate both; }
  .pg-snportfolio-main-info .imgs {
    position: relative;
    z-index: 20;
    text-align: center; }
    .pg-snportfolio-main-info .imgs .main-img {
      position: relative;
      display: inline-block; }
      .pg-snportfolio-main-info .imgs .main-img:hover .ipad_back {
        -o-object-position: bottom;
        object-position: bottom; }
      .pg-snportfolio-main-info .imgs .main-img .ipad {
        position: relative;
        z-index: 5;
        -webkit-filter: drop-shadow(0 20px 30px rgba(29, 42, 59, 0.2));
        filter: drop-shadow(0 20px 30px rgba(29, 42, 59, 0.2));
        max-width: 745px;
        max-height: 572px; }
      .pg-snportfolio-main-info .imgs .main-img .ipad_back {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        top: 0;
        left: 0;
        padding: 20px;
        border-radius: 20px;
        -webkit-transition: all 4s linear;
        -o-transition: all 4s linear;
        transition: all 4s linear; }
    .pg-snportfolio-main-info .imgs .mob-img {
      position: absolute;
      right: 0;
      bottom: -20px;
      z-index: 10;
      width: 210px;
      height: 426px; }
      .pg-snportfolio-main-info .imgs .mob-img:hover .mob_back {
        -o-object-position: bottom;
        object-position: bottom; }
      .pg-snportfolio-main-info .imgs .mob-img .mobile {
        position: relative;
        z-index: 10;
        width: 100%;
        height: 100%; }
      .pg-snportfolio-main-info .imgs .mob-img .mob_back {
        position: absolute;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        top: 0;
        left: 0;
        padding: 8px 10px;
        border-radius: 20px;
        -webkit-transition: all 4s linear;
        -o-transition: all 4s linear;
        transition: all 4s linear; }
    .pg-snportfolio-main-info .imgs .float-img {
      position: absolute;
      left: 0;
      bottom: -20px;
      z-index: 10;
      width: 162px;
      height: 231px;
      overflow: hidden;
      border-radius: 12px;
      -webkit-box-shadow: 0 20px 40px 0 rgba(29, 42, 59, 0.13);
      box-shadow: 0 20px 40px 0 rgba(29, 42, 59, 0.13); }
      .pg-snportfolio-main-info .imgs .float-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }