.gradient-icon-cards__top-content {
    margin-bottom: 25px;
}

.gradient-icon-card {
    width: 100%;
    height: 100%;
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	padding: 15px 20px;
	box-shadow: 0 5px 25px rgba(12,35,64,0.1);
}

.gradient-icon-cards-item {
    margin-top: 20px;
}

.gradient-icon-card__info h3 {
	font-size: 18px;
	color: #211B12;
	font-weight: 400;
	padding: 12px 50px 14px 0;
	border-bottom: 1px solid #DFE2EF;
	margin: 0 0 14px;
    min-height: 59px;
}

.gradient-icon-card__info h3::after {
    display: none;
}

.gradient-icon-card__icon {
	width: 45px;
	height: 45px;
	border-radius: 15px;
	background: rgb(12, 35, 64);
	background: linear-gradient(129deg, rgba(12, 35, 64, 1) 0%, rgba(130, 64, 136, 1) 52%, rgba(173, 98, 99, 1) 80%, rgba(250, 158, 32, 1) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 14px;
	z-index: 1;
}

.gradient-icon-card__icon i {
    font-size: 32px;
    color: #fff;
}

.gradient-icon-cards__content {
	margin-top: 25px;
}

@media (min-width: 768px) {
    .gradient-icon-cards__top-content {
        margin-bottom: 3px;
    }

    .gradient-icon-cards--center {
        justify-content: center;
    }
    
    .gradient-icon-card {
        padding: 15px 35px 21px;
    }

    .gradient-icon-card__info h3 {
        font-size: 20px;
        padding: 0px 90px 16px 0;
        margin: 0 0 16px;
        min-height: 0;
    }

    .gradient-icon-card__icon {
      width: 60px;
      height: 60px;
      right: 34px;
      top: -21px;
    }

    .gradient-icon-card__icon i {
        font-size: 44px;
    }

    .gradient-icon-cards__content {
        margin-top: 35px;
    }
}

@media (min-width: 1200px) {
    .gradient-icon-cards-item {
        margin-top: 48px;
    }

    .gradient-icon-card__info h3 {
        font-size: 23px;
        padding: 0px 95px 16px 0;
    }

    .gradient-icon-card__icon {
      width: 75px;
      height: 75px;
      right: 35px;
      top: -40px;
    }
}