/* General Header Styles */

@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Regular.woff');
}


@font-face {
    font-family: 'Roboto Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Italic.woff');
}


@font-face {
    font-family: 'Roboto Bold';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Bold.woff');
}


@font-face {
    font-family: 'Roboto Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-BoldItalic.woff');
}


@font-face {
    font-family: 'Roboto Thin';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Thin.woff');
}


@font-face {
    font-family: 'Roboto Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-ThinItalic.woff');
}


@font-face {
    font-family: 'Roboto Light';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Light.woff');
}


@font-face {
    font-family: 'Roboto Light Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-LightItalic.woff');
}


@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Medium.woff');
}


@font-face {
    font-family: 'Roboto Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-MediumItalic.woff');
}


@font-face {
    font-family: 'Roboto Black';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-Black.woff');
}


@font-face {
    font-family: 'Roboto Black Italic';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Roboto-BlackItalic.woff');
}



/*..........................................................................*/



.home-page-main-hero-section {
    max-width: 100%;
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, #F9F5FF 0%, #FFFFFF 100%);
    padding: 70px 0px 100px 0px !important;
}

.home-page-main-hero-left-part {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
}


.home-page-main-hero-left-inner {
    position: absolute;
    top: 55%;
    transform: translateY(-45%);
    z-index: 100;
}

@media (max-width:360.9px) {

    .Boosts-Engagement-Minimizes-Gaming-Main-images-Area {
        justify-content: start !important;
    }

    .What-Our-Clients-header-part p {
        height: 240px !important;
    }

    .demo-schedule-form-main-part {
        padding: 40px 20px !important;
    }


    .home-page-main-hero-left-inner {
        position: relative !important;
        top: 60px !important;
        transform: translateY(-0%) !important;
        z-index: 100;
        margin-bottom: 30px !important;
    }

    .home-page-main-hero-left-inner h1 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    .marquee-content li img {
        max-width: 90px !important;
    }

    .Trusted-over-million-businesses-slider-heading2 h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading3 h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;

    }

    .Trusted-over-million-businesses-slider-heading-white h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .getstart-mobilehideavn {
        display: none !important;
    }

    .notification-images-new img:nth-child(3) {
        left: 20px !important;
        top: 170px !important;
        max-width: 120px !important;
    }

    .notification-images-new img:nth-child(4) {
        right: 20px !important;
        top: 170px !important;
        max-width: 120px !important;
    }

    .notification-images-new img:nth-child(1) {
        left: 20px !important;
        max-width: 120px !important;
    }

    .notification-images-new img:nth-child(2) {
        right: 20px !important;
        max-width: 120px !important;
    }
}


@media (min-width:361px) and (max-width:767.9px) {
    .Boosts-Engagement-Minimizes-Gaming-Main-images-Area {
        justify-content: start !important;
    }

    .What-Our-Clients-header-part p {
        height: 240px !important;
    }

    .demo-schedule-form-main-part {
        padding: 40px 20px !important;
    }


    .home-page-main-hero-left-inner {
        position: relative !important;
        top: 60px !important;
        transform: translateY(-0%) !important;
        z-index: 100;
        margin-bottom: 30px !important;
    }

    .home-page-main-hero-left-inner h1 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    .notification-images-new img:nth-child(3) {
        left: 30px !important;
        max-width: 150px !important;
    }

    .notification-images-new img:nth-child(4) {
        right: 30px !important;
        max-width: 150px !important;
    }

    .notification-images-new img:nth-child(1) {
        left: 30px !important;
        max-width: 130px !important;
    }

    .notification-images-new img:nth-child(2) {
        right: 30px !important;
        max-width: 150px !important;
    }

    .marquee-content li img {
        max-width: 90px !important;
    }

    .Trusted-over-million-businesses-slider-heading2 h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading3 h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;

    }

    .Trusted-over-million-businesses-slider-heading-white h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .getstart-mobilehideavn {
        display: none !important;
    }
}



@media (min-width:768px) and (max-width:992px) {
    .Boosts-Engagement-Minimizes-Gaming-Main-images-Area {
        justify-content: start !important;
    }


    .What-Our-Clients-header-part p {
        height: 260px !important;
    }




    .demo-schedule-form-main-part {
        padding: 40px 20px !important;
    }


    .home-page-main-hero-left-inner {
        position: relative !important;
        top: 60px !important;
        transform: translateY(-0%) !important;
        z-index: 100;
        margin-bottom: 30px !important;
    }

    .home-page-main-hero-left-inner h1 {
        font-size: 40px !important;
        line-height: 1.2 !important;
    }

    .notification-images-new img:nth-child(3) {
        left: 30px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(4) {
        right: 30px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(1) {
        left: 30px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(2) {
        right: 30px !important;
        max-width: 200px !important;
    }

    .marquee-content li img {
        max-width: 90px !important;
    }

    .Trusted-over-million-businesses-slider-heading2 h2 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading3 h2 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    .Trusted-over-million-businesses-slider-heading h2 {
        font-size: 35px !important;
        line-height: 1.2 !important;

    }

    .Trusted-over-million-businesses-slider-heading-white h2 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    .getstart-mobilehideavn {
        display: none !important;
    }
}


@media (min-width:993px) and (max-width:1200px) {
    .notification-images-new img:nth-child(3) {
        left: 10px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(4) {
        right: 10px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(1) {
        left: 10px !important;
        max-width: 200px !important;
    }

    .notification-images-new img:nth-child(2) {
        right: 10px !important;
        max-width: 200px !important;
    }

}


.home-page-main-hero-left-inner h1 {
    font-size: 42px;
    color: #000000;
    line-height: 1.2;
    font-family: 'Roboto Slab', serif;
}

.home-page-main-hero-left-inner p {
    line-height: 1.9;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 15px;
}

.home-page-main-hero-btn-area {
    margin-top: 30px;
    cursor: pointer !important;
}



.home-page-main-start-now-btn-hero {
    padding: 12px 30px;
    color: #fff;
    border: none;
    border-radius: 300px;
    background-color: #673AB7;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 200px;
    border: none;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;


}




/* .main-home-pages-leadnest-left-inner-top {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
} */



.home-page-main-hero-right-part {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
}




.home-page-main-hero-right-part .home-page-main-hero-main-img {
    position: relative;
    max-width: 100%;
    z-index: 200;
    margin-top: 60px;

}











.notification-images-new img:nth-child(3) {
    position: absolute;
    left: -20px;
    top: 230px;
    z-index: 250;
    width: 100%;
    max-width: 270px;
    animation: heroimg1 8s ease-in infinite
}

.notification-images-new img:nth-child(4) {
    position: absolute;
    right: -20px;
    top: 230px;
    width: 100%;
    z-index: 250;
    max-width: 270px;
    animation: heroimg1 5s ease-out infinite
}

.notification-images-new img:nth-child(1) {
    position: absolute;
    left: -20px;
    bottom: 0px;
    width: 100%;
    z-index: 250;
    max-width: 270px;
    animation: heroimg2 5s ease-out infinite
}

.notification-images-new img:nth-child(2) {
    position: absolute;
    right: -20px;
    bottom: 0px;
    width: 100%;
    z-index: 250;
    max-width: 270px;
    animation: heroimg2 8s ease-in infinite
}


@keyframes heroimg1 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes heroimg2 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

/* ............... */











/* ....................................................................... */




.Trusted-over-million-businesses-slider-section {

    max-width: 100%;
    width: 100%;
    position: relative;
    padding: 0px 0px 40px 0px !important;


}

.Trusted-over-million-businesses-slider-heading h2 {
    font-size: 33px;
    color: #000000;
    font-family: 'Roboto Slab', serif;
    line-height: 45px;
    text-align: center !important;

}

.Trusted-over-million-businesses-slider-heading2 h2 {

    font-size: 33px;
    color: #000000;
    font-family: 'Roboto Slab', serif;
    line-height: 45px;
    text-align: center !important;
    padding-top: 80px;
}

.Trusted-over-million-businesses-slider-heading2 p {
    line-height: 1.2;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px !important;
    text-align: center !important;

}




/* ................. */


/* marquee start */

:root {
    --marquee-width: 100%;
    --marquee-height: 20vh;
    --marquee-elements-displayed: 8 !important;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 6s);
}

.marquee-heading {
    text-align: center;
    padding-top: 30px;
    font-size: 25px;
    color: #063a6b !important;
    position: relative;
}

.marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    background-color: transparent;
    overflow: hidden;
    position: relative;
}

.marquee:before,
.marquee:after {
    position: absolute;
    top: 0;
    width: 10rem;
    height: 100%;
    content: "";
    z-index: 1;
}

.marquee:before {
    left: 0;
    background: linear-gradient(to right, transparent 0%, transparent 100%);
}

.marquee:after {
    right: 0;
    background: linear-gradient(to left, transparent 0%, transparent 100%);
}

.marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
    }
}

.marquee-content li {
    display: flex;
    justify-content: center;
    padding-top: 40px;
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height) * 3 / 4);
    white-space: nowrap;
}

.marquee-content li img {
    max-width: 120px;
    height: 30px !important;
    object-fit: contain !important;
}

.main-content li img:hover {
    opacity: 100% !important;
}

@media (max-width: 600px) {
    :root {
        --marquee-width: 100%;
        --marquee-height: auto !important;
        --marquee-elements-displayed: 3 !important;
    }

    .marquee:before,
    .marquee:after {
        width: 5rem;
    }
}

@media (min-width: 601px) and (max-width: 991.9px) {
    :root {
        --marquee-width: 100%;
        --marquee-height: auto !important;
        --marquee-elements-displayed: 5 !important;
    }

    .marquee:before,
    .marquee:after {
        width: 5rem;
    }
}

@media (min-width: 992px) and (max-width: 1200.9px) {
    :root {
        --marquee-width: 100%;
        --marquee-height: auto !important;
        --marquee-elements-displayed: 7 !important;
    }

    .marquee:before,
    .marquee:after {
        width: 5rem;
    }
}

@media (min-width: 1201px) and (max-width:1600.9px) {
    :root {
        --marquee-width: 100%;
        --marquee-height: auto !important;
        --marquee-elements-displayed: 9 !important;
    }
}

@media (min-width:1601px) {
    :root {
        --marquee-width: 100%;
        --marquee-height: auto !important;
        --marquee-elements-displayed: 11 !important;
    }
}

/* marquee end */


.Everything-Youre-Looking-in-main {
    width: 100%;
    height: auto !important;
    position: relative;
    background-color: #F9FAFC !important;
    padding: 0px 0px 120px 0px;
}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card {

    width: 100%;
    height: 100%;
    border-radius: 15px;
    max-width: 100%;
    position: relative;
    background: linear-gradient(to bottom, #673AB7, #A987E0) !important;
    margin-top: 40px;
    padding: 25px 30px 0px 30px;


}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card-header {
    width: 100%;
    height: auto;
    position: relative;


}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card-header h3 {

    font-size: 22px;
    color: #fff;
    line-height: 1.1;
    font-family: 'Roboto Slab', serif;
    line-height: 50px;


}

.home-MOBILE-PUSH-NOTIFICATIONS-main-card-header p {
    line-height: 1.6;
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card-body {

    width: 100%;
    height: auto;
    position: relative;
    text-align: center;


}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card-body img {
    width: 100%;
    height: auto;
    position: relative;
    max-width: 100%;
}


.home-MOBILE-PUSH-NOTIFICATIONS-main-card-body-img7 {
    max-width: 70% !important;
}


/* ..................................................... */


.Unveiling-Key-Marketers-Success-section {

    width: 100%;
    height: auto !important;
    position: relative;
    padding: 80px 0px;
    background-color: #000 !important;


}



.Trusted-over-million-businesses-slider-heading-white h2 {

    font-size: 33px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    line-height: 45px;
    text-align: center !important;

}

.Trusted-over-million-businesses-slider-heading-white p {
    line-height: 1.2;
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px !important;
    text-align: center !important;

}

.Unveiling-Key-home-main-card {
    width: 100%;
    height: auto !important;
    position: relative;
    margin-top: 25px;
}


.Unveiling-Key-home-main-card-header {
    width: 100%;
    height: auto !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.Unveiling-Key-home-main-card-header img {
    position: relative;
    max-width: 65px;

}

.Unveiling-Key-home-main-card-body {

    width: 100%;
    height: auto !important;
    position: relative;
    text-align: center;

}


.Unveiling-Key-home-main-card-body h3 {

    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    font-family: 'Roboto Slab', serif;

}

.Unveiling-Key-home-main-card-body p {

    line-height: 1.6;
    color: #fff !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;

}

/* .;............................................................................ */


.Few-clicks-all-it-will-main-section {

    width: 100%;
    height: auto !important;
    position: relative;
    padding: 0px 0px 20px 0px;
    background: linear-gradient(to bottom, #F4EBFF, #FFFFFF);

}

.Few-clicks-all-it-will-main-img-area {
    width: 100%;
    height: auto;
    position: relative;
}

.Few-clicks-all-it-will-main-img-area img {
    width: 100%;
    height: auto;
    position: relative;
    object-fit: contain;
}

/* ........................................... */

.Boosts-Engagement-Minimizes-main-section {
    width: 100%;
    height: auto !important;
    position: relative;
    padding: 0px 0px;
    background-color: #fff !important;

}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 60px;
}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area h3 {

    font-size: 22px;
    color: #673AB7;
    line-height: 1.1;
    font-family: 'Roboto Slab', serif;
    line-height: 50px;

}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area h4 {
    font-size: 28px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    line-height: 30px;

}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area p {

    line-height: 1.6;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px;
}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area-point-section {
    position: relative;
    padding-top: 10px;
}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area-point-section img {
    position: relative;
    max-width: 30px !important;



}

.Boosts-Engagement-Minimizes-Gaming-Main-Text-Area-Increase-Sessions-para {

    line-height: 1.6;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px;

}

.mobilepush-notni-readmote-txt-btn {
    position: relative;
    font-size: 16px;
    color: #673AB7;
    line-height: 1.6;
    font-family: 'Roboto Regular';
    text-decoration: none;

}

.gaming-Read-More-margin-top-area {
    margin-top: 28px;
}

.Boosts-Engagement-Minimizes-Gaming-Main-images-Area {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: end;
    align-items: end;
    margin-top: 50px;
}

.Boosts-Engagement-Minimizes-Gaming-Main-images-Area img {
    width: 100%;
    height: auto;
    position: relative;
    max-width: 90%;


}

/* ............................................. */


.Grow-and-retain-audiences-mobile-section {
    width: 100%;
    height: auto !important;
    position: relative;
    padding: 0px 0px;
    background-color: #fff !important;

}


.Grow-and-retain-audiences-mobile-text-area {

    width: 100%;
    height: auto;
    position: relative;
    padding-top: 60px;

}

.Grow-and-retain-audiences-mobile-text-area h3 {

    font-size: 22px;
    color: #673AB7;
    line-height: 1.1;
    font-family: 'Roboto Slab', serif;
    line-height: 50px;

}

.Grow-and-retain-audiences-mobile-text-area h4 {
    font-size: 28px;
    color: #333;
    font-family: 'Roboto Slab', serif;
    line-height: 30px;

}

.Grow-and-retain-audiences-mobile-text-area p {

    line-height: 1.6;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px;

}


.Grow-and-retain-audiences-mobile-main-img-area {

    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: 50px;

}

.Grow-and-retain-audiences-mobile-main-img-area img {
    width: 100%;
    height: auto;
    position: relative;
    max-width: 90%;
}

/* ................... */



.Schedule-a-demo-main-bottom-padding {
    margin-bottom: 50px;
}


/* .slider */

.Trusted-over-million-businesses-slider-heading3 h2 {

    font-size: 33px;
    color: #000000;
    font-family: 'Roboto Slab', serif;
    line-height: 45px;
    text-align: center !important;
    padding-top: 30px;
}

.Trusted-over-million-businesses-slider-heading3 p {
    line-height: 1.2;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px !important;
    text-align: center !important;

}

.lead-new-slider-team .owl-carousel .owl-nav button.owl-prev,
.lead-new-slider-team .owl-carousel .owl-nav button.owl-next {
    display: none !important;
}



.What-Our-Clients-main-card {
    height: 100% !important;
    width: 100%;
    border-radius: 10px !important;
    background-color: #f8f9fa !important;
    position: relative;
    padding: 20px 30px 30px 30px;

}

.What-Our-Clients-header-part {

    height: 100% !important;
    width: 100%;
    max-width: 100%;

}

.What-Our-Clients-header-part p {
    line-height: 1.6;
    color: #445164 !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px;
    height: 240px;
}

.What-Our-Clients-header-main-img-big-area {
    position: relative;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.What-Our-Clients-header-main-img-big-area img {
    max-width: 100px;
    position: relative;
}


/* slider

*/