.about-us {
    background-image: url('../../img/bg-about.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(250, 250, 252, 0.6);
    background-blend-mode: multiply;
    padding-top: 40px;
}

.about-image {
    height: 550px;
}


.about-image .top {
    width: 406px;
    height: 200px;
    left: 50%;
    transform: translateX(-50%);
}

.about-image .left {
    width: 317px;
    height: 250px;
    left: 0;
    transform: translateY(90%);
}

.about-image .bottom {
    width: 297px;
    height: 400px;
    transform: translateY(30%);
    right: 0;
}

.about-image.relative img {
    width: 100%;
}

.service-main {
    padding: 100px 0;
}

.data-about {
    background-image: url('../../img/bg-4-min.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.data-item p {
    text-align: center;
}

.data-item p:first-child {
    font-size: 60px;
    font-weight: bold;
    color: var(--white-color);
}

.data-item p:last-child {
    font-size: 20px;
    color: #9d9aad;
}

.partner-logo {
    margin-right: 40px;
}

.partner-info {
    bottom: 15px;
    left: 190px;
    background: linear-gradient(341deg, #57bdcc, #5deaff);
    color: #ffffff;
    padding: 40px;
    border-radius: 10px;
    font-size: 16px;
    width: 200px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.partner-des {
    width: 830px;
    max-width: 80%;
    margin: 0 auto;
}

.partner-image,
.step-item {
    height: 300px;
    border-radius: 10px;
    border: 1px solid #e7e3e3cc;
    box-shadow: rgba(0, 0, 0, 0.1) 8px 5px 10px 0px;
    padding: 20px;
    background-color: var(--white-color);

}

.partner-image {
    height: auto;
    width: 600px;
}

.partner-image img {
    width: auto;
    margin-bottom: 0;
}

.icon-partner {
    font-size: 50px;
}

.partner-description .btn-main .btn {
    background-color: #f8b927;
}

.partner-description  {
    padding: 0 50px;
}

/* STEP */
.step {
    position: relative;
    padding: 200px 150px;
    z-index:2;
    background-color: #fcfcfd;
}

.step:before,
.step:after {
    content: '';
    position: absolute;
    width: 25%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    z-index: -1;
    background-size: cover;
    opacity: 0.2;
}

.step:before {
    left: 0;
    background-image: url('../../img/plan_left.png');
    background-position: left;

}


.step:after {
    right: 0;
    background-image: url('../../img/plan_right.png');
    background-position: right;
}

.step .step-item p{
    font-size: 18px;
    font-weight: 600;
}

.catagory {
    background-color: #f5f5f5;
}

.catagory-image {
    background: var(--white-color);
}

.catagory__info p {
    margin-bottom: 0;
}

.catagory-warp {
    border-radius: 20px;
    overflow: hidden;
    background-color: #fcfcfd;
}

.catagory-warp img {
    padding: 10px;
    border-radius: 20px;
}

.catagory__info {
    padding: 40px;
}