:root {
    /* font-colors & bg-colors */
    --prmry-ptd-ban: #f0f9ff;
    --prmry-ptd-btns:#FA4A23;
}
.pt-details-ban{
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFEF2 100%);
}
.free-badg,.startest-btn{
    background-color: var(--prmry-ptd-btns);
    border:2px solid var(--prmry-ptd-btns);
}
.startest-btn:hover{
    background-color:var(--prmry-refer-hover);
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    border:2px solid var(--prmry-refer-hover);
}
.ptd-points{
    list-style: none;
}
#practice_splide .splide__arrows {
    display: none;
}
#practice_splide .splide__pagination {
    bottom: -20px;
}
#practice_splide .splide__pagination__page {
    width: 8px;
    height: 8px;
    background-color: #f7bcbc;
}
#practice_splide .splide__pagination__page.is-active {
    width: 9px;
    height: 9px;
    background-color: var(--prmry-ptd-btns);
}
.tabhead{
    background-color:#202E56 !important;
}
.practiceysimpli{
    background-image:none;
}
#practicey_simpli {
    overflow: visible;
    position: relative;
    margin-bottom:-15px !important;
}
#practicey_simpli .splide__arrow {
    width: 25px;
    height: 25px;
    display:block !important;
    background-color:#191970;
}
#practicey_simpli .splide__arrow--prev {
    left: -11%;
    top: 38%;
}
#practicey_simpli .splide__arrow--next {
    left: 103%;
    top: 58px;
}
#practicey_simpli .splide__arrow svg {
    fill: white;
    height: 1em;
    width: 1em;
}
.testnavpill{
    height:fit-content;
}
.prts-tst{
    display: none;
}
.refer-genrat-btn, .refer-oranbox {
    background-color: var(--btn-bg-org-clr) !important;
}
.btn-org-bdr-clr {
    border: 2px solid var(--btn-bg-org-clr);
}
.sdhgyut {
    height: 90%;
}
.pt-ul-cust {
    color: rgba(226, 33, 40, 1);
    font-weight: var(--para-p1-fw);
    font-size: var(--para-p1);
    list-style: none;
    padding-left: 0;
    line-height: 30px;
}
.pt-075 {
    padding-top: 0.75rem !important;
}
.bdr-cust-nav {
    border-bottom: 1px solid #718aa569;
    -webkit-box-shadow: 0px 4px 10px 0px rgb(52 73 95 / 21%);
    -moz-box-shadow: 0px 4px 10px 0px rgb(52 73 95 / 21%);
    box-shadow: 0px 4px 10px 0px rgb(52 73 95 / 21%);
}
.invisible-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.pb-07 {
    padding-bottom: 0.7rem !important;
}
#faq-container .accordion-item > .accordion-header .accordion-button {
    border-radius: var(--bs-accordion-inner-border-radius);
    border-color: #34495f3b;
    color: var(--prime-ft2-color);
}
/* .collapsed {
    border: 1px solid #e1e2e4;
} */
#faq-container .accordion-item > .accordion-header .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom: 1px solid var(--prime-bg-color);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background-color: transparent !important;
}
#faq-container .accordion-flush > .accordion-item > .accordion-collapse {
    border: none;
    border-top: 1px solid transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#faq-container .accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-active-icon: url(data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="10" width="6.25" viewBox="0 0 320 512"><path fill="%234192DC" d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"/></svg>);
    transform: scale(0.5);
}
#faq-container .accordion-item > .accordion-header .accordion-button {
    border-radius: var(--bs-accordion-inner-border-radius);
    border-color: #34495f3b;
    color: var(--prime-ft2-color);
}
#faq-container .accordion-item {
    border-radius: var(--bs-accordion-inner-border-radius);
}
#faq-container .accordion-button::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="10" width="6.25" viewBox="0 0 320 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%234192DC" d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"/></svg>');
    transform: rotate(180deg) scale(0.5);
}
@media (max-width: 576px) {
    .invisible-scrollbar {
        -webkit-overflow-scrolling: touch;
    }
    .active-navsc {
        border-bottom: 2px solid var(--prime-ft2-color);
        --bs-link-color-rgb: var(--prime-ft2-color) !important;
        color: var(--prime-ft2-color) !important;
    }
}
@media (min-width: 992px){
.ptd-breadcmb{
    background-color:transparent !important;
}
.refer-genrat-btn:hover {
     background-color: var(--prmry-refer-hover) !important;
     transition: background-color 0.3s linear;
     border: 2px solid var(--prmry-refer-hover) !important;
}
.active-navsc {
    /* border-bottom: 2px solid var(--prime-ft2-color); */
    --bs-link-color-rgb: var(--prime-ft2-color) !important;
    color: var(--prime-ft2-color) !important;
    border-left: 3px solid var(--prime-ft2-color);
    border-bottom: none !important;
}

.practseriescard {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}
/* Splide Arrows Styling */
#practice_splide .splide__pagination__page {
    width: 6px;
    height: 6px;
    background-color: #f86d6d;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
}
#practice_splide .splide__pagination__page.is-active {
    width: 7px;
    height: 7px;
    background-color: var(--prmry-ptd-btns);
    opacity: 1;
}
#practice_splide .splide__arrows {
    position: absolute;
    top: -18%;
    transform: translateY(-50%);
    width: 12%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    left: 89%;
}
#practice_splide .splide__arrow {
    background-color: transparent;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid orangered;
}
.card_truncer {
    height: 3.5rem !important;
}
#practice_splide .splide__arrow:hover {
    background-color: rgb(233, 231, 231);
}
#practice_splide .splide__arrow svg {
    fill: orangered;
    height: 1em;
    width: 0.9em;
}
/* .practiceysimpli{
    background-position: center;
    background-repeat: no-repeat;
    background-size : cover;
    background-image: url(../image/ptc-bggg-img.png);
    padding : 100px 0;
    border-radius:30px;
} */
.practiceysimcard{
    background-color:white !important;
    width:45%;
}
#practicey_simpli .splide__arrow {
    background-color: #0f0f69;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
#practicey_simpli .splide__arrow--prev {
    left: -13%;
    top: 36%;
}
#practicey_simpli .splide__arrow--next {
    left: 101%;
    top: 38%;
}
#practicey_simpli .splide__arrow svg {
    fill: white;
    height: 1em;
    width: 1em;
}
.pract-flipped-img{
    transform: scaleX(-1);
    display: inline-block;
}
.testnavpill{
    height:fit-content;
}
}
/* new design starts */
.format_bg th,
.format_bg td {
    background: linear-gradient(to right, #fff9f0, #fffdf8);
    border:1px solid #F6EAB9;
    height:50px;
}
@media(min-width:1200px){
    .section-observer .format_fs{
        font-size:1.5rem !important;
    }
}
.practiceysimplibg{
     background: #FFFEF7;
}
.why_fs{
    font-size:17px !important;
}
#faq-container-practice .accordion-item > .accordion-header .accordion-button {
    border-radius: 12px;
    /* border-color: #34495f3b !important; */
    color: black;
}

element.style {
    border-bottom: 1px solid pink;
    /* border: 29px; */
}

#faq-container-practice .accordion-item > .accordion-header .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-bottom: 1px solid var(--prime-bg-color);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background-color: transparent !important;
}
.practice_mentor{
    background: linear-gradient(90deg, #fff8d6 0%, #ffe5d1 50%, #ffdbe6 100%);
}
@media(max-width:600px){
.format_bg th,
.format_bg td {
    background: linear-gradient(to right, #fff9f0, #fffdf8);
    border:1px solid #F6EAB9;
    font-size:12px;
}
.practice_shade_cc {
    margin-bottom: -1.2rem !important;
}
#practice_linkedin-carousel-free .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: -2rem;
    left: 37% !important;
    width: 100px;
}
#practice_linkedin-carousel-free .splide__slide {
        width: calc(100% + -3rem) !important;
    }
#splide-testimonial-carousel-free-practice .splide__arrow--prev {
        left: 20em;
    }
#practice-testimonial-modal-free .splide__arrow {
        top: 87%;
    }
#practice-testimonial-modal-free .modal-content{
        position: fixed !important;
        bottom: -1% !important;
    }
}
#practice_linkedin-carousel-free .splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: -2rem;
    left: 47%;
    width: 100px;
}
#practice_linkedin-carousel-free .splide__arrow {
    background-color: white;
    border: 2px solid var(--prime-ft-color);
    opacity: 1;
}
#practice_linkedin-carousel-free .splide__arrow:disabled {
    opacity: 0.3;
}
#practice_linkedin-carousel-free .splide__arrow svg {
    fill: var(--prime-ft-color);
    height: 0.8em;
    width: 0.8em;
}

/* new css for practice test */
.pt-banner-bg {
    background: linear-gradient(0deg, #FFFEF2 0%, #FFFFFE 100%);
}
.crumb-prac {
    font-size:0.78rem;
}
.bg-ptest {
    width: fit-content;
    background: linear-gradient(90deg, #6ECD2B 0%, #25CD71 100%);
}
.user-fc {
    color:#737373;
}
.pt-badge {
    background: linear-gradient(to right, #2ECC52 0%, #009933 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 18px;
}
.prt-overview {
    background: #FFFEF7;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 9px;
}
.border-sm-rounded-2rem {
    border-radius: 1rem !important;
}
.pt-overview-fs {
    font-size: 0.95rem;
}
.pt-overview-fs > p {
    font-size: 0.95rem;
    line-height: 1.8rem;
}
.pt-test-card {
    border: 0.5px solid #E5CC08;
    box-shadow: rgba(0, 0, 0, 0.15) -0.05px 1.95px 2.6px;
}
.dis-fs-perc {
    font-size: 11px;
    border: 1px solid black;
    border-radius: 10px;
}
.strike-off {
    text-decoration: line-through;
}
@media(min-width:992px) {
    .fs-pt-card {
        font-size: 1.3rem;
    }
    .width-first {
        width:80%;
    }
    .sticky-on-scroll  {
        margin-left:-16px;
    }
    .slot-fs {
        font-size: 12px !important;
    }
    .trainer-fs {
        font-size: 14px !important;
    }
    .counter-wrapper {
        border: 1.7px solid #000;
    }
    .crd-hgh {
        height: 29px;
    }
    .crds-12 {
        font-size: 13px !important;
    }
    .crd-left-wdth {
        width: 79%;
    }
    .crd-right-wdth {
        width: 29%;
    }
    .counter-button {
        cursor: pointer;
        width: 9px;
        height: 11px;
    }
    .counter-value {
        margin: -1px 13px;
        width: 26px;
    }
}
@media(max-width:576px) {
    .pt-fs1 {
        font-size: 14px !important;
    }
    .refer-genrat-btn {
        width:100%;
        font-size:15px;
    }
    .pt-btn-series {
        width: 45%;
        font-size: 14px;
    }
    .fs-card-pt {
        font-size:1.1rem;
    }
    .sticky-on-scroll.fixed {
        position: fixed;
        top: 0;
        z-index: 1000;
        width: 100% !important;
        left: 0;
    }
}
@media(max-width:390px) {
    .gap-items {
        gap: 0.5rem !important;
    }
}
.card.hidden {
    display: none;
}
.btn-viewmore-2 {
    text-decoration: underline;
}
.btn-viewmore-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    cursor: pointer;
}
.sticky-on-scroll.fixed {
    position: fixed;
    top: 0;
    z-index: 3;
    width:70%;
}
.sticky-scroll-container1 a.active {
    color: #FA4A23;
    text-decoration-line: underline;
    text-decoration-color: #FA4A23 !important;
    text-underline-offset: 13px !important;
    text-decoration-thickness: 3px !important;
    font-weight:700;
}
.sticky-scroll-container1 {
    border-bottom: 0.8px solid #cfc0c0c4;
}
.card-prt-st {
    background: linear-gradient(180deg, #FFFEF2 0%, #FFFFFE 100%);
}
.liner-gradient-border-yellow {
    border: 2px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(to bottom, #E5CC08, #fefefe00);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* .ribbon11 {
    width: 110%;
    height: auto;
    top: -1px;
    left: -2px;
} */
/* .ribbon-text1 {
    top: 30px;
    left: 62%;
    transform: translateX(-50%) rotate(45deg);
    color: #fff;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    z-index: 2;
} */
.google-brder {
    width: 307px !important;
}
.rate-fs {
    font-size:15px;
}
.starspt {
    color: #fbbd05;
}
.width-trust {
    width:45%;
}
.ribbon-container:before,
.ribbon-container:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -5px;
    border-top: 5px solid #cc0000;
    border-bottom: 5px solid transparent;
}
.ribbon-container::before {
    left: 293px;
    top: 61px;
    border-left: 5px solid transparent;
    border-right: 5px solid #cc0000;
    transform: rotate(45deg);
}
.ribbon-container::after{
    border-left: 5px solid #cc0000;
    border-right: 5px solid transparent;
    left: 230px;
    transform: rotate(45deg);
    top: -14.6px;
}
.ribbon-text1 {
    position: absolute;
    background: #ff4d4d;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 0;
    width: 7rem;
    text-align: center;
    transform-origin: top left;
    transform: rotate(50deg) translateX(-42px) translateY(-58px);
    z-index: 10;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 2.4rem;
    margin-left: 14.4rem;
    border-radius: 0;
    clip-path: polygon(15% 0, 85% 0, 100% 100%, 0% 100%);
}
.text-truncate-multiline1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.explore-cards,
.explorerequest {
    background-color: #fa4a23;
    color: #ffffff;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid transparent;
}
.explore-cards:hover {
    background-color: #01203d !important;
    border: 2px solid #01203d !important;
}
.counter-button-minus {
    opacity: 0.5;
    cursor: not-allowed;
}
.off-color {
    color: #FF4500;
}
.read_more_shade_cc12 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) !important;
    padding-top: 38px !important;
    box-shadow: 0px -11px 5px 1px rgb(247 248 250 / 30%);
    padding-bottom: 0px !important;
}
.ptreview-start{
    background: linear-gradient(90deg, #fcf3e2 0%, #ffffff 100%);
}
@media(max-width:390px){
    #splide-testimonial-carousel-free-practice .splide__arrow--prev {
        left: 18em !important;
    }
}
.close-pop-bg1 {
    width: 30px !important;
    height: 30px !important;
    background-color: #1e2a38 !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer;
}
.end-arrow1 {
    font-size: 27px !important;
    color: white !important;
}
.btn-bord {
    border: 1.5px solid black;
}
.basic-border {
    border-bottom-right-radius: 0px !important;
}
.basic-premium {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.basic-elite {
    border-bottom-left-radius: 0px !important;
}
#enroll_offer .flex-fill {
    width: 33%;
}
#enroll_offer .flex-fill-toogle {
    width: 243px;
}
.text-success-lit-gr {
    color: #29a655;
}
.enr-btn2 {
    background: #01203d !important;
    color: white;
}
#pop-fs p {
    line-height: 24px;
}
#enroll_offer .cust-model {
    top: -33px;
}
#enroll_offer .eo-md-desk {
    border-radius: 20px;
}
#enroll_offer .modal-dialog {
    pointer-events: unset;
}
#enroll_offer .tb-border {
    border: var(--bs-border-width) var(--bs-border-style) #dee2e65c !important;
}
#enroll_offer .table-height {
    height: 370px;
    overflow-y: auto;
    padding-right: 6px;
}
#enroll_offer .table-height::-webkit-scrollbar {
    width: 7px;
    -webkit-appearance: none;
    height: 5px;
}

#enroll_offer .table-height::-webkit-scrollbar-thumb {
    background-color: #a2a2a2;
    border-radius: 4px;
}

#enroll_offer .table-height::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 4px;
}

#enroll_offer .table-height::-webkit-scrollbar-thumb:hover {
    background-color: var(--prime-ft-color);
}
#enroll_offer a {
    text-decoration: underline;
    color: #0069C2;
}
.cust-model {
    height: 677px;
    top: -20px;
    position: relative;
    border-radius: 8px;
    background-color: white;
}
.close-pop-2 {
    position: absolute;
    top: -30px;
    right: -15px;
    border-radius: 20px
}
.eo-quan {
    top: 12px;
    border-radius: 3px;
    background: rgb(224, 224, 224);
    padding: 5px 6px 0;
}
.eo-quan h6 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}
.p-dash-m {
    margin-top: 14px;
}
.p-dash-m p {
    margin-bottom: 0;
}
.elite-font {
    font-size: 14px;
    color: #4c4747;
    line-height: 22px;
}
.w-cust-60 {
    width: 60%;
}

.bor-radi {
    border-top: 5px solid rgb(140 151 163);
    background: linear-gradient(0deg, #fff 25.58%, #f1f4f7 96%, #f4f7f9 0);
}
.bor-radi1 {
    border-top: 5px solid rgb(33 134 208);
    background: linear-gradient(
        359deg,
        #fff 1.1%,
        #f8fbfd 48.82%,
        #e7f0f8 96.7%
    ) !important;
}
.eo-p {
    color: #0044cc;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 3px;
}
@media (min-width: 992px) {
    .modal-lg-custom-width {
        --bs-modal-width: 984px;
    }
}
@media(min-width:1200px) {
    .end-custered {
        right: -18px;
    }
    .end-custered-1 {
        right: -19px;
    }
    .end-custered-2 {
        right: -14px;
    }
    .eo-md-desk {
        padding: 2px 14px 0px !important;
    }
    .close-popup-1 {
        top: -32px !important;
        right: -26px !important;
    }
    .elite-left-wid {
        width: 50%;
    }
    .elite-left-wid-toogle {
        width: 75%;
    }
    .plan-font-mob {
        font-size: 1.1rem;
    }
    .fs-curr-mob {
        font-size: 1rem !important;
    }
    .amo-size {
        font-size: 0.8rem;
    }
    .btn-fsize1 {
        font-size: 0.9rem;
    }
    .tb1-rate {
        margin-top: -32px;
        background-color: #e9eff5 !important;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    .table-fsize {
        font-size: 0.8rem;
    }
    .tr-fsize {
        font-size: 13px;
    }
    .inf-wid-toogle {
        width: 49.5%;
    }
    .inf-wid {
        width: 37.5%;
    }
}
.inf-wid p,
.inf-wid-toogle p {
    margin-bottom: 0;
}
.enr-btn1 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 46 64 / var(--tw-bg-opacity, 1)) !important;
    border: 2px solid rgb(238 46 64 / var(--tw-bg-opacity, 1)) !important;
}
.pop-modal1 {
    background-color: transparent !important;
}
.off-size {
    border-top-right-radius: 0.2188rem !important;
    border-bottom-right-radius: 0.2188rem !important;
    font-size: 10px;
}
.btn-fsize1:hover {
    opacity: 1 !important;
}
@media(max-width:576px) {
    .eo-quant-11 {
        width: 31%;
    }
    .btn-fsize1 {
        font-size: 0.7rem;
    }
    .off-size {
        font-size: 8px !important;
    }
    .elite-font {
        font-size: 11px !important;
        line-height: 16px;
    }
    .w-cust-60 {
        width: 100%;
    }
    .plan-font-mob {
        font-size: 14px !important;
    }
    .fs-curr-mob {
        font-size: 11px !important;
    }
    .amo-size {
        font-size: 10px;
    }
    .tr-fsize {
        font-size: 0.78rem !important;
    }
    .inf-wid-toogle,
    .inf-wid {
        padding-left: 7px !important;
    }
}
.bor-radi11 {
    border-top: 5px solid #ffd700;
    background: linear-gradient(359deg, #ffffff 1.1%, #fffef9 48.82%, #fffbe3 96.7%) !important;
}