/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION CREDIT UNION
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#credit-union-header {
    display: flex;
    min-height: 505px;
    background: #000D42;
    position: relative;
    justify-content: center;
}

#credit-union-header .left {
    position: relative;
    height: inherit;
    width: 84%;
    padding: 50px 0% 0px 11.52%;
}

#credit-union-header .right {
    width: 30%;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(../../assets/images/page-credit-union/header.png);
    background-color: #000D42;
}

#credit-union-header .right .overshadow {
    position: absolute;
    left: -3px;
    height: -webkit-fill-available;
    width: 80px;
    background: linear-gradient(90deg, #000D42 0%, rgba(0, 13, 66, 0) 100%);
}

#credit-union-header .left .left-content h1,
#credit-union-header .left .left-content .header-span {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 52px;
    line-height: 61px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

#credit-union-header .left .left-content .header-span {
    color: #0072BB;
}

#credit-union-header .left .left-content h3 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 23.4px;
    color: #EFF2F7;
    margin-bottom: 22px;
}

#credit-union-header .left .left-content h2 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 41.6px;
    color: #EFF2F7;
    margin-bottom: 16px;
}

#credit-union-header .left .left-content .reach-out-btn {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #0072BB;
    border-radius: 6px;
    width: 179px;
    height: 53px;
    align-items: center;
    padding: 17px 36px;
}

#credit-union-header .header-box {
    display: flex;
    position: absolute;
    bottom: -55px;
    background: #FFFFFF;
    height: 77px;
    width: 76%;
    max-width: 1300px;
    z-index: 1;
    border-radius: 8px;
}

#credit-union-header .header-box h2 {
    font-family: 'Raleway';
    color: #323232;
    font-weight: 500;
    font-size: 20px;
    line-height: 21.96px;
    width: 88%;
    margin: auto 3%;
}

#credit-union-header .header-box .container {
    width: 48px;
    height: inherit;
    display: grid;
    place-items: center;
    margin: 0 0 0 1%;
  }
  
  @keyframes animation {
    from {
      transform: scale(0.9)
    }
  
    to {
      transform: scale(1.3)
    }
  }

#credit-union-header .header-box .png {
    background-image: url(../../assets/images/page-credit-union/exclam-mark.png);
    margin-left: 3%;
    background-color: #0072BB;
    background-repeat: no-repeat;
    background-position: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    animation: animation 5s 1s alternate infinite;
}

#credit-union-header .left .reach-out-btn img {
    margin-left: 12px;
    height: 16px;
    vertical-align: top;
}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 1050px) {
  #credit-union-header {
    min-height: 650px;
}

}

@media screen and (min-width: 1050px) and (max-width: 1350px) {
    #credit-union-header {
      min-height: 540px;
  }

}

@media screen and (min-width: 577px) and (max-width:768px) {
    #credit-union-header {
      min-height: 825px;
  }

  #credit-union-header .left {
    padding: 50px 0% 0px 10.52%;
  }

  #credit-union-header .left .left-content h1 {
    font-size: 50px;
  }

  #credit-union-header .left .left-content h1,
  #credit-union-header .left .left-content h3 {
    margin-bottom: 50px;
  }

}

@media screen and (max-width: 576px) {
  #credit-union-header {
    min-height: 1000px;
    flex-direction: column;
}

  #credit-union-header .left .left-content h1,
  #credit-union-header .left .left-content .header-span {
    font-size: 34px;
    line-height: 42px;
 }

 #credit-union-header .left .left-content h2 {
  font-size: 22px;
  line-height: 28.2px;
 }

 #credit-union-header .left .left-content h3 {
  font-size: 16px;
  line-height: 22px;
 }

 #credit-union-header .left {
  padding: 60px 0% 0px 3.4%;
}

 #credit-union-header .right {
  width: 100%;
  background-position: left;
  height: 475px;
  margin-top: 40px;
 }

 #credit-union-header .right .overshadow {
  display: none;
 }

 #credit-union-header .header-box {
  height: auto;
  font-size: 16px;
  line-height: 17.96px;
  bottom: -70px;
  width: 85%;
  margin-left: 6.4%;
 }

 #credit-union-header .header-box .container {
  width: 60px;
 }

 #credit-union-header .header-box h2 {
  margin: 5%;
 }

}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION WE HEAR YOU
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#we-hear-you {
    min-height: 764px;
    background: #F2F7FA;
    padding: 100px 0px 50px;
}

#we-hear-you .first-line {
    display: flex;
    margin: 50px 8.5%;
}

#we-hear-you .first-line h1,
#we-hear-you .first-line .we-hear-you-span {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 42px;
    line-height: 49.31px;
    color: #00B4EF;
    width: 50%;
}

#we-hear-you .first-line .we-hear-you-span {
    color: #000D42;
}

#we-hear-you .first-line h3 {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    width: 50%;
}

#we-hear-you .second-line {
    display: flex;
    margin: 50px 7.2%;
    justify-content: center;
}

#we-hear-you .second-line .rectangle-left {
    width: 444px;
    height: 156px;
    background-color: #00B4EF;
    margin-right: 5%;
    border-radius: 8px;
    position: relative;
}

#we-hear-you .second-line .rectangle-left:hover {
  background: linear-gradient(to bottom right,#0072BB,#0072BB);
  color: #fff;
  box-shadow: 0 30px 90px #337ab7;
}

#we-hear-you .second-line .rectangle-left:hover .polygon {
  background: linear-gradient(to top right,#0072BB,#0072BB);
  color: #fff;
  box-shadow: 0 30px 90px #337ab7;
}

#we-hear-you .second-line .rectangle-left .polygon {
    width: 34px;
    height: 20px;
    background-color: #00B4EF;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    position: absolute;
    bottom: -10px;
    left: 35px;
}

#we-hear-you .second-line h4 {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    color: #FFFFFF;
    margin: 0;
    padding: 31px;
    z-index: 22;
    position: relative;
}

#we-hear-you .second-line .rectangle-right {
    width: 444px;
    height: 133px;
    background-color: #004184;
    margin-top: 100px;
    border-radius: 8px;
    position: relative;
}

#we-hear-you .second-line .rectangle-right:hover {
  color: #fff;
  box-shadow: 0 30px 90px #337ab7;
}

#we-hear-you .second-line .rectangle-right .polygon {
    width: 34px;
    height: 20px;
    background-color: #004184;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    position: absolute;
    bottom: -10px;
    left: 35px;
}

#we-hear-you .third-line {
    display: flex;
    height: 350px;
    justify-content: space-around;
}

/* #we-hear-you .third-line-image {
  background-image: url(../../assets/images/page-credit-union/Frame.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 30%;
} */

#we-hear-you .third-line .rectangle-center {
    width: 31.5%;
    height: fit-content;
    background-color: #0072BB;
    margin-top: 65px;
    border-radius: 8px;
    position: relative;
}

#we-hear-you .third-line .rectangle-center:hover {
  color: #fff;
  box-shadow: 0 30px 90px #337ab7;
}

#we-hear-you .third-line .rectangle-center .polygon {
    width: 34px;
    height: 20px;
    background-color:#0072BB;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    position: absolute;
    bottom: -10px;
    left: 35px;
}

#we-hear-you .third-line .rectangle-center h4 {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    color: #FFFFFF;
    margin: 0;
    padding: 23px 33px 30px 30px;
}

#we-hear-you .third-line h1 {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 56px;
    line-height: 65.74px;
    width: 19%;
    text-align: center;
    margin-top: 8%;
    color: #00B4EF;
}

#we-hear-you .third-line .third-line-span {
color: #000D42;
}

@media screen and (max-width: 992px) {
  #we-hear-you .first-line {
    flex-direction: column;
  }

  #we-hear-you .third-line {
    flex-direction: row;
    height: fit-content;
    position: relative;
  }

  #we-hear-you .first-line h1, 
  #we-hear-you .first-line .we-hear-you-span,
  #we-hear-you .first-line h3 {
    width: 100%;
  }

  #we-hear-you .second-line .rectangle-left,
  #we-hear-you .second-line .rectangle-right {
    height: fit-content;
  }

  /* #we-hear-you .third-line-image {
    background-size: contain;
    height: 250px;
    background-position: right;
    width: 50%;
} */

#we-hear-you .third-line h1 {
  width: 30%;
  text-align: center;
}

#we-hear-you .third-line .rectangle-center {
  height: fit-content;
  margin: 65px 0px;
  width: 60%;
}

}

@media screen and (max-width: 576px) {
  #we-hear-you .second-line {
    flex-direction: column;
  }

  #we-hear-you .second-line .rectangle-left,
  #we-hear-you .second-line .rectangle-right {
      width: 100%;
  }

  #we-hear-you .first-line h1,
  #we-hear-you .first-line .we-hear-you-span {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 40px;
  }

  #we-hear-you .third-line .rectangle-center,
  #we-hear-you .third-line h1 {
    width: 100%;
  }

  #we-hear-you .third-line {
    margin: 0 6.4%;
    flex-direction: column;
  }

  #we-hear-you .third-line h1 {
    font-size: 44px;
    line-height: 58px;
    align-self: center;
  }

}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION INTRODUCING
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#introducing {
  min-height: 958px;
}

#introducing .container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
  }

  #introducing .left-content {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 20px 0px 14px 0px;
  }

  #introducing .left-content h1 {
    margin-top: 70px;
    margin-left: 17.5%;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 42px;
    line-height: 49.31px;
  }

  #introducing .left-content .image {
    background-image: url(../../assets/images/page-credit-union/atrium.jpg);
    margin-right: 8px;
    min-height: 787px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #introducing .right-content {
    width: 48%;
    padding: 90px 40px 0px 0px;
  }

  #introducing .right-content .top {
    min-height: 350px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  #introducing .right-content .top h1,
  #introducing .right-content .top .introducing-span {
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 42px;
    line-height: 49.31px;
  }

  #introducing .right-content .top .introducing-span {
    color: #00B4EF;
  }

  #introducing .right-content .top h2 {
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 32px;
    line-height: 41.6px;
    color: #00B1F1;
  }

  #introducing .right-content .top p {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    width: 93%;
  }

  #introducing .introducing-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 1750px;
    width: 93%;
  }
  #introducing .introducing-card-container .introducing-card {
    min-height: 175px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
    border-radius: 8px;
    padding: 20px 32px 24px 20px;
    margin-bottom: 15px;
    text-align: left;
    border: 3px solid #FFFFFF;
  }

  #introducing .introducing-card-container .introducing-card p,
  #introducing .introducing-card-container .introducing-card .contact-span {
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
    margin: 0;
  }

  #introducing .introducing-card-container .introducing-card .contact-span {
    color: #0072BB;
    font-weight: 700;
  }

  #introducing .introducing-card-container .introducing-card .introducing-card-top {
    display: flex;
    height: fit-content;
    margin-bottom: 10px;
  }
  
  #introducing .introducing-card-container .introducing-card .introducing-card-top img {
    height: 32px;
  }

  #introducing .introducing-card-container .introducing-card .introducing-card-top h3 {
    margin: 0 0 0 10px;
    color: #004184;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
    line-height: 29.26px;
  }

  #introducing .container .input-group .news-input-field select {
    border: none;
    width: 100%;
    margin: 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000D42;
    align-self: center;
  }

  #introducing .container .input-group {
    display: flex;
    justify-content: space-between;
  }

  #introducing .container .input-group .news-input-field {
    position: relative;
    height: 53px;
    width: 30%;
    border: none;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #0072BB;
  }

  #introducing .news-selection {
    align-self: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #000D42;
    margin: 0;
    height: 100%;
    align-items: center;
  }

  #introducing .news-selection p {
    margin: 0px;
  }


  @media screen and (max-width: 1200px) {
    #introducing .container {
      flex-direction: column;
    }

    #introducing .right-content .top {
      flex-direction: row;
  }

    #introducing .left-content .image {
      background-size: contain;
    }

    #introducing .left-content,
    #introducing .right-content {
      width: 100%;
    }

    #introducing .left-content h1 {
      margin: 70px auto;
    }

    #introducing .right-content {
      padding: 50px 0px;
    }

    #introducing .introducing-card-container {
      width: 100%;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1200px)  {
    #introducing .right-content .top,
    #introducing .introducing-card-container .introducing-card {
      width: 80%;
      margin: 0 auto 40px;
  }
  }

  @media screen and (max-width: 576px) {
    #introducing {
      padding: 0px 6.4%;
    }

  #introducing .left-content h1,
  #introducing .right-content .top h1,
  #introducing .right-content .top .introducing-span {
    font-size: 36px;
    line-height: 38px;
    }

  #introducing .left-content .image {
    min-height: 515px;
    margin-right: 0px;
    }

    #introducing .right-content {
      padding: 50px 0px 0px 0px;
    }

    #introducing .right-content .top h1,
    #introducing .right-content .top .introducing-span {
      margin-bottom: 30px;
    }

    #introducing .right-content .top h2 {
    font-size: 24px;
    line-height: 31.6px;
    margin-bottom: 30px;
    }

    #introducing .introducing-card-container .introducing-card {
      margin-bottom: 30px;
    }

    #introducing .introducing-card-container .introducing-card .introducing-card-top h3 {
      font-size: 20px;
    line-height: 26px;
    }

  }  

  
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION RELIED ON
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#relied-on {
    background: var(--blue4);
    padding: 80px 10% 5% 11.5%;
  }

  #relied-on .container {
    display: flex;
    justify-content: space-between;
  }

  #relied-on .relied-on-content-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 44%;
    border-right: 1px solid #FFFFFF;
    min-height: 680px;
  }
  
  #relied-on .relied-on-content-left h1 {
    width: 90%;
    color: #FFFFFF;
  }
  
  #relied-on .relied-on-span {
    color: #00B4EF;
  }
  
  #relied-on .relied-on-content-left .stat {
    display: flex;
    width: 65%;
  }

  #relied-on .relied-on-content-left .stat .image-effect {
    width: 70px;
    height: 9vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
  }
  
  #relied-on .relied-on-content-left .stat .image-effect .image-div {
    width: 66px;
    height: 66px;
    color: var(--nav);
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
    overflow: hidden;
  }
  
  #relied-on .relied-on-content-left .stat .image-effect .image-div .image-div-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
    transition: transform 0.4s cubic-bezier(0.76, 0, 0.24, 1);
    transform-style: preserve-3d;
    will-change: transform;
  }
  
  #relied-on .relied-on-content-left .stat .image-effect .image-div .image-div-wrapper:hover {
    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  
  

  #relied-on .relied-on-content-left .stat p {
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    color: #FFFFFF;
    align-self: center;
    margin: 0% 0% 0% 7%;
  }
  
  #relied-on .stat img {
    height: 66px;
  }
  
  #relied-on .line {
    width: 1px;
    background: white;
    margin: 0px 11px;
  }
  
  #relied-on span {
    color: var(--blue1);
  }
  
  #relied-on .stat span {
    color: var(--blue1);
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
  }

  #relied-on .relied-on-content-right {
    width: 49%;
  }

  #relied-on .relied-on-content-right h1 {
    font-weight: 600;
    font-size: 42px;
    line-height: 49.31px;
    margin-bottom: 40px;
    width: 100%;
    color: #FFFFFF;
  }

  #relied-on .relied-on-content-right h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    color: #FFFFFF;
    margin-bottom: 22px;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card {
    color: #323232;
    background-color: #FFFFFF;
    width: 48%;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card .relied-on-card-top {
    display: flex;
    margin-bottom: 20px;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card .relied-on-card-top img {
    height: 32px;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card h3 {
    color: #004184;
    font-weight: 600;
    font-size: 18px;
    line-height: 21.94px;
    margin: 0 0 0 5%;
    align-self: center;
    text-align: left;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20.8px;
  }

  @media screen and (max-width: 992px) {
    #relied-on .container {
      display: block;
    }

  #relied-on .relied-on-content-left,
  #relied-on .relied-on-content-right {
    width: 100%;
    border-right: 0;
    text-align: center;
    min-height: 610px;
    margin-bottom: 70px;
  }

  #relied-on .relied-on-content-left .stat {
    display: flex;
    width: 100%;
  }

  #relied-on .relied-on-content-left h1 {
    font-weight: 600;
    font-size: 42px;
    line-height: 49.31px;
    margin-bottom: 20px;
    width: 100%;
    color: #FFFFFF;
    align-self: center;
  }
  
  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card p,
  #relied-on .relied-on-content-left .stat p {
    text-align: start;
  }

}

@media screen and (min-width: 767px) and (max-width: 992px) {
  #solutions-for .solutions-for-content .point {
    height: 172px;
    width: 48%;
    margin-bottom: 30px;
  }
  
  #solutions-for .solutions-for-content .solutions-for-card-details {
    width: 48%;
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  #relied-on {
    padding: 80px 6.4% 5% 6.4%;
  }

#relied-on .relied-on-content-left h1 {
  font-size: 36px;
  line-height: 38px;
}

  #relied-on .relied-on-content-right .relied-on-cards-box {
    flex-direction: column;
  }

  #relied-on .relied-on-content-right .relied-on-cards-box .relied-on-card {
    width: 85%;
    margin: 10px auto;
  }
 
  #relied-on .relied-on-content-right h1 {
    font-size: 36px;
    line-height: 38px;
  }

}

  
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION SOLUTIONS FOR
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#solutions-for {
  padding: 80px 10% 5% 0%;
}

#solutions-for .container {
  max-width: 1465px;
  padding-left: 0;

}

#solutions-for .solutions-for-content {

}

#solutions-for h1 {
  text-align: center;
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-transform: uppercase;
  padding-left: 16%;
}

#solutions-for h2 {
  color: #00B1F1;
  text-align: center;
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  padding-left: 16%;
  margin-bottom: 60px;
}

#solutions-for .solutions-for-content .solutions-for-content-1,
#solutions-for .solutions-for-content .solutions-for-content-2,
#solutions-for .solutions-for-content .solutions-for-content-3 {
  display: flex;
  justify-content: space-between;
}

#solutions-for .solutions-for-content .point {
  background-size: contain;
  background-repeat: no-repeat;
  height: 172px;
  width: 51%;
  margin-bottom: 30px;
}

#solutions-for .solutions-for-content .point-1 {
  background-image: url(../../assets/images/page-credit-union/group1.png);
}

#solutions-for .solutions-for-content .point-2 {
  background-image: url(../../assets/images/page-credit-union/group3.png);
}

#solutions-for .solutions-for-content .point-3 {
  background-image: url(../../assets/images/page-credit-union/group2.png);
}

#solutions-for .solutions-for-content .point-1 h2 {
  color: #FFFFFF;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 24px;
  line-height: 29.26px;
  z-index: 6;
  padding-top: 64px;
}

#solutions-for .solutions-for-content .solutions-for-card-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #FFFFFF;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  border-radius: 8px;
  padding: 20px 32px 24px 20px;
  margin: 20px 0;
  text-align: left;
  border: 3px solid #FFFFFF;
  width: 42%;
  transform: scale(1);
  transition-duration: 0.3s;
}

#solutions-for .solutions-for-content-1 .point-1:hover ~ .card-1,
#solutions-for .solutions-for-content-2 .point-2:hover ~ .card-2,
#solutions-for .solutions-for-content-3 .point-3:hover ~ .card-3 {
	transform: scale(1.03);
  transition: all ease-in-out;
  transition-duration: 0.5s;
}

#solutions-for .solutions-for-content .card-3 {
  height: auto;
}

#solutions-for .solutions-for-content .solutions-for-card-details h3 {
  font-family: 'Monserrat';
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  color: #004184;
  text-align: start;
  width: 98%;
  margin-bottom: 12px;
}

#solutions-for .solutions-for-content .solutions-for-card-details .card-details-row {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 7px;
}

#solutions-for .solutions-for-content .solutions-for-card-details .checkmark {
  background-image: url(../../assets/images/page-credit-union/checkmark.png);
  margin-right: 8px;
  min-width: 20px;
  min-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  align-self: flex-start;
}

#solutions-for .solutions-for-content .solutions-for-card-details .card-text {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  text-align: start;
}

@media screen and (min-width: 767px) and (max-width: 992px) {
  #solutions-for .solutions-for-content .point {
    height: 172px;
    width: 50%;
    margin-bottom: 30px;
  }
  
  #solutions-for .solutions-for-content .solutions-for-card-details {
    width: 48%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  
#solutions-for .solutions-for-content .solutions-for-content-1,
#solutions-for .solutions-for-content .solutions-for-content-2,
#solutions-for .solutions-for-content .solutions-for-content-3 {
  display: block;
  margin-bottom: 50px;
}

  #solutions-for .solutions-for-content .point {
    height: 130px;
    width: 100%;
    margin-bottom: 5px;
  }
  
  #solutions-for .solutions-for-content .solutions-for-card-details {
    width: 100%;
    height: auto;
    margin-left: 6%;
  }
}

@media screen and (max-width: 576px) {
  #solutions-for h1 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 30px;
  }

  #solutions-for h2 {
    font-size: 28px;
    line-height: 36.6px;
  }
} 

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION ACCURATE PROPERTY 
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#accurate-property {
  min-height: 749px;
  background: #F2F7FA;
  font-family: 'Raleway';
  font-style: normal;
  padding: 100px 11.5%;
}

#accurate-property h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  text-transform: uppercase;
  color: #00B4EF;
  text-align: center;
  margin-bottom: 30px;
}

#accurate-property .blue-text-span {
  color: #000D42;
}

#accurate-property h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: #323232;
}

#accurate-property .accurate-property-content {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
}

#accurate-property .column {
  width: 49%;
  display: flex;
  flex-direction: column;
}

#accurate-property .accurate-property-item {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 16px;
}

#accurate-property .accurate-property-item:hover {
  box-shadow: 8px 12px 16px rgba(0, 6, 31, 0.32);
}

#accurate-property .accurate-property-item:hover {
  box-shadow: 8px 12px 16px rgba(0, 6, 31, 0.32);
}

#accurate-property .accurate-property-icon {
  height: 100%;
  width: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  border-radius: 8px 0px 0px 8px;
  background-color: #5DD4FF;
}

#accurate-property .accurate-property-icon img {
  width: 56px;
  height: 56px;
}

#accurate-property .accurate-property-item .content {
  display: flex;
  flex-direction: column;
  margin: 20px 6px 20px 24px
}

#accurate-property .accurate-property-content .accurate-property-item h3 {
  font-family: "Monserrat"!important;
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  color: #004184;
}

#accurate-property .accurate-property-content .accurate-property-item p {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  color: #323232;
  max-width: 90%;
  margin: 0;
}

#accurate-property .accurate-property-content .column-right {
  width: 47.5%;
  justify-content: space-evenly;
}

#accurate-property .accurate-property-content .column-right h2 {
  color: #00B1F1;
  font-family: "Raleway";
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  text-align: center;
}

#accurate-property .accurate-property-content .column-right h3 {
  color: #000D42;
  font-family: "Raleway";
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  text-align: center;
}


#accurate-property .accurate-property-content .column-right .accurate-property-right-image {
  background-image: url(../../assets/images/page-credit-union/Accurate.jpg);
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-start;
  width: 100%;
  height: 424px;
}


@media screen and (max-width: 992px) {
  #accurate-property .accurate-property-content {
    display: block;
  }

#accurate-property .column,
#accurate-property .accurate-property-content .column-right {
  width: 100%;
}

#accurate-property .accurate-property-content .column-right {
  margin-top: 50px;
  min-height: 800px;
}

#accurate-property h1 {
  margin-bottom: 50px;
}

}

@media screen and (max-width: 576px) {
  #accurate-property .accurate-property-content .column-right {
    min-height: 650px;
  }

  #accurate-property .accurate-property-content .column-right h2,
  #accurate-property .accurate-property-content .column-right h3 {
    font-size: 28px;
    line-height: 36px;
  }

  #accurate-property .accurate-property-icon {
    min-height: 230px;
  }

  #accurate-property .accurate-property-content .accurate-property-item p {
    font-size: 14px;
    line-height: 18px;
    max-width: 100%;
  }
}

@media screen and (min-width: 577px) and (max-width: 992px)  {
  #accurate-property .accurate-property-icon {
    min-height: 170px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
          SECTION OUR REPORTING
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#our-reporting {
  font-family: 'Raleway';
  font-style: normal;
  position: relative;
  padding: 100px 0px 104px;
  background: #000D42;
  padding: 100px 10.7%;
  height: 701px;
}

#our-reporting h1 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-align: left;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 10px;
}

#our-reporting .our-reporting-span {
  color: #00B4EF;
}

#our-reporting h2 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px; 
  color: #00B1F1;
  margin-bottom: 40px;
}

#our-reporting .container h5 {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #FFFFFF;
  margin-bottom: 22px;
}

#our-reporting .our-reporting-box {
  display: flex;
  justify-content: space-around;
  z-index: 11;
  position: relative;
}

#our-reporting .our-reporting-box .our-reporting-card {
  text-align: left;
  background: #F2F7FA;
  height: 562px;
  width: 45.5%;
  border-radius: 8px;
}

#our-reporting .our-reporting-box .our-reporting-card .content {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

#our-reporting .our-reporting-box .our-reporting-card .content .stats {
  padding: 20px 20px 0px 20px;
}

#our-reporting .our-reporting-box .our-reporting-card .content .stats .stats-row1 {
  display: flex;
  justify-content: space-between;
  padding-left: 90px;
}

#our-reporting .our-reporting-box .our-reporting-card .content .stats .stats-row {
  display: flex;
  justify-content: space-between;
}

#our-reporting .our-reporting-box .our-reporting-card .content .stats .stats-row p,
#our-reporting .our-reporting-box .our-reporting-card .content .stats p {
  color: #000D42;
}

#our-reporting .our-reporting-box .our-reporting-card .content .image-divi {
  position: relative;
  height:275px;
  padding: 20px;
}

#our-reporting .our-reporting-box .our-reporting-card .content .image-divi .image { 
  width: 100%;
  height: 100%;
  background-size: 700px 500px;
  background-repeat: no-repeat;
  background-position: bottom;
}

#our-reporting .our-reporting-box .our-reporting-card .content .image-divi .image-0 { 
  background-image: url(../../assets/images/page-credit-union/Group_448.jpg);
  background-size: cover;
}

#our-reporting .our-reporting-box .our-reporting-card .content .image-divi .image-1 { 
  background-image: url(../../assets/images/page-credit-union/woman-hands.jpg);
  background-size: cover;
}

#our-reporting .our-reporting-box .our-reporting-card .content .headline {
  width: 100%;
  min-height: 110px;
  background-color: #00B4EF;
  border-radius: 8px 8px 0 0;
}

#our-reporting .our-reporting-box .our-reporting-card .content .headline h4,
#our-reporting .our-reporting-box .our-reporting-card .content .headline h3 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 31.2px;
  color: #FFFFFF;
  padding: 40px 20px 0px 20px;
}

#our-reporting .our-reporting-box .our-reporting-card .content h3 {
  padding-top: 25px!important;
}

#our-reporting .our-reporting-box .our-reporting-card .content h2 {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 24px;
  line-height: 31.2px;
  color: #000D42;
  padding: 50px 20px 0px 20px;
  margin: 0;
}

.our-reporting-card .content:hover h5 {
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.our-reporting-card .content .headline p {
  display: none;
}

.our-reporting-card .profile {
  width: 100%;
  height: 100%;
}

.our-reporting-card .content:hover .headline p {
  display: block;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  z-index: 2;
  position: absolute;
  width: 87%;
  padding-top: 14px;
}

@media screen and (min-width: 768px) and (max-width: 1143px) {
  #our-reporting .our-reporting-box .our-reporting-card .content .headline h4,
  #our-reporting .our-reporting-box .our-reporting-card .content .headline h3 {
    padding: 20px 20px 0px 20px;
  }

  #our-reporting .our-reporting-box .our-reporting-card .content h3 {
    padding-top: 10px!important;
}
}

@media screen and (min-width: 768px) and (max-width: 1143px) {
  #our-reporting .our-reporting-box .our-reporting-card .content .stats .stats-row {
    font-size: 16px;
  }

  
#our-reporting .our-reporting-box .our-reporting-card .content h2 {
  padding: 30px 20px 0px 20px;
}

#an-avm .an-avm-content {
  display: block;

}

#an-avm .left {
  float: left;
}
}

@media screen and (max-width: 768px) {
  #our-reporting .our-reporting-box {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

#our-reporting .our-reporting-box .our-reporting-card {
  width: 100%;
  margin-bottom: 50px;
}

#our-reporting {
  height: fit-content;
}
}

@media screen and (max-width: 576px) {
  #our-reporting {
    padding: 100px 6.4%;;
  }
  
  #our-reporting h1 {
    font-size: 36px;
    line-height: 38px;
  }

  #our-reporting h2 {
    font-size: 28px;
    line-height: 36.6px;
  }

  #our-reporting .container h5 {
    margin-bottom: 40px;
  }

  #our-reporting .our-reporting-box .our-reporting-card {
    margin-bottom: 40px;
  }

  #our-reporting .our-reporting-box .our-reporting-card .content h2 {
    font-size: 18px;
    line-height: 26px;
  }
} 

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION AN AVM
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#an-avm {
  padding: 100px 11.5%;
  font-family: 'Raleway';
  font-style: normal;
  background: white;
  min-height: 1050px;
  padding: 350px 11.5% 30px 11.5%;
}

#an-avm .right h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  color: var(--blue4);
  text-transform: uppercase;
}

#an-avm .right h4 {
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  color: #00B4EF;
}

#an-avm p,
#an-avm .an-avm-span {
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
}

#an-avm .an-avm-span,
#an-avm .an-avm-span1 {
  color: #00B4EF;
}

#an-avm .an-avm-content {
  display: flex;
  justify-content: space-between;
}

#an-avm .left {
  min-height: 423px;
  width: 48.5%;
  border-radius: 20px;
  background: url('../images/page-credit-union/image_10.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

#an-avm .right {
  width: 48.8%;
  padding-top: 20px;
}

#an-avm h2 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: var(--blue1);
}

#an-avm .an-avm-list {
  margin: 20px 0px 4px;
  list-style-type: none;
}

#an-avm li {
  display: flex;
  margin-bottom: 22px;
  align-items: start;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  width: 90%;
  color: #323232;
}

#an-avm li img {
  margin-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1143px) {
  #an-avm  {
    padding: 430px 11.5% 30px 11.5%;
  }

  #an-avm .an-avm-content {
    display: block;
  }

  #an-avm .left {
    float: left;
    width: 45.5%;
  }

  #an-avm .right {
    width: 100%;
  }

}

@media screen and (max-width: 768px) {
  #an-avm {
    padding: 30px 11.5% 30px 11.5%;
  }

  #an-avm .an-avm-content {
    display: flex;
    flex-direction: column;
  }
  
  #an-avm .right,
  #an-avm .left {
    width: 100%;
  }
  
}

@media screen and (max-width: 576px) {
  #an-avm {
    padding: 60px 6.4% 30px 6.4%;
  }

  #an-avm .right h2 {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
  }

  #an-avm .right h4 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }

} 
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION WHAT MAKES
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#what-makes {
  font-family: 'Raleway';
  font-style: normal;
  background: white;
  min-height: 810px;
}

#what-makes .top {
  min-height: 400px;
  background-color: #000D42;
  display: flex;
  justify-content: space-between;
}


#what-makes .top .left-content {
  width: 40%;
  position: relative;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url(../../assets/images/page-credit-union/Business_verification.jpg);
  background-color: #000D42;
  background-size: cover;
  border-radius: 0;
}

#what-makes .top .left-content .overshadow {
  position: absolute;
  right: 0px;
  height: -webkit-fill-available;
  width: 107px;
  background: linear-gradient(-90deg, #000D42 0%, rgba(0, 13, 66, 0) 100%);
}

#what-makes .top .right-content {
  width: 60%;
  position: relative;
}

#what-makes .top .right-content h2 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  padding: 150px 21% 0px 18.52%;
  color: #FFFFFF;
}

#what-makes .top .right-content .right-content-span {
  color: #00B4EF;
}

#what-makes .what-makes-content {
  padding: 44px 11.5% 0px 11.5%;
  display: flex;
  justify-content: space-between;
}

#what-makes .what-makes-content .left {
  width: 48.5%;
}

#what-makes .what-makes-content .left h4 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #00B1F1;
}

#what-makes .what-makes-content .right {
  width: 48.8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#what-makes .what-makes-content .right p {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  margin: 0;
}

#what-makes .left .what-makes-list {
  margin: 20px 0px 4px;
  list-style-type: none;
}

#what-makes .what-makes-content .left .what-makes-list li {
  display: flex;
  margin-bottom: 22px;
  align-items: start;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  width: 90%;
  color: #323232;
}

#what-makes .what-makes-content .left .what-makes-list li  img {
  margin-right: 10px;
}

#what-makes .what-makes-content .right .right-image {
  height: 107px;
  border-radius: 20px;
  background: url('../images/page-credit-union/image_812.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}


@media screen and (max-width: 767px) {

  #what-makes .top .right-content h2 {
    padding: 80px 18% 0px 18.52%;
    font-size: 36px;
  }

  
#what-makes .what-makes-content {
  padding: 44px 11.5% 0px 11.5%;
  flex-direction: column;
}

#what-makes .what-makes-content .left,
#what-makes .what-makes-content .right {
  width: 100%;
}

#what-makes .what-makes-content .right .right-image {
  margin: 35px 0px;
}

} 

@media screen and (min-width: 768px) and (max-width: 1165px) {

  #what-makes .top .right-content h2 {
    padding: 100px 18% 0px 18.52%;
  }

}

@media screen and (max-width: 576px) {
  #what-makes .what-makes-content {
    padding: 44px 6.4% 0px;
    display: flex;
    justify-content: space-between;
  }

  #what-makes .top .right-content h2 {
    font-size: 32px;
    line-height: 38px;
    padding: 50px 38% 0px 0px;
  }

  #what-makes .top .left-content .overshadow {
    width: 80px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION ADD TO YOUR
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#add-to-your {
  font-family: 'Raleway';
  font-style: normal;
  background-color: #F2F7FA;
  height: 637px;
}

#add-to-your .add-to-your-content {
  padding: 0px 0% 0px 11.5%;
  display: flex;
  justify-content: space-between;
  height: inherit;
}

#add-to-your .add-to-your-content .add-to-your-left {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

#add-to-your .add-to-your-content .add-to-your-span {
  color:#00B4EF;
}

#add-to-your .add-to-your-content .add-to-your-left h1 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
}

#add-to-your .add-to-your-content .add-to-your-left p {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
}

#add-to-your .add-to-your-content .add-to-your-right {
  width: 56%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#add-to-your .add-to-your-content .add-to-your-right p {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  margin: 0;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

#add-to-your .add-to-your-content .add-to-your-right .right-image {
  height: -webkit-fill-available;
  background: url('../images/page-credit-union/Mask_ggroup.png');
  background-repeat: no-repeat;
  background-size: cover;
}

#add-to-your .add-to-your-content .add-to-your-right .right-image:hover {
  animation: shake 0.9s;
  animation-iteration-count: 2;
}

#add-to-your .add-to-your-content .add-to-your-left-box {
  height: 137px;
  max-width: 539px;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 16px;
  justify-content: space-evenly;
}

#add-to-your .add-to-your-content .add-to-your-left-box .content {
  width: 66%;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
}

@media screen and (max-width: 992px) {
  #add-to-your {
    height: fit-content;
  }

  #add-to-your .add-to-your-content {
    flex-direction: column;
  }

  #add-to-your .add-to-your-content .add-to-your-left,
  #add-to-your .add-to-your-content .add-to-your-right {
    width: 100%;
    padding: 30px 0px;
  }

  #add-to-your .add-to-your-content .add-to-your-left {
    min-height: 540px;
    padding: 30px 11.5% 30px 0%;
  }

  #add-to-your .add-to-your-content .add-to-your-right .right-image {
    height: 580px;
  }

  #add-to-your .add-to-your-content .add-to-your-left-box {
    width: 80%;
  }

}


@media screen and (max-width: 767px) {
  #add-to-your .add-to-your-content .add-to-your-left-box {
    flex-direction: column;
    min-height: 300px;
    margin: auto;
  }

  #add-to-your .add-to-your-content .add-to-your-left-box .content {
    width: 80%;
  }
    
#add-to-your .add-to-your-content .add-to-your-left h1,
#add-to-your .add-to-your-content .add-to-your-left p {
  margin-bottom: 30px;
}


}

@media screen and (max-width: 576px) {
 
#add-to-your .add-to-your-content {
  padding: 0px 0% 0px 6.4%;
  display: flex;
  justify-content: space-between;
  height: inherit;
}

  #add-to-your .add-to-your-content .add-to-your-left {
    min-height: 540px;
    padding: 30px 6.4% 30px 0%;
}

  #add-to-your .add-to-your-content .add-to-your-right .right-image {
    background-size: contain;
    height: 300px;
    background-position: right;
  }
  
#add-to-your .add-to-your-content .add-to-your-left h1 {
  font-size: 36px;
  line-height: 38px;
}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION VIRTUAL FIELD
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#virtual-field {
  min-height: 780px;
}

#virtual-field .top {
  min-height: 170px;
  padding: 55px 11.5%;
}

#virtual-field .top h1 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-align: center;
}

#virtual-field .virtual-field-content {
  display: flex;
  justify-content: space-between;
  padding: 44px 11.5% 0px 11.5%;
  height: 550px;
}

#virtual-field .virtual-field-content .virtual-field-left {
  width: 48.5%;
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/building3D.png);
  background-size: contain;
}

#virtual-field .virtual-field-content .virtual-field-right {
  width: 48.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#virtual-field .virtual-field-content .virtual-field-right h2 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 49.6px;
  color: #00B1F1;
  margin-bottom: 24px;
  border-top: 1px solid #00B4EF;
  border-bottom: 1px solid #00B4EF;
  padding: 20px 0px;
}

#virtual-field .virtual-field-content .virtual-field-right p {
  margin-bottom: 24px;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  width: 100%;
}

#virtual-field .virtual-field-content .virtual-field-right .virtual-field-right-logo {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Logo.png);
  background-size: contain;
  height: 52px;
  background-position: right;
}

#virtual-field .virtual-field-span {
  color: #00B4EF;
}


@media screen and (min-width: 768px) and (max-width: 1300px) {
  #virtual-field {
    min-height: 820px;
  }

  #virtual-field .virtual-field-content {
    display: block;
  }

  #virtual-field .virtual-field-content .virtual-field-left {
    float: right;
    min-height: 300px;
    margin-left: 10px;
  }

  #virtual-field .virtual-field-content .virtual-field-right {
    width: 100%;
    display: block;
  }

  #virtual-field .virtual-field-content .virtual-field-right h2 {
    width: 44%;
  }

  #virtual-field .virtual-field-content .virtual-field-right p {
    padding-top: 24px;
  }
}

@media screen and (max-width: 768px)  {
  #virtual-field .virtual-field-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 44px 11.5% 44px 11.5%
  }

  #virtual-field .virtual-field-content .virtual-field-left {
    float: none;
    min-height: 300px;
    margin-left: 0px;
    margin-bottom: 50px;
    width: 100%;
    background-position: center;
  }

  #virtual-field .virtual-field-content .virtual-field-right {
    width: 100%;
    display: block;
  }

  #virtual-field .virtual-field-content .virtual-field-right h2 {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  #virtual-field .top h1 {
    font-size: 36px;
    line-height: 38px;
  }
  
  #virtual-field .virtual-field-content {
    padding: 44px 6.4% 0px;
  }

  #virtual-field .virtual-field-content .virtual-field-right h2 {
    font-size: 28px;
    line-height: 36px;
  }

  #virtual-field .virtual-field-content .virtual-field-right p {
    margin-bottom: 40px;
  }

  #virtual-field .virtual-field-content .virtual-field-right {
    margin-bottom: 40px;
  }

} 

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION MARKETS WE
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#markets-we {
  position: relative;
  background: var(--blue4);
  font-family: 'Raleway';
  font-style: normal;
  padding: 0px 9.5% 60px 11.5%;
}

#markets-we .top {
  position: relative;
  z-index: 20;
  margin-bottom: 50px;
  height: fit-content;
}

#markets-we .top .content {
  padding: 128px 11.5% 25px 11.5%;
  text-align: center;
}

#markets-we .top .content .markets-we-span {
  color: #00B4EF;
}

#markets-we .top h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  color: #FFFFFF;
  margin-bottom: 10px;

}

#markets-we .top h2 {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  color: var(--blue1);
}

#markets-we .bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1400px;
}

#markets-we .container-1,
#markets-we .container-2,
#markets-we .container-3 {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  width: 30%;
}

#markets-we .list-card {
  height: 330px;
}

#markets-we .list-card-1 ul,
#markets-we .list-card-1-1 ul,
#markets-we .list-card-2 ul,
#markets-we .list-card-3 ul,
#markets-we .list-card-4 ul,
#markets-we .list-card-5 ul {
  width: 90%;
}

#markets-we .list-card ul {
  margin-bottom: 0px;
}

#markets-we h3 {
  font-family: 'Raleway';
  margin: 10px 0 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 23.4px;
  color: #FFFFFF;
  width: 80%;
  text-transform: uppercase;
}

#markets-we li {
  font-family: 'Raleway';
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #FFFFFF;
}

@media screen and (min-width: 1100px) and (max-width: 1400px) {
  #markets-we .list-card {
    height: 385px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1099px) {
  #markets-we .list-card {
    height: 430px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  #markets-we .list-card {
    height: 540px;
  }
}

@media screen and (max-width: 768px) {
  #markets-we .bottom {
    flex-direction: column;
  }

  #markets-we .container-1,
   #markets-we .container-2,
    #markets-we .container-3 {
    width: 100%;
    margin-bottom: 30px;
  }

  #markets-we .container-1, #markets-we .container-2, #markets-we .container-3 {
    min-height: 550px;
    
  }
}

@media screen and (max-width: 576px) {
  #markets-we {
    padding: 0px 6.4% 0px;
  }

    #markets-we .top h1 {
      font-size: 36px;
      line-height: 38px;
  }

  #markets-we h3,
  #markets-we .list-card ul {
    width: 100%;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION DO IT YOURSELF
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#do-it-yourself {
  padding: 100px 11.5%;
  font-family: 'Raleway';
  font-style: normal;
  background: white;
  min-height: 1090px;
  padding: 80px 11.5% 0 11.5%;
}

#do-it-yourself .top .do-it-yourself-box {
  min-height: 137px;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-evenly;
}

#do-it-yourself .top .do-it-yourself-box .do-it-yourself-3d {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  text-align: center;
  animation: animation1 5s 1s alternate infinite;
}

@keyframes animation1 {
  from {
    transform: scale(0.7)
  }

  to {
    transform: scale(1)
  }
}


#do-it-yourself .top .do-it-yourself-box .do-it-yourself-3d h1 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 32px;
  line-height: 37.57px;
  text-transform: uppercase;
  color: #00B4EF;
  margin: revert;
  width: inherit;
}

#do-it-yourself .top .do-it-yourself-box .do-it-yourself-content h1,
#do-it-yourself .top .do-it-yourself-box .do-it-yourself-content .do-it-yourself-span {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-transform: uppercase;
}

#do-it-yourself .top .do-it-yourself-box .do-it-yourself-content h1 {
  margin-left: 20px;
}

#do-it-yourself .top .do-it-yourself-box .do-it-yourself-content .do-it-yourself-span {
  color: #00B4EF;
}

#do-it-yourself .left h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color:#323232;
}

#do-it-yourself .left h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #00B4EF;
  margin: 20px 0px;
}

#do-it-yourself p,
#do-it-yourself .do-it-yourself-span {
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
}

#do-it-yourself .do-it-yourself-span,
#do-it-yourself .do-it-yourself-span1 {
  color: #00B4EF;
}

#do-it-yourself .do-it-yourself-content {
  display: flex;
  justify-content: space-between;
}

#do-it-yourself .right .top-image {
  min-height: 423px;
  background: url('../images/page-credit-union/Field_network_1.jpg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 100px;
  transform: scale(1);
  transition-duration: 0.3s;
}

#do-it-yourself .right .top-image:hover {
	transform: scale(1.1);
  transition: all ease-in-out;
  transition-duration: 0.5s;
}

#do-it-yourself .right .do-it-yourself-logo {
  min-height: 52px;
  background: url('../images/page-credit-union/Logo.png');
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 16px;
  margin-right: 30px;
}

#do-it-yourself .left {
  width: 48.8%;
  padding-top: 20px;
} 

#do-it-yourself .right {
  width: 48.8%;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
} 

#do-it-yourself .left {
  width: 48.8%;
  padding-top: 20px;
}

#do-it-yourself h2 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  color: var(--blue1);
}

#do-it-yourself .do-it-yourself-list {
  margin: 20px 0px 4px;
  list-style-type: none;
}

#do-it-yourself li {
  display: flex;
  margin-bottom: 8px;
  align-items: start;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  width: 90%;
  color: #323232;
}

#do-it-yourself li img {
  margin-right: 10px;
}

@media screen and (max-width: 1200px) {

  #do-it-yourself .do-it-yourself-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
  }

  
  #do-it-yourself .do-it-yourself-content .left,
  #do-it-yourself .do-it-yourself-content .right {
    width: 100%;
  } 

  #do-it-yourself .right .top-image {
    margin: 40px 0px;
}

#do-it-yourself .left h4 {
  width: 97%;
}

}

@media screen and (max-width: 576px) {
  #do-it-yourself {
    padding: 80px 6.4% 0;
    font-family: 'Raleway';
    font-style: normal;
    background: white;
    min-height: 1090px;
  }
  #do-it-yourself .top .do-it-yourself-box {
    flex-direction: column;
  }
  
  #do-it-yourself .right {
    padding: 0;
  } 

  #do-it-yourself .top .do-it-yourself-box .do-it-yourself-3d {
    margin-bottom: 40px;
  }

  #do-it-yourself .right .top-image {
    min-height: 300px;
  }

  #do-it-yourself .top .do-it-yourself-box .do-it-yourself-content h1,
   #do-it-yourself .top .do-it-yourself-box .do-it-yourself-content .do-it-yourself-span {
    font-size: 36px;
    line-height: 38px;
   }

}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION NCCI UTILIZES
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#nnci-utilizes {
  min-height: 691px;
}

#nnci-utilizes .top {
  min-height: 170px;
  padding: 55px 11.5%;
}

#nnci-utilizes .nnci-utilizes-content {
  display: flex;
  justify-content: space-between;
  padding: 44px 8.5% 70px 11.5%;
  position: relative;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-right {
  width: 48.5%;
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/image_14.png);
  background-size: contain;
  background-position: right;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-center {
  width: 351px;
  height: 245px;
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Mask_group.png);
  background-size: contain;
  background-position: bottom;
  position: absolute;
  left: 37%;
  bottom: 0;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left {
  width: 42%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left h2 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  margin-bottom: 16px;
  padding: 20px 0px;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left p {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  width: 77%;
}

#nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left .nnci-utilizes-left-logo {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Logo.png);
  background-size: contain;
  height: 52px;
  background-position: right;
}

#nnci-utilizes .nnci-utilizes-span {
  color: #00B4EF;
}

@media screen and (max-width: 576px) {
  #nnci-utilizes .nnci-utilizes-content {
    padding: 44px 4.5% 70px 6.4%;
    flex-direction: column;
  }

  #nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left h2 {
    font-size: 32px;
    line-height: 38px;
  }

  #nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left,
  #nnci-utilizes .nnci-utilizes-content .nnci-utilizes-left p {
    width: 100%;
  }

  #nnci-utilizes .nnci-utilizes-content .nnci-utilizes-center {
    right: 0%;
    left: auto;
    width: 195px;
    height: 158px;
  }

  #nnci-utilizes .nnci-utilizes-content .nnci-utilizes-right {
    height: 339px;
    width: 63.5%;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION SAY CHEESE
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#say-cheese {
  min-height: 803px;
  background-color: #EFF2F7;
}

#say-cheese .say-cheese-content h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  margin-bottom: 10px;
}

#say-cheese .say-cheese-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 70px 9.5% 70px 11.5%;
}

#say-cheese .say-cheese-content .left .say-cheese-image {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/3D_Services.jpg);
  background-size: contain;
  height: 400px;

}

#say-cheese .say-cheese-content .left {
  width: 48.5%;
  height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#say-cheese .say-cheese-content .right {
  width: 48.5%;

}

#say-cheese .say-cheese-content .right h1 {
  margin-bottom: 25px;
  padding-right: 25px;
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  color: #00B4EF;
}

#say-cheese .say-cheese-content .right .list-card-content {
  display: flex;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box .relied-on-card {
  color: #323232;
  width: 47%;
  padding: 10px 0px 24px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box .relied-on-card .relied-on-card-top {
  display: flex;
  margin-bottom: 10px;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box .relied-on-card .relied-on-card-top img {
  height: 32px;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box .relied-on-card .relied-on-card-top h3 {
  color: #004184;
  font-weight: 600;
  font-size: 18px;
  line-height: 21.94px;
  margin: 0 0 0 5%;
  align-self: center;
}

#say-cheese .say-cheese-content .right  .relied-on-cards-box .relied-on-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  margin: 0;
}
#say-cheese h3 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 18px;
  line-height: 21.94px;
  align-self: center;
}

#say-cheese li {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
}

@media screen and (max-width: 992px) {
  #say-cheese .say-cheese-content {
    flex-direction: column;
  }

  #say-cheese .say-cheese-content .left,
  #say-cheese .say-cheese-content .right {
    width: 100%;
    justify-content: space-evenly;
  }

  #say-cheese .say-cheese-content .left .say-cheese-image {
    background-position: center;
  }

  #say-cheese .say-cheese-content h1 {
    text-align: center;
  }

}

@media screen and (max-width: 576px) {
  #say-cheese .say-cheese-content {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 70px 6.4% 70px;
  }

  #say-cheese .say-cheese-content h1,
  #say-cheese .say-cheese-content .right h1 {
    font-size: 36px;
    line-height: 38px;
  }

  #say-cheese .say-cheese-content .right h1 {
    margin-top: 30px;
  }

  #say-cheese .say-cheese-content .left {
    height: 450px;
  }

  #say-cheese .say-cheese-content .right .relied-on-cards-box {
    flex-direction: column;
  }

  #say-cheese .say-cheese-content .right .relied-on-cards-box .relied-on-card {
    width: 100%;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION WE MAKE SURE
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#we-make-sure {
  position: relative;
  background: var(--blue4);
  font-family: 'Raleway';
  font-style: normal;
}

#we-make-sure .top {
  position: relative;
  z-index: 20;
  margin-bottom: 50px;
  height: fit-content;
}

#we-make-sure .top .content {
  padding: 128px 11.5% 25px 11.5%;
  text-align: center;
}

#we-make-sure .top .content .we-make-sure-span {
  color: #00B4EF;
}

#we-make-sure .top h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  color: #FFFFFF;
  margin-bottom: 10px;

}

#we-make-sure .bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0px 9.5% 60px 11.5%;
}

#we-make-sure .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#we-make-sure .bottom .list-card {
  width: 23%;
}

#we-make-sure .bottom .list-card .we-make-sure-image {
  margin-bottom: 20px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 144px;
}

#we-make-sure .bottom .list-card .we-make-sure-image1 {
  background-image: url(../../assets/images//page-credit-union/2DFloor.jpg);
}

#we-make-sure .bottom .list-card .we-make-sure-image2 {
  background-image: url(../../assets/images//page-credit-union/floorplans1.jpg);
}

#we-make-sure .bottom .list-card .we-make-sure-image3 {
  background-image: url(../../assets/images//page-credit-union/unsplash.jpg);
}

#we-make-sure .bottom .list-card .we-make-sure-image4 {
  background-image: url(../../assets/images//page-credit-union/aerial_view.jpg);
}


#we-make-sure .bottom .list-card h4 {
  font-family: 'Raleway';
  color: #00B4EF;
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  margin-bottom: 20px;
  text-transform: uppercase;
  height: 55px;
}

#we-make-sure .list-card ul {
  margin-bottom: 0px;
  width: 90%;
}

#we-make-sure h3 {
  font-family: 'Raleway';
  margin: 10px 0 10px;
  font-weight: 600;
  font-size: 18px;
  line-height: 23.4px;
  color: #FFFFFF;
  width: 80%;
  text-transform: uppercase;
}

#we-make-sure li {
  font-family: 'Raleway';
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #FFFFFF;
}



@media screen and (max-width: 1350px) {
  #we-make-sure .bottom {
    height: max-content;
  }

  #we-make-sure .container {
    flex-wrap: wrap;
  }

  #we-make-sure .bottom .list-card {
    width: 45%;
    margin-bottom: 80px;
}

#we-make-sure .bottom .list-card .we-make-sure-image {
  min-height: 220px;
  margin-bottom: 30px;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
#we-make-sure .bottom .list-card .we-make-sure-image {
  min-height: 178px;
  margin-bottom: 20px;
}

}

@media screen and (min-width: 577px) and (max-width: 767px) {
  #we-make-sure .bottom .list-card .we-make-sure-image {
    min-height: 178px;
    margin-bottom: 0px;
  }
  
}

@media screen and (max-width: 576px) {
  #we-make-sure .top h1 {
    font-size: 36px;
    line-height: 38px;
  }

  #we-make-sure .bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0px 6.4% 60px;
  }

  #we-make-sure .bottom .list-card {
    width: 100%;
  }

  #we-make-sure .list-card ul {
    margin-top: 30px;
    width: 100%;
  }
  
  #we-make-sure .bottom .list-card h4 {
    height: fit-content;
  }
  
  #we-make-sure .bottom .list-card .we-make-sure-image {
    min-height: 280px;
    margin-bottom: 0px;
}

}

@media screen and (max-width: 500px) {
  #we-make-sure .list-card ul {
    margin-top: 0px;
  }

  #we-make-sure .bottom .list-card .we-make-sure-image {
    min-height: 250px;
    margin-bottom: 0px;
}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION TRANSFORMING
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#transforming {
  min-height: 960px;
  position: relative;
  padding: 100px 11.5%;
  background-color: #CDDDFF;
}

#transforming .transforming-content {
  display: flex;
  justify-content: space-between;
  min-height: 470px;
  max-width: 1400px;
  margin: auto auto 50px auto;
}

#transforming .transforming-content .transforming-right {
  width: 43%;
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Group_44456.png);
  background-size: contain;
  background-position: right
}

#transforming .transforming-content .transforming-left {
  width: 54%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#transforming .transforming-content .transforming-left h2 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
}

#transforming .transforming-content .transforming-left p {
  margin-bottom: 0;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  width: 100%;
}

#transforming .transforming-content .transforming-left h5 {
  margin-bottom: 0;
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 18px;
  line-height: 23.4px;
  color: #00B1F1;
  width: 100%;
}

#transforming .transforming-content .transforming-left .transforming-left-logos {
  display: flex;
  flex-direction: row;
}

#transforming .transforming-content .transforming-left .transforming-left-logos .logo1 {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Logo_ncci.png);
  height: 44px;
  width: 116px;
}

#transforming .transforming-content .transforming-left .transforming-left-logos .logo2 {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/Pave_Logo.png);
  height: 29px;
  width: 100px;
  align-self: self-end;
  margin-left: 40px;
}

#transforming .transforming-span {
  color: #00B4EF;
}

#transforming .tr-con {
  width: 100%;
  height: 70vh;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  max-height: 550px;
  margin: auto;
  max-width: 1400px;
  position: relative;
}

#transforming .transforming-box-plus {
  background-repeat: no-repeat;
  background-image: url(../../assets/images//page-credit-union/ic_round-plus.png);
  background-size: contain;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #00B1F1;
  position: absolute;
  bottom: 200px;
  left: 47%;
  z-index: 22;
}

#transforming .transforming-container {
  height: 100%;
  width: 44%;
  position: relative;
}

#transforming .transforming-container .img-card {
  width: 100%;
  height: inherit;
  background-color: #FFFFFF;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition-duration: 0.3s;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}

#transforming .transforming-container .text-card {
  width: 100%;
  height: inherit;
  color: #4cc9f0;
  font-size: 12px;
  background: #F2F7FA;
  border-radius: 8px;
  z-index: 1;
  position: absolute;
  transition: .5s ease;
  box-sizing: border-box;
  overflow: auto;
}

#transforming .transforming-container:hover .text-card {
opacity: 1;
}

#transforming .transforming-container:hover .img-card {
  box-shadow: -3px -26px 70px 16px rgba(255,199,255,0.3);
}

#transforming .tr-con .transforming-container:hover .img-card {
  display: none;
}

#transforming .transforming-container .img-card .image-divi {
  position: relative;
  height: 75%;
  width: 100%;
  padding: 20px;
}

#transforming .transforming-container .img-card .image-divi .image-1 { 
  background-image: url(../../assets/images/page-credit-union/Group_448.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

#transforming .transforming-container .img-card .image-divi .image-2 { 
  background-image: url(../../assets/images/page-credit-union/people_o.png);
  background-size: contain;
  background-position: center;
  height: 100%;
  background-repeat: no-repeat;
  background-color: #CDDDFF;
}


#transforming .transforming-container .img-card .headline {
  height: 25%;
  width: 100%;
  background-color: #00B4EF;
  border-radius: 8px 8px 0 0;
}

#transforming .transforming-container .img-card .headline h4 {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 24px;
  line-height: 31.2px;
  color: #FFFFFF;
  padding: 20px;
  text-align: start;
}


#transforming .transforming-container .text-card h2,
#transforming .transforming-container .text-card h3 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #000D42;
  padding: 20px;
}

#transforming .transforming-container .text-card h2 {
  padding: 20px 20px 0px;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  #transforming .transforming-content {
    flex-wrap: wrap;
  }

  #transforming .transforming-content .transforming-left {
    width: 100%;
    min-height: 550px;
  }

  #transforming .transforming-content .transforming-right {
    height: 400px;
    width: 100%;
    background-position: center;
    margin-top: 30px;
  }

  #transforming .transforming-content .transforming-left h5 {
    width: 70%;
  }

}

@media screen and (max-width: 992px) {
  #transforming {
    height: fit-content;
    padding: 100px 6.4%;
  }
}

@media screen and (max-width: 768px) {
  #transforming .transforming-container .img-card .headline h4 {
    font-size: 18px;
    line-height: 26px;
  }

  #transforming .transforming-container .img-card .headline h4,
  #transforming .transforming-container .img-card .image-divi {
    padding: 15px;
}
}

@media screen and (max-width: 576px) {
  #transforming .transforming-content .transforming-left h2 {
    font-size: 32px;
    line-height: 38px;
  }

  #transforming .tr-con {
    flex-direction: column;
    max-height: 735px;
  }

  #transforming .transforming-container {
    width: 100%;
    margin-bottom: 30px;
  }

  #transforming .transforming-box-plus {
    display: none;
  }
}


@media screen and (min-width: 1600px) {
  #transforming .transforming-box-plus {
    left: 47.7%;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1250px) {
  #transforming .transforming-box-plus {
    left: 46.5%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #transforming .transforming-box-plus {
    bottom: 220px;
    left: 46%;
    max-width: 60px;
    max-height: 60px;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) {
  #transforming .transforming-box-plus {
    left: 45%;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION TAKE THE
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#take-the  {
  padding: 100px 11.5% 0px 11.5%;
}

#take-the .top {
  width: 89%;
  margin: auto;
}

#take-the .top h1,
#take-the .top .take-the-span {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-align: center;
}

#take-the .top h4 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  text-align: center;
  color: #00B1F1;
}

#take-the .top .take-the-span {
  color: #00B1F1;
}

#take-the .container {
  display: flex;
  justify-content: space-between;
  margin: 70px auto;
  padding: 0;
}

#take-the .left-content {
  width: 47%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0px 14px 0px;
}

#take-the .left-content .image {
background-image: url(../../assets/images/page-credit-union/CAR_PHOTO.jpg);
background-size: cover;
background-position: center;
height: 374px;
width: 90%;
border-radius: 16px;
}

#take-the .right-content {
  width: 48.6%;
}

#take-the .o-t-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1750px;
  width: 100%;
}
#take-the .o-t-card-container .o-t-card {
  min-height: 137px;
  background: #FFFFFF;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  border-radius: 8px;
  margin-bottom: 15px;
  display: flex;
}

#take-the .o-t-card-container .o-t-card .card-left {
  width: 20%;
  background-color: #5DD4FF;
  color: #000D42;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 42px;
  line-height: 49.31px;
  text-align: center;
  padding-top: 45px;
}

#take-the .o-t-card-container .o-t-card .card-right {
  padding: 20px;
  width: 80%;
}

#take-the .o-t-card-container .o-t-card .last-card {
  margin-bottom: 40px!important;
  display: flex;
}

#take-the .o-t-card-container .o-t-card p,
#take-the .o-t-card-container .o-t-card .contact-span {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  margin: 0;
}

#take-the .o-t-card-container .o-t-card .contact-span {
  color: #0072BB;
  font-weight: 700;
}

#take-the .o-t-card-container .o-t-card .o-t-card-top h3 {
  color: #004184;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
}


@media screen and (max-width: 992px) {
  #take-the .container {
    flex-direction: column;
    margin: 50px auto;
}

#take-the .left-content,
#take-the .right-content {
  width: 100%;
  margin: 20px 0px 40px 0px;
}

#take-the .o-t-card-container,
#take-the .left-content .image {
  width: 100%;
}

#take-the .o-t-card-container .o-t-card {
  margin-bottom: 30px;
}

#take-the .o-t-card-container .o-t-card:hover {
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.66);
}

}

@media screen and (max-width: 576px) {
  #take-the {
    padding: 80px 6.4% 0px;
}

#take-the .o-t-card-container .o-t-card {
  flex-direction: column;
}

#take-the .top h1, #take-the .top .take-the-span {
  font-size: 36px;
  line-height: 38px;
}

#take-the .top h4 {
  font-size: 24px;
  line-height: 34px;
}

#take-the .o-t-card-container .o-t-card .card-left,
#take-the .o-t-card-container .o-t-card .card-right {
  width: 100%;
  padding: 20px;
  font-size: 36px;
}

}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION THE MECHANICS
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#the-mechanics {
  min-height: 910px;
  background-color: #F2F7FA;
}

#the-mechanics .top {
  min-height: 170px;
  width: 65%;
  margin: auto;
  padding: 80px 0px 60px;
}

#the-mechanics .top h1 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-align: center;
}

#the-mechanics .top h3 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  text-align: center;
  color: #00B1F1;
}

#the-mechanics .the-mechanics-content {
  padding: 0px 2.5% 0px;
  min-height: 425px;
}

#the-mechanics .the-mechanics-content .the-mechanics-top {
  display: flex;
  justify-content: center;
  height: 100%;
} 

#the-mechanics .the-mechanics-content .the-mechanics-bottom {
  display: flex;
  justify-content: space-between;
  margin: 0;
} 

#the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 25%;
  min-height: 500px;
}

#the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row2 {
  background-image: url(../../assets/images/page-credit-union/capture-7777.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 16px;
  width: 44%;
}

#the-mechanics .the-mechanics-content .overlay p {
  margin: auto;
  align-self: center;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
  color: #323232;
  width: 100%;
  padding: 10px 20px;
}

#the-mechanics .the-mechanics-span {
  color: #00B4EF;
}

#the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card {
  width: 327px;
}

#the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card1 {
  margin-left: 3%;
}

#the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card,
#the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-card {
  margin-bottom: 20px;
  position: relative;
}

.overlay {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: inherit;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #FFFFFF;
}


#the-mechanics .the-mechanics-content .the-mechanics-card:hover .overlay {
  opacity: 1;
  height: fit-content;
}

#the-mechanics .the-mechanics-content .the-mechanics-card:hover .the-mechanics-arrow {
  opacity: 1;
}

#the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card .the-mechanics-card-details,
#the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row1 .the-mechanics-card .the-mechanics-card-details,
#the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row3 .the-mechanics-card .the-mechanics-card-details  {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background: #FFFFFF;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  text-align: left;
  border: 3px solid #FFFFFF;
  height: 100%;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .the-mechanics-arrow {
  position: absolute;
  opacity: 0.5;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow1 {
  top: 73px;
  right: 108px;
  height: 221px;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow2 {
  top: 73px;
  right: 108px;
  height: 221px;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow3 {
  top: 55px;
  right: -135px;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow4 {
  top: -30px;
  right: -135px;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow5 {
  top: 44px;
  left: -136px;
}

#the-mechanics .the-mechanics-content .the-mechanics-card .arrow6 {
  top: -27px;
  left: -133px;
}


#the-mechanics .the-mechanics-content .the-mechanics-card .the-mechanics-card-details h3 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  color: #004184;
}

#the-mechanics .the-mechanics-content-right .the-mechanics-card-details .card-text {
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  text-align: start;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow1 {
    top: 70px;
    right: 70px;
    height: 251px;
  }
 
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow2 {
    top: 72px;
    right: 137px;
    height: 251px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow3 {
    top: 73px;
    right: -135px;
  }
  
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow5 {
    top: 57px;
    left: -136px;
  }
  
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow6 {
    top: -36px;
    left: -116px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #the-mechanics {
    min-height: 1050px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow1 {
    top: 70px;
    right: 46px;
    height: 274px;
  }
 
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow2 {
    top: 72px;
    right: 152px;
    height: 274px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow3 {
    top: 85px;
    right: -113px;
  }
  
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow5 {
    top: 64px;
    left: -110px;
  }
  
  #the-mechanics .the-mechanics-content .the-mechanics-card .arrow6 {
    top: -44px;
    left: -101px;
  }

}

@media screen and (max-width: 992px) {
  #the-mechanics {
    min-height: 900px;
  }

  #the-mechanics .the-mechanics-content {
    height: fit-content;
    padding-bottom: 30px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-top {
    flex-direction: row;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-bottom {
    flex-direction: column;
    height: fit-content;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    width: 48%;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-card {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    width: 48%;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-top,
  #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row {
    width: 100%;
    flex-direction: row;
    min-height: 230px;
    justify-content: space-around;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row2 {
    height: 300px;
    margin-bottom: 40px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card:hover .overlay {
    height: auto;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card .the-mechanics-card-details h3 {
    align-self: center;
    margin: auto;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card .the-mechanics-arrow {
    display: none;
  }

}

@media screen and (max-width: 768px) {
  #the-mechanics .top {
    width: 100%;
    margin: auto;
    padding: 60px 0px 60px;
  }
}

@media screen and (max-width: 576px) {
  #the-mechanics .the-mechanics-content {
    min-height: 1150px;
    padding-bottom: 50px;
}


    #the-mechanics .the-mechanics-content .the-mechanics-top,
    #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row {
    flex-direction: column;
    min-height: 320px;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-top {
    justify-content: space-evenly;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-row {
    justify-content: space-between;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-top .the-mechanics-card,
  #the-mechanics .the-mechanics-content .the-mechanics-bottom .the-mechanics-card {
    width: 100%;
  }

  #the-mechanics .the-mechanics-content .the-mechanics-card:hover .overlay {
    height: fit-content;
  }

  #the-mechanics .the-mechanics-content .overlay p {
    font-size: 16px;
  }

  #the-mechanics .top h1 {
    font-size: 36px;
    line-height: 38px;
  }

  #the-mechanics .top h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION WE DONT LET
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#we-dont-let {
  min-height: 749px;
  background: #FFFFFF;
  font-family: 'Raleway';
  font-style: normal;
  padding: 50px 11.5%;
}

#we-dont-let h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  text-transform: uppercase;
  text-align: center;
  width: 65%;
  margin: auto;
  padding: 50px 0px 20px;
}

#we-dont-let h3 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 32px;
  line-height: 41.6px;
  text-align: center;
  margin-bottom: 50px;
  color: #00B1F1;
}
#we-dont-let .blue-text-span {
  color: #00B4EF;
}

#we-dont-let h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: #323232;
}

#we-dont-let .we-dont-let-content {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
}

#we-dont-let .column {
  width: 49%;
  display: flex;
  flex-direction: column;
}

#we-dont-let .we-dont-let-item {
  min-height: 107px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 8px 12px 16px rgba(0, 6, 31, 0.32);
}

#we-dont-let .we-dont-let-item:hover {
  box-shadow: 8px 12px 16px rgba(0, 12, 71, 0.62);
}

#we-dont-let .we-dont-let-icon {
  height: 100%;
  width: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  border-radius: 8px 0px 0px 8px;
  background-color: #5DD4FF;
}

#we-dont-let .we-dont-let-icon img {
  width: 56px;
  height: 56px;
}

#we-dont-let .we-dont-let-item .content {
  display: flex;
  flex-direction: column;
  margin: 15px 6px 15px 24px;
}

#we-dont-let .we-dont-let-content .we-dont-let-item p {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 16px;
  line-height: 20.8px;
  color: #323232;
  max-width: 89%;
  margin: 0;
}

#we-dont-let .we-dont-let-content .column-left {
  width: 47.5%;
  justify-content: space-evenly;

}

#we-dont-let .we-dont-let-content .column-left .we-dont-let-left-image {
  background-image: url(../../assets/images/page-credit-union/map.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  align-self: flex-start;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  animation: scale 40s linear infinite;
}

@keyframes scale {
  50% {
    transform:scale(1.05);
  }
}

@media screen and (max-width: 992px) {
  #we-dont-let .we-dont-let-content {
    flex-direction: column;
  }

  #we-dont-let .we-dont-let-content .column-left,
  #we-dont-let .we-dont-let-content .column-right {
    width: 100%;
  }

  #we-dont-let .we-dont-let-content .column-left {
    height: 640px;
    padding-bottom: 50px;
  }

  #we-dont-let .we-dont-let-content .column-left .we-dont-let-left-image {
    background-size: contain;
    background-position: center;
  }

}

@media screen and (max-width: 768px) {
  #we-dont-let h1 {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  #we-dont-let {
    padding: 50px 6.4%;
  }

  
  #we-dont-let h1 {
    font-size: 36px;
    line-height: 38px;
  }

  #we-dont-let h3 {
    font-size: 24px;
    line-height: 32px;
  }

  #we-dont-let .we-dont-let-content .we-dont-let-item p {
    font-size: 14px;
  }

}

@media screen and (max-width: 510px) {
  #we-dont-let .we-dont-let-icon {
    padding: 45px;
  }

  #we-dont-let .we-dont-let-item .content {
    margin: 15px 6px 15px 20px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION SEAMLESS
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#seamless {
  min-height: 1050px;
  background: #000D42;
  font-family: 'Raleway';
  font-style: normal;
  padding: 100px 11.5% 0px 4.5%;
}

#seamless .container {
  min-height: 1050px;
}

#seamless h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-transform: uppercase;
  margin: 0px 0px 30px 9%;
  color: #FFFFFF;
}

#seamless h3 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 24px;
  line-height: 31.2px;
  margin: 0px 0px 40px 9%;
  color: #00B1F1;
}

#seamless h5 {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  margin: 0px 0px 20px 9%;
  color: #FFFFFF;
}

#seamless .blue-text-span {
  color: #00B4EF;
}

#seamless h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: #323232;
}

#seamless .seamless-content {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
  min-height: 1050px;
}

#seamless .column1 {
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#seamless .column2 {
  width: 20%;
  display: flex;
  flex-direction: column;
}

#seamless .seamless-item {
  height: 140px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 8px 12px 16px rgba(0, 6, 31, 0.32);
}

#seamless .seamless-item:hover {
  box-shadow: 8px 12px 16px rgba(0, 12, 71, 0.62);
}

#seamless .seamless-icon {
  height: 100%;
  display: flex;
  justify-content: center;
}

#seamless .seamless-icon1 {
  background-image: url(../../assets/images/page-credit-union/capture-1.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon2 {
  background-image: url(../../assets/images/page-credit-union/capture-7.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon3 {
  background-image: url(../../assets/images/page-credit-union/capture-5.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon4 {
  background-image: url(../../assets/images/page-credit-union/capture-2.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon5 {
  background-image: url(../../assets/images/page-credit-union/capture-3.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon6 {
  background-image: url(../../assets/images/page-credit-union/capture-6.jpg);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}

#seamless .seamless-icon img {
  width: 56px;
  height: 56px;
}

#seamless .seamless-item .content {
  display: flex;
  flex-direction: column;
  margin: 0px 6px 0px 24px;
}

#seamless .seamless-content .column-left .do-it-yourself-list {
  margin: 20px 0px 0px 9%;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  width: 60%;
}

#seamless .seamless-content .column-left .do-it-yourself-list li {
  display: flex;
  margin-bottom: 25px;
}

#seamless .seamless-content .column-left .do-it-yourself-list li p {
  margin: 0px 0px 0px 14px;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
}

#seamless .seamless-content .column-left .seamless-left-image {
  background-image: url(../../assets/images/page-credit-union/Group66.png);
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom left;
  width: 100%;
  height: 396px;
  border-radius: 16px;
}

@media screen and (max-width: 992px) {
  #seamless {
    padding: 100px 11.5% 0px 11.5%;
  }

  #seamless .seamless-content {
    flex-direction: column-reverse;
  }

  #seamless .column1 {
    width: 100%;
    margin-top: 50px;
  }

  #seamless h1,
  #seamless h3,
  #seamless h5 {
    margin: 0px 0px 40px 0%;
  }

  #seamless .column2 {
    height: 600px;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #seamless .seamless-icon {
    width: 40%;
    height: auto;
  }

#seamless .seamless-content .column-left .do-it-yourself-list {
  margin: 20px 0px 0px 0%;
  width: 100%;
}

#seamless .seamless-content .column-left .seamless-left-image {
  height: 333px;
}

}

@media screen and (max-width: 576px) {
  #seamless {
    padding: 100px 6.4% 0px;
}

  #credit-union-header {
    min-height: 1000px;
    flex-direction: column;
  }

  #seamless .column2 {
    height: 400px;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #seamless .seamless-icon {
    width: 40%;
  }

  #seamless .seamless-content .column-left .seamless-left-image {
    height: 250px;
  }
} 
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION MITIGATING
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#mitigating {
  min-height: 900px;
  background: #FFFFFF;
  font-family: 'Raleway';
  font-style: normal;
  padding: 100px 11.5% 50px 11.5%;
}

#mitigating .container {
  min-height: 900px;
}

#mitigating .mitigating-content .column-right h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49.31px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

#mitigating .blue-text-span {
  color: #00B4EF;
}

#mitigating h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 130%;
  text-align: center;
  color: #323232;
}

#mitigating .mitigating-content {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
  margin: auto;
}

#mitigating  .mitigating-content .column-left {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

#mitigating  .mitigating-content .column-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}

#mitigating .mitigating-content .column-right .mitigating-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

#mitigating .mitigating-content .column-right .mitigating-list li {
  display: flex;
  margin-bottom: 30px;
}

#mitigating .mitigating-content .column-right .mitigating-list img{
  width: 24px;
  height: 24px;
}


#mitigating .mitigating-content .column-right h5{
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 16px;
  line-height: 17.85px;
  color:#0072BB;
  text-decoration: underline;
}

#mitigating .mitigating-content .column-right .mitigating-list li p {
  margin: 0px 0px 0px 14px;
  font-family: 'Raleway';
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
}

#mitigating .mitigating-content .column-left .mitigating-left-box {
  background-color: #FFFFFF;
  width: 100%;
  min-height: 142px;
  border-radius: 8px;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  padding: 31px;
}


#mitigating .mitigating-content .column-left .mitigating-left-box:hover {
  background-color: #FFFFFF;
  width: 100%;
  min-height: 142px;
  border-radius: 8px;
  box-shadow: 0px 8px 24px rgba(0, 6, 31, 0.16);
  padding: 31px;
}

#mitigating .mitigating-content .column-left .mitigating-left-box p {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color:#00B1F1;
  margin: 0;
}

#mitigating .mitigating-content .column-left .mitigating-left-image {
  background-repeat: no-repeat;
  background-size: cover;
  height: 427px;
  width: 306px;
}

#mitigating .mitigating-content .column-left .image1 {
  background-image: url(../../assets/images/page-credit-union/Pave_report-3.png);
  position: absolute;
  bottom: 16%;
  right: 41%;
}

#mitigating .mitigating-content .column-left .image2 {
  background-image: url(../../assets/images/page-credit-union/Pave_report-2.png);
  position: absolute;
  bottom: 8%;
  right: 20.5%;
}

#mitigating .mitigating-content .column-left .image3 {
  background-image: url(../../assets/images/page-credit-union/Pave_report-1.png);
  position: absolute;
  bottom: 0;
  right: 0;
}


@media screen and (max-width: 992px) {
  #mitigating {
    min-height: 1400px;
  }

  #mitigating .mitigating-content {
    flex-direction: column;
  }

  #mitigating  .mitigating-content .column-right,
  #mitigating  .mitigating-content .column-left {
    width: 100%;
    margin-top: 40px;
  }

  #mitigating  .mitigating-content .column-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    min-height: 750px;
  }

}

@media screen and (max-width: 576px) {
  #mitigating {
    padding: 100px 6.4% 50px 6.4%;
  }

  #mitigating .mitigating-content .column-right h1 {
    font-size: 36px;
    line-height: 38px;
  }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////
            SECTION GET THE COMPLETE
//////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#get-the-complete {
  position: relative;
  background: #F2F7FA;
  font-family: 'Raleway';
  font-style: normal;
  min-height: 1009px;
}

#get-the-complete .top {
  max-width: 1400px;
  margin: auto;
}

#get-the-complete .top .content {
  padding: 70px 11.5% 25px 11.5%;
  text-align: center;
}

#get-the-complete .top .content .get-the-complete-span {
  color: #00B4EF;
}

#get-the-complete .top h1 {
  font-weight: 600;
  font-size: 42px;
  line-height: 49px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#get-the-complete .bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0px 11.5% 60px 11.5%;
  min-height: 600px;
}

#get-the-complete .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 600px;
}

#get-the-complete .list-card {
  width: 32%;
  min-height: 634px;
  display: flex;
  flex-direction: column;
}

#get-the-complete .list-card h4 {
  color: #00B1F1;
  font-weight: 500;
  font-size: 24px;
  line-height: 31.2px;
  margin-bottom: 20px;
}

#get-the-complete .list-card .get-the-complete-list-card-image {
  background-repeat: no-repeat;
  background-size: contain;
  height: 280px;
  margin-bottom: 30px;
  opacity: 0.7;
  transition: 0.3s;
}

#get-the-complete .list-card .get-the-complete-list-card-image:hover {
  opacity: 1;
  padding: 7px;
}

#get-the-complete .list-card .image1 {
  background-image: url(../../assets/images/page-credit-union/tacoma-img.png);
}

#get-the-complete .list-card  .image2 {
  background-image: url(../../assets/images/page-credit-union/field_reps_group.png);
}

#get-the-complete .list-card  .image3 {
  background-image: url(../../assets/images/page-credit-union/redpaint-img.png);
}

#get-the-complete .list-card ul {
  margin-bottom: 0px;
}

#get-the-complete li {
  font-family: 'Raleway';
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 18px;
  line-height: 23.4px;
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
  #get-the-complete .list-card .get-the-complete-list-card-image {
    height: 250px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  #get-the-complete .container {
    flex-direction: column;
  }

  #get-the-complete .list-card {
    width: 100%;
    min-height: 600px;
  }

  #get-the-complete .list-card .get-the-complete-list-card-image {
    background-position: center;
    min-height: 300px;
  }

  #get-the-complete .list-card h4 {
    margin: 20px 0px;
    align-self: center;
  }

}


@media screen and (max-width: 767px) { 
  #get-the-complete .list-card {
    min-height: 630px;
  }

}

@media screen and (max-width: 576px) {  
  #get-the-complete .bottom {
    padding: 0px 6.4% 60px;
  }

  #get-the-complete .list-card {
    min-height: 740px;
  }

  #get-the-complete .top h1 {
    font-size: 36px;
    line-height: 38px;
  }

}