/*pricing view */
.ac-container {
    font-family: "Poppins" !important;
    max-width: 1024px !important;
    background-color: #131D27;
    padding: 2rem;
}

.ac-container .row {
    margin-bottom: 1rem;
}

.ac-container .nav-tabs {
    border-bottom: none;
}

.ac-container .nav-tabs .nav-item {
    width: 100%;
    padding: .2rem;
}

.ac-container .nav-tabs .nav-item .nav-link {
    width: 100%;
}

.ac-container .nav-item .nav-link {
    font-weight: 700;
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    --tw-text-opacity: 1;
    color: rgb(249 250 251/var(--tw-text-opacity)) !important;
    --tw-bg-opacity: 1;
    background-color: #202B36 !important;
    border-radius: 0.5rem;
}

.ac-container .nav-item .nav-link {
    border: 1px solid #FFFFFF;
}

.ac-container .nav-item .nav-link.active,
.ac-container .card .btn.btn-primary {
    background-color: #004CFF !important;
    border-color: #004CFF !important;
}

.ac-container .nav-item .nav-link span {
    color: #e6ebf0;
    font-size: .75rem;
    word-wrap: break-word;
    max-width: 100%;
}

.ac-container .tab-content {
    margin-top: 2rem;
}

.ac-container .card {
    max-width: none;
    background-color: #16202B !important;
    color: #F9FAFB !important;
    border-radius: .5rem !important;
}

.card .card-title {
    font-weight: 400 !important;
}

.card .card-text {
    color: #A9ADB1;
    font-size: 1rem;
}

.card#contacts-description {
    background-color: #16212B !important;
}

.card#product-description {
    background-color: #263341 !important;
    max-height: 20.5rem;
    overflow: auto;
}

.card .ac-button,
.card .ac-button:hover {
    background-color: #8000FF;
    color: #ffffff;
    width: 40%;
    margin-left: auto;
    padding: 0.7rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.card .wrap {
    padding: 20px 10px;
}
.card #nlVal {
    display:inline-block;
}
.card .ac-slider {
    width: 90%;
    height: 5px;
    background: lightgrey;
    border-radius: 50px;
}

.card .ac-slider label {
    position: absolute;
    width: 20px;
    margin-top: 20px;
    margin-left: -10px;
    text-align:left;
    font-size: 13px;
}

.card .ac-slider label:last-of-type::after {
    content: '+';
}

.card .ac-contact-number,
.card .ac-tier-price {
    font-size: 3rem;
    line-height: 1;
    font-weight: 900;
    padding-left: 1rem;
}

.card .ui-slider-handle.ui-state-default.ui-corner-all {
    border-radius: 100%;
    background: #004CFF;
    border: 6px solid #004CFF;
    width: 25px;
    height: 25px;
    top: -10px;
    cursor:grab;
}

.card .ui-slider-handle.ui-state-active,
.card .ui-slider-handle.ui-state-hover,
.card .ui-slider-handle.ui-state-focus {
    border: none;
    outline: 0;
}

.card .tier:focus {
    outline: 0;
    border-color: #3022D3;
    box-shadow: 0 0 0 4px #b5c9fc;
}

.card .tier {
    margin-top: 2rem;
}

.tier div {
    margin-top: 0.5rem;
}

.card .tier .form-check {
    padding-left: 0;
}

.tier input[type="radio"] {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.card .active + span {
    box-shadow: 0 0 0 0.0625em #004CFF !important;
    background-color: #004CFF !important;
    z-index: 1;
    color: #F9FAFB;
}


.card .tier label span {
    display: block;
    cursor: pointer;
    padding: 0.7rem .9rem;
    position: relative;
    margin-left: .0625em;
    letter-spacing: .05em;
    background-color: #232E39;
    color: #F9FAFB;
    text-align: left;
    transition: background-color .5s ease;
    border-radius: .5rem;
}

.card .tier label {
    display: block;
}

.switch6 {  max-width: 10.4rem;  margin: 0 auto; background-color: #12192C;}
.switch6-light > span, .switch-toggle > span {  color: #000000; }
.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {  color: #e6ebf0; }

.switch-toggle a,
.switch6-light span span { display: none; }

.switch6-light { display: block; height: 2.6rem; width: 10rem; position: relative; overflow: visible; padding: 0px; margin-left:0px; }
.switch6-light * { box-sizing: border-box; }
.switch6-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch6-light label,
.switch6-light > span { line-height: 30px; vertical-align: middle;}

.switch6-light label {font-weight: 700; margin-bottom: px; max-width: 100%;}

.switch6-light input { position: absolute; opacity: 0; z-index: 5; }
.switch6-light input:checked ~ a { right: 0%; }
.switch6-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; font-size: .75rem }
.switch6-light > span span { position: absolute; top: 4px; left: 5px; z-index: 5; display: block; width: 45%; margin-left: 100px; text-align: center; }
.switch6-light > span span:last-child { left: 57%; }
.switch6-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 4.6rem; height: 2.5rem; padding: 0px; }

.ac-container .card .product-description-key-features { margin-top: 2rem }
.ac-container .card .row p svg { width: 2rem; margin-right: .5rem }