* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    background: #0a0a0a;
    color: #FFF;
    scroll-behavior: smooth;
}

#page-featurebusiness-index .container,
.container {
    max-width: 100%;
}

#page-featurebusiness-index #topofscroll>.container {
    max-width: 100%;
    padding: 0;
}

#page-featurebusiness-index p {
    margin: 0;
}

#page-featurebusiness-index h2 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

#page-featurebusiness-index h4 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

#page-featurebusiness-index h3 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
}

#page-featurebusiness-index div[role="main"],
#page-featurebusiness-index #page {
    background: transparent;
    padding: 0;
}

#page-featurebusiness-index #page.drawers .main-inner {
    margin: 0;
}

#page-header {
    display: none;
}

.btn_container_box {
    padding: 16px 0;
}

.btn_dark {
    border-radius: 8px !important;
    border-radius: 8px;
    border: 2px solid var(--Color, rgba(143, 141, 145, 0.20));
    background: rgba(255, 255, 255, 0.20);
    padding: 16px 24px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: max-content;
    transition: all 0.3s ease-in-out;
}

.btn_dark:hover {
    color: #fff;
    transform: scale(0.95);
}

.btn_dark:active {
    color: #9747FF;
    transform: scale(1);
}

.head_content {
    max-width: 850px;
    margin: auto;
}

#page-featurebusiness-index .head_content p {
    margin: 20px 0 40px 0;
}

.body_content_sec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

#videomodal .modal-content {
    background: linear-gradient(132deg, #D24074 -0.67%, #6518B4 102.54%);
    ;
    padding: 10px;
    padding-bottom: 0;
}

#videomodal .modal-content video {
    border-radius: 8px;
}

#videomodal .modal-body {
    padding: 0;
}

.modal-backdrop {
    z-index: 101;
}

#videomodal .modal-dialog-centered {
    max-width: 1000px;
}


.feature_banner {
    padding: 10px 0 260px 0;
    background: linear-gradient(315deg, #21BDB8 0%, #280684 100%);
}

.feature_banner .btn-group {
    gap: 24px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 150px;
}

#page-featurebusiness-index .feature_banner p {
    margin: 24px auto;
    color: #fff;
}

.text_content {
    max-width: 900px;
    margin: auto;
    padding-top: 50px;
}

.empty_sec {
    min-height: 240px;
}

.image_sec {
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1240px;
}

.feature_nav {
    opacity: 0;
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    background: #121212;
    z-index: 100;
    width: 99.4%;
    transition: all 0.3s ease-in;
}

.btn_container_box {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.feature_nav .btn-group {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    cursor: grab;
    max-width: inherit;
}

.feature_nav .btn_container_box::-webkit-scrollbar {
    display: none;
}

.feature_nav .btn-group .btn {
    flex-shrink: 0;
}

.show_page_nav .feature_nav {
    opacity: 1;
    height: auto;
}

.managerControl_sec .contorlcenter_main_sec {
    max-width: 900px;
    margin: auto;
    padding: 0;
}

.usermanagement_sec .contorlcenter_main_sec {
    padding: 50px;
    max-width: 900px;
    margin: auto;
}

.content_sec.linear_color h2 {
    background: linear-gradient(100deg, #FFA7A7 2.3%, #A30CB5 64.32%, #096AFF 104.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_sec {
    max-width: 1250px;
    margin: auto;
    padding: 50px 0;
}

.handsonsec .contorlcenter_main_sec {
    border-radius: 12px;
    background: linear-gradient(106deg, #04001C 0%, #621DBA 50.92%, #FFF3D9 104.03%);
}

.managerControl_sec_body {
    width: 100%;
    padding: 50px;
    border-radius: 12px;
    background: linear-gradient(100deg, #1A1A1A 0%, #621DBA 48.44%, #04001C 95.31%);
}

.usermanagement_main_sec {
    background: linear-gradient(107deg, #FFA7A7 0%, #A30CB5 43.64%, #00173A 102.5%);
}

.icon_holder {
    display: flex;
    width: 64px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.15);
}

.gradient_btn {
    border-radius: 8px;
    background: linear-gradient(96deg, rgba(255, 91, 55, 0.80) 0.52%, rgba(171, 0, 82, 0.80) 99.99%);
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    padding: 8px 16px;
    gap: 10px;
    align-items: center;
    border: none;
    width: fit-content;
    transition: all 0.3s ease-in-out;
}

.gradient_btn:hover {
    transform: scale(0.98);
    color: #FFF;
}

.gradient_btn:active {
    transform: scale(1);
    color: #FFF;
}

.gradient_btn span {
    font-size: 24px;
}

.main_image {
    margin-top: 30px;
}

.page_counter {
    display: none;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.10);
    color: transparent;
    font-size: 180px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    top: 0;
    right: 50px;
    position: absolute;
}


@media (width <=1775px) {
    .page_counter {
        display: none;
    }
}

.hcard_container {
    display: flex;
    padding: 32px 0px;
    align-items: center;
    gap: 32px;
}

.content_card_sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
}

.btn_border {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 16.1px;
    border-radius: 8px;
    border: 1px solid #FFF;
    transition: all 0.3s ease-in-out;
    width: fit-content;
}

.btn_border:hover {
    color: #fff;
    opacity: 0.8;
    transform: scale(0.95);
}

.btn_border:active {
    color: #9747FF;
    opacity: 1;
}

.center_content_card_sec {
    max-width: 850px;
    margin: auto;
}

.smartassessments_sce {
    padding: 32px;
    border-radius: 12px;
    background: var(--BLue, linear-gradient(100deg, #1A1A1A 0%, #621DBA 48.44%, #04001C 95.31%));
    margin-bottom: 50px;
}

.outer_main_card_holder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.inner_larger_card_holder {
    display: flex;
    gap: 20px;
}

.assessment_card {
    display: flex;
    max-width: 368px;
    padding: 32px;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.20);
}

.inner_child_box {
    gap: 20px;
    display: flex;
}

.inner_child_box>div {
    flex: 1;
}

.inner_child_box .card_item {
    padding: 32px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.20);
    align-items: center;
    gap: 20px;
}

.smartassessments_sce .content_card {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.bottom_inner_child_box .card_item {
    flex: 1;
}

.labsec .contorlcenter_main_sec,
.handsonsec .contorlcenter_main_sec {
    display: flex;
    gap: 50px;
    padding: 80px 50px;
    align-items: center;
}

.dark_bg {
    position: relative;
}

.dark_bg::after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    left: 0;
    height: 100%;
    background: #1C1C1C;
    z-index: -1;
    top: 0;
}

.labsec .contorlcenter_main_sec {
    border-radius: 12px;
    background: linear-gradient(107deg, #FFA7A7 0%, #A30CB5 43.64%, #00173A 102.5%);
}

.labsec .body_content_sec,
.handsonsec .body_content_sec {
    max-width: 450px;
    justify-content: center;
}

.handsonsec .main_image {
    margin-top: 0;
    position: relative;
    left: 0;
    transform: scale(1.12);
    transform-origin: left center;
}

.labsec .main_image {
    margin-top: 0;
    position: relative;
    right: 0;
    transform: scale(1.12);
    transform-origin: right center;
}

.learningeasy_sec .contorlcenter_main_sec {
    display: flex;
    gap: 50px;
    padding: 24px;
    border-radius: 12px;
    background: linear-gradient(100deg, #FFA7A7 2.2%, #A30CB5 29.17%, #00173A 95.31%);
}

.aiassistance_sec .body_content_sec,
.learningeasy_sec .body_content_sec {
    max-width: 450px;
    align-items: start;
    justify-content: center;
}

.aiassistance_sec .contorlcenter_main_sec {
    display: flex;
    gap: 50px;
    padding: 24px;
    border-radius: 12px;
    background: linear-gradient(135deg, #172368 2.88%, #E249AF 100%);
}

.quiz_box .quiz_item {
    padding: 50px 32px;
    border-radius: 12px;
    background: #2A2A2A;
    flex: 1;
}

.badge_box {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.rating_item {
    padding: 32px;
    border-radius: 12px;
    background: #2A2A2A;
}

.exportcsv,
.skillgap,
.singlesign,
.mostviewedtopic,
.optimiseteam,
.learningpath,
.departmentdist {
    padding: 0;
}

.hcard_container {
    padding-top: 0;
}

.footer_container {
    padding-bottom: 0;
    padding-top: 50px;
}

.footer_card {
    display: flex;
    width: 600px;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(92deg, #FF5B37 0.52%, #AB0052 100%);
}

.footer_container>div {
    flex: 1;
}

.card_img_sec {
    display: flex;
    align-self: stretch;
    justify-content: flex-end;
}

#page-featurebusiness-index footer#page-footer {
    margin-top: 0;
}

#page-featurebusiness-index .app_box h3 {
    margin: 20px 0;
}

#page-featurebusiness-index #page-wrapper #page-footer,
#page-featurebusiness-index .footer-section.justify-content-center,
#page-featurebusiness-index .footer_desk_row .customfooter {
    background: #1D1D1D;
}

.review_img {
    height: 40px;
}

.app_box .img_box {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px;
}

a.btn.btn_dark {
    position: relative;
}

a.btn.btn_dark.active {
    color: #9747FF;
}

a.btn.btn_dark.active::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #9747FF;
    z-index: 20;
    display: block;
}

.rating_item,
.badge_item,
.card_img_sec {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.rating_item:hover,
.badge_item:hover {
    transform: scale(1.2);
}

#TKAApp .card_img_sec {
    display: flex;
}

.rating_item::before,
.badge_item::before,
.card_img_sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 150%;
    width: 200%;
    height: 100px;
    background: rgba(255, 255, 255, 0.2);
    ;
    transform: translateX(-50%) translateY(-100%) rotate(45deg);
    transition: all 0.5s ease;
}

.rating_item:hover::before,
.badge_item:hover::before,
.card_img_sec:hover::before {
    height: 100px;
    width: 200%;
    top: 100%;
    left: -50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

/* UPDATE */

.content_head {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.content_subhead {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    max-width: 850px;
    margin: auto;
}

.diff_bg {
    padding: 32px;
    border-radius: 12px;
    color: #fff;
}

.extensive_library_sec {
    background: var(--New, linear-gradient(135deg, #3A42E1 2.88%, #620C90 98.14%));
}

.certification_management {
    background: linear-gradient(100deg, #00173A 0%, #A30CB5 29.17%, #FFA7A7 100%);
}

.customized_learning {
    background: linear-gradient(98deg, #1B0536 0%, #397EE4 52.27%, #7CEFFF 100.01%);
}

.real_time_data_sec {
    background: var(--New, linear-gradient(135deg, #3A42E1 2.88%, #620C90 98.14%));
}

.automated_report {
    background: linear-gradient(135deg, #E25544 2.88%, #42127E 98.14%);
}

.department_performance {
    background: linear-gradient(98deg, #1B0536 0%, #397EE4 50.74%, #7CEFFF 100.01%);
}

.engagement_analytics {
    background: linear-gradient(287deg, #04001C -4.07%, #621DBA 50.96%, #FFF3D9 100.04%);
}

.custom_branding_sec,
.color_custom_brand {
    background: var(--New, linear-gradient(135deg, #3A42E1 2.88%, #620C90 98.14%));
}

.simple_user {
    background: var(--user-management, linear-gradient(100deg, #FFA7A7 2.2%, #A30CB5 29.17%, #00173A 95.31%));
}

.easy_reporting {
    background: linear-gradient(105deg, #1A1A1A 0%, #621DBA 48.44%, #04001C 95.31%);
}

.department_management {
    background: linear-gradient(105deg, #1A1A1A 0%, #621DBA 48.44%, #04001C 95.31%);
}

.department_creation {
    background: var(--Dark2, linear-gradient(0deg, rgba(5, 1, 13, 0.50) 0%, rgba(5, 1, 13, 0.50) 100%), linear-gradient(98deg, #7CEFFF 12.48%, #397EE4 40.34%, #1B0536 87.82%));
}

.get_certi_wrapper {
    background: linear-gradient(133deg, #E25544 0%, #42127E 96.74%);
}

.easy_onboarding {
    background: var(--cover, linear-gradient(90deg, rgba(21, 17, 47, 0.50) -2.33%, rgba(151, 71, 255, 0.60) 128.43%));
}

.easy_onboarding_inner {
    max-width: 900px;
    margin: auto;
}

.easy_onboarding_inner .img_super_wrapper {
    margin-top: 48px;
}

.gp-32 {
    gap: 32px;
}

.gp-24 {
    gap: 24px;
}

.comprehensive_library,
.extensive_library_sec {
    gap: 32px;
}

.extensive_content_wrap {
    gap: 24px;
}

.icon_wrap {
    width: fit-content;
    padding: 16px;
    border-radius: 12px;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), rgba(255, 255, 255, 0.15);
}

.comprehensive_library_item,
.certification_tracking_item,
.personalised_training_item,
.advance_analytics_item,
.drill_down_item,
.department_performance_item,
.custom_branding_item,
.api_sso_item,
.department_mng_item,
.get_certi_item {
    border-radius: 12px;
    border: 2px solid var(--Color, rgba(143, 141, 145, 0.20));
    background: rgba(255, 255, 255, 0.05);
    padding: 32px;
    flex: 1;
}

.user_card_wrap {
    border-radius: 12px;
    border: 2px solid var(--Color, rgba(143, 141, 145, 0.20));
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
}

.user_items {
    background: rgba(255, 255, 255, 0.05);
    margin-bottom: 32px;
}

section.api,
section.advance,
section.certification,
section.user_mng_section {
    background: #121212 !important;
}

.brand_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 20px;
}

/* color pallet */

.gp-10 {
    gap: 10px;
}

.theme_img {
    display: none;
}

.color_custom_brand {
    width: 100%;
}

.stroke-highlight {
    stroke: var(--business-header, #D24074);
    stroke-width: 3px;
}

.playground_custom_pallet_wrapper {
    border-radius: 12.379px 12.379px 0px 0px;
    background: rgba(0, 0, 0, 0.60);
}

.custom_pallet_header {
    color: rgba(255, 255, 255, 0.40);
    font-size: 16.505px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.103px;
    padding: 11.863px 16.505px 12.895px 16.505px;
    border-bottom: 1.032px solid rgba(255, 255, 255, 0.10);

}

.custom_pallet_play {
    padding: 80px 53px;
}

.playground_section {
    border-radius: 12.379px;
    border: 2.063px solid var(--Color, rgba(143, 141, 145, 0.20));
    background: rgba(255, 255, 255, 0.05);
    padding: 24px;
    width: 100%;
}

.custom_play_head {
    color: #FFF;
    font-size: 24.758px;
    font-weight: 600;
    line-height: 27.853px;
}

.custom_playground_web_wrapper {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.10);
    padding: 71.5px 34px;
}

.custom_play_web {
    background-color: #1D1D1D;
    width: fit-content;
    border-radius: 12px;

}

.app_color {
    min-height: 100%;
    border-radius: 12.379px;
    border: 2.063px solid var(--Color, rgba(143, 141, 145, 0.20));
    background: rgba(255, 255, 255, 0.05);
    padding: 95px 24px;
}

.playground_section {
    position: relative;
}

.color_theme_name {
    position: absolute;
    right: 0;
    top: -38px;
    height: 75px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12.379px;
    background: rgba(255, 255, 255, 0.10);
    padding: 16px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    width: fit-content;
}

.color_theme_name svg{
    width: 32px;
    height: 32px;
}

.pallet {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(5, 1fr);
}

.pallet svg {
    cursor: pointer;
}

.white {
    fill: white;
}

.greyish {
    fill: #1D1D1D;
}

.orange {
    fill: #DB7C40;
}

.purple {
    fill: #863AAA;
}

.pearl {
    fill: #9BF7E9;
}

.green {
    fill: #7ED957;
}

.blue {
    fill: #006EFF;
}

.yellow {
    fill: #FFD173;
}

.grey {
    fill: #787878;
}

.brown {
    fill: #6E350D;
}

.white_bg {
    background: var(--Dark2, linear-gradient(0deg, rgba(5, 1, 13, 0.50) 0%, rgba(5, 1, 13, 0.50) 100%), linear-gradient(98deg, #7CEFFF 12.48%, #397EE4 40.34%, #1B0536 87.82%));
}

.white_bg path.txt_changer {
    fill: #3a3a3a;
}

.greyish_bg {
    background: var(--New, linear-gradient(135deg, #3A42E1 2.88%, #620C90 98.14%));
}

.purpish_bg {
    background: var(--New, linear-gradient(135deg, #E25544 2.88%, #42127E 98.14%));
}

.pearlish_bg {
    background: linear-gradient(100deg, #1A1A1A 0%, #621DBA 48.44%, #04001C 95.31%);
}

.pearlish_bg .txt_changer,
.pearlish_bg path.txt_changer {
    fill: #3a3a3a;
    stroke: none;
}


.orangish_bg {
    background: var(--business-header, linear-gradient(132deg, #D24074 -0.67%, #6518B4 102.54%));
}

.greenish_bg {
    background: var(--on-demand-videos, linear-gradient(100deg, #FFA7A7 2.2%, #A30CB5 29.17%, #00173A 95.31%));
}

.greenish_bg .txt_changer,
.greenish_bg g path.txt_changer {
    fill: #3a3a3a;
    opacity: 1 !important;
}

.bluish_bg {
    background: var(--nigga, linear-gradient(51deg, #9358F7 0.87%, #7B78F2 25.96%, #6197EE 49.23%, #45B5E9 74.93%, #10D7E2 97.48%));
}

.yellowish_bg {
    background: var(--New, linear-gradient(135deg, #3A42E1 2.88%, #620C90 98.14%));
}

.yellowish_bg .txt_changer {
    fill: #3a3a3a;
}

.litish_bg {
    background: var(--Text, linear-gradient(100deg, #FFA7A7 2.3%, #A30CB5 64.32%, #096AFF 104.58%));
}

.brownish_bg {
    background: linear-gradient(108deg, #00173A 0%, #A30CB5 30.3%, #F99DA8 103.89%);
}


@media (width <=1400px) {

    .custom_pallet_play {
        flex-wrap: wrap;
    }

    .app_color {
        width: 100%;
        padding: 24px;
    }

    .custom_playground_web_wrapper {
        display: flex;
        align-items: center;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.10);
        padding: 34px;
        justify-content: center;
    }

    .quiz_box,
    .aiassistance_sec .contorlcenter_main_sec,
    .learningeasy_sec .contorlcenter_main_sec,
    .inner_child_box,
    .inner_larger_card_holder {
        flex-direction: column;
    }

    #page-featurebusiness-index .container,
    .container {
        padding: 0 50px;
    }

    .learningeasy_sec .contorlcenter_main_sec {
        padding: 50px;
    }

    .hcard_container {
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

    .card_img_sec {
        align-self: auto;
    }

    .optimiseteam .card_img_sec,
    .learningpath .card_img_sec {
        order: 2;
    }

    .inner_child_box .card_item {
        flex: 1;
    }

    .assessment_card {
        max-width: 100%;
    }

    .card_img_box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .text_hide_box {
        display: none;
    }

    .bottom_inner_child_box .card_img_box {
        flex: 0 0 140px;
    }

    .labsec .contorlcenter_main_sec,
    .handsonsec .contorlcenter_main_sec {
        flex-direction: column;
    }

    .labsec .main_image,
    .handsonsec .main_image {
        position: static;
        transform: scale(1);
        transform-origin: unset;
    }

    .rolebased .card_img_sec,
    .leaderboard .card_img_sec,
    .labsec .main_image {
        order: 2;
    }

    .badge_box {
        flex-wrap: wrap;
    }

    .rating_item {
        flex: 0 0 360px;
    }
}

@media (max-width:1200px) {

    .comprehensive_library_item,
    .certification_tracking_item,
    .personalised_training_item,
    .advance_analytics_item,
    .drill_down_item,
    .department_performance_item,
    .custom_branding_item,
    .api_sso_item,
    .department_mng_item {
        flex: unset;
    }

    .extensive_library_sec,
    .certification_management,
    .customized_learning,
    .real_time_data_sec,
    .automated_report,
    .department_performance,
    .engagement_analytics,
    .custom_branding_sec,
    .simple_user,
    .easy_reporting,
    .department_management,
    .department_creation {
        align-items: flex-start !important;
    }


    .comprehensive_library .library_resource_update_sec,
    .extensive_library_sec,
    .certification_reporting_milestone_sec,
    .customized_learning,
    .real_time_data_sec,
    .customisable_dash_sec,
    .automated_report,
    .drill_down_sec,
    .department_performance,
    .assessment_analytics_share_sec,
    .engagement_analytics,
    .brand_user_exp,
    .brand_user_exp {
        flex-wrap: wrap;
    }

    .automated_report,
    .engagement_analytics {
        justify-content: start;
    }

    .extensive_content_wrap,
    .certification_management_content,
    .customized_learning_content,
    .real_time_data_sec_content,
    .automated_report_content,
    .department_performance_content,
    .engagement_analytics_content,
    .department_creation_content {
        min-width: 100% !important;
    }

    .extensive_library_sec {
        align-items: center !important;
        justify-content: center !important;
    }

    .extensive_img_wrapper,
    .img_super_wrapper {
        display: flex;
        align-items: flex-start;
        width: 100%;
    }

    .extensive_img_wrapper img,
    .img_super_wrapper img {
        max-width: 100%;
    }

    .hcard_container {
        justify-content: left;
        align-items: flex-start;
    }

    .hcard_container.footer_container {
        justify-content: center;
        align-items: center;
    }

    .brand_wrap {
        flex-wrap: wrap;
    }


}

@media (width <=1000px) {
    .btn_container_box {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .feature_banner .btn-group {
        display: inline-flex;
        flex-wrap: nowrap;
        padding: 0 10px;
    }

    .btn-group .btn {
        min-width: max-content;
    }

    .feature_banner {
        padding: 10px 0 200px 0;
    }

    .empty_sec {
        min-height: 180px;
    }
}

@media (width <=600px) {

    html,
    body {
        font-size: 14px;
        line-height: normal;
    }

    #page-featurebusiness-index p {
        font-size: 14px;
        line-height: normal;
    }

    #page-featurebusiness-index h2 {
        order: unset;
        font-size: 32px;
        line-height: normal;
    }

    #page-featurebusiness-index h4 {
        order: unset;
        font-size: 24px;
        line-height: normal;
    }

    #page-featurebusiness-index h3 {
        order: unset;
        font-size: 18px;
        line-height: normal;
    }

    #page-featurebusiness-index .container,
    .container {
        padding: 0 25px;
    }

    .footer_card {
        max-width: auto;
        width: 100%;
    }

    .rating_item {
        flex: 0 0 300px;
    }

    .rating_item h2 {
        text-align: center;
    }

    .feature_banner .image_sec,
    .empty_sec {
        display: none;
    }

    .feature_banner {
        padding: 20px 0;
    }

    .hcard_container.footer_container {
        gap: 50px;
    }

    .quiz_box .quiz_item,
    .learningeasy_sec .contorlcenter_main_sec,
    .labsec .contorlcenter_main_sec,
    .handsonsec .contorlcenter_main_sec,
    .smartassessments_sce,
    .usermanagement_sec .contorlcenter_main_sec,
    .managerControl_sec_body {
        padding: 24px;
    }

    .inner_child_box .card_item {
        flex-direction: column;
    }

    .inner_child_box .card_item .card_img_box {
        order: 2;
    }

    .app_box .img_box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .app_box .card_img_sec {
        width: 100%;
    }

    .extensive_content_wrap,
    .certification_management_content {
        min-width: 100%;
    }
}