#homecontainer-fluid {
    margin: 0;
    padding: 0;
}

#homecarousel .carousel-item {
    background-size: cover;
    background-position: center;
    height: 550px;
}

.card-img-top {
    height: 220px!important;
    background-repeat: no-repeat!important;
    background-size: 100% auto!important;
}

#cardcarousel .card:hover {
    box-shadow: 0 0.7rem 1.2rem rgba(0, 0, 0, .4)!important;
}

#cardcarousel .carousel-item {
    padding-bottom: 30px;
}

.parallax {
    /* The image used */
    background-image: url("/images/bg2.jpg");
    /* Set a specific height */
    /* min-height: 500px; */
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url("/images/bg6.jpg");
    /* Set a specific height */
    /* min-height: 500px; */
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aboutus {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.howitworks {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.btn-custom-color {
    background-color: #d80073;
    border-color: #d80073;
    /* #a4155d */
}

.btn-custom-color:hover {
    background-color: #2b55ac;
    border-color: #2b55ac;
    /* #a4155d  dark pink*/
    /* 54c0f0   light blue */
    /* #2b55ac  dark blue*/
}

.card-pricing.popular {
    z-index: 1;
    border: 3px solid #007bff;
}

.card-pricing .list-unstyled li {
    padding: .5rem 0;
    color: #6c757d;
}


/* .pricing .btn-outline-secondary {
    border-color: #d80073;
    color: #d80073;
}

.pricing .btn-outline-secondary:hover {
    background-color: #d80073;
    color: white;
} */

#footer-nav a {
    color: rgb(179, 179, 179);
    font-size: 13px;
}

#footer-nav a:hover {
    color: white;
    font-size: 13px;
}

#footer-nav a {
    padding: 2px;
    display: inline-block;
}

#contact-nav .nav-item {
    padding: 5px 0;
    margin: 5px 0;
}

@media only screen and (max-width: 800px) {
    .aboutus p {
        width: 95% !important;
    }
    .howitworks p {
        width: 95% !important;
    }
}

footer {
    background-color: #231117;
}

#copyright-footer {
    background-color: #170b0f;
    border-top: 1px solid #d80073;
}

.card .bg-primary {
    background-color: #d80073!important;
}

.card .text-primary {
    color: #d80073!important;
}

#cardcarousel .carousel-item {
    margin-right: 0;
}

#cardcarousel .carousel-indicators .active {
    background-color: #d80073;
}

#cardcarousel .carousel-indicators li {
    background-color: grey;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

@media (min-width: 768px) {
    #cardcarousel .carousel-inner .active,
    #cardcarousel .carousel-inner .active+.carousel-item,
    #cardcarousel .carousel-inner .active+.carousel-item+.carousel-item,
    #cardcarousel .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
        display: block;
    }
    #cardcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #cardcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item,
    #cardcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
    #cardcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
        transition: none;
    }
    #cardcarousel .carousel-inner .carousel-item-next,
    #cardcarousel .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    #cardcarousel .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #cardcarousel .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    #cardcarousel .carousel-item-next.carousel-item-left+.carousel-item,
    #cardcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
    #cardcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
    #cardcarousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
        /* display: block; */
    }
    /* farthest right hidden item must be absolue position for animations */
    #cardcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* #cardcarousel .carousel-inner .carousel-item-next.carousel-item-left {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    } */
    /* right or prev direction */
    #cardcarousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    #cardcarousel .carousel-item-prev.carousel-item-right+.carousel-item,
    #cardcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
    #cardcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
    #cardcarousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
    }
}

#homeNavbar .nav-item .nav-link {
    color: #d80073;
    border-bottom: 1px solid white;
    font-weight: 400;
}

#homeNavbar .nav-item:hover {
    border-bottom: 1px solid #d80073;
}

#homeNavbar .nav-item.active {
    border-bottom: 1px solid #d80073;
}

#homeNavbar .nav-item {
    margin-left: 5px;
    margin-right: 5px;
}

.topbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: grey;
}

#cardcarousel .carousel-control-prev-icon,
#cardcarousel .carousel-control-next-icon {
    border-radius: 50%;
    background-color: #007bff;
    background-size: 50% 50%;
    width: 30px;
    height: 30px;
}

#cardcarousel .carousel-control-prev {
    margin-left: -30px;
    width: auto;
}

#cardcarousel .carousel-control-next {
    margin-right: -30px;
    width: auto;
}