/*!
Theme Name: trakaff
Author: trakaff
*/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);.approval-circle img,.card-img img,.career-card-img img,.expert img,.features img,.featuresection img,.fraud img,.review-img img {
    mix-blend-mode: normal
}

.approval-circle,.home-logo,.link-circle,.link-circle1,.logo,.slider-right,.wordcircle a {
    place-items: center
}

.mycustom-nav,.mycustom-nav.active,.navbar-toggler:hover,body {
    background: #fff!important
}

.accordion-content,.blog_preview,.box-image,.cap-img-box,.img-box,.mainbox,.mainbox1,.manual-img-slider,.slider-item ul,.swiper-slide {
    overflow: hidden
}

html {
    scroll-behavior: smooth
}

body {
    font-family: 'Euclid Circular A',sans-serif
}

button {
    transition: .2s!important
}

img {
    mix-blend-mode: darken
}

.navsize {
    width: 100%;
    position: fixed!important;
    top: 0;
    z-index: 100!important
}

.approval-section,.mycustom-nav {
    padding: 1rem 3rem!important
}

.sub-menu,.sub-menu:before {
    background: #fff;
    position: absolute
}

.contact input,textarea {
    padding: 7px;
    border: 1px solid #000;
    border-radius: 12px;
    outline: 0
}

.contact .otherinput input,textarea {
    width: 80%;
    margin: 9px auto
}

.contact .name-input {
    width: 84%;
    margin: 9px auto
}

.contact .name-input input,.mimage,.net-image,.smart2img,.smartimg {
    width: 100%
}

.contact button {
    width: 30%;
    margin: 2px auto
}

.modal .btn-close {
    padding: 0!important;
    width: 25px!important
}

.faq {
    padding-top: 4rem;
    margin-top: 3.5rem
}

.blog-content img {
    width: 100%!important
}

@media(min-width: 1439.99px) {
    .navsize,body {
        width:100%!important;
        margin: 0 auto!important
    }
}

@media(min-width: 1600px) {
    .navsize .main-nav {
        display:flex;
        justify-content: center
    }

    .navsize .nav-logo {
        text-align: end!important
    }
}

@media(max-width: 550px) {
    .mycustom-nav {
        padding:.25rem 1rem!important
    }
}

.mycustom-nav ul li {
    margin-left: 1.2rem!important;
    list-style: none;
    padding-top: 1rem;
    padding-bottom: .5rem;
    cursor: pointer
}

@media(max-width: 1300px) {
    .mycustom-nav ul li {
        margin-left:1rem!important
    }
}

@media(min-width: 992.99px) and (max-width:1220.99px) {
    .mycustom-nav ul li {
        margin-left:.5rem!important
    }

    .mycustom-nav ul li a {
        font-size: 14px!important
    }

    .mycustom-nav .nav-content-right .btn-primary,.mycustom-nav .nav-content-right .btn-secondary {
        padding: 12px 20px!important
    }
}

.mycustom-nav ul li a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
    margin: 0 .6rem
}

.optimize-value ul li,.optimize-value ul li small {
    font-weight: 700!important;
    color: #000!important;
    font-size: 1.5rem!important
}

.mycustom-nav ul li:hover>a,.processcontent a {
    color: #000
}

.footer-box ul li a:hover {
    color: #fafafa
}

.current-menu-item a,.sub-menu li a {
    color: #000!important
}

.btnc,.herosection p,.home-features p,.imgbtn:hover,.join span,.not-found,.user p,.values h2 span,.values p {
    color: #3b3663
}

.footer-box p,.premium h4,.thanks-contact-box ul li:hover a {
    color: #fff
}

.sub-menu .current-menu-item a {
    color: #3b3663!important
}

.sub-menu {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: .5rem!important;
    box-shadow: 0 0 40px rgb(0,0,0,.15);
    border-radius: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
    transform: translateX(-33%);
    max-width: 700px;
    min-width: 540px;
    z-index: 1030!important;
    transition: 1s!important
}

.box-image,.boxes,.boxes1,.mainbox,.mainbox1,.slider,.thankassection,.trends,.trends1,.trends3,.trustsection,.value-img {
    position: relative
}

.boxes:before,.sub-menu:before {
    border-radius: 3px;
    -webkit-transform: translate(-50%,0) rotate(-315deg)
}

.sub-menu:before {
    content: '';
    top: -9px;
    left: -15%;
    width: 20px;
    height: 20px;
    opacity: 1;
    transform: translate(-50%,0) rotate(-315deg);
    margin: 0 auto;
    right: 0;
    color: #000;
    z-index: 1
}

.btn-primary:hover,.btn-secondary:hover {
    transform: scale(1.015,1.015)!important;
    box-shadow: 2px 2px 2px rgb(0,0,0,.25)
}

.sub-menu li {
    padding-top: 1rem 0!important;
    flex: 1 1 40%;
    margin-left: 1rem!important
}

.sub-menu li a:hover {
    color: #514c7c!important
}

.anti,.cap,.card-img,.expert,.fraud,.last,.menu-item:hover>.sub-menu,.slider,.sub-item:focus>.sub-menu,.user {
    display: flex
}

@media (max-width: 767.98px) {
    .sub-menu {
        flex-direction:column!important;
        flex-wrap: wrap;
        width: auto;
        min-width: auto;
        max-width: 300px!important;
        transform: translateX(4%);
        padding: 2%!important
    }

    .mycustom-nav ul li {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
}

@media (min-width: 768px) {
    .mycustom-nav .navbar {
        padding-left:15px;
        padding-right: 15px
    }
}

@media (max-width: 991.98px) {
    .mycustom-nav .navbar {
        transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
        background: rgba(255,255,255,.95)
    }

    .mycustom-nav {
        padding-top: 0!important
    }

    .mycustom-nav ul li {
        margin-left: 0!important;
        margin-bottom: 0;
        list-style: none
    }

    .sub-menu li {
        margin-bottom: 1rem!important
    }

    .sub-menu {
        flex-direction: column!important;
        flex-wrap: wrap;
        width: auto;
        min-width: auto;
        max-width: 300px!important;
        transform: translateX(4%);
        padding: 2%!important
    }
}

.btn-secondary {
    border: none!important;
    padding: 6px 10px!important;
    font-size: 12px!important;
    font-weight: 500!important;
    color: #221d1d!important;
    background: #dbdbdb!important;
    transition: .3s!important
}

.btn-font-size,.btn-header-cta {
    font-size: 1rem!important
}

.btn-header-cta {
    padding: 6px 16px!important;
    font-size: .8rem!important
}

.btn-primary {
    background: #3b3663!important;
    color: #fff!important;
    border: none!important;
    transition: .2s!important
}

.btn-primary:hover {
    background: #241e52!important;
    color: #fff!important
}

.btn-secondary:hover {
    background: #dbdbdb!important;
    color: #221d1d!important
}

@media(max-width: 325px) {
    .mycustom-nav .nav-content-right .btn-primary,.mycustom-nav .nav-content-right .btn-secondary {
        padding:10px 20px!important
    }
}

.alert,.herosection,.referral-herosection,.tools,.tracking {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.herosection h6 {
    font-weight: 600;
    margin: 0;
    font-size: 1rem
}

.herosection h1 {
    font-weight: 700;
    margin: 1rem 0;
    font-size: 2.5rem;
    word-spacing: 2px
}

.herosection p {
    font-size: 1.2rem;
    font-weight: 500
}

.trustsection::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-image: url(../img/feature_section_background.jpg)!important;
    background-position: center;
    background-size: cover;
    z-index: -5
}

.alert h2,.net h2,.trustsection h2 {
    font-weight: 600;
    font-size: 1.75rem
}

.values:nth-child(2) {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.values h2 {
    font-weight: 700;
    font-size: 2rem
}

.content1 p,.opt h4,.referralbox h4,.values p {
    font-size: 1.25rem
}

.softwaresection h2 {
    font-weight: 700;
    font-size: 1rem
}

.softwaresection h2 span {
    font-size: 1.75rem;
    color: #3b3663
}

.softimg {
    cursor: pointer
}

.softimg:nth-child(2) img,.softimg:nth-child(4) img {
    height: 70px;
    width: 100%
}

.softimg:nth-child(1) img,.softimg:nth-child(3) img {
    /* margin-top: 1rem; */
    height: 75px;
    width: 100%
}

.softimg:nth-child(5) img {
    height: 50px;
    width: 100%
}

.featuresection {
    background: #3b3663;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.featsec {
    width: 75%;
    margin: 0 auto;
    padding: 4rem 0 0
}

.featsec h2 {
    font-size: 1.75rem;
    text-transform: uppercase
}

.featsec p {
    padding-right: 3rem;
    font-size: 1.25rem
}

.home-feature {
    width: 90%;
    background: #fff;
    box-shadow: 3px 3px 10px grey;
    margin-left: -3rem;
    padding: 1rem 2rem
}

@media(min-width: 992.99px) and (max-width:1220.99px) {
    .home-feature {
        width:105%
    }
}

.home-features {
    margin-top: .6rem!important;
    margin-bottom: .5rem!important;
    padding-right: 2rem!important
}

.home-features p {
    padding-right: 1.1rem!important;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .5rem;
    margin-bottom: .5rem!important
}

.home-features a {
    font-weight: 600;
    color: #000;
    font-size: 1rem
}

.home-headsec {
    display: flex;
    align-items: center!important
}

.home-headsec h3 {
    margin-top: .2rem;
    font-weight: 600;
    font-size: 1.3rem
}

.home-logo {
    background: #d3d3d3;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    font-size: 1.5rem;
    color: #000;
    display: grid;
    margin-right: 1rem
}

.networkbg {
    background-size: cover;
    background-position: center
}

.network h2 {
    font-weight: 700;
    font-size: 1.5rem!important
}

.network p {
    margin: 0 auto;
    width: 70%;
    font-weight: 500;
    color: #3b3663;
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
    font-size: 1.1rem!important;
    line-height: 1.75rem
}

.networks {
    padding: 2rem 3rem!important;
    background: #f3f3f3
}

.networks:nth-child(2) {
    background: #ededed
}

.networks:nth-child(3) {
    background: #d3d3d3
}

.networks h4 {
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

.networks p {
    color: #3b3663;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 2.5rem
}

.opt h2,.processhead {
    color: #3b3663;
    font-size: 1.75rem
}

.optfeature h2,.optimize-content h3 {
    font-size: 1.5rem
}

.optimize_left {
    display: flex;
    height: 600px;
    justify-content: center
}

.card-img img,.career-card-img img,.fraud img,.optimize_left img,.security img,.value-img {
    height: 100%
}

.optimize-value {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.optfeature,.optimize-content {
    display: flex;
    height: calc(100% / 4)
}

.optimize-value ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-left: .6rem
}

.optimize-value ul li {
    height: 25%;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.fraud,.optfeature {
    justify-content: space-around
}

.optfeatures {
    margin-left: 2.5rem
}

.optfeature {
    align-items: center
}

.optfeature h2 {
    margin: 0 1rem;
    text-align: center
}

.optfeature img:first-child {
    width: 60px;
    height: 40px;
    animation: 2s 1s infinite alternate move
}

.optfeature img {
    width: 60px;
    height: 40px;
    animation: 2s 1s infinite alternate moves
}

@keyframes move {
    0% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(-5px)
    }
}

@keyframes moves {
    0% {
        transform: translateX(-5px)
    }

    100% {
        transform: translateX(5px)
    }
}

.optimize-content {
    flex-direction: column;
    justify-content: center
}

.optimize-content p {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
    color: #3b3663
}

.mobile-process,.mobile_size,.screen-reader-response p,.screen-reader-response ul {
    display: none!important
}

.mobile-optfeature {
    display: flex;
    align-items: start;
    flex-direction: column;
    padding-left: 2rem
}

.mobile-optfeature img {
    width: 12%;
    margin-left: 24%
}

.mobile-optfeature h2,.mobile-optfeature1 h2 {
    text-align: center;
    font-size: 1rem
}

.slider-item,.slider-item h2,.slider-item p {
    text-align: left!important
}

.optimize-content1 {
    padding-top: 1rem
}

.optimize-content1 h3 {
    font-size: .8rem;
    font-size: 600
}

.optimize-content1 p {
    line-height: 1.2rem;
    color: #3b3663;
    font-size: .75rem
}

.mobile-optfeature1 {
    display: flex;
    align-items: end;
    flex-direction: column
}

.mobile-optfeature1 img {
    width: 12%;
    margin-right: 24%
}

.carousel-container .carousel {
    width: 90%;
    margin: 0 auto;
    border: 2px solid #3b3663;
    border-radius: 10px!important
}

.slider-item {
    padding: 1.5rem 1rem 0!important;
    background: #fff;
    width: 100%!important;
    border-radius: 10px!important;
    height: 300px!important
}

.slider-item ul {
    margin: 0 0 .6rem;
    padding: 0;
    display: flex
}

.slider-item ul li {
    display: inline-block;
    list-style: none;
    color: #3b3663;
    animation: 1s forwards fade-in;
    font-size: 1.2rem
}

.slider-item ul li:first-child {
    animation-delay: .2s
}

.slider-item ul li:nth-child(2) {
    animation-delay: .4s
}

.slider-item ul li:nth-child(3) {
    animation-delay: .6s
}

.slider-item ul li:nth-child(4) {
    animation-delay: .8s
}

.slider-item ul li:nth-child(5) {
    animation-delay: 1s
}

@keyframes fade-in {
    0% {
        display: none;
        color: transparent
    }

    100% {
        display: block;
        color: #3b3663
    }
}

.slider-item h2 {
    color: #3b3663;
    font-size: 1.5rem!important
}

.slider-item p {
    font-weight: 400!important;
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 0!important
}

.carousel-container .carousel-control-next,.carousel-container .carousel-control-prev {
    color: #3b3663!important;
    font-size: 1.4rem!important;
    background: 0 0!important
}

.carousel-container .carousel-control-next:hover,.carousel-container .carousel-control-prev:hover {
    color: #3b3663!important;
    box-shadow: 0 0 0 rgb(0,0,0,.25);
    background: 0 0!important
}

.carousel-container .carousel-control-next {
    right: -40px!important
}

.carousel-container .carousel-control-prev {
    left: -40px!important
}

.slider-right {
    display: grid;
    text-align: center
}

.slider-right h2,.user h1 span {
    font-weight: 500;
    font-size: 1.75rem
}

.slider-right p,.why p {
    font-size: 1.25rem;
    color: #3b3663;
    font-weight: 500
}

.accordion-boxes2.active,.slider-right .btn,.slider-right .btn:hover,.why button,.why button:hover {
    background: #3b3663;
    color: #fff
}

.slider-right .btn {
    box-shadow: 5px 5px 5px grey;
    padding: 10px 28px
}

.slider-right a {
    color: #3b3663;
    font-size: 1.25rem;
    font-weight: 500
}

@media screen and (max-width: 991.99px) {
    .herosection {
        padding-right:2px;
        margin: 0!important
    }

    .herosection h6 {
        font-size: .9rem;
        font-weight: 600;
        margin-bottom: 0
    }

    .herosection .para {
        display: block;
        font-size: .9rem
    }

    .trustsection h2 {
        font-size: 1.4rem
    }

    .featsec p,.home-logo,.network p,.values p {
        font-size: 1rem!important
    }

    .opt h4,.softwaresection h2 {
        font-size: 1.2rem
    }

    .softwaresection h2 span {
        font-size: 1.5rem
    }

    .softimg:nth-child(2) img,.softimg:nth-child(4) img {
        height: 50px;
        width: 100%
    }

    .softimg:nth-child(1) img,.softimg:nth-child(3) img {
        /* margin-top: 1rem; */
        width: 100%;
        height: 50px!important
    }

    .softimg:nth-child(5) img {
        margin-top: 1rem;
        width: 100%;
        height: 40px
    }

    .featsec h2 {
        font-size: 1.25rem!important
    }

    .home-feature-aos {
        overflow: hidden;
        z-index: 10
    }

    .home-feature {
        width: 110%;
        padding: 1rem!important
    }

    .home-features {
        padding-right: .5rem!important
    }

    .networks,.slider-item {
        padding: 1rem!important
    }

    .home-headsec h3 {
        font-size: 1.1rem
    }

    .home-features p {
        font-size: .9rem!important
    }

    .home-logo {
        width: 35px;
        height: 35px
    }

    .network p {
        width: 100%
    }

    .networks h4 {
        font-size: 1.25rem
    }

    .networks p {
        font-size: 1rem!important;
        line-height: 1.5rem
    }

    .opt h2 {
        color: #3b3663;
        font-size: 1.5rem
    }

    .optfeatures {
        margin-left: 1rem
    }

    .optfeature h2 {
        margin: 0 .75rem;
        font-size: 1.1rem
    }

    .optfeature img,.optfeature img:first-child {
        width: 40px;
        height: 30px
    }

    .optimize-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: calc(100% / 4)
    }

    .optimize-content h3 {
        font-size: 1.2rem;
        margin-right: -2rem!important
    }

    .optimize-content p {
        font-size: .95rem;
        line-height: 1.2rem
    }

    .slider-item {
        height: auto!important;
        margin-top: 0;
        margin-left: 0
    }

    .slider-item ul li,.slider-right a {
        font-size: 1rem
    }

    .slider-item h2 {
        font-size: 1.1rem!important
    }

    .slider-item p {
        font-size: .95rem!important;
        line-height: 1.25rem;
        margin-bottom: 0
    }

    .slider-right {
        padding: 0
    }

    .slider-right h2 {
        font-weight: 500;
        font-size: 1.25rem
    }

    .slider-right h3 {
        font-size: 1.25rem!important;
        line-height: 1.5rem;
        text-align: center;
        margin-bottom: 0
    }

    .slider-right p {
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: 500
    }

    .slider-right .btn {
        box-shadow: 4px 4px 4px rgb(0,0,0,.15);
        font-size: .75rem;
        padding: 5px 10px
    }
}

@media(max-width: 576.99px) {
    .desktop_size {
        display:none!important
    }

    .mobile_size {
        display: block!important
    }
}

@media screen and (max-width: 550px) {
    .herosection {
        padding-right:2px;
        margin: 0!important
    }

    .btn-font-size,.slider-item p {
        font-size: .8rem!important
    }

    .herosection h6 {
        font-size: 1rem;
        font-weight: 600;
        margin-top: 1rem;
        margin-bottom: 0!important
    }

    .herosection h1 {
        font-weight: 600;
        font-size: 1.75rem;
        line-height: 2.1rem;
        margin-bottom: .5rem!important
    }

    .herosection .para {
        display: block;
        font-size: 1rem
    }

    .trackimg {
        display: none;
        justify-content: center
    }

    .network h2,.slider-item h2,.trustsection h2,.values h2 {
        font-size: 1rem!important
    }

    .values p {
        font-size: .8rem!important;
        margin-bottom: 0
    }

    .softwaresection h2 {
        font-size: 12px
    }

    .featsec h2,.opt h2,.slider-item ul li,.slider-right h2,.softwaresection h2 span {
        font-size: 1rem
    }

    .featuresection {
        flex-direction: row
    }

    .featuresection img {
        width: 50%
    }

    .featsec {
        padding-top: .6rem;
        width: 150%
    }

    .featsec p {
        font-size: .95rem;
        padding-right: 0
    }

    .home-feature {
        width: 95%;
        margin: -4rem auto 0;
        padding: .5rem
    }

    .home-features {
        padding-right: .5rem!important;
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .home-features p {
        font-size: .75rem;
        margin-bottom: 0!important;
        margin-top: .25rem;
        line-height: 1rem;
        padding-right: .5rem
    }

    .home-features a {
        font-weight: 500;
        color: #000;
        font-size: .75rem!important
    }

    .home-headsec {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .home-logo {
        width: 25px;
        height: 25px;
        border-radius: 5px;
        font-size: .8rem;
        margin-right: .3rem
    }

    .home-headsec h3 {
        width: 80%;
        font-size: .9rem;
        padding-top: .5rem
    }

    .network p {
        width: 100%;
        margin-top: .5rem;
        line-height: 1.15rem;
        margin-bottom: 1rem;
        font-size: .8rem!important
    }

    .network .btn {
        font-size: 12px!important
    }

    .networks {
        padding: 1rem .5rem!important;
        text-align: center
    }

    .networks h4 {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .networks p {
        line-height: 1.1rem;
        margin-bottom: 0;
        font-weight: 400;
        font-size: .8rem!important
    }

    .opt h4,.slider-right a {
        font-size: .8rem
    }

    .mobile_size {
        display: block!important
    }

    .desktop_size {
        display: none!important
    }

    .carousel-container .carousel {
        width: 100%;
        margin-top: 2rem
    }

    .slider-item {
        padding: 1rem!important
    }

    .carousel-container .carousel-control-next {
        right: -30px!important
    }

    .carousel-container .carousel-control-prev {
        left: -30px!important
    }

    .slider-right {
        padding: 0
    }

    .slider-right h3 {
        font-size: .9rem!important;
        line-height: 1.2rem
    }

    .slider-right p {
        font-size: .85rem
    }

    .slider-right .btn {
        font-size: .75rem
    }
}

#exitPopup,.mobile-contact,.price-container>.tab-pane {
    display: none
}

.cf7 input,.trends1 {
    border: 1px solid #908f8f
}

@media(max-width: 375.99px) {
    .home-headsec h3 {
        font-size:.8rem;
        padding-top: 5px
    }

    .slider-right h3 {
        font-size: .85rem!important
    }
}

@media(max-width: 321px) {
    .herosection button {
        font-size:.8rem!important
    }

    .home-feature {
        width: 100%!important
    }

    .home-features p {
        padding-right: 0!important
    }

    .slider-right:has(h3) .btn {
        font-size: .7rem;
        margin-left: 2rem
    }

    .slider-right h3 {
        margin-left: 1.5rem;
        text-align: right!important;
        font-size: .65rem!important;
        line-height: 1rem
    }
}

.expert-details h4,.expertbox p {
    font-size: 1rem;
    color: #fff
}

.expertbox h5,.expertbox p {
    text-align: center;
    font-weight: 500
}

.expertbox {
    background: #31475e;
    padding: 4rem 3.5rem 1rem!important
}

.expertbox h5 {
    color: #fff;
    margin: 1rem 0
}

.expert img {
    width: 25%;
    height: 25%
}

.expert-details {
    padding: 1rem
}

.expert-details h4 {
    margin: 0
}

.contact-form {
    padding: 1rem 0
}

.contact-form form {
    width: 80%;
    margin: 0 auto
}

.contact-form h2 {
    text-decoration: underline;
    font-weight: 600;
    margin-top: 1.5rem!important;
    font-size: 1.75rem
}

.contact-form p,.join p,.trends1 p,.why span {
    color: #3b3663;
    font-weight: 500;
    font-size: 1.25rem
}

.contact-form span {
    color: #000;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 0
}

.contact-form-7 form {
    margin-top: 1.5rem;
    width: 80%!important
}

.cf7 input,.cf7 textarea {
    margin-top: .75rem!important;
    width: 100%!important
}

.cf7 input {
    height: 45px!important;
    border-radius: 5px;
    font-size: 1rem!important;
    padding: 0 .5rem!important
}

.cf7 textarea {
    padding: 1rem .5rem!important
}

.cf7 input::placeholder,.cf7 textarea::placeholder {
    color: #000;
    font-size: 1rem!important
}

.wpcf7-form-control-wrap span {
    margin-top: 1rem!important;
    color: red!important;
    text-align: left!important;
    font-size: 14px!important;
    display: block
}

.accordion-label,.box p,.box-image,.card p,.card2 h3,.card2 p,.career-card p,.carousel-item h3,.carousel-item p,.carrer-circle,.circle1,.free h2,.free h3,.free p,.icon,.not-found,.processcontent,.referralbox h3,.referralbox h4,.tagline,.testimonials,.testimonials h2,.thankyou,.track h3,.track p,.who h2,.who p {
    text-align: center
}

.wpcf7 form .wpcf7-response-output {
    color: #fff!important;
    font-size: .8rem!important;
    text-align: left;
    padding: 6px!important
}

.contact-7-button-wrap input {
    outline: 0;
    border: none;
    background: #3b3663!important;
    font-size: 1rem!important;
    color: #fff!important;
    padding: 10px 40px!important;
    border-radius: 5px!important
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450!important;
    background: #46b450!important
}

.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output {
    border-color: #dc3232!important;
    background-color: #dc3232!important
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28!important;
    background: #f56e28!important
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900!important;
    background: #ffb900!important
}

.contact-head h3 {
    padding: 0 5rem;
    font-size: 1.75rem;
    margin: 1.5rem 0
}

.contact-img {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 4rem!important;
    position: relative
}

.contact-img img,.referral-trackimg img {
    width: 80%
}

.contact-img ul,.report-features ul,.thanks-contact-box ul {
    margin: 0;
    padding: 0
}

.contact-img ul li {
    list-style: none;
    font-weight: 500;
    font-size: 1.2rem
}

.contact-img ul li:first-child {
    position: absolute;
    top: 50px;
    left: 200px
}

.contact-img ul li:nth-child(2) {
    position: absolute;
    top: 170px;
    right: 258px
}

.contact-img ul li:nth-child(3) {
    position: absolute;
    top: 294px;
    left: 200px
}

.contact-img ul li:nth-child(4) {
    position: absolute;
    top: 420px;
    right: 200px
}

.contact-img ul li:nth-child(5) {
    position: absolute;
    top: 540px;
    left: 170px
}

.contact-img ul li:nth-child(6) {
    position: absolute;
    top: 670px;
    right: 200px
}

.contact-img ul li:nth-child(7) {
    position: absolute;
    top: 790px;
    left: 200px
}

@media(min-width: 1400px) {
    .contact-img ul li {
        font-size:1.5rem
    }

    .contact-img ul li:first-child {
        position: absolute;
        top: 60px;
        left: 200px
    }

    .contact-img ul li:nth-child(2) {
        position: absolute;
        top: 200px;
        right: 200px
    }

    .contact-img ul li:nth-child(3) {
        position: absolute;
        top: 340px;
        left: 200px
    }

    .contact-img ul li:nth-child(4) {
        position: absolute;
        top: 480px;
        right: 200px
    }

    .contact-img ul li:nth-child(5) {
        position: absolute;
        top: 630px;
        left: 170px
    }

    .contact-img ul li:nth-child(6) {
        position: absolute;
        top: 770px;
        right: 225px
    }

    .contact-img ul li:nth-child(7) {
        position: absolute;
        top: 920px;
        left: 200px
    }
}

@media(max-width: 991.99px) {
    .mycustom-nav ul li {
        padding-top:0!important
    }

    .expertbox {
        padding: .5rem!important
    }

    .contact-head h3 {
        padding: 0!important;
        font-size: 1.25rem
    }

    .contact-img img {
        width: 90%
    }

    .contact-img ul li {
        font-size: 1.1rem!important
    }

    .contact-img ul li:first-child {
        top: 35px;
        left: 80px
    }

    .contact-img ul li:nth-child(2) {
        top: 120px;
        right: 80px
    }

    .contact-img ul li:nth-child(3) {
        top: 210px;
        left: 80px
    }

    .contact-img ul li:nth-child(4) {
        top: 295px;
        right: 80px
    }

    .contact-img ul li:nth-child(5) {
        top: 380px;
        left: 80px
    }

    .contact-img ul li:nth-child(6) {
        top: 465px;
        right: 80px
    }

    .contact-img ul li:nth-child(7) {
        top: 555px;
        left: 80px
    }
}

.career-card-img,.line,.line2 {
    justify-content: center
}

.join {
    padding: 4rem 3.2rem 0 0
}

.join h1 {
    font-weight: 700;
    margin-bottom: 1.5rem;
    font-size: 2.5rem
}

.pricing_options ul,.smart ul,.why {
    margin-top: 1.5rem
}

.business-common-features h2,.let,.why h2 {
    font-size: 1.75rem;
    font-weight: 600
}

.career-card {
    margin: 3rem auto 0;
    border: none;
    border-radius: 10px;
    width: 100%;
    background: #dcc2f0;
    box-shadow: 5px 5px 5px #d5d1d1;
    padding: .3rem 0
}

.career-card-img {
    width: 100%;
    height: 100px;
    display: flex;
    margin-top: -60px!important
}

.card h3,.career-card h2 {
    text-align: center;
    color: #000;
    margin: 1.5rem 0;
    font-size: 1.5rem;
    font-weight: 600
}

.accordion-label,.accordion-label h3,.career-card p,.free p {
    font-size: 1.2rem
}

.career-card p {
    color: #3b3663;
    padding: 0 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.accordion-boxes {
    cursor: pointer;
    margin-top: 2rem!important;
    transition: .5s;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 12px 0!important;
    position: relative;
    background: #fff
}

.accordion-label {
    color: #000;
    font-weight: 600;
    transition: .3s;
    display: block
}

.accordion-content {
    transition: .5s;
    height: 0;
    padding: 0 3rem
}

.accordion-content ul,.accordion-content1 ul {
    margin: 1rem 0 0;
    padding: 0
}

.accordion-content ul li,.accordion-content1 ul li {
    list-style: none
}

.accordion-content h3,.accordion-content1 h4 {
    font-size: 1rem;
    margin-bottom: 5px;
    margin-top: 1rem
}

.accordion-boxes.active .accordion-content {
    height: auto
}

.carrer-circle {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #3b3663;
    line-height: 30px;
    color: #fff;
    transition: .5s
}

.box p,.fraud {
    background: #f8e2aa
}

.carrer-circle:before {
    content: '\f107';
    font-family: fontawesome;
    transition: .5s
}

.accordion-boxes.active .carrer-circle::before {
    content: '\f106'
}

@media (max-width: 991.99px) {
    .join {
        padding:1rem 3.2rem 0 0
    }

    .join h1 {
        font-size: 1.75rem
    }

    .join p {
        font-weight: 500;
        font-size: 1.1rem
    }

    .career-card h2 {
        margin: .5rem 0
    }

    .career-card p {
        padding: 0 .75rem;
        margin-bottom: 1rem
    }
}

.anti {
    margin-right: -3rem;
    flex-direction: column;
    justify-content: center
}

.anti h1 {
    font-weight: 700;
    color: #000;
    font-size: 2.5rem;
    margin-bottom: 1.5rem
}

.anti ul li,.offer ul li,.smart ul li {
    color: #3b3663;
    font-weight: 500;
    font-size: 1.5rem
}

.anti button {
    width: 200px
}

.box-image h2,.content2 h3,.know h2 {
    font-size: 1.75rem!important
}

.fraud {
    box-shadow: 6px 6px 4px rgb(0,0,0,.25);
    border-radius: 10px;
    height: 350px;
    align-items: center
}

.line,.line2,.line3,.mainbox1,.security {
    height: 300px;
    display: flex
}

.box-image,.thanks-contact-box,.thankyou,.uptime-content {
    box-shadow: 4px 4px 4px rgb(0,0,0,.25)
}

.fraud p {
    color: #3b3663;
    font-weight: 500;
    font-size: 1.9rem;
    padding-right: 8rem
}

.all h2 {
    font-weight: 600;
    color: #000;
    font-size: 1.75rem
}

.all p {
    color: #3b3663;
    font-weight: 500;
    font-size: 1.1rem;
    margin-top: 1.09rem
}

.security {
    justify-content: space-around;
    align-items: center
}

.link-circle img,.link-circle1 img,.security-content {
    width: 50%
}

.line {
    margin-top: -2rem;
    margin-bottom: -5rem;
    margin-left: -4rem
}

.line2,.line3 {
    margin-top: -4rem;
    margin-left: -3rem
}

.line img,.line2 img,.line3 img {
    width: 45%
}

.line2 {
    margin-bottom: -6rem
}

.line3 {
    justify-content: center;
    margin-bottom: -2rem
}

@media(max-width: 768.99px) {
    .fraud p {
        font-size:1.25rem;
        padding: 0
    }
}

@media(max-width: 550px) {
    .anti,.smart2 {
        width:fit-content
    }

    .home-1-div {
        padding-top: 4.5rem!important
    }

    .modal-btn {
        margin-left: 11px!important
    }

    .expertbox {
        padding: 1rem!important
    }

    .btn-header-cta {
        font-size: .8rem!important
    }

    .expert-details,.expertbox p {
        font-size: .8rem
    }

    .expertbox h5 {
        font-size: 1rem;
        margin: 0 0 1rem
    }

    .experts {
        display: flex;
        flex-direction: column
    }

    .expert {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .expert img {
        width: 25%;
        height: 25%
    }

    .expert-details {
        padding: .5rem
    }

    .expert-details h4 {
        margin: 0;
        font-size: .9rem;
        text-align: center
    }

    .contact-form h2 {
        text-decoration: underline;
        font-weight: 600;
        font-size: 1.25rem;
        margin-top: .8rem
    }

    .contact-form p {
        font-size: .9rem
    }

    .contact-form span {
        font-size: .8rem;
        line-height: 0
    }

    .form-control::placeholder {
        font-size: .85rem!important
    }

    form {
        width: 100%!important
    }

    .contact-head h3 {
        padding: 0;
        font-size: .95rem
    }

    .contact-img {
        display: none
    }

    .mobile-contact {
        display: block;
        position: relative
    }

    .mobile-contact img {
        mix-blend-mode: normal
    }

    .mobile-contact ul {
        margin: 0;
        padding: 0
    }

    .mobile-contact ul li {
        list-style: none;
        font-weight: 500;
        font-size: .9rem;
        padding: 6px 20px;
        border: 1px solid #bfbfbf;
        border-radius: 50px;
        width: 65%;
        text-align: center
    }

    .mobile-contact h3 {
        color: #3b3663;
        font-size: 1.2rem;
        margin-top: -1.65rem
    }

    .mobile-contact p {
        margin-bottom: 0!important
    }

    .mobile-contact ul li:first-child {
        position: absolute;
        top: 10px;
        left: 40px;
        z-index: -2
    }

    .mobile-contact ul li:nth-child(2) {
        z-index: -2;
        position: absolute;
        top: 80px;
        left: 80px
    }

    .mobile-contact ul li:nth-child(3) {
        position: absolute;
        top: 155px;
        left: 40px;
        z-index: -2
    }

    .mobile-contact ul li:nth-child(4) {
        z-index: -2;
        position: absolute;
        top: 230px;
        left: 80px
    }

    .mobile-contact ul li:nth-child(5) {
        position: absolute;
        top: 305px;
        left: 40px;
        z-index: -2
    }

    .mobile-contact ul li:nth-child(6) {
        z-index: -2;
        position: absolute;
        top: 378px;
        left: 85px
    }

    .mobile-contact ul li:nth-child(7) {
        position: absolute;
        top: 452px;
        left: 40px;
        z-index: -2
    }

    .anti {
        margin-right: 0
    }

    .blog-cat-head {
        margin-top: 3.2rem
    }

    .anti h1 {
        font-size: 1.25rem;
        margin-bottom: .8rem;
        z-index: 23
    }

    .anti ul li {
        font-weight: 500;
        font-size: 1rem;
        margin-right: -2.5rem
    }

    .anti button {
        margin-top: -.5rem!important;
        font-size: .8rem;
        width: 150px;
        margin-right: -3rem
    }

    .fraud-img {
        width: 100%;
        margin-top: 0;
        margin-left: 0
    }

    .know h2 {
        font-size: 1rem!important;
        margin-bottom: 0;
        font-weight: 600
    }

    .fraud {
        height: 200px
    }

    .fraud img {
        height: 70%
    }

    .fraud p {
        font-size: 1rem;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .all h2 {
        font-size: 1rem!important
    }

    .all p {
        font-size: .8rem!important;
        margin-top: .5rem
    }

    .security-content {
        width: 48%
    }

    .security-content p {
        font-size: .6rem!important
    }

    .anti-images {
        width: 55%;
        margin-left: -1rem;
        margin-right: -1rem
    }

    .security {
        height: 250px
    }

    .line img,.line2 img,.line3 img {
        height: 150px
    }

    .line {
        margin-top: -2rem;
        margin-bottom: -12rem
    }

    .line2 {
        margin-top: -3rem;
        margin-bottom: -14rem
    }

    .line3 {
        margin-top: -4rem;
        margin-bottom: -12rem
    }
}

.tracking h1 {
    font-weight: 700;
    font-size: 40px
}

.tracking p {
    font-weight: 500;
    color: #3b3663;
    font-size: 24px
}

.tracking .btn {
    margin-top: .75rem;
    font-size: 14px;
    width: fit-content;
    padding: 10px 24px
}

.boxes1:before,.boxes:before {
    position: absolute;
    right: 3%!important;
    width: 20px;
    height: 20px;
    background: #fff;
    color: #000;
    z-index: -10;
    content: '';
    opacity: 1
}

.trackingimg {
    height: 80%;
    margin-top: 4rem
}

.trakimg-div {
    padding: 2rem
}

.box-image {
    width: 80%;
    height: 330px;
    margin: 0 auto;
    border: 1px solid #3b3663!important;
    padding: 1rem 0 0;
    border-radius: 10px;
    background: #fff;
    z-index: 20
}

.box-image img {
    height: 250px
}

.box p {
    border-radius: 10px;
    font-weight: 400!important;
    width: 70%;
    line-height: 2.5rem;
    font-size: 1.25rem!important;
    padding: 1.5rem!important;
    margin: -1rem auto 0
}

.tri {
    padding: 0 2.5rem
}

.track h3 {
    font-size: 1.75rem!important;
    font-weight: 600
}

.card p,.imgbtn,.track p,.tracking-dynamic,.who p {
    font-weight: 500;
    color: #3b3663
}

.track p {
    padding: 0 18rem;
    font-size: 1.25rem!important
}

.boxes,.boxes1 {
    width: 25%;
    margin: 0 auto;
    border: 1px solid #3b3663;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 10px;
    text-align: left!important
}

.boxes:before {
    top: -9px;
    transform: translate(-50%,0) rotate(-315deg);
    margin: 0 auto;
    border: 1px solid #3b3663;
    clip-path: polygon(0 0,0% 100%,100% 100%)
}

.boxes:nth-child(2):before {
    top: -9px;
    left: -70%;
    clip-path: polygon(0 0,100% 0,100% 100%)
}

.boxes img,.boxes1 img {
    width: 40%
}

.boxes h3,.boxes1 h3 {
    color: #3b3663;
    font-weight: 600;
    font-size: 1.25rem;
    text-align: center;
    line-height: 2.25rem
}

.boxes1:before {
    bottom: -9px;
    border-radius: 3px;
    -webkit-transform: translate(-50%,0) rotate(-315deg);
    transform: translate(-50%,0) rotate(-315deg);
    margin: 0 auto;
    border: 1px solid #3b3663;
    clip-path: polygon(0 0,0% 100%,100% 100%)
}

.boxes1:nth-child(2):before {
    bottom: -9px;
    left: -70%;
    clip-path: polygon(0 0,100% 0,100% 100%)
}

.tracking-dynamic {
    width: 35%;
    border-radius: 10px;
    border: 1px solid #3b3663;
    padding: 1rem .5rem;
    font-size: 1.25rem;
    text-align: center;
    margin: 0 auto;
    background: #dcc2f0;
    line-height: 2.5rem
}

.uptime {
    display: flex;
    margin: 1rem 0!important
}

.uptime img {
    width: 30%
}

.uptime-content {
    background: #d9d9d9;
    width: 70%;
    padding: 1rem 1rem .5rem!important;
    border-radius: 0 10px 10px 0
}

.img-box,.trends,.trends1 {
    background: #fff
}

.referralbox h3,.uptime-content h2 {
    color: #3b3663;
    font-weight: 600;
    font-size: 1.75rem
}

.uptime-content p {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2.25rem
}

.fast {
    padding: 4rem 1.5rem
}

.fast h2 {
    font-weight: 600;
    color: #3b3663;
    font-size: 1.75rem!important
}

.fast p {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 1.25rem!important;
    padding-right: 3rem;
    line-height: 2.5rem
}

.trends {
    border: 1px solid #000;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 5rem
}

.trends h2,.user h1 {
    font-size: 2.5rem;
    font-weight: 600
}

.gap {
    border-radius: 15px 15px 0 0!important
}

.gap .btn {
    border-radius: 10px!important;
    box-shadow: 4px 4px 4px rgb(0,0,0,.25)!important;
    padding: .7rem 1.4rem;
    z-index: 13000
}

.link-box1::after,.link-box::after {
    content: '';
    height: 60px;
    z-index: -1;
    background: #fbfbfb
}

.img-box {
    width: 35%;
    height: 350px;
    border: 1px solid #3b3663;
    border-radius: 10px;
    box-shadow: 0 0 2px #000;
    z-index: 1
}

.img-box img {
    width: 100%;
    height: 100%
}

.content-box {
    width: 65%
}

.content-box h2 {
    color: #3b3663;
    font-weight: 600;
    padding: 2.5rem 3rem
}

.content-box p {
    border-radius: 0 10px 10px;
    font-weight: 500;
    background: #dcc2f0;
    padding: 3rem 5rem 3rem 4rem!important;
    font-size: 1.25rem;
    margin-left: -1rem;
    line-height: 2.5rem;
    margin-bottom: 0
}

@media(min-width: 992.99px) and (max-width:1350px) {
    .box-image {
        width:90%
    }

    .box p {
        width: 75%
    }

    .tracking-dynamic {
        width: 30%
    }

    .trends {
        padding: 2rem 2rem 5rem
    }

    .content-box h2 {
        padding: 1.25rem 3rem
    }
}

@media (min-width: 500px) and (max-width:991.99px) {
    .trackimg video {
        height:280px!important;
        width: 380px!important
    }

    .herosection h1 {
        font-size: 1.5rem;
        line-height: 2.1rem;
        margin-bottom: .5rem!important
    }

    .home-1-div {
        padding-top: 4.5rem!important
    }

    .gap .btn {
        border-radius: 5px!important;
        box-shadow: 2px 2px 2px #000;
        padding: 4px 3px!important;
        font-size: .8rem
    }

    .expertbox {
        margin-top: 23px;
        padding: 23px!important
    }

    .expert img {
        width: 20%;
        height: 20%;
        mix-blend-mode: normal
    }

    .contact-img ul li {
        font-size: .8rem!important
    }

    .tracking h1 {
        font-size: 2rem
    }

    .tracking p {
        margin-top: 1rem;
        margin-bottom: 0;
        font-size: 1.25rem
    }

    .tracking .btn {
        margin: .5rem 0 2rem;
        font-size: 12px;
        padding: 10px 20px
    }

    .trackingimg {
        margin-bottom: 3rem;
        height: 45%;
        margin-top: 4rem
    }

    .box-image {
        width: 100%
    }

    .box p {
        width: 92%;
        font-size: 1.2rem!important;
        padding: 1rem!important
    }

    .track p {
        padding: 0 2.5rem!important
    }

    .boxes {
        width: 36%
    }

    .tracking-dynamic {
        width: 40%
    }

    .uptime-content {
        padding: 1rem 3rem!important
    }

    .fast {
        padding: 0 1.5rem
    }

    .fast p {
        line-height: 2rem
    }

    .fast-img {
        width: 100%!important
    }

    .trends {
        padding: 3rem!important;
        margin-bottom: 3rem
    }

    .trends h2 {
        font-size: 1.5rem
    }

    .gap {
        left: 30%!important
    }

    .content-box h2 {
        padding: .5rem 1rem
    }

    .content-box p {
        padding: 3rem 4rem!important
    }
}

@media (max-width: 550px) {
    .join {
        padding:0 0 0 .5rem;
        z-index: 5
    }

    .join h1 {
        font-weight: 700;
        margin-bottom: .5rem;
        font-size: 1.5rem
    }

    .join p {
        font-size: .9rem;
        line-height: 1.1rem
    }

    .career-card {
        margin-top: 2rem
    }

    .career-card-img {
        height: 70px;
        margin-top: -40px!important
    }

    .career-card h2 {
        font-size: 1rem;
        margin: .5rem 0!important;
        padding: 0 1rem
    }

    .career-card p {
        font-size: .85rem;
        line-height: 1rem;
        padding: 0 .5rem;
        font-weight: 400;
        margin-bottom: .5rem
    }

    .boxes1 h3,.uptime-content h2,.why h2 {
        font-size: 1rem
    }

    .why p,.why span {
        font-size: .9rem
    }

    .accordion-label,.accordion-label h3,.track h3 {
        font-size: 1rem!important
    }

    .accordion-content {
        padding: 0 1rem;
        font-size: .85rem
    }

    .accordion-boxes.active .accordion-label {
        padding-bottom: 1rem;
        color: #7c1ac9
    }

    .accordion-boxes.active .accordion-content {
        overflow: scroll
    }

    .carrer-circle {
        left: 45%
    }

    .boxes img,.boxes1 img,.circle,.uptime img {
        display: none
    }

    .tracking h1 {
        font-size: 1.75rem
    }

    .tracking p {
        margin-top: .8rem;
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .tracking .btn {
        margin-top: 0!important;
        padding: 5px 10px!important;
        font-size: 14px;
        margin-bottom: 2rem
    }

    .trackingimg {
        width: 100%;
        margin-bottom: 1rem
    }

    .box-image {
        width: 80%!important;
        height: 255px!important;
        padding: 1.5rem 0;
        z-index: 2
    }

    .box-image h2 {
        margin: 0;
        font-size: 1.2rem!important
    }

    .box-image img {
        height: auto!important;
        width: auto!important
    }

    .box p {
        width: 70%!important;
        font-size: .9rem!important;
        padding: 2rem 1rem 1rem!important;
        margin-top: -1rem;
        line-height: 1.75rem;
        font-weight: 500!important;
        margin-bottom: 1.5rem!important
    }

    .track p {
        font-size: .85rem!important;
        padding: 0 .5rem!important
    }

    .boxes {
        width: 100%;
        position: relative;
        height: 80px;
        padding: 3rem 0 2rem
    }

    .alertheight {
        height: 100px
    }

    .alertheight2 {
        height: 80px
    }

    .boxes h3 {
        font-size: .9rem;
        line-height: 1.4rem;
        font-weight: 600;
        margin-left: 0
    }

    .tracking-dynamic {
        width: 75%;
        padding: 1rem!important;
        font-size: 1rem;
        line-height: 1.7rem;
        margin-bottom: 1.8rem
    }

    .fast {
        padding: 1rem
    }

    .fast h2 {
        margin-right: -5rem;
        font-size: 1.2rem!important
    }

    .fast p {
        margin-top: 1rem;
        font-size: .8rem!important;
        padding-right: 1rem;
        margin-bottom: 0;
        margin-right: -2.45rem;
        line-height: 1.2rem
    }

    .fast-img {
        margin-top: 1rem;
        width: 105%;
        margin-left: -.7rem
    }

    .uptime {
        margin: .5rem 0!important
    }

    .uptime-content {
        width: 100%;
        padding: 1rem 0 0 1rem!important;
        border-radius: 0 10px 10px 0
    }

    .uptime-content p {
        font-weight: 500;
        font-size: .85rem
    }

    .trends {
        margin: 1rem 1rem 0;
        padding: 1rem 0 4.5rem .5rem!important
    }

    .trends-img {
        width: 120%;
        margin-left: -1.5rem
    }

    .trends h2 {
        font-size: 1.2rem;
        line-height: 1.8rem
    }

    .gap {
        border-radius: 10px 10px 0 0;
        left: 20%!important;
        bottom: -.65%;
        border: 1px solid #000;
        border-bottom: 1px solid #fbfbfb
    }

    .gap .btn {
        border-radius: 5px!important;
        box-shadow: 2px 2px 2px #000;
        padding: 3px 2px!important;
        font-size: .8rem
    }

    .img-box {
        width: 50%;
        overflow: hidden;
        height: 250px;
        margin-top: 2.5rem
    }

    .img-box img {
        width: 100%;
        height: 100%
    }

    .content-box {
        width: 60%
    }

    .content-box h2 {
        padding: 0;
        margin-left: -10rem;
        font-size: 1.2rem
    }

    .content-box p {
        margin-top: 2.3rem;
        padding: 1.2rem 1.25rem 1.2rem 2rem!important;
        font-size: .8rem;
        line-height: 1.5rem;
        margin-left: -1rem;
        font-weight: 500
    }
}

@media(max-width: 375.99px) {
    .content-box p {
        margin-top:2rem;
        padding: 1.4rem 1.25rem 1.4rem 2rem!important;
        font-size: .7rem
    }

    .box-image {
        width: 90%!important
    }

    .box p {
        width: 80%!important
    }
}

@media(max-width: 325.99px) {
    .box-image {
        width:100%!important
    }

    .box p {
        width: 90%!important
    }

    .fast-img {
        margin-top: 3rem
    }

    .content-box h2 {
        font-size: 1rem;
        margin-left: -8rem
    }

    .content-box p {
        margin-top: 1.3rem!important;
        padding: 1rem .6rem 1rem 2rem!important
    }

    .trends h2 {
        font-size: 1rem;
        line-height: 1.4rem
    }

    .gap {
        left: 12.5%!important
    }

    .img-box {
        height: 192px;
        padding: 2rem 0!important
    }
}

.report-features ul li,.smart2 p {
    margin-top: 1rem
}

.smart2 {
    margin: 1.5rem 0!important
}

.smart h1,.smart2 h1 {
    font-size: 2.5rem;
    font-weight: 700
}

.smart2 p {
    color: #3b3663;
    font-weight: 500;
    padding-right: 15rem;
    font-size: 1.5rem!important
}

.report-features {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.ads,.net {
    flex-direction: column
}

.report-features h2 {
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 1.75rem
}

.net p,.report-features ul li {
    font-size: 1.25rem;
    color: #3b3663
}

.net {
    display: flex;
    justify-content: center;
    padding: 0 4rem
}

.net p {
    font-weight: 500;
    margin-top: 0
}

.trends1 {
    margin: 4rem 0;
    border-radius: 20px;
    padding: 1.5rem 0 1.5rem 3rem
}

.access-circle img,.redirect-circle img,.trends-img1 {
    width: 60%
}

.trends1 h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 4rem
}

.gap {
    background: #fbfbfb;
    padding: .5rem;
    position: absolute;
    left: 40%;
    bottom: -.5%;
    border: 1px solid #908f8f;
    border-bottom: none
}

.auto-content img,.auto-invoice-content img {
    width: 30%;
    mix-blend-mode: normal
}

.auto-content {
    display: flex;
    background: #dcc2f0;
    box-shadow: 6px 6px 4px rgb(0,0,0,.25);
    border-radius: 10px;
    padding: 1.5rem 1.5rem 0
}

.auto-content h2 {
    color: #3b3663;
    font-weight: 600;
    font-size: 1.75rem;
    padding: 1rem
}

.auto-content p {
    font-weight: 500;
    padding: 1rem 5rem 1rem 1rem;
    font-size: 1.25rem;
    color: #3b3663;
    line-height: 2.5rem
}

.link-box p,.link-box1 p {
    color: #000;
    font-weight: 500
}

.smart {
    margin-top: 6rem!important;
    margin-bottom: 2rem!important;
    padding: 2rem!important
}

.smart .btn {
    padding: 8px 20px;
    font-size: 14px
}

.link-box {
    border: 1px solid;
    width: 80%;
    height: 325px;
    margin: 0 auto;
    text-align: center;
    padding: 4rem 5rem;
    position: relative;
    box-shadow: 4px 2px 4px rgb(0,0,0,.25);
    border-radius: 10px;
    color: #fff
}

.link-box::after {
    position: absolute;
    width: 115px;
    border-radius: 120px 120px 0 0;
    border: 2px solid;
    border-bottom: 0 solid #fbfbfb;
    bottom: -.3%;
    left: 38%;
    box-shadow: 1px 1px 2px rgb(0,0,0,.25) inset
}

.link-box p {
    font-size: 1.7rem
}

.link-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #3b3663;
    display: grid;
    background: #f8e2aa;
    position: absolute;
    left: 39.7%;
    bottom: -16%
}

.link-box1 {
    border: 1px solid;
    width: 90%;
    margin: 5rem auto 0;
    text-align: left;
    padding: 2rem;
    position: relative;
    box-shadow: 6px 6px 4px rgb(0,0,0,.25);
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: -2
}

.link-circle1,.wordcircle a {
    display: grid
}

.link-box1::after {
    position: absolute;
    width: 120px;
    border-radius: 0 0 120px 120px;
    top: -.4%;
    left: 44%;
    border: 2px solid;
    border-top: 2px solid #fbfbfb
}

.link-box1 p {
    font-size: 1.6rem;
    align-self: center;
    margin-top: 1rem;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem
}

.link-circle1 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #3b3663;
    background: #c2f0ed;
    position: absolute;
    left: 45%;
    top: -18%
}

@media(min-width: 1400px) {
    .link-box {
        height:275px
    }

    .link-circle {
        left: 39.5%;
        bottom: -19%
    }

    .link-circle1 {
        left: 45%
    }
}

@media(min-width: 992.99px) and (max-width:1300px) {
    .link-box {
        width:90%;
        padding: 3rem;
        height: 300px
    }
}

@media(max-width: 991.99px) {
    .smart2 {
        margin:.5rem 0!important
    }

    .smart2 h1 {
        font-size: 2rem;
        margin-right: -2rem
    }

    .smart2 p {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 0;
        font-size: 1.5rem!important
    }

    .trends1 {
        padding: 1.5rem 0 4rem 3rem
    }

    .trends1 h2 {
        font-size: 2rem
    }

    .auto-content p {
        padding-right: 1.5rem
    }

    .smart {
        padding-left: 1rem;
        padding-top: 0;
        margin: 1rem 0!important
    }

    .smart h1 {
        font-size: 1.75rem
    }

    .smart .btn {
        padding: 6px 12px;
        margin-right: -2rem;
        font-size: .95rem
    }

    .smart ul {
        margin: .5rem 0 0;
        padding: 0
    }

    .smart ul li {
        margin-left: 1rem;
        font-size: 1.1rem
    }

    .smartimg {
        margin-top: 0
    }

    .link-box {
        width: 100%;
        padding: 3rem;
        height: 250px
    }

    .link-box p,.link-box1 p {
        font-size: 1.35rem
    }

    .link-circle {
        bottom: -20.5%;
        left: 40%
    }

    .link-circle1 {
        left: 45.75%
    }
}

@media (max-width: 550px) {
    .link-box p,.trends1 p {
        font-size:1rem
    }

    .smart2 h1 {
        font-size: 1.25rem;
        margin-right: 0
    }

    .smart2 p {
        margin-top: .5rem;
        font-size: 1rem!important;
        margin-bottom: 0;
        padding-right: 0
    }

    .smart2 .btn {
        padding: .4rem!important;
        width: auto;
        font-size: .8rem!important;
        margin-top: 0
    }

    .report-features h2 {
        font-size: 1.2rem;
        padding-left: .8rem;
        margin-bottom: .5rem;
        padding-top: 1rem
    }

    .report-features ul {
        margin: 0;
        padding: 0 2rem
    }

    .report-features ul li {
        list-style: disc;
        font-size: .9rem;
        margin-top: .5rem
    }

    .net {
        padding: 0 1rem;
        z-index: 2
    }

    .net h2 {
        font-weight: 600;
        font-size: 1rem;
        margin-right: -3rem
    }

    .net p {
        font-size: .85rem;
        margin-top: 0
    }

    .net-image {
        width: 125%;
        margin-left: -1rem
    }

    .trends1 {
        margin: 1rem 0;
        padding: 1rem 0 4.5rem 1rem
    }

    .trends-img1 {
        width: 113%;
        height: 92px;
        margin-left: -1.5rem
    }

    .trends1 h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .auto-content p {
        font-weight: 500;
        padding: .6rem 0 0;
        margin-right: -2rem;
        font-size: .85rem;
        line-height: 1.5rem
    }

    .auto-content h2 {
        padding: 0;
        margin-right: -10rem;
        font-size: 1rem
    }

    .auto-content img {
        width: 40%;
        float: left;
        margin-left: 2rem;
        height: 60px
    }

    .auto-content {
        margin: 0 auto;
        width: 80%;
        justify-content: space-between;
        box-shadow: 6px 6px 4px rgb(0,0,0,.25);
        border-radius: 10px;
        padding: 1.5rem 0 0 1rem!important
    }

    .gap {
        border-radius: 10px 10px 0 0;
        left: 12%;
        bottom: -.6%;
        border: 1px solid #908f8f;
        border-bottom: 1px solid #fbfbfb
    }

    .smart {
        padding-left: 1rem;
        padding-top: 0;
        margin: 1rem 0!important
    }

    .smart h1 {
        font-size: 1.75rem
    }

    .smart .btn {
        padding: 6px 12px;
        font-size: .8rem
    }

    .smart ul {
        margin: .5rem 0 0;
        padding: 0
    }

    .smart ul li {
        list-style: disc;
        margin-left: 1rem;
        font-size: .9rem;
        margin-right: -1rem
    }

    .know h2 {
        font-size: 1.3rem;
        font-weight: 600
    }

    .link-box {
        width: 100%;
        padding: 2rem 2rem 5rem;
        box-shadow: 4px 2px 4px rgb(0,0,0,.25);
        border-radius: 10px;
        color: #fff;
        height: auto
    }

    .link-box::after {
        content: '';
        position: absolute;
        width: 115px;
        height: 60px;
        border-radius: 110px 110px 0 0;
        border: 2px solid;
        border-bottom: 2px solid #fbfbfb;
        bottom: -.3%;
        left: 35%;
        z-index: -1
    }

    .link-circle {
        left: 37%;
        bottom: -28%
    }

    .link-box1 {
        width: 100%;
        padding: 3.5rem 1rem .5rem;
        margin-top: 2rem
    }

    .link-box1::after {
        width: 120px;
        height: 60px;
        border-radius: 0 0 120px 120px;
        border: 2px solid;
        border-top: 2px solid #fbfbfb;
        top: -.6%;
        left: 35%
    }

    .link-box1 p {
        font-size: 1rem!important;
        align-self: flex-end;
        margin-left: 1.5rem;
        margin-bottom: 1.5rem
    }

    .link-box1 img {
        width: 45%
    }

    .link-circle1 {
        width: 100px;
        height: 100px;
        display: grid;
        place-items: center;
        background: #c2f0ed;
        position: absolute;
        left: 38%;
        top: -22.5%
    }

    .link-circle1 img {
        width: 50%!important
    }
}

@media (max-width: 375.999px) {
    .link-box p,.link-box1 p {
        font-size:.9rem!important
    }

    .link-circle1 {
        top: -24%
    }
}

.glossary-option.active {
    background: #fbfbfb;
    position: fixed;
    top: 120px;
    left: 100px;
    z-index: 10;
    box-shadow: 0 2px 4px rgb(0,0,0,.25);
    padding: 9px;
    margin-top: 25px;
}

.glossary-gap {
    padding: 13rem 0!important
}

.wordcircle a {
    color: #3b3663;
    text-decoration: none;
    transition: .3s;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #3b3663;
    font-weight: 500;
    font-size: 0.9rem
}

.content1 h3,.content2 h3,.free h2,.free h3,.joincontent,.pricing_options h4 {
    text-decoration: underline
}

.accordion-boxes2.active .accordion-label1,.accordion-boxes2:hover .accordion-label1,.wordcircle a:hover {
    color: #fff;
    background: #3b3663
}

.ads {
    padding-right: 2.5rem;
    display: flex;
    justify-content: center
}

.ads h2 {
    color: #3b3663;
    margin-bottom: 1rem;
    font-size: 1.75rem!important
}

.ads p,.alert p,.cap-content p {
    font-weight: 500;
    font-size: 1.25rem
}

.accordion-boxes2 {
    cursor: pointer;
    margin-top: .5rem;
    transition: .5s;
    border: 1px solid #3b3663;
    position: relative;
    background: #fff;
    width: 95%;
    border-radius: 10px
}

.accordion-label1 {
    color: #3b3663;
    transition: .3s;
    font-size: 1.25rem;
    display: block;
    padding: 6px 1rem;
    border-radius: 8px
}

.accordion-content1 {
    margin: 0!important;
    transition: .5s;
    height: 0;
    overflow: hidden;
    padding: 0 1rem
}

.access-section,.sub h2 {
    margin-left: 2rem
}

.cap-content h2,.offer h1,.redirect-section,.sub h2 {
    margin-bottom: 2rem
}

.accordion-boxes2.active .accordion-content1 {
    height: auto;
    padding: 1rem!important;
    color: #fff
}

.circle1 {
    position: absolute;
    right: -12px;
    top: 6px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #3b3663;
    line-height: 25px;
    color: #fff;
    transition: .3s
}

.accordion-boxes2.active .circle1,.accordion-boxes2:hover .circle1 {
    background: #fff;
    color: #3b3663;
    border: 1px solid #3b3663
}

.circle1:before {
    content: '\2b';
    font-family: fontawesome;
    transition: content .3s
}

.access-section::before,.redirect-section::before {
    content: '';
    width: 85px;
    height: 170px;
    background: #fbfbfb;
    box-shadow: 0 4px 6px rgb(0,0,0,.25) inset;
    z-index: 1
}

.accordion-boxes2.active .circle1::before {
    content: '\f00d'
}

@media (min-width: 500px) and (max-width:991.99px) {
    .glossary-option.active {
        left:20px
    }

    .anti {
        padding: 34px
    }

    .anti ul li {
        font-size: 1.3rem!important
    }

    .manual {
        width: 100%
    }

    .smart h1 {
        margin-top: 3rem!important
    }
}

.access-section h2,.approval-section h2,.redirect-section h2 {
    font-weight: 600;
    font-size: 1.75rem;
    color: #000
}

.access-section p,.approval-section p,.redirect-section p {
    color: #3b3663;
    margin-top: 2rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2.5rem;
    padding-right: 2rem
}

.offer {
    padding: 2rem 0
}

.offer h1 {
    font-weight: 600;
    color: #000;
    font-size: 2.5rem
}

.offer-img {
    width: 70%;
    margin-top: 3.2rem
}

.approval-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: #f8e2aa;
    border: 1px solid #000;
    display: grid;
    box-shadow: 6px 6px 4px rgb(0,0,0,.25)
}

.access-circle,.redirect-circle {
    height: 150px;
    display: grid;
    z-index: 3;
    place-items: center
}

.approval-circle img {
    width: 60%;
    height: 60%
}

.access-section {
    border: .15px solid #000!important;
    box-shadow: 4px 4px 4px rgb(0,0,0,.25);
    background: #c2f0ed;
    border-radius: 10px;
    margin-top: 2rem;
    width: 75%;
    position: relative;
    padding: 4rem 8rem 4rem 7rem
}

.access-section::before {
    position: absolute;
    top: 16%;
    right: -.2%;
    border: .15px solid #000;
    border-right: 0px;
    border-radius: 180px 0 0 180px
}

.access-circle {
    width: 150px;
    border-radius: 50%;
    border: 1px solid #3b3663;
    background: #dcc2f0;
    position: absolute;
    top: 17.7%;
    right: -9.5%
}

.redirect-section {
    border: 1px solid #000;
    box-shadow: 4px 4px 6px rgb(0,0,0,.25);
    background: #dcc2f0;
    border-radius: 10px;
    margin-top: 2rem;
    width: 80%;
    position: relative;
    margin-left: 2rem;
    padding: 2rem 9rem 3rem
}

.redirect-section::before {
    position: absolute;
    top: 18%;
    left: -.11%;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 180px 180px 0
}

.redirect-circle {
    width: 150px;
    border-radius: 50%;
    border: 1px solid #000;
    background: #c2f0ed;
    position: absolute;
    top: 20%;
    left: -8.8%
}

@media(min-width: 1400px) {
    .access-circle {
        right:-8%
    }

    .redirect-circle {
        left: -7.5%
    }
}

@media (min-width: 992.99px) and (max-width:1300.99px) {
    .access-circle {
        right:-11.2%
    }

    .redirect-circle {
        left: -10.75%;
        top: 20.75%
    }
}

.tagline {
    color: #fff;
    padding: .6rem 0;
    font-size: 1rem
}

.tagline2 {
    margin: 2rem 0 6rem!important
}

.tagline2 h2 {
    padding: 0 15rem;
    text-align: center!important;
    font-size: 1.5rem;
    font-weight: 500
}

.referral-herosection h1 {
    font-weight: 700;
    font-size: 2.5rem;
    word-spacing: 2px
}

.card2 p,.processcontent,.processcontent a,.referralbox h4 {
    font-weight: 500
}

.referral-herosection p {
    font-size: 1.5rem!important;
    color: #3b3663;
    font-weight: 500
}

.card2 h3,.content1 h3,.sub h2 {
    font-size: 1.75rem
}

.referral-herosection .btn {
    width: fit-content
}

.referral-trackimg {
    margin-bottom: 2rem!important;
    height: 400px
}

.sub {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sub ul li {
    margin-top: .6rem;
    font-size: 1.25rem
}

.subimg {
    mix-blend-mode: lighten!important
}

.card2 {
    margin: 0 auto;
    border: none;
    border-radius: 10px;
    width: 80%;
    background: #dcc2f0;
    box-shadow: 5px 5px 5px grey;
    padding-bottom: 1rem
}

.auto-invoice-content,.cap-content,.cap-img-box {
    box-shadow: 6px 6px 4px rgb(0,0,0,.25)
}

.card2-img {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center
}

.card2-img img {
    margin-top: -80px;
    height: 100%
}

.referralboxes {
    display: flex;
    justify-content: space-around
}

.referralbox {
    width: 35%;
    background: #fff;
    border-radius: 10px
}

.card2 h3 {
    color: #3b3663;
    margin: 1.5rem 0
}

.card2 h4 {
    margin-top: -15px
}

.card2 p {
    font-size: 1.25rem;
    padding: 0 1.8rem;
    margin-bottom: 2.5rem
}

.process,.process2 {
    display: flex;
    align-items: center;
    justify-content: center
}

.process img {
    width: 30%;
    height: 5px
}

.process2 img {
    width: 20%;
    height: 5px
}

.logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    border: 2px solid #7c1ac9;
    font-size: 1.9rem
}

.joinimg img {
    float: right
}

.joincontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3b3663;
    font-size: 1.75rem!important
}

.joincontent .btn {
    width: 180px
}

@media(max-width: 991.99px) {
    .access-section h3,.approval-section h3,.redirect-section h3 {
        font-size:1.5rem
    }

    .access-section p,.approval-section p,.redirect-section p {
        font-size: 1rem;
        margin-top: 1.5rem;
        line-height: 1.5rem
    }

    .offer h1 {
        margin-bottom: 1rem;
        font-size: 1.75rem
    }

    .offer ul {
        padding-left: 1.2rem
    }

    .offer ul li {
        font-size: 1.2rem
    }

    .approval-section {
        padding: .5rem 1rem!important
    }

    .approval-circle {
        width: 150px;
        height: 150px;
        margin-left: -2rem;
        margin-top: 1.5rem
    }

    .approval-circle img {
        width: 50%;
        height: 50%
    }

    .access-section {
        width: 80%;
        margin-left: 0;
        padding: 3rem 5rem
    }

    .access-section::before {
        top: 16%;
        right: -.4%;
        width: 60px;
        height: 120px;
        border-right: 1px solid #fbfbfb;
        box-shadow: 0 4px 6px rgb(0,0,0,.25) inset;
        border-radius: 180px 0 0 180px
    }

    .access-circle {
        width: 110px;
        height: 110px;
        position: absolute;
        top: 17%;
        right: -11%
    }

    .redirect-section {
        width: 80%;
        padding: 3rem 0 1rem 6rem;
        margin-bottom: 2rem
    }

    .redirect-section p {
        padding-right: 2rem
    }

    .redirect-section::before {
        top: 17.85%;
        left: -.4%;
        width: 60px;
        height: 120px;
        border-radius: 0 90px 90px 0
    }

    .redirect-circle {
        width: 110px;
        height: 110px;
        top: 19.2%;
        left: -11.2%
    }

    .tagline2 {
        margin: 2rem 0 5rem!important
    }

    .referral-herosection h1 {
        font-weight: 700;
        margin: 0;
        font-size: 2.5rem;
        word-spacing: 2px
    }

    .referral-herosection p {
        font-size: 1.5rem!important;
        color: #3b3663;
        font-weight: 500;
        margin-top: 2rem
    }

    .referral-trackimg {
        height: 00px
    }

    .sub ul li {
        font-size: 1rem
    }

    .card2 {
        width: 100%
    }

    .card2-img {
        height: 120px
    }

    .card2-img img {
        margin-top: -60px
    }

    .referralbox {
        width: 45%
    }

    .card2 .px-5 {
        padding: 0 2.5rem!important
    }

    .joinimg img {
        margin-right: -3rem!important
    }
}

@media (max-width: 550px) {
    .ads h2,.ads p {
        text-align:center
    }

    .mobile-contact ul li {
        font-size: .63rem!important
    }

    .glossary-option.active {
        left: 0
    }

    .glossary-gap {
        padding: 13rem 0!important
    }

    .ads p {
        font-size: .8rem!important
    }

    .ads h2 {
        font-size: 1.1rem!important
    }

    .accordion-content1 {
        font-size: .8rem
    }

    .accordion-label1 {
        font-size: .85rem!important
    }

    .access-section h3,.approval-section h3,.offer ul li,.redirect-section h3 {
        font-size: 1rem
    }

    .access-section p,.approval-section p,.redirect-section p {
        font-size: .8rem;
        margin-top: 1.5rem;
        line-height: 1.2rem
    }

    .offer {
        padding: 15px
    }

    .offer h1 {
        font-weight: 600;
        color: #000;
        margin-bottom: 1rem;
        font-size: 1.25rem
    }

    .offer ul {
        padding-left: 1.2rem
    }

    .offer-img {
        width: 95%;
        margin-top: .5rem
    }

    .offer .btn {
        margin-top: 0!important;
        padding: 5px 10px;
        font-size: .9rem;
        margin-bottom: 0
    }

    .access-section {
        width: 88%;
        margin-left: 0;
        padding: 2rem .5rem
    }

    .access-section::before {
        top: 16%;
        right: -.4%;
        width: 50px;
        height: 100px;
        border-right: 1px solid #fbfbfb;
        box-shadow: 0 4px 6px rgb(0,0,0,.25) inset;
        border-radius: 180px 0 0 180px
    }

    .access-circle {
        width: 90px;
        height: 90px;
        position: absolute;
        top: 17.3%;
        right: -13.5%
    }

    .approval-section {
        padding: .5rem 1rem!important
    }

    .approval-circle {
        width: 120px;
        height: 120px;
        margin-left: -2rem;
        margin-top: 1.5rem
    }

    .approval-circle img {
        width: 50%;
        height: 50%
    }

    .redirect-section {
        margin-top: 0;
        width: 88%;
        margin-left: 0;
        padding: 2rem 0 1rem 4rem;
        margin-bottom: 2rem
    }

    .redirect-section p {
        padding-right: 0
    }

    .redirect-section::before {
        top: 17.85%;
        left: -.4%;
        width: 50px;
        height: 100px;
        border-radius: 0 180px 180px 0
    }

    .redirect-circle {
        width: 90px;
        height: 90px;
        top: 19%;
        left: -13.2%
    }

    .card2 h4 {
        margin-top: -15px
    }

    .tagline {
        margin-top: 0!important;
        padding: .8rem 0;
        font-size: .75rem
    }

    .tagline2 {
        margin: 0;
        margin-top: 1rem!important;
        margin-bottom: .5rem!important
    }

    .tagline2 h2 {
        padding: 0;
        font-size: .9rem;
        font-weight: 600
    }

    .referral-herosection h1 {
        font-weight: 700;
        margin: 1.5rem 0 0;
        font-size: 1.25rem;
        word-spacing: 2px
    }

    .process,.process2,.processcontent,.referral-herosection p {
        display: none
    }

    .referral-herosection .btn {
        margin: 0;
        font-size: 12px;
        width: fit-content!important
    }

    .referral-trackimg {
        height: auto!important;
        margin-top: 0!important
    }

    .referral-trackimg img {
        width: 100%!important
    }

    .sub {
        margin-top: 1rem;
        padding-top: 1rem
    }

    .sub h2 {
        margin-left: 2rem;
        text-align: left;
        font-size: 1.1rem;
        margin-bottom: 1rem
    }

    .sub ul li {
        margin-top: .2rem;
        font-size: .8rem
    }

    .card2 {
        width: 100%;
        margin: 2.5rem 0!important
    }

    .card2-img {
        height: 80px;
        margin-bottom: -1.5rem!important
    }

    .card2-img img {
        margin-top: -40px;
        height: 100%
    }

    .referralbox {
        width: 30%;
        padding: .5rem 0
    }

    .referralbox h3 {
        font-weight: 500;
        font-size: 1.25rem
    }

    .referralbox h4 {
        font-size: .75rem
    }

    .card2 h3 {
        text-align: center;
        margin: 1rem 0;
        font-size: 1.25rem
    }

    .card2 p {
        font-size: .8rem;
        padding: 0 1.5rem!important;
        margin-bottom: 1rem
    }

    .mobile-process {
        display: block!important;
        display: flex!important
    }

    .mobile-content,.mobile-content2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .mobile-content2 {
        height: 315px
    }

    .mobileprocess {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0!important
    }

    .mobile-logo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        border: 3px solid #7c1ac9;
        font-size: 1.9rem;
        background: #fff;
        margin-left: 1.5rem;
        margin-bottom: 2rem
    }

    .mobile-process2 {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .mobile-process2 img {
        position: absolute;
        z-index: -2;
        left: 60%;
        height: 250px
    }

    .processhead {
        margin-bottom: 1rem;
        text-align: center
    }

    .processhead h2 {
        font-size: 1.25rem
    }

    .joinimg {
        height: 150px
    }

    .joinimg img {
        margin-right: 0!important;
        float: left;
        width: 100%
    }

    .joincontent h2 {
        font-size: 1rem;
        font-weight: 600
    }

    .joincontent .btn {
        width: 140px;
        font-size: .75rem
    }
}

@media (max-width: 375.99px) {
    .mobile-logo {
        margin-left:1rem!important
    }

    .mobile-content2 {
        height: 325px
    }
}

@media (max-width: 325.99px) {
    .link-box::after {
        left:32%;
        bottom: -.3%
    }

    .link-circle {
        left: 34.5%;
        bottom: -24.5%!important
    }

    .link-box p,.link-box1 p {
        font-size: 1.05rem!important
    }

    .link-box1 img {
        width: 35%
    }

    .link-circle1 {
        top: -21%
    }

    .mobile-logo {
        margin-left: .5rem!important
    }

    .mobileprocess {
        margin-bottom: 0!important
    }

    .mobile-content2 {
        height: 330px
    }
}

.tools h1 {
    font-weight: 700;
    font-size: 2.5rem
}

.tools p {
    font-weight: 500;
    color: #3b3663;
    font-size: 1.5rem;
    margin: 1.5rem 0
}

.tools .btn {
    font-size: 1rem;
    width: 200px
}

.toolsimg {
    width: 80%;
    height: 400px
}

.dynamic h2 {
    font-weight: 700;
    font-size: 1.75rem;
    margin: 1.8rem 0
}

.dynamic p {
    color: #3b3663;
    padding-right: 2rem;
    font-size: 1.25rem;
    line-height: 2.25rem;
    margin-bottom: 0
}

.auto-invoice-content h2,.cap-content h2 {
    font-weight: 600;
    font-size: 1.75rem;
    color: #3b3663
}

.cap-content {
    width: 70%;
    background: #f8e2aa;
    padding: 4rem 8rem 5rem 3rem;
    border-radius: 10px
}

.cap-content p {
    line-height: 3rem;
    margin-bottom: 0
}

.alert p,.auto-invoice-content p {
    line-height: 2.5rem;
    margin-bottom: 0
}

.cap-img-box {
    width: 25%!important;
    height: 280px;
    background: #fff;
    border: 1px solid #3b3663;
    border-radius: 10px;
    margin-left: -4rem;
    margin-top: .75rem
}

.cap-img-box img {
    height: 100%;
    width: 100%
}

.multi-currency {
    padding: 3rem 2rem
}

@media(min-width: 1430px) {
    .cap-img-box {
        width:20%!important
    }

    .alert-img {
        width: 80%
    }

    .multi-currency {
        padding: 4rem 2rem
    }
}

.alert p {
    margin-top: 1.5rem;
    color: #3b3663
}

.alert-img {
    width: 75%
}

.auto-invoice-content {
    background: #dcc2f0;
    border-radius: 10px;
    padding: 1rem 4.5rem 0 1.5rem!important
}

.auto-invoice-content h2 {
    margin-top: 0!important
}

.auto-invoice-content p {
    font-weight: 500;
    padding: .5rem;
    font-size: 1.25rem
}

.trends3 {
    margin: 4rem 0;
    background: #fff;
    border: 1px solid #908f8f;
    border-radius: 20px;
    padding: 3rem 0 2rem 3rem
}

.trends3 h2 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem
}

@media(max-width: 991.99px) {

    .home-review {
        display: block!important;
        text-align: center!important;
        border: 0!important;
    }

    .home-google{
        border:0!important;
        margin-top: 1rem!important;
    }

    .tools h1,.trends3 h2 {
        font-size:2rem
    }

    .tools p {
        margin: .75rem 0;
        font-size: 1.25rem
    }

    .toolsimg {
        width: 100%;
        height: 350px
    }

    .dynamic h2 {
        font-size: 1.5rem;
        margin: 1rem 0
    }

    .dynamic p {
        padding-right: 0;
        font-size: 1.1rem;
        line-height: 1.75rem
    }

    .alert p,.cap-content p,.trends3 h2 {
        line-height: 2rem
    }

    .cap-content {
        width: 75%
    }

    .cap-img-box {
        width: 35%!important
    }

    .auto-invoice-content {
        padding: 1.5rem!important
    }

    .auto-invoice-content h2 {
        margin-top: 0!important;
        padding: 0 0 0 1rem!important;
        font-size: 1.5rem
    }

    .auto-invoice-content p {
        padding: 0 1rem;
        font-size: 1.2rem;
        line-height: 2rem
    }

    .alert-img {
        width: 95%
    }

    .alert p {
        margin-top: 1rem
    }

    .trends3 {
        padding: 3rem 0 5rem 3rem
    }
}

@media (max-width: 550px) {
    .alert p,.cap-content p {
        font-weight:500
    }

    .alert p,.cap-content p,.dynamic p {
        line-height: 1.5rem
    }

    .tools h1 {
        font-size: 1.25rem
    }

    .tools p {
        font-size: .9rem;
        margin: .5rem 0
    }

    .tools {
        padding: .5rem
    }

    .tools .btn {
        margin-top: 1rem;
        font-size: .8rem!important;
        width: 150px;
        padding: 5px!important
    }

    .toolsimg {
        height: auto
    }

    .dynamic {
        margin-left: 0
    }

    .dynamic h2 {
        font-size: 1rem;
        margin: 1rem 0
    }

    .dynamic p {
        padding-right: 0;
        font-size: .85rem
    }

    .cap-content {
        width: 95%;
        padding: 2rem 3rem 1rem 1rem;
        border-radius: 10px;
        box-shadow: 6px 6px 4px rgb(0,0,0,.25)
    }

    .cap-content h2 {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .cap-content p {
        font-size: .85rem
    }

    .cap-img-box {
        width: 40%!important;
        height: 150px;
        margin-left: -3rem;
        margin-top: .7rem
    }

    .multi-currency {
        padding: 1.5rem 1rem
    }

    .alert h2 {
        font-size: 1rem;
        margin-right: -5rem;
        margin-top: 2.5rem
    }

    .alert p {
        font-size: .85rem;
        margin-top: 0
    }

    .alert-img {
        width: 130%;
        margin-left: -3rem
    }

    .trends3 {
        margin: 1rem .1px!important;
        padding: 1rem 0 4.5rem 1rem
    }

    .trends3-img {
        width: 120%;
        margin-left: -1.5rem
    }

    .trends3 h2 {
        font-size: 1.5rem;
        line-height: 1.3rem
    }

    .auto-invoice-content img {
        margin-top: 0;
        height: 170px;
        margin-bottom: 0;
        width: 53%
    }

    .auto-invoice-content {
        padding: 1rem .5rem 0!important;
        display: flex;
        flex-direction: column
    }

    .auto-invoice-content h2 {
        font-weight: 600;
        font-size: 1rem;
        padding: 0!important;
        margin: 0!important
    }

    .auto-invoice-content p {
        padding: 1rem 0;
        font-size: .85rem;
        line-height: 1.5rem
    }
}

@media (max-width: 375.99px) {
    .tools {
        padding:0 .5rem
    }

    .alert h2 {
        margin-top: 0
    }

    .alert-img {
        margin-left: -2rem
    }
}

@media(max-width: 360.99px) {
    .cap-img-box {
        margin-top:1.45rem
    }
}

.best {
    padding: 5rem 0
}

.best h1 {
    font-weight: 600;
    font-size: 2.5rem
}

.best p {
    color: #3b3663;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 1.2rem;
    padding-right: 10rem
}

.bestimg {
    margin-top: 2rem;
    width: 100%
}

.let,.pricing-top {
    margin-top: 3rem!important
}

.pricing-btn-group {
    width: fit-content;
    margin: 0 auto;
    border-radius: 50px;
    border: 1px solid #3b3663;
    margin-bottom: 0!important
}

.pricing-btn-group button {
    border: none;
    outline: 0;
    padding: 10px 30px;
    background: 0 0;
    border-radius: 50px;
    font-weight: 500;
    color: #3b3663
}

.pricing-btn-group button:not(.active):hover {
    background: #fff!important;
    color: #3b3663!important;
    transform: scale(1,1)!important;
    box-shadow: 0 0 0 rgb(0,0,0,.25)!important
}

.pricing-btn-group button.active {
    color: #fff;
    background: #3b3663;
    transition: .9s!important
}

.price-container>.active {
    display: block
}

.tab-pane:not(.show) {
    opacity: 0
}

.pricing_options {
    border: 1px solid grey;
    padding: 1rem;
    border-radius: 10px
}

.pricing_options h2 {
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem
}

.pricing_options h3 {
    color: #7c1ac9;
    font-weight: 500;
    text-align: center;
    font-size: 2rem
}

.pricing_options .button_price {
    outline: 0;
    background: #3b3663;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    box-shadow: 5px 5px 2px #d3d3d3;
    display: block;
    margin: 0 auto;
    width: 75%
}

.pricing_options .button_price:hover {
    color: #fff;
    background: #241e52
}

.pricing_options ul li {
    margin-top: .6rem
}

.pricing_options h4 {
    color: #7c1ac9;
    font-weight: 500;
    margin-left: 1rem;
    margin-top: 3rem;
    font-size: 1.25rem
}

.additional {
    padding-top: 5.8rem
}

.dark li {
    margin-top: .2rem;
    font-weight: 600
}

.premium {
    transform: scaleY(1.05);
    color: #fff;
    box-shadow: 0 0 20px #000;
    background: #3b3663
}

.premium .button_price {
    background: #fff!important;
    color: #3b3663!important;
    box-shadow: 0 0 0 #3b3663!important
}

.premium .button_price:hover {
    color: #fff!important;
    background-color: #241e52!important;
    border: 1px solid #241e52!important
}

.premium h3 {
    color: #dcc2f0
}

.professional {
    background: #dcc2f0
}

.business-common-features {
    margin-right: -3rem!important
}

.business-common-features h2 {
    text-align: left
}

.business-common-features p {
    font-size: 1.25rem;
    color: #3b3663;
    padding-right: 8rem!important
}

.business-option {
    margin-top: -9rem!important
}

.slider {
    margin-right: -13rem;
    margin-top: 2rem;
    justify-content: center
}

.icon {
    position: absolute;
    top: -2rem;
    left: 7rem;
    z-index: 1;
    font-weight: 700;
    font-size: 3.2rem;
    color: #3b3663;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    background: #fff;
    border: 3px solid #3b3663
}

.carousel {
    width: 70%;
    border-radius: 10px;
    background: #f8e2aa
}

.carousel-item {
    height: auto;
    padding: 4rem 3rem
}

.carousel-control-next,.carousel-control-prev {
    top: 50%!important;
    color: #fff!important;
    width: 40px!important;
    height: 40px;
    border-radius: 50%;
    background: #3b3663!important
}

.carousel-control-next {
    right: -20px!important
}

.carousel-control-prev {
    left: -20px!important
}

.carousel-item h3 {
    color: #3b3663;
    font-weight: 600;
    font-size: 1.5rem
}

.carousel-item p {
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 3rem;
    margin-bottom: 0;
    overflow-y: auto
}

.user h1,.who h2 {
    margin-bottom: 1.5rem
}

.test img {
    width: 85%;
    margin-left: 1rem
}

.testimonials {
    width: 90%;
    padding: 2rem 3rem;
    background: #c2f0ed;
    border-radius: 10px
}

.testimonials h2 {
    font-weight: 600;
    font-size: 1.5rem
}

.testimonials p {
    font-weight: 500;
    color: #3b3663;
    margin-top: 1.5rem;
    padding: 0 1rem
}

.user {
    flex-direction: column;
    justify-content: center;
    padding-left: 5rem
}

.user p {
    font-weight: 500;
    font-size: 1.5rem;
    padding-right: 10rem
}

.manual-imgdiv {
    padding: 3rem
}

.who h2 {
    font-weight: 600;
    font-size: 1.75rem!important
}

.who p {
    padding: 0 2rem;
    font-size: 1.25rem
}

.card {
    margin: 2.5rem auto;
    border: none;
    border-radius: 10px;
    width: 80%;
    background: #dcc2f0;
    box-shadow: 5px 5px 5px #d5d1d1;
    height: 270px!important
}

.content1,.content2 {
    background: #3b3663;
    text-align: center
}

.card-img {
    width: 100%;
    height: 120px;
    justify-content: center;
    margin-top: -60px
}

.card p {
    font-size: 1.2rem;
    padding: 0 1.8rem;
    margin-bottom: 2.5rem
}

.imgbtn-group {
    white-space: nowrap;
    width: 100%!important
}

.imgbtn {
    border: 1px solid #3b3663!important;
    margin-left: .5rem;
    width: 215px!important;
    display: inline-block;
    padding: .5rem 0!important
}

.btnc,.nextbtn {
    border: 2px solid #3b3663!important;
    margin: 0;
    text-align: center
}

.imgbtn:hover {
    border: 1px solid #3b3663
}

.imgbtn.active {
    color: #fff!important;
    background: #3b3663!important;
    border: 1px solid #3b3663!important
}

.manual-img-slider {
    padding: 0!important
}

.software-img {
    display: flex;
    width: 100%
}

.software-images {
    width: 100%;
    will-change: transform;
    height: fit-content
}

.manual-animation.active,.software-images.active {
    animation: .5s forwards animate
}

.btnc {
    border-radius: 10px 10px 0 0!important;
    width: 33.33%
}

.btnc:hover {
    border: 2px solid #3b3663
}

.btnc:hover,.nextbtn:hover {
    transform: scale(1,1)!important;
    background: 0 0!important;
    color: #3b3663!important;
    box-shadow: 0 0 0 rgb(0,0,0,.15)!important
}

.btnc.active,.nextbtn.active {
    border: 2px solid #3b3663;
    color: #fff!important;
    background: #3b3663!important
}

.contents {
    width: 100%;
    display: flex
}

.content1 {
    border-radius: 0 0 10px 10px!important;
    color: #fff;
    padding: 3rem 7rem 2.5rem!important;
    opacity: 1;
    width: 100%;
    transition: .5s;
    flex-shrink: 0
}

@keyframes animate {
    from {
        transform: translateX(-15px);
        transition: transform .5s
    }

    to {
        transform: translateX(0)
    }
}

.manual-animation2.active {
    animation: .5s forwards ani
}

@keyframes ani {
    from {
        transform: translateX(-15px)
    }

    to {
        transform: translateX(0)
    }
}

.nextsteps h2 {
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 0 10rem!important;
    font-size: 1.75rem!important
}

.content p,.nextsteps p {
    font-size: 1.25rem!important
}

.nextsteps p {
    padding: 0 8.5rem!important;
    color: #3b3663;
    font-weight: 500;
    text-align: center
}

.content2,.start {
    display: grid;
    place-content: center
}

.nextbtn {
    color: #3b3663;
    border-radius: 10px 0 0 10px!important;
    width: 100%;
    height: calc(100% /3)
}

.nextbtn:hover {
    border: 2px solid #3b3663!important
}

.nxtcontents {
    width: 75%;
    height: 100%
}

.content2 {
    color: #fff;
    padding: 2rem 7rem;
    height: 100%;
    border-radius: 0 10px 10px 0
}

.content2 button {
    color: #3b3663;
    background: #fff;
    width: 150px;
    margin: 0 auto
}

.start h2 {
    font-weight: 600;
    margin-bottom: 2.5rem;
    font-size: 1.75rem
}

.start ul li {
    color: #3b3663;
    font-size: 1.3rem
}

.start-img {
    height: 400px!important
}

@media(max-width: 1025px) {
    .imgbtn-group {
        overflow-x:scroll!important
    }

    .card {
        height: 270px!important;
        width: 95%
    }
}

@media(max-width: 991.99px) {
    .best {
        padding:2.5rem 0
    }

    .best h1 {
        font-size: 1.25rem
    }

    .best p {
        font-size: 1.1rem
    }

    .bestimg {
        margin-top: 0
    }

    .business-option {
        margin-top: 0!important
    }

    .slider {
        margin-right: -6rem
    }

    .carousel {
        width: 90%
    }

    .carousel-item {
        padding: 2.5rem 1.5rem 1.5rem
    }

    .icon {
        left: -1rem
    }

    .carousel-item p {
        padding: 1rem
    }

    .user p {
        padding-right: 1rem;
        font-size: 1.25rem
    }

    .content1 p,.content2 p,.who p {
        font-size: 1rem
    }

    .card {
        width: 100%;
        height: 200px!important;
        margin: 1.5rem 0
    }

    .card-img {
        width: 100%;
        height: 80px;
        margin-top: -40px
    }

    .card h3 {
        font-size: 1.1rem;
        margin: .5rem 0
    }

    .card p {
        padding: .5rem;
        font-size: 1rem;
        margin-bottom: 0
    }

    .content1 h3,.content2 h3 {
        font-size: 1.2rem!important
    }

    .content1 {
        padding: 2rem!important
    }

    .nextsteps h2 {
        padding: 0 3rem!important;
        font-size: 1.5rem!important
    }

    .nextsteps p {
        padding: 0 1.5rem!important;
        font-size: 1.1rem!important
    }
}

@media (max-width: 550px) {
    .carousel-item p,.testimonials,.who h2,.who p {
        text-align:left
    }

    .mainbox1,.slider,.test {
        display: flex
    }

    .pricing_options h3,.user h1 {
        font-size: 1.5rem
    }

    .pricing_options h2 {
        font-size: 1.32rem
    }

    .best h1 {
        font-size: 1.2rem
    }

    .best p {
        font-size: .9rem;
        padding-right: 1.5rem
    }

    .best {
        padding: 1rem
    }

    .bestimg {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    .pricing-top {
        margin-top: 1.5rem!important
    }

    .pricing-btn-group {
        margin-bottom: -1rem!important;
        padding: 0!important
    }

    .nextsteps p,.pricing-btn-group button {
        font-size: .9rem!important
    }

    .business-common-features h2,.carousel-item h3,.let {
        font-size: 1rem
    }

    .price-container {
        height: auto!important
    }

    .pricing_options {
        width: 90%!important;
        margin: 3rem auto 0!important
    }

    .pricing_options ul li {
        margin-top: .6rem;
        font-size: .9rem
    }

    .pricing_options h4 {
        margin-top: .6rem;
        font-size: 1rem
    }

    .additional {
        padding-top: 0
    }

    .pricing_options .button_price {
        margin: 0 auto!important
    }

    .business-common-features {
        margin-right: 0!important
    }

    .business-common-features p {
        padding-right: .5rem!important;
        font-size: .85rem
    }

    .business-option {
        margin-top: 0!important;
        padding: 0!important
    }

    .common-feature-image {
        width: 160%;
        margin-left: -2rem;
        margin-top: 2.5rem
    }

    .test img {
        width: 40%;
        height: 150px;
        margin-left: -2.5rem
    }

    .testimonials {
        width: 80%;
        padding: 2rem 0;
        background: #fbfbfb;
        border-radius: 10px
    }

    .testimonials h2 {
        text-align: left;
        font-weight: 600;
        font-size: 1.1rem;
        margin-left: 1rem
    }

    .testimonials p {
        font-weight: 500;
        color: #3b3663;
        margin-top: 1.5rem;
        padding: 0 1rem;
        font-size: .9rem
    }

    .let {
        margin: 0;
        text-align: center
    }

    .slider {
        margin-right: 0;
        margin-top: 1rem;
        justify-content: center;
        position: relative
    }

    .icon {
        top: -2rem;
        left: .3rem;
        font-size: 2.5rem;
        width: 70px;
        height: 70px!important;
        line-height: 70px
    }

    .carousel {
        width: 85%
    }

    .carousel-item {
        padding: 3rem 1rem 1rem;
        height: auto!important
    }

    .carousel-item p {
        padding: 1rem 1rem 0;
        font-size: .75rem!important
    }

    .manual,.user h1,.who h2 {
        margin-bottom: 1rem
    }

    .user {
        padding-left: 1rem
    }

    .user h1 span {
        font-size: 1.75rem
    }

    .user p {
        padding-right: .5rem!important;
        font-size: 1rem
    }

    .manual {
        width: 100%;
        margin-left: 0
    }

    .content2 h3,.nextsteps h2,.who h2 {
        font-size: 1rem!important
    }

    .who p {
        padding: 0;
        font-size: .85rem
    }

    .btns,.manual-img-slider,.nextsteps h2,.nextsteps p {
        padding: 0 .5rem!important
    }

    .card {
        width: 100%;
        height: 150px!important;
        margin: 1.5rem 0
    }

    .card-img {
        width: 100%;
        height: 80px;
        margin-top: -40px
    }

    .card h3 {
        font-size: 1rem;
        margin: .5rem 0
    }

    .card p,.content1 p,.content2 p {
        font-size: .85rem
    }

    .btns .imgbtn {
        margin-left: .15rem!important;
        margin-bottom: .15rem;
        font-size: .8rem
    }

    .steps h3 {
        font-size: 1rem;
        font-weight: 600
    }

    .content1 h3 {
        font-size: 1.1rem
    }

    .content1 {
        padding: 1rem!important
    }

    .mainbox1 {
        height: 300px
    }

    .content2 {
        padding: 1rem;
        height: 100%
    }

    .start h2 {
        margin-bottom: 1rem;
        font-size: 1rem;
        margin-left: 1rem
    }

    .start ul li {
        font-size: .9rem
    }

    .start-img {
        height: 250px!important
    }
}

.free,.not-found {
    margin-top: 1rem!important
}

@media(max-width: 320.99px) {
    .contact-head h3 {
        font-size:.8rem!important
    }

    .fraud p,.pricing-btn-group button {
        font-size: .8rem
    }

    .mobile-contact ul li {
        width: 70%
    }

    .anti ul li {
        margin-right: 0
    }

    .fraud p {
        padding: 0 0 0 .5rem
    }

    .cap-img-box {
        margin-top: 1.45rem
    }

    .alert-img {
        margin-top: 1rem
    }

    .pricing_options .button_price {
        font-size: .75rem!important;
        margin: 0 auto!important
    }

    .testimonials p {
        padding-right: 1.5rem!important
    }

    .user p {
        font-size: .85rem
    }

    .btns .imgbtn {
        font-size: .8rem;
        padding: 3px 5px
    }
}

.contact_main,.signup {
    margin-top: 7rem!important
}

.signup .features {
    background: #31475e;
    padding: 3rem 1.5rem;
    border-radius: 23px
}

.blog-cat-head,.features ul {
    margin-top: 3.8rem
}

.features ul li {
    font-weight: 500;
    margin-top: 1.5rem;
    color: #fff
}

.free {
    padding: 1.5rem 2rem!important
}

.free h2,.free h3 {
    font-weight: 600
}

.free p {
    color: #3b3663;
    font-weight: 500
}

.footer-head {
    font-size: 50px;
    font-weight: 500
}

.footer-box ul li,.footer-box ul li a {
    color: #e2e2e2;
    font-weight: 500
}

.footer-btn {
    font-size: 20px;
    font-weight: 400;
    fill: #fff;
    color: #fff;
    background-color: #a11cf2;
    border-radius: 10px;
    padding: 8px 39px
}

.footer-btn:hover {
    color: #fff!important;
    background-color: #a11cf2!important
}

.footer-img img {
    mix-blend-mode: normal!important
}


@media (max-width: 550px) {
    .free {
        padding:1.5rem .5rem!important
    }

    .free p {
        font-size: 1rem
    }

    .free h3 {
        text-decoration: underline;
        font-size: 1.5rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .features h1 {
        font-size: 1.1rem!important
    }

    .features p,.features ul li {
        font-size: .85rem
    }

    .review-img img {
        width: 40px;
        height: 40px
    }

    .case-studies img {
        height: 210px;
        width: 320px
    }
    .footer-head {
        font-size: 30px;
        font-weight: 400
    }
    .footer-btn {
        font-size: 15px;
        font-weight: 200;
        fill: #fff;
        color: #fff;
        background-color: #a11cf2;
        border-radius: 10px;
        padding: 6px 30px
    }
}

.footer-box {
    background: 0 0!important;
    padding: 3rem 0 1rem
}

.footer-box h4 {
    color: #fafafa;
    font-weight: 600;
    margin-bottom: 1.5rem!important
}

.footer-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-box ul li {
    margin-top: .3rem!important
}

.footer-box ul li a {
    text-decoration: none;
    transition: .3s;
    font-size: 1rem
}

.thanks-contact-box ul li,.thanks-contact-box ul li a {
    font-size: 1.5rem;
    color: #3b3663;
    transition: .25s
}

.footer-box hr {
    height: 1px!important;
    color: #fff
}

.confirm-icon,.thankyou h2 {
    color: #439312
}

.swiper-slide {
    border: 2px solid #3b3663!important;
    border-radius: 10px
}

.thankassection {
    display: flex;
    justify-content: center;
    align-items: center
}

.corner {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 400px;
    background: #3b3663;
    clip-path: polygon(0 0,100% 0,100% 100%,0 38%)
}

.thankspage {
    margin-top: 5rem;
    width: 75%!important;
    z-index: 5
}

.thankyou {
    width: 100%;
    padding: 2.5rem;
    background: #fff
}

.thankyou h4 {
    font-size: 1.25rem;
    text-align: left;
    margin-top: 1.5rem
}

.thanks-contact {
    margin-top: 2.5rem!important;
    margin-bottom: 2.5rem!important;
    width: 75%!important;
    display: flex;
    justify-content: space-around
}

.confirm-icon {
    width: 100%;
    text-align: center;
    font-size: 2.5rem
}

.thanks-contact h4 {
    text-align: center;
    padding: 0 5rem;
    margin-bottom: 2rem;
    font-size: 1.25rem
}

.thanks-contact-box {
    width: 45%!important;
    text-align: center;
    padding: 4rem 2rem
}

.thanks-contact-box h3 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem
}

.thanks-contact-box ul li {
    list-style: none;
    display: inline-block!important;
    border: 2px solid #3b3663;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px
}

.thanks-contact-box ul li:hover {
    background: #3b3663;
    color: #fff;
    cursor: pointer
}

.thanks-contact-box button {
    border: none;
    outline: 0;
    background: #3b3663;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgb(0,0,0,.25)
}

@media(max-width: 991.99px) {
    .thanks-contact,.thankspage {
        width:90%!important
    }

    .thankyou h4 {
        font-size: 1rem
    }

    .thanks-contact {
        flex-direction: column
    }

    .thanks-contact-box {
        width: 100%!important
    }

    .marketmidimg img {
        width: 80%
    }
}

@media(max-width: 550px) {
    .blog-content img {
        width:300px!important;
        height: auto!important
    }

    .tri {
        padding: 0
    }

    .footer-box h4 {
        font-size: 1.25rem
    }

    .footer-box ul li,.footer-box ul li a,.thankyou h5 {
        font-size: 1rem
    }

    .footer-box {
        padding: 1.5rem 0
    }

    .corner {
        width: 100%!important
    }

    .thankspage {
        margin-top: 2rem;
        width: 95%!important
    }

    .thanks-contact h4 {
        padding: 0 .75rem;
        font-size: 1rem
    }

    .marketmidimg img {
        width: 80%
    }
}

@media(max-width: 375.99px) {
    .access-circle {
        top:18.6%;
        right: -15.5%
    }

    .redirect-circle {
        top: 20%;
        left: -15.2%
    }

    .pricing_options .button_price {
        margin: 0 auto!important;
        padding: .6rem 1.5rem!important
    }

    .thankyou {
        padding: 1.5rem
    }
}

@media(max-width: 325.99px) {
    .mkt-sign {
        width:50%!important
    }

    .access-circle {
        top: 18.8%;
        right: -18.5%
    }

    .approval-section p {
        padding-right: 0
    }

    .redirect-circle {
        top: 19.6%;
        left: -18.2%
    }

    .thankyou {
        padding: .75rem
    }
}

.postcategory a {
    border: 1px solid gray;
    border-radius: 21PX;
    padding: 2px 15px;
    background: #e4e4e4;
    text-transform: none
}

.carousel-inner {
    border-radius: 10px!important
}

.sub-heading {
    font-weight: 400;
    padding: 0 0 0 11px;
    font-size: .9rem
}

.aff-panel-preview {
    padding: 20px 14px;
    border-radius: 20px!important;
    background: #dbdbdb
}

.review-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -13px;
    border: 2px solid #d3d3d3;
    position: relative
}

.google-cert-img img{
    width: 70px;
    border-radius: 50%;
    /* border: 2px solid #d3d3d3; */

}

.marketmidimg img {
    width: 90%
}

.blog_text_preview a {
    color: #3b3663;
    text-decoration: none;
    font-weight: 900
}

.blog_preview img {
    object-fit: cover;
    max-width: 100%;
    border-radius: 20px;
    /* width: 100%; */
    height: 100%;
    background-position: center;
    background-size: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .8s,opacity .7s;
    -moz-transition: -moz-transform .8s,opacity .7s;
    -o-transition: -o-transform .8s,opacity .7s;
    transition: transform .9s,opacity .7s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.blog_preview img.top2 {
    height: 280px!important
}

.blog_preview img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.case-studies img {
    height: 190px;
    width: fit-content;
}

@media only screen and (max-width: 600px) {
    .blog_preview img.other_blogs,.blog_preview img.top2 {
        width:100%;
        height: 100%!important;
        border-radius: 10px;
        margin: 0 auto;
        display: block;
        box-shadow: 0 6px 11px #f6f6f6
    }
}

@media only screen and (min-width: 600px) and (max-width:1440px) {
    .blog_preview img.other_blogs,.blog_preview img.top2 {
        width:100%;
        height: 100%!important;
        border-radius: 10px;
        margin: 0 auto;
        display: block;
        box-shadow: 0 6px 11px #f6f6f6
    }
}

#exitPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 1000
}

#exitPopup .popup-content {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    padding: 25px;
    margin: 10% auto;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    animation: .4s slideDown
}

@keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

#exitPopup .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    background: 0 0;
    border: none;
    font-size: 25px;
    color: #666;
    cursor: pointer
}

#exitPopup p {
    font-size: 28px;
    color: #333;
    font-weight: 500
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none!important
}

.goog-te-gadget-simple {
    background-color: #dcc2f0!important;
    border: 2px solid #9b9b9b!important;
    border-radius: 20px;
    font-size: 10pt;
    display: inline-block;
    padding: 1px 5px 2px;
    cursor: pointer
}

.aff-academy a{
    text-decoration: none;
    color: #212529;
}