/*NEWSROOM WIDTH*/
.width {
    padding: 0 10%;
}
/*DCI PAGE HEADER CSS */
.module--cta-bubble__tag{
    font-size: 2em;
    font-weight: 200;
    border-radius: 1em;
    padding: .2em .9em;
}

.module--cta-bubble__title{
    font-size: 3em;
    font-weight: 400;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 0.5em 0 0.5em 0;
}

.module--cta-bubble__desc{
    font-size: 20px;
    line-height: 1.5em;
    color: #fff;
}

.module--cta-bubble__wrap{
    gap: 0;
}

/*ALERT*/
.mod-alert-desc{
    font-size: 1.1em;
    color: #000;
}

.mod-alert-title{
    font-size: 1.3em;
    color: #000;
}

.mod-alert-desc a{
    color: #000;
}

.mod-alert-box{
    background: #adf1ef;
}

.alert-expand{
    background: #adf1ef;
}

.alert-expand .toggle-btn{
    color: #000;
}

.dci-card-flex__card a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
}

.dci-card-flex__card{
    position:relative;
}


.module--three-feature-box__desc{
    color:#555;
}




/*ROUNDED OVAL IMG*/
.imageEditorWrap-oval{
    margin-block-start:0;
    position:relative;
    bottom:1px;
}
.imageEditor-oval{
    width:100vw;
}

.imageEditorWrap-oval__flip{
    margin-block-end:0;
    position:relative;
    top:5px;
}

/*White Text class*/
.whiteText{
    color:#fff;
    line-height:1.2em;
    font-size:24px;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-top:.3em;
}
.whiteText--center{
    color:#fff;
    line-height:1.2em;
    font-size:30px;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-top:.3em;
    text-align:center;
}

.whiteText--title{
    color:#fff;
    font-weight:200;
    font-size:35px;
    margin-block-start: 0;
    margin-block-end: 0;
}

.whiteText--featureHeading{
    color: #fff;
    font-size: 4.6em;
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: 1.1em;
    padding-top: .2em;
}

.whiteText--subhead{
    color:#fff;
    font-size:22px;
    font-weight:100;
     margin-block-start: 0;
    margin-block-end: 0;
}
.whiteText--subhead--center{
    color:#8a8b93;
    font-size:30px;
    font-weight:100;
    text-align:center;
     margin-block-start: 0;
    margin-block-end: 0;
}

.whiteFont{
    color:#fff;
}

.grayFont{
    font-size:18px;
    color:#555;
}

.grayFont--light {
    color: #999;
}

/*Green CTA* AND LINKS */
.defaultCTA{
display: inline-block;
  background: var(--dci-logo-dot-color, #BEFB6C);
  color: #000;
  padding: 1em 1.5em;
  border: 1px solid #befb6c;
  border-radius: .25em;
  text-decoration: none;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  font-weight:bold;
}

.defaultCTA:hover, .defaultCTA:focus{
    color:#befb6c;
    background:#000;
}
.defaultCTA--green{
    background: var(--dci-logo-dot-color, #BEFB6C);
    color:#000;
    padding:1em 1.5em;
    border:1px solid #befb6c;
    border-radius:.25em;
    border-radius: 0.25em;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-decoration:none;
}

.defaultCTA--green:hover, .defaultCTA--green:focus{
    color:#befb6c;
    background:#000;
}

.defaultCTA--rounded--green{
    background:#befb6c;
    color:#000;
    padding:.75em 4.5em;
    border:2px solid #befb6c;
    border-radius:25px;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-decoration:none;
    font-size:20px;
    font-weight:600;
}

.defaultCTA--rounded--green:hover, .defaultCTA--rounded--green:focus{
    text-decoration:underline;
}

.greenText--link{
    color:#befb6c;
    text-decoration:none;
}

/*.greenText--link:hover, .greenText--link:focus{
    text-decoration:underline;
}*/

/*PINK BUTTONS AND LINKS*/
.defaultCTA--pink{
    background:#D03875;
    color:#fff;
    padding:1em 1.5em;
    border:2px solid #D03875;
    border-radius:.25em;
    border-radius: 0.25em;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-decoration:none;
}
.defaultCTA--pink:hover, .defaultCTA--pink:focus{
    color:#D03875;
    background:#000;
}

.pinkLink{
    color:#d03875;
    text-decoration:none;
}
.pinkLink:hover, .pinkLink:focus{
    text-decoration:underline;
}

.pinkTxt{
    color:#e0befa;
    font-weight:600;
    font-size:50px;
}

/*COLLAPSING SECTION*/
.darkCollapsing{
    background:#000;
    color:#fff;
    text-align:center;
    width:100%;
    border:none;
    outline:none;
    font-size:20px;
}
.active, .darkCollapsing:hover{
    text-decoration:underline;
}
.text{
    padding:0 18px;
    display:none;
    overflow:hidden;
}
.bolder{
    font-weight:800;
}

.mod-safe-area {
    display: none; /* hide default page headers */
}

.tailoredSolutions {
    color: #000;
}

.cu1--content .whiteText--title {
    border: 1px solid #e0e0e0;
    display: inline-block;
    padding: 0.1em 0.7em;
    border-radius: 1em;
    inline-size:fit-content;
}

.tailoredSolutions--background.tailoredSolutions--background--dark {
    background: #000;
}

.tailoredSolutions {
    padding: 3em 2em !important;
    border-radius: .25em;
}

/* Banks page ul/li - Layout */

.banks-ul-flex {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.banks-ul-flex__item {
    display: flex;
    flex-direction: row;
    gap: 1em;
}

.banks-ul-flex__left {
    display: flex;
    justify-content: center;
}

.banks-ul-flex__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.1em;
    gap: 0.1em;
}

/* Banks page ul/li - Components */

.banks-ul-flex__heading {
    color: #000;
}

.banks-ul-flex__subheading {
    color: #555;
}

.banks-ul-flex__icon {
    object-fit: contain;
    width: 30px;
}

.cu1 {
    position: relative;
}

.imgLayout {
    display: block;
    position: absolute;
    right: 0;
}

.dci-card-flex {
	display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
}

.dci-card-flex__card {
    cursor: pointer;
	text-decoration: none;
}

.dci-card-flex__wrap {
	display: flex;
    justify-content: center;
    gap: 4em;
}

.dci-card-flex__card-cta {
    display: flex;
    justify-content: flex-end;
    /* padding: 0.75em 0; */
	opacity: 0;
    gap: 0.75em;
	transition: .25s;
}

.dci-card-flex__card:hover .dci-card-flex__card-cta , 
.dci-card-flex__card:focus .dci-card-flex__card-cta,
.dci-card-flex__card:focus-within  .dci-card-flex__card-cta {
	opacity: 1;
}

.dci-card-flex__card-cta-text {
	color: var(--dci-card-flex-color);
    font-weight: bold;
	text-decoration: none;
    padding: 0.75em 0;
}

.dci-card-flex__card-cta-icon {
	display: flex;
    justify-content: center;
    align-items: center;
    background: var(--dci-card-flex-color);
	--common__right-arrow__fill: var(--dci-card-text-transition-color, white);
    padding: 1.25em 1.5em;
    border-radius: 0.5em 0.5em 0em 0em;
}

.dci-card-flex__card-contents {
	display: flex;
    width: 18em;
    height: 14em;
    background: #1A1A1E;
    justify-content: center;
    align-items: center;
	transition: .25s;
}

.dci-card-flex__card:hover .dci-card-flex__card-contents, 
.dci-card-flex__card:focus .dci-card-flex__card-contents,
.dci-card-flex__card:focus-within .dci-card-flex__card-contents {
	background: var(--dci-card-flex-color);
	color: var(--dci-card-text-transition-color, white);
}


.dci-card-flex__card-contents-center {
	justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    align-items: center;
}

.dci-card-flex__card-icon {
	background: var(--dci-card-flex-color);
	border: 1px solid var(--dci-card-flex-color);
    border-radius: 100%;
    width: 2.2em;
    padding: 0.75em;
    height: 2.2em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    color: #000;
	transition: .25s;
}

.dci-card-flex__card:hover .dci-card-flex__card-icon , 
.dci-card-flex__card:focus .dci-card-flex__card-icon,
.dci-card-flex__card:focus-within  .dci-card-flex__card-icon {
	border: 1px solid #fff;
}

.dci-card-flex__card-title {
	font-weight: bold;
	text-decoration: none;
	color: white;
	transition: .25s;
}

.dci-card-flex__card:hover .dci-card-flex__card-title , 
.dci-card-flex__card:focus .dci-card-flex__card-title,
.dci-card-flex__card:focus-within  .dci-card-flex__card-title {
	color: var(--dci-card-text-transition-color, white);
}

@media screen and (max-width: 980px) {
    .dci-card-flex__wrap {
        align-items: center;
        flex-direction: column;
        gap: 2em;
    }
}

.module--cta-bubble__cta:hover,
.module--cta-bubble__cta:focus,
.module--cta-bubble__cta:active { 
    text-decoration: underline;
}

@media screen and (max-width:800px) {
    .module--cta-bubble {
        padding: 4em 5%;
    }

    .module--cta-bubble--light .module--cta-bubble__wrap {
        border: 0px solid #000;
    }
}

@media screen and (max-width:640px) {
    .module--cta-bubble__wrap {
        margin: 1em;
    }

    .module--cta-bubble__title {
        font-weight: normal;
        font-size: 1.7em;
    }

    .module--cta-bubble__desc {
        font-size: 1.4em;
    }

    .module--cta-bubble__cta {
        padding: 1em 4em;
    }
}

.cu1-inner-wrap {
    margin-bottom: 2em;
}

.cu1-inner-wrap .whiteText--featureHeading {
    line-height: 1.1em;
}

.cu1-inner-wrap .whiteText {
    line-height: 1.5em;
}

@media screen and (max-width: 1200px) {
    .dci-nav-wrap--mobile-opened .dci-nav-mobile {
        z-index: 999999;
    }
}

@media screen and (max-width: 1400px) {
    .module--three-feature-box__wrap {
        margin: 1em;
        bottom: -5.5em;
        height: 9em;
    }

    .dci-nav__logo-link {
        min-width: 10em;
    }

    .module--three-feature-box__feature {
        flex-direction: column;
    }
    .module--three-feature-box__title {
        text-align: center;
    }
    .module--three-feature-box__desc {
        text-align: center;
    }
}

@media screen and (max-width:1024px) {
    .module--three-feature-box__wrap {
        bottom: -7.5em;
        height: 11em;
    }
}

@media screen and (max-width: 900px) {
    .dci-main-promo {
        min-height: 45em;
    }

    .dci-main-promo__content {
        padding: 4em 4em 0 10%;
    }

    .dci-main-promo__title {
        font-size: 2em;
    }

    .module--three-feature-box__wrap {
        padding: 1em 2em;
        bottom: -11em;
        height: 19em;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .module--three-feature-box__feature {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
    }

    .dci-main-promo__desc {
        color: #fff;
    }

    .module--three-feature-box__title {
        text-align: left;
    }

    .module--three-feature-box__desc {
        text-align: left;
    }

    .module--three-feature-box__text {
        gap: .25em;
    }

    .module--three-feature-box__divider {
        background: #333;
        width: 80%;
        height: 1px;
        align-self: center;
        margin: 1em 0;
    }

    .module--three-feature-box__expander {
        height: 14em;
    }

    .dci-partners__inner {
        flex-direction: column;
        max-width: 100%;
    }

    .dci-partners__right {
        justify-content: center;
    }

    .dci-services {
        flex-direction: column-reverse;
        align-items: center;
        gap: 2em;
    }

    .dci-services__headline {
        text-align: center;
    }

    .dci-services__right {
        width: 100%;
    }

    .dci-services__left {
        justify-content: center;
        width: 100%;
        height: 20em;
    }

    .dci-services__card {
        flex-direction: column;
    }

    .dci-services__card-right {
        justify-content: center;
    }

    .dci-services__card-cta-arrow {
        display: none;
    }

    .dci-services__card-cta {
        font-size: 0.8em;
        background: var(--dci-logo-dot-color, #BEFB6C);
        font-weight: bold;
        text-decoration: none;
        padding: 0.7em 3em;
        border-radius: 50px;
        position: relative;
        box-sizing: border-box;
        color: #000;
    }

    .dci-services__left__img {
        width: 100%;
        left: 0;
    }

    .dci-services__headline {
        margin-bottom: 1em;
    }

    .dci-services__card-title {
        text-align: center;
    }

    .dci-services__card-desc {
        text-align: center;
    }

    .dci-services__card-left {
        width: 100%;
        min-width: 0;
    }
}



@media screen and (max-width:640px) {
    .dci-main-promo__content {
        padding: 4em 1em 0 1em;
        align-items: center;
    }

    .dci-main-promo__buttons {
        gap: 0.75em;
        justify-content: center;
        width: 90%;
    }

    .dci-main-promo__button--simple {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    dci-main-promo__text-wrap {
        text-align: center;
    }

    .dci-main-promo__desc {
        width: 100%;
        color: white;
    }

    .dci-main-promo__button--button {
        padding: 1em 1em;
    }

    .dci-main-promo__text-wrap {
        text-align: center;
    }

    .dci-partners__table {
        font-size: .8em;
        border-spacing: 0;
    }

    .dci-partners__partner {
        border: none;
    }

    .module--three-feature-box__wrap {
        padding: 1em 1em;
    }
}

.module--light .muted {
    color: #555;
}

.dci-services__left__img {
    max-height: 100%;
    object-fit: contain;
}

@media screen and (max-width:460px) {
    .module--three-feature-box {
        background: #fff;
    }

    .module--three-feature-box__wrap {
        bottom: 0;
        height: auto;
        position: relative;
        top: 0;
        margin: 1em 0em;
    }

    .module--three-feature-box__feature {
        flex-direction: column;
    }

    .module--three-feature-box__title {
        text-align: center;
    }

    .module--three-feature-box__desc {
        text-align: center;
    }

    .module--three-feature-box__expander {
        height: 2em;
    }

    .dci-main-promo {
        min-height: 30em;
    }

    .dci-main-promo__content {
        padding: 0;
        align-items: center;
        justify-content: center;
    }

    .dci-main-promo--fill .dci-main-promo__image {
        height: 100%;
        background: #00f;
        filter: opacity(0.5) saturate(0.5);
        width: 100%;
        object-fit: cover;
    }

    .module--home-services {
        margin: 2em 0 0 0;
    }

    .dci-nav-mobile__btn__text.dci-nav-mobile__btn__text--sub {
        font-size: 1.2em;
    }

    .dci-nav__logo-link {
        min-width: 0em;
    }
}

@media screen and (max-width: 400px) {
    .dci-partners__right {
        display: none;
    }

    .module--cta-bubble__cta {
        padding: 0.75em 2em;
    }
}

@media screen and (max-width: 360px) {
    .dci-nav-mobile__btn {
        padding: 0 1em;
    }

    .dci-nav-mobile__btn__text__desc {
        padding-right: 1em;
    }
}

.dci-nav__logo-link svg {
    min-width: 5em;
}

.cu1--inner-wrap {
    margin-bottom: 4em;
}

.dci-module-transition {
  height: 85px
}

.dci-module-transition--BlackDown {
  --oval-fill-color: #0c0c0d
}

.dci-module-transition--BlackUp {
  --oval-fill-color: #0c0c0d;
}

.dci-module-transition--GrayDown {
  --oval-fill-color: #1A1A1E
}

.dci-module-transition--GrayUp {
  --oval-fill-color: #1A1A1E;
}

.dci-module-transition--WhiteDown {
  --oval-fill-color: #fff
}

.dci-module-transition--WhiteUp {
  --oval-fill-color: #fff;
}

.cu1--inner-wrap .whiteText {
    font-family: 'Barlow', 'Roboto', Arial, Helvetica, sans-serif;
    width: 65%;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #e8e1e1;
    min-width: 500px;
}

@media screen and (min-width:2100px) {
    .cu1 {
        font-size: 1.2em;
    }
}

@media screen and (max-width:1700px) {
    .whiteText--featureHeading {
        font-size: 4em;
    }
}

@media screen and (max-width: 1350px) {
    .whiteText--featureHeading {
        font-size: 3em;
    }
}

.dci-main-promo--float-right {
    margin: 4em 0 8em 0;
}

.dci-main-promo--float-right .dci-main-promo__image {
    height: 100%;
    position: absolute;
    overflow: hidden;
    right: 10%;
    width: auto;
}

.dci-main-promo__tag {
    color: #fff;
    font-weight: 200;
    font-size: 35px;
    margin: 0em 0 0.2em 0;
    border: 1px solid #e0e0e0;
    display: inline-block;
    padding: 0.1em 0.7em;
    border-radius: 1em;
    inline-size: fit-content;
}

.dci-main-promo--float-right .dci-main-promo__desc {
    font-family: 'Barlow', 'Roboto', Arial, Helvetica, sans-serif;
    width: 65%;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #e8e1e1;
    min-width: 500px;
}

.dci-main-promo--float-right .dci-main-promo__text-wrap {
    margin-bottom: 4em;
}

@media screen and (min-width:2100px) {
    .dci-main-promo__content {
        font-size: 1.2em;
    }
}

@media screen and (min-width:2800px) {
    .dci-main-promo {
        font-size: 1.5em;
    }
}

@media screen and (max-width:1200px) {
    .dci-main-promo--float-right .dci-main-promo__image {
        scale: 0.8;
    }
}

@media screen and (max-width:900px) {
    .dci-main-promo .dci-main-promo__image {
        display: none;
    }
    .dci-main-promo--float-right .dci-main-promo__image {
        right: auto;
        scale: 0.8;
        display: none;
    }
}

@media screen and (max-width:640px) {
    .dci-main-promo--float-right .dci-main-promo__desc {
        min-width: 0;
        width: 100%;
    }
    .dci-main-promo--float-right {
        margin: 0;
    }
}

.tabletFlex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4em;
    margin: 8em 0 6em 0;
}

.tabletFlex--img {
    display: flex;
    gap: 0 50px;
}

.tabletFlex--text{
    padding:3em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.tabletPimg {
    width: 600px;
}

.imageEditor--tablet{
    width:100%;
    height:auto;
}

@media screen and (max-width:700px){
    .tabletPimg{
        width:450px;
    }
}

@media screen and (max-width:600px){
    .tabletPimg {
        width: 90%;
        padding-left: 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.dci-main-promo__button--button:hover, .dci-main-promo__button--button:focus, .dci-main-promo__button--button:active {
    filter: none;
    color: var(--dci-logo-dot-color, #BEFB6C);
    background: #000;
}

@media screen and (max-width: 460px) {
    .dci-main-promo--float-right .dci-main-promo__image-wrap {
        background: none;
    }

    .dci-main-promo--float-right .dci-main-promo__image {
        opacity: .2;
    }

    .dci-main-promo--float-right .dci-main-promo__text-wrap {
        margin-bottom: 0em;
    }

    .dci-main-promo__tag {
        font-size: 30px;
    }
}

.dci-services__card-cta-arrow {
    transition: .25s;
}

.dci-services__card-cta:hover,
.dci-services__card-cta:focus,
.dci-services__card-cta:active {
    text-decoration: underline;
}


.dci-services__card-cta:hover .dci-services__card-cta-arrow,
.dci-services__card-cta:focus .dci-services__card-cta-arrow,
.dci-services__card-cta:active .dci-services__card-cta-arrow {
    right: -0.2em;
}

.text--30 {
    font-size: 30px;
}

.whiteBackground{
    background: #fff;
    color: #000;
}

.whiteBackground--flex{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    position:relative;
    padding:4em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "multi-display", Roboto, sans-serif;
}
.dci-footer__socials{
    justify-content:flex-start;
}
.dci-footer__socials div {
    display: flex;
    gap: 1em;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (min-width:1200px) {
    h1,
    h1.dci-main-promo__title {
        
        line-height: 1.2em;
        font-size: 3em;
    }
}

@media screen and (max-width:1200px) {
    .dci-footer__socials {
        justify-content: flex-start;
    }
}

.dci-footer__copyright {
    line-height: 1.5;
}
