/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    /*Color*/
    --a-clr: #5c75b8;
    --b-clr: #52b44a;
    --c-clr: #e9ecf4;
    --d-clr: #aeaeaf;
    --e-clr: #232323;
    --f-clr: #ffffff;
    --g-clr: #ff5050;
    --h-clr: #435a99;
    --i-clr: #5e5e5e;
    --j-clr: #489741;
    --k-clr: #eeeeee;
    --l-clr: #f0f0f0;
    --m-clr: #e3e3e3;
    --n-clr: #888c9b;
    --o-clr: #363642;
    /*Price Table Color*/
    --colm-1-clr: #52b44a;
    --colm-2-clr: #ab530f;
    --colm-3-clr: #a8a9ad;
    --colm-4-clr: #ffbb42;
    --colm-5-clr: #8b99ef;
    --colm-6-clr: #ff8f00;
    /*font*/
    --font-Roboto: 'Roboto', sans-serif;
}

*::selection,
::selection {
    color: var(--f-clr) !important;
    background: var(--b-clr) !important;
}

.clr-a {
    color: var(--a-clr);
}

.clr-b {
    color: var(--b-clr);
}

.clr-c {
    color: var(--c-clr);
}

.clr-d {
    color: var(--d-clr);
}

.clr-e {
    color: var(--e-clr);
}

.clr-f {
    color: var(--f-clr);
}

.clr-g {
    color: var(--g-clr);
}

.clr-h {
    color: var(--h-clr);
}

.clr-i {
    color: var(--i-clr);
}

.clr-j {
    color: var(--j-clr);
}

.clr-k {
    color: var(--k-clr);
}

.clr-l {
    color: var(--l-clr);
}

.clr-m {
    color: var(--m-clr);
}

.clr-n {
    color: var(--n-clr);
}

.clr-o {
    color: var(--o-clr) !important;
}

.bg-a {
    background-color: var(--a-clr);
}

.bg-b {
    background-color: var(--b-clr);
}

.bg-c {
    background-color: var(--c-clr);
}

.bg-d {
    background-color: var(--d-clr);
}

.bg-e {
    background-color: var(--e-clr);
}

.bg-f {
    background-color: var(--f-clr);
}

.bg-g {
    background-color: var(--g-clr);
}

.bg-h {
    background-color: var(--h-clr);
}

.bg-i {
    background-color: var(--i-clr);
}

.bg-j {
    background-color: var(--j-clr);
}

.bg-k {
    background-color: var(--k-clr);
}

.bg-l {
    background-color: var(--l-clr);
}

.bg-m {
    background-color: var(--m-clr);
}

.bg-n {
    background-color: var(--n-clr);
}

.bg-o {
    background-color: var(--o-clr) !important;
}

.fz-105rem {
    font-size: 1.5rem;
}

.fz-102rem {
    font-size: 1.2rem;
}

.fz-1rem {
    font-size: 1rem;
}

.fz-09rem {
    font-size: 0.9rem !important;
}

.fz-085rem {
    font-size: 0.85rem;
}

.fz-08rem {
    font-size: 0.8rem;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.mx-ng-05rem {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-unset {
    overflow-x: unset;
}

@media (max-width: 575px) {
    h4 {
        font-size: clamp(1.3rem, 7vw, 2.2rem);
    }
}

.font-poppin, th, td, h1, h2, h3, h4, h5, h6, p, a, button, input {
    font-family: var(--font-Roboto);
}

html, body {
    font-family: var(--font-Roboto);
    color: var(--e-clr);
}

a {
    cursor: pointer;
}

.content-container {
    min-height: 71vh;
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: 1.2rem !important;
    /*margin-bottom: 0.5rem !important;*/
    background-color: var(--f-clr);
    padding-top: 0.5rem !important;
    /*padding-bottom: 0.5rem !important;*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-shadow: var(--mud-evelavtion-1);
}

/*Button*/
.btn-outline-white-primary,
.btn-outline-white-secondary {
    color: var(--f-clr);
    border-color: var(--f-clr);
}

.btn-outline-white-primary:hover {
    color: var(--a-clr);
    background: var(--f-clr);
}

.btn-outline-white-secondary:hover {
    color: var(--b-clr);
    background: var(--f-clr);
}

@media (max-width: 600px) {
    .w-sm-100 {
        width: 100%
    }
}

.toolbar-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    z-index: 2;
}

@media (min-width: 601px) {
    .toolbar-wrapper {
        overflow-x: visible;
        overflow-y: visible;
    }
}

.sec-services > .container {
    z-index: 1;
}

.sec-services .bg1,
.sec-services .bg2 {
    position: absolute;
    z-index: 0;
}

.sec-services .bg1 {
    top: 0;
    right: 0;
}

.sec-services .bg2 {
    bottom: 0;
    left: 0;
}

.sec-services .bg1 img,
.sec-services .bg2 img {
    opacity: 0.2;
}

.service-cards {
    padding: 18px 16px;
    border: none;
}

.service-cards .mud-typography-h6 {
    line-height: 27px;
}

.service-cards .txt-content {
    width: 80%;
}

.sec-schedule-demo {
    position: absolute;
    top: -90px;
    margin: auto;
    transform: translateY(-50%) !important;
    border-radius: 5px;
    /*left: 50%;*/
    /*border: 1px solid var(--l-clr);*/
    overflow: clip;
    background-image: url('/assets/media/bubble4.svg');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 65%;
}

@media (min-width: 576px) {
    /*sm*/
    .service-cards .img-bx {
        width: 120px;
        margin-bottom: 15px;
    }

    .white-space-nowrap {
        white-space: nowrap;
    }

    .banner .title {
        font-size: calc(1.4163rem + 1.9956vw);
    }

    .sec-schedule-demo {
        background-size: cover;
    }
}

.table-toolbar {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    /*max-width: 45vw;*/
    z-index: 1;
    padding-left: 0;
    padding-right: 0;
    flex-wrap: wrap;
    display:table;
}

@media (max-width: 692px) {
    .table-toolbar {
        max-width: 100%;
    }

    .mud-grid .mud-button,
    .mud-grid .mud-select {
        margin-bottom: 5px !important;
    }

    .mud-table-row .mud-table-cell:nth-child(even) {
        background: #fafafa;
    }
}

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

@media (min-width: 992px) {
    /*lg*/
    .service-cards .img-bx {
        width: 90px;
    }

    .flex-lg-row {
        flex-direction: row !important;
    }

    .banner .img-bx {
        max-width: 41.66667vw;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .sec-schedule-demo {
        background-size: 65%;
    }
}

@media (min-width: 1200px) {
    /*xl*/
    .service-cards {
        height: 16rem;
    }

    .banner .title {
        font-size: calc(1.4163rem + 1.9956vw);
    }

    .banner .content-wrapper {
        width: 545px;
    }
}

@media (min-width: 1400px) {
    /*xxl*/
    .service-cards {
        height: 13.5rem;
    }
}

@media (max-width: 768px) {
    /*md*/
    .btn-max-md-block {
        width: 100%;
        display: block;
    }

    .w-max-lg-100 {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    /*xs*/
    .service-cards .img-bx {
        width: 120px;
        margin-bottom: 15px;
    }

    .service-cards .txt-content {
        width: 100%;
    }

    .banner .title {
        font-size: calc(1.4163rem + 1.9956vw);
    }

    .sec-schedule-demo {
        width: 95%;
        background-size: cover;
        margin: auto;
    }
}
/*=================================*/

@media all and (max-width:480px) {
    .btn-sm-block {
        width: 100%;
        display: block;
        margin: auto;
    }
}

/* bootstrap ENd */

/* header */

.header {
    position: fixed;
    top: 0px;
    background: var(--l-clr);
    font-size: .9rem;
    z-index: 1200;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
}

    .header .navbar-brand img {
        width: clamp(9rem, 12.5vw, 12rem);
    }

    .header a {
        text-decoration: none;
    }

    .header .nav-item {
        cursor: pointer;
        white-space: nowrap;
    }

    .header .nav-item.active {
        border-bottom: 2px solid var(--b-clr);
    }

    .header .navbar-toggler-icon {
        width: 35px;
    }

    .header .dropdown-menu {
        padding: 0px;
        color: var(--i-clr) !important;
        background-color: var(--k-clr);
        /*border: 1px solid var(--j-clr);*/
        border-radius: 0;
        min-width: 13rem;
        border-bottom: 3px solid var(--h-clr);
    }

    .header .dropdown-menu .dropdown-item {
        color: var(--i-clr) !important;
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }

    .header .dropdown-menu .dropdown-item:last-child {
        border-bottom: none;
    }

    .header .dropdown-menu .dropdown-item:hover,
    .header .dropdown-item.active,
    .header .dropdown-item:active {
        color: var(--f-clr);
        background-color: var(--b-clr);
        color: var(--f-clr) !important;
    }

    .header .btn {
        font-size: .9rem;
    }

    .header .header-feature-icons .simple-search-btn {
        width: clamp(2.7rem, 2.5vw, 3.3rem);
    }

    .header .header-feature-icons .simple-search-btn svg {
        fill: var(--i-clr);
    }

    .header .header-feature-icons .simple-search-btn.active svg, .header .header-feature-icons .simple-search-btn:hover svg {
        fill: var(--b-clr);
    }

    .header .wide-dropdown.dropdown {
        position: static;
    }

    .header .wide-dropdown.dropdown .dropdown-menu {
        padding: 10px 0px 2px;
        left: 0;
        width: 100%;
    }

    .header-feature-icons .log-btn .txt {
        display: block;
}

.header-feature-icons .log-btn .icon {
    display: none;
}

@media (max-width: 1325px) {
    .header {
        font-size: .8rem;
        font-weight: 500;
    }

    .header .navbar-brand img {
        width: clamp(8rem, 12vw, 13rem);
    }

    .header .nav-item {
        margin-right: 7px !important;
    }

    .header .btn {
        font-size: .8rem;
        padding: 5px 8px;
    }
}

@media (max-width:1019px) {
    .header-feature-icons .log-btn .txt {
        display: none;
    }

    .header-feature-icons .log-btn {
        padding: 5px;
    }

    .header-feature-icons .log-btn .icon {
        display: block;
        width: 20px;
    }
}

@media (max-width: 991px) {
    .header {
        font-size: 1rem;
        font-weight: 500;
    }

    .header .navbar-collapse {
        height: 91.7vh;
        max-height: 91.7vh;
        overflow-y: auto;
    }

    .header .navbar-brand img {
        width: clamp(11rem, 13vw, 13rem);
    }

    .header .nav-item {
        padding: 5px 10px !important;
        margin-right: 0px !important;
    }

    .header .nav-item.active {
        background: var(--j-clr);
    }

    .header .nav-item.active a {
        color: var(--f-clr);
    }

    .header .navbar-toggler-icon .img-bx {
        width: 35px;
    }

    .header .dropdown-menu {
        border: none;
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.12);
    }

    .header .dropdown-menu .dropdown-item {
        font-size: 0.8rem;
        border-bottom: 1px solid var(--j-clr) !important;
    }

    .header .navbar {
        margin-bottom: 3px;
    }

    .header .header-feature-icons {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .header .header-feature-icons .simple-search-btn {
        color: var(--b-clr);
    }

    .header .header-feature-icons .simple-search-btn svg {
        fill: var(--b-clr);
    }
}

@media (max-width: 480px) {
    .header .navbar {
        padding: 10px 0px !important;
    }
}

.slider-sz {
    height: clamp(36rem,36vw,47rem);
    width: clamp(56rem,57vw,69rem);
}

@media (max-width: 991px) {
    .slider-sz {
        height: clamp(30rem,62vw,37rem);
        width: clamp(44rem,93vw,57rem);
    }
}

@media (max-width: 600px) {
    .slider-sz {
        height: clamp(17.5rem,64vw,24.3rem);
        width: clamp(19rem,86vw,34.5rem);
    }
}

/*feature*/
.feature-card {
    height: 400px;
    overflow: hidden;
    box-shadow: 7px 7px 7px 0px rgba(0,0,0,.05);
    border-radius: 7px;
}

    .feature-card ul {
        list-style: disclosure-closed;
        padding-left: 0.9rem;
    }

        .feature-card ul li {
            margin-bottom: .5rem;
        }

    .feature-card .gradi-bar {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 70px;
        padding: 0px 12px 5px;
        text-align: right;
        color: var(--b-clr);
        z-index: 99;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(255, 255, 255) 90%);
        display: flex;
        justify-content: end;
        align-items: end;
    }

    .feature-card .gradi-bar a {
        cursor: pointer;
    }


.featureDialog-container .feature-card {
    height: auto;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0px;
}

.featureDialog-container {
    overflow: auto;
}

@media (max-width: 480px) {
    .featureDialog-container {
        max-height: 90vh;
        height: 90vh;
    }
}

/*price-list-table*/
#enterprisePricing,
#pricing {
    display: none;
}

    #enterprisePricing.active,
    #pricing.active {
        display: block;
    }

.price-list-table {
    padding-left: 200px;
}

.price-list-table .pricing-header {
    position: sticky;
    z-index: 99;
    border-radius: 10px;
    top: calc(var(--mud-appbar-min-height) + 4px);
}

.price-list-table .price-colm-1,
.price-list-table .pricing-header.colm-1 {
    box-shadow: 0px 0px 0px 1px var(--colm-1-clr);
}

.price-list-table .pricing-header.colm-1 .price,
.price-list-table .pricing-header.colm-1 .title {
    color: var(--colm-1-clr);
}


.price-list-table .price-colm-2,
.price-list-table .pricing-header.colm-2 {
    box-shadow: 0px 0px 0px 1px var(--colm-2-clr);
}

.price-list-table .pricing-header.colm-2 .price,
.price-list-table .pricing-header.colm-2 .title {
    color: var(--colm-2-clr);
}


.price-list-table .price-colm-3,
.price-list-table .pricing-header.colm-3 {
    box-shadow: 0px 0px 0px 1px var(--colm-3-clr);
}

.price-list-table .pricing-header.colm-3 .price,
.price-list-table .pricing-header.colm-3 .title {
    color: var(--colm-3-clr);
}

.price-list-table .price-colm-4,
.price-list-table .pricing-header.colm-4 {
    box-shadow: 0px 0px 0px 1px var(--colm-4-clr);
}

.price-list-table .pricing-header.colm-4 .price,
.price-list-table .pricing-header.colm-4 .title {
    color: var(--colm-4-clr);
}


.price-list-table .price-colm-5,
.price-list-table .pricing-header.colm-5 {
    box-shadow: 0px 0px 0px 1px var(--colm-5-clr);
}

.price-list-table .pricing-header.colm-5 .price,
.price-list-table .pricing-header.colm-5 .title {
    color: var(--colm-5-clr);
}


.price-list-table .price-colm-6,
.price-list-table .pricing-header.colm-6 {
    box-shadow: 0px 0px 0px 1px var(--colm-6-clr);
}

.price-list-table .pricing-header.colm-6 .price,
.price-list-table .pricing-header.colm-6 .title {
    color: var(--colm-6-clr);
}

.price-list-table ul li {
    font-size: .85rem;
    color: var(--i-clr);
    padding: 20px 10px;
    background: var(--f-clr);
    line-height: 17px;
    position: relative;
}

.price-list-table .beginner-list li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.price-list-table .beginner-list li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.price-list-table ul li:nth-child(even) {
    background: var(--k-clr);
}

.price-list-table .beginner-list li i.fa-check {
    color: var(--b-clr);
}

.price-list-table .price-colm-1.label-list li::before,
.price-list-table .price-colm-2.label-list li::before,
.price-list-table .price-colm-3.label-list li::before,
.price-list-table .price-colm-4.label-list li::before,
.price-list-table .price-colm-5.label-list li::before,
.price-list-table .price-colm-6.label-list li::before {
    content: attr(price-label);
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 1rem;
    width: 200px;
    text-align: left;
    background: #fff;
    padding: 8px 15px 8px 15px;
    border-radius: 10px;
    font-weight: 600;
    border: 1px solid var(--d-clr);
    height: 90%;
}

.price-list-table .price-colm-2.label-list li::before,
.price-list-table .price-colm-3.label-list li::before,
.price-list-table .price-colm-4.label-list li::before,
.price-list-table .price-colm-5.label-list li::before,
.price-list-table .price-colm-6.label-list li::before {
    display: none;
}

.price-list-table .inner-label {
    display: none;
}

@media (max-width: 991px) {
    .price-list-table .price-colm-4.label-list li::before {
        display: block;
    }
}

@media (max-width: 767px) {
    .price-list-table .price-colm-2.label-list li::before,
    .price-list-table .price-colm-3.label-list li::before,
    .price-list-table .price-colm-4.label-list li::before,
    .price-list-table .price-colm-5.label-list li::before,
    .price-list-table .price-colm-6.label-list li::before {
        display: block;
    }
}

@media (max-width: 576px) {
    .price-list-table .price-colm-1.label-list li::before,
    .price-list-table .price-colm-2.label-list li::before,
    .price-list-table .price-colm-3.label-list li::before,
    .price-list-table .price-colm-4.label-list li::before,
    .price-list-table .price-colm-5.label-list li::before,
    .price-list-table .price-colm-6.label-list li::before {
        display: none;
    }

    .price-list-table .inner-label {
        display: block;
    }

    .price-list-table {
        padding-left: 5px;
        padding-right: 5px;
    }

    .price-list-table .pricing-header {
        position: static;
        margin-bottom: 1rem !important;
    }

    .price-list-table .pricing-header ~ .label-list {
        display: none;
    }

    .price-list-table .pricing-header.active {
        position: sticky;
    }

    .price-list-table .pricing-header.active ~ .label-list {
        position: relative;
        top: 0;
        display: block;
    }
}

/*testimonial*/
.testimonial-user-img {
    width: 120px;
    height: 120px;
    text-align: center;
    background: #ddd;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    overflow: hidden;
    object-fit: cover;
}

    .testimonial-user-img img {
        width: 100%;
        height: 100%;
    }

@media (max-width: 767px) {
    .testimonial-txt {
        text-align: justify;
        text-align-last: center;
    }
}


/* footer */
.footer {
    background: #14141f;
    width: 100%;
    color: var(--n-clr);
    position: relative;
    overflow-x: clip;
    margin-top: 150px;
}

.footer::before {
    content: "";
    position: absolute;
    top: -98px;
    left: 50%;
    transform: translateX(-50%);
    width: 140%;
    height: 258px;
    background: #14141f;
    border-start-end-radius: 50%;
    border-start-start-radius: 50%;
    z-index: 0;
}

.footer .navbar {
    margin: auto;
    background: var(--h-clr);
}

.footer .nav-item a {
    color: var(--f-clr) !important;
}

.footer .nav-item.active a,
.footer .nav-item:hover a {
    color: var(--b-clr) !important;
    cursor: pointer !important;
}

.footer .footer-content .heading {
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: .8rem;
    color: var(--f-clr);
}

.footer .footer-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer {
    font-size: .875rem;
}

/*MudBlazor*/
.mud-table {
    overflow: auto;
    position: relative;
    border: 1px solid var(--a-clr);
}

.mud-table .mud-table-head {
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

.mud-table .mud-table-pagination .mud-table-pagination-toolbar {
    box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.2);
    background: var(--mud-palette-white);
}