.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.nm-t {
  margin-top: -1rem !important;
}

.main-hero-section {
  background: linear-gradient(45deg, #1a1e4b 0%, #878cc5 100%);
  padding: 3rem 1.5rem;
  padding-bottom: 0 !important;
  max-height: 450px;
  overflow: hidden;
}
.main-hero-section .hero-content p {
  line-height: 2;
}
.main-hero-section .hero-content a {
  max-width: 8rem;
}
.main-hero-section .hero-image {
  max-height: 400px;
}
/* ----- */
.about-section {
  padding: 3rem 1.5rem;
}
.about-section .about-title p {
  line-height: 2;
  width: 80%;
}
.about-section .about-card img {
  height: 4.5rem;
}
/* -------- */
.our-soloutions {
  padding: 3rem 1.5rem;
  background-color: rgba(249, 250, 251, 1);
}
.our-soloutions-title {
  margin-bottom: 3rem !important;
}
.our-soloutions .our-soloutions-title p {
  line-height: 2;
  /* width: 95%; */
}
.our-soloutions .our-soloutions-title .btn {
  max-width: 10rem;
}
.our-soloutions .solution-card {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid rgba(210, 214, 219, 1);
}
.our-soloutions .solution-card h3 {
  color: rgba(31, 42, 55, 1);
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.our-soloutions .solution-card .tags span.badge {
  padding: 12px;
  font-size: 0.875rem;
  border-radius: 10px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.our-soloutions .solution-card .tags span.badge:first-child {
  background: #f9fafb;
  color: rgba(31, 42, 55, 1);
  border: 1px solid #e5e7eb;
}
.our-soloutions .solution-card .tags span.badge:nth-child(2) {
  background: #eff8ff;
  color: rgba(24, 73, 169, 1);
  border: 1px solid #b2ddff;
}
.our-soloutions .solution-card .tags span.badge:last-child {
  color: #484a8f !important;
  background: #b9b6d5;
  border: 1px solid #878cc5;
}
/* ----------- */
.download-app-section {
  padding: 3rem 0rem;
}
.download-app-section .screens-section {
  background: linear-gradient(180deg, #1a1e4b 0%, #62668e 100%);
  padding: 2rem;
  padding-top: 4rem;
  padding-bottom: 0 !important;
}
/* -------- */

.download-banner {
    position: relative;
    z-index: 1000;
    padding: 20px;
    max-width: 80%;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin: -50px auto;
    margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .download-banner {
        max-width: 95%;
        margin: -30px auto;
    }
    .download-banner h2 {
        font-size: 1.5rem;
    }
    .download-banner p {
        font-size: 0.9rem;
    }
    .download-banner img {
        max-width: 100%;
        height: auto;
    }
    .download-buttons {
        flex-direction: column;
        align-items: center;
    }
    .download-buttons a {
        margin-bottom: 10px;
    }
    .download-buttons a:last-child {
        margin-bottom: 0;
    }
    .download-banner-content {
        text-align: center;
    }
    .download-banner-content h2 {
        font-size: 1.8rem;
    }
    .screens-section img {
        margin-bottom: 20px;
    }
    section{
        padding: 1rem 0.5rem;
    }
}