:root {
  --eccp-blue: #2e307a;
  --eccp-blue-lg: #CFDCFF;
  --eccp-yellow: #FBBD19;
  --eccp-yellow-lg: #FDE7A7;
  --ds-shade-of-grey: #F7F8F9;
  --ds-primary-font: "Helvetica Neue", sans-serif;
  --ds-pagination-bullet-width: 2.5rem;
  --ds-border-radius: 10px;
  --ds-gradient-rgba-gold: 182,142,44;
  --ds-gradient-rgba-blue: 38,40,95;
  --ds-gradient-rgba-opacity: 0.75;
}

.card{
    position:relative;
    margin-bottom:30px;
    box-shadow:0 0 1.25rem rgba(31,45,61,.05)
}
.card.hover-scale-110:hover{
    z-index:2;
    border-radius:.75rem!important
}
.card.rounded-top-right{
    border-radius:.75rem 5rem 5rem .75rem .75rem!important
}
.card.rounded-top-left{
    border-radius:5rem .75rem .75rem .75rem!important
}
.card.rounded-bottom-right{
    border-radius:.75rem .75rem 5rem .75rem!important
}
.card.rounded-bottom-left{
    border-radius:.75rem .75rem .75rem 5rem!important
}
.card.rounded-diagonal-left{
    border-radius:5rem .75rem 5rem .75rem!important
}
.card.rounded-diagonal-right{
    border-radius:.75rem 5rem .75rem 5rem!important
}
.card-fluid{
    height:calc(100% - 30px)
}
.card-header{
    border-bottom:0;
    padding-bottom:0
}
.card-header .action-item{
    padding-top:0;
    padding-bottom:0
}
.card-btn{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    border-bottom-right-radius:.75rem!important;
    border-bottom-left-radius:.75rem!important
}
.card-deck+.row{
    margin-top:30px
}
.card-wrapper .card:last-child{
    margin-bottom:0!important
}
.card-img-bg{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:cover;
    border-radius:.75rem;
    -webkit-backface-visibility:hidden;
    transition:all .2s ease
}
@media (prefers-reduced-motion:reduce){
    .card-img-bg{
        transition:none
    }
}
.card-img-bg~.card-body{
    position:relative
}
.card:hover .card-img-bg{
    transform:scale(1.1)
}
.card .animate-this,.card .card-image,.card>a{
    min-height:1px
}
.accordion .card{
    margin-bottom:0
}
.accordion .card-header{
    position:relative;
    cursor:pointer
}
.accordion .card-header:after{
    content:'+';
    position:absolute;
    right:1.5rem;
    top:50%;
    transform:translateY(-50%);
    font-family:"Nunito Sans",sans-serif;
    font-weight:700
}
.accordion .card-header[aria-expanded=false]:after{
    content:'+'
}
.accordion .card-header[aria-expanded=true]:after{
    content:'-'
}
.accordion .card-header[aria-expanded=true] .heading{
    color:#008aff
}
.accordion-spaced .card{
    margin-bottom:1.5rem;
    border-radius:.75rem!important
}
.card-overlay .card-img-overlay{
    color:#fff
}
.card-overlay .card-footer{
    background-color:#fff;
    border:0
}
.card-hover-overlay{
    overflow:hidden
}
.card-hover-overlay .card-img-overlay{
    opacity:0;
    background-color:rgba(23,19,71,.4);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:opacity .35s
}
@media (prefers-reduced-motion:reduce){
    .card-hover-overlay .card-img-overlay{
        transition:none
    }
}
.card-hover-overlay .card-img-overlay:after,.card-hover-overlay .card-img-overlay:before{
    pointer-events:none
}
.card-hover-overlay .card-img-overlay .actions .action-item,.card-hover-overlay .card-img-overlay .overlay-actions,.card-hover-overlay .card-img-overlay .overlay-text{
    transform:translate3d(0,200%,0);
    transition:transform .35s
}
@media (prefers-reduced-motion:reduce){
    .card-hover-overlay .card-img-overlay .actions .action-item,.card-hover-overlay .card-img-overlay .overlay-actions,.card-hover-overlay .card-img-overlay .overlay-text{
        transition:none
    }
}
.card-hover-overlay:hover .card-img-overlay{
    opacity:1
}
.card-hover-overlay:hover .card-img-overlay .actions .action-item,.card-hover-overlay:hover .card-img-overlay .overlay-actions,.card-hover-overlay:hover .card-img-overlay .overlay-text{
    transform:translate3d(0,0,0)
}
.card-hover-overlay:hover .card-img-overlay .actions .action-item:first-child{
    transition-delay:.1s
}
.card-hover-overlay:hover .card-img-overlay .actions .action-item:nth-child(2){
    transition-delay:.15s
}
.card-hover-overlay:hover .card-img-overlay .actions .action-item:nth-child(3){
    transition-delay:.2s
}

.card-hover-primary {
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card-hover-primary.shadow-sm:hover, .card-hover-primary.shadow:hover, .card-hover-primary:hover {
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(99, 102, 241, .9) !important;
}

.card-hover-primary:hover .card-body {
    color: rgba(255, 255, 255, .7);
}

.card-hover-primary:hover {
    background-color: var(--eccp-blue) !important;
    border-color: transparent !important;
}
.card-hover-primary {
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.card-group .card .mask{
    border-radius:0
}
.card-columns-2{
    column-count:2!important
}
@media (min-width:992px){
    .card-columns-3{
        column-count:3!important
    }
}
@media (max-width:1199.98px){
    .card-columns-3{
        column-count:2!important
    }
}
@media (max-width:767.98px){
    .card-columns-3{
        column-count:1!important
    }
}
@media (min-width:992px){
    .card-columns-4{
        column-count:4!important
    }
}
.card-pricing .card-header{
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.card-pricing .list-unstyled li{
    padding:.5rem 0
}
.card-pricing.popular{
    z-index:1
}
.card-pricing.scale-110{
    border-radius:.75rem!important
}
@media (max-width:991.98px){
    .card-pricing.scale-110{
        transform:scale(1)!important
    }
}