*, ::after, ::before {
    box-sizing: border-box;
}

.payment_features_area {
    position: relative;
    z-index: 1;
}

.navbar_fixed {
    background-color: white;
    -webkit-box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 6%);
    box-shadow: 0px 4px 6px 0px rgb(12 0 46 / 6%);
}

.header_area {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    top: 0;
    transition: all 0.2s linear;
}


.payment_features_area {
    position: relative;
    z-index: 1;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}



/*  */


.margin-tp {

    margin-top: 3.5rem;
}


/* counter section style */
.fun_fact_area .work_progress .work-progressbar {
    text-align: center;
    padding: 0px 25px;
}

.fun_fact_area .work_progress .work-progressbar .circle canvas {
    position: relative;
}

canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.fun_fact_area .work_progress .work-progressbar .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

/* counter section style */




/* payroll */

.intregation_content h2 {
    margin-bottom: 30px;
}

.p_title {
    font-size: 42px;
    line-height: 52px;
    color: #19182e;
    font-family: "Product";
}

.integration_info {
    text-align: right;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 430px;
}

@media (min-width: 1300px) {
    .integration_info {
        width: 680px;
    }
}

element.style {
    visibility: visible;
    animation-name: fadeIn;
}

.integration_info .integrations_item:nth-child(1) {
    width: 77px;
    height: 78px;
    left: 80px;
}

.integration_info .integrations_item {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 0;
    position: absolute;
    box-shadow: 0px 3px 13px 0px rgb(0 11 40 / 10%);
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integration_info .integrations_item:nth-child(2) {
    width: 127px;
    height: 128px;
    left: 160px;
    top: 130px;
}

.integration_info .integrations_item:nth-child(8) {
    width: 88px;
    height: 88px;
    right: 10px;
    top: 80px
}

.integration_info .integrations_item:nth-child(6) {
    width: 90px;
    height: 92px;
    bottom: 0;
    left: 35%;
}

.integration_info .integrations_item:nth-child(5) {
    width: 129px;
    height: 129px;
    left: 345px;
    top: 40px;
}

.integration_info .integrations_item:nth-child(3) {
    width: 98px;
    height: 98px;
    bottom: 65px;
    left: 0;
}

.integration_info .integrations_item:nth-child(1) {
    width: 77px;
    height: 78px;
    left: 80px;
}

.integration_info .integrations_item:nth-child(4) {
    width: 98px;
    height: 98px;
    left: 405px;
    top: 230px;
}

.integration_info .integrations_item:nth-child(7) {
    width: 129px;
    height: 129px;
    bottom: 18px;
    right: -40px;
}

.pad-ntm {

    padding-bottom: 100px;
}

/* payroll */


/* Payout */

.pr_service_area .row .p_service_item {
    margin-bottom: 30px;
}

.p_service_item {
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 6%);
    border-bottom: 2px solid transparent;
    position: relative;
    border-radius: 5px;
    padding: 50px 25px;
    z-index: 0;
    transition: all 0.2s linear;
    cursor: pointer;
}

.p_service_item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    background-image: linear-gradient(40deg, #6754e2 0%, #19cce6 100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.pr_section_title {
    margin-bottom: 74px;
}

.text-center {
    text-align: center !important;
}

.pr_service_area .row .p_service_item:hover {
    /* background-color: #999dfd and blue; */
    background: var(--pink-rgba-1);
    /* -webkit-filter: drop-shadow(0px 35px 25px var(--pink-rgba-1)); */
}

.pr_service_area .row .p_service_item {
    margin-bottom: 30px;
}

.p_service_item:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 30px 0px rgb(0 11 40 / 10%);
    /* border-color: #f31f74; */
}

.p_service_item {
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 6%);
    border-bottom: 2px solid transparent;
    position: relative;
    border-radius: 5px;
    padding: 50px 25px;
    z-index: 0;
    transition: all 0.2s linear;
    cursor: pointer;
}

.p_service_item h3 {
    font-size: 22px;
    font-weight: 700;
    font-family: "Product";
    color: #19182e;
    margin: 35px 0px 15px;
}

.solution_area .solution_content .tab-pane.active.show {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s linear;
}

.solution_area .solution_content img {
    max-width: 100%;
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link.active {
    box-shadow: 2px 5px 20px 2px rgb(222 222 222 / 59%);
    -webkit-box-shadow: 2px 5px 20px 2px rgb(222 222 222 / 59%);
    border-left-color: #21d4fd !important;
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    background-color: #fff;
    padding: 30px 20px 30px 30px;
    color: #2f2e48;
    font-size: 1rem;
    transition: all 0.2s ease-in;
    cursor: pointer;
    position: relative;
    z-index: 4;
    text-decoration: none !important;
    outline: 0;
    border-radius: 0px;
    border: 0px;
    border-left: 3px solid transparent;
    box-shadow: 2px 5px 20px 2px rgb(222 222 222 / 12%);
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link h4 {
    font-size: 18px;
    font-weight: 700;
    color: #19182e;
    font-family: "Product";
    margin-bottom: 12px;
    text-transform: uppercase;
}

.solution_area .solution_tab .nav-tabs {
    border: 0px;
    padding-right: 120px;
}

/* Payout */


.solution_area {
    padding: 5rem 0;
    position: relative;
}

.solution_area:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 94%;
    bottom: 180px;
    -webkit-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    transform: skewY(-7deg);
    background: #fafbfd;
}

.solution_area .solution_tab .nav-tabs {
    border: 0px;
    padding-right: 120px;
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    background-color: #fff;
    padding: 30px 20px 30px 30px;
    color: #2f2e48;
    font-size: 1rem;
    transition: all 0.2s ease-in;
    cursor: pointer;
    position: relative;
    z-index: 4;
    text-decoration: none !important;
    outline: 0;
    border-radius: 0px;
    border: 0px;
    border-left: 3px solid transparent;
    box-shadow: 2px 5px 20px 2px rgba(222, 222, 222, 0.12);
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link h4 {
    font-size: 18px;
    font-weight: 700;
    color: #19182e;
    font-family: "Product";
    margin-bottom: 12px;
    text-transform: uppercase;
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link p {
    margin-bottom: 0px;
    font-size: 16px;
    /* font-family: "Source Sans Pro", sans-serif; */
    color: #6f8ba4;
}

.solution_area .solution_tab .nav-tabs .nav-item .nav-link.active {
    box-shadow: 2px 5px 20px 2px rgba(222, 222, 222, 0.59);
    -webkit-box-shadow: 2px 5px 20px 2px rgba(222, 222, 222, 0.59);
    border-left-color: #21d4fd !important;
}

.solution_area .solution_content img {
    max-width: 100%;
}

.solution_area .solution_content .tab-pane {
    transform: translateX(10%);
    opacity: 0;
    transition: all 0.05s linear;
}

.solution_area .solution_content .tab-pane.active.show {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s linear;
}


/* ecommmerce */

.web_development_info .development_img img {
    max-width: 100%;
}

.web_development_info.web_development_info_two:before {
    background: url(../images/ecommerce/dotted3.png) no-repeat scroll center bottom;
}

.web_development_info:not(:last-child):before {
    content: "";
    background: url(../images/ecommerce/dotted2.png) no-repeat scroll center bottom;
    width: 100%;
    height: calc(100% - 325px);
    position: absolute;
    bottom: -70px;
    left: 0;
}

.p_icon:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/ecommerce/icon-shap5.png) no-repeat scroll center;
    position: absolute;
    left: -2px;
    top: 0;
    z-index: -1;
}

.web_development_info .development_content .p_icon {
    font-size: 42px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 115px;
}

.web_development_info .development_content h2 {
    font-size: 32px;
    line-height: 1.4;
    /* font-family: "Poppins", sans-serif; */
    font-weight: 600;
    color: #2b2350;
    margin-bottom: 25px;
    letter-spacing: 0px;
}

.web_development_info .development_content p {
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    /* font-family: "Poppins", sans-serif; */
    margin-bottom: 15px;
}

.p_icon.three:before {
    background: url(../images/ecommerce/icon-shap4.png) no-repeat scroll center;
}

.sec_pad {
    padding: 50px 0px;
}

.web_development_info:not(:last-child) {
    padding-bottom: 150px;
}

.web_development_info {
    position: relative;
}

.p_icon {
    width: 122px;
    height: 125px;
    line-height: 125px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    z-index: 1;
}

.app_section_title {
    margin-bottom: 75px;
}

.app_section_title h6 {
    font-size: 14px;
    color: #3ecef8;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.app_section_title h2 {
    font-size: 30px;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    color: #252a32;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.app_work_info {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
    margin-right: -2%;
    padding-right: 30px;
}

.app_work_info .app_work_item {
    position: relative;
    width: 46%;
    margin: 0px 2% 50px;
    padding-right: 80px;
    cursor: pointer;
}

.app_work_info .app_work_item .icon {
    width: 70px;
    height: 70px;
    justify-content: center;
    font-size: 28px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    border: 1px solid rgba(0, 186, 222, 0.09);
    border-radius: 4px;
    background-color: rgba(16, 205, 230, 0.039);
    color: #11bdff;
    margin-bottom: 35px;
    z-index: 1;
    position: relative;
    transition: all 0.2s linear;
}

.app_work_info .app_work_item .icon:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(90deg, #4f40ff 0%, #3a8ffa 53%, #25ddf5 100%, #11bdff 100%);
    opacity: 0;
    transition: all 0.2s linear;
}

.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i:before {
    margin-left: 0px !important;
}

.app_work_info .app_work_item .media-body h3 {
    font-size: 24px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #252a32;
    margin-bottom: 15px;
    transition: color 0.2s linear;
}

.app_work_info .app_work_item .media-body p {
    font-size: 16px;
    line-height: 28px;
    color: #7f8ba0;
    /* font-family: "Lato", sans-serif; */
    margin-bottom: 0px;
}

.round {
    width: 500px;
    height: 500px;
    border: 45px solid #11bdff;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-55%);
    border-radius: 50%;
    z-index: -1;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.app_img {
    text-align: right;
    position: relative;
    z-index: 0;
}

.app_img img {
    position: relative;
    z-index: 1;
}

.app_work_info .app_work_item:hover h3 {
    color: #11bdff;
}

/* ecommeece*/


/* sass */

.payment_features_img .p_features_logo_two {
    left: 40px;
    top: 210px;
}

.payment_features_img .p_features_logo_one {
    left: -120px;
    bottom: -60px;
}

.payment_features_img .p_features_logo_one, .payment_features_img .p_features_logo_two, .payment_features_img .p_features_logo_three {
    position: absolute;
}

.payment_features_img .p_features_logo_two {
    left: 40px;
    top: 210px;
}

.payment_features_img .p_features_logo_one, .payment_features_img .p_features_logo_two, .payment_features_img .p_features_logo_three {
    position: absolute;
}

.payment_features_img .p_features_img_one {
    margin-left: -40px;
    position: relative;
}

.payment_features_img {
    position: relative;
}

.payment_features_img .p_features_logo_three {
    left: -120px;
    top: 100px;
}

.payment_features_img .p_features_logo_three {
    left: -120px;
    top: 100px;
}

.payment_content h2 {
    font-size: 32px;
    line-height: 42px;
    color: #252a32;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin-bottom: 25px;
}

.payment_btn_two {
    background-image: linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%);
    background-size: 150% 100%;
    color: #fff;
    margin-left: 15px;
}

.payment_btn {
    color: #5956fe;
    position: relative;
    border: 0px;
    z-index: 1;
    border-radius: 4px;
    background: #fff;
    z-index: 1;
    min-width: 170px;
    padding: 15px 20px;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 12px 0px rgb(63 54 132 / 10%);
    box-shadow: 0px 2px 12px 0px rgb(63 54 132 / 10%);
    font: 500 14px "Poppins", sans-serif;
}


.main-lis {

    display: flex;
    gap: 25px;
    margin-top: 25px;
    font-size: 18px;
}

/* sass */

/* pricing */

.prcng-mn {

    margin-top: 20px;
    margin-bottom: 20px;
}


.card {
    width: 300px;
    min-height: 470px;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s, box-shadow 0.3s;

    /* Flex */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transform: scale(1.04);
}

.card::before {
    background-color: var(--color05);
    color: var(--color02);
    padding: 20px 35px 10px;

    /* Transform */
    transform: translate(calc(31px + 35px), -35px) rotate(45deg);
    transform-origin: top left;

    content: 'NEW';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.card:nth-of-type(2)::before {
    background-color: var(--color06);
    color: var(--color03);
}

.card:nth-of-type(3)::before {
    background-color: var(--color07);
    color: var(--color12);
}

/* Info */
.card__info {
    width: 100%;
    height: 130px;

    /* Background */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /* Position */
    position: relative;
    z-index: 0;

    /* Flex */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card__info::before {
    background-color: var(--color02);
    width: 100%;
    height: 100%;
    opacity: 0.8;

    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.card:nth-of-type(2) .card__info::before {
    background-color: var(--color03);
}

.card:nth-of-type(3) .card__info::before {
    background-color: var(--color04);
}

.card__name {
    color: var(--color01);
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1px;
}

.card__price {
    color: var(--color05);
    font-size: 22px;
    font-weight: 400;
}

.card__priceSpan {
    color: var(--color13);
}

.card:nth-of-type(3) .card__priceSpan {
    color: var(--color01);
}

/* Content */
.card__content {
    background-color: var(--color09);
    width: 100%;
    height: calc(100% - 130px);
    border-top: solid 2px;
    border-bottom: solid 2px;

    /* Flex */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card__rows {
    width: 100%;
}

.card__row {
    color: var(--color13);
    width: 100%;
    padding: 20px 0;
    text-align: center;
}

.card__row:nth-of-type(odd) {
    background-color: var(--color08);
}

.card__link {
    color: var(--color01);
    padding: 10px 15px;
    margin: 20px 0;
    text-decoration: none;
    border-radius: 50px;
}

.card__link:hover {
    background-color: var(--color02Hover) !important;
}

.card:nth-of-type(2) .card__link:hover {
    background-color: var(--color06Hover) !important;
}

.card:nth-of-type(3) .card__link:hover {
    background-color: var(--color04Hover) !important;
}



/* pricing */





/* signin */

.cs-modal.active {
    opacity: 1;
    visibility: visible;
}

.cs-modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(28, 37, 40, 0.9);
    width: 100vw;
    height: 100vh;
    z-index: 300;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
}

.cs-close_overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.cs-modal_in {
    padding: 60px 20px 30px;
}

.cs-modal_container {
    width: 100%;
    max-width: 1230px;
    margin: auto;
    position: relative;
    z-index: 2;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 10px;
}

.cs-close_modal {
    padding: 0;
    border: none;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #1c2528;
    border-radius: 5px;
}

.cs-primary_bg, .cs-primary_bg_hover:hover {
    background-color: #1c2528;
}

.cs-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 1200px) {
    .cs-height_95 {
        height: 95px;
    }
}

.cs-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cs-login_left {
    width: 50%;
}

.cs-login_right {
    width: 50%;
    padding-left: 100px;
}

.cs-login h2 {
    font-size: 20px;
    margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
    .cs-height_30 {
        height: 30px;
    }
}
.cs-border_color {
    border-color: #e5e5e5 !important;
}
.cs-form_field {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    padding: 9px 20px;
    border-radius: 7px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media screen and (min-width: 1200px){
.cs-height_20 {
    height: 20px;
}
}
.cs-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #6990ff;
    color: #fff;
    border: none;
    border-radius: 7px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1.6em;
    overflow: hidden;
    padding: 0;
    min-width: 150px;
}
.cs-btn:before {
    border: 1px solid #6990ff;
    z-index: 3;
}
.cs-btn:after, .cs-btn:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: -15px;
    margin-top: -7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cs-btn.cs-size_md span {
    padding: 10px 25px;
}
.cs-btn span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 12px 25px;
    width: 100%;
    text-align: center;
}
.cs-btn:after {
    background-color: #fff;
    z-index: 2;
}
.cs-btn:after, .cs-btn:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: -15px;
    margin-top: -7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cs-btn span:before {
    content: "";
    position: absolute;
    height: 110%;
    width: 0%;
    background: rgba(0, 0, 0, 0.3);
    left: -3px;
    top: -3px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 5px;
    z-index: -1;
}
.cs-m0 {
    margin: 0;
}
.cs-white_bg {
    background-color: #fff;
}
/* signin */



/* pricing plans */

.pricing-single {
    /* padding-bottom: 60px; */
    /* background-color: #131b26; */
    /* height: 100% !important; */
}


.pricing-plan-name-wrapper {
    margin-bottom: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(19, 204, 120, 0.2);
    text-align: center;
}

.pricing-collection-list {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.pricing-plan-name {
    font-weight: 500;
    text-transform: uppercase;
}
.pricing-plan-bottom-content {
    padding-right: 35px;
    padding-left: 35px;
}
.price-description {
    margin-bottom: 30px;
    text-align: center;
}
.price-text-block {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 64px;
    font-weight: 600;
}
.pricing-plan-list-wrapper {
    margin-bottom: 25px;
    text-align: center;
}
.pricing-plan-list {
    display: inline-block;
    margin-bottom: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 20px;
    list-style-type: none;
}
.pricing-plan-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 15px;
}
.pricing-plan-check {
    font-family: "Fa solid 900", sans-serif;
    color: #88e3ff;
    font-size: 20px;
}
.pricing-plan-list-text-blockk {
    text-align: left;
}

.list-second{

    padding: 20px 60px 60px 60px;
    background-color: #8630e9;
    height: 100%;
    width: 33%;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
.main-wrappers{
    
    display: flex;
    gap: 10px ;
}
.ul-list-item ul{

    color: #fff;
}
.ul-list-item li{

    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 18px !important;
}
.name-name{

    text-align: center;
    color: #ff93f2;
    font-size: 18px;
    margin-bottom: 25px;
}
.name-name1{

    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
}
.nav-nav{

    justify-content: center !important;
    margin-bottom: 10px;
}
.mn-sc{

    margin-top: 25px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.second-heading p{

    text-align: center;
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{

    font-size: 18px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.mn-sec{

    text-align: center;
    color: #ffff;
    margin-top: 25px;
}
.faq-section{

    padding-bottom: 100px;
}
.page-header-content{

    text-align: center !important;
}
/* pricing plans */

.footer-copyright{

    text-align: center;
    margin-top: 50px;
}




/* counter */

/*================== fun_fact_area css================*/
.prototype_title {
    margin-bottom: 70px;
  }
  .prototype_title h2 {
    font-size: 40px;
    line-height: 48px;
    color: #263b5e;
    margin-bottom: 15px;
  }
  .prototype_title h6 {
    text-transform: uppercase;
    font-weight: 500;
    color: #5e2ced;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
  }
  .p_fact_item {
    text-align: center;
    background: #fff;
    padding: 30px 0px 40px;
    box-shadow: 0px 30px 70px 0px rgb(233 237 244 / 50%);
}
.p_fact_item .f_icon i {
    color: #fff;
    font-size: 28px;
}
.p_fact_item h2.one {
    color: #11bdff;
}
.p_fact_item h2.two {
    color: #DB5E83;
    
}
.p_fact_item h2.three {
    color: #74d3ad;
}
.p_fact_item h2.four {
    color: #5e2ced;
}
.p_fact_item h2 {
    font-size: 48px;
    margin-bottom: 0px;
}
.p_fact_item .f_icon {
    line-height: 75px;
    position: relative;
    margin: 0 auto 10px;
    z-index: 1;
}
  /*================== fun_fact_area css================*/


.p_features_area_p{

    padding-top: 100px;
    padding-bottom: 100px;
}

.ul-list{

    margin-top: 25px;
}

.dark-c{

    text-align: left;
}

.privacy-sec p{

    text-align: justify;
}
.privacy-sec h2{


    font-size: 30px;
}

.payment_features_area{
    padding-top: 10rem;
    padding-bottom: 5rem;
}

.ul-ul{

    padding-left: 18px;
}

.icon-text{

    /* width: 100%; */
}

.swiper-slide-slide{


    display: contents;
}
.las{
    font-size: 2.4rem;
}
.navigation-links .active a span{
    color: rgb(219, 94, 131) !important;
}
.btn-align{
    margin-top: 20px;
}
.text-color{
    color: #666b6d;
}
.about-sec-box .app-feature-single-wrapper{
    min-height: 455px;
}

.text-center{
    text-align: center;
}

.freelance-contaner{
    padding-bottom: 50px;
}
/* .payment_features_area-sass{
    padding-top: 5rem;
} */
.freelance-contaner-tab{
    padding-bottom: 0 !important;
}
.payroll-img{

    left: -50% !important;
}
.flax-direction{
    flex-direction: row-reverse;
}
.drop-shaow-mirror{
    left: 220px;
}
.e-commers-flex{
    flex-direction: row-reverse;
}
.c-grey-2{
    color: #6a6f77 !important;
}
.font-size-home{
font-size: 14px;
font-weight: 800;
}
.payout-h-dark{
    color: #123769 !important;
    fill: #123769 !important;
    font-size: 2rem !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    text-transform: inherit !important;
}

@media only screen and (min-width:1030px) and (max-width:2600px){
    .navigation-menu .parent{
        display: flex !important;
        align-items: center !important;

    }
    .payment_features_area-sass{
        padding-top: 5rem !important;
    }
}



@media screen and (max-width:425px) {
    .c-dark-1 h1{
        font-size: 2.6rem !important;
        line-height: 4rem;
    }
    .section-heading-2 h1{
        font-size: 3rem;
    }
    .section-heading .sub-heading h5{
        font-size: 1.3rem;
    }
    h1{
        font-size: 3rem;
        line-height: 4rem;
        text-align: center;
    }
    .footer-content h3,h2{
       
        font-size: 20px !important;
    }
    .mob-responsive-btn{
        margin-right: 36px;
    }
    .payment_content{
        text-align: center;
    }
    .faq-section {
        padding-top: 50px;
    }
    .p_features_img_one{
        margin-left: 0px !important;
        max-width: 100%;
    }
    .payout-btn{
        text-align: center !important;
    }
    .margn-tp-mns {
        margin-top: 60px !important;
    }
    .flexible-mob-align{
        padding-top: 40px ;
    }
    .robust-mob-align{
        text-align: center;
    }
    .swiper-wrapper{
        flex-direction: inherit !important;
    }
    .pricing-slider{
        gap: 15px;
    }
    .payroll-row{
        justify-content: center;
        max-width: 160px;
        margin-left: 110px;
    }
    .about-sec-box .app-feature-single-wrapper{
        min-height: 0px;
    }
    .video-section-wrapper {
        margin: 0 0px;
    }


}
@media screen and (min-width:426px) and (max-width:770px) {
    .pricing-slider{
        row-gap: 15px !important;
    }

}


.signup-head-align{
    padding-top: 0px !important;
}
.mob-responsive {
    right: 20px !important;
}
.payroll-secure-sec{
    padding-top: 100px;
}
.pricing-btn-size{
    font-size: 20px !important;
}
.pricing-head{
    padding: 5rem 0 0 0;
}
.sass-payment-sec{
    width: 100% !important;
}
.sign-up-t-line{
    margin-bottom: 20px !important;
}
@media screen and (max-width:1024px) {

.shapes{
    display: none;
}
}
@media screen and (min-width:1024px) {
    .hero-image>img{
        width: 76%;
    }
    .hero-image {
        width: 100%;
        height: 100%;
        padding: 3.8rem 0;
        /* display: flex; */
        justify-content: flex-start;
        position: absolute !important;
        top: 10%;
        left: 60%;
        right: 0;
    }
    .two-line{
        font-size: 3.8rem !important;
    }
   
}
.shapes{
    position: absolute;
}
.shape-left{
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;

}
.shape-right{
    right: 0;
    top: 30%;
}

@media screen and (min-width:1536px) and (max-width:1550px){
    .hero-image{
        left: 49%;
    }
    .shape-left{
      
        top: 75%;
    }
    .shape-left img{
        width: 180px;
    }
    .shape-right {
        right: 0;
        top: 55%;
    }
    .shape-right img{
        width: 500px;
    }

}
.icons_tag{
    width: 30px;
    height: 30px;
    margin: 0 0.8rem 0 0;
}
.icons_medium{
    width: 50px;
    margin-right: 1.5rem;
    filter: contrast(0);
}
.tab-resources .nav-link.active .icons_medium{
    filter: none;
}
 .icons_large{
    width: 100px;
}

.feature-section-spacing-1 .icon-text-group{
    gap: 5%;
}
.icons_button{
    width: 40px;
    height: 40px;
}
.op_1{
    opacity: 1 !important;
}
.hover-effect .app-feature-single:hover .icons_large{
    filter: brightness(100);
}
.integrations_logo .integrations_img{
    width: 60px;
}
.service_info-c0 .c-dark{
    min-height: 50px;
    margin-top: 20px;
}
.payment_features_area-sa .feature-section-image{
    justify-content: flex-start ;
}
.footer-content h3,h2{
    text-transform: capitalize ;
    word-spacing: 0.5rem;
}
.navigation-logo img{
    vertical-align: super !important;
}
.pricing-grid-card .nav-pills .nav-link{
    width: 150px ;
    height: 70px ;
    border-radius: 50px;
}
.page-header-content h1{
    margin-bottom: 2rem !important;
}
form .error{
    transform: none !important;
} 
.form-floating>.form-control:-webkit-autofill{
    padding-top: 3.625rem;
}
.form-floating>.form-control:not(:placeholder-shown){
    padding-top: 3.625rem;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.payment_features_area-sa{
    padding-top: 5rem !important;
}
.mbl-5{
    margin-bottom: 7rem;
}
.tab-resources .tab-content ul{
    margin-left: 3rem;
}
.navigation-menu .parent>li{
    padding-top: 10px;
}
@media screen and (min-width:992px) {
    .pricing-single.height ul{
        min-height: 380px;
    }
    
}
@media screen and (max-width:991px) {
    .footer-content{
        padding-top: 60px;
        font-size: 20px;
    }
    .margin-mobile{
        margin-bottom: 14%;
    }
    
    
}
@media (min-width:768px)  and (max-width:990px){

    .footer-pattern{
        height: 10rem;
    }
    .app-feature-single {

        margin-bottom: 10px;
    }
}
@media screen and (max-width:495px) {
    .faq{
        padding: 2rem 1rem;
    }
    .mbl-5{
        margin-bottom: 3rem;
    }
    .footer-copyright p{
        font-size: 1.2rem;
    }
    .margin-mobile-right{
        margin-right: 5%;
    }
    .faq .accordion-button{
        font-size: 1.6rem;
    }
    .faq .accordion-body p{
        font-size: 1.5rem;
    }
    .section-heading-1 h1{
        font-size: 3rem;
    }
    .payroll-row-1{
        max-width: 300px ;
        margin-left: 12%;
    }
    .tab-content .tab-pane-wrapper .pattern-image {
        margin: 5rem 5rem 8rem 2rem;
    }
    .icon-flex .icon-text-1{
        flex-direction: column  ;
    }
    .icon-flex .icon-text-1 h4{
        text-align: center;
    }
    .font-size-home{
        text-align: center;
    }
    .main-tp {
        margin-top: 12px !important;
    }
    .integration_info{
        display: flex; 
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .integration_info .integrations_item{
        position: unset;
    }
    .spacing-1_ .icon-text{
        text-align: center;
    }
    .ul-ul {
        text-align: left !important;
    }
}
@media screen and (max-width:280px){
    .payroll-row{
        justify-content: center;
        max-width: 120px !important;
        margin-left: 80px !important;
    }
    .payroll-row-1{
        max-width: 220px !important;
        margin-left: 10% !important;
    }
    .freelance-contaner-tab .tab-nav .nav-link .text{
        font-size: 1.5rem;
    }
    .app_img img{
        width: 320px;
    }
    .main-lis{
        margin-left: 10% !important; 
    }
    .integration_info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 10px !important;
    }
    .payroll-secure-sec{
        padding-top: 50px !important;
    }
    .contact-form-wrapper{
        padding: 5.4rem 2rem 5rem 2rem;
    }

   
  
}
@media (min-width:768px)  and (max-width:991px){
    .app-feature-1 .app-feature-wrapper{
        padding: 9rem 0 5rem 0;
    }
    .integration_info .integrations_item:nth-child(1){
        top: 28px;
    }
    ._mleft0{
        margin-left: 0 !important;
    }
    ._center{
        justify-content: center;
    }
    .pricing-slider .pricing-single {
        margin-bottom: 10px;
    }
    .mobile-margin-left{
        margin-left: 0 ;
    }
    .payroll-row-1{
         max-width: 500px !important;
        margin-left: 10% !important;
        margin-bottom: 10%;
    }
    .app_img {
        text-align: center;
    }
    .top-tab-height{
        height: 1010px !important;

    }
    
    
}
@media screen and (max-width:767px) {
    .c-grey{
        text-align: justify ;
    }
    .pricing-grid-card .nav-pills .nav-link{
        width:130px ;
        height: 50px;
        font-size: 18px !important;
    }
    .tab-resources .main-heading-hdng h2
    {
        text-align: left !important;
    }
    .contact-details p{
        text-align: center !important;
    }
    .footer p{
        text-align: center !important;

    }
     .contact-details .app-feature-single-wrapper .c-grey{
        text-align: center;
     }
    .blog-section-wrapper p{
        text-align: justify ;
    }
    .links.c-grey{
        text-align: center;
    }
    .testimonial-slider .swiper-slide {
        height: 620px !important;
    }
    .app-feature-1 .app-feature-wrapper {
        padding: 9rem 0 5rem 0;
    }
    .mobile-margin-left{
        margin-left: 0 ;
    }
    .payment_features_area-sa .feature-section-image{
        justify-content: center ;
        margin-top: 20px;
    }
    .feature-section_ .feature-section-image .phone{
        max-width: 100%;

    }
    .payment_features_area{
        padding-top: 5rem !important;
    }
    .swiper-slide-slider{

        height: 450px !important;
    }
    .feature-section_ .feature-section-image{
        justify-content: center;
    }
    .main-lis{
        margin-left: 20%;
    }
    .freelance-btns{
        display: flex;
        justify-content: center;
    }
    .app_work_info_1 .icon{
        margin: 0 auto;
    }
    .app_work_info_1 .c-dark{
        text-align: center;
    }
    .payroll-secure-sec{
        padding-top: 0px;
    }
    .preloader-wrapper img{
        width: 200px !important;
    }
}


.mt-0{
    margin-top: 0px !important;
}

.navigation-wrapper-2{
    position: fixed;
    top: 0rem;
    background-color: #fff;
}
.navigation-menu .parent>li>a>span {
    color: #123769;
}
.page-header-wrapper {
    position: relative;
    padding: 21.2rem 0 10.7rem 0;
}