:root {
    --font-default: 'Satoshi', sans-serif;
    --color-default: #7D5FEA;
    --color-primary: #20193A;
    --color-secondary: #F1DAE6;
    --color-cornsilk: #E5E0F6;
    --color-dopely: #E0F4E7;
    --color-white: #fff;
    --color-black: #000;
    scroll-behavior: smooth;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    color: var(--default-color);
    background-color: var(--background-color);
    font-family: var(--font-default);
    overflow-x: hidden;
}

a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: color-mix(in srgb, var(--accent-color), transparent 25%);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--default-color);
}

/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
    color: var(--color-black);
    padding: 20px 0;
    transition: all 0.5s;
    z-index: 997;
}

.header .logo {
    line-height: 1;
}

.header .logo img {
    max-height: 36px;
    margin-right: 8px;
}

.header .logo h1 {
    font-size: 24px;
    margin: 0;
    font-weight: 600;
    color: var(--heading-color);
}

.header .logo span {
    color: var(--accent-color);
    font-size: 24px;
    font-weight: 600;
    padding-left: 3px;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    color: var(--contrast-color);
    background: var(--accent-color);
    font-size: 14px;
    padding: 8px 26px;
    margin: 0;
    border-radius: 4px;
    transition: 0.3s;
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
    color: var(--contrast-color);
    background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

@media (max-width: 1200px) {
    .header .logo {
        order: 1;
    }

    .header .btn-getstarted {
        order: 2;
        margin: 0 15px 0 0;
        padding: 6px 20px;
    }

    .header .navmenu {
        order: 3;
    }
}

.scrolled .header {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

/* Index Page Header
------------------------------*/
.index-page .header {
    --background-color: rgba(255, 255, 255, 0);
    --heading-color: #ffffff;
    --nav-color: rgba(255, 255, 255, 0.5);
    --nav-hover-color: #ffffff;
}

/* Index Page Header on Scroll
------------------------------*/
.index-page.scrolled .header {
    --background-color: #ffffff;
    --heading-color: #32353a;
    --nav-color: #3a3939;
    --nav-hover-color: #e84545;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width: 1200px) {
    .navmenu {
        padding: 0;
    }

    .navmenu ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navmenu li {
        position: relative;
    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--color-black);
        padding: 18px 15px;
        font-size: 18px;
        font-family: var(--font-default);
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        transition: 0.3s;
    }

    .navmenu li:last-child a {
        padding-right: 0;
    }

    .navmenu li:hover > a,
    .navmenu .active,
    .navmenu .active:focus {
        color: var(--color-default);
        font-weight: 500;
    }

    .navmenu .dropdown ul {
        margin: 0;
        padding: 10px;
        background-color: var(--color-default);
        display: block;
        position: absolute;
        visibility: hidden;
        left: 14px;
        top: 130%;
        opacity: 0;
        transition: 0.3s;
        border-radius: 14px;
        z-index: 99;
        border: solid;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .navmenu .dropdown ul li {
        min-width: 280px;
        z-index: 1;
    }

    .navmenu .dropdown ul a {
        padding: 10px 20px;
        font-size: 15px;
        text-transform: none;
        color: #000;
        background: #fff;
        margin-bottom: 20px;
        border-radius: 8px;
    }

    .navmenu .dropdown ul a i {
        font-size: 12px;
    }

    .navmenu .dropdown ul a:hover,
    .navmenu .dropdown ul .active:hover,
    .navmenu .dropdown ul li:hover > a {
        color: var(--color-default);
    }

    .navmenu .dropdown:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navmenu .dropdown .dropdown ul {
        top: 0;
        left: -90%;
        visibility: hidden;
    }

    .navmenu .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: -100%;
        visibility: visible;
    }

    .btn-login-d-none {
        display: none !important;
    }
}

.btn-login {
    font-size: 18px;
    height: 46px;
    line-height: 24px;
    font-weight: 700;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-right: 30px;
    border-radius: 6px;
    color: #fff;
    background-color: var(--color-default);
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-login:hover {
    color: #fff;
    background: #FFA928;
}

.btn-login:before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 44px;
    left: -3px;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform 0.2s ease-out 0s;
    z-index: -1;
}

@media (min-width: 768px) {
    .button-56 {
        padding: 0 40px;
    }
}

/* Navmenu - Mobile */
@media (max-width: 1199px) {
    .mobile-nav-toggle {
        color: var(--color-default);
        font-size: 28px;
        line-height: 0;
        margin-right: 0;
        cursor: pointer;
        transition: color 0.3s;
    }

    .navmenu {
        padding: 0;
        z-index: 9997;
    }

    .navmenu ul {
        display: none;
        position: absolute;
        inset: 60px 20px 20px 20px;
        padding: 10px 0;
        margin: 0;
        border-radius: 6px;
        background-color: var(--color-white);
        overflow-y: auto;
        transition: 0.3s;
        z-index: 9998;

    }

    .navmenu a,
    .navmenu a:focus {
        color: var(--color-black);
        padding: 10px 20px;
        font-family: var(--font-default);
        font-size: 17px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navmenu a i,
    .navmenu a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: 0.3s;

    }

    .navmenu a i:hover,
    .navmenu a:focus i:hover {
        background-color: var(--accent-color);
        color: var(--color-default);
    }

    .navmenu a:hover,
    .navmenu .active,
    .navmenu .active:focus {
        color: var(--color-default);
    }

    .navmenu .active i,
    .navmenu .active:focus i {
        background-color: var(--color-white);
        color: var(--contrast-color);
        transform: rotate(180deg);
    }

    .navmenu .dropdown ul {
        position: static;
        display: none;
        z-index: 99;
        padding: 10px 0;
        margin: 10px 20px;
        background-color: var(--nav-dropdown-background-color);
        border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
        box-shadow: none;
        transition: all 0.5s ease-in-out;
    }

    .navmenu .dropdown ul ul {
        background-color: rgba(33, 37, 41, 0.1);
    }

    .navmenu .dropdown > .dropdown-active {
        display: block;
        background-color: rgba(33, 37, 41, 0.03);
    }

    .mobile-nav-active {
        overflow: hidden;
    }

    .mobile-nav-active .mobile-nav-toggle {
        color: #fff;
        position: absolute;
        font-size: 32px;
        top: 15px;
        right: 15px;
        margin-right: 0;
        z-index: 9999;
    }

    .mobile-nav-active .navmenu {
        position: fixed;
        overflow: hidden;
        inset: 0;
        background: rgba(33, 37, 41, 0.8);
        transition: 0.3s;
    }

    .mobile-nav-active .navmenu > ul {
        display: block;
    }

    .btn-login:before {
        display: none;
    }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
    width: 100%;
    position: relative;
    padding: 192px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
}

.hero:before {
    content: "";
    position: absolute;
    z-index: 2;
    background-image: url(../images/Star-blue.svg);
    width: 72px;
    height: 72px;
    top: 391px;
    left: 31%;
    background-repeat: no-repeat;
}

.hero:after {
    content: "";
    position: absolute;
    z-index: 2;
    background-image: url(../images/Star2.svg);
    width: 72px;
    height: 72px;
    bottom: 131px;
    right: 24%;
    background-repeat: no-repeat;
}

.hero .container {
    position: relative;
    z-index: 3;
}

.hero h2 {
    color: var(--color-black);
    margin: 0;
    text-align: center;
    font-size: 51.57px;
    font-weight: 700;
    line-height: 72.19px;
    position: relative;
    margin-bottom: 22px;
}

.hero h2 span {
    color: var(--color-black);
    font-size: 51.57px;
    font-weight: 500;
    line-height: 72.19px;
}

.hero .title-Prepare:before {
    content: "";
    position: absolute;
    background-image: url(../images/ring-icon.svg);
    width: 227px;
    height: 107px;
    top: -13px;
    background-repeat: no-repeat;
    left: 66px;
}

.hero p {
    margin: 5px 0 30px 0;
    text-align: center;
    font-size: 18.75px;
    font-weight: 400;
    line-height: 26.25px;
    font-family: var(--font-default);
}

.btn-test {
    background: #FFA928;
    border: solid var(--color-black) 1px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    padding: 10px 6px 10px 18px;
    font-family: var(--font-default);
    position: relative;
    border-radius: 6px;
    display: flex;
}

.btn-test:hover {
    background: var(--color-default);
    color: var(--color-white);
}

.btn-test:before {
    content: "";
    position: absolute;
    top: 9px;
    background: var(--color-primary);
    width: 100%;
    height: 41px;
    border-radius: 6px;
    z-index: -1;
    right: -4px;
}

.btn-start {
    background: #FFA928;
    border: solid var(--color-black) 1px;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    padding: 10px 18px;
    font-family: var(--font-default);
    position: relative;
    border-radius: 6px;
    display: flex;
}

.btn-start:hover {
    background: var(--color-default);
    color: var(--color-white);
}

.btn-start:before {
    content: "";
    position: absolute;
    top: 9px;
    background: var(--color-primary);
    width: 100%;
    height: 41px;
    border-radius: 6px;
    z-index: -1;
    right: -4px;
}

.exams-section {
    padding-bottom: 60px;

}

.exams-section:nth-child(odd) {
    background: #fff;
}

.exams-section:nth-child(even) {
    background: #F9F9F9;
    padding-top: 60px;
}


.icons-arrow {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.btn-test:hover .icons-arrow {
    background: #000;
}

.images-tume img {
    width: 100%;
}


@media (max-width: 768px) {
    .hero h2 {
        font-size: 32px;
    }

    .hero p {
        font-size: 18px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

/*--------------------------------------------------------------
# Get The Most important Section
--------------------------------------------------------------*/
.get-most-section {
    background-color: var(--color-primary);
    padding-top: 64px;
    padding-bottom: 60px;
}

.get-most-section .description-text h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 38.4px;
    color: var(--color-white);
    max-width: 426px;
    font-family: var(--font-default);
}

.has-search {
    position: relative;
}

.has-search .form-control {
    padding: 13px 43px;
    border-radius: 9px;
}

.has-search .form-control:focus {
    outline: none;
    box-shadow: none;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    width: 45px;
    height: 52px;
    text-align: center;
    pointer-events: none;
    color: #000;
    top: 0;
    font-size: 20px;
    left: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------------------------
# Exams Section
--------------------------------------------------------------*/
.pricing-exams {
    padding-top: 237px;
    padding-bottom: 70px;
    position: relative;
    z-index: 1;
}

.exams-item {
    background-color: var(--color-secondary);
    border-radius: 25px;
    padding: 30px 24px 19px;
    position: relative;

}

.exams-item:before {
    content: "";
    position: absolute;
    top: -47px;
    background: #D65E9F;
    height: 511px;
    z-index: -1;
    width: 313px;
    border-radius: 156.5px;
}

.exams-item h3 {
    font-size: 24.42px;
    font-weight: 700;
    line-height: 39.07px;
    text-align: center;
    font-family: var(--font-default);
}

.member-img {
    margin-top: 20px;
}

.member-img img {
    border-radius: 10px;
    width: 100%;
}

.exams-list {
    margin: 38px 0 0 0;
    padding: 0px 20px;
    list-style: none;
}

.exams-list li {
    font-size: 15.63px;
    font-weight: 400;
    line-height: 25px;
    padding-bottom: 20px;
    padding-left: 30px;
    position: relative;
    font-family: var(--font-default);
    color: var(--color-black);
}

.exams-list li:before {
    width: 11px;
    height: 11px;
    content: "";
    position: absolute;
    background: #000;
    border-radius: 100px;
    top: 7px;
    left: 0;
}

.more-row {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 20px;
}

.more-btn {
    font-size: 15.63px;
    font-weight: 500;
    line-height: 25px;
    position: relative;
    font-family: var(--font-default);
    color: var(--color-black);
    display: flex;
    align-items: center;
    z-index: 1;
}

.more-btn .icon {
    width: 41px;
    height: 41px;
    background: #D65E9F;
    border: solid #000 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-left: 13px;
    position: relative;
}

.more-btn .icon:before {
    background: #000;
    border-radius: 100%;
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 41px;
    height: 41px;
    z-index: -1;
}

.list-nav {
    display: none;
}

.list-nav-cornsilk {
    display: none;
}

.nav-dopely {
    display: none;
}

.exams-item-cornsilk {
    background-color: var(--color-cornsilk);
    margin-top: -120px;
}

.exams-item-cornsilk:before {
    background-color: var(--color-default);
}

.exams-item-cornsilk .more-btn .icon {
    background-color: var(--color-default);
}

.exams-item-dopely {
    background-color: var(--color-dopely);
}

.exams-item-dopely:before {
    background-color: #57C37C;
}

.exams-item-dopely .more-btn .icon {
    background-color: #57C37C;
}

/*--------------------------------------------------------------
# about Section
--------------------------------------------------------------*/
.about-section {
    background-color: var(--color-default);
    padding-top: 70px;
    padding-bottom: 0;
    position: relative;
}

.about-section:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/about-bg.png);
    width: 279px;
    height: 213px;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-header {
    text-align: center;
    margin-bottom: 10px;
}

.section-header h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 58.8px;
    font-family: var(--font-default);
    color: var(--color-white);
}

.section-header h2 span {
    font-size: 42px;
    font-weight: 500;
    line-height: 58.8px;
}

.about-description p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    margin-bottom: 30px;
    font-family: var(--font-default);
    color: var(--color-white);
    max-width: 625px;
}

.about-description p:last-child {
    margin-bottom: 0px;
}

.about-description {
    margin-top: 51px;
}

.images-young {
    transform: translate(27px, 58px);
    position: relative;
}

.images-young img {
    border-radius: 19px;
}

.images-young .logo-icon {
    position: absolute;
    top: 160px;
    width: 121px;
    height: 121px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -57px;
}

/*--------------------------------------------------------------
# Recent Posts Section
--------------------------------------------------------------*/
.recent-posts {
    padding-top: 112px;
    padding-bottom: 70px;
}

.section-title {
    text-align: center;
}

.recent-posts .section-title h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 58.8px;
    font-family: var(--font-default);
}

.recent-posts article {
    width: 100%;
    float: left;
}

.recent-posts .post-img img {
    border-radius: 25px;
    width: 100%;
    height: 298px;
}

.recent-posts .post-category {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
}

.recent-posts .title {
    padding: 0;
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 33.6px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    height: 70px;
}

.recent-posts .title a {
    color: var(--color-black);
    transition: 0.3s;
}

.recent-posts .title a:hover {
    color: var(--color-default);
}

.recent-posts .post-author-img {
    width: 50px;
    border-radius: 50%;
    margin-right: 15px;
}

.recent-posts .post-author {
    font-weight: 600;
    margin-bottom: 5px;
}

.post-meta {
    margin-bottom: 24px;
}

.post-img {
    margin-bottom: 10px;
}

.recent-posts p {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    font-family: var(--font-default) !important;
}

.recent-posts p span {
    margin-bottom: 10px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 28.8px !important;
    font-family: var(--font-default) !important;

}

.post-des-text {
   /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden*/;
    /*height: 65px;*/
    margin-bottom: 20px;
}

.bookthume img {
    width: 100%;
}

.post-img img {
    width: 100%;
}


.recent-posts .post-date {
    font-size: 14px;
    color: var(--color-black);
    margin-bottom: 0;
}

.load-more-block {
    position: relative;
    max-width: 310px;
    margin: 0 auto;
}

.btn-blog {
    background-color: var(--color-default);
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    border-radius: 6px;
    padding: 9px 27px;
    box-sizing: border-box;
}

.btn-blog:hover {
    background: #f8a803;
    color: #fff;
}

.btn-blog:before {
    content: "";
    position: absolute;
    top: 7px;
    background: var(--color-primary);
    width: 120px;
    height: 41px;
    border-radius: 6px;
    z-index: -1;
    right: 92px;
}

.blog-listing h4 {
    margin-top: 20px;
}

.blog-listing .bookthume img {
    margin-bottom: 14px;
}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq-section {
    background: #F9F9F9;
    padding-top: 64px;
    padding-bottom: 60px;
}

.faq-section .content h3 {
    font-size: 34.1px;
    font-weight: 700;
    line-height: 54.56px;
    margin-bottom: 30px;
}

.faq-section .content p {
    font-size: 15px;
    color: var(--color-black);
}

.more-faq {
    font-size: 20.3px;
    font-weight: 400;
    line-height: 32.48px;
    position: relative;
}

.more-faq:hover {
    color: var(--color-default);
}

.more-faq i {
    margin-left: 5px;
    font-size: 25px;
    position: relative;
    top: 5px;
}

.more-faq:hover i {
    color: var(--color-default);
}

.faq-section .faq-container .faq-item {
    position: relative;
    padding: 22px 0;
    overflow: hidden;
    border-bottom: solid var(--color-black) 1px;
}

.faq-section .faq-container .faq-item:last-child {
    margin-bottom: 0;
}

.faq-section .faq-container .faq-item h3 {
    margin: 0;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    font-family: var(--font-default);
    position: relative;
}

.faq-section .faq-container .faq-item h3 .num {
    color: var(--color-black);
    padding-right: 5px;
}

.faq-section .faq-container .faq-item h3:hover {
    color: var(--color-default);
}

.faq-section .faq-container .faq-item .faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.faq-section .faq-container .faq-item .faq-content p {
    margin-bottom: 0;
    overflow: hidden;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
}

.faq-section .faq-container .faq-item.faq-active h3 {
    color: var(--color-default);
}

.faq-section .faq-container .faq-item.faq-active h3 .num {
    color: var(--color-default);
}

.faq-section .faq-container .faq-item h3:after {
    float: right !important;
    font-family: 'bootstrap-icons', sans-serif !important;
    content: "\f4fe";
    position: absolute;
    right: 0;
    font-size: 32px;
    top: 0;
    color: var(--color-black);
}

.faq-section .faq-container .faq-item.faq-active h3:after {
    display: none;
}

.faq-section .faq-container .faq-item.faq-active h3:before {
    float: right !important;
    font-family: 'bootstrap-icons', sans-serif !important;
    content: "\f2ea";
    position: absolute;
    right: 0;
    font-size: 32px;
    top: 0;
    color: var(--color-default);
}

.faq-section .faq-container .faq-item h3 .description-faq {
    max-width: 645px;
}

.faq-section .faq-container .faq-item .faq-toggle:hover {
    color: var(--color-default);
}


.faq-section .faq-container .faq-active .faq-content {
    grid-template-rows: 1fr;
    visibility: visible;
    opacity: 1;
    padding-top: 10px;
}

.faq-section .faq-container .faq-active .faq-toggle {
    color: var(--color-default);
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
    color: var(--color-white);
    background-color: #20193A;
    padding-bottom: 50px;
    position: relative;
    z-index: 0;
}

.footer .footer-top {
    padding-top: 50px;
}

.footer .footer-about .logo {
    margin-bottom: 25px;
}

.footer .footer-about .logo img {
    max-height: 40px;
    margin-right: 6px;
}

.footer .footer-about .logo span {
    color: var(--color-white);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: var(--font-default);
}

.footer .footer-about p {
    font-family: var(--font-default);
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    color: #fff;
}

.footer-about {
    position: relative;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border-radius: 100px;
    font-size: 16px;
    margin-right: 24px;
    position: relative;
}

.social-links {
    position: relative;
}

.footer .social-links .facebook {
    background: #5D85FF;
}

.footer .social-links .facebook:before {
    background: #3151B2;
    content: "";
    position: absolute;
    top: -2px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    font-size: 16px;
    z-index: -1;
    left: -2px;
}

.footer .social-links .instagram {
    background: #F45194;
}

.footer .social-links .instagram:before {
    background: #C1356E;
    content: "";
    position: absolute;
    top: -2px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    font-size: 16px;
    z-index: -1;
    left: -2px;
}


.footer .social-links .twitter {
    background: #32E5DA;
}

.footer .social-links .twitter:before {
    background: #18817A;
    content: "";
    position: absolute;
    top: -2px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    font-size: 16px;
    z-index: -1;
    left: -2px;
}

.footer .social-links .linkedin {
    background: #4181CC;
}

.footer .social-links .linkedin:before {
    background: #224874;
    content: "";
    position: absolute;
    top: -2px;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    font-size: 16px;
    z-index: -1;
    left: -2px;
}

.footer .social-links a:hover {
    color: var(--color-default);
}

.footer h4 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
}

.footer .footer-links {
    margin-bottom: 30px;
}

.footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer .footer-links ul i {
    padding-right: 2px;
    font-size: 12px;
    line-height: 0;
}

.footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.footer .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-links ul a {
    display: inline-block;
    line-height: 1;
}

.footer .footer-links ul a:hover {
    color: var(--color-default) !important;
}


.footer .footer-contact p {
    margin-bottom: 5px;
}

.footer .copyright {
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer .copyright p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    font-family: var(--font-default);
}

.footer .credits {
    margin-top: 6px;
    font-size: 13px;
}

.chat-block {
    position: absolute;
    right: 105px;
    top: 40%;
}

.count-symbol {
    width: 31px;
    height: 31px;
    display: flex;
    position: absolute;
    top: 3px;
    right: -10px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    background-color: #FF4E4E;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;
    background: var(--color-default);
    transition: all 0.6s ease-out;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #ffffff;
    border-color: var(--color-black);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: animate-preloader 1.5s linear infinite;
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background-color: var(--color-default);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.scroll-top i {
    font-size: 24px;
    color: var(--color-white);
    line-height: 0;
}

.scroll-top:hover {
    background-color: #FFA928;
    color: var(--color-white);
}

.scroll-top.active {
    visibility: visible;
    opacity: 1;
}

/*--------------------------------------------------------------
# contact us css
--------------------------------------------------------------*/
.contact-section {
    width: 100%;
    position: relative;
    padding: 182px 0 0px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
}

.contact-person-tume {
    transform: translate(0px, 25px);
}

.contact-section .description-text h2 {
    font-family: var(--font-default);
    font-size: 40.57px;
    font-weight: 700;
    line-height: 72.19px;
}

.icon-title-row .icon {
    margin-right: 10px;
}

.icon-title-row {
    display: flex;
    width: 100%;
    align-items: baseline;
}

.icon-title-row h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin: 0px;
}

.Knowledge-section strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    margin-bottom: 20px;
}

.Knowledge-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30.6px;
}

.description-text {
    margin-bottom: 37px;
}

.description-inner a {
    font-size: 18px;
    font-weight: 700;
    line-height: 30.6px;
}

.description-inner {
    margin-bottom: 30px;
}

.description-inner h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30.6px;
}

.contact-section-feedback {
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact-section-feedback .section-title h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 58.8px;
    font-family: var(--font-default);
}

.my-label {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    margin-bottom: 13px;
}

.my-input {
    border: solid #000000 1px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
}

.my-input:focus {
    outline: none;
    box-shadow: none;
    border: solid var(--color-default) 1px;
}

.code-block {
    display: flex;
    justify-content: space-between;
    width: 36%;
    align-items: center;
}

.code {
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    color: #DD3535;
    margin-left: 10px;
    display: block;
}

.btn-submit {
    background-color: var(--color-default);
    align-items: center;
    border: 2px solid var(--color-black);
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 46px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    padding: 0 50px;
}

.btn-submit:before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 46px;
    left: -3px;
    width: 100%;
    position: absolute;
    top: -6px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.btn-submit:hover {
    color: #fff;
    background: #FFA928;
}

/*--------------------------------------------------------------
# login page css
--------------------------------------------------------------*/
.login-section {
    width: 100%;
    position: relative;
    padding: 182px 0 60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
    z-index: 1;
}

.login-section h3 {
    font-size: 46px;
    font-weight: 300;
    line-height: 64.4px;
    font-family: var(--font-default);
    color: var(--color-black);
}

.login-section h2 {
    font-size: 46px;
    font-weight: 500;
    line-height: 64.4px;
    font-family: var(--font-default);
    color: var(--color-black);
}

.description-login {
    position: relative;
    width: 100%;
    float: left;
    z-index: 0;
}

.loginForm {
    background: #fff;
    border-radius: 20px;
    border: solid #000 1.6px;
    padding: 52px 40px;
    position: relative;
}

.loginForm h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 49px;
    margin-bottom: 52px;
}

.btn-login-s {
    background-color: var(--color-default);
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    border-radius: 6px;
    padding: 9px 49px;
    box-sizing: border-box;
    position: relative;
}

.btn-login-s:before {
    content: "";
    position: absolute;
    top: 7px;
    background: var(--color-primary);
    height: 41px;
    border-radius: 6px;
    z-index: -1;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.btn-register {
    background-color: #57C37C;
    color: var(--color-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
    border-radius: 6px;
    padding: 9px 49px;
    box-sizing: border-box;
}

.btn-register:before {
    content: "";
    position: absolute;
    top: 74px;
    background: var(--color-primary);
    width: 100%;
    height: 41px;
    border-radius: 6px;
    z-index: -1;
    right: -3px;
}

.btn-login-s:hover {
    color: #fff;
    background: var(--color-primary);
}

.btn-register:hover {
    color: #fff;
    background: #FFA928;
}


.appie-login-thumb-3 {
    position: absolute;
    left: 0;
    top: 369px;
    width: 48%;
    z-index: 9;
}

.position-relative {
    position: relative !important;
    z-index: 1;
}

.navmenu .dropdown ul li:last-child a {
    margin-bottom: 0px;
}

.loginForm:before {
    content: "";
    position: absolute;
    bottom: -12px;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 20px;
    left: 1px;
    z-index: -1;
    right: 0;
}

.code-block-verification {
    display: flex;
    justify-content: space-between;
    width: 70%;
    align-items: center;
}

.max-submit-row {
    width: 100%;
}

.max-submit-row .btn-login-s {
    width: 40%;
}

.loginForm h2 {
    font-size: 35px;
    font-weight: 500;
    line-height: 49px;
    margin-bottom: 50px;
}

.loginForm h2 span {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    text-align: left;
}

/*--------------------------------------------------------------
# course page css
--------------------------------------------------------------*/
.course-section {
    width: 100%;
    position: relative;
    padding: 182px 0 70px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
}

.course-section:before {
    content: "";
    background-image: url(../images/inv.svg);
    width: 59px;
    height: 90px;
    background-repeat: no-repeat;
    left: 0;
    bottom: 140px;
    position: absolute;
}

.course-section:after {
    content: "";
    background-image: url(../images/notpat.svg);
    width: 59px;
    height: 90px;
    background-repeat: no-repeat;
    right: 0;
    top: 230px;
    position: absolute;
}

.description-header {
    text-align: center;
    width: 100%;
    position: relative;
}

.description-header p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    max-width: 1136px;
    margin: 0 auto 30px;
}

.description-header:after {
    content: "";
    position: absolute;
    background-image: url(../images/line-b.svg);
    width: 60px;
    height: 46px;
    right: 160px;
    bottom: -50px;
    background-repeat: no-repeat;
}

.course-section .section-header h2 {
    color: var(--color-black);
    font-weight: 500;
}

.section-header .thume-img {
    position: relative;
    max-width: 9920px;
    margin: 0 auto;
}

.section-header .thume-img:before {
    content: "";
    background-image: url(../images/line-c.svg);
    position: absolute;
    left: 110px;
    top: -8px;
    width: 60px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-header .thume-img:after {
    content: "";
    background-image: url(../images/pen.svg);
    position: absolute;
    right: 170px;
    top: -14px;
    width: 34px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.course-section .section-header {
    text-align: center;
    margin-bottom: 30px;
}

.nism-Series h4 {
    font-size: 21px;
    font-weight: 500;
    line-height: 33.6px;
}

.nism-Series {
    padding-top: 78px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    border-bottom: solid #000 1px;
}

.nism-Series p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    margin-bottom: 0;
}

.nism-Series .sub-heading {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    bottom: 0;
}

.nism-Series ul {
    margin: 21px 0 20px 0;
    padding: 0px;
    list-style: none;
}

.nism-Series ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 16px;
}

.nism-Series ul li:before {
    content: "";
    position: absolute;
    top: 12px;
    width: 4px;
    height: 4px;
    background: #000;
    left: 0;
    border-radius: 100px;
}

.btn-demo {
    font-size: 16px;
    height: 46px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin-right: 30px;
    border-radius: 6px;
    color: #fff;
    background-color: var(--color-default);
}

.btn-demo::before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 42px;
    left: -2px;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;

    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;

}

.btn-demo:hover {
    color: #fff;
    background: #FFA928;
}

.btn-d-flex {
    display: flex;
    max-width: 329px;
    position: relative;
    justify-content: space-between;
    width: 100%;
}

.btn-buy {
    align-items: center;
    background-color: #57C37C;
    border: 1px solid #000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 46px;
    justify-content: center;
    line-height: 22px;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-buy::before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 44px;
    left: -3px;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;

}

.btn-buy:hover {
    color: #fff;
    background: var(--color-default);
}

.nism-section {
    width: 100%;
    position: relative;
    padding: 182px 0 182px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
}

.nism-section .section-header h2 {
    color: var(--color-black);
    font-weight: 500;
}

.buyer-section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.buyer-inner {
    background-color: #FFF8F8;
    border: 2px solid #000;
    border-radius: 25px;
    box-sizing: border-box;
    color: #000;
    /*cursor: pointer;*/
    max-width: 100%;
    padding: 44px 38px;
    position: relative;
    text-decoration: none;
    /*margin-top: -347px;*/
    margin-bottom: 50px;
}

.buyer-inner:last-child {
    margin-bottom: 0px;
}

.buyer-inner:after {
    background-color: #000;
    border-radius: 25px;
    content: "";
    display: block;
    height: 50px;
    left: -5px;
    width: 100%;
    position: absolute;
    bottom: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.buyer-inner h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28.8px;
}

.questionanswer-block .radio {
    margin-bottom: 5px;
}

.questionanswer-block {
    margin-top: 30px;
}

.questionanswer-block .radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

.questionanswer-block .radio input[type=radio] + .radio-label:before {
    content: "";
    background: transparent;
    border-radius: 100%;
    border: 1px solid #000;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 8px;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.questionanswer-block .radio input[type=radio]:checked + .radio-label:before {
    background-color: #000;
    box-shadow: inset 0 0 0 2px #f4f4f4;
}

.questionanswer-block .radio input[type=radio]:focus + .radio-label:before {
    outline: none;
    border-color: #000;
}

.questionanswer-block .radio input[type=radio]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.questionanswer-block .radio input[type=radio] + .radio-label:empty:before {
    margin-right: 0;
}

.questionanswer-block .radio-label {
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    font-family: var(--font-default);
}

.description-answer {
    margin-top: 20px;
}

.description-answer h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    font-family: var(--font-default);
}

.highlights-red {
    color: #E53B3B;
}

.description-answer h3 .icon {
    width: 22px;
    height: 20px;
    display: inline-block;
    margin-right: 6px;
}

.correct-answer strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
}

.correct-answer p {
    font-size: 14px;
    font-weight: 500;
    line-height: 22.4px;
    margin-bottom: 8px;
}

.correct-answer .highlights-green {
    color: #4A9E76;
    font-size: 18px;
}

.button-block {
    margin-bottom: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.btn-next {
    font-size: 16px;
    height: 46px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    padding: 0 60px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    border-radius: 6px;
    color: #fff;
    background-color: var(--color-default);
    display: flex;
    align-items: center;
}

.btn-next:hover {
    color: #fff;
    background: #FFA928;
}

.btn-next::before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 42px;
    left: -2px;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.buyer-bg {
    background-color: #F8FFF9;
    margin-top: -278px;
}

.highlights-green {
    color: #4A9E76;
}

.mocktest-description-questions {
    padding-top: 50px;
}

.mocktest-description-questions h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    font-family: var(--font-default);
}

.red {
    color: #E53B3B;
}

.mocktest-description-questions h2 span {
    font-weight: 900;
}

.mocktest-description-questions p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28.8px;
    text-align: left;
    max-width: 850px;
}

.buy-btn {
    background-color: #57C37C;
    border: 1px solid #000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    width: 439px;
    padding: 15px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
}

.buy-btn:before {
    background-color: var(--color-black);
    border-radius: 6px;
    content: "";
    display: block;
    height: 100%;
    left: -3px;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.buy-btn:hover {
    color: #fff;
    background: var(--color-default);
}

/*--------------------------------------------------------------
# all page responsive css
--------------------------------------------------------------*/
@media (max-width: 1366px) {
    .contact-person-tume {
        transform: translate(0px, 42px);
    }
}

@media (max-width: 992px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btn-login {
        display: none;
    }

    .images-young {
        transform: inherit;
        position: relative;
    }

    .images-young img {
        width: 100%;
    }

    .hero {
        padding-top: 105px;
    }

    .hero h2 span {
        font-size: 32px;
    }

    .images-young .logo-icon img {
        width: auto;
    }

    .hero:before {
        left: 4%;
        background-size: 78%;
    }

    .header .logo img {
        max-height: 22px;
        margin-right: 0;
    }

    .hero:after {
        right: 0;
        bottom: 0px;
        background-size: 60%;
    }

    .images-young .logo-icon {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 87%;
    }

    .about-section:before {
        background-size: 80%;
        bottom: -20px;
    }

    .about-section {
        padding-bottom: 140px;
    }

    .about-description {
        margin-top: 0;
    }

    .section-header h2 {
        font-size: 30px;
    }

    .recent-posts .section-title h2 {
        font-size: 30px;
    }

    .about-description p {
        font-size: 14px;
        line-height: 24px;
    }

    .recent-posts {
        padding-top: 22px;
        padding-bottom: 70px;
    }

    .recent-posts .title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .recent-posts .post-category {
        font-size: 14px;
        line-height: 24px;
    }

    .faq-section .content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .faq-section .faq-container .faq-item h3 {
        font-size: 15px;
        line-height: 24px;
    }

    .faq-section .faq-container .faq-item h3 .description-faq {
        max-width: 270px;
    }

    .footer .footer-about p {
        font-size: 14px;
        line-height: 24px;
    }

    .faq-section .faq-container .faq-item .faq-content p {
        font-size: 15px;
        line-height: 24px;
    }

    .footer .copyright p {
        font-size: 14px;
        line-height: 24px;
    }

    .chat-block {
        right: 22px;
        top: 57%;
    }

    .footer .footer-links ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        margin-top: 38px;
    }

    .exams-list {
        padding: 0px;
    }

    .exams-item-dopely:before {
        display: none;
    }

    .exams-item:before {
        display: none;
    }

    .exams-item-cornsilk {
        margin-top: 0px;
    }

    .exams-item {
        margin-bottom: 30px;
    }

    .pricing-exams {
        padding-top: 35px;
    }

    .count-symbol {
        top: -3px;
        right: 0px;
    }

    .btn-login-d-none {
        display: block;
        font-size: 14px;
        background: transparent;
    }

    .contact-section {
        padding-top: 60px;
    }

    .login-section {
        padding-top: 90px;
        padding-bottom: 0;
    }

    .contact-section .description-text h2 {
        font-size: 24px;
        line-height: 40px;
    }

    .Knowledge-section p {
        font-size: 15px;
    }

    .Knowledge-section strong {
        font-size: 15px;
    }

    .icon-title-row h4 {
        font-size: 16px;
    }

    .description-inner a {
        font-size: 16px;
    }

    .description-inner h5 {
        font-size: 16px;
    }

    .contact-person-tume {
        transform: translate(0px, 0px);
    }

    .contact-section-feedback .section-title h2 {
        font-size: 24px;
        line-height: 40px;
    }

    .my-label {
        font-size: 15px;
        font-weight: 500;
        line-height: 10.8px;
    }

    .code-block {
        width: 100%;
    }

    .login-section .col-sm-6:nth-of-type(1) {
        order: 2;
    }

    .login-section .col-sm-6:nth-of-type(2) {
        order: 1;
    }

    .loginForm {
        margin-bottom: 30px;
    }

    .description-login {
        text-align: center;
    }

    .login-section h3 {
        font-size: 26px;
        line-height: 34.4px;
    }

    .login-section h2 {
        font-size: 26px;
        line-height: 44.4px;
    }

    .appie-login-thumb-3 {
        position: relative;
        top: 10px;
    }

    .section-header .thume-img {
        display: none;
    }

    .course-section {
        padding-top: 90px;
    }

    .course-section .section-header h2 {
        font-size: 20px;
        line-height: 38.8px;
    }

    .description-header p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .course-section:before {
        bottom: 0;
    }

    .course-section:after {
        top: 51px;
        background-size: 100%;
        right: 0;
    }

    .description-header:after {
        display: none;
    }

    .nism-Series h4 {
        font-size: 16px;
        line-height: 29.6px;
    }

    .nism-Series p {
        font-size: 14px;
        line-height: 28.8px;
    }

    .nism-Series .sub-heading {
        font-size: 14px;
        font-weight: 500;
        line-height: 24.8px;
    }

    .nism-Series ul li {
        font-size: 16px;
        line-height: 29.6px;
    }

    .bookthume {
        margin: 20px auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nism-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .buyer-inner {
        margin-top: 0px;
    }

    .buyer-inner {
        margin-top: 0px;
        padding: 30px 17px;
    }

    .questionanswer-block .radio-label {
        font-size: 15px;
    }

}

@media (max-width: 480px) {
    .hero .title-Prepare::before {
        top: 6px;
        left: 0px;
        background-size: 62%;
    }

    .appie-login-thumb-3 img {
        width: 100%;
    }
}

/*----------------------------------------------------*/

.section-option {
    padding-top: 60px;
    padding-bottom: 60px;
}

.option-one {
    border-radius: 24px;
    border: 2px solid #DFDFDF;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 23px;
    align-items: center;
    margin-bottom: 30px;
}

.question-1 h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    font-family: "Urbanist", sans-serif;
    max-width: 460px;
}

.question-content p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 60px;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
    margin-bottom: 0;
}

.exam-history-filter {
    width: 100%;
}

.question-content {
    display: flex;
    width: 100%;
}

.btn-start-2 {
    border-radius: 8px;
    background: #7D5FEA;
    border: transparent;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Urbanist", sans-serif;
    padding: 18px 42px;
    color: #fff;
}

.btn-start-2:hover {
    background: #FFA928;
}

.not-attempted {
    background: #e9ebf1;
}

.in-progress {
    background: #fae6e6;
}

.test-completed {
    background: #eaf4eb;
}

.exams-box {
    display: flex;
    width: 100%;
    align-items: center;
}

.input-attempted {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    border-radius: 0;
    border: solid #e9ebf1 1px;
    background: #e9ebf1;
}

.exams-box p {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
    margin-bottom: 0;
}

.input-inprogress {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    border-radius: 0;
    border: solid #e9ebf1 1px;
    background: #fae6e6;
}

.input-completed {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    border-radius: 0;
    border: solid #e9ebf1 1px;
    background: #eaf4eb;
}

.section-title h2 {
    font-size: 64px;
    font-weight: 700;
    line-height: 77px;
    font-family: "Urbanist", sans-serif;
}

.section-my-purchased-exams {
    padding-top: 60px;
    padding-bottom: 60px;
}

.btn-active {
    border-radius: 8px;
    background: #e5dffc;
    border: transparent;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Urbanist", sans-serif;
    padding: 18px 72px;
    color: #7D5FEA;
}

.btn-expired {
    border-radius: 8px;
    background: #fcd9d9;
    border: transparent;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Urbanist", sans-serif;
    padding: 18px 65px;
    color: #FF4343;

}

.content-test2 p {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 60px;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
    margin-bottom: 0;
}

.red-b {
    color: #ff434394;
}

/*16-09-2024*/

.vertical-sidebar li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
}

.vertical-sidebar li:first-child {
    border-radius: 14px 14px 0px 0px !important;
}

.vertical-sidebar li:last-child {
    border-radius: 0px 0px 14px 14px !important;
}

.vertical-sidebar li.active {
    border-radius: 0px !important;
    background: #7D5FEA;
    color: #fff;
}

.vertical-sidebar li.active:first-child {
    border-radius: 14px 14px 0px 0px !important;
}

.vertical-sidebar li.active:last-child {
    border-radius: 0px 0px 14px 14px !important;
}


.vertical-sidebar li {
    border: 1px solid #DFDFDF !important;
    border-radius: 0px !important;
    padding: 8px 20px;
}


.vertical-sidebar li.active a {
    color: #fff;
}

.sidebar-block {
    margin-right: 30px;
}


.block-2-colam {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.block-2 {
    border: 2px solid #DFDFDF;
    margin-right: 20px;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;
    width: 50%;
}

.block-2 h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.block-2 p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
}

.tab-content-sidebar {
    width: 80%;
}

.block-12 {
    width: 100%;
    border: 2px solid #DFDFDF;
    margin-right: 20px;
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.block-12 .content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    font-family: "Urbanist", sans-serif;
    text-transform: uppercase;
}

.block-12 .content p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
}

.container-inner-accout {
    display: flex;
    max-width: 100%;
}

.vertical-sidebar {
    margin: 0px 0px 0 0;
    padding: 0px;
    list-style: none;
    width: 23%;
}

.tab-content-sidebar-right {
    width: 100%;
    padding-left: 20px;
}

.invoice-block {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.col-invoice-12 {
    width: 100%;
    border: 2px solid #DFDFDF;
    margin-right: 20px;
    border-radius: 16px;
    padding: 0px 25px 25px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.col-invoice-12 .content {
    position: relative;
    width: 75%;
    padding-top: 25px;
}

.col-invoice-12 .content h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28.8px;
    font-family: "Urbanist", sans-serif;
    max-width: 400px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.col-invoice-12 .content p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Urbanist", sans-serif;
    color: hsl(0deg 0% 0% / 40%);
}

.price-btn {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0px 0px 12px 12px;
    background: #7D5FEA;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    padding: 26px 20px;
    font-family: "Urbanist", sans-serif;
    color: #fff;
}

.view-download-block {
    border-radius: 8px;
    background: #7D5FEA;
    width: 172px;
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.view-download-block .view-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    font-family: "Urbanist", sans-serif;
}

.view-download-block .download-btn {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    font-family: "Urbanist", sans-serif;
}

.view-download-block hr {
    border-color: #fff;
}

@media only screen and (max-width: 992px) {
    .option-one {
        flex-wrap: wrap;
    }

    .section-title h2 {
        font-size: 25px;
        line-height: normal;
    }

    .exams-box {
        margin-bottom: 20px;
    }

    .question-1 h4 {
        font-size: 18px;
        line-height: normal;
    }

    .btn-start-2 {
        padding: 8px 25px;
        font-size: 16px;
        line-height: normal;
    }

    .question-content p {
        padding-right: 0px;
        font-size: 14px;
        line-height: normal;
        margin-bottom: 10px;
    }

    .btn-active {
        padding: 8px 25px;
        font-size: 16px;
        line-height: normal;
    }

    .btn-expired {
        padding: 8px 25px;
        font-size: 16px;
        line-height: normal;
    }

    .content-test2 {
        margin-bottom: 10px;
    }

    .container-inner-accout {
        flex-wrap: wrap;
    }

    .vertical-sidebar {
        width: 100%;
        margin-bottom: 20px;
    }

    .tab-content-sidebar-right {
        width: 100%;
        padding-left: 0;
    }

    .block-2-colam {
        flex-wrap: wrap;
    }

    .block-2 {
        width: 100%;
        margin-right: 0;
    }

    .block-12 {
        flex-wrap: wrap;
        margin-right: 0;
        flex-direction: column;
    }

    .questionrow-2 {
        margin-top: 20px;
    }

    .col-invoice-12 .content {
        width: 100%;
    }

    .col-invoice-12 .content h3 {
        max-width: 100%;
        font-size: 16px;
        line-height: normal;
    }

    .price-btn {
        position: relative;
        border-radius: 8px;
        font-size: 16px;
        padding: 10px;
        text-align: center;
        margin-top: 10px;
    }

    .col-invoice-12 {
        margin-right: 0;
        flex-wrap: wrap;
    }

    .view-download-block {
        width: 100%;
        margin-top: 12px;
    }

    .view-download-block .view-link {
        font-size: 16px;
        line-height: normal;
    }

    .view-download-block .download-btn {
        font-size: 16px;
        line-height: normal;
    }


}

@media only screen and (max-width: 767px) {
    .question-content p {
        padding-right: 0px;
        font-size: 14px;
        line-height: normal;
        margin-bottom: 10px;
    }
}