#pe_lowcode [class^="section"] .font-16 p {
   font-size:16px;
   margin-bottom: 25px;
}
#pe_lowcode [class^="section"] .font-16 p:last-child {
   margin-bottom:0;
}
.s4_items {
   row-gap: 40px;
}
.s4_items_border_wrap {
   position: relative;
   background: linear-gradient(to right, var(--pe_teal), var(--pe_blue), var(--pe_deep_blue));
   border-radius: 8px;
   padding: 0;
   height: 190px;
   overflow: hidden;
}
.s4_items_border_wrap:hover {
   padding: 3px;
   overflow: visible;
}
.s4_items_wrap {
   border-radius: 5px;
   position: relative;
   padding: 25px;
   background: white;
   height: 100%;
   overflow: hidden;
}
.s4_items_wrap:hover {
   padding: 22px;
   overflow: visible;
}
.s4_items_wrap .text-truncate {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   white-space: normal;
   position: relative;
   z-index: 1;
}
.s4_items_wrap:hover .text-truncate:before {
   content: '';
   background: linear-gradient(to right, var(--pe_teal), var(--pe_blue), var(--pe_deep_blue));
   position: absolute;
   top: 0;
   left: -3px;
   right: -3px;
   bottom: 0;
   z-index: -2;
   border-radius: 5px;
}
.s4_items_wrap:hover .text-truncate:after {
   content:'';
   background: var(--pe_white);
   position: absolute;
   top: 0;
   bottom: 3px;
   left: 0;
   right: 0;
   border-radius: 0 0 5px 5px;
   z-index: -1;
}
.s4_items_wrap:hover .text-truncate {
   -webkit-line-clamp: unset;
   overflow: visible;
   white-space: normal;
   position: absolute;
   left: 0;
   right: 0;
   background: white;
   padding: 0 22px 25px;
   z-index: 10;
   border-radius: 5px;
}
@media (max-width:575px) {
   .s4_items_border_wrap {
      padding: 3px;
      overflow: visible;
      height: auto;
   }
   .s4_items_wrap {
      padding: 22px;
      overflow: visible;
   }
   .s4_items_wrap .text-truncate:before {
      display: none;
   }
   .s4_items_wrap .text-truncate {
      -webkit-line-clamp: unset;
      overflow: visible;
      white-space: normal;
      position: relative !important;
      left: 0;
      right: 0;
      background: white;
      padding: 0 !important;
      z-index: 10;
      border-radius: 5px;
   }
}

#tabs .row.bg_pe_light_bluegray.align-items-center{
   box-shadow:var(--box_shadow);
}
#tabs .col.col-lg-2.p-0.position-relative ul {
   position: relative;
}
#tabs .col.col-lg-2.p-0.position-relative ul:before {
   content: '';
   background: var(--pe_white);
   width: 100%;
   height: 210%;
   position: absolute;
   left: 0;
   top: -50%;
   bottom: 0;
   z-index: 0;
}
#tabs .tabs_ul li i {
    font-size: var(--fs-16);
    font-family: 'icomoon_homepage'!important
}
#tabs .tabs_ul .icon_wrap {
   width: 34px;
   height: 34px;
   border-radius: 100%;
}
.tabs_ul li {
   position: relative;
   z-index: 1;
}
.tabs_ul li i.icon-sim,.tabs_ul li i.icon-shield-user1,.tabs_ul li i.icon-calendar,.tabs_ul li i.icon-pie-chart2,.tabs_ul li i.icon-checklist-colored1 {
    font-size: var(--fs-20)
}

.tabs_ul li i,.tabs_ul li a {
    color: var(--pe_old);
    text-decoration: none!important;
}
.tabs_ul li a {
   border-left: 3px solid transparent;
}
.tabs_ul li.active a span,.tabs_ul li a:active span,.tabs_ul li a:focus span,.tabs_ul li a:hover span {
    color: var(--pe_blue);
    text-decoration: underline
}
.tabs_ul li:hover a, .tabs_ul li.active a {
   background:var(--pe_light_bluegray);
   border-left-color: var(--pe_mid_blue);
}
.tabs_ul li:hover i, .tabs_ul li.active i {
    color: var(--pe_white)
}
.tabs_ul li:hover .icon_wrap, .tabs_ul li.active .icon_wrap {
   background: var(--pe_mid_blue);
}
.tabs_images {
/*    margin-top: 50px*/
}

.tabs_images p {
/*    display: none*/
}

.tabs_button {
    margin-top: 50px
}
.tabs_ul li .icon_wrap img{
   filter: grayscale(100%) brightness(0.4);
   max-height: 21px;
}
.tabs_ul li:hover .icon_wrap img,
.tabs_ul li.active .icon_wrap img {
   filter:unset;
}
@media (max-width: 991.33px) {
    .tabs_button {
        margin-top:35px
    }

    .tabs_ul {
        display: none!important
    }

    .tabs_images {
        margin-top: 0
    }

    .tabs_images .img_wrap,.tabs_images p {
        display: block;
        opacity: 1
    }

    .tabs_images .img_wrap {
        margin-bottom: 30px
    }

    .tabs_images .img_wrap:last-child {
        margin-bottom: 0
    }
    #tabs .row.bg_pe_light_bluegray.align-items-center {
      background: none;
      box-shadow: none;
    }
}

.s7_item_box {
   border-radius:5px;
   background:#0079E20D;
}
.s7_item_box .d-flex{
   column-gap: 15px;
}