.max-w-820px {
    max-width: 820px
}

.slick-next-custom,
.slick-prev-custom {
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.slick-next-custom img,
.slick-prev-custom img {
    width: 45px;
    height: 45px
}

.slick-next-custom,
.slick-next-customs,
.slick-prev-custom,
.slick-prev-customs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: 0 0;
    cursor: pointer;
    z-index: 20
}

.slick-arrow:hover {
    background-color: transparent !important
}

.slick-prev-custom,
.slick-prev-customs {
    left: -50px
}

.slick-next-custom {
    right: -50px;
    left: inherit
}

.slick-next-customs {
    right: -18px;
    left: inherit
}

.mt-92px {
    margin-top: 92px
}

.shape {
    min-height: 354px
}

.trust-footer-box {
    border-radius: 15px;
    border: 1px solid #fff;
    max-width: 810px;
    margin: 50px auto 0;
    padding: 35px 20px;
    position: relative
}

.top-footer-bottom,
.top-footer-head {
    position: absolute;
    border-radius: 10px;
    height: 42.075px;
    justify-content: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex
}

.top-footer-head {
    background: #fff;
    max-width: 310px;
    top: -22px;
    align-items: center;
    color: #6259ca
}

.top-footer-bottom {
    background: #000;
    color: #fff;
    max-width: 233px;
    bottom: -22px;
    align-items: center
}

.integration_section {
    padding: 0
}

.padding-coustom {
    padding: 21px 50px
}

.border-top-priamry {
    border-radius: 20px;
    border: 1px solid #c3beff
}

.Integrationlogo_wrap {
    filter: drop-shadow(0 4px 15px rgba(0, 0, 0, .1));
    position: relative;
    top: 36px
}

.text-theme-color {
    color: #6259ca !important
}

.main-ul-div {
    padding: 54px 50px
}

.bg-theme-color {
    border-radius: 0 0 20px 20px;
    color: #fff;
    background: #6259ca;
    padding: 25px 38px
}

.max-w-1000px {
    max-width: 1000px;
    margin: 0 auto
}

.max-w-900px {
    max-width: 950px;
    margin: 0 auto
}

.box-inner {
    border-radius: 15px;
    border: 1px solid #aca6e4;
    background: linear-gradient(214deg, #fff 3.72%, #f6f5ff 92.61%);
    padding: 20px 24px;
    margin-bottom: 20px
}

.bg-theme-gradiant {
    background: linear-gradient(359deg, #fff 61.46%, rgba(231, 230, 248, .4) 94.4%)
}

.inner-mange-box {
    border-radius: 15px;
    border: 1px solid #aca6e4;
    background: linear-gradient(214deg, #fff 3.72%, #f6f5ff 92.61%);
    position: relative
}

.mt-35px {
    margin-top: -35px
}

.mt-40px {
    margin-top: 40px
}

.inner-top-footer-bottom {
    position: absolute;
    border-radius: 10px;
    background: #6259ca;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 900px;
    padding: 16px 25px;
    bottom: -43px;
    display: flex;
    justify-content: center;
    align-items: center
}

.padding-iinner {
    padding: 0 25px 44px
}

.features_slider_wrapper {
    position: relative
}

.features_slider .features_sliders {
    padding: 10px
}

.font-28px {
    font-size: 28px
}

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

.text-primary {
    color: #0d6efd
}

.coust,
.slick-track {
    display: flex
}

.slick-slide {
    height: unset !important
}

.min-height-250px {
    min-height: 250px !important;
    display: flex;
    align-items: center
}

.common-li {
    display: flex;
    align-items: start;
    gap: 10px
}

.service-section {
    margin: 50px 0 !important
}


.coustom-pedding {
    padding: 16px 20px;
    height: 52px;
}

.bg-outliine-none {
    background-color: transparent !important;
    border-radius: 5px;
    border: 1px solid #FFF;
    color: #fff;
}

.bg-outliine-none:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}


.bg-banner-footer {
    background: linear-gradient(90deg, #6359CA 0%, rgba(98, 89, 202, 0.00) 100%);

    display: flex;
    align-items: center;
    min-height: 82px;
}

.main-btn-flex {
    display: flex;
    align-items: center;
    gap: 32px;
}

.mt-mobile-40px {
    margin-top: 15px;
}






@media (max-width:1620px) {
    .Applogo_col img {
        max-width: 120px !important
    }

    .header_menu ul li a {
        font-size: 16px !important
    }
}

@media (max-width:1490px) {
    .header_menu ul li a {
        margin: 0 10px !important
    }

    .Applogo_col img {
        max-width: 100px !important
    }

    .app_header .header_inner {
        padding: 0 !important
    }
}

@media (max-width:1280px) {

    .ms-3,
    .ms-md-3 {
        margin-left: .5rem !important
    }

    .header_menu ul li a {
        margin: 0 5px !important
    }
}

@media (max-width:1199px) {
    .min-height-250px {
        min-height: 150px !important
    }

    .service-section {
        margin: 25px 0 50px !important
    }

    .shape {
        min-height: auto
    }

    .features_icon_col {
        height: 110px !important
    }

    .mt-92px {
        margin-top: 20px
    }

    .HowSection {
        padding: 40px 30px
    }

    .coust {
        display: block
    }

    .mt-10 {
        margin-top: 15px
    }

    .Integrationlogo_wrap {
        top: 0
    }

    .padding-coustom {
        margin-bottom: 0 !important;
        padding: 21px 18px
    }

    .in-mobile {
        display: block !important
    }

    .mb-in-mobile {
        margin-top: 10px
    }

    .bg-theme-color,
    .main-ul-div {
        padding: 21px 20px
    }

    .inner-mange-box {
        position: inherit
    }

    .step_ahead {
        display: none
    }

    .HowSection_row {
        padding-top: 0
    }

    .banner_section {
        margin-top: 92px
    }
}

@media (max-width:992px) {

    .mt-mobile-40px {
        margin-top: 40px;
    }

}

@media (max-width:767px) {
    .banner_section {
        margin-top: 68px
    }

    .header_menu ul li a {
        margin: 0 18px !important
    }

    .lin-hover {
        border-color: #fff;
        color: #fff
    }

    .font-28px {
        font-size: 20px
    }

    .HowSection {
        padding: 10px 20px 40px
    }

    .HowSection.mt-92px {
        margin-top: 0
    }

    .padding-iinner {
        padding: 0 25px 25px
    }

    .Choose_box_outer br {
        display: none
    }

    .main-btn-flex {
        gap: 20px;
    }
}


@media (max-width:420px) {
    .main-btn-flex {
        gap: 13px;
    }

    .bg-banner-footer {
        min-height: 90px;
    }
}