/* GsmPay light-glass homepage layer. Scoped to .glass-home so other pages keep their existing styles. */
.glass-home {
    --gp-ink: #142033;
    --gp-muted: #66758a;
    --gp-blue: #2563eb;
    --gp-cyan: #0ea5b7;
    --gp-gold: #d89a1d;
    --gp-line: rgba(148, 163, 184, .24);
    background: #f4f7fb !important;
    color: var(--gp-ink) !important;
    overflow-x: hidden;
}

.glass-home .site-wrapper {
    background:
        radial-gradient(circle at 8% 4%, rgba(14, 165, 183, .12), transparent 30rem),
        radial-gradient(circle at 92% 16%, rgba(37, 99, 235, .10), transparent 28rem),
        #f4f7fb !important;
}

.glass-home .first_nav_hero_about {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 2%, rgba(14, 165, 183, .16), transparent 30rem),
        linear-gradient(180deg, #f9fbff 0%, #eef5fb 100%) !important;
    color: var(--gp-ink) !important;
}

.glass-home .first_nav_hero_about::before {
    content: "";
    position: absolute;
    width: 26rem;
    height: 26rem;
    right: -9rem;
    top: 8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .5);
    filter: blur(2px);
    pointer-events: none;
}

.glass-home header {
    position: relative;
    z-index: 20;
    background: rgba(255, 255, 255, .72) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .20) !important;
    box-shadow: 0 12px 35px rgba(31, 55, 86, .06) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.glass-home header .nav-link,
.glass-home header .navbar-toggle,
.glass-home header .fa-bars,
.glass-home header .fa-sharp {
    color: var(--gp-ink) !important;
}

.glass-home header .nav-link:hover,
.glass-home header .nav-link.active {
    color: var(--gp-blue) !important;
}

.glass-home header .nav-hrf,
.glass-home .btn-hover1 {
    background: linear-gradient(135deg, var(--gp-blue), #0f8fa3) !important;
    border: 1px solid rgba(255, 255, 255, .6) !important;
    border-radius: 999px !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(37, 99, 235, .20) !important;
}

.glass-home header .nav-hrf:hover,
.glass-home .btn-hover1:hover {
    background: linear-gradient(135deg, #1d4ed8, #087d91) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

.glass-home .hero {
    position: relative;
    z-index: 1;
    padding-top: 7.2rem !important;
    padding-bottom: 5rem !important;
}

.glass-home .hero h1,
.glass-home .hero h2,
.glass-home .hero h3,
.glass-home .hero p,
.glass-home .about h3,
.glass-home .about p,
.glass-home .finance h2,
.glass-home .finance p,
.glass-home .gateway h2,
.glass-home .gateway h5,
.glass-home .gateway p,
.glass-home .services h2,
.glass-home .services h5,
.glass-home .services p,
.glass-home .visa h2,
.glass-home .visa h3,
.glass-home .visa p,
.glass-home .profaessional h2,
.glass-home .profaessional h5,
.glass-home .profaessional p,
.glass-home .question h2,
.glass-home .question p {
    color: var(--gp-ink) !important;
}

.glass-home .hero h1 {
    max-width: 40rem;
    font-size: clamp(2.7rem, 6vw, 5.7rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em;
    background: linear-gradient(135deg, #101d31 12%, #2563eb 54%, #0ea5b7 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.glass-home .hero p {
    max-width: 33rem;
    color: var(--gp-muted) !important;
    line-height: 1.75 !important;
}

.glass-home .hero .position-relative {
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 2.25rem;
    background: rgba(255, 255, 255, .46) !important;
    box-shadow: 0 30px 70px rgba(58, 86, 119, .13), inset 0 1px 0 rgba(255, 255, 255, .8);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.glass-home .about,
.glass-home .finance,
.glass-home .ispsum-logo,
.glass-home .gateway,
.glass-home .services,
.glass-home .visa,
.glass-home .profaessional,
.glass-home .question {
    background: transparent !important;
    color: var(--gp-ink) !important;
}

.glass-home .about,
.glass-home .finance,
.glass-home .gateway,
.glass-home .services,
.glass-home .visa,
.glass-home .profaessional,
.glass-home .question,
.glass-home .pricing {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.glass-home .ab_card1,
.glass-home .ab_card2,
.glass-home .fin-card,
.glass-home .offers,
.glass-home .social-rating,
.glass-home .prof-slide,
.glass-home .accordion-item,
.glass-home .question-collapes,
.glass-home .gateway-bg-img,
.glass-home .visa-bg,
.glass-home .visa-contant {
    background: rgba(255, 255, 255, .64) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 18px 45px rgba(31, 55, 86, .08), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-home .ab_card1,
.glass-home .ab_card2,
.glass-home .fin-card,
.glass-home .prof-slide,
.glass-home .visa-contant {
    color: var(--gp-ink) !important;
}

.glass-home .ab_card1:hover,
.glass-home .ab_card2:hover,
.glass-home .fin-card:hover,
.glass-home .prof-slide:hover {
    background: rgba(255, 255, 255, .86) !important;
    transform: translateY(-5px);
}

.glass-home .fin-card figure,
.glass-home .gate figure {
    background: linear-gradient(135deg, rgba(37, 99, 235, .16), rgba(14, 165, 183, .18)) !important;
    border: 1px solid rgba(37, 99, 235, .12) !important;
}

.glass-home .fin-card figure img {
    filter: saturate(.85) brightness(.78);
}

.glass-home .ispsum-logo hr {
    border-color: rgba(100, 116, 139, .22) !important;
    opacity: 1;
}

.glass-home .gateway-bg-img {
    padding: 2rem;
}

.glass-home .services {
    position: relative;
}

.glass-home .services::before,
.glass-home .pricing::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
}

.glass-home .social-rating {
    color: var(--gp-ink) !important;
}

.glass-home .social-rating h6,
.glass-home .social-rating p {
    color: var(--gp-ink) !important;
}

.glass-home .pricing.pricing-b-g {
    position: relative;
    background: transparent !important;
}

.glass-home .pricing.pricing-b-g h2,
.glass-home .pricing.pricing-b-g p,
.glass-home .pricing.pricing-b-g .text-light,
.glass-home .pricing.pricing-b-g .text-white,
.glass-home .pricing.pricing-b-g .text-muted,
.glass-home .pricing.pricing-b-g li {
    color: var(--gp-ink) !important;
}

.glass-home .pricing.pricing-b-g > .container > .row > .col-lg-8 p {
    color: var(--gp-muted) !important;
}

.glass-home .pric-list {
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 20px 55px rgba(31, 55, 86, .09), inset 0 1px 0 rgba(255, 255, 255, .88) !important;
    overflow: hidden;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.glass-home .plan-header {
    background: linear-gradient(135deg, #2563eb, #0ea5b7) !important;
}

.glass-home .plan-body,
.glass-home .plan-body .text-light,
.glass-home .plan-body .text-white,
.glass-home .plan-body .text-muted {
    color: var(--gp-ink) !important;
}

.glass-home .plan-footer {
    background: rgba(241, 245, 249, .78) !important;
}

.glass-home .question .accordion-item {
    overflow: hidden;
    margin-bottom: .75rem;
}

.glass-home .question .accordion-button {
    background: rgba(255, 255, 255, .72) !important;
    color: var(--gp-ink) !important;
    font-weight: 700;
}

.glass-home .question .accordion-button:not(.collapsed) {
    color: var(--gp-blue) !important;
    box-shadow: none !important;
}

.glass-home .question .accordion-body {
    background: rgba(248, 250, 252, .74) !important;
    color: var(--gp-muted) !important;
}

.glass-home .right-sidbar,
.glass-home .sidenav {
    background: rgba(255, 255, 255, .92) !important;
    color: var(--gp-ink) !important;
    box-shadow: 0 20px 70px rgba(31, 55, 86, .16) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.glass-home .right-sidbar p,
.glass-home .right-sidbar a,
.glass-home .sidenav a,
.glass-home .sidenav button {
    color: var(--gp-ink) !important;
}

.glass-home footer {
    background: #122033 !important;
    color: #dce7f3 !important;
}

.glass-home footer a,
.glass-home footer p,
.glass-home footer h1,
.glass-home footer h2,
.glass-home footer h3,
.glass-home footer h4,
.glass-home footer h5,
.glass-home footer h6,
.glass-home footer span {
    color: #dce7f3 !important;
}

.glass-home #backToTopBtn {
    background: linear-gradient(135deg, var(--gp-blue), var(--gp-cyan)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 12px 25px rgba(37, 99, 235, .24);
}

@media (max-width: 767px) {
    .glass-home .hero {
        padding-top: 4.5rem !important;
        padding-bottom: 3rem !important;
    }

    .glass-home .hero h1 {
        font-size: clamp(2.5rem, 13vw, 4rem) !important;
    }

    .glass-home .hero .position-relative {
        padding: .75rem;
        border-radius: 1.5rem;
    }

    .glass-home .about,
    .glass-home .finance,
    .glass-home .gateway,
    .glass-home .services,
    .glass-home .visa,
    .glass-home .profaessional,
    .glass-home .question,
    .glass-home .pricing {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
}