#slideshow {
    margin-top: 0px;
    margin-bottom: 0px;
}
.main-slider-bg {
    background-color: rgb(254, 242, 242);
}
.mobile-app-bg {
    background-color: rgb(255, 214, 222);
}
.easier-payments-bg {
    background-color: rgb(245, 245, 255);
}
.navbar-nav {
    background: #fef2f2;
    border-radius: 10px;
}
#slideshow .in-slide-image.center-side {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    right: 24px;
}
.text-primary{
    color: #ac2122 !important;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.logo-strip {
  display:flex;
  gap:1.25rem;
  overflow-x:auto;
  padding:3rem 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}
.logo-strip .single { min-width:140px; flex:0 0 auto; display:flex; justify-content:center; align-items:center; padding:.5rem; border-radius:8px; }


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ac2122;
    --bs-btn-border-color: #ac2122;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9c1919;
    --bs-btn-hover-border-color: #;
    --bs-btn-focus-shadow-rgb: 94, 156, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9c1919;
    --bs-btn-active-border-color9c1919: #9c1919;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ac2122;
    --bs-btn-disabled-border-color: #ac2122;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ac2122;
    --bs-btn-hover-border-color: #;
    --bs-btn-focus-shadow-rgb: 94, 156, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ac2122;
    --bs-btn-active-border-color9c1919: #ac2122;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}
.btn-tertiary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #391485;
    --bs-btn-border-color: #391485;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ac2122;
    --bs-btn-hover-border-color: #;
    --bs-btn-focus-shadow-rgb: 94, 156, 231;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ac2122;
    --bs-btn-active-border-color9c1919: #ac2122;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #391485;
    --bs-btn-disabled-border-color: #391485;
}
.form-control {
  border-radius: 10px 0px 0px 10px !important;
}
.btn-primary.subscribebtn {
border-radius: 0px 10px 10px 0px !important;
}
.dropdown-menu {
    --bs-dropdown-color: #000;
    --bs-dropdown-bg: #ffd6de;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-active-color: #000;
}
.navbar-nav .dropdown-menu {
    background: #ffd6de;
}
.dropdown-item {
    color: black;
}
.dropdown-item:hover {
    color:#fff;
    text-decoration: none;
    background-color: #b01f24;
}
.nav-link:hover, .nav-link:focus, .nav-link:active{
    color: #ac2122 !important;
}
.nav-link.show, .nav-link.show, .nav-link.show{
    color: #ac2122 !important;
}


/* 1 */

.services_container1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container1 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container1 .serviceBox:hover {
  background: #d7e9fd;
  border-radius: 11px;
}

.services_container1 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container1 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container1 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container1 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container1 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container1 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container1 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

/* 2 */
.services_container2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container2 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container2 .serviceBox:hover {
  background: #decae6;
  border-radius: 11px;
}

.services_container2 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container2 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container2 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container2 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container2 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container2 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container2 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

/* 3 */
.services_container3 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container3 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container3 .serviceBox:hover {
  background: #fed5dd;
  border-radius: 11px;
}

.services_container3 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container3 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container3 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container3 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container3 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container3 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container3 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

/* 4 */
.services_container4 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container4 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container4 .serviceBox:hover {
  background: #caf1e4;
  border-radius: 11px;
}

.services_container4 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container4 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container4 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container4 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container4 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container4 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container4 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

/* 5 */
.services_container5 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container5 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container5 .serviceBox:hover {
  background: #e9f49a;
  border-radius: 11px;
}

.services_container5 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container5 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container5 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container5 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container5 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container5 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container5 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

/* 6 */
.services_container6 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.services_container6 .serviceBox {
  position: relative;
  width: 100%;
  height: 95%;
  overflow: hidden;
}
.services_container6 .serviceBox:hover {
  background: #cdcef7;
  border-radius: 11px;
}

.services_container6 .serviceBox .icon {
  /* background:linear-gradient(135deg, #46464b 0%,#212125 100%); */
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition-delay: 0.25s;
}

.services_container6 .serviceBox:hover .icon {
  top: 70px;
  left: calc(38% - 80px);
  width: 250px;
  border-radius: 50%;
  transition-delay: 0s;
}

.services_container6 .serviceBox .icon {
  font-size: 1.5em;
  color: #ffffff;
  top:40px;
  left: calc(28% - 80px);
  transition: 0.5s;
  transition-delay: 0.25s;
}

.services_container6 .serviceBox:hover .icon {
  font-size: 1.5em;
  transition-delay: 0s;
  color: #000000;
}

.services_container6 .serviceBox .content {
  position: relative;
  padding: 20px;
  color: #000000;
  text-align: center;
  margin-top: 100px;
  z-index: 1;
  transform: scale(0);
  transition: 0.5s;
  transition-delay: 0s;
}

.services_container6 .serviceBox:hover .content {
  transform: scale(1);
  transition-delay: 0.25s;
}

.services_container6 .serviceBox .content p {
  font-weight: 300;
  line-height: 1.5em;
  font-size: 18px;
}

.sticky-nav {
    height: 80px;
}
.account-title {
    color: #fff !important;
    background-color: #c52b47 !important;
    padding:17px 0px 13px 20px;
}
.addmoneybtn{
  color: white;
  border-color: #c52b47;
}
.addmoneybtn:hover{
  color: white;
  border-color: #c52b47;
  background-color: #c52b47;
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 3.25rem;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    }
}