:root {
    --bs-font-sans-serif: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --primary-300-p: #5D76DA;
    --text-primary: #010914;
    --primary-400-p: #3454D1;
    --primary-opacity-8: rgba(52, 84, 209, 0.08);
    --secondary-opacity-16: #85BAC629;
    --secondary-500: #417D8B;
    --text-black-primary: #211F20;
    --text-black-secondary: #393D3F;
    --semantic-success-100: #E8F9E8;
    --semantic-success-200: #19BA16;
    --semantic-success-400: #128810;
    --semantic-error-300: #F23F48;
    --semantic-error-400: #EF101B;
    --white: #FFFFFF;
    --outline: #E2E2E9;
    --bg: #F9F9FB;
    --text-black-tertiary: #87879B;
    --text-black-primary: #211F20;
    /* ====== Transition ====== */
    --tran-03: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.3s ease;
    --tran-05: all 0.3s ease;
}

* {
    font-family: "Manrope","Poppins";
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media (min-width: 576px) and (max-width:465px) {
    .mt-xs-0 {
        margin-top: 22px !important;
    }
}

@media only screen and (max-width: 520px) {
    #subcontainer {
        padding: 20px !important;
    }

    #tab-Plan {
        padding: 8px 12px;
    }

    .plan-card {
        margin: 10px 2px;
        padding: 21px 21px;
    }
}

@media (max-width: 768px) {

    .widget-bg-icon {
        width: 88px;
        height: 88px;
        transform: rotate(-6deg);
        position: absolute;
        right: -5.778px;
        bottom: -5.778px;
    }

    .Review-Image {
        width: 120px !important;
        border-radius: 50%;
        margin: 0px auto;
    }

    .Robbin-img {
        height: 120px;
    }

    .banner-logo img {
        display: none;
    }
    .dc-fs-44 {
        font-size: 3.3em;
    }
}

@media (min-width: 768px) {
    #recently-added-container card card-body {
        height: 1390px;
    }

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

    .widget-bg-icon {
        width: 88px;
        height: 88px;
        transform: rotate(-6deg);
        position: absolute;
        right: -5.778px;
        bottom: -5.778px;
    }

}

@media (max-width: 989px) {
    .auth-left-container {
        margin: 55px 40px 55px 40px;
    }
}

@media (min-width: 990px) {
    .auth-left-container {
        margin: 55px 80px 55px 80px;
    }

    .widget-bg-icon {
        width: 88px;
        height: 88px;
        transform: rotate(-6deg);
        position: absolute;
        right: -8.778px;
        bottom: -6.779px;
    }
    .dc-fs-44 {
        font-size: 4.4em;
    }
}

@media (min-width: 992px) {
    .recently-added-container {
        flex: 0 0 auto;
        width: 62.66666667%;
    }

    .achievements-recognition-container {
        flex: 0 0 auto;
        width: 37.333333333%
    }

    .modal-md {
        --bs-modal-width: 650px;
    }
}


@media (max-width: 1199px) {
    /*.top-btns-container > a {
        display: none !important;
    }*/

    .search-select-container {
        display: none;
    }

    .search-box-container {
        width: 400px;
        display: none;
    }

    /*nav.top-nav-link {
        display: flex;
    }*/

    #navbar-toggler {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .top-btns-container > a {
        display: flex;
    }

    .search-select-container {
        display: flex;
    }

    .search-box-container {
        width: 500px;
        display: flex;
    }

    #navbar-toggler {
        display: none;
    }
}


@media only screen and (max-width: 600px) {
    /* Extra small devices (phones, 600px and down) */
    .teaser-video-sm {
        display: none;
    }

    .teaser-video-lg {
        display: block;
    }

    .teaser-video-sm {
        display: block;
    }

    .teaser-video-lg {
        display: none;
    }

    .teaser-img-lg{
        display:none;
    }
    .teaser-img-sm{
        display:block;
    }

    .top-nav-link {
        display: none;
    }

    .search-box-container {
        display: none;
    }

    .search-select-container {
        display: none;
    }

    .top-btns-container > a {
        display: none;
    }

    .top-btns-container div.navbar {
        display: flex;
    }

    .top-btn-list-book {
        height: 34px;
        padding: 4px 16px;
        font-size: 14px;
        line-height: 14px;
    }

    #maincontainer {
        top: 80px;
    }
    .hero-overlay{
        padding:10px;
        text-align:center;
    }
    .hero-overlay h4 {
        font-size: 28px;
        line-height: 34px;
        margin-top: 22px;
    }


    .hero-overlay p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .hero-overlay div{
        display:inline-flex !important;
        text-align:center;
    }
    .hero-img {
        height:240px;
    }
    #hero_video {
        width: 69% !important;
        max-height: 300px;
    }
    #topSearchForm{
        display:none;
    }

    .top-bar {
        width: -webkit-fill-available;
    }
    .content-heading{
        font-size:18px;
    }
    .market-link{
        font-size:12px;
    }
    #bookDetailsContainer {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 400px) {
    #hero_video {
        height: 550px;
    }

}

@media only screen and (min-width: 600px) {
    /* Small devices (portrait tablets and large phones, 600px and up) */
    .teaser-video-sm {
        display: block;
    }

    .teaser-img-lg {
        display: none;
    }

    .teaser-img-sm {
        display: block;
    }

    .top-nav-link {
        display: none;
    }

    .search-box-container {
        display: none;
    }

    .search-select-container {
        display: none;
    }

    .top-btns-container a {
        display: flex;
    }

    .top-btns-container div.navbar {
        display: flex;
    }

    #maincontainer {
        top: 80px;
    }

    .hero-overlay h4 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 38px;
    }

    .hero-overlay {
        padding-left: 383px;
        padding-top: 5px;
    }

        .hero-overlay p {
            font-size: 18px;
            line-height: 24px;
        }

    #hero_video {
        height: 550px;

    }

    h2.content-heading strong {
        font-size: 1.2rem;
    }
    #bookDetailsContainer {
        margin-bottom: 10px;
    }
    .top-btn-list-book {
        height: 37px;
        padding: 4px 18px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    /* Medium devices (landscape tablets, 768px and up) */
    .teaser-video-sm {
        display: none;
    }

    .teaser-img-lg {
        display: block;
    }

    .teaser-img-sm {
        display: none;
    }

    .top-nav-link {
        display: none;
    }

    .search-box-container {
        display: none;
    }

    .search-select-container {
        display: none;
    }

    .top-btns-container a {
        display: flex;
    }

    .top-btns-container div.navbar {
        display: flex;
    }
    .top-btn-list-book {
        height: 48px;
        padding: 8px 24px;
    }

    #maincontainer {
        top: 80px;
    }

    .hero-overlay h4 {
        margin-top: 10px;
        font-size: 28px;
        line-height: 34px;
    }

    .hero-overlay {
        padding-left: 375px;
        padding-top: 5px;
    }

        .hero-overlay p {
            font-size: 14px;
            line-height: 25px;
        }

    #hero_video {
        height: 426px;
    }

    .getyourbook {
        font-size: 30px;
    }
    .subheader-team {
        width: auto;
    }
    .cover-card {
        height:auto;
    }
    .book-detail-card {
        height: auto;
        overflow-y: auto;
    }
    #bookDetailsContainer {
        margin-bottom: 10px;
    }

}

@media only screen and (min-width: 892px) {

    .top-nav-link {
        display: none;
    }
    .hero-overlay {
        padding-left: 484px;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 992px) {
    /* Large devices (laptops/desktops, 992px and up) */
    .teaser-video-sm {
        display: none;
    }

    .teaser-img-lg {
        display: block;
    }

    .teaser-img-sm {
        display: none;
    }

    .top-nav-link {
        display: flex;
    }

    .search-box-container {
        display: flex;
        width: 300px;
    }

    .search-select-container {
        display: flex;
    }

    .top-btns-container a {
        display: flex;
    }

    .top-btns-container div.navbar {
        display: none;
    }

    .top-btns-container div.navbar {
        display: none;
    }
    .top-btn-list-book {
        height: 48px;
        padding: 8px 24px;
        font-size: 18px;
        line-height: 24px;
    }
    #maincontainer {
        top: 148px;
    }

    .hero-overlay h4 {
        margin-top: 14px;
        font-size: 38px;
        line-height: 48px;
    }

    .hero-overlay {
        padding-left: 550px;
        padding-top: 5px;
    }

        .hero-overlay p {
            /*width: 585px;*/
            font-size: 22px;
            line-height: 35px;
        }

    #hero_video {
        height: 546px;
    }

    .container-sub-header-text {
        width: 560px;
    }
    .content-heading {
        font-size: 20px;
    }
    .top-bar{
        width: 100%;
    }
    .search-input {
        width: 100px;
    }
    #BrowseCatID {
        width: 70px;
    }
    .cover-card {
        height: 510px;
        overflow-y: auto;
    }
    .book-detail-card {
        height: 510px;
        overflow-y: auto;
    }
    #bookDetailsContainer {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 1080px) {
    .Review-Image {
        height: auto;
    }

    .Review-text {
        color: #fff;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    .search-box-container {
        display: flex;
        width: 240px;
    }

    .search-input {
        width: 200px;
    }

    #BrowseCatID {
        width: 110px;
    }

    .top-bar {
        width: 1300px;
    }

    #main {
        width: 1300px;
    }

    section {
        width: 1300px;
    }

    .hero-overlay p {
        width: 585px;
    }

    .hero-overlay h4 {
        margin-top: 55px;
        margin-bottom: 12px;
        font-size: 48px;
        line-height: 60px;
    }

    .search-select-container {
        display: flex;
    }

    .top-btns-container a {
        display: flex;
    }

    .top-btns-container div.navbar {
        display: none;
    }

    #maincontainer {
        top: 148px;
    }

    /*.hero-overlay h4 {
        font-size: 52px;
        line-height: 72px;
    }*/

    .hero-overlay {
        padding-left: 620px;
        padding-top: 5px;
    }

        .hero-overlay p {
            font-size: 22px;
            line-height: 28px; /* 127.273% */
        }

    #hero_video {
        height: 674px;
    }
    .getyourbook {
        font-size: 40px;
    }
    .subheader-team{
        width:960px;
    }
}

body {
    background: var(--white, #F9F9FB);
    height: 100vh;
    color: #000;
    /*max-width: 1300px;*/
    margin-left: auto;
    margin-right: auto;
}

#nav-item-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1200;
    overflow: scroll;
}

.mobile-nav-menu {
    margin: 50px;
    background: white;
    padding: 20px;
    border-radius: 8px;
}

    .mobile-nav-menu li {
        cursor: pointer;
    }

        .mobile-nav-menu li:hover {
            border-radius: 8px;
            background: var(--secondary-opacity-16, rgba(133, 186, 198, 0.16));
            color: var(--secondary-500, #417D8B);
        }

.blockUI.blockMsg.blockPage {
    z-index: 1150 !important;
    position: fixed !important;
    padding: 10px !important;
    margin: 0px !important;
    width: 30% !important;
    top: 40% !important;
    left: 35% !important;
    text-align: center !important;
    color: rgb(0, 0, 0) !important;
    border: 3px solid rgb(255, 255, 255) !important;
    background-color: rgb(255 255 255) !important;
    cursor: wait !important;
    border-radius: 10px !important;
}

.blockOverlay {
    z-index: 1055 !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}

.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none;
}

.form-check-input {
    width: 1.1em;
    height: 1.1em;
}

.tag {
}

.tag {
    opacity: 0;
    transform: translate(0, 10vh);
    transition: all 2s;
}

    .tag.visible {
        opacity: 1;
        transform: translate(0, 0);
    }

.breadcrumb {
    color: var(--text-black-tertiary, #87879B);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

    .breadcrumb a {
        text-decoration: none;
        color: var(--text-black-tertiary, #87879B);
    }

    .breadcrumb.active a {
        color: var(--primary-400-p, #3454D1) !important;
    }

p {
    color: var(--text-black-secondary, #393D3F);
}

.form-check-label {
    color: var(--text-black-secondary, #393D3F);
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.termsOfUseLink {
    color: var(--primary-400-p,#3454D1);
    text-decoration: none;
    cursor: pointer;
}

    .termsOfUseLink:hover {
        opacity: 0.3799999952316284;
    }

::selection {
    background-color: var(--primary-400-p,#3454D1);
    color: var(--white, #F9F9FB);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--text-black-tertiary, #87879B);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--text-black-tertiary, #87879B);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--text-black-tertiary, #87879B);
}
/* ====== Scroll Bar ====== */
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-responsive::-webkit-scrollbar {
    display: block;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px red;
    border-radius: 32px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    /*background: var(--outline, #E2E2E9);*/
    background: #417d8b;
    border-radius: 32px;
}
/* ====== End Scroll Bar ====== */

/* ====== Top Nav Bar ====== */
body header {
    background: var(--white, #FFF);
}

.navbar {
    --bs-navbar-padding-x: 32px;
    background: var(--white);
    border-bottom: 1px solid var(--outline, #E2E2E9);
}

.nav-account-link {
    color: var(--text-black-tertiary, #87879B);
    text-align: center;
    font-size: 16px;
    font-family: Manrope;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.15px;
}

.logo {
    display: flex;
    width: 48%;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.brand {
    width: 145.445px;
    align-items: center;
}

.nav-link {
    height: 50px;
    display: flex;
    padding:0px !important;
    margin: 0px 16px;
    align-items: center;
    gap: 8px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--primary-300-p,#5D76DA);
}

.nav-item a {
    color: var(--text-black-tertiary, #87879B);
    text-align: center;
    /* title/medium 16 */
    font-size: 16px;
    font-family: Manrope;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.nav-item .signup {
    margin-left: 30px;
    color: var(--bs-btn-hover-color);
}

.nav-item a:hover {
    color: var(--primary-300-p,#5D76DA);
}

.nav-item a.signup:hover {
    color: var(--bs-btn-hover-color);
    border-color: var(--bs-btn-hover-border-color);
}

.dropdown-toggle::after {
    display: none; /*to hide down arrow*/
}

.dropdown-item.active, .dropdown-item:active {
    color: #417d9a;
    text-decoration: none;
    background-color: transparent; /*var(--bs-dropdown-link-active-color);*/
    font-weight: 500;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
}

.dropdown-menu .dropdown-item:hover {
    color: #417d9a;
}

.avtar {
    width: 32px;
    width: 32px;
    border-radius: 50%;
    cursor: pointer;
}

.avtar-name {
    color: var(--text-black-tertiary, #87879B);
    font-size: 16px;
    font-family: Manrope;
    font-weight: 600;
    letter-spacing: 0.15px;
    cursor: pointer;
}

    .avtar-name:hover {
        color: var(--primary-400-p,#3454D1);
    }
/* ====== End Top Nav Bar ====== */

/* ===== Sidebar ===== */
.container {
    display: flex;
    width: 100%;
}
.sidebar {
    position: fixed;
    top:82px;
    width: 240px;
    height: calc(100vh - 82px);
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    padding: 10px;
    border-right: 1px solid var(--outline, #E2E2E9);
    transition: all 0.3s;
    z-index: 10;
}

    .sidebar .head {
        display: flex;
        gap: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #f6f6f6;
    }

.user-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}

    .user-img img {
        width: 100%;
        object-fit: cover;
    }

.user-details .title,
.menu .title {
    font-size: 10px;
    font-weight: 500;
    color: #757575;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.user-details .name {
    font-size: 14px;
    font-weight: 500;
}

.nav {
    flex: 1;
}

.menu ul {
    padding-left: 0px;
}

    .menu ul li {
        position: relative;
        list-style: none;
        margin-bottom: 5px;
    }

        .menu ul li a {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 17px;
            font-weight: 500;
            color: #757575;
            text-decoration: none;
            padding: 10px 14px;
            border-radius: 8px;
            transition: all 0.3s;
        }
        .menu ul li > a:hover {
            background-color: var(--secondary-opacity-16);
        }

        .menu ul li.active > a {
            color: var(--secondary-500);
            background-color: var(--secondary-opacity-16);
        }

        .menu ul li.active .icon {
            color: var(--secondary-500);
        }

        .menu ul li.active .text {
            color: var(--secondary-500);
        }

        .menu ul li .icon {
            font-size: 20px;
            color: var(--text-black-tertiary);
        }

        .menu ul li .text {
            flex: 1;
            color: var(--text-black-tertiary);
        }

        .menu ul li .arrow {
            font-size: 20px;
            color: var(--text-black-tertiary);
            transition: all 0.3s;
        }

        .menu ul li.active .arrow {
            transform: rotate(180deg);
        }

.menu .sub-menu {
    display: none;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 5px;
    border-left: 1px solid #f6f6f6;
    z-index: 10;
    max-height: 300px;
    overflow-y: scroll;
}

    .menu .sub-menu li {
        list-style: none;
    }
        .menu .sub-menu li a {
            padding: 10px 8px;
            font-size: 12px;
        }


.menu:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #f6f6f6;
}

.menu-btn {
    position: absolute;
    right: -14px;
    top: 2.5%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: var(--white);
    color: var(--secondary-500);
    border-radius: 50%;
    border: 1px solid var(--outline, #E2E2E9);
    font-size: 22px;
}

    .menu-btn:hover i {
        color: #000;
    }

    .menu-btn i {
        transition: all 0.3s;
    }

.sidebar.active {
    width: 68px;
}

    .sidebar.active .menu-btn i {
        transform: rotate(180deg);
    }

    .sidebar.active .user-details {
        display: none;
    }

    .sidebar.active .menu .title {
        text-align: center;
    }

    .sidebar.active .menu ul li .arrow {
        display: none;
    }

    .sidebar.active .menu > ul > li > a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sidebar.active .menu > ul > li > a .text {
            position: absolute;
            left: 70px;
            top: 50%;
            transform: translateY(-50%);
            padding: 10px;
            border-radius: 4px;
            color: #fff;
            background-color: #000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }

            .sidebar.active .menu > ul > li > a .text::after {
                content: "";
                position: absolute;
                left: -5px;
                top: 20%;
                width: 20px;
                height: 20px;
                border-radius: 2px;
                background-color: #000;
                transform: rotate(45deg);
                z-index: -1;
            }

        .sidebar.active .menu > ul > li > a:hover .text {
            left: 50px;
            opacity: 1;
            visibility: visible;
            width: max-content;
            z-index: 10;
        }

    .sidebar.active .menu .sub-menu {
        position: absolute;
        top: 0;
        left: 34px;
        width: 200px;
        border-radius: 8px;
        padding: 8px 8px;
        border: 1px solid #f6f6f6;
        background-color: #fff;
        box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
    }

    .sidebar.active ~ .credits {
        width: calc(100% - 100px);
        transition: all 0.3s;
        left: 68px;
    }
.sub-menu-level2 {
    left: 180px;
    margin-left: 10px;
    border-left: 1px solid #417f8f;
}

.credits {
    position: relative;
    /*top: 82px;*/
    left: 240px;
    width: calc(100% - 280px);
    background-color: #f9f9fb;
}
/* ====== End Sidebar ====== */

/* == global search */
#mainSubContainer {
    margin-bottom: 25px;
}

.global-search-container {
    display: flex;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    background: var(--white, #FFF);
}

.global-search-input {
    border: none;
    flex: 1 0 0;
    color: var(--text-black-tertiary, #87879B); /* body/medium */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

    .global-search-input:active,
    .global-search-input:focus,
    .global-search-input:focus-visible {
        border: none;
        outline: none;
    }

/* == end global search == */
.container-fluid {
    margin-top: 80px;
}
.btn {
    border-radius: 8px;
}

.btn-primary {
    display: inline-block;
    height: 40px;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--primary-400-p,#3454D1);
    margin-top: 5px;
}

    .btn-primary:hover {
        background: var(--primary-300-p,#5D76DA);
    }

.btn-white {
    display: inline-block;
    height: 40px;
    padding: 7px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--white, #FFFFFF);
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    color: var(--primary-400-p,#3454D1);
    font-weight: 700;
}

    .btn-white:hover {
        border-radius: 8px;
        border: 1px solid var(--text-black-tertiary, #87879B);
        color: var(--primary-400-p,#3454D1);
        background-color: var(--bg, #F9F9FB);
        border-radius: 8px;
        border: 1px solid var(--outline, #E2E2E9);
        background: var(--white, #FFF);
    }

.btn-secondary-danger {
    height: 48px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--semantic-error-300, #F23F48);
    text-align: center;
    /* button */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    background: var(--white, #FFF);
}

    .btn-secondary-danger:hover,
    .btn-secondary-danger:active {
        color: var(--semantic-error-300, #F23F48) !important;
        border: 1px solid var(--outline, #E2E2E9) !important;
        background: var(--outline, #E2E2E9) !important;
    }

.btn-success {
    display: inline-block;
    height: 40px;
    padding: 7px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--semantic-success-200, #19BA16);
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid var(--semantic-success-200, #19BA16);
    color: var(--white,#FFFFFF);
    font-weight: 700;
}

    .btn-success:hover {
        background: #19ba16e0;
        border: 1px solid #19ba16e0;
    }

.btn-form {
    height: 48px;
}

.btn-google {
    display: flex;
    height: 48px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border: 1px solid var(--primary-100, #B0BCED);
    background: var(--white, #FFF);
    color: var(--primary-400-p, #3454D1);
    /* button */
    font-size: 16px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
}

    .btn-google img {
        width: 24px;
        height: 24px;
    }

    .btn-google:hover,
    .btn-google:focus-visible,
    .btn-google:active {
        background: var(--bg,#F9F9FB);
        color: var(--primary-400-p, #3454D1);
        border: 1px solid var(--primary-100, #B0BCED);
    }

.btn-primary.disabled, .btn-primary:disabled {
    opacity: 0.3799999952316284;
    background: var(--primary-400-p, #3454D1);
    pointer-events: none;
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-upgrade-green {
    display: flex;
    padding: 7px 15px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--semantic-success-400,#128810);
    margin-top: 5px;
    color: var(--white, #F9F9FB) !important;
    margin-right: 8px;
    width: 125px;
}

    .btn-upgrade-green:hover {
        background: var(--semantic-success-200,#19BA16);
    }

.btn-book-format {
    display: inline-block;
    /*height: 40px;*/
    padding: 2px 10px;
    margin: 0px 8px 8px 0px;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 8px;
    color: var(--secondary-500, #417D8B) !important;
    background-color: var(--secondary-opacity-16, #85BAC629);
}

    .btn-book-format:hover {
        background-color: #417d8bd9;
        color: var(--white, #FFFFFF) !important;
    }

    .btn-book-format.active {
        font-weight: 700;
        background: var(--secondary-500, #417D8B);
        color: var(--white, #FFFFFF) !important;
    }

.resend-link {
    text-decoration: none;
    font-size: 14px;
    font-family: Manrope;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: var(--primary-400-p, #3454D1);
}

.text-black-tertiary {
    color: var(--text-black-tertiary, #87879B) !important;
}

.action-links {
    color: var(--text-black-tertiary, #87879B) !important;
}

    .action-links:hover,
    .action-links i:hover {
        color: var(--primary-400-p, #3454D1);
    }

.hover {
    color: var(--text-black-tertiary, #87879B) !important;
    text-decoration: none;
}

    .hover:hover {
        color: var(--primary-400-p, #3454D1) !important;
    }
/*.auth-left-container {
    margin: 55px 80px 55px 80px;
}*/
.auth-right-container {
    margin: 32px 2px 32px 2px;
    border-radius: 32px;
    background: var(--bg, #F9F9FB);
    padding-left: 66px;
    padding-top: 28px;
    padding-bottom: 42px;
}

.auth-right-image {
    border-radius: 16px;
    width: 100%;
    /* surface elevation */
    box-shadow: 0px 8px 24px 0px rgba(243, 243, 247, 0.30);
    margin-bottom: 100px;
}

.features {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    margin-bottom: 16px;
}

    .features img {
        border-radius: 100px;
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
        display: flex;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .features span {
        color: var(--text-black-primary, #211F20);
        /* body/small */
        font-size: 14px;
        font-family: Manrope;
        line-height: 20px;
        letter-spacing: 0.25px;
    }

.heading_large {
    color: var(--text-black-primary, #211F20);
    /* headline/large */
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.card-title {
    color: var(--text-black-primary, #211F20);
    /* title/medium 16 */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 5px 0px 5px 0px;
}

.center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}

.social-link {
    text-decoration: none;
    color: var(--text-black-tertiary, #87879B);
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 4px;
}

    .social-link:hover {
        color: var(--primary-400-p, #3454D1);
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
    }

.btn-add {
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    color: var(--primary-400-p, #3454D1);
    padding: 6px 6px 0px 6px
}

    .btn-add:hover {
        border-color: var(--primary-400-p, #3454D1);
    }

.table-border-0 tbody tr td {
    background: #fff;
    border-bottom: none;
    border-top: 0px;
    padding: 5px;
    padding-right: 10px;
    font-size: 14px;
}

.emptyCardState {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    min-height: 410px;
}

    .emptyCardState label {
        color: var(--text-black-tertiary, #87879B);
        text-align: center;
        /* title/small */
        font-family: Manrope;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.1px;
    }

.card-table tbody tr td {
    padding: 5px 5px 5px 0px;
}

.dc-bx-sm {
    font-size: 1.15rem !important;
}

.hint-text {
    color: var(--text-black-tertiary, #87879B) !important;
}

.form_group_heading {
    color: var(--text-black-primary, #211F20);
    /* title/medium 16 */
    font-size: 16px;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-top: 24px;
}

.form-group {
    margin: 8px 0px 8px 0px;
}

.form-label {
    /*margin-top: 8px;*/
    margin-bottom: 5px;
    color: var(--text-black-tertiary, #87879B);
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.form-control {
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    display: flex;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 11px 0px;
    width: 98%;
    /*border-left: none;*/
    background: none;
    font-size: 24px;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
}

/*.input-group input {
    border-right: none;
}*/

.form-link {
    color: var(--primary-400-p, #3454D1);
    text-align: right;
    /* title/small */
    font-size: 14px;
    font-family: Manrope;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
}

    .form-link a {
        text-decoration: none;
    }

.bordert {
    color: var(--outline, #E2E2E9);
    border-top: 1px solid var(--outline, #E2E2E9);
    position: relative;
    margin-top: 28px;
    margin-bottom: 28px;
}

    .bordert::after {
        content: "Or";
        position: absolute;
        top: -13px;
        left: 46%;
        background-color: #fff;
        padding: 0px 8px;
        color: var(--text-black-tertiary, #87879B);
    }

.border-round-8 {
    border-radius: 8px;
}

.sign-up-link {
    margin-top: 100px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

    .sign-up-link a {
        text-decoration: none;
        color: var(--text-black-tertiary, #87879B);
    }

        .sign-up-link a strong {
            color: var(--primary-400-p, #3454D1);
        }

.btn-back-link {
    text-align: left;
    /* button */
    font-size: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
}

    .btn-back-link a {
        text-decoration: none;
        color: var(--text-black-tertiary, #87879B);
    }

        .btn-back-link a:hover {
            color: var(--primary-400-p, #3454D1);
        }

.market-link {
    color: #3454D1 !important;
}

.text-black-tertiary {
    color: var(--text-black-tertiary,#87879B)
}

.footer-link {
    line-height: 25px;
    color: #87879B;
    text-decoration: none;
}

    .footer-link :hover {
        color: var(--primary-300-p,#5D76DA);
    }

.footer-icon span i:hover {
    color: var(--primary-300-p,#5D76DA);
}

.footer-padding {
    padding: 1rem 1.5rem;
}

.footer-icon span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    color: #211f20 !important;
    padding: 5px;
    text-decoration: none;
}

    .footer-icon span i {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.private-footer {
    display: flex;
    padding: 10px 32px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--outline, #E2E2E9);
    background: var(--bg, #F9F9FB);
}

.private-footer-contant {
    flex: 1 0 0;
    color: var(--text-black-tertiary, #87879B);
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.private-footer-link {
    color: var(--primary-400-p, #3454D1);
    text-decoration: none;
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.plan-container {
    padding-left: 110px;
    padding-right: 100px;
    min-height: 900px;
    margin-top: 208px;
}

    .plan-container label {
        color: var(--text-tertiary, rgba(0, 0, 30, 0.45));
        /* body/medium */
        font-size: 16px;
        font-family: Manrope;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .plan-container h6 {
        color: var(--text-black-primary, #211F20);
        /* headline/medium */
        font-size: 28px;
        font-family: Manrope;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
    }

    .plan-container ul {
        padding: 0;
    }

        .plan-container ul li {
            display: flex;
            /*align-items: center;*/
            gap: 13px;
            align-self: stretch;
            font-size: 1.2em;
            margin-bottom: 5px;
        }

            .plan-container ul li i {
                color: var(--primary-400-p, #3454D1);
                margin-top: 7px;
            }

.contact-us-container {
    padding-left: 110px;
    padding-right: 100px;
    min-height: 590px;
    margin-top: 194px;
}

.text-success {
    color: var(--semantic-success-200,#19BA16) !important;
}

.text-danger {
    color: var(--semantic-error-400, #EF101B) !important;
}

.text-primary {
    color: var(--text-primary, #010914);
}

.fw-700 {
    font-weight: 700;
}

.inside-input {
    position: absolute;
    top: 54%;
    right: 16px;
    transform: translateY(-50%);
    color: #999;
    font-size: 26px;
    cursor: pointer;
}

.heading-small {
    color: var(--text-primary, #010914);
    /* headline/small */
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.label-large {
    color: var(--text-black-tertiary, #87879B);
    text-align: center;
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.text-large {
    color: var(--text-black-primary, #211F20);
    text-align: center;
    /* title/large */
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.text-medium {
    color: var(--text-black-secondary, #393D3F);
    text-align: center;
    /* body/medium */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.page-heading {
    color: var(--text-black-primary, #211F20);
    /* headline/small */
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 7px 0px 0px 0px;
}

.coverimage {
    width: 274px;
    height: auto !important;
    border-radius: 8px;
    background: var(--bg, #F9F9FB);
}

.modal-dc-header {
    padding: var(--bs-modal-padding);
}

.modal-title {
    display: inline-block;
    color: var(--text-black-primary, #211F20);
    /* title/large */
    font-family: Manrope;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.title-small {
    color: var(--text-black-primary, #211F20);
    /* title/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    margin: 12px 0px 10px 0px;
}

.badge-dc-secondary {
    color: var(--secondary-500, #417D8B);
    text-align: center;
    margin-top: 4px;
    /* label/small */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 145.455% */
    letter-spacing: 0.5px;
    border-radius: 50px;
    background: var(--secondary-opacity-16, rgba(133, 186, 198, 0.16));
}

.badge-dc-success {
    color: white;
    text-align: center;
    margin-top: 4px;
    /* label/small */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 145.455% */
    letter-spacing: 0.5px;
    border-radius: 50px;
    background: var(--semantic-success-400, #128810);
}
.badge-dc-danger {
    color: white;
    text-align: center;
    margin-top: 4px;
    /* label/small */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 145.455% */
    letter-spacing: 0.5px;
    border-radius: 50px;
    background: var(--semantic-error-400, #EF101B);
}
.badge-dc-info {
    color: white;
    text-align: center;
    margin-top: 4px;
    /* label/small */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 145.455% */
    letter-spacing: 0.5px;
    border-radius: 50px;
    background: #7184cd !important;
}
.label-small {
    font-family: Manrope;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 145.455% */
    letter-spacing: 0.5px;
}

.right-sold-label {
    color: var(--text-black-tertiary, #87879B);
}

.book-mockup {
    width: 114.379px;
    height: 160.058px;
    flex-shrink: 0;
}

.w-35 {
    width: 35% !important;
}

.w-38 {
    width: 38% !important;
}

.w-65 {
    width: 65% !important;
}

.card-primary-bg {
    background: var(--bg, #F9F9FB);
    padding: 18px 7px 18px 7px;
    margin: 15px 0px;
    border-radius: 8px;
}
/* Multiselect Select List CSS*/
.select2-container {
    min-width: 100%;
    padding: 0px !important;
}

.select2-selection__rendered {
    font-size: 17px !important;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

    .select2-results__option[role="treeitem"]:before {
        content: "";
        display: inline-block;
        position: relative;
        height: 17px;
        width: 17px;
        border: 2px solid #e9e9e9;
        border-radius: 5px;
        background-color: #fff;
        margin-right: 20px;
        vertical-align: middle;
    }

    .select2-results__option[aria-selected=true]:before {
        font-family: fontAwesome;
        content: "\2713";
        color: #fff;
        background-color: #3454D1;
        border: 0;
        display: inline-block;
        font-size: 12px;
        padding-left: 4px;
    }

.select2-container--open .select2-dropdown--above {
    border: 2px solid #e9e9e9;
    border-radius: 7px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3454D1;
    border-width: 1px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #E2E2E9;
    border-radius: 7px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
}

.select2-selection {
    border-radius: 7px !important;
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none !important;
    border-radius: 15px;
    color: #517b88;
    background-color: #ecf3f5;
}

.select2-search__field {
    padding-left: 10px !important;
}

.select2-selection__rendered {
    padding-top: 5px;
}

.select2-selection--multiple ul {
    padding-top: 3px !important;
}
/* End Multiselect Select List CSS*/

.author-image-container {
    position: relative;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.middle-2 {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

/*.author-image-container:hover img {
    opacity: 0.8;
}

.author-image-container:hover .middle,
.author-image-container:hover .middle-2 {
    opacity: 1 !important;
}*/
#bookCoverImage:hover {
    opacity: 0.8;
}

.add-url-link {
    color: var(--primary-400-p, #3454D1);
    text-align: left;
    /* button */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
    text-decoration: none;
}

.remove-url {
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.tox-tinymce {
    border-radius: 8px;
}

/* auto complete */
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    background-color: #ffffff;
    width: 30%;
    min-width: 300px;
    list-style-type: none; /* Remove bullets */
    border: 1px solid #efefef;
    padding: 10px;
    z-index: 9050 !important;
}

.ui-autocomplete-loading {
    background-image: url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif) no-repeat right center;
}

.ui-menu-item:hover {
    background-color: #e9edfc;
    cursor: pointer;
}

.ui-menu-item-wrapper {
}
/* IE 6 doesn't support max-height
                * we use height instead, but this forces the menu to always be this tall
        */
* html .ui-autocomplete {
    height: 250px;
    z-index: 100;
}

.search-item {
    padding-left: 10px;
}

.search-header {
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #fff;
}

.form-group label {
    color: var(--text-black-tertiary, #87879B);
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.select {
    display: flex;
    height: 48px;
    padding: 8px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    width: 100%;
}
/* My books table*/
.table > :not(caption) > * > * {
    padding-left: 16px;
    padding-right: 16px;
}
/* My books table*/

/* Start: Home Page */
.content-heading {
    text-transform: capitalize !important;
    color: #000;
    /*font-size: 1.5em;*/
    font-family: "Manrope";
}
    .content-heading strong {
        font-family: "Poppins"
    }

.title-thumb {
    cursor: pointer;
    width: 190px !important;
}

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

.owl-carousel {
    z-index: unset;
}

.carousel-img {
    height: 300px !important;
    vertical-align: bottom;
    display: table-cell;
}

.carousel-button {
    padding: 10px;
    border-radius: 8px;
    justify-content: center;
}

    .carousel-button:hover {
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
    }

.cover-title {
    color: var(--text-black-primary, #211F20);
    /* title/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.1px;
    text-decoration: none;
}

.cover-author {
    color: var(--text-black-secondary, #393D3F);
    /* label/medium */
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.5px;
}
/* End: Home Page */
.widget-header {
    align-self: stretch;
    color: var(--text-black-secondary, #393D3F);
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.widget-headline {
    color: var(--text-black-primary, #211F20);
    /* headline/small */
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
}

.dc-select-div {
    height: 300px;
    overflow: auto;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    padding: 15px;
}

.dc-select-ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    width: 100% !important;
    height: 130px !important;
}

.liItem {
    cursor: pointer;
    padding: 5px 8px;
}

.dc-selected {
    border-radius: 2px;
    background-color: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
    color: var(--primary-400-p, #3454D1) !important;
}

.pricing-check {
    color: var(--primary-400-p, #3454D1) !important;
}

.Pricing-Div {
    background: var(--primary-400-p, #3454D1);
}

    .Pricing-Div .card {
        text-align: left;
        border-radius: 45px;
        min-height: 920px;
        box-shadow: 0.2rem 0 0.4rem rgba(0,0,0,0.6) !important;
    }

.btn-lg {
    padding: 18px 30px;
    height: auto;
}
.btn-danger {
    color: white;
    background: var(--semantic-error-400, #EF101B);
}

.contact-link-icon {
    text-decoration: none;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: var(--bg, #F9F9FB);
    border-radius: 8px;
    display: inline-flex;
    width: 40px;
    height: 40px;
    padding: 4px;
}

    .contact-link-icon:hover {
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
    }

/* == Marketing Page (Home or Index) == */
.cta-container {
    display: flex;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.cta-txt-btn {
    display: flex;
    padding: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
    background: var(--primary-400-p, #3454D1);
    border-radius: 16px 0px 0px 16px;
}

.cta-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.cta-txt-header {
    color: var(--text-white-primary, #FFF);
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.cta-txt-content {
    color: var(--text-white-secondary, rgba(255, 255, 255, 0.70));
    /* body/medium */
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.cta-btns {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.cta-btn-login {
    text-decoration: none;
    display: flex;
    height: 48px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--text-white-tertiary, rgba(255, 255, 255, 0.40));
    color: var(--text-white-primary, #FFF);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    background-color: var(--primary-400-p, #3454D1);
}

.cta-btn-signup {
    text-decoration: none;
    display: flex;
    height: 48px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--text-white-primary, #FFF);
    color: var(--primary-400-p, #3454D1);
    text-align: center;
    /* button */
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

.cta-img {
    background: var(--primary-400-p, #3454D1);
    padding-right: 0;
    border-radius: 0px 16px 16px 0px;
}

.cta-img-img {
    /*width: 668px;*/
    height: 437px;
    flex-shrink: 0;
    /*border-radius: 16px;*/
    /*border: 10px solid var(--primary-200, #8699E4);*/
    background: url('/images/dcmarketplace/image-103.png') no-repeat;
    /*box-shadow: 0px 24px 56px 0px rgba(171, 176, 196, 0.08);*/
    border-radius: 16px;
}

.cta-rectangle {
    /*width: 612px;*/
    height: 437px;
    flex-shrink: 0;
    background: linear-gradient(180deg, rgba(52, 84, 209, 0.00) 0%, rgba(52, 84, 209, 0.20) 100%);
    border-radius: 16px;
}

.cta-frame {
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 364px;
}

.cta-frame-feature {
    display: flex;
    padding: 7.929px 10.571px;
    align-items: center;
    gap: 10.571px;
    border-radius: 31.714px;
    border: 0.661px solid var(--outline, #E2E2E9);
    background: var(--white, #FFF);
    box-shadow: 0px 7.689571380615234px 11.534357070922852px 0px rgba(171, 176, 196, 0.05), 0px 11.534357070922852px 26.91349983215332px 0px rgba(171, 176, 196, 0.07);
}

.cta-frame-icon {
    display: flex;
    padding: 5.286px;
    justify-content: center;
    align-items: center;
    gap: 5.286px;
    border-radius: 66.071px;
    background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
}

.cta-frame-icon-inner {
    display: flex;
    width: 15.857px;
    height: 15.857px;
    justify-content: center;
    align-items: center;
}

.cta-frame-text {
    color: var(--text-black-primary, #211F20);
    font-family: Manrope;
    font-size: 9.25px;
    font-style: normal;
    font-weight: 400;
    line-height: 13.214px; /* 142.857% */
    letter-spacing: 0.165px;
}

/* == Marketing Page (Home or Index) == */

/*.book-format-type-container {
    display: flex;
    gap: 10px;
    align-self: stretch;
    margin-bottom: 1rem;
}*/

.send-receipt-link {
    color: var(--primary-400-p, #3454D1);
    display: block;
    font-family: Roboto;
    font-weight: 500;
    text-decoration: none;
}

    .send-receipt-link:hover {
        text-decoration: underline;
    }

.review-image {
    width: 100px !important;
    height: auto;
    border-radius: 50%;
    margin: 0px auto;
    margin-bottom: 10px;
}

.Review-Div {
    background: var(--primary-400-p, #3454D1);
    border-radius: 20px;
    color: #fff;
}

.Review-Image {
    width: 95%;
    border-radius: 20px;
    height: 300px;
}

.Review-text {
    color: #fff;
    font-size: 18px;
}

.Quote-Icon {
    font-size: 35px;
    color: #8598e3;
}

.bxs-quote-alt-right {
    margin-top: 15px;
    float: right;
}

.PriceSubDiv {
    width: 100%;
    border-radius: 25px;
    background: #fff;
    text-align: center;
}

.img-pricing {
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.PriceSubDiv h3 {
    font-size: 23px;
    font-weight: 600;
}

.popular {
    margin-bottom: 3px;
    margin-top: -25px;
}

    .popular span {
        background: #e6eff3;
        border-radius: 20px;
        padding: 5px 8px;
        font-size: 14px;
        color: #568c98;
        font-weight: 600;
    }

.price-text {
    color: #87879B;
}

.icon-check {
    color: #1bc47d;
    font-size: 25px;
}

.bx-x {
    color: #87879B;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
    min-width: 348px;
}

.note-form-group {
    padding-bottom: 5px;
    margin: 0 !important;
}


div.note-modal-body > div.checkbox > label > input[type=checkbox] {
    margin-right: 10px;
}

.note-modal-footer {
    height: 65px;
}

@media (min-width: 375px) and (max-width:520px) {
    .note-editable {
        height: 200px;
    }
}

.modal {
    --bs-modal-width: 554px;
}

.country-icon {
    width: 25px !important;
    height: 25px !important;
    float: left;
    padding: 2px;
}

.bs-tooltip-auto li {
    text-align: left;
}

.error {
    color: var(--semantic-error-400, #EF101B) !important;
}

.addNewLink {
    color: var(--semantic-success-400, #128810) !important;
    text-decoration: none;
}

.btn-success {
    margin-top: 5px;
}

.trash-link {
    text-decoration: none;
    color: var(--text-black-tertiary, #87879B);
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 18px;
    font-size: 18px;
}

    .trash-link:hover {
        color: rgb(220, 53, 69) !important;
        background: rgba(220, 53, 69, 0.08) !important;
    }

.pages {
    text-align: right;
    margin: 5px;
}

.searchpagelink {
    padding: 5px 0px;
    color: var(--text-black-secondary, #393D3F);
    text-align: center;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* body/small */
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    text-decoration: none;
}

    .searchpagelink:hover {
        border-radius: 8px;
        border: 1px solid var(--outline, #E2E2E9);
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
        color: var(--primary-400-p, #3454D1);
    }

.searchpageActivelink {
    padding: 5px 0px;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    background: var(--white, #FFF);
    width: 30px;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    align-items: center;
    color: var(--primary-400-p, #3454D1);
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
}


.disable_a_href {
    pointer-events: none;
}

#searchlink-prev, #searchlink-next, .dots {
    text-decoration: none;
    color: var(--text-black-secondary, #393D3F);
    padding: 0px 5px;
    text-align: center;
    /* body/small */
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
}

.table-header {
    color: var(--text-black-tertiary, #87879B);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.25px;
    padding: 12px 16px;
}

.title-agent-logo {
    width: 20px !important;
    height: 20px !important;
    display: inline !important;
    margin-left: 2px;
}

.cover-title {
    width: 80%;
    display: block;
    float: left;
}

.bg-light-gray {
    background-color: #ececea;
}

.bg-light-black {
    background-color: #3a3d3f;
}

.center-list {
    list-style: none !important;
    padding-left: 0px;
}

    .center-list li:before {
        content: '✓' !important;
        color: rgba(var(--bs-link-color-rgb));
        margin-right: 5px;
    }

.btn-renew {
    display: flex;
    padding: 7px 15px;
    height: 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #3b53ca;
    margin-top: 5px;
    color: var(--white, #F9F9FB) !important;
    margin-right: 8px;
    width: 125px;
}

    .btn-renew:hover {
        background: var(--primary-300-p, #5D76DA) !important;
    }

.disabled-tr td {
    background-color: #dadada !important;
}

.btn-download {
    display: inline-block;
    height: 48px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    color: var(--primary-400-p, #3454D1);
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    background-color: #FFFFFF;
    text-decoration: none;
}

    .btn-download:hover {
        border: 1px solid var(--outline, #E2E2E9);
        color: var(--primary-400-p, #3454D1);
    }

.heading-20 {
    margin-top: 28px;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.15px;
}
.dash-link-disabled, .trash-link-disabled {
    text-decoration: none;
    color: var(--text-black-tertiary, #87879B);
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 18px;
    font-size: 18px;
    cursor: default;
    border: none;
}
.select2-container {
    z-index: 10000;
}
/*.title-view-container {
    background: #3b53ca;
    color: white;
    padding: 2px 7px 2px 2px;
    border-radius: 8px;
}*/
.breadrumbs-link {
    color: var(--text-black-tertiary, #87879B);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration: none;
}
.breadcrumb-li {
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 8px;
}
.card-body-title-img {
    width: 325px;
    margin-left: auto;
    margin-right: auto;
}
.btn-green {
    padding: 11px 17px 11px 17px;
    height: 48px;
    width: 100%;
    background: var(--semantic-success-400,#128810);
    color: var(--white, #F9F9FB) !important;
}
    .btn-green:hover {
        background: var(--semantic-success-400,#128810);
        border: 1px solid var(--semantic-success-400,#128810);
        opacity: 0.8;
    }
.dc-file-label {
    border: 1px solid #e2e2e8;
    border-radius: 8px;
    width: 100%;
    text-align: center;
    padding: 50px;
    color: #3454D1 !important;
    cursor: pointer;
    font-size: 17px !important;
}
.file-help-text li {
    color: var(--text-black-tertiary, #87879B);
}
.nav-link {
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1px;
    height: 36px;
}
.nav-tabs .nav-link.active {
    color: var(--primary-400-p, #3454D1);
    background-color: transparent;
    font-weight: 600;
    font-family: Manrope;
    font-size: 14px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid var(--primary-400-p, #3454D1);
}
.nav-tabs .nav-link {
    color: var(--text-black-tertiary, #87879B);
    background-color: transparent;
    font-weight: 600;
    font-family: Manrope;
    font-size: 14px;
    border-left: none;
    border-top: none;
    border-right: none;
}
.nav-item.show {
    color: var(--primary-400-p, #3454D1);
    background-color: transparent;
    font-weight: 600;
    font-family: Manrope;
    font-size: 14px;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-left:none;
    border-top:none;
    border-right:none;
}

.favorites-icon {
    font-size: 20px;
    color:gray;
}

.publihserAnchorTag {
    text-decoration: none;
    color: var(--text-black-secondary, #393D3F);
    font-family: Manrope;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.5px;
}
.cover-title {
    width: 100%;
}
.dash-link, .trash-link {
    text-decoration: none;
    color: var(--text-black-tertiary, #87879B);
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 18px;
    font-size: 18px;
}

    .trash-link:hover {
        color: rgb(220, 53, 69) !important;
        background: rgba(220, 53, 69, 0.08) !important;
    }

    .dash-link:hover {
        color: var(--primary-400-p, #3454D1);
        background: var(--primary-opacity-8, rgba(52, 84, 209, 0.08));
    }
.EditSeries {
    padding: 5px 10px;
    font-size: 14px;
    height: 32px;
    display: inline-block;
    background: var(--primary-400-p, #3454D1);
    border-radius: 8px;
    color:#fff;
    border:none;
}
    .EditSeries:hover{
        opacity:0.9;
    }
.btn-plan-dontrenew {
    color: #FFFFFF;
    background-color: #808080;
}
    .btn-plan-dontrenew:hover {
        color: #FFFFFF;
        background-color: #808080;
        opacity: 0.8;
    }
#Password{
    z-index: 5;
}
#togglePassword {
    z-index: 5;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #E2E2E9;
}
.btn-bookfair-action {
    border: none;
    border-radius: 8px;
    background: red;
    color: white;
    padding: 10px;
    text-decoration: none;
}

    .btn-bookfair-action:hover {
        opacity: 0.8;
    }
.btn-bookfair-adult {
    width: 150px;
    color: white;
    background: #3554d1;
    border: none;
    margin: 10px;
    padding: 10px;
    border-radius: 8px;
}
    .btn-bookfair-adult:hover {
        opacity: 0.8;
    }
.btn-bookfair-children {
    width: 150px;
    color: white;
    background: #ff0000;
    border: none;
    margin: 10px;
    padding: 10px;
    border-radius: 8px;
}
    .btn-bookfair-children:hover {
        opacity: 0.8;
    }
.sub-menu-arrow{
    display:contents !important;
}
.center-img-container {
    align-items: center;
    display: flex;
    justify-content: center;
}
.br-8 {
    border-radius: 8px;
}
#GuidesHTML li{
    margin: 5px;

}
    #GuidesHTML li a {
        text-decoration:none;
    }

.col-form-label {
    color: var(--text-black-tertiary, #87879B)
}
#g-recaptcha-error {
    color: var(--bs-form-invalid-color);
}
select:focus-visible {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.btn-previous {
    border: 1px solid #e2e2e9 !important;
    border-width: medium;
    background-color: #f9f9fb;
    color: #425cb1;
    font-weight: 700;
    align-items: center;
    display: grid;
}
    .btn-previous:hover {
        color: #425cb1;
    }
.tiers li {
    margin-bottom: 10px;
    color: #3e4036;
}
.col-center {
    margin: 0 auto;
}
.base-font-family {
    font-family: Arial Black;
}
.btn-learn-how {
    display: inline-flex;
    height: 48px;
    padding: 7px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: var(--white, #FFFFFF);
    margin-top: 5px;
    border-radius: 8px;
    border: 1px solid var(--outline, #E2E2E9);
    color: var(--primary-400-p,#3454D1);
    font-weight: 700;
}
    .btn-learn-how:hover {
        background: var(--white, #FFFFFF);
        color: var(--primary-400-p,#3454D1);
        opacity:0.8;
    }
.img-resp {
    width: auto;
    height: 80px;
}
ul.what-you-get li {
    font-size: 1.1rem;
    margin-bottom: 8px;
}
.img-testimonials{
    max-width:200px;
}
ul li {
    color: var(--text-black-secondary, #393D3F);
}

.form-select {
    height: 48px;
}

.right-card {
    background-color: var(--bg, #F9F9FB);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 20px;
    height: 100%;
    border-radius: 32px;
}
.btn-add-service {
    padding: 6px 18px;
    border-radius: 8px;
    border: 1px solid #3454d1;
    background: #3454d1;
    color: white;
}
.btn-add-service:hover{
    opacity:0.9;
}
.btn-remove-service {
    padding: 6px 18px;
    border-radius: 8px;
    border: 1px solid #EF101B;
    background: #EF101B;
    color: white;
}
    .btn-remove-service:hover {
        opacity: 0.9;
    }
.btn-buy-service {
    padding: 10px 32px;
    border-radius: 8px;
    border: 1px solid #128810;
    background: #128810;
    color: white;
}

    .btn-buy-service:hover {
        opacity: 0.9;
    }

.btn-view-marketplace {
    margin-top: 5px;
    padding: 8px 12px 8px 12px;
    height: 42px;
    width: fit-content;
    background: var(--semantic-success-400, #128810);
    color: var(--white, #F9F9FB) !important;
}
    .btn-view-marketplace:hover {
        background: var(--semantic-success-400, #128810);
        border: 1px solid var(--semantic-success-400, #128810);
        opacity: 0.8;
    }
.text-center-v {
    display: flex;
    justify-content: center;
    align-items: center;
}
.testimonials {
    background: #3454d1;
    border-radius: 20px;
}

.review-text {
    color: #fff;
}
.carousel-control-next, .carousel-control-prev {
    width: 10%;
}

.dc-pricing-card-tag {
    background: white;
    color: #2742aa !important;
    padding: 1px 14px;
    border-radius: 10px;
    text-align: center;
    width: 180px;
    margin: auto;
    margin-top: -18px;
}

.dc-pricing-card {
    background: #b0bced;
    border-radius: 50px;
    padding: 12px;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.275) !important;
    min-height: 294px;
}

    .dc-pricing-card p {
        font-size: 22px;
        font-weight: 700;
    }

    .dc-pricing-card button {
        border-radius: 50px;
        width: fit-content;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #2742aa;
        border-color: #2742aa;
        color: white;
        font-weight: 600;
        font-size: 18px;
    }

        .dc-pricing-card button.btn:hover {
            color: #2742aa;
            background-color: white;
        }
      

    .dc-pricing-card.active {
        background: #2742aa;
    }

        .dc-pricing-card.active h2 {
            color: white;
        }

        .dc-pricing-card.active h1 {
            color: white;
        }

        .dc-pricing-card.active p {
            color: white;
        }

        .dc-pricing-card.active button {
            background-color: white;
            border-color: white;
            color: #2742aa;
        }

            .dc-pricing-card.active button.btn:hover {
                opacity: 0.9;
            }

.dc-pricing-card-v3 a {
    border-radius: 50px;
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2742aa;
    border-color: #2742aa;
    color: white;
    font-weight: 600;
    font-size: 18px;
}

    .dc-pricing-card-v3 a.btn:hover {
        color: #2742aa;
        background-color: white;
    }

.dc-pricing-card-tag-v3 {
    background: #2742aa;
    color: white !important;
    padding: 1px 14px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    width: 100%;
    margin: auto;
    margin-top: -13px;
}

.dc-pricing-card-v3 {
    background: #fff;
    border-radius: 10px;
    padding: 0px !important;
    box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.275) !important;
    min-height: 400px;
}

    .dc-pricing-card-v3 p {
        font-size: 18px;
    }

    .dc-pricing-card-v3 a {
        border-radius: 50px;
        width: fit-content;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #2742aa;
        border-color: #2742aa;
        color: white;
        font-weight: 600;
        font-size: 18px;
    }

        .dc-pricing-card-v3 a.btn:hover {
            color: #2742aa;
            background-color: white;
        }

.btn-get-started {
    border-radius: 50px;
    width: fit-content;
    padding: 18px 32px;
    background-color: #2742aa;
    border-color: #2742aa;
    color: white;
    font-weight: 600;
    font-size: 24px;
    margin-top: 40px;
}
    .btn-get-started:hover {
        opacity: 0.9;
    }

.glance-items-left{
    text-align:left;
}
    .glance-items-left li, .glance-items-right li {
        margin-bottom: 40px;
    }

.glance-items-right {
    text-align: right;
}
.dc-section-cyl {
    padding: 30px 20px;
    background-color: #b0bced;
    border-radius: 28px;
    margin-bottom: 24px;
}
.dc-section-xgd {
    padding: 30px 20px;
    background-color: #3454d1;
    border-radius: 28px;
    margin-bottom: 24px;
}
.dc-section-pbo {
    padding: 30px 20px;
    background-color: #8699e4;
    border-radius: 28px;
    margin-bottom: 24px;
}
.dc-section-lsrti {
    padding: 30px 20px;
    background-color: #2742aa;
    border-radius: 28px;
    margin-bottom: 24px;
}
.btn-plan-and-pricing {
    border-radius: 50px;
    width: fit-content;
    padding: 18px 32px;
    background-color: white;
    border-color: white;
    color: #2742aa;
    font-weight: 600;
    font-size: 28px;
    margin-top: 40px;
}
    .btn-plan-and-pricing:hover {
        opacity: 0.9;
        background-color: white !important;
        color: #2742aa;
    }