/*custom nav styles*/
.navContent ul li ul li {
    width: 33%;
    display: inline-block;
    margin: 0 auto;
    float: left;
}

ul.subNav li a {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #3d4975 !important;
}

ul.subNav li a .nav-subtext {
    font-size: 13px;
    font-weight: normal;
    text-transform: capitalize;
}

p.nav-subtext {
    white-space: pre-wrap;
}
@media screen and (min-width: 768px){
.navContent ul li ul {
    min-width: 780px !important;
    right: -100px;
    padding: 10px !important;
}
/*.navContent ul li:nth-child(6) ul {*/
/*    min-width: 500px !important;*/
/*    left: -245px;*/
/*}*/
}
@media screen and (max-width: 1416px){
    .navContent ul li ul {
    min-width: 780px !important;
    right: -210px;
    padding: 10px !important;
}
    .navContent ul li:nth-child(6) ul {
    right:0px;
}
}

@media screen and (max-width: 1240px){
    .navContent ul li ul li {
        width: 100%;
        display: block;
        float: none;
}    
    .navContent ul li ul {
        min-width: 400px !important;
}
}
@media screen and (max-width: 767px){
    ul.subNav .nav-subtext {
        display: none;
    }    
}


/*end custom nav styles*/

/*video hero styles*/
.blockWrap_dc5b2559b7654edabd5a7cbcd0c89a2d{
    display:none;    
}

.video-container{
  position: relative;
  padding-bottom: 56.25%;
  overflow:hidden;
  height: 0;

}
.video-container-mobile{
  position: relative;
  padding-bottom: 56.25%;
  overflow:hidden;
  height: 0;

}
		    
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container-mobile iframe {
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-wrap {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
}
#text {
    position: absolute;
    color: #FFFFFF;
    left: 72%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 480px;
    text-align: left;
}
.video-container h1 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: left;
}

.video-container h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
}
.video-container-mobile h1 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: left;
}

.video-container-mobile h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
}

@media screen and (max-width: 900px){
#text {
    left: 0;
    top: 15%;
    width: 100%;
    margin: 0 auto;
    transform: none;
    text-align: center;
}
.video-container h1 {
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 15px;
}
.video-container h3 {
    font-size: 19px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
}

@media screen and (max-width: 500px){
.blockWrap_eb521366df2a4ec086786a2bd7668bcc {
    display: none;
}    
.blockWrap_dc5b2559b7654edabd5a7cbcd0c89a2d{
    display:block;    
}
}
/*end video hero styles*/


/*API video hero styles*/
.blockWrap_f539f325d0b546aa85ddcce777f420c3{
    display:none;    
}

.video-container-api{
  position: relative;
  padding-bottom: 56.25%;
  overflow:hidden;
  height: 0;

}
		    
.video-container-api iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.text-wrap-api {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
}
#text-api {
    position: absolute;
    color: #FFFFFF;
    left: 30%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 360px;
    text-align: left;
}
.video-container-api h1 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: left;
}

.video-container-api h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
}

.video-container-api .button {
    background-color: #52cee6;
    border: 0;
}

.video-container-api .button:hover {
    background-color: #3d4975;
    border: 0;
}

@media screen and (max-width: 900px){
#text {
    left: 0;
    top: 15%;
    width: 100%;
    margin: 0 auto;
    transform: none;
    text-align: center;
}
.video-container-api h1 {
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 15px;
}
.video-container-api h3 {
    font-size: 19px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
}

@media screen and (max-width: 760px){
.blockWrap_e6d04693d70f4e298074edd2eb9e88eb {
    display: none;
}    
.blockWrap_f539f325d0b546aa85ddcce777f420c3 {
    display:block;    
}
}

@media screen and (max-width: 899px){
.blockWrap_d1170f13c021469a82b5919d1d580cc7 {
    display: none;
}    
.blockWrap_e5325363045a4ccb8d51920868fb24d9 {
    display:block;    
}
}

@media screen and (min-width: 900px){
.blockWrap_d1170f13c021469a82b5919d1d580cc7 {
    display: block;
}    
.blockWrap_e5325363045a4ccb8d51920868fb24d9 {
    display:none;    
}
}
/*end API video hero styles*/



/*Stripe video hero styles*/
.blockWrap_f539f325d0b546aa85ddcce777f420c3{
    display:none;    
}

.video-container-stripe {
  position: relative;
  padding-bottom: 56.25%;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  height: 0;

}

.video-container-stripe3 {
  position: relative;
  align-items: center;
  justify-content: center;
  overflow:hidden;
  height: 0;

}
		    
.video-container-stripe iframe {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.video-container-stripe3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text-wrap-stripe {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    align-items: center;
    justify-content: center;
    background: none;
}
#text-stripe {
    position: absolute;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    width: 360px;
    text-align: center;
}
.video-container-stripe h1 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: center;
}

.video-container-stripe h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.video-container-stripe .button {
    align-items: center;
    justify-content: center;
    background-color: #52cee6;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border: 0;
}

.video-container-stripe3 h1 {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 22px;
    text-align: left;
}

.video-container-stripe3 h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
}

.video-container-stripe3 .button {
    background-color: #fdd12c;
    color: #253262;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border: 0;
}

.form-container {
    height: 100%;
    width: 100%;
    display: block;
    align-items: center;
    justify-content: center;
}

.video-container-stripe .button:hover {
    background-color: #00a9c5;
    border: 0;
}

.video-container-stripe3 .button:hover {
    background-color: #253262;
    border: 0;
}


@media screen and (max-width: 1000px){
#text {
    left: 0;
    top: 15%;
    width: 100%;
    margin: 0 auto;
    transform: none;
    text-align: center;
}
.video-container-stripe h1 {
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 15px;
}
.video-container-stripe h3 {
    font-size: 19px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.video-container-stripe .button {
    background-color: #52cee6;
    margin-top: 45vh;
    margin-left: 6vw;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border: 0;
}
.video-container-stripe3 h1 {
    font-size: 35px;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 15px;
}
.video-container-stripe3 h3 {
    font-size: 19px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}
.video-container-stripe3 .button {
    background-color: #fdd12c;
    margin-top: 45vh;
    margin-left: 6vw;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    border: 0;
}
}

@media screen and (max-width: 770px){
.video-container-stripe .button {
    background-color: #52cee6;
    margin-top: 30vh;
    margin-left: 8vw;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    border: 0;
}
.video-container-stripe3 .button {
    background-color: #fdd12c;
    margin-top: 30vh;
    margin-left: 8vw;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    border: 0;
}
}

@media screen and (max-width: 640px){
.video-container-stripe .button {
    background-color: #52cee6;
    margin-top: 17vh;
    margin-left: 15vw;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    border: 0;
}
.video-container-stripe3 .button {
    background-color: #fdd12c;
    margin-top: 17vh;
    margin-left: 15vw;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    border: 0;
}
}

/*end Stripe video hero styles*/


.hero-container {
  color: white;
  text-align:left;
  padding: 150px 150px;
}

.hero-container-field {
  color: white;
  text-align:left;
  padding: 25px 75px;
}

#iframe-container h1 {
    font-size: 52px;
    align-items: flex-end;
}

.hero-container .contentTitle {
    color:white;
    }

#iframe-container h3 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.babyblue {
    color: #52CEE6 !important;
    }
    
.tealblue {
    color: #00A9C5 !important;
    }

.darkblue {
    color: #3d4975 !important;
    }
    
.white {
    color: #ffffff !important;
    }
    
.tabletitle {
    font-size: 36px;
    vertical-align: bottom;
    border-color: white;
    border: 0;
    }
    
.tabletitlebottom {
    font-size: 36px;
    vertical-align: top;
    border-color: white;
    border: 0;
    }
    
.titletextdark {
    font-size: 36px;
    font-weight: bold;
    color: #3d4975;
    }
    
.tabletext {
    font-size: 26px;
    font-weight: bold;
    color: #00A9C5;
    }
    
.tabletextdark {
    font-size: 26px;
    font-weight: bold;
    color: #3d4975;
    }
    
.tabletext2 {
    font-size: 24px;
    vertical-align: bottom;
    color: #68696C;
    }
    
.tabletext2Border {
    font-size: 24px;
    vertical-align: bottom;
    color: #68696C;
    border-color: white;
    border: 0;
    }
    
.tablep {
    font-size: 20px;
    color: #68696C;
    }
    
.tableBorder {
  border-color: white;
  border: 0;
}

.tableBorderCentered {
  vertical-align: middle;
  border-color: white;
  border: 0;
}

/* CSS Grid 3 Column */

.container3col{
  display:grid;
  height:auto;
  grid-template-columns: 0.7fr 4fr 3fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "icon1 paragraph1 image1"
    "icon2 paragraph2 image1"
    "icon3 paragraph3 image1";
  grid-gap: 0.2rem;
}

#icon1{
  grid-area: icon1;
}

#icon2{
  grid-area: icon2;
}

#icon3{
  grid-area: icon3;
}

#paragraph1{
  grid-area: paragraph1;
}

#paragraph2{
  grid-area: paragraph2;
}

#paragraph3{
  grid-area: paragraph3;
}

#image1{
  grid-area: image1;
}


/* CSS Grid 3 Column Image Left */

.container3colimgleft{
  display:grid;
  height:auto;
  grid-template-columns: 3fr 0.7fr 4fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "image1 icon1 paragraph1"
    "image1 icon2 paragraph2"
    "image1 icon3 paragraph3";
  grid-gap: 0.2rem;
}

#icon1{
  grid-area: icon1;
}

#icon2{
  grid-area: icon2;
}

#icon3{
  grid-area: icon3;
}

#paragraph1{
  grid-area: paragraph1;
}

#paragraph2{
  grid-area: paragraph2;
}

#paragraph3{
  grid-area: paragraph3;
}

#image1{
  grid-area: image1;
}


/* CSS Grid 2 Column */

.container2col{
  display:grid;
  height:auto;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "image2 paragraph4";
  justify-items: center;
  align-items: center;
  grid-gap: 0.1rem;
}

#image2{
  grid-area: image2;
}

.image1 {
justify-self:end;
}

.paragraph4 {
justify-self:start;
}

#paragraph4{
  grid-area: paragraph4;
}


/* Mobile Styles */

@media only screen and (max-width: 767px) {
    #iframe-container h1 {
        font-size: 36px;
    }
    
    #iframe-container h3 {
        font-size: 20px;
    }
    .hero-container {
  text-align:left;
  padding: 50px 50px;
    }
    
    .container2col{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      "image2"
      "paragraph4";
  }
    
    .container3col{
    grid-template-columns: 1fr;
    grid-template-rows: 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr 3fr;
    grid-template-areas:
      "icon1"
      "paragraph1"
      "icon2"
      "paragraph2"
      "icon3"
      "paragraph3"
      "image1";
  }
      
    .container3colimgleft{
    grid-template-columns: 1fr;
    grid-template-rows: 3fr 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr;
    grid-template-areas:
      "image1"
      "icon1"
      "paragraph1"
      "icon2"
      "paragraph2"
      "icon3"
      "paragraph3";
  }
}


/* Sitewide Banner */

.blockWrap_eda530f1bdda48239fde7ea1fdb8b73e{
background-color: #00a9c5;
color: #ffffff; 
text-align: center;
padding: 25px;
}

.headerAndNavContainer{
padding-top: 0px !important;
}

/*lightbox styles*/
div#dialog-content {
    width: 100%;
}
.fancybox__slide::before, .fancybox__slide::after {
    margin: 0 auto !important;
}
div#dialog-content iframe {
    width: 100% !important;
}
#dialog-content .lightbox-content h1{
    font-family: freightsansprobold,Arial,Verdana,sans-serif !important;
}
#dialog-content .lightbox-content h1 strong {
    display: block;
}
#dialog-content .lightbox-content {
    text-align: center;
}


.mdw-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    min-height: 450px;
}

.mdw-content-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    height: 100%;
    min-height: 450px;
}

.mdw-flex-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 60%; 
    justify-content: space-around;

}

.mdw-flex-container-new {
    display: flex;
    flex-direction: column;
    flex: 1 1 60%; 
    justify-content: space-around;
    align-items: center;

}

.mdw-flex-item {
    display: flex;
    align-items: flex-start;
}

.mdw-flex-item-new {
    display: flex;
    align-items: flex-start;
}

.mdw-flex-item img.mdw-icon {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.mdw-flex-item-new img.mdw-icon {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.mdw-image-container {
    flex: 1 1 40%; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mdw-image-container-new {
    flex: 1 1 40%; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mdw-image-container .mdw-product-image {
    max-width: 100%;
    height: auto;
}

.mdw-image-container-new .mdw-product-image-new {
    display: flex;
    max-width: 100%;
    height: auto;
    align-items: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mdw-content {
        flex-direction: column;
        height: auto; 
    }

    .mdw-flex-container {
        flex: 1 1 100%;
        height: auto; 
    }

    .mdw-flex-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .mdw-flex-item img.mdw-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .mdw-image-container {
        order: 2;
        height: auto; 
    }
}

.clym-widget-fullscreen iframe { -webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .clym-widget-mobile iframe { -webkit-transform: translate(-12px, -80px); -moz-transform: translate(-12px, -80px); -ms-transform: translate(-12px, -80px); -o-transform: translate(-12px, -80px); transform: translate(-12px, -80px); }


/* Sitewide Banner */

.blockWrap_c5b366acc073413aabb28549607e3b4b{
background-color: #00a9c5;
color: #ffffff; 
text-align: center;
padding: 10px;
}

.headerAndNavContainer{
padding-top: 0px !important;
}


/*2 column video flex container styles for API Landing page*/
.mdw-video-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    min-height: 450px;
}

.mdw-video-flex-container {
    display: flex;
    flex-direction: column; 
    justify-content: space-between;

}

.mdw-video-flex-item {
    display: flex;
    align-items: center;
}

.mdw-video-flex-item img.mdw-video-icon {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.mdw-video-container {
    flex: 1; 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.mdw-video-container .mdw-product-video {
    max-width: 100%;
    height: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mdw-video-content {
        flex-direction: column;
        height: auto; 
    }

    .mdw-video-flex-container {
        flex: 1 1 100%;
        height: auto; 
    }

    .mdw-video-flex-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .mdw-video-flex-item img.mdw-video-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .mdw-video-container {
        order: 2;
        height: auto; 
    }
}

/*END - 2 column video flex container styles for API Landing page*/


/* API Titles w Icons */
.api-flex-container-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-end;

}

.api-flex-title {
    margin: 0px;

}

.api-flex-title-1 {
    min-height: 50px;

}

.api-flex-title-2 {
    min-height: 50px;

}

.api-title {
    margin: 10px;
    font-weight: bold;
    font-size: 30px;
    color: #43474c !important;
    
}
/* END API Titles w Icons */

/* API SECOND FOLD */
.api-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  gap: 22px;
  align-items: flex-start;
  align-content: flex-start;
}

.api-flex-image {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 450px;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.api-flex-item-1 {
  display: flex;
  flex-direction: column;
  width: 25%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  border-radius: 10px;
  min-height: 420px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.api-flex-item-2 {
  display: flex;
  flex-direction: column;
  width: 25%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  border-radius: 10px;
  min-height: 420px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.api-flex-item-3 {
  display: flex;
  flex-direction: column;
  width: 25%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  border-radius: 10px;
  min-height: 420px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.api-flex-item-4 {
  display: flex;
  flex-direction: column;
  width: 25%;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  border-radius: 10px;
  min-height: 420px;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
}

.api-flex-item-1:hover {
    background-color: #f1faff;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}

.api-flex-item-2:hover {
    background-color: #f1faff;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}

.api-flex-item-3:hover {
    background-color: #f1faff;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}

.api-flex-item-4:hover {
    background-color: #f1faff;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}

.api-onboarding-icon {
  display: block;
  flex-grow: 0;
  height: 85px;
  flex-wrap: nowrap;
  margin-top: 25px;
  align-items: center;
}

.api-onboarding-text {
    margin-top: 20px;
    padding: 5px;
    font-family: roboto, sans-serif;
    color: #171717;
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
}

.api-payments-icon {
  display: block;
  flex-grow: 0;
  height: 85px;
  flex-wrap: nowrap;
  margin-top: 25px;
  align-items: center;
}

.api-payments-text {
    margin-top: 20px;
    padding: 5px;
    font-family: roboto, sans-serif;
    color: #171717;
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
}

.api-wallet-icon {
  display: block;
  flex-grow: 0;
  height: 85px;
  flex-wrap: nowrap;
  margin-top: 25px;
  align-items: center;
}

.api-wallet-text {
    margin-top: 20px;
    padding: 10px;
    font-family: roboto, sans-serif;
    color: #171717;
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
}

.api-risk-icon {
  display: block;
  flex-grow: 0;
  height: 85px;
  flex-wrap: nowrap;
  margin-top: 25px;
  align-items: center;
}

.api-risk-text {
    margin-top: 20px;
    padding: 5px;
    font-family: roboto, sans-serif;
    color: #171717;
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 875px) {
    .api-flex-container {
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 15px;
        align-items: center;
        height: auto; 
    }
    
    .api-flex-image {
        order: 1;
        height: auto; 
    }
    
    .api-flex-item-1 {
        order: 2;
        width: 50%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-2 {
        order: 3;
        width: 50%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-3 {
        order: 3;
        width: 50%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-4 {
        order: 3;
        width: 50%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
}


@media (max-width: 700px) {
    .api-flex-container {
        flex-direction: column;
        justify-content: space-around;
        gap: 15px;
        align-items: center;
        height: auto; 
    }
    
    .api-flex-image {
        order: 1;
        height: auto; 
    }
    
    .api-flex-item-1 {
        order: 2;
        width: 80%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-2 {
        order: 3;
        width: 80%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-3 {
        order: 4;
        width: 80%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
    .api-flex-item-4 {
        order: 5;
        width: 80%;
        height: auto;
        margin: 20px;
        font-family: roboto, sans-serif;
        color: #171717;
        font-size: 18px;
        line-height: 40px;
        font-weight: 300;
        text-align: center;
    }
}

.api-onboarding-icon .button,
.api-payments-icon .button,
.api-wallet-icon .button, 
.api-risk-icon .button {
    font-family: roboto, sans-serif;
    color: #ffffff;
    background-color: #007ddd;
    border: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

.api-onboarding-icon .button:hover,
.api-payments-icon .button:hover,
.api-wallet-icon .button:hover, 
.api-risk-icon .button:hover {
    font-family: roboto, sans-serif;
    color: #ffffff;
    background-color: #3d4975;
    border: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
    
/* END API SECOND FOLD */

/* API STATS SECTION */
.home-stats-container {
		display: flex;
		padding: 1em;
		padding-left: 60px;
		background-color: #fff;
	}
.api-stats-container {
		display: flex;
		padding: 1em;
		padding-left: 60px;
		background-color: #3a3d69;
	}

.api-stats-col-container {
    display: flex;
    flex: 2;
    flex-wrap: wrap;
}

.aside {
  flex: 2;
}

  .api-stats-main,
  .api-stats-col-1,
  .api-stats-col-2 {
		flex: 1;
    justify-content: space-around;
    align-items: center;
		padding: .4em;
		margin: .4em;
		padding-top: 80px;
		background-color: #3a3d69;
	}
  .home-stats-main,
  .home-stats-col-1,
  .home-stats-col-2 {
		flex: 1;
    justify-content: space-around;
    align-items: center;
		padding: .4em;
		margin: .4em;
		padding-top: 80px;
		background-color: #fff;
	}

	.api-stats-col-1,
  .api-stats-col-2 {
		display: flex;
		flex: 1;
		flex-flow: column wrap;
		padding: 1;
	}
	.home-stats-col-1,
  .home-stats-col-2 {
		display: flex;
		flex: 1;
		flex-flow: column wrap;
		padding: 1;
	}

	.api-stats-nested {
		flex: 1;
        width: 50%;
        padding: 0;
        margin: 1em;
		background-color: #3a3d69;
	}
	.home-stats-nested {
		flex: 1;
        width: 50%;
        padding: 0;
        margin: 1em;
		background-color: #fff;
	}

.api-stats-main h2 {
  font-family: roboto, sans-serif;
    color: #ffffff;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    text-align: left;
}
.home-stats-main h2 {
  font-family: roboto, sans-serif;
    color: #3d4975;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    text-align: left;
}

.api-stats-main p {
  font-family: roboto, sans-serif;
    color: #ffffff;
    padding-top: 1em;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}
.home-stats-main p {
  font-family: roboto, sans-serif;
    color: #7e7e7e;
    padding-top: 1em;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}

.api-stats-nested h2 {
  font-family: roboto, sans-serif;
    color: #68e7ff;
    margin-bottom: 1rem;
    font-size: 60px;
    line-height: 54px;
    font-weight: 600;
    text-align: left;
}
.home-stats-nested h2 {
  font-family: roboto, sans-serif;
    color: #00a9c5;
    margin-bottom: 1rem;
    font-size: 60px;
    line-height: 54px;
    font-weight: 600;
    text-align: left;
}

.api-stats-nested p {
  font-family: roboto, sans-serif;
    color: #bdc0ea;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}
.home-stats-nested p {
  font-family: roboto, sans-serif;
    color: #7e7e7e;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    text-align: left;
}

.api-stats-nested .button {
  font-family: roboto, sans-serif;
    color: #36325d;
    background-color: #68e7ff;
    border: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
.home-stats-nested .button {
  font-family: roboto, sans-serif;
    color: #3d4975;
    background-color: #68e7ff;
    border: 0;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.api-stats-nested .button:hover {
    background-color:#6aa8fc;
    border: 0;
    color: #fff;
    transition: 0.3s;
}
.home-stats-nested .button:hover {
    background-color:#00a9c5;
    border: 0;
    color: #fff;
    transition: 0.3s;
}

/* API STATS SECTION RESPONSIVE ADJUSTMENTS */
	@media screen and (max-width:1350px){
		.api-stats-nested .button {
		    border: 0;
		    font-size: 17px;
            font-weight: 300;
		}
		  .api-stats-main {
		      padding-top: 80px;
		  }
		  .api-stats-col-1,
          .api-stats-col-2 {
              padding-top: 0px;
          }
	}
	@media screen and (max-width:767px){
		.api-stats-container {
			flex-flow: column wrap;
		}
		
		.api-stats-nested .button {
		    border: 0;
		}		
	}
	/* END API STATS SECTION */
	
	
	.form-container {

       overflow: hidden;
       height: 100%;
       padding: 0;
       margin: 0;
       display: flex;

   }
   
.api-iris-form-container {
		display: flex;
		height: 1050px;
	}

.api-iris-form-col-container {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

  .api-iris-form-main {
		flex: 3;
		width: 800px;
    justify-content: space-around;
    align-items: center;
		background-color: #ffffff;
	}
	
	/* API Form Responsive Adjustments */	
@media screen and (max-width: 1200px){
.blockWrap_e5325363045a4ccb8d51920868fb24d9 {
    display: none;
}    
.blockWrap_d98d4cc7044c472194d1af0ea89488a2{
    display:block;    
}
}

@media screen and (min-width: 1201px){
.blockWrap_d98d4cc7044c472194d1af0ea89488a2 {
    display: none;
}    
.blockWrap_e5325363045a4ccb8d51920868fb24d9{
    display:block;    
}
}


/* Clarus is now Talus Page */
.clarus-icon .button {
    font-family: roboto, sans-serif;
    color: #ffffff;
    background-color: #00a9c5;
    border: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

.clarus-icon .button:hover {
    font-family: roboto, sans-serif;
    color: #ffffff;
    background-color: #52cee6;
    border: 0;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}
/* END Clarus is now Talus Page */


/* Why Talus Page */
.blockWrap_f463120e485b4ae986e11914a690c20e {
    display:none;    
}
.blockWrap_a258378a45e2485483368f4927ea2fb7 {
    display:none;    
}
.blockWrap_e686175417884a20b3fb13df1c12bb48 {
    display:none;    
}
.flip-card-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: flex-end;
  gap: 25px;
}
.flip-card-container {
  width: 250px;
  height: 333px;
  perspective: 1000px;
}
.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d; 
}
.flip-card-container:hover .flip-card {
  transform: rotateY(180deg);
}
.flip-card-front-blue, .flip-card-back-blue {
  position: absolute;
  flex-direction: column;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
  text-align: center;
  background-color: #1c4770;
  color: #fff;
  border-radius: 1rem;
  box-shadow: 5px 5px 13px #929396;
}
.flip-card-front-blue {
  font-size: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-back-blue {
  transform: rotateY(180deg);
  font-size: 0.9rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-back-blue a{
  color: #52cee6;
  font-size: 1.1rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-front-teal, .flip-card-back-teal {
  position: absolute;
  flex-direction: column;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
  text-align: center;
  background-color: #00a9c5;
  color: #fff;
  border-radius: 1rem;
}
.flip-card-front-teal {
  font-size: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-back-teal {
  transform: rotateY(180deg);
  font-size: 1rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-back-teal a{
  color: #fdd12c;
  font-size: 1.1rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-front-gray, .flip-card-back-gray {
  position: absolute;
  flex-direction: column;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: space-around;
  text-align: center;
  background-color: #EFF0F3;
  color: #6b6b6b;
  border-radius: 1rem;
}
.flip-card-front-gray {
  font-size: 1.4rem;
  font-family: Arial, Helvetica, sans-serif;
}
.flip-card-back-gray {
  transform: rotateY(180deg);
  font-size: 1rem;
  font-family: Arial, Helvetica, sans-serif;
}
.form-container-why {

       overflow: hidden;
       justify-content: center;
       height: 100%;
       padding: 0;
       margin: 0;
       display: flex;
}
/* END Why Talus Page */

/* Why Talus Mobile Styles */
@media screen and (max-width: 1050px){
.blockWrap_d32884e9b3f84f2d887598eab26be265 {
    display: none;
}    
.blockWrap_e686175417884a20b3fb13df1c12bb48 {
    display:block;    
}
}
@media screen and (max-width: 767px){
.blockWrap_c2291680179d4bf9bcd7ed4ee4240c2e {
    display: none;
}    
.blockWrap_f463120e485b4ae986e11914a690c20e {
    display:block;    
}
.blockWrap_c36ed25892424782bb4a63bdf09b772a {
    display: none;
}    
.blockWrap_a258378a45e2485483368f4927ea2fb7 {
    display:block;    
}
}
@media screen and (max-width: 991px){
.blockWrap_c2291680179d4bf9bcd7ed4ee4240c2e {
    display: none;
}    
.blockWrap_f463120e485b4ae986e11914a690c20e {
    display:block;    
}
}

/* Center aligned button on Affiliated Distributors page */
.wrapper {
    text-align: center;
}

.wrapper .button {
    font-family: roboto, sans-serif;
    color: #ffffff;
    background-color: #00a9c5;
    border: 1;
    margin-bottom: 1rem;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}