.list-service-main-ittech-style {
    padding: .69rem;
}
.list-service-main-ittech-style .section-title {
    text-align: center;
    margin: 0px 0px 1.39rem 0px;
}
.list-service-main-ittech-style .section-title .subtitle {
    font-size: 1.32rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #0c5adb;
    padding: 0 0 0 1.46rem;
    position: relative;
    display: inline-block;
    font-family: 'Nunito', sans-serif;
    margin: .76rem 0 0 0;
    line-height: 1.2;
    transition: .5s;
}
.list-service-main-ittech-style .section-title .subtitle:before {
    position: absolute;
    left: 0;
    width: .69rem;
    height: .69rem;
    background: #0c5adb;
    content: "";
    top: .35rem;
    border-radius: 100%;
}
.list-service-main-ittech-style .section-title .title {
    font-size: 3.33rem;
    margin: .56rem 0 0;
    line-height: 1;
    color: #232323;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    transition: .5s;
}
.list-service-main-ittech-style .widget-service-default {
    display: flex;
    gap: 1.39rem;
    padding: 1.39rem 0 .69rem 0;
    flex-wrap: wrap;
}
.list-service-main-ittech-style .widget-service-default .service-box {
    width: calc(33.33% - 1rem);
    padding: 2.22rem 0 2.22rem 2.78rem;
    background-color: #fff;
    border: none;
    text-align: left;
    position: relative;
    z-index: 1;
    border-radius: .35rem;
}
.list-service-main-ittech-style .widget-service-default .service-box::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #0B59DB;
    transition: .4s;
    z-index: -1;
    border-radius: .35rem;
}
.list-service-main-ittech-style .widget-service-default .service-box:hover::before {
    height: 100%;
}
.list-service-main-ittech-style .service-box .service-number {
    position: relative;
    z-index: 1;
}
.list-service-main-ittech-style .service-box .service-box-number {
    DISPLAY: block;
    text-align: right;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.5s;
    font-size: 1.81rem;
    line-height: 3.47rem;
    color: #0c5adb;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
    padding: 0 1.04rem 0 0;
}
.list-service-main-ittech-style .service-box:hover .service-box-number {
    color: #fff;
}
.list-service-main-ittech-style .service-box .service-box-number::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 4.86rem;
    height: 3.47rem;
    background: #E6EEFB;
    transition: .5s;
    z-index: -1;
    border-radius: 2.08rem 0 0 2.08rem;
}
.list-service-main-ittech-style .service-box:hover .service-box-number::before {
    background: #011533;
}
.list-service-main-ittech-style .service-box .service-box-icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    min-height: 4.79rem;
}
.list-service-main-ittech-style .service-box .service-box-icon::before {
    position: absolute;
    content: "";
    left: -.56rem;
    top: -.49rem;
    width: 2.78rem;
    height: 2.78rem;
    background: #E6EEFB;
    transition: .5s;
    z-index: -1;
    border-radius: 100%;
}
.list-service-main-ittech-style .service-box:hover .service-box-icon::before {
    background: #2F72E0;
}
.list-service-main-ittech-style .service-box .service-box-icon img {
    filter: brightness(1)invert(0);
    transition: .5s;
}
.list-service-main-ittech-style .service-box:hover .service-box-icon img {
    filter: brightness(0)invert(1);
}
.list-service-main-ittech-style .service-box .icon {
    top: 0;
    width: inherit;
    height: inherit;
    background-color: transparent;
    border: none;
    line-height: 5.63rem;
}
.list-service-main-ittech-style .service-box .service-box-title h3 {
    font-size: 1.81rem;
    line-height: 3.47rem;
    color: #041424;
    font-weight: 700;
    font-family: "Nunito", sans-serif;
    margin: .69rem 0 0 ;
}
.list-service-main-ittech-style .service-box:hover .service-box-title h3 {
    color: #fff;
}
.list-service-main-ittech-style .service-box .description {
    transition: .5s;
    font-size: 1.11rem;
    color: #686868;
    font-weight: 400;
    font-family: "Nunito", sans-serif;
    padding: 0 0 .35rem 0;
    margin: 0 0 1.39rem 0;
}
.list-service-main-ittech-style .service-box .description p {
    margin: 0;
}
.list-service-main-ittech-style .service-box:hover .content .description {
    color: #fff;
}
.list-service-main-ittech-style .service-box .service-btn a {
    padding: 0;
    border-radius: 0;
    background-color: inherit;
    display: inline-block;
    margin-top: 0;
    position: relative;
    z-index: 1;
    transition: .5s;
    font-size: 1.32rem;
    border: none;
    letter-spacing: -.69rem;
    color: #fff;
    font-weight: 600;
    font-family: "Nunito", sans-serif;
}
.list-service-main-ittech-style .service-box:hover .service-btn a {
    border: none;
    letter-spacing: 0;
}
.list-service-main-ittech-style .service-box .service-btn a i {
    font-size: 1.11rem;
    font-weight: 700;
    color: #0B59DB;
    position: absolute;
    left: 0;
    transition: .4s;
    margin: 0;
}
.list-service-main-ittech-style .service-box:hover .service-btn a i {
    left: 6.25rem;
}
.list-service-main-ittech-style .service-box .service-btn a:before {
    display:none;
}
.list-service-main-ittech-style .service-box:hover .service-box-icon img{
     animation: main_wobble_vertical 1s forwards ease-in-out 0s;
}
.list-service-main-ittech-style .service-box .service-box-icon img {
    width: 4.17rem;
    aspect-ratio: 60/ 60;
}
@keyframes main_wobble_vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767.9px) {
    .list-service-main-ittech-style {
        padding: 15.63rem 5.12rem 13.32rem 5.12rem;
    }
    .list-service-main-ittech-style .section-title {
        margin: 0px 0px 5.12rem 0px;
    }
    .list-service-main-ittech-style .section-title .subtitle {
        font-size: 4.87rem;
        padding: 0 0 0 5.38rem;
        margin: 2.82rem 0 0 0;
    }
    .list-service-main-ittech-style .section-title .subtitle:before {
        width: 2.56rem;
        height: 2.56rem;
        top: 1.28rem;
    }
    .list-service-main-ittech-style .section-title .title {
        font-size: 6.15rem;
        padding: 0;
        line-height: 6.66rem;
        margin: 2.05rem 0 0;
    }
    .list-service-main-ittech-style .widget-service-default {
        gap: 5.12rem;
        padding: 5.12rem 0 5.12rem 0;
    }
    .list-service-main-ittech-style .widget-service-default .service-box {
        width: 100%;
        text-align: center;
        padding: 8.2rem 0 8.2rem 0;
        border-radius: 1.28rem;
    }
    .list-service-main-ittech-style .widget-service-default .service-box::before {
        border-radius: 1.28rem;
    }
    .list-service-main-ittech-style .service-box .service-box-number {
        font-size: 6.66rem;
        line-height: 12.81rem;
        padding: 0 3.84rem 0 0;
    }
    .list-service-main-ittech-style .service-box .service-box-number::before {
        width: 17.93rem;
        height: 12.81rem;
        border-radius: 7.68rem 0 0 7.68rem;
    }
    .list-service-main-ittech-style .service-box .service-box-icon {
        min-height: 17.67rem;
    }
    .list-service-main-ittech-style .service-box .service-box-icon::before {
        left: -2.05rem;
        top: -1.79rem;
        width: 10.25rem;
        height: 10.25rem;
    }
    .list-service-main-ittech-style .service-box .service-box-icon img {
        width: 15.37rem;
    }
    .list-service-main-ittech-style .service-box .service-box-title h3 {
        font-size: 6.66rem;
        line-height: 12.81rem;
        margin: 2.56rem 0 0;
    }
    .list-service-main-ittech-style .service-box .description {
        padding: 0 5.12rem;
        font-size: 4.1rem;
        margin: 0 0 5.12rem 0;
    }
    .list-service-main-ittech-style .service-box .service-btn a {
        font-size: 4.35rem;
        letter-spacing: -2.56rem;
    }
    .list-service-main-ittech-style .service-box .service-btn a i {
        font-size: 4.1rem;
    }
}