@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
*,
body {
    font-family: "Poppins", sans-serif;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.primaryBg_color {
    background: #E6B9A6 !important;
}
.lightBg_color {
    background: #f4f4f4 !important;
}
.whiteBg_color {
    background: #fff !important;
}
.color_white {
    color: #fff !important;
}
.color_primary,
footer ul li .current-menu,
header .navbar .navbar-collapse .navbar-nav .current-menu {
    color: #E6B9A6 !important;
}
.color_light {
    color: #8c8c8c !important;
}
.territorySecondary {
    background: #F3F7EC !important;
}
h1,
h2 {
    font-size: 55px;
    font-weight: 700;
}
h2 {
    font-size: 42px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
    margin-bottom: 0;
}
h6 {
    font-size: 18px;
}
ol,
ul {
    padding-left: 0;
}
ul li {
    color: #3d3d3d;
    text-decoration: none;
    list-style: none;
}
ol {
    margin-left: 15px;
}
form .form-group .form-control,
ol li,
p,
ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
}
ol li {
    padding-left: 10px;
}
form .form-group .form-control,
p {
    margin-bottom: 0;
    color: #3d3d3d;
}
header .navbar .mobile_right a.log svg,
header .navbar .mobile_right a.log svg path,
i {
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
a,
form label {
    font-weight: 500;
    font-size: 16px;
}
a,
ol li {
    color: #3d3d3d;
}
a {
    line-height: 24px;
    text-decoration: none;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.categoriesSection .categoriesCard:hover h5,
a:hover,
footer .infoWrap p a:hover,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #E6B9A6;
}
body {
    background: #fff;
    overflow-x: hidden;
}
form label {
    margin-bottom: 10px;
}
form label span {
    color: red;
}
form .form-group {
    position: relative;
    margin-bottom: 20px;
}
form .form-group .form-control {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dadbe4;
    color: #000;
    line-height: 24px;
    padding: 16px 20px;
}
form .form-group .form-control:focus {
    box-shadow: none;
}
form .form-group .form-control::placeholder {
    color: #ccd0d1;
    opacity: 1;
}
form .form-group .form-control:-ms-input-placeholder {
    color: #ccd0d1;
}
form .form-group .form-control::-ms-input-placeholder {
    color: #ccd0d1;
}
form textarea.form-control {
    resize: none;
    height: 64px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
html {
    scroll-behavior: smooth;
}
html::-webkit-scrollbar {
    width: 10px;
}
html::-webkit-scrollbar-track {
    border-radius: 0;
    background: #cecec5;
}
html::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #21212f;
    opacity: 1;
}
.btn-close {
    box-shadow: none;
    outline: 0;
    border: 0;
}
.position-relative {
    z-index: 1;
}
@media (max-width: 1699.98px) {
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 35px;
    }
}
@media (max-width: 1499.98px) {
    h1 {
        font-size: 45px;
    }
}
@media (max-width: 1399.98px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 18px;
    }
}
@media (max-width: 1199.98px) {
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 15px;
    }
}
@media (max-width: 991.98px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 19px;
    }
    h4 {
        font-size: 17px;
    }
    h5 {
        font-size: 15px;
    }
    h6 {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 23px;
    }
}
@media (max-width: 575px) {
    h1 {
        font-size: 23px;
    }
}
header {
    padding: 0;
    background: #fff;
    z-index: 991;
    position: relative;
}
header .navbar {
    padding-top: 0;
    padding-bottom: 0;
}
header .navbar .navbar-brand {
    margin: 0;
    padding: 0;
}
header .navbar .navbar-collapse .navbar-nav {
    grid-gap: 20px;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-toggle::after {
    vertical-align: inherit;
    content: "";
    border: 0;
    background: url(../images/svg/downArrow.svg) center;
    background-size: contain;
    width: 16px;
    height: 8px;
    margin-top: 2px;
    margin-left: 10px;
    display: none;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #6d737a;
    padding: 35px 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: center;
    transition: ease all 0.3s;
    letter-spacing: 0;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link svg {
    margin-left: 10px;
    transition: ease all 0.3s;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link svg path {
    transition: ease all 0.3s;
}
.careerPage .findJob .form-group .filterBtn:hover svg path,
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover svg path {
    stroke: #E6B9A6;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
    padding: 15px 0;
    border-radius: 16px;
    background: #F3F7EC;
    border: 1px solid rgba(37, 99, 235, 0.08);
    min-width: 260px;
    max-width: 310px;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .title {
    color: #97a3b7;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .dropdown-item {
    padding: 5px 0 5px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    background-color: transparent;
    color: #111b29;
    white-space: inherit;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    position: relative;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .dropdown-item::after {
    position: absolute;
    left: 0;
    display: inline-block;
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/svg/rightArrow.svg) center no-repeat;
    transform: rotate(180deg);
    background-size: 6px;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .dropdown-item
    span {
    display: block;
    font-size: 12px;
    color: #677489;
    line-height: 13px;
    font-weight: 400;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .dropdown-item:focus,
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .dropdown-item:hover {
    color: #E6B9A6;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu
    .seeAllBtn {
    display: flex;
    color: #E6B9A6;
    font-weight: 600;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .submenu .dropdown-item {
    padding-left: 0;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .submenu
    .dropdown-item::after {
    display: none;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu2 li {
    padding: 0 20px;
    margin-bottom: 8px;
}
.contactPage .contactDetails .info li:last-child,
footer .infoWrap p:last-child,
footer ul li:last-child,
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu2
    li:last-child {
    margin-bottom: 0;
}
header
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .dropdown-menu[data-bs-popper] {
    left: inherit;
    margin-top: inherit;
}
header .navbar .navbar-toggler {
    box-shadow: none;
    padding: 0;
    margin-left: 20px;
}
header .navbar .navbar-toggler:focus {
    box-shadow: none;
}
header .navbar .mobile_right {
    margin-left: 15px;
    display: flex;
    grid-gap: 15px;
    align-items: center;
}
header .navbar .mobile_right a.log {
    display: flex;
    align-items: center;
    grid-gap: 5px;
    justify-content: center;
    padding: 12px 20px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    color: #6d737a;
}
header .navbar .mobile_right a.log:hover {
    background: #939185;
    color: #fff;
}
header .navbar .mobile_right a.log:hover svg path {
    stroke: #fff;
}
.testWrapperSection .testSectionHead .timeWrap p button span,
header .navbar .mobile_right .hamburgerMenu {
    display: none;
}
header .navbar .mobile_right .hamburgerMenu img {
    width: 30px;
}
header .navbar .mobile_right .btn-group.profile .btn-secondary {
    background: 0 0;
    border: 0;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    box-shadow: none;
    outline: 0;
    padding: 0;
}
header .navbar .mobile_right .btn-group.profile .btn-secondary::after {
    border: 0;
    width: 12px;
    height: 8px;
    background: url(../images/numberDownArrow.png);
    background-size: 12px;
}
header .navbar .mobile_right .btn-group.profile .btn-secondary .photo {
    width: 45px;
    height: 45px;
    background: #f4f4f4;
    border-radius: 100%;
    overflow: hidden;
}
header .navbar .mobile_right .btn-group.profile .dropdown-menu[data-bs-popper] {
    margin-top: 24px;
}
header .navbar .mobile_right .btn-group.profile .dropdown-menu {
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.11);
}
header .navbar .mobile_right .btn-group.profile .dropdown-item {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #6d737a;
}
header .navbar .mobile_right .btn-group.profile .dropdown-item:focus,
header .navbar .mobile_right .btn-group.profile .dropdown-item:hover {
    color: #000;
    background-color: #e9ecef;
}
header .navbar .mobile_right .btn-group.profile .nameInfo {
    border-bottom: 1px solid #dfdfdf;
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 0.25rem;
    color: #6d737a;
}
header .navbar .mobile_right .btn-group.profile .nameInfo:focus,
header .navbar .mobile_right .btn-group.profile .nameInfo:hover {
    background: #fff;
    color: #6d737a;
}
header.sticky {
    padding: 0;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    animation: ease-in-out;
    animation-name: fadeInDown;
    animation-duration: 1s;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
}
header.sticky .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    padding-top: 25px;
    padding-bottom: 25px;
}
header.sticky
    .navbar
    .mobile_right
    .btn-group.profile
    .dropdown-menu[data-bs-popper] {
    margin-top: 14px;
}
.arrowMenu::after {
    display: none !important;
}
@media all and (min-width: 992px) {
    header .dropdown-menu > li:hover {
        background-color: transparent;
    }
    header .dropdown-menu > li:hover a.dropdown-itemSubmenu {
        color: #fff;
    }
    .navbar .has-megamenu {
        position: relative !important;
    }
    .navbar .nav-item.has-megamenu:hover .dropdown-menu2 {
        display: block !important;
        border: 0;
    }
    .dropdown-menu li {
        position: relative;
    }
    .nav-item .submenu {
        display: none;
        position: absolute;
        top: -15px;
        border: 0;
        left: inherit !important;
        right: 100% !important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        right: 0;
    }
    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }
    .dropdown-menu > li:hover {
        background-color: #f1f1f1;
    }
    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}
@media (max-width: 1399.98px) {
    header .navbar .navbar-brand {
        padding-right: 50px;
    }
    header .navbar .navbar-brand img {
        width: 115px;
    }
    header .navbar .navbar-collapse .navbar-nav {
        grid-gap: 15px;
    }
    header .navbar .mobile_right a,
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        line-height: 23px;
    }
    header
        .navbar
        .navbar-collapse
        .navbar-nav
        .nav-item
        .dropdown-menu
        .dropdown-item {
        font-size: 14px;
        line-height: 21px;
    }
    header .navbar .mobile_right a.log {
        padding: 11px 20px;
    }
    header
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 29px;
    }
}
@media (max-width: 1299.98px) {
    header .navbar .navbar-brand img {
        width: 95px;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
        line-height: 21px;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li {
        margin-bottom: 5px;
    }
    header
        .navbar
        .navbar-collapse
        .navbar-nav
        .nav-item
        .dropdown-menu
        .dropdown-item {
        font-size: 13px;
        line-height: 19px;
    }
    header .navbar .mobile_right a {
        font-size: 14px;
        line-height: 21px;
    }
    header
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 23px;
    }
    header.sticky
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 13px;
    }
}
@media (max-width: 1199.98px) {
    header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
        padding: 25px 4px;
        font-size: 13px;
        line-height: 19px;
    }
    header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li {
        margin-bottom: 5px;
    }
    header
        .navbar
        .navbar-collapse
        .navbar-nav
        .nav-item
        .dropdown-menu
        .dropdown-item {
        font-size: 13px;
        line-height: 19px;
    }
    header .navbar .mobile_right {
        margin-left: 10px;
        grid-gap: 10px;
    }
    header .navbar .mobile_right a {
        font-size: 14px;
        line-height: 21px;
    }
    header
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper],
    header.sticky
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 12px;
    }
    header .navbar .mobile_right .btn-group.profile .dropdown-item {
        font-size: 13px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    header .navbar .mobile_right .primary_btn,
    header .navbar .mobile_right a.log {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 991.98px) {
    header {
        padding: 15px 0;
    }
    header .navbar .navbar-brand {
        padding-right: 0;
    }
    header .navbar .navbar-brand img {
        width: 105px;
    }
    header .navbar .mobile_right {
        grid-gap: 15px;
    }
    header .navbar .mobile_right a {
        font-size: 13px;
        line-height: 19px;
    }
    header .navbar .mobile_right a.log {
        padding: 10px 17px;
        background: #E6B9A6;
        color: #fff;
    }
    header .navbar .mobile_right a.log svg {
        width: 15px;
        height: 15px;
    }
    header .navbar .mobile_right a.log svg path {
        stroke: #fff;
    }
    header .navbar .mobile_right a.log:hover {
        background: #21212f;
        color: #fff;
    }
    header .navbar .mobile_right .hamburgerMenu {
        display: flex;
    }
    header .navbar .mobile_right .btn-group.profile .btn-secondary .photo {
        width: 39px;
        height: 39px;
    }
    header
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 15px;
    }
    header.sticky {
        padding: 10px 0;
    }
    header.sticky
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 10px;
    }
    .mobileMenu {
        z-index: 9992;
        border-right: 0;
    }
    .mobileMenu .btn-close {
        box-shadow: none;
        outline: 0;
    }
    .mobileMenu .navbar-brand {
        width: 110px;
    }
    .mobileMenu .navbar-nav .nav-item {
        border-bottom: 1px solid #e3e3e3;
    }
    .mobileMenu .navbar-nav .nav-item:last-child {
        border-bottom: 0;
    }
    .mobileMenu .navbar-nav .nav-item .nav-link {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
        font-weight: 500;
        color: #6d737a;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mobileMenu .navbar-nav .nav-item .nav-link::after {
        display: none;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu2.show {
        display: block !important;
        position: relative !important;
        transform: none !important;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu {
        border: 0;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .title {
        padding-left: 10px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        color: #97a3b7;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding: 7px 10px;
        color: #6d737a;
        font-size: 14px;
        font-weight: 500;
        position: relative;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item svg {
        position: absolute;
        right: 0;
        top: 18px;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item span {
        display: block;
        font-size: 12px;
        color: #677489;
        line-height: 13px;
        font-weight: 400;
    }
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,
    .mobileMenu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        background: 0 0;
    }
    .mobileMenu .navbar-nav .nav-item .submenu.show {
        display: block !important;
        position: relative !important;
        transform: none !important;
    }
    .mobileMenu .navbar-nav .nav-item .submenu {
        background: #F3F7EC;
    }
    .mobileMenu .navbar-nav .nav-item .submenu .title {
        padding-left: 20px;
    }
    .mobileMenu .navbar-nav .nav-item .submenu .dropdown-item {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mobileMenu .navbar-nav .current-menu {
        color: #E6B9A6 !important;
    }
    .mobileMenu .navbar-nav .seeAllBtn {
        display: flex;
        color: #E6B9A6;
        font-weight: 600;
        padding: 7px 10px;
    }
}
@media (max-width: 766.98px) {
    header {
        padding: 15px 0;
    }
    header .navbar .mobile_right {
        grid-gap: 10px;
    }
    header .navbar .mobile_right a {
        font-size: 12px;
    }
    header .navbar .mobile_right a,
    header .navbar .mobile_right a.log {
        line-height: 17px;
        padding: 9px 12px;
    }
    header
        .navbar
        .mobile_right
        .btn-group.profile
        .dropdown-menu[data-bs-popper] {
        margin-top: 15px;
    }
}
@media (max-width: 524.98px) {
    header .navbar .mobile_right a {
        font-size: 11px;
    }
    header .navbar .mobile_right a,
    header .navbar .mobile_right a.log {
        line-height: 17px;
        padding: 9px 10px;
    }
    header .navbar .mobile_right .ms-2 {
        margin-left: 0 !important;
    }
    header .navbar .mobile_right .hamburgerMenu {
        padding: 0;
    }
}
@media (max-width: 390.98px) {
    header .navbar .navbar-brand img {
        width: 90px;
    }
    header .navbar .mobile_right {
        grid-gap: 10px;
    }
}
.homeBanner {
    padding: 80px 0;
}
.homeBanner .carousel-inner {
    overflow: inherit;
}
.homeBanner .container {
    position: relative;
    display: flex;
    align-items: center;
}
.homeBanner .container .pattern {
    position: absolute;
    z-index: 0;
    top: -7%;
}
.homeBanner .position-relative {
    z-index: 3;
}
.homeBanner .contentWrapper {
    display: flex;
    align-items: center;
}
.homeBanner .contentWrapper h4 {
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
    color: #939185;
}
.header mark,
.homeBanner .contentWrapper h1 mark {
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #939185;
}
.homeBanner .contentWrapper p,
footer form {
    margin-top: 20px;
}
.homeBanner .contentWrapper .search {
    margin-top: 30px;
    width: 80%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 15px;
    padding: 0 0 0 20px;
    border-radius: 50px;
    overflow: hidden;
    background: rgba(37, 99, 235, 0.09);
    position: relative;
}
.homeBanner .contentWrapper .search .form-control {
    background: 0 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    min-height: 56px;
    color: #939185;
}
.homeBanner .contentWrapper .search .form-control:focus {
    box-shadow: none;
}
.homeBanner .contentWrapper .search .form-control::placeholder {
    color: #6d737a;
    opacity: 1;
}
.homeBanner .contentWrapper .search .form-control:-ms-input-placeholder {
    color: #6d737a;
}
.homeBanner .contentWrapper .search .form-control::-ms-input-placeholder {
    color: #6d737a;
}
.homeBanner .contentWrapper .search button {
    box-shadow: none;
    outline: 0;
    border: 0;
    background: 0 0;
    width: 56px;
    height: 56px;
}
.homeBanner .contentWrapper .search button svg {
    height: 56px;
    width: 56px;
}
.homeBanner .contentWrapper .searchArea {
    position: relative;
}
.homeBanner .contentWrapper .searchArea .searchResult {
    width: 80%;
    background: #fff;
    display: none;
    max-height: 250px;
    position: absolute;
    top: 110%;
    border-radius: 10px;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    overflow: auto;
}
.homeBanner .contentWrapper .searchArea .searchResult::-webkit-scrollbar {
    width: 5px;
}
.homeBanner .contentWrapper .searchArea .searchResult::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #F3F7EC;
}
.homeBanner .contentWrapper .searchArea .searchResult::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #E6B9A6;
    opacity: 1;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item {
    padding: 15px;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
    width: 100%;
    grid-gap: 20px;
    align-items: center;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item
    .icon {
    flex-shrink: 0 !important;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item
    .icon
    img {
    width: 50px;
    height: 50px;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item
    .details
    h6 {
    font-weight: 700;
    color: #E6B9A6;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item
    .details
    p {
    margin: 6px 0 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    color: #3d3d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li
    a.search-result-item:hover {
    background: #ebf1fe;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li:first-child
    a.search-result-item {
    border-radius: 10px 10px 0 0;
}
.homeBanner
    .contentWrapper
    .searchArea
    .searchResult
    #search-result-append-here
    li:last-child
    a.search-result-item {
    border-radius: 0 0 10px 10px;
    border-bottom: 0;
}
@media (max-width: 992px) {
    .homeBanner .contentWrapper .searchArea .searchResult {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .homeBanner
        .contentWrapper
        .searchArea
        .searchResult
        #search-result-append-here
        li
        a.search-result-item
        .icon,
    .homeBanner
        .contentWrapper
        .searchArea
        .searchResult
        #search-result-append-here
        li
        a.search-result-item
        .icon
        img {
        width: 30px;
        height: 30px;
    }
}
.homeBanner .carousel .carousel-inner .carousel-item {
    background: #fff;
}
.homeBanner .carousel .carousel-control-next,
.homeBanner .carousel .carousel-control-prev {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #f9f8f9;
    opacity: 1;
    top: 50%;
    transform: translate(0, -50%);
}
.homeBanner .carousel .carousel-control-next-icon {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231659e9'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.homeBanner .carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231659e9'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.homeBanner .carousel .carousel-control-next-icon,
.homeBanner .carousel .carousel-control-prev-icon {
    width: 1.5rem;
    height: 1.5rem;
}
@media (max-width: 1399.98px) {
    .homeBanner .contentWrapper .search .form-control {
        min-height: 49px;
    }
    .homeBanner .contentWrapper .search button,
    .homeBanner .contentWrapper .search button svg {
        height: 49px;
        width: 49px;
    }
}
@media (max-width: 1199.98px) {
    .homeBanner .container .pattern {
        top: -7%;
    }
}
@media (max-width: 991.98px) {
    .homeBanner {
        padding: 50px 0;
    }
    .homeBanner .container .pattern {
        top: inherit;
        bottom: 30%;
    }
    .homeBanner .contentWrapper .search {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .homeBanner .carousel .carousel-control-next,
    .homeBanner .carousel .carousel-control-prev {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background: #f9f8f9;
        opacity: 1;
        top: 50%;
        transform: translate(0, -50%);
    }
    .homeBanner .carousel .carousel-control-next-icon {
        opacity: 1;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231659e9'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    .homeBanner .carousel .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231659e9'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
    .homeBanner .carousel .carousel-control-next-icon,
    .homeBanner .carousel .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
}
.liveTag {
    margin-bottom: 8px;
    background: #fb4a59;
    font-size: 13px;
    line-height: 24px;
    color: #f2f2f2;
    width: fit-content;
    padding: 0 8px 0 20px;
    display: flex;
    align-items: center;
    position: relative;
}
.liveTag::before {
    content: "";
    position: absolute;
    left: 8px;
    width: 6px;
    height: 6px;
    background: #f2f2f2;
    border-radius: 100%;
}
.categoriesSection {
    padding: 100px 0 80px;
    background: #F3F7EC;
}
.categoriesSection .col-mb-20,
.innerBanner h1 {
    margin-bottom: 20px;
}
.categoriesSection .categoriesCard,
.categoriesSection .header {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}
.categoriesSection .header .icon {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.categoriesSection .header .icon img {
    margin: 0;
    padding: 0;
}
.categoriesSection .categoriesCard {
    padding: 20px;
    background: #fff;
    border: 2px solid #939185;
    width: 100%;
    min-height: 124px;
    height: 100%;
    border-radius: 8px;
    justify-content: space-between;
    position: relative;
    top: 0;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.categoriesSection .categoriesCard h5,
.categoriesSection .categoriesCard h6 {
    font-weight: 600;
    color: #000;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.categoriesSection .categoriesCard .iconBox {
    width: 68px;
    height: 68px;
    flex-shrink: 0 !important;
}
.categoriesSection .categoriesCard .exploreBtn {
    width: 40px;
    height: 40px;
    flex-shrink: 0 !important;
}
.categoriesSection .categoriesCard:hover {
    top: -5px;
    background: 0 0;
    box-shadow: 0 0 10px 0 rgba(75, 75, 75, 0.5);
}
.categoriesSection .categoriesCard:hover .liveTag {
    background: red;
    color: #fff;
}
.categoriesSection .categoriesCard:hover .liveTag::before {
    color: #fff;
}
.categoriesSection .subCategoriesWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}
.categoriesSection .subCategoriesWrapper .categoriesCard {
    flex-direction: column;
    align-items: center;
    padding: 30px 20px !important;
    grid-gap: 20px;
    border-radius: 20px;
}
.categoriesSection .subCategoriesWrapper .categoriesCard p {
    color: #000;
    text-align: center;
    line-height: 20px;
}
.categoriesSection .primary_btn {
    width: fit-content;
    margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .categoriesSection {
        padding: 50px 0 30px;
        background: #F3F7EC;
    }
    .categoriesSection .categoriesCard h5 {
        font-size: 16px;
    }
    .categoriesSection .categoriesCard .iconBox {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 1399.98px) {
    .categoriesSection .header .icon {
        width: 28px;
        height: 28px;
    }
}
@media (max-width: 1199.98px) {
    .categoriesSection .header .icon {
        width: 25px;
        height: 25px;
    }
    .categoriesSection .subCategoriesWrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .categoriesSection .subCategoriesWrapper .categoriesCard .iconBox {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 991.98px) {
    .categoriesSection {
        padding: 50px 0 30px;
        background: #F3F7EC;
    }
    .categoriesSection .header .icon {
        width: 20px;
        height: 20px;
    }
    .categoriesSection .categoriesCard {
        min-height: 95px;
    }
    .categoriesSection .categoriesCard .iconBox,
    .categoriesSection .subCategoriesWrapper .categoriesCard .iconBox {
        width: 45px;
        height: 45px;
    }
    .categoriesSection .categoriesCard .exploreBtn {
        width: 30px;
        height: 30px;
    }
    .categoriesSection .subCategoriesWrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .liveTag {
        font-size: 12px;
        line-height: 22px;
    }
}
@media (min-width: 500px) and (max-width: 766.98px) {
    .categoriesSection .row .col-6:nth-child(odd) {
        padding-right: 6px;
    }
    .categoriesSection .row .col-6:nth-child(even) {
        padding-left: 6px;
    }
}
@media (max-width: 767px) {
    .categoriesSection .col-mb-20 {
        margin-bottom: 15px;
    }
    .categoriesSection .categoriesCard {
        padding: 15px;
    }
    .categoriesSection .categoriesCard:hover {
        top: 0;
    }
    .categoriesSection .subCategoriesWrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .categoriesSection .subCategoriesWrapper .categoriesCard {
        padding: 25px 15px !important;
        border-radius: 10px;
    }
    .categoriesSection .subCategoriesWrapper .categoriesCard .iconBox {
        width: 45px;
        height: 45px;
    }
    .liveTag {
        font-size: 11px;
        line-height: 19px;
        padding-right: 5px;
        padding-left: 15px;
    }
    .liveTag::before {
        width: 5px;
        height: 5px;
        left: 5px;
    }
}
@media (max-width: 575px) {
    .categoriesSection .subCategoriesWrapper {
        grid-gap: 15px;
    }
    .liveTag {
        font-size: 10px;
        line-height: 17px;
    }
}
@media (max-width: 499.98px) {
    .categoriesSection .categoriesCard {
        min-height: 85px;
    }
    .categoriesSection .row .col-6 {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .categoriesSection .subCategoriesWrapper {
        grid-template-columns: 1fr 1fr;
    }
}
.ourStories {
    padding: 100px 0;
    background: #fff;
}
.ourStories .ourStoriesSlider .slick-track {
    padding: 40px 0;
    display: flex;
    margin-bottom: 0 !important;
}
.ourStories .ourStoriesSlider .slick-list {
    padding: 0 25% !important;
}
.ourStories .ourStoriesSlider .slick-slide {
    margin: 0 20px;
    display: flex;
    height: inherit;
}
.ourStories .ourStoriesSlider .sliderItemCard {
    padding: 35px;
    background: #f9f8f9;
    border-radius: 20px;
    height: 100%;
}
.ourStories .ourStoriesSlider .sliderItemCard p {
    font-style: italic;
    font-weight: 400;
}
.ourStories .ourStoriesSlider .sliderItemCard .storiesProfile {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    margin-top: 20px;
}
.ourStories .ourStoriesSlider .sliderItemCard .storiesProfile .photo {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 100%;
}
.ourStories .ourStoriesSlider .sliderItemCard .storiesProfile h5 {
    font-weight: 700;
    color: #3d3d3d;
}
.ourStories .ourStoriesSlider .sliderItemCard .storiesProfile p {
    font-style: inherit;
}
.ourStories .ourStoriesSlider .slick-current .sliderItemCard {
    background: #fff;
    box-shadow: 0 2px 20px 0#e8eff6;
}
@media (max-width: 1699.98px) {
    .ourStories .ourStoriesSlider .slick-list {
        padding: 0 20% !important;
    }
}
@media (max-width: 991.98px) {
    .ourStories .ourStoriesSlider .slick-list {
        padding: 0 15% !important;
    }
    .ourStories .ourStoriesSlider .slick-slide {
        margin: 0 15px;
    }
    .ourStories .ourStoriesSlider .sliderItemCard .storiesProfile .photo {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 766.98px) {
    .ourStories .ourStoriesSlider .slick-list {
        padding: 0 10% !important;
    }
    .ourStories .ourStoriesSlider .slick-slide {
        margin: 0 10px;
    }
    .ourStories .ourStoriesSlider .sliderItemCard {
        padding: 25px;
    }
    .ourStories .ourStoriesSlider .sliderItemCard .storiesProfile {
        grid-gap: 10px;
    }
}
@media (max-width: 574.98px) {
    .ourStories .ourStoriesSlider .slick-list {
        padding: 0 7% !important;
    }
    .ourStories .ourStoriesSlider .slick-slide {
        margin: 0 5px;
    }
    .ourStories .ourStoriesSlider .sliderItemCard .storiesProfile .photo {
        width: 40px;
        height: 40px;
    }
}
.whyChooseUs,
footer {
    padding: 100px 0;
    background: #F3F7EC;
}
@media (max-width: 991.98px) {
    .whyChooseUs {
        padding: 50px 0;
    }
}
.startLearningWrap {
    padding: 100px 0;
    background: #fff;
}
.startLearningWrap .startLearning {
    background: #F3F7EC;
    padding: 60px 0;
    border-radius: 40px;
}
.startLearningWrap .startLearning .primary_btn {
    background: #0fa368;
    padding-right: 60px;
    padding-left: 60px;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    width: fit-content;
    margin: 30px auto 0;
}
.startLearningWrap .startLearning .primary_btn:hover {
    background: #E6B9A6;
}

.cursor-poniter{
    cursor: pointer;
  }
.disabled_btn {
    background: #aaa;
    padding: 10px 17px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    width: fit-content;
    margin: 30px auto 0;
}
.disabled_btn:hover {
    cursor: not-allowed;
    color: #555;
}
@media (max-width: 1399.98px) {
    .startLearningWrap {
        padding: 70px 0;
    }
}
@media (max-width: 991.98px) {
    .startLearningWrap {
        padding: 50px 0;
    }
    .startLearningWrap .startLearning {
        padding: 40px 0;
        border-radius: 20px;
    }
}
footer {
    padding: 80px 0;
}
footer .footerLogo {
    width: fit-content;
    display: flex;
    margin-bottom: 30px;
}
footer h5 {
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}
footer .infoWrap p {
    margin-bottom: 10px;
    line-height: 20px;
    color: #6d737a;
}
footer .infoWrap p a {
    font-weight: 400;
    color: #3d3d3d;
}
footer ul li {
    margin-bottom: 10px;
}
footer ul li a {
    color: #6d737a;
}
footer form .form-group .form-control {
    border: 0;
    background: rgba(255, 255, 255, 0.8);
}
footer .primary_btn {
    margin-top: 15px;
    border: 0;
    box-shadow: none;
    outline: 0;
}
@media (max-width: 991.98px) {
    footer {
        padding: 50px 0;
    }
    footer .mt-5 {
        margin-top: 2rem !important;
    }
}
@media (max-width: 460px) {
    footer .links .col-4 {
        width: 50%;
    }
    footer .links .order-3 {
        margin-top: 2rem !important;
    }
}
@media (max-width: 419.98px) {
    footer .order-lg-1.order-1,
    footer .order-lg-3.order-2 {
        width: 100%;
    }
    footer .links .col-4 {
        width: 50%;
    }
    footer .links .order-3 {
        margin-top: 2rem !important;
    }
}
.innerBanner {
    padding: 75px 0;
    background: #fff;
}
.innerBanner .back {
    color: #000;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
}
.innerBanner .back:hover,
footer h5 {
    color: #E6B9A6;
}
.innerBanner h3 {
    color: #939185;
    font-weight: 500;
}
.innerBanner p {
    font-weight: 500;
}
.innerBanner .attempted {
    margin-top: 20px;
    color: #939185;
}
.innerBanner .breadcrumb {
    margin: 0 0 20px;
}
.innerBanner .breadcrumb .breadcrumb-item,
.innerBanner .breadcrumb .breadcrumb-item a {
    color: #939185;
    font-weight: 600;
    line-height: inherit;
}
.innerBanner .breadcrumb .breadcrumb-item a:hover {
    color: #000;
}
.innerBanner .breadcrumb .breadcrumb-item::before {
    color: #939185;
    content: var(--bs-breadcrumb-divider, ">");
}
.innerBanner .breadcrumb .breadcrumb-item:first-child {
    padding-left: 0;
}
.innerBanner .breadcrumb .breadcrumb-item:first-child::before {
    display: none;
}
@media (min-width: 1400px) {
    .innerBanner h1 {
        font-size: 45px;
    }
}
@media (max-width: 991.98px) {
    .innerBanner {
        padding: 40px 0;
        background: #fff;
    }
    .innerBanner .breadcrumb {
        margin-bottom: 15px;
    }
}
.welcome {
    padding: 90px 0;
    background: #F3F7EC;
}
.welcome p {
    font-style: italic;
}
@media (max-width: 991.98px) {
    .welcome {
        padding: 50px 0;
    }
}
.aboutMore {
    padding: 90px 0;
    position: relative;
}
.aboutMore .textOverlay {
    position: absolute;
    left: 5%;
    top: 150px;
    z-index: 0;
    width: 40%;
}
.aboutMore p {
    padding-top: 15px;
}
.missionAbt {
    padding: 0;
}
.missionAbt .textOverlay {
    left: inherit;
    right: 5%;
    top: 80px;
}
.missionAbt .row {
    flex-direction: row-reverse;
}
.missionAbt .row .justify-content-end {
    justify-content: flex-start !important;
}
@media (max-width: 1199.98px) {
    .aboutMore .textOverlay {
        top: 120px;
    }
    .missionAbt .textOverlay {
        top: 40px;
    }
}
@media (max-width: 991.98px) {
    .aboutMore {
        padding: 50px 0;
    }
    .aboutMore .textOverlay {
        position: absolute;
        left: 1%;
        top: 40px;
        width: 60%;
    }
    .aboutMore .justify-content-end {
        margin-top: 30px;
        justify-content: center !important;
    }
    .missionAbt {
        padding: 10px 0 0;
    }
    .missionAbt .textOverlay {
        position: absolute;
        left: 1%;
        top: 0;
        width: 60%;
    }
    .missionAbt .row .justify-content-end {
        justify-content: center !important;
    }
}
@media (max-width: 766.98px) {
    .aboutMore {
        padding: 50px 0;
    }
    .aboutMore .textOverlay {
        position: absolute;
        left: 5%;
        top: 40px;
        width: 90%;
    }
    .aboutMore .justify-content-end {
        margin-top: 30px;
        justify-content: center !important;
    }
    .missionAbt {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .missionAbt .textOverlay {
        position: absolute;
        left: 5%;
        top: 0;
        width: 90%;
    }
    .missionAbt .row .justify-content-end {
        justify-content: center !important;
    }
}
.login {
    padding: 90px 0;
    background: #fff;
}
.login h2 {
    color: #E6B9A6;
    font-weight: 800;
}
.login form {
    margin-top: 40px;
    padding-bottom: 10px;
}
.contactPage .contactDetails form .form-group label,
.login form .form-group label,
.profileSection form .form-group label {
    font-size: 14px !important;
    margin: 0 0 0 10px;
    padding: 4px 10px;
    background: #fff;
}
.login form .form-group .form-control {
    margin-top: -14px;
}
.login form .form-group .passwordInput {
    padding-right: 50px;
}
.login form .form-group .toggle-password {
    position: absolute;
    cursor: pointer;
    top: 36px;
    right: 20px;
}
.login form .form-group .primary_btn {
    width: 100%;
    box-shadow: none;
    border: 0;
    font-weight: 600;
    letter-spacing: 0.2px;
    min-height: 58px;
}
.login form .form-group .form-check {
    padding: 0;
    display: flex;
    align-items: center;
    grid-gap: 15px;
    margin: 0 0 50px;
}
.login form .form-group .form-check .form-check-input {
    box-shadow: none;
    outline: 0;
    margin: 0 !important;
    padding: 0 !important;
    float: inherit;
    width: 30px;
    height: 30px;
}
.login form .form-group .form-check .form-check-input:focus {
    border-color: #dadbe4;
}
.login form .form-group .form-check .form-check-input:checked[type="checkbox"] {
    background-size: 20px;
}
.login form .form-group .form-check .form-check-input:checked {
    background-color: #E6B9A6;
    border-color: #E6B9A6;
}
.login form .form-group .form-check .form-check-label {
    margin: 0 !important;
    padding: 0 !important;
}
.login form .form-group .form-check .form-check-label p a {
    font-weight: 800;
    color: #E6B9A6;
}
.login .link,
.login form .form-group .form-check .form-check-label p a:hover {
    color: #939185;
}
.login .link {
    text-align: center;
}
.contactPage .contactDetails h2,
.login .link:hover,
.testCard:hover h5 {
    color: #E6B9A6;
}
.verify {
    padding: 50px 0;
}
.verify .otpWrapper {
    background: #F3F7EC;
    padding: 50px 20px;
    border-radius: 20px;
    overflow: hidden;
}
.verify .otpWrapper .otpInputArea {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    justify-content: center;
    width: 425px;
    margin: 0 auto 20px;
}
.verify .otpWrapper .otpInputArea .otpInput {
    border: 1px solid #dcdcdc;
    padding: 0;
    width: 58px;
    text-align: center;
    outline: 0;
    box-shadow: none;
    height: 58px;
    margin: 0;
    border-radius: 8px;
    background: #fff;
}
.verify .otpWrapper .form-group {
    width: 425px;
    margin: 0 auto;
}
.verifyModal {
    z-index: 9992;
    background: 0 0;
}
.verifyModal .btn-close {
    box-shadow: none;
    outline: 0;
}
.verifyModal .modal-content {
    background: #F3F7EC;
    border-radius: 20px;
}
.verifyModal .modal-header {
    background: 0 0;
    border: 0;
    padding: 30px 30px 10px;
}
.verifyModal .modal-body {
    padding: 10px 30px 50px;
}
.verifyModal .otpWrapper {
    padding: 0;
}
@media (min-width: 992px) {
    .verifyModal .modal-dialog {
        max-width: 900px;
    }
}
@media (max-width: 1399.98px) {
    .login form .form-group .primary_btn {
        min-height: 51px;
    }
    .login form .form-group .toggle-password {
        top: 33px;
    }
    .verify .otpWrapper .form-group,
    .verify .otpWrapper .otpInputArea {
        width: 385px;
    }
    .verify .otpWrapper .otpInputArea .otpInput {
        width: 51px;
        height: 51px;
    }
}
@media (max-width: 991.98px) {
    .login {
        padding: 50px 0;
    }
    .login form {
        margin-top: 20px;
    }
    .login form label {
        font-size: 12px !important;
    }
    .login form .form-group .form-check {
        margin-bottom: 25px;
    }
    .login form .form-group .toggle-password {
        top: 32px;
        font-size: 14px;
    }
    .verifyModal .modal-header {
        background: 0 0;
        border: 0;
        padding: 20px 20px 10px;
    }
    .verifyModal .modal-body {
        padding: 10px 20px 30px;
    }
}
@media (max-width: 575px) {
    .verify .otpWrapper .otpInputArea {
        width: 325px;
        grid-gap: 10px;
    }
    .verify .otpWrapper .otpInputArea .otpInput {
        width: 45px;
        height: 45px;
        font-size: 14px;
    }
    .verify .otpWrapper .form-group {
        width: 325px;
    }
    .verify .otpWrapper .form-group .primary_btn {
        min-height: 45px;
    }
}
@media (max-width: 390px) {
    .verify .otpWrapper .form-group,
    .verify .otpWrapper .otpInputArea {
        width: 300px;
    }
    .verify .otpWrapper .otpInputArea .otpInput {
        width: 40px;
        height: 40px;
    }
    .verify .otpWrapper .form-group .primary_btn {
        min-height: 40px;
    }
    .verifyModal .modal-header {
        background: 0 0;
        border: 0;
        padding: 20px 15px 10px;
    }
    .verifyModal .modal-body {
        padding: 10px 15px 30px;
    }
}
.contactPage .contactDetails {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contactPage .contactDetails .info,
.contactPage .contactDetails form {
    margin-top: 30px;
}
.contactPage .contactDetails .info li,
.moreDescription p,
.testWrapperSection .testWrapper h2 {
    margin-bottom: 15px;
}
.contactPage .contactDetails .info li a {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.contactPage .contactDetails .info li a svg {
    width: 35px;
    height: 35px;
}
.contactPage .contactDetails form .form-group .form-control {
    margin-top: -14px;
}
.contactPage .contactDetails form .form-group textarea.form-control,
.profileSection form .form-group textarea.form-control {
    height: 150px;
    resize: none;
}
.contactPage .contactDetails form .form-group .primary_btn {
    width: 100%;
    box-shadow: none;
    border: 0;
    font-weight: 600;
    letter-spacing: 0.2px;
    min-height: 59px;
}
.contactPage .mapWrap {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.contactPage .mapWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 992px) {
    .contactPage .container {
        max-width: calc((100% - 960px) / 2 + 960px) !important;
        margin-right: 0;
        padding-right: 0;
    }
    .contactPage .container .row {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .contactPage .container {
        max-width: calc((100% - 1140px) / 2 + 1140px) !important;
    }
}
@media (min-width: 1400px) {
    .contactPage .container {
        max-width: calc((100% - 1320px) / 2 + 1320px) !important;
    }
}
@media (max-width: 1399.98px) {
    .contactPage .contactDetails form .form-group .primary_btn {
        min-height: 51px;
    }
}
@media (max-width: 991.98px) {
    .contactPage {
        padding-bottom: 50px;
    }
    .contactPage .contactDetails {
        padding: 50px 0 0;
    }
    .contactPage .contactDetails .info li a svg {
        width: 30px;
        height: 30px;
    }
    .contactPage .contactDetails form .form-group .primary_btn {
        min-height: 49px;
    }
    .contactPage .mapWrap {
        min-height: 350px;
        margin-top: 20px;
    }
}
.innerBreadcrumb {
    background: #F3F7EC;
    padding: 24px 0;
}
.innerBreadcrumb .innerBreadcrumbWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.innerBreadcrumb h6 {
    color: #18191c;
    font-weight: 600;
}
.innerBreadcrumb .breadcrumb {
    justify-content: end;
    margin: 0;
    padding: 0;
}
.innerBreadcrumb .breadcrumb .breadcrumb-item {
    font-size: 14px;
    color: #18191c;
}
.careerPage .careerCard .careerDetails p,
.innerBreadcrumb .breadcrumb .breadcrumb-item a {
    font-size: 14px;
    color: #767f8c;
}
.innerBreadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: #18191c;
}
.careerPage {
    padding: 80px 0 60px;
}
.careerPage .findJob .form-group {
    display: flex;
    width: 100%;
    grid-gap: 10px;
    border: 1px solid #ced4da;
    padding: 10px 15px;
    border-radius: 10px;
}
.careerPage .findJob .form-group .form-control {
    border: 0 solid #ced4da;
    padding: 8px 0;
}
.careerPage .findJob .form-group .searchIcon {
    flex-shrink: 0 !important;
    display: flex;
    align-items: center;
}
.careerPage .findJob .form-group .filterBtn {
    flex-shrink: 0 !important;
    padding: 10px 15px;
    border-radius: 8px;
    background: #f1f2f4;
}
.careerPage .findJob .form-group .primary_btn {
    flex-shrink: 0 !important;
    border: 0;
    box-shadow: none;
    outline: 0;
}
.careerPage .careerCard {
    border: 1px solid #e4e5e8;
    box-shadow: 0 2px 18px 0 rgba(24, 25, 28, 0.03);
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    display: block;
}
.careerPage .careerCard h6 {
    font-weight: 600;
}
.careerPage .careerCard .careerDetails {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 15px;
    grid-row-gap: 10px;
    margin-top: 15px;
}
.careerPage .careerCard .careerDetails .tag {
    padding: 5px 9px;
    font-size: 14px;
    color: #0ba02c;
    background: var(--success-50, #e7f6ea);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
}
.careerPage .careerCard:hover {
    color: #E6B9A6;
    background: #F3F7EC;
}
@media (max-width: 991.98px) {
    .careerPage {
        padding: 50px 0 30px;
    }
}
@media (max-width: 766.98px) {
    .careerPage .findJob .form-group .filterBtn svg {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 575px) {
    .careerPage .findJob .form-group {
        padding: 10px;
    }
    .careerPage .findJob .form-group .searchIcon svg {
        width: 20px;
        height: 20px;
    }
}
.testSection {
    background: #fff;
    padding: 0 0 80px;
}
.testSection .tabWrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    grid-gap: 15px;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 15px;
}
.testSection .tabWrapper .tag {
    flex-wrap: nowrap;
    display: block;
    min-width: inherit;
    padding: 10px 30px;
    background: #fff;
    border: 2px solid #f4f4f4;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}
.testCard,
.testSection .tabWrapper .tag,
.testSection .tabWrapper .tag p {
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.testSection .tabWrapper .tag p {
    color: #000;
}
.testSection .tabWrapper .active,
.testSection .tabWrapper .tag:hover {
    border: 2px solid #E6B9A6;
    background: #E6B9A6;
}
.testSection .tabWrapper .active p,
.testSection .tabWrapper .tag:hover p {
    color: #fff;
}
.testSection .col-mb-20 {
    margin-bottom: 25px;
}
.testCard {
    padding: 30px 0 0;
    border: 2px solid #E6B9A6;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    top: 0;
}
.testCard .wrap,
.testCard ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testCard .wrap {
    width: 100%;
    padding: 0 30px 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
    grid-gap: 20px;
}
.testCard .wrap p.quiz {
    font-size: 14px;
    line-height: 16px;
    text-align: end;
    color: red;
}
.testCard .expiry,
.testCard h6 {
    margin-top: 10px;
    color: #3d3d3d;
}
.testCard h5,
.testCard h6 {
    font-weight: 600;
    color: #21212f;
}
.testCard ul {
    padding: 0 30px;
    width: 100%;
    margin-bottom: 20px;
}
.testCard ul li {
    margin-bottom: 12px;
}
.testCard ul li p {
    color: #3d3d3d;
    font-weight: 500;
}
.markList .markCard ul li:last-child,
.testCard ul li:last-child {
    margin-bottom: 0;
}
.testCard .btnShow {
    width: 100%;
}
.testCard .btnShow .primary_btn {
    border-radius: 0;
    width: 100%;
    padding: 18px;
    border: 0;
    background: #E6B9A6;
    cursor: pointer;
}
.materialsCard .btnShow .previewBtn,
.testCard .btnShow .primary_btn:hover,
.testCard:hover .primary_btn {
    background: #21212f;
}
.testCard:hover {
    border-color: #21212f;
    background: #F3F7EC;
    top: -5px;
}
.materialsCard .wrap {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 30px;
}
.materialsCard .btnShow {
    display: flex;
}
.materialsCard .btnShow .primary_btn {
    width: 100%;
    grid-gap: 10px;
}
.materialsCard:hover .btnShow .previewBtn,
.testCanvas,
.testCanvas .offcanvas-body .testCard:hover .primary_btn {
    background: #E6B9A6;
}
.testCanvas {
    z-index: 9992;
    width: 480px;
    border-left: 0;
}
.testCanvas .btn-close {
    box-shadow: none;
    outline: 0;
    opacity: 1;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;
}
.paymentBox ul li,
.testCanvas .offcanvas-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.testCanvas .offcanvas-body .testCard {
    max-width: 410px;
    height: auto;
    background: #F3F7EC;
    border: 0;
}
.testCanvas .offcanvas-body .testCard .wrap,
.testCanvas .offcanvas-body .testCard ul {
    padding-right: 20px;
    padding-left: 20px;
}
.testCanvas .offcanvas-body .testCard .btnShow {
    padding: 20px;
    border-top: 1px solid #c7d2e3;
}
.testCanvas .offcanvas-body .testCard:hover {
    top: 0;
    border: 0;
}
.testCanvas .offcanvas-body .testCard .primary_btn {
    border-radius: 8px;
}
.testCanvas .offcanvas-body .testCard .primary_btn:hover {
    background: #21212f;
}
.modal-backdrop {
    z-index: 9991;
}
@media (min-width: 525px) and (max-width: 767px) {
    .testSection .col-6.filter:nth-child(even) {
        padding-right: 8px;
    }
    .testSection .col-6.filter:nth-child(odd) {
        padding-left: 8px;
    }
}
@media (max-width: 767px) {
    .testSection .tabWrapper {
        margin-bottom: 30px;
    }
    .testSection .col-mb-20 {
        margin-bottom: 15px;
    }
    .testCard {
        padding: 20px 0 0;
    }
    .testCanvas .offcanvas-body .testCard .wrap,
    .testCard .wrap {
        padding: 0 15px 15px;
    }
    .testCard ul {
        padding: 0 15px;
    }
    .testCard:hover {
        top: 0;
    }
    .testCanvas .offcanvas-body .testCard .btnShow,
    .testCanvas .offcanvas-body .testCard ul {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 525px) {
    .testSection .col-6.filter {
        width: 100%;
    }
    .testSection .materialsCard {
        min-height: 150px;
    }
}
.paymentBox,
.paymentBox ul {
    width: 100%;
}
.paymentBox ul li {
    width: 100%;
    justify-content: space-between;
    grid-gap: 15px;
    padding: 10px 0;
}
.paymentBox ul li p {
    color: #3d3d3d;
}
.paymentBox ul li p:nth-child(2) {
    color: #E6B9A6;
    font-weight: 700;
    flex-shrink: 0 !important;
}
.paymentBox .totalArea {
    margin-top: 15px;
    border-top: 1px solid #f4f4f4;
    padding: 30px 0 0;
}
.paymentBox .totalArea .primary_btn {
    min-height: 55px;
    background: #E6B9A6;
}
.paymentBox .totalArea .primary_btn:hover {
    background: green;
}
@media (max-width: 991.98px) {
    .paymentBox {
        padding-bottom: 20px;
    }
    .paymentBox ul li p {
        font-size: 15px;
    }
    .paymentBox .totalArea {
        padding: 10px 0 0;
    }
    .paymentBox .totalArea .primary_btn {
        margin-top: 10px;
        min-height: 45px;
    }
}
.liveTestSection {
    background: #F3F7EC;
    padding: 100px 0 80px;
}
.liveTestSection .testCard {
    border: 0;
    background: #fff;
}
.liveTestSection embed,
.liveTestSection iframe,
.previewPdf embed,
.previewPdf iframe {
    width: 100%;
    height: 600px;
}
.previewPdf {
    z-index: 9992;
}
.previewPdf .modal-dialog {
    max-width: 750px;
}
.previewPdf .modal-dialog .modal-header {
    padding: 30px;
    border-bottom: 0;
}
.previewPdf .modal-dialog .modal-body {
    padding: 0 30px 30px;
}
@media (max-width: 991.98px) {
    .liveTestSection {
        padding: 40px 0 30px;
    }
    .previewPdf .modal-dialog .modal-header {
        padding: 30px 15px;
    }
    .previewPdf .modal-dialog .modal-body {
        padding: 0 0 30px;
    }
}
@media (min-width: 525px) and (max-width: 767px) {
    .liveTestSection .col-6.col-mb-20:nth-child(odd) {
        padding-right: 8px;
    }
    .liveTestSection .col-6.col-mb-20:nth-child(even) {
        padding-left: 8px;
    }
}
@media (max-width: 525px) {
    .liveTestSection .col-6.col-mb-20 {
        width: 100%;
    }
}
.markList {
    padding: 80px 0;
    background: #F3F7EC;
}
.markList .markCard {
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #fff;
    border-radius: 20px;
}
.markList .markCard .markCardHead {
    width: 100%;
    border-bottom: 1px solid #afafaf;
    padding: 0 30px 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.markList .markCard .markCardHead .markCircle {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    border: 10px solid #0fa368;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.markList .markCard .markCardHead .markCircle h1 {
    color: #0fa368;
}
.markList .markCard .markCardHead .markCircle h6 {
    margin: 0;
    padding: 0;
    color: #000;
}
.markList .markCard ul {
    padding: 0 30px;
    width: 100%;
}
.markList .markCard ul li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.markList .markCard ul li p {
    color: #3d3d3d;
    font-weight: 500;
}
.markList .markCard .markBtn {
    margin: 30px 0 0;
    padding: 0 30px;
}
.markList .markCard .markBtn .primary_btn {
    min-height: 45px;
}
@media (max-width: 766.98px) {
    .markList {
        padding: 40px 0;
    }
    .markList .markCard {
        padding: 30px 0;
    }
    .markList .markCard .markCardHead {
        padding: 0 20px 20px;
        margin-bottom: 20px;
    }
    .markList .markCard .markCardHead .markCircle {
        width: 130px;
        height: 130px;
        border: 7px solid #0fa368;
    }
    .markList .markCard .markBtn,
    .markList .markCard ul {
        padding: 0 20px;
    }
}
.answer {
    padding: 60px 0;
}
.answer h2 {
    margin-bottom: 40px;
}
.answer .item {
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
    padding-top: 25px;
}
.answer .item .questionImage {
    width: 350px;
    margin-top: 10px;
    margin-bottom: 15px;
    cursor: pointer;
}
.answer .item ul {
    margin-top: 25px;
    margin-left: 15px;
}
.answer .item ul li {
    padding-left: 10px;
    margin-bottom: 10px;
    list-style: decimal;
}
.answer .item .solutions .questionImage,
.answer .item ul li .questionImage {
    width: 200px;
    margin-bottom: 20px;
    margin-top: 7px;
    cursor: pointer;
}
.answer .item .solutions .questionImage img,
.answer .item ul li .questionImage img {
    width: 200px;
}
.answer .item ul .answer,
.answer .item ul .wrongAnswer {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    grid-gap: 10px;
}
.answer .item ul .answer::before,
.answer .item ul .wrongAnswer::before {
    width: 16px;
    height: 16px;
    content: "";
    background-size: 15px;
    top: 6px;
    position: relative;
    left: 0;
    flex-shrink: 0 !important;
}
.answer .item ul .answer::before {
    background: url(../images/tickMark.png) center no-repeat;
}
.answer .item ul .wrongAnswer::before {
    background: url(../images/wrongAnswer.svg) center no-repeat;
}
.answer .item .solutions {
    margin-top: 20px;
    background: #F3F7EC;
    padding: 20px;
    border-radius: 5px;
}
.answer .item .solutions h6 {
    font-weight: 600;
    margin-bottom: 20px;
}
.answer .item:last-child {
    border-bottom: 0;
}
@media (max-width: 767px) {
    .answer .item .questionImage {
        width: 150px !important;
    }
    .answer .item .solutions .questionImage,
    .answer .item .solutions .questionImage img,
    .answer .item ul li .questionImage,
    .answer .item ul li .questionImage img {
        width: 100px !important;
    }
    .answer .item .solutions {
        padding: 10px;
    }
}
.testWrapperSection {
    padding: 30px 0 0;
    background: #F3F7EC;
    background: #fff;
    position: relative;
}
.testWrapperSection .line {
    position: absolute;
    top: 104px;
    width: 100%;
    height: 1px;
    background: #c5d1e3;
}
.testWrapperSection .testSectionHead {
    min-height: 75px;
    border-bottom: 1px solid #c5d1e3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
}
.testWrapperSection .testSectionHead .btnsLeft {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: 15px;
}
.testWrapperSection .testSectionHead .btnsLeft .primary_btn {
    width: fit-content;
    padding: 9px 15px;
    border-radius: 5px;
    background: 0 0;
    color: #E6B9A6;
    border: 2px solid #E6B9A6;
    font-weight: 500;
    font-size: 14px;
}
.profileSection .profileNav li a:hover,
.testWrapperSection .testSectionHead .btnsLeft .primary_btn:hover {
    background: #E6B9A6;
    color: #fff;
}
.testWrapperSection .testSectionHead h6 {
    font-weight: 600;
    color: #E6B9A6;
}
.testWrapperSection .testSectionHead h6 span {
    color: red;
    margin-left: 10px;
}
.testWrapperSection .testSectionHead .timeWrap {
    width: 100%;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}
.testWrapperSection .testSectionHead .timeWrap p {
    font-weight: 600;
    color: #E6B9A6;
    flex-shrink: 0 !important;
    line-height: 19px;
}
.testWrapperSection .testSectionHead .timeWrap p button {
    width: 30px;
    height: 30px;
    background: url(../images/testPlay.png) center;
    background-size: 30px;
    border-radius: 100%;
    border: 0;
    box-shadow: none;
}
.testWrapperSection .testSectionHead .timeWrap p button#pause {
    background: url(../images/testPause.png) center;
    background-size: 30px;
}
.testWrapperSection .testSectionHead .timeWrap #timerApp {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testWrapperSection .testWrapper {
    margin-top: 50px;
    padding-bottom: 80px;
}
.testWrapperSection .testWrapper .questionImage {
    width: 350px;
    margin-bottom: 15px;
    cursor: pointer;
}
.testWrapperSection .testWrapper form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.testWrapperSection .testWrapper .title {
    color: #E6B9A6;
    font-weight: 600;
    margin-bottom: 25px;
}
.testWrapperSection .testWrapper .formBox {
    margin-top: 30px;
}
.testWrapperSection .testWrapper .formBox .form-group .form-check {
    border: 1px solid #dadbe4;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    grid-gap: 15px;
    margin: 0 0 20px;
}
.testWrapperSection
    .testWrapper
    .formBox
    .form-group
    .form-check
    .form-check-input {
    margin: 0;
    padding: 0;
    box-shadow: none;
    outline: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    flex-shrink: 0 !important;
    float: inherit;
}
.testWrapperSection
    .testWrapper
    .formBox
    .form-group
    .form-check
    .form-check-input:checked {
    background: #fff;
    border-color: #E6B9A6;
}
.testWrapperSection
    .testWrapper
    .formBox
    .form-group
    .form-check
    .form-check-input:checked::after {
    position: absolute;
    width: 11px;
    height: 11px;
    content: "";
    border-radius: 100%;
    background: #E6B9A6;
}
.testWrapperSection
    .testWrapper
    .formBox
    .form-group
    .form-check
    .form-check-label {
    margin: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    min-height: 55px;
    display: flex;
    align-items: center;
}
.testWrapperSection
    .testWrapper
    .formBox
    .form-group
    .form-check
    .form-check-label
    .questionImage {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 0;
    cursor: pointer;
}
.testWrapperSection .testWrapper .formBox .form-group .primary_btn {
    border: 0;
    box-shadow: none;
    outline: 0;
}
.testWrapperSection .testWrapper .formBox .form-group .primary_btn:hover {
    background: green;
}
.testWrapperSection .testWrapper .markClearSaveWrap {
    display: flex;
    grid-gap: 15px;
    flex-wrap: wrap;
    margin-top: 40px;
}
.testWrapperSection .testWrapper .markClearSaveWrap .markClearWrap {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}
.testWrapperSection .testWrapper .markClearSaveWrap .markClearWrap .markClear {
    margin: 0;
    box-shadow: none;
    outline: 0;
    padding: 12px 15px;
    background: #fff;
    border: 2px solid #E6B9A6;
    border-radius: 6px;
    font-size: 15px;
    line-height: 20px;
}
.testWrapperSection
    .testWrapper
    .markClearSaveWrap
    .markClearWrap
    .markClear:hover {
    background: #5f28b9;
    color: #fff;
    border-color: #5f28b9;
}
.testWrapperSection
    .testWrapper
    .markClearSaveWrap
    .markClearWrap
    .clearResponse:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.testWrapperSection .testWrapper .markClearSaveWrap .markClearWrap .fill {
    background: #5f28b9 !important;
    color: #fff;
}
.testWrapperSection .testWrapper .pagination {
    width: fit-content;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 25px;
}
.testWrapperSection .testWrapper .pagination .d-flex {
    grid-gap: 15px;
}
.testWrapperSection .testWrapper .pagination .primary_btn {
    padding-left: 35px;
    padding-right: 35px;
    border: 0;
    box-shadow: none;
    outline: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 6px;
    min-height: 48px;
}
.testWrapperSection .testWrapper .pagination .primary_btn:disabled {
    display: none !important;
}
.testWrapperSection .testWrapper .pagination .pauseExit {
    background: #f14747;
}
.testWrapperSection .testWrapper .pagination .pauseExit:hover {
    background: #cf2929;
}
.testWrapperSection .testWrapper .pagination .finishExam {
    background: green;
}
.testWrapperSection .testWrapper .pagination .finishExam:hover {
    background: #006400;
}
.testWrapperSection .testWrapper .pagination .rightMenu {
    display: none;
}
.testWrapperSection .rightWrap {
    background: #e8eff6;
    padding: 0;
}
.testWrapperSection .rightWrap .testSectionHead {
    padding: 0 20px;
}
.testWrapperSection .rightWrap .identifyWithColor {
    margin-top: 50px;
    padding: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-row-gap: 20px;
    flex-wrap: wrap;
}
.testWrapperSection .rightWrap .identifyWithColor .item {
    padding: 0 20px;
    width: 50%;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}
.testWrapperSection .rightWrap .identifyWithColor .item .box {
    flex-shrink: 0 !important;
    width: 40px;
    height: 40px;
    background: #28b976;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.testWrapperSection .rightWrap .identifyWithColor .item .box p {
    position: relative;
    z-index: 2;
    color: #fff;
}
.testWrapperSection .rightWrap .identifyWithColor .item .unanswered {
    background: #f14747;
}
.testWrapperSection .rightWrap .identifyWithColor .item .marked {
    background: #5f28b9;
}
.testWrapperSection .rightWrap .identifyWithColor .item .answeredMarked {
    background: #5f28b9;
    position: relative;
}
.testWrapperSection
    .rightWrap
    .identifyWithColor
    .item
    .answeredMarked::before {
    position: absolute;
    background: #28b976;
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}
.testWrapperSection .rightWrap .identifyWithColor .item p.title {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 16px;
    display: flex;
    flex-wrap: wrap;
}
.testWrapperSection .rightWrap .sectionHead {
    background: #939185;
    padding: 20px;
    margin-bottom: 30px;
}
.testWrapperSection .rightWrap .sectionHead p {
    color: #fff;
}
.testWrapperSection .rightWrap .pagination {
    padding: 0 20px;
}
.testWrapperSection .rightWrap .pagination .pages {
    width: 100%;
    display: flex;
    grid-gap: 15px;
    flex-wrap: wrap;
}
.testWrapperSection .rightWrap .pagination .pages .page-number {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f14747;
    font-size: 14px;
    color: #fff;
    border: 1px solid #f14747;
    height: 45px;
    width: 45px;
    border-radius: 6px;
    cursor: pointer;
}
.testWrapperSection .rightWrap .pagination .pages .answered {
    background: #28b976;
    border: 1px solid #28b976;
    color: #fff;
}
.testWrapperSection .rightWrap .pagination .pages .markReview {
    background: #5f28b9;
    border: 1px solid #5f28b9;
    color: #fff;
}
.testWrapperSection .rightWrap .pagination .pages .answeredMarked {
    background: linear-gradient(left, #5f28b9 50%, #5f28b9 50%);
    background: linear-gradient(to right, #28b976 50%, #5f28b9 50%);
    border: 1px solid #e8eff6;
}
.testWrapperSection .mobileCanvas {
    z-index: 9992 !important;
}
.instructionsModal {
    z-index: 9992;
}
.instructionsModal .btn-close {
    box-shadow: none;
    outline: 0;
}
.instructionsModal .modal-header {
    padding: 30px 30px 15px;
}
.instructionsModal .modal-body {
    padding: 15px 30px 45px;
}
.instructionsModal .modal-body ul li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 15px;
    padding-left: 10px;
}
@media (max-width: 776px) {
    .instructionsModal .modal-header {
        padding: 20px 20px 15px;
    }
    .instructionsModal .modal-body {
        padding: 15px 20px 35px;
    }
    .instructionsModal .modal-body ul li {
        font-size: 14px;
    }
}
@media (min-width: 992px) and (max-width: 1499.98px) {
    .testWrapperSection .rightWrap .identifyWithColor .item .box {
        width: 30px;
        height: 30px;
    }
    .testWrapperSection .rightWrap .identifyWithColor .item p,
    .testWrapperSection .rightWrap .identifyWithColor .item p.title {
        font-size: 12px;
    }
    .testWrapperSection .rightWrap .pagination .pages .page-number {
        height: 38px;
        width: 38px;
    }
}
@media (min-width: 576px) {
    .instructionsModal .modal-dialog {
        width: auto;
        max-width: 95%;
    }
}
@media (min-width: 767px) {
    .instructionsModal .modal-dialog {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .instructionsModal .modal-dialog {
        max-width: 900px;
    }
    .testWrapperSection .container {
        max-width: calc((100% - 960px) / 2 + 960px) !important;
        margin-right: 0;
        padding-right: 0;
    }
    .testWrapperSection .container .row {
        margin-right: 0;
    }
    .testWrapperSection .rightWrap .mobileCanvas {
        background: 0 0;
        position: relative;
        visibility: visible;
        transform: none;
        height: auto;
        border: 0;
        padding-bottom: 50px;
    }
    .testWrapperSection .rightWrap .mobileCanvas .offcanvas-header {
        display: none;
    }
    .testWrapperSection .rightWrap .mobileCanvas .offcanvas-body {
        padding: 0;
    }
}
@media (min-width: 1200px) {
    .testWrapperSection .container {
        max-width: calc((100% - 1140px) / 2 + 1140px) !important;
    }
}
@media (min-width: 1400px) {
    .testWrapperSection .container {
        max-width: calc((100% - 1320px) / 2 + 1320px) !important;
    }
}
@media (max-width: 1299.98px) {
    .testWrapperSection .rightWrap .identifyWithColor {
        margin-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 1199.98px) {
    .testWrapperSection
        .testWrapper
        .markClearSaveWrap
        .markClearWrap
        .markClear {
        padding: 10px;
        font-size: 13px;
    }
    .testWrapperSection .testWrapper .pagination .primary_btn {
        min-height: 44px;
        padding: 10px 15px;
        font-size: 13px;
    }
}
@media (max-width: 991.98px) {
    .testWrapperSection {
        padding: 10px 0 0;
    }
    .testWrapperSection .line {
        top: 135px;
    }
    .testWrapperSection .row {
        flex-direction: column-reverse;
    }
    .testWrapperSection .testSectionHead {
        border: 0;
    }
    .testWrapperSection .testWrapper {
        position: relative;
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .testWrapperSection .testWrapper form {
        position: relative;
    }
    .testWrapperSection .testWrapper .markClearSaveWrap {
        margin-top: 30px;
    }
    .testWrapperSection
        .testWrapper
        .markClearSaveWrap
        .markClearWrap
        .markClear {
        font-size: 13px;
        padding: 10px;
    }
    .testWrapperSection .testWrapper .formBox .form-group .primary_btn {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 15px;
    }
    .testWrapperSection .testWrapper .pagination {
        margin-top: 10px;
        padding-bottom: 0;
    }
    .testWrapperSection .testWrapper .pagination .primary_btn {
        font-size: 13px;
        padding: 10px;
        min-height: 44px;
    }
    .testWrapperSection .testWrapper .pagination .rightMenu {
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .testWrapperSection .testWrapper .pagination .rightMenu svg {
        width: 20px;
        height: 20px;
    }
    .testWrapperSection .rightWrap .testSectionHead {
        border: 0;
        min-height: 50px;
        padding-right: 12px;
        padding-left: 12px;
    }
    .testWrapperSection .rightWrap .testSectionHead .timeWrap p {
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .testWrapperSection .rightWrap .identifyWithColor {
        margin-top: 0;
    }
    .testWrapperSection .rightWrap .identifyWithColor .item {
        width: 25%;
    }
    .testWrapperSection .rightWrap .identifyWithColor .item p {
        word-break: inherit;
    }
    .testWrapperSection .mobileCanvas {
        z-index: 9992 !important;
        height: 80vh;
        background: #F3F7EC;
    }
    .testWrapperSection .mobileCanvas .offcanvas-header {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .testWrapperSection .mobileCanvas .offcanvas-body {
        padding-right: 0;
        padding-left: 0;
        padding-top: 20px;
    }
    .testWrapperSection .mobileCanvas .btn-close {
        box-shadow: none;
        outline: 0;
    }
}
@media (max-width: 767px) {
    .testWrapperSection .testSectionHead .btnsLeft {
        grid-gap: 10px;
    }
    .testWrapperSection .testSectionHead .btnsLeft .primary_btn {
        font-size: 12px;
        padding: 7px 12px;
    }
    .testWrapperSection .testWrapper {
        padding-bottom: 0;
    }
    .testWrapperSection .testWrapper .questionImage {
        width: 150px;
    }
    .testWrapperSection .testWrapper .formBox,
    .testWrapperSection .testWrapper .markClearSaveWrap {
        margin-top: 20px;
    }
    .testWrapperSection .testWrapper .formBox .form-group .form-check {
        grid-gap: 10px;
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .testWrapperSection
        .testWrapper
        .formBox
        .form-group
        .form-check
        .form-check-input,
    .testWrapperSection .testWrapper .pagination .rightMenu svg {
        width: 20px;
        height: 20px;
    }
    .testWrapperSection
        .testWrapper
        .formBox
        .form-group
        .form-check
        .form-check-label {
        min-height: 45px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .testWrapperSection
        .testWrapper
        .formBox
        .form-group
        .form-check
        .form-check-label
        .questionImage {
        width: 100px;
    }
    .testWrapperSection .testWrapper .formBox .form-group .primary_btn,
    .testWrapperSection
        .testWrapper
        .markClearSaveWrap
        .markClearWrap
        .markClear {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 14px;
    }
    .testWrapperSection .testWrapper .pagination {
        margin-top: 0;
        grid-gap: 15px;
    }
    .testWrapperSection .testWrapper .pagination .d-flex {
        grid-gap: 15px;
    }
    .testWrapperSection .testWrapper .pagination .primary_btn {
        font-size: 13px;
        line-height: 15px;
        padding: 10px 25px;
        min-height: 39px;
    }
    .testWrapperSection .testWrapper .pagination .rightMenu {
        width: 39px;
        height: 39px;
        padding: 0;
    }
    .testWrapperSection .testWrapper .bottomFixBar {
        margin-top: 20px;
        width: 100%;
        bottom: 0;
        background: #F3F7EC;
        background: #d1d9e9;
    }
    .testWrapperSection .testWrapper .bottomFixBar .rightMenu {
        margin-left: auto;
        margin-right: 0;
    }
    .testWrapperSection .testWrapper .btnsBoxWrap {
        flex-direction: column;
        grid-gap: 15px;
    }
    .testWrapperSection
        .testWrapper
        .btnsBoxWrap
        .bottomFixBar
        .d-flex
        .pauseExit,
    .testWrapperSection .testWrapper .btnsBoxWrap .markClearWrap .markClear {
        width: 144px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .testWrapperSection .testWrapper .btnsBoxWrap .bottomFixBar {
        padding-bottom: 50px;
        background: 0 0;
    }
    .testWrapperSection .testWrapper .btnsBoxWrap .bottomFixBar .d-flex {
        width: 100%;
    }
    .testWrapperSection .rightWrap .identifyWithColor .item {
        width: 33.33%;
    }
}
@media (max-width: 575px) {
    .testWrapperSection .testWrapper .markClearSaveWrap {
        margin-top: 15px;
    }
    .testWrapperSection .testWrapper .markClearSaveWrap .markClearWrap {
        align-items: inherit;
    }
    .testWrapperSection
        .testWrapper
        .markClearSaveWrap
        .markClearWrap
        .markClear {
        min-width: 135px;
        width: fit-content;
        text-align: center;
    }
    .testWrapperSection .testWrapper form .form-group {
        margin-bottom: 15px;
    }
    .testWrapperSection
        .testWrapper
        .formBox
        .form-group
        .form-check
        .form-check-input {
        width: 18px;
        height: 18px;
    }
    .testWrapperSection
        .testWrapper
        .formBox
        .form-group
        .form-check
        .form-check-input:checked::after {
        width: 8px;
        height: 8px;
    }
    .testWrapperSection .testWrapper .pagination {
        flex-direction: column;
        align-items: start;
    }
    .testWrapperSection .testWrapper .pagination .pauseExit {
        font-size: 12px;
    }
    .testWrapperSection .testWrapper .pagination .bottomFixBar {
        width: 100%;
        justify-content: space-between;
        bottom: 0;
    }
    .testWrapperSection .rightWrap .identifyWithColor .item {
        width: 50%;
    }
}
@media (max-width: 420px) {
    .testWrapperSection
        .testWrapper
        .btnsBoxWrap
        .bottomFixBar
        .d-flex
        .pauseExit {
        width: 124px;
        padding: 10px;
    }
    .testWrapperSection .testWrapper .markClearSaveWrap {
        flex-direction: column;
        grid-row-gap: 15px;
    }
    .testWrapperSection .testWrapper .markClearSaveWrap .markClearWrap,
    .testWrapperSection .testWrapper .pagination .d-flex {
        width: 100%;
        justify-content: space-between;
    }
    .testWrapperSection .testWrapper .formBox .form-group .primary_btn {
        width: 100%;
        min-height: 50px;
    }
    .testWrapperSection .testWrapper .pagination {
        flex-direction: column;
    }
}
@media (max-width: 400px) {
    .testWrapperSection .line {
        top: 154px;
    }
    .testWrapperSection .rightWrap .testSectionHead {
        flex-direction: row;
        align-items: center;
    }
    .testWrapperSection .testSectionHead {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        min-height: 85px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .testWrapperSection .testSectionHead .btnsLeft {
        width: 100%;
        justify-content: space-between;
    }
}
.faq {
    padding: 80px 0;
}
.faq .accordion .accordion-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.faq .accordion .accordion-item .accordion-header .accordion-button {
    padding-left: 0;
    box-shadow: none;
    outline: 0;
    font-weight: 600;
}
.faq
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background: 0 0;
    color: #3d3d3d;
}
.faq
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.faq .accordion .accordion-item .accordion-collapse p {
    margin-bottom: 10px;
}
.faq .accordion .accordion-item .accordion-collapse p:last-child {
    margin-bottom: 0;
}
.faq .accordion .accordion-item .accordion-collapse ul {
    margin-bottom: 10px;
    margin-left: 15px;
}
.faq .accordion .accordion-item .accordion-collapse ul li {
    margin-bottom: 7px;
    list-style: disc;
}
.faq .accordion .accordion-item .accordion-body {
    padding-left: 0;
}
.faq .accordion .accordion-item:last-child,
.profileSection .profileDetailsCard ul.profileInfo li:last-child a {
    border-bottom: 0;
}
@media (max-width: 991.98px) {
    .faq {
        padding: 40px 0;
    }
}
.profileSection {
    padding: 80px 0;
}
.profileSection .profileNav {
    background: #F3F7EC;
    background: #d0e0ff;
    width: 100%;
}
.profileSection .profileNav li {
    width: 100%;
    border-bottom: 1px solid #fff;
}
.profileSection .profileNav li a {
    display: flex;
    padding: 15px;
    color: #000;
}
.profileSection .profileNav li .active {
    background: #E6B9A6;
    color: #fff;
}
.profileSection h4 {
    font-weight: 600;
    color: #000;
}
.profileSection .profileDetailsCard {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 16px 0 rgba(197, 197, 197, 0.25);
    margin-top: 30px;
}
.profileSection .editCardHead,
.profileSection .profileDetailsCard .profileHead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.profileSection .profileDetailsCard .profileHead .profilePhoto .photo {
    position: relative;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.profileSection .profileDetailsCard .profileHead .profilePhoto .photo .img-bg {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 2;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
.profileSection .profileDetailsCard .profileHead .profilePhoto .photo .icon {
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 3;
}
.profileSection .editCardHead .primary_btn,
.profileSection .profileDetailsCard .profileHead .primary_btn {
    border-radius: 50px;
    text-transform: inherit;
    padding: 10px 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
    background: #E6B9A6;
    color: #fff;
    border: 0;
}
.profileSection .profileDetailsCard .profileHead .primary_btn {
    display: flex;
    align-items: center;
    grid-gap: 8px;
}
.profileSection .editCardHead .primary_btn:hover,
.profileSection .profileDetailsCard .profileHead .primary_btn:hover {
    background: #000;
    color: #fff;
}
.profileSection .profileDetailsCard ul.profileInfo {
    margin-top: 20px;
}
.profileSection .profileDetailsCard ul.profileInfo li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
    border-bottom: 1px solid #f4f4f4;
    padding-right: 30px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px;
}
.profileSection .profileDetailsCard ul.profileInfo li a p {
    font-size: 14px;
    color: #000;
}
.profileSection .profileDetailsCard ul.profileInfo li a h5 {
    font-weight: 700;
    color: #000;
    word-break: break-all;
}
.profileSection .editCardHead {
    width: 100%;
    align-items: start;
    grid-gap: 20px;
    flex-wrap: wrap;
}
.profileSection .editCardHead .primary_btn {
    box-shadow: none;
}
.profileSection .formBody,
.profileSection .historyCard {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 16px 0 rgba(197, 197, 197, 0.25);
}
.profileSection .formBody {
    margin-top: 30px;
    padding: 30px 25px;
}
.profileSection form .form-group .form-control {
    margin-top: -14px;
}
.profileSection form .form-group .primary_btn {
    width: 100%;
    box-shadow: none;
    border: 0;
    font-weight: 600;
    letter-spacing: 0.2px;
    min-height: 59px;
}
.profileSection .historyCard {
    padding: 25px;
    border: 2px solid #E6B9A6;
    margin-bottom: 20px;
}
.profileSection .historyCard .tag {
    background: #F3F7EC;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
    width: fit-content;
    min-width: 80px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 15px;
}
.profileSection .historyCard h5 {
    font-weight: 600;
    color: #3d3d3d;
}
.profileSection .historyCard h6 {
    margin-top: 10px;
    font-weight: 600;
    color: #3d3d3d;
}
.profileSection .historyCard .expiry {
    margin-top: 10px;
    color: #939185;
}
.profileSection .historyCard:first-child {
    margin-top: 30px;
}
@media (max-width: 1199.98px) {
    .profileSection
        .profileDetailsCard
        .profileHead
        .profilePhoto
        .photo
        .img-bg {
        width: 110px;
        height: 110px;
    }
    .profileSection
        .profileDetailsCard
        .profileHead
        .profilePhoto
        .photo
        .icon
        svg {
        width: 50px;
        height: 50px;
    }
    .profileSection .profileDetailsCard ul.profileInfo li a h5 {
        font-weight: 600;
        letter-spacing: 0;
    }
}
@media (max-width: 991.98px) {
    .profileSection {
        padding: 40px 0;
    }
    .profileSection .formBody,
    .profileSection .profileDetailsCard {
        padding: 25px 15px;
    }
    .profileSection .historyCard {
        padding: 20px 15px;
    }
}
@media (max-width: 767px) {
    .profileSection .profileNav {
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }
    .profileSection .profileNav li {
        border-right: 1px solid #fff;
        border-bottom: 0;
    }
    .profileSection .profileNav li a {
        padding: 10px 18px;
        justify-content: center;
        display: flex;
    }
    .profileSection .editCardHead {
        align-items: center;
    }
}
.moreDescription {
    padding: 80px 0 60px;
}
.moreDescription h4 {
    font-weight: 600;
    margin-bottom: 20px;
}
.moreDescription ul {
    margin-bottom: 15px;
    margin-left: 15px;
}
.moreDescription ul li {
    margin-bottom: 10px;
    list-style: disc;
}
@media (max-width: 991.98px) {
    .moreDescription {
        padding: 50px 0 30px;
    }
}
.header {
    color: #21212f;
    margin-bottom: 15px;
}
.fw-Regular {
    font-weight: 400 !important;
}
.fw-Medium {
    font-weight: 500 !important;
}
.fw-SemiBold {
    font-weight: 600 !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.fw-ExtraBold {
    font-weight: 800 !important;
}
.fw-Black {
    font-weight: 900 !important;
}
.primary_btn {
    margin: 0;
    padding: 12px 25px;
    background: #2F3645;
    border-radius: 8px;
    overflow: hidden;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.primary_btn:hover {
    background: #E6B9A6;
    color: #000;
}
@media (max-width: 1399.98px) {
    a,
    button,
    p {
        line-height: 24px;
    }
    .primary_btn {
        padding: 11px 20px;
    }
    a,
    button,
    form label,
    p {
        font-size: 15px;
    }
    form .form-group .form-control {
        padding: 13px 20px;
        font-size: 15px;
        line-height: 23px;
    }
}
@media (max-width: 1299.98px) {
    a,
    button {
        line-height: 21px;
    }
    form .form-group .form-control,
    p {
        font-size: 14px;
        line-height: 23px;
    }
    a,
    button,
    form label {
        font-size: 14px;
    }
}
@media (max-width: 991.98px) {
    a,
    button,
    form .form-group .form-control {
        font-size: 13px;
        line-height: 19px;
    }
    p {
        line-height: 22px;
    }
    form label,
    p {
        font-size: 13px;
    }
    .primary_btn,
    .second_btn {
        padding: 10px 17px;
    }
    .second_btn {
        border: 1px solid #000;
    }
}