:root {
    /* font-sizes */
    --header-h1: 1.6rem;
    --header-h2: 1.3rem;
    --header-h3: 1.125rem;
    --para-p1: 0.913rem;
    --para-p2: 0.84rem;

    /* font-weight */
    --header-h1-fw: 900;
    --header-h2-fw: 800;
    --header-h3-fw: 700;
    --para-p1-fw: 600;
    --para-p2-fw: 500;

    /* line-height-sizes */
    --line-height-p: 24px;

    /* padding */
    --px-cust: 20px 100px;

    /* nav color */
    --nav-clr: #666666;
    --nav-clr-hover: #1c1c1c;

    /* section background */
    --sec2-bg: #f4f4f4;
    --sec3-bg: #202e56;
    --sec4-bg: url(../image/ptorg.png);
    --sec5-bg-img: url(../image/mapbg.png);
    --sec5-bg: rgba(242, 248, 248, 1);
}

/* PRACTICE TEST HOME PAGE */

/* section 1 - STARTS */
.padng-cust {
    padding: var(--px-cust);
}

.nav-anch {
    color: var(--nav-clr);
    font-size: var(--para-p2);
    font-weight: var(--para-p1-fw);
}

.kldkdj {
    display: flex;
}

.nav-anch-none {
    pointer-events: none;
}

.nav-anch:hover {
    color: var(--nav-clr-hover);
    font-size: var(--para-p2);
    font-weight: var(--para-p1-fw);
}

.outcomes_p3 {
    display: none;
}

.pt-title {
    font-size: var(--header-h1);
    font-weight: var(--header-h3-fw);
}

.outcomes_p1 {
    background-color: var(--sec3-bg);
    width: fit-content;
    color: white;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

.outcomes_p2 {
    background-color: var(--sec3-bg);
    width: fit-content;
    color: white;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.outcomes_p1 span:nth-child(1),
.outcomes_p2 span:nth-child(4) {
    border: 2px solid #ff752b;
}

.outcomes_p1 span:nth-child(2),
.outcomes_p2 span:nth-child(3) {
    border: 2px solid var(--sec3-bg);
}

.outcomes_p1 span:nth-child(3),
.outcomes_p2 span:nth-child(2) {
    border: 2px solid #ffffff;
}

.outcomes_p1 span:nth-child(4),
.outcomes_p2 span:nth-child(1) {
    font-size: var(--para-p1);
    font-weight: var(--para-p1-fw);
}

.pt-l-sec a {
    background: linear-gradient(101.07deg, #fd7d35 -4.19%, #e74141 71.76%);
    color: white;
    border-radius: 4px;
    font-weight: var(--para-p1-fw);
    font-size: var(--para-p1);
    width: fit-content;
}

.pt-l-sec a:hover {
    opacity: 0.9;
}

/* section 1 - ENDS*/
/* section 2 - STARTS */
.pt-sec-2 {
    background-color: var(--sec2-bg);
}

.pt-sec-2 h2 {
    font-size: var(--header-h2);
    font-weight: var(--header-h3-fw);
}

.pt-sec-2 .card {
    height: 250px;
    border-radius: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-sec-2 .carousel-indicators {
    bottom: -18px;
}

.pt-sec-2 .carousel-indicators [data-bs-target] {
    height: 10px;
    background-color: #ff2c2c;
    width: 10px;
    border-radius: 50%;
}

.jkliu {
    height: 76px;
}

.mockBG_1 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockBG_2 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockBG_3 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockBG_4 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockBG_5 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mockBG_6 {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-sw {
    display: none;
}

/* section 2 - ENDS*/
/* section 3 - STARTS */

#whySimpliaxis .card-title {
    font-size: var(--header-h2);
}
.pt-sec-3 {
    background-color: var(--sec3-bg);
}

.pt-sec-3 h2 {
    width: fit-content;
    font-size: var(--header-h2);
    font-weight: var(--header-h3-fw);
    color: white;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(
        101.07deg,
        #fd7d35 -4.19%,
        #e74141 71.76%
    );
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.pt-sec-3 button {
    background: linear-gradient(101.07deg, #fd7d35 -4.19%, #e74141 71.76%);
    color: white;
    border-radius: 4px;
    font-weight: var(--para-p1-fw);
    font-size: var(--para-p1);
    width: 200px;
}

.pt-sec-3 button:hover {
    color: white;
    opacity: 0.9;
}

.pt-sec-3 button.collapsed {
    border: none;
    outline: none;
}

.pt-sec-3 .card-title {
    font-size: var(--para-p1);
    font-weight: var(--header-h3-fw);
}

.pt-sec-3 .card-text {
    color: rgba(127, 102, 102, 1);
    font-size: var(--para-p2);
    margin-bottom: 10px;
    height: 80px;
}

.pt-sec-3 .card-body a {
    font-size: var(--para-p2);
    font-weight: var(--header-h3-fw);
    background: -webkit-linear-gradient(
        101.07deg,
        #fd7d35 -4.19%,
        #e74141 71.76%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
    border: none;
}

/* section 3 - ENDS*/
/* section 4 - STARTS */
.pt-sec-4 {
    background-image: var(--sec4-bg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.pt-sec-4 h2 {
    font-size: var(--header-h2);
    font-weight: var(--header-h3-fw);
}

.pt-sec-4 .carousel-indicators {
    bottom: -25px;
}

.pt-sec-4 .carousel-indicators [data-bs-target] {
    height: 10px;
    background-color: var(--sec3-bg);
    width: 10px;
    border-radius: 50%;
}

.phgj-1 {
    color: var(--sec3-bg);
    font-weight: var(--para-p2-fw);
    font-size: var(--para-p1);
}

.phgj-2 {
    color: var(--sec3-bg);
    font-weight: var(--para-p1-fw);
}

/* section 4 - ENDS*/
/* section 5 - STARTS*/
.pt-sec-5 {
    background-image: var(--sec5-bg-img);
    background-color: var(--sec5-bg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 40% 120%;
}

.yuio {
    font-size: var(--para-p1);
}

.pt-sec-5 {
    padding-bottom: 45px;
}

.pt-sec-5 h2 {
    font-size: var(--header-h2);
    font-weight: var(--header-h3-fw);
    background: -webkit-linear-gradient(
        101.07deg,
        #fd7d35 -4.19%,
        #e74141 71.76%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pt-sec-5 h3 {
    font-weight: var(--header-h3-fw);
}

.hjkj234 li {
    width: calc(70%) !important;
}

.hjkj234 .splide:not(.is-overflow) .splide__pagination {
    display: flex !important;
}

.hjkj234 .splide__pagination {
    transform: rotate(270deg);
    bottom: 2.5em;
    left: 23%;
    padding: 0 1em;
    position: absolute;
    right: -14px;
    z-index: 6;
    right: 17%;
}

.hjkj234 .card {
    height: 200px;
    border-radius: 24px;
    border: 1px solid #9096ab30;
    border-bottom: 2px solid #00000029;
}

.hjkj234 .splide__arrow {
    display: none;
}

.pt-r-img {
    width: 100px;
    height: 75px;
    border-radius: 50%;
    z-index: 2;
    margin-bottom: -10%;
    margin-left: 68%;
}

.pt-sec-5 .col-sm-12 {
    position: relative;
    z-index: -1;
}

.jiopt {
    position: absolute;
    right: 0;
    right: 2px;
}

.pt-sec-5 .splide__pagination__page {
    background: #202e56;
}

.pt-sec-5 .splide__pagination__page.is-active {
    opacity: 1;
    background: #202e56;
}

.pt-sec-5 .col-sm-12 p {
    font-size: var(--para-p2);
}

.jioptpi p:nth-child(1) {
    margin-bottom: 0;
    font-size: var(--para-p1);
    font-weight: var(--header-h3-fw);
    color: var(--sec3-bg);
}

.jioptpi p:nth-child(2) {
    font-size: var(--para-p2);
}

.pht-bhjy {
    height: 200px;
}

.trct-worde {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .pht-bhjy {
        height: 240px;
    }
}

/* section 5 - ENDS*/

@media (max-width: 1200px) {
    :root {
        /* padding */
        --px-cust: 3% 3%;
    }

    /* section 1 - STARTS*/
    .img-thjy {
        display: none;
    }

    .kldkdj {
        margin-bottom: 20px;
    }

    .nlajsn {
        justify-content: flex-start;
    }

    .pt-l-sec .w-80 {
        width: 100%;
    }

    .pt-l-sec .my-4 {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important;
    }

    /* section 1 - ENDS*/
    /* section 5- STARTS*/
    .hjkj234 {
        display: block !important;
    }

    .pt-sec-5 .w-90 {
        width: 100%;
    }

    .pt-sec-3 .card-text {
        height: 110px;
    }
    /* section 5- ENDS*/
}

@media only screen and (max-width: 992px) {
    /* section 5- STARTS*/

    .kldkdj {
        display: none;
    }

    .pt-sec-5 .padng-cust {
        flex-direction: column;
    }

    .pt-sec-5 .w-50 {
        width: 100% !important;
    }

    .jioptre {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: 200px;
    }

    .jioptre img {
        margin-bottom: 0 !important;
    }

    .jioptpi p:nth-child(2) {
        margin-bottom: 0;
    }

    .hjkj234 .splide__pagination {
        bottom: 42%;
    }

    .pt-sec-3 .card-text {
        height: 100px;
    }
    /* section 5- ENDS*/
}

@media only screen and (max-width: 768px) {
    :root {
        /* font-sizes */
        --header-h1: 1.3rem;
        --header-h2: 1.125rem;
        --header-h3: 0.913rem;
        --para-p1: 0.813rem;
        --para-p2: 0.713rem;
    }

    .hjkj234 .splide__pagination {
        bottom: 28%;
    }
}

@media (max-width: 600px) {
    #carouselExampleIndicatorsmb {
        width: 350px;
    }

    .pt-sec-4 .carousel-indicators {
        bottom: 3px;
        left: 0%;
    }

    .pt-sec-2 .carousel-indicators {
        bottom: 8px;
    }

    .desk-sw {
        display: none;
    }

    .mobile-sw {
        display: block;
    }

    .hjkj234 .curosel-trainee-card-flex3 {
        margin-top: 24px;
        margin-left: -100%;
    }

    .hjkj234 .splide__pagination {
        bottom: 11px !important;
    }

    .jiopt {
        top: 2px;
    }

    .pt-sec-3 .card-text {
        height: fit-content;
    }
}

@media (max-width: 450px) {
    .hjkj234 .curosel-trainee-card-flex3 {
        margin-top: 24px;
        width: 100%;
        margin-left: -112%;
    }

    .hjkj234 .card {
        height: 220px;
    }

    .jioptre {
        padding: 5px !important;
    }

    .pt-sec-4 {
        background-image: none;
    }

    .pt-sec-5 .mt-4 {
        margin-top: 1px !important;
    }
}

@media (max-width: 400px) {
    /* section 1 - STARTS*/
    /* .outcomes_p2 {
        display: none;
    } */
    .ftrgh {
        font-size: 10px !important;
    }

    .outcomes_p3 {
        display: block;
    }

    .pt-l-sec .my-4 {
        margin-top: 0rem !important;
        margin-bottom: 1rem !important;
    }

    /* section 1 - ENDS*/

    .jiopt {
        display: none;
    }
}

@media (max-width: 350px) {
    .hjkj234 .curosel-trainee-card-flex3 {
        margin-left: -126%;
    }

    .pt-r-img {
        position: relative;
        left: -13px;
    }
}

/* PRACTICE TEST COURSE PAGE */
/* Section overview - STARTS */
.sjghgio {
    border: 2px solid #002163;
    border-radius: 6px;
    padding: 8px;
    background-color: white;
    color: #002163;
}

.sjghgio:hover {
    background-color: #eeeeee;
}

.nlajsn .badge {
    font-size: var(--para-p1);
}

.ptc-h2 {
    font-size: var(--header-h2);
    font-weight: var(--header-h3-fw);
}

.ptc-h2-span {
    border-bottom: 3px solid black;
}

.pt-overview .card {
    width: 400px;
    height: auto;
    -webkit-box-shadow: 0px 7px 13px -3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 7px 13px -3px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 7px 13px -3px rgba(0, 0, 0, 0.75);
    color: #3b038d;
}

.ghkio {
    position: absolute;
    top: -16px;
}

.pt-overview p {
    font-size: var(--para-p1);
    line-height: 24px;
}

/* Section overview - ENDS */
/* Section practice test - STARTS */
#practiceTest {
    background: #ffe9ba;
}

.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;
}

#practiceTest p {
    font-size: var(--para-p1);
    line-height: 24px;
}

.sdhgyut {
    height: 90%;
}

/* Section practice test - ENDS */
/* Section format - STARTS */
#format p {
    font-size: var(--para-p1);
    line-height: 24px;
}

.bhytui {
    background-color: var(--sec3-bg) !important;
    color: white;
}

/* Section format - ENDS */
/* Section whySimpliaxis- STARTS */
#whySimpliaxis {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/ptc-bggg-new.png);
    padding: 100px 0;
    /* border-top-left-radius      : 5%;
    border-top-right-radius        : 5%; */
}

#whySimpliaxis .card {
    height: 240px;
    width: 50%;
    /* -webkit-box-shadow: -6px 2px 7px -4px rgba(255,255,255,1);
-moz-box-shadow          : -6px 2px 7px -4px rgba(255,255,255,1);
box-shadow               : -6px 2px 7px -4px rgba(255,255,255,1); */
}

.bgtyr {
    background: linear-gradient(101.07deg, #fd7d35 -4.19%, #e74141 71.76%);
    color: white !important;
    border-radius: 4px;
    font-weight: var(--para-p1-fw);
    font-size: var(--para-p1);
    width: fit-content;
}

#whySimpliaxis h6 {
    font-weight: var(--para-p1-fw);
    font-size: 18px;
    border-bottom: 2px solid;
}

#whySimpliaxis p {
    line-height: 24px;
    font-size: var(--para-p1);
}

#whySimpliaxis .carousel-item {
    padding: 0;
}

#whySimpliaxis .carousel-control-next,
#whySimpliaxis .carousel-control-prev {
    background: var(--sec3-bg);
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 56%;
}

#whySimpliaxis .carousel-control-prev {
    left: -34px;
    top: 38%;
}

#whySimpliaxis .carousel-control-next {
    top: 38%;
    right: -34px;
}

#whySimpliaxis .carousel-control-next-icon,
#whySimpliaxis .carousel-control-prev-icon {
    background-size: 12px;
}

/* Section whySimpliaxis- ENDS */
/* Section FAQs- START */
#faq {
    background-color: #e4e4e4;
}

#faq .accordion-item h2 button {
    font-size: var(--para-p1);
    font-weight: var(--para-p1-fw);
}

#faq .accordion-body p {
    font-size: var(--para-p1);
    line-height: 24px;
}

/* Section FAQs- ENDS */
/* Section usefulllinks- SATRTS */
#pt-usefullinks a {
    padding: 10px;
    background: #cdcdcd;
    border-radius: 5px;
    width: 100%;
    display: block;
    font-size: var(--para-p1);
}
.practicetitle{
    background: linear-gradient(90deg, #FFC136 10%, #FF2E25 52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    bottom: -14px;
}
.practboredline{
    position: relative;
    transform: rotate(18deg);
    top: -52px;
    left: 96%;
}
.practitunderline {
    position: absolute;
    margin-top: 31px;
    margin-right: 19px;
    margin-left: -28px;
}
@media (min-width: 992px){
    .practitunderline{
        position: absolute;
        top: 11px;
        left: 56%;
    }
}

/* Section usefulllinks- ENDS */

@media (max-width: 1224px) {
    #faq .accordion-body {
        padding: 0 20px;
    }
}

@media (max-width: 1200px) {
    .nlajsn .w-50 {
        width: 100% !important;
    }

    .nlajsn .badge {
        position: relative;
        top: -3px;
    }

    .pt-overview {
        flex-direction: column;
    }

    .pt-overview .w-60 {
        width: 100% !important;
    }

    #faq .w-80 {
        width: 94vw;
    }
}

@media (max-width: 992px) {
    #whySimpliaxis .card {
        height: auto;
    }

    .nlajsn .badge {
        position: relative;
        top: -8px;
    }

    .pt-img-optrt {
        display: none;
    }

    #practiceTest .ms-4 {
        margin-left: 0 !important;
    }

    .pt-overview .card {
        width: auto;
    }

    #faq img {
        display: none;
    }

    #faq .accordion-body {
        padding: 0 20px;
    }

    #faq .me-4 {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    #format .w-40,
    #format .w-50 {
        width: 100% !important;
    }

    .cgfyrut {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .ptc-h2 {
        line-height: 31px;
    }

    #whySimpliaxis {
        background: #7e5c4a;
        padding: 18px 0;
    }

    #whySimpliaxis .card {
        height: auto;
        width: 100%;
    }

    #whySimpliaxis .carousel-control-prev {
        left: 80%;
        top: 104%;
    }

    #whySimpliaxis .carousel-control-next {
        top: 104%;
        right: 4%;
    }

    #whySimpliaxis .carousel-inner {
        overflow: hidden;
    }
}

@media (max-width: 450px) {
    #whySimpliaxis .carousel-control-prev {
        left: 78%;
        top: 104%;
    }

    #whySimpliaxis .carousel-control-next {
        top: 104%;
        right: -2%;
    }
}

@media (max-width: 350px) {
    #whySimpliaxis .carousel-control-prev {
        left: 74%;
        top: 104%;
    }

    #whySimpliaxis .carousel-control-next {
        top: 104%;

        right: -2%;
    }
}