body {
    background: #101318;
}

#hero {
    background: linear-gradient(180deg, rgba(16, 19, 24, 0.8) 0%, rgba(16, 19, 24, 0.6) 50%, #101318 100%), url('images/hero-bg.webp') no-repeat center bottom;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-direction: column;
}

.single-pill {
    background-color: #272B35;
    border-radius: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.single-pill img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.red {
    color: #ED2C2C;
}
.yellow{
    color: #FFC61A;
}
.subscribe {
    background-color: #ED2C2C;
    color: white;
    border-radius: 1rem;
    cursor: pointer;
    border: none;
    box-shadow: none;
}

#about {
    background-color: #191D2480;
}

.fact {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: white;
    background-color: #272B3580;
    border: 1px solid #363D4980;
    border-radius: 1rem;
}

.fact img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#about .row,
#why .row {
    row-gap: 1.6rem;
}

.featured-card {
    background: #191D24;
    border-radius: 1rem;
    border: 1px solid #363D49;
}

.yellow-pill {
    border: 1px solid #FFC61A;
    color: #FFC61A;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 100rem;
}

#payment {
    background: #191D2480;
}

#payment .card {
    box-shadow: 0px 1px 2px 0px #0000000D;
    border: 2px solid #363D49;
    border-radius: 1rem;
}

#payment .tab-pane .col-lg-4:nth-child(1) .card {
    background: linear-gradient(180deg,
            rgba(168, 85, 247, 0.2) 0%,
            rgba(126, 34, 206, 0.2) 3%,
            #191D24 3%,
            #191D24 100%);
}

#payment .tab-pane .col-lg-4:nth-child(2) .card {
    background: linear-gradient(180deg,
            rgba(239, 68, 68, 0.2) 0%,
            rgba(185, 28, 28, 0.2) 3%,
            #191D24 3%,
            #191D24 100%);
}

#payment .tab-pane .col-lg-4:nth-child(3) .card {
    background: linear-gradient(180deg,
            rgba(34, 197, 94, 0.2) 0%,
            rgba(21, 128, 61, 0.2) 3%,
            #191D24 3%,
            #191D24 100%);
}

#payment .tab-pane .col-lg-4:nth-child(4) .card {
    background: linear-gradient(180deg,
            rgba(59, 130, 246, 0.2) 0%,
            rgba(29, 78, 216, 0.2) 3%,
            #191D24 3%,
            #191D24 100%);
}

#payment .tab-pane .col-lg-4:nth-child(5) .card {
    background: linear-gradient(180deg,
            rgba(20, 184, 166, 0.2) 0%,
            rgba(15, 118, 110, 0.2) 3%,
            #191D24 3%,
            #191D24 100%);
}

.nav-pills .nav-link {
    color: white;
    border-radius: 1rem;
    border: 1px solid white;
}

.nav-pills .nav-link.active {
    background: #ED2C2C;
    border: 1px solid #ED2C2C;
}

#countryTabs {
    gap: 2rem;
}

#why {
    background-color: #191D2480;
}

.why-card {
    background: #272B3580;
    border: 1px solid #363D4980;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.why-card img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

#testimonials {
    background: linear-gradient(90deg, #191D24 0%, rgba(39, 43, 53, 0.5) 100%);
    border: 1px solid #363D49;
    border-radius: 1rem;
}

.testimonial-card {
    background: #10131880;
    border: 1px solid #363D4980;
    border-radius: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.person {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.person img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.accordion{
    background-color: transparent;
}
.accordion-button{
    background: #191D24;
    border: 1px solid #363D49;
    border-radius: 1rem !important;
    color: white !important;
    box-shadow: none !important;
}
.accordion-item{
    background-color: transparent;
    border: none;
}
.accordion-button:not(.collapsed){
        background: #191D24;
            border: 1px solid #363D49;


}
.accordion-body {
    color: white;
}
.accordion-button::after{
    filter: invert(1);
}
#contact{
    background-color: #191D2480;
}
.contact-card{
    background: #191D24;
    border: 2px solid #363D49;
    box-shadow: 0px 1px 2px 0px #0000000D;
    border-radius: 1rem;

}
.contact-card img{
    width: 48px;
    height: 48px;
    object-fit: contain;
}

#support{
    background: #272B3580;
border: 1px solid #363D49;
border-radius: 1rem;
}
footer .list-unstyled li a{
    color: #8F96A3 !important;
    text-decoration: none !important;
}
.navbar{
    background: transparent;
}
.navbar-nav .nav-link{
    color: white !important;
}
nav{
    top: 0;
    position: fixed !important;
    width: 100%;
    z-index: 2;
}
.navbar-nav{
    row-gap: 4rem;
    column-gap: 1rem;
}
.navbar-toggler{
    filter: invert(1);
}