/* Overrides*/

body{
    font-family: 'Roboto', sans-serif;
}

h2, h4, h5{
    font-family: 'Roboto Mono', 'Roboto', sans-serif !important;
    text-transform: uppercase;
    font-weight: bold !important;
}

h1{
    font-weight: bold !important;
    letter-spacing: 0;
    font-family: 'Roboto Mono', 'Roboto', sans-serif !important;
}
h2{
    font-size: 40px !important;
    line-height: 50px;
    letter-spacing: 0.46em;
    color: #263640;
}
h2.raleway{
  font-family: 'Raleway', sans-serif !important;
  letter-spacing: 0.025em;
  text-transform: none;
}
h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: 0.1em;
}

h5{
  font-size: 14px !important;
  letter-spacing: 0.46em;
  color: #47B585;
  margin-bottom: 15px !important;
}

.larger_h2{
    font-size: 40px !important;
    line-height: 58px !important;
    letter-spacing: 0.46em !important;
}
.smaller_h2{
    font-family: 'Raleway' sans-serif !important;
    font-size: 36px !important;
    line-height: 36px !important;
    letter-spacing: 0;
    text-transform: none !important;
} 

.smaller_h2{
      font-size: 32px !important;
  line-height: 38px;
   font-family: 'Raleway', sans-serif !important;
  letter-spacing: 0.025em;
  text-transform: none;
  color: #fff;

}
h4{
    font-size: 21px !important;
    line-height: 27px !important;
    letter-spacing: 0.25em;
    font-family: 'Raleway', sans-serif !important;
}
p{
    letter-spacing: 0.05em;
}
.eyebrow{
    font-family: 'Roboto Mono', 'Roboto', sans-serif;font-size: 22px;
    line-height: 36px;
    letter-spacing: 0.46em;
}
.text-primary{
    color: #263640;
}

.bg-primary{
    background: #263640;
    color: #fff;
}

.bg-itz-gradient{
    color: #fff;
   background: rgb(39,54,64);
background: linear-gradient(133deg, rgba(39,54,64,1) 0%, rgba(0,110,125,1) 59%, rgba(71,181,133,1) 100%);
}

.bg-itz-gradient-blue{
    color: #fff;
   background: rgb(39,54,64);
background: linear-gradient(133deg, rgba(41,69,128,1) 0%, rgba(66,161,132,1) 59%, rgba(71,181,133,1) 100%);
}


.text-itz-blue{
    color: #406BC9;
}

.text-itz-green{
    color: #47B585;
}

.text-itz-light-grey{
    color: #EDEFF0;
}
.border-itz-light-grey{
    border-color: #EDEFF0;
}
.cta{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold !important;
    transition: all 0.3s ease-in-out;
}

.itz__hero .cta{
    letter-spacing: 0.25em;
}

h1 span{
    display: inline-block;
    width: 32px;
    border-bottom: 8px solid #fff;
    animation: caret 1s steps(1) infinite;  
}

.cta--blue:hover{
    background: #3D68CC;
    color: #fff;
}

.cta--green:hover{
    background: #47B585;
    color: #fff;
}


.itz__fiftyfifty ul{
}

.itz__fiftyfifty ul li{
    position: relative;

    
}

.itz__fiftyfifty ul li::before{
    content: "";
    position: absolute;
    background: #596872;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    margin-top: 0px;
    border-radius: 50%;
}

.itz__fiftyfifty span{
    font-weight: bold;
    text-transform: uppercase;
}

.itz__features--item.header h3 {
  height: 72px;
}

@media (min-width: 1024px) {
    .itz__features--item:nth-child(2n) {
      height: auto;
    }
  }

.itz__features--item h3{
    color: #596872;
    font-family: 'Raleway', sans-serif;
}

.caption{
  letter-spacing: 0.25em;
}

@keyframes caret {
    50% {
        border-color: transparent;
    }
}

.text-itz-grey{
    color: #596872;
}
.text-itz-dark-blue {
  color: #263640
}
.bg-itz-dark-grey{
    background: #5C6871;
    color: #fff;
}

.cta--blue{
    color: #263640;
    border: 2px solid #3D68CC;
    min-width: 260px !important;
    letter-spacing: 0.25em;
}

.cta--green{
    color: #263640;
    border: 2px solid #47B585;
    min-width: 260px !important;
    letter-spacing: 0.25em;
}


.footer__location__title{
    font-family: "Raleway",sans-serif;
    letter-spacing: 0.25em;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.itz__success__stories__tabs__header--item{
  position: relative;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 11px;
  line-height: 24px;
  font-weight: 700;
  width: 25%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .25em;
  cursor: pointer;
  padding: 0 10px 20px;
  color: #ABB3B8;
}

.itz__success__stories__tabs__header--item.active{
  color: #263640;
}


.itz__success__stories__tabs__header--item.active::after{
  width: 100%;
  transition: all .3s ease-in-out;
}

.itz__success__stories__tabs__header--item::after{
    content: "";
    position: absolute;
    background: #263640;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    transition: all .3s ease-in-out;
}

.itz__success__stories__tabs__header--item::before{
    content: "";
    position: absolute;
    background: #ABB3B8;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all .3s ease-in-out;
}

.itz__success_stories__tabs__panel--item{
  display: none;
}

.itz__success_stories__tabs__panel--item p{
  color: #596872;
  font-size: 18px;
}

.small__stat{
  color: #263640;
  font-size: 40px;
  font-weight: bold;
}

.itz__hero h4 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    letter-spacing: 3px;
}

/* Download pdf */

.itz__download_pdf {
  background: #263640;  
}
.itz__download_pdf .cta {
  letter-spacing: 0.25rem;
}

/* Responsive */


/* Gated Video */
#gated_overlay {
  display: none;
}
#gated_overlay.active {
  background: #717B81; 
  position: fixed; 
  top:0; 
  left: 0; 
  z-index: 1; 
  width: 100%; 
  height: 100%; 
  display: flex; 
  justify-content: center; 
  align-items: center;
}
#gated_overlay h4 {
  font-size: 36px !important; 
  line-height: 40px !important;
}
#close {
  width: 25px;
  height: 25px;
}
#close::before {
  content: '';
  background: url('https://5599117.fs1.hubspotusercontent-na1.net/hubfs/5599117/Banking%20and%20Fintech/close.svg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  display: block;
}
@media only screen and (max-width: 767px){
   h1{
        font-size: 40px !important;
        line-height: 54px !important;
    }
    h1 span{
        width: 24px;
        border-bottom: 6px solid #fff;
    }

    h2{
        font-family: 24px;
        line-height: 34px;
        letter-spacing: 0.36em;

    }

    .larger_h2{
        font-family: 30px;
        line-height: 40px;
        letter-spacing: 0.36em;

    }

    h4{
        font-size: 18px !important;
        line-height: 27px !important;
        
    }
  .itz__success__stories__tabs__header--item{
  width: 100%;

  
}
}



@media only screen and (min-width: 768px) and (max-width: 1023px){
    h1{
        font-size: 50px !important;
        line-height: 66px !important;
    }
}



@media only screen and (min-width: 1024px) {
    h1{
        font-size: 65px !important;
        line-height: 77px !important;
    }

}

@media only screen and (min-width: 1536px){

    .container{
        max-width: 1305px !important;
    }
  .itz__fiftyfifty h2{
    width: 95%;
}