.pages {
    padding: 50px 0;
    height: 100%;
}

.form__group {
    position: relative;
    padding: 15px 0 0;
    margin-top: 10px
}

.form__field {
    font-family: inherit;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    outline: 0;
    font-size: 16px;
    color: #212121;
    padding: 7px 0;
    background: transparent;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.form__field::-webkit-input-placeholder {
    color: transparent
}

.form__field::-moz-placeholder {
    color: transparent
}

.form__field:-ms-input-placeholder {
    color: transparent
}

.form__field::-ms-input-placeholder {
    color: transparent
}

.form__field::placeholder {
    color: transparent
}

.form__field:placeholder-shown~.form__label {
    font-size: 17px;
    cursor: text;
    top: 20px
}

label,
.form__field:focus~.form__label {
    position: absolute;
    top: 0;
    display: block;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 16px;
    color: #9b9b9b
}

.form__field:focus~.form__label {
    color: #007BFF
}

.form__field:focus {
    padding-bottom: 6px;
    border-bottom: 2px solid #007BFF
}

#client-carousel img,
#client-carousel2 img {
    border-radius: 50%;
    height: 80px;
    width: auto;
    border: 4px solid #fff;
    box-shadow: 0 0 26px -10px rgba(0, 0, 0, 0.5)
}

#client-carousel .author,
#client-carousel2 .author {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

#client-carousel .quote-icon,
#client-carousel2 .quote-icon {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 0
}

#client-carousel .quote-icon i,
#client-carousel2 .quote-icon i {
    font-size: 40px;
    color: rgba(255, 255, 255, 0.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.15)
}

#client-carousel .item,
#client-carousel2 .item {
    padding-bottom: 40px
}

#client-carousel .outer-box-client,
#client-carousel2 .outer-box-client {
    margin: 0 14px
}

#client-carousel .owl-dots,
#client-carousel2 .owl-dots {
    margin-top: 0 !important
}

.inner-box-client {
    background-image: linear-gradient(to right, #f7f8fc, #d0d6f0);
    padding: 20px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 26px -10px rgba(0, 0, 0, 0.15)
}

.inner-box-client::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 50px;
    width: 50px;
    border-top: 40px solid #f7f8fc;
    border-right: 48px solid transparent
}

.inner-box-client p {
    position: relative
}

.img__block {
    margin-left: 50px
}