* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
.pad-tb {
    padding-top: 30px;
    padding-bottom: 20px;
}
.why-choose {
    background: #f7fcff;
}
.mb30 {
    margin-bottom: 30px;
}
.upset {
    position: relative
}
.upset {
    z-index: 5
}
h2,h4{
    color: #050748;
    font-weight: 600;
    text-align: center;
}
.justify-content-center {
    justify-content: center !important;
}
.s-block h4 {
    margin: 0 0 10px;
}
h4 {
    font-size: 21px;
    line-height: 32px;
}
.bd-hor .bd-hor-base:after, .h-scl- .h-scl-base, .h-scl-base img, .up-hor {
    -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
   
    transition: 1.2s cubic-bezier(.17, .85, .438, .99);
}
.s-block {
    background: top right no-repeat #fff;
    background-size: 200%;
    text-align: center;
    padding: 40px 20px;
    margin: 0;
    border: 1px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
}
.img-fluid {
    max-width: 100%;
    height: auto
}
.s-card-icon {
    width: 70px;
    margin: 0 auto 20px
}
.up-hor:hover {
    transform: translateY(-7.5px);
    cursor: pointer;
}
.up-hor {
    -webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
    -o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
    transition: 1.2s cubic-bezier(.17, .85, .438, .99)
}

@media screen and (max-width: 720px) {
    .mt30{
        margin-top:30px;
    }
}