.items {
    margin: -15px -15px 0 0;
}

.pad-small {
    margin: -5px -5px 0 0;
}

.pt-items {
    padding-top: 60px;
}

@media(max-width: 991px) {
    .pt-items {
        padding-top: 35px;
    }    
}

.item {
    margin-top: 15px;
}

.pad-small .item {
    margin-top: 5px;
}

.itemr {
    height: 100%;
    margin-right: 15px;
}

.pad-small .itemr {
    margin-right: 5px;
}

.vert {
    display: flex;
    flex-direction: column;
}

.item-content5 {
    height: 100%;
    border-radius: 20px;
    background-color: rgba(0,0,0,0.7);
    padding: 30px;
}

@media(max-width: 991px) {
    .item-content5 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.item-content, .item-content2, 
.item-content3, .item-content4 {
    height: 100%;
    border-radius: 20px;
    text-align: center;
}

.item-content, .item-content2, .item-content3, .item-content4 {
    background-color: rgba(0,0,0,0.8);
}

.item p, .item h2, .item h4, 
.item h5, .item .number {
    color: #fff;
}

.item p {
    font-size: 14px;
}

.item-content {
    padding: 35px 30px;
}

@media(max-width: 991px) {
    .item-content {
       padding-left: 15px;
       padding-right: 15px;
    }
}

.item-content2, .item-content3 {
    padding: 35px 15px;
}

.item-content2, .item-content4 {
    position: relative;
    overflow: hidden;
}

.item-content4 {
    padding-top: 35px;
}

@media(max-width: 991px) {
    .item-content2, .item-content4 {
        min-height: auto;
    } 
}

.title3 {
    min-height: 106px;
}

.title2 {
    min-height: 71px;
}

.title-double {
    min-height: 157px;
    padding: 0 15px;
}

@media(max-width: 1260px) {
    .title2 {
        min-height: auto;
    }
    .title-double {
        min-height: 120px;
    }
    .item-content4 br {
        display: none;
    }
}

@media(max-width: 991px) {
    .title3 {
        min-height: auto;
    }
    .title-double {
        min-height: 140px;
    }
}

@media(max-width: 767px) {
    .title-double {
        min-height: auto;
    }
}

.title3, .title-double, 
.item-desc, .item-desc-bg {
    position: relative;
    z-index: 700;
}

.item-content2::before, .item-content2::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
}

.item-content2::before {
    height: 40%;
    top: 0;
    background: linear-gradient(to bottom, #000, transparent);
}

.item-content2::after {
    height: 65%;
    bottom: 0;
    background: linear-gradient(to top, #000, transparent);
}

.itembg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
}

.opacity4 {
    opacity: 0.4;
}

.item-desc {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    margin-top: 160px;
}

@media(max-width: 767px) {
    .item-desc {
        max-width: 100%;
        margin-top: 120px;
    }
}

.item-desc-bg {
    position: relative;
    flex: 1 0 auto;
    padding: 0 20px 32px 20px;
    margin-top: 60px;
}

@media(max-width: 767px) {
    .item-desc-bg {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.desc-icon {
    margin-top: 32px;
}

.item-icon, .item-icon2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-icon {
    height: 57px;
    margin-top: 32px;
}

.item-icon img {
    max-height: 57px;
}

.item-icon2 {
    height: 66px;
    margin: 46px 0;
}

.item-icon2 img {
    max-height: 66px;
}

@media(max-width: 1260px) {
    .item-icon2 {
        margin: 35px 0;
    }
}

@media(max-width: 991px) {
    .item-icon2 {
        margin: 30px 0;
    }
}

.cite {
    margin-top: 30px;
}

.cite p {
    font-style: italic;
    color: #c7ccd8;
} 

.quote {
    max-height: 33px;
}

.w100 {
    width: 100%;
}

.w5 {
    width: 20%;
}

.w4 {
    width: 25%;
}

.w3 {
    width: 33.333%;
}

.w2 {
    width: 50%;
}

@media(max-width: 1260px) {
    .w3 {
        width: 50%;
    }
    .w4, .w5 {
        width: 33.333%;
    }
}

@media(max-width: 991px) {
    .w3, .w2 {
        width: 100%;
    }
    .media-w2 .w3 {
        width: 50%;
    }
    .w5, .w4 {
        width: 50%;
    }
}

@media(max-width: 767px) {
    .w4, .media-w2 .w3, .w5 {
        width: 100%;
    }
}

.desc-shadows .item-content4 {
    position: relative;
}

.desc-shadows .item-content4::after {
    content: '';
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #000, transparent);
}