/* utils */
.spacer-50 {
    height: 50px;
}

.spacer-200 {
    height: 200px;
}

.heading-2 {
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    text-transform: capitalize;
    margin-bottom: 36px;
}

.line-after {
    position: relative;

}

.line-after img {
    position: absolute;
    bottom: -20px;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available
}

.fs-70 {
    font-size: 70px;
}

.fs-18 {
    font-size: 18px;
}

.fs-14 {
    font-size: 14px;
}

.round-number {
    width: 100px;
    height: 100px;
    font-size: 40px;
    font-weight: 600;
    line-height: 0;
    padding-top: 50px;
}

.invert {
    transform: scaleY(-1);
}

.mirror {
    transform: scaleX(-1)
}


@media (max-width: 767.98px) {
    .spacer-50 {
        height: 40px;
    }

    .spacer-200 {
        height: 120px;
    }

    .heading-2 {
        font-size: 35px;
        font-weight: 600;
        line-height: 70px;
        margin-bottom: 36px;
    }
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    overflow-x: hidden;
}

@media (max-width: 991.98px) {
    .signupBtn {
        margin-left: -10px;
    }
}

#hero {
    /* background: var(--linear, linear-gradient(180deg, #4169e10f 0%, #82effd1f 100%)); */
    background-image: url("../img/bg-color.png");
    background-size: cover;
    background-position: top left;
}


/* Nav bar */



.navbar:has(.navbar-toggler[aria-expanded="true"]) {
    border-radius: 1.5rem !important;
}

.hero-content h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 76px;
}

.hero-content h2 .star-start {
    position: absolute;
    left: -70px;
    top: 12px;
}

.hero-content h2 .star-end {
    position: absolute;
    right: 0;
    bottom: 12px;
}


@media (min-width: 992px) {
    .hero-content {
        max-width: 900px;
    }
}

@media (min-width: 1200px) {
    .hero-content {
        max-width: 970px;
    }
}

@media (max-width: 991.98px) {
    .hero-content h2 {
        font-size: 40px;
        line-height: 55px;
    }

    .star-start,
    .star-end {
        width: 40px;
    }

    .hero-content h2 .star-start {
        left: -60px;
    }

    .hero-content h2 .star-end {
        right: 10px;
    }
}

@media (max-width: 767.98px) {
    .hero-content h2 {
        font-size: 36px;
        line-height: 55px;
    }

    .star-start,
    .star-end {
        width: 35px;
    }

    .hero-content h2 .star-start {
        left: 10px;
        top: -30px;
    }

    .hero-content h2 .star-end {
        right: 20px;
    }
}


/* Steps Section */
.mobile-screens {
    max-width: 706px;
    margin-top: -300px;
}

.download img {
    max-width: 250px;
}

@media (max-width: 767.98px) {
    .mobile-screens {
        margin-top: -200px;
    }
}

@media (max-width: 767.98px) {
    .download img {
        max-width: 165px;
    }
}

/* Features */

.feature-img .screen {
    margin-top: -38rem;
    margin-left: 2rem;
    width: 100%;
}

.feature-content {
    margin-top: -220px;
}

@media (max-width: 1199.98px) {
    .feature-img .screen {
        margin-top: -32rem;
    }

    .feature-content {
        margin-top: -180px;
    }
}

@media (max-width: 991.98px) {
    .feature-img .screen {
        margin-top: -22rem;
    }

    .feature-content {
        margin-top: -100px;
    }
}

@media (max-width: 767.98px) {
    .features .row {
        padding-top: 5rem;
    }

    .feature-img .screen {
        margin-top: -35rem;
        margin-left: 3.4rem;
    }
}

@media (max-width: 575.98px) {


    .feature-img .screen {
        margin-top: -32rem;
        margin-left: 3rem;
    }
}

@media (min-width: 992px) {
    .features .row:not(:first-child) {
        margin-top: -12rem !important;
    }
}

@media (min-width: 768px) {
    .features .row:not(:first-child) {
        margin-top: -9rem;
    }
}


/* Publishers */
.publishers {
    background-image: url('../img/bg-pattern-2.png');
    background-size: cover;
    background-position: center center;
}

/* Advertisers */
.advertiser {
    background-image: url('../img/bg-pattern-3.png');
    background-size: cover;
    background-position: center center;

}

.advertiser .card {
    box-shadow: 0px 10px 20px 0px rgba(65, 105, 225, 0.15);
    border: none;
    padding: 20px;
}

/* Logos */


/* Contact */
.contact .btn-primary:hover {
    background-color: #ececec !important;
}

footer {
    background-color: #232233;
}

footer .footer-menu a {
    color: #fff;
    text-decoration: none;
}

footer .footer-menu li {
    padding-bottom: 12px;
}



/* Break Points */
@media (min-width: 576px) {}

@media (min-width: 768px) {}


@media (min-width: 992px) {}


@media (min-width: 1200px) {}


@media (min-width: 1400px) {}




@media (max-width: 575.98px) {}


@media (max-width: 767.98px) {}


@media (max-width: 991.98px) {}


@media (max-width: 1199.98px) {}


@media (max-width: 1399.98px) {}