/** flexible cards Start */
.flexible-cards-item {
    flex: 1 1 100%;
	padding: 1rem;
    border-radius: 1rem;
    text-align: left;
    color: var(--color-dark-purple);
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--color-white);
    box-shadow:var(--box-shadow);
    border: 2px solid var(--color-light-purple);
    min-width: 350px;
}

@media only screen and (min-width:768px){
    .row-items-two .flexible-cards-item {
    flex: 1 1 calc(50% - 20px);
}
    .row-items-three .flexible-cards-item {
    flex: 1 1 calc(33.333% - 22px);
}
}

@media only screen and (min-width:561px) and (max-width:1080px){.row-items-four .flexible-cards-item.flex-block {
    flex: 1 1 calc(50% - 20px);
}}
@media only screen and (min-width:1081px) {
.row-items-four .flexible-cards-item.flex-block {
    flex: 1 1 calc(25% - 24px);
}
}
/* flexible cards dark bg*/
[class*='bg-dark-'] .flexible-cards-item, [class*='bg-dark-'] .flexible-cards-item:nth-of-type(3n+3), [class*='bg-dark-'] .flexible-cards-item:nth-of-type(2n+3), [class*='bg-dark-'] .flexible-cards-item:nth-of-type(2), [class*='bg-dark-'] .row-items-three .flexible-cards-item:nth-of-type(6) {
    background-color: transparent;
    border: 1px solid var(--color-yellow);
    -webkit-box-shadow: 0px 0px 22px 2px #dee2ef;
    -moz-box-shadow: 0px 0px 22px 2px #dee2ef;
    box-shadow: 0px 0px 22px 2px var(--color-yellow);
}
[class*='bg-dark-'] .flexible-cards-item .cards-item__info {
    background: transparent;
    color: var(--color-white);
}
[class*='bg-dark-'] .cards-item__image {
    right: 21px;
}
[class*='bg-dark-'] .cards-item__image svg path {
    stroke: var(--color-purple);
}

[class*='bg-dark-'] .cards-item__image svg g {
    opacity: .35;
}
[class*='bg-dark-'] .cards-item__link {
	color: var(--color-purple); align-items: center;
}
[class*='bg-dark-'] .cards-item__link svg path  {
    stroke: var(--color-purple);
}
[class*='bg-dark-'] .cards-item__link:hover {
	color: var(--color-white);
} 
[class*='bg-dark-'] .cards-item__link:hover svg path {
    stroke: var(--color-white);
}
[class*='bg-dark-'] .flexible-cards-item .cards-item__info {
    margin-top: 0;
    flex-grow: 1;
}

[class*='bg-dark-'] .flexible-cards-item {
    justify-content: flex-start;
}
/** flexible cards END **/