*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;


    /*Variables For Web */
    /*All Font Sizes*/

    /*Header Size    */
    --web_heading_size_h1: 60px;
    --web_heading_size_h2: 48px;
    --web_heading_size_h3: 44px;
    --web_heading_size_h4: 36px;
    --web_heading_size_h5: 32px;
    --web_heading_size_h6: 28px;


    /*Body Text Size    */
    --web_body_size_b1: 24px;
    --web_body_size_b2: 20px;
    --web_body_size_b3: 18px;
    --web_body_size_b4: 16px;
    --web_body_size_b5: 14px;


    /*Mobile Responsive Header Size   */
    --mobile_heading_size_h1: 36px;
    --mobile_heading_size_h2: 32px;
    --mobile_heading_size_h3: 28px;
    --mobile_heading_size_h4: 24px;
    --mobile_heading_size_h5: 20px;


    /*Mobile Responsive Header Size   */
    --mobile_body_size_b1: 20px;
    --mobile_body_size_b2: 18px;
    --mobile_body_size_b3: 16px;
    --mobile_body_size_b4: 14px;


    /*Label text size*/
    --web_label_size_l1: 32px;
    --web_label_size_l2: 28px;
    --web_label_size_l3: 12px;
    --web_label_large: 16px;




    /*All Font Weights    */
    --font_weight_regular: 400;
    --font_weight_medium: 500;
    --font_weight_semi_bold: 600;
    --font_weight_bold: 700;
    --font_weight_extra_bold: 800;


    /*All Text Line Height    */

    /*Header Line Height*/
    --web_heading_line_height_h1: 74px;
    --web_heading_line_height_h2: 64px;
    --web_heading_line_height_h3: 56px;
    --web_heading_line_height_h4: 44px;
    --web_heading_line_height_h5: 44px;
    --web_heading_line_height_h6: 38px;


    /*Body Line Height*/
    --web_body_line_height_b1: 36px;
    --web_body_line_height_b2: 28px;
    --web_body_line_height_b3: 28px;
    --web_body_line_height_b4: 24px;
    --web_body_line_height_b5: 24px;


    /*Mobile Responsive Header Line Height */
    --mobile_heading_line_height_h1: 44px;
    --mobile_heading_line_height_h2: 40px;
    --mobile_heading_line_height_h3: 36px;
    --mobile_heading_line_height_h4: 32px;
    --mobile_heading_line_height_h5: 28px;


    /*Mobile Responsive Header Line Height */
    --mobile_body_line_height_b1: 28px;
    --mobile_body_line_height_b2: 28px;
    --mobile_body_line_height_b3: 28px;
    --mobile_body_line_height_b4: 26px;


    /*Label text size*/
    --web_label_line_height_l1: 40px;
    --web_label_line_height_l2: 36px;
    --web_label_line_height_l3: 16px;
    --web_label_large_line_height: 24px;



    /*All Necessary Colors     */

    /*Text Colors Light*/
    --typography_light_500:#FDFEF6;
    --typography_light_400:#CCD2CC;
    --typography_light_300:#9CA6A1;

    /*Text Colors dark_nav*/
    --typography_dark_500:#051B18;
    --typography_dark_400:#1E322F;
    --typography_dark_300:#374946;
    --typography_dark_200:#505F5D;
    --typography_dark_100:#697674;


    /*Background Surface Colors*/
    --surface_s1: linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    --surface_s2: #F7F7F7;
    --surface_s3: #FFFFFF;
    --surface_s4: #1F3332;


    /*Appilix Primary Colors*/
    --green_primary_800:#0C3731;
    --green_primary_700:#186E62;
    --green_primary_600:#1B7C6E;
    --green_primary_500:#1E8A7A;
    --green_primary_400:#4BA195;
    --green_primary_300:#78B9AF;
    --green_primary_200:#A5D0CA;
    --green_primary_100:#D2E8E4;
    --green_primary_50: #E9F3F2;


    /*Gray Scale*/
    --gray_500:#C6C6C6;
    --gray_400:#D1D1D1;
    --gray_300:#DDDDDD;
    --gray_200:#E8E8E8;
    --gray_100:#F4F4F4;
    --gray_50:#F9F9F9;


    /*Oranges Shades*/
    --orange_700:#45291B;
    --orange_600:#B76E48;
    --orange_500:#E58A5A;
    --orange_400:#EAA17B;
    --orange_300:#FAE8DE;
    --orange_200:#FAE8DE;
    --orange_100:#FCF3EF;


    /*Error Colors*/
    --error_600:#270B0F;
    --error_500:#812633;
    --error_400:#A76770;
    --error_300:#E6D4D6;
    --error_200:#F2E9EB;


    /*Background Colors*/
    --background_500:#F4F5F1;
    --background_400:#F4F5F1;
    --background_300:#F3F3F3;
    --background_100:#FCFCFB;


    /*Warning Colors*/
    --warning_600:#47422C;
    --warning_500:#F7E494;
    --warning_400:#FBF8E9;
    --warning_300:#FDFCF4;


    /*Button Background*/
    --btn_background_1: linear-gradient(180deg, #0B7F58 0%, #077464 99.52%), #0B7F58;
    --btn_background_2: linear-gradient(358deg, rgba(255, 255, 255, 0.00) -22.41%, rgba(255, 255, 255, 0.12) 98.17%), #1B7C6E;
    --btn_background_3: linear-gradient(358deg, rgba(255, 255, 255, 0.00) -22.41%, rgba(255, 255, 255, 0.12) 98.17%), #1E8A7A;


    /*Border Gradient    */
    --border_gradient_1: conic-gradient(
            from 92deg at 53% 39%,
            rgba(64, 64, 64, 0.5) 2%,
            rgba(64, 64, 64, 0.35) 5%,
            rgba(255, 255, 255, 0.5) 17%,
            rgba(64, 64, 64, 0.35) 30%,
            rgba(255, 255, 255, 0.5) 58%,
            rgba(249, 249, 249, 1) 80%,
            rgba(255, 255, 255, 0.5) 91%,
            rgba(249, 249, 249, 0.5 ) 98%,
            rgba(64, 64, 64, 0.5) 100%
    );


}

.bg_color_orange{
    background-color: var(--orange_200) !important;
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.6) !important;
}
.card_btn.bg_color_orange:hover{
    background-color: var(--orange_400) !important;
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.6) !important;
}

.bg_color_green_primary{
    background-color: var(--green_primary_100) !important;
    box-shadow: 0 0 0 1px #C2D9D5 !important;
}
.card_btn.bg_color_green_primary:hover{
    background-color: var(--green_primary_200) !important;
    box-shadow: 0 0 0 1px #C2D9D5 !important;
}

.bg_color_error{
    background-color: var(--error_200) !important;
    box-shadow: 0 0 0 1px #E8D9DC !important;
}
.card_btn.bg_color_error:hover{
    background-color: var(--error_300) !important;
    box-shadow: 0 0 0 1px #E8D9DC !important;
}

.bg_color_warning{
    background-color: var(--warning_300) !important;
    box-shadow: 0 0 0 1px #F2F1EB !important;
}
.card_btn.bg_color_warning:hover{
    background-color: var(--warning_500) !important;
    box-shadow: 0 0 0 1px #F2F1EB !important;
}



body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-weight: 400;
    background: var(--surface_s2);
    scroll-behavior: smooth;
    color: var(--typography_dark_300);
}

h1, h2, h3, h4, h5, h6, span, p, a, a:hover {
    text-decoration: none;
    padding: 0;
}

ul, ol, li {
    list-style: none;
    padding: 0;
    margin: 0;
}




/* =======================================*/
/* Appilix Main Container */
/* =======================================*/

.appilix_container {
    margin: 0 auto;
    width: 100%;
    max-width: 1144px;
}

.appilix_container_navbar {
    margin: 0 auto;
    width: 100%;
    max-width: 1198px;
}

.appilix_container_article {
    margin: 0 auto;
    width: 100%;
    max-width: 1144px;
}

/*Appilix Hero Section Container*/
.appilix_container_hero {
    margin: 0 auto;
    width: 100%;
    max-width: 776px;
}

/* For Extra Large Screen */
@media screen and (max-width: 1350px) {
    .appilix_container, .appilix_container_article {
        max-width: 80%;
    }
    .appilix_container_navbar{
        max-width: 82%;
    }
}
/* For Large Screen */
@media screen and (max-width: 1280px) {
    .appilix_container, .appilix_container_article {
        max-width: 85%;
    }
    .appilix_container_navbar{
        max-width: 87%;
    }
}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_container, .appilix_container_article {
        max-width: 90%;
    }
    .appilix_container_navbar{
        max-width: 92%;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_container, .appilix_container_article {
        max-width: 90%;
    }
    .appilix_container_navbar{
        max-width: 92%;
    }
    .appilix_container_hero {
        max-width: 95%;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_container, .appilix_container_article {
        max-width: 90%;
    }
    .appilix_container_hero{
        max-width: 92%;
    }
}



/*Section Blur Divider*/
.design_blur {
    display: block;
    width: 100%;
    height: 60px;
    background: var(--surface_s2);
    filter: blur(12px);
}



/* =======================================*/
/* Appilix Navigation Bar */
/* =======================================*/

.appilix_navbar {
    position: fixed;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    z-index: 1000;
    transition: background-color 0.3s ease, box-shadow 0.3s ease,
    padding 0.3s ease, top 0.3s ease, left 0.3s ease, right 0.3s ease;
}

.appilix_navbar.on_scroll {
    top: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: rgba(149, 165, 161, 0.6) 0 2px 10px;
}
.appilix_navbar .navbar_content{
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.appilix_navbar.on_scroll .navbar_content{
    padding: 16px 0;
}
.appilix_navbar .navbar_content .navbar_mobile{
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appilix_navbar .navbar_content .appilix_navbar_logo{
    width: 155px;
    height: 37px;
}
.appilix_navbar .navbar_content .appilix_navbar_logo img{
    width: 155px;
    height: 37px;
}
.appilix_navbar .navbar_content .appilix_navbar_logo .dark_nav_logo{
    display: none;
}
.appilix_navbar.dark_nav .navbar_content .appilix_navbar_logo .dark_nav_logo{
    display: block;
}
.appilix_navbar.dark_nav .navbar_content .appilix_navbar_logo .primary_nav_logo{
    display: none;
}
.appilix_navbar .navbar_content .navbar_mobile .navbar_toggle_btn {
    display: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    mask: url("../images/theme/icons/appilix-nav-menu-01.svg") no-repeat center;
    background: var(--typography_dark_500);
    transform: rotate(180deg);
}
.appilix_navbar.dark_nav .navbar_content .navbar_mobile .navbar_toggle_btn {
    background: #ffffff;
}

.appilix_navbar .navbar_content .navbar_options {
    flex: 2.2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.appilix_navbar .navbar_content .navbar_options .navbar_menu{
    position: relative;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 6px 24px;
    border-radius: 100px;
    background: #FFFFFF;
    border: 1px solid #EFEFEF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .navbar_menu{
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(64, 64, 64, 0.50);
    box-shadow: -20px 68px 20px 0 rgba(0, 0, 0, 0.00), -13px 43px 18px 0 rgba(0, 0, 0, 0.01), -7px 24px 15px 0 rgba(0, 0, 0, 0.04), -3px 11px 11px 0 rgba(0, 0, 0, 0.07), -1px 3px 6px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(7px);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .navbar_menu:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 100px;
    padding: 1px;
    background: var(--border_gradient_1);
    opacity: 50%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.appilix_navbar .navbar_content .navbar_options .navbar_menu .navbar_menu_item {
    font-size: Var(--menu-text-size);
    font-weight: 400;
    cursor: pointer;
    color: var(--typography_dark_300);
    white-space: nowrap ;
    z-index: 1;
}
.appilix_navbar .navbar_content .navbar_options .navbar_menu .navbar_menu_item.active {
    font-weight: 500;
    color: var(--typography_dark_500);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .navbar_menu .navbar_menu_item {
    color: var(--typography_light_400);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .navbar_menu .navbar_menu_item.active {
    font-weight: 500;
    color: var(--typography_light_500);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .navbar_menu .navbar_menu_item:hover {
    color: var(--typography_light_500);
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons .button{
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 28px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons .button.contact_btn {
    color: var(--typography_dark_300);
    background: var(--background_100);
    border: 1px solid var(--gray_200);
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons .button.contact_btn:hover {
    color: var(--typography_dark_500);
    background: var(--gray_300);
    border: 1px solid var(--gray_300);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .nav_buttons .button.contact_btn {
    color: var(--typography_light_400);
    background: transparent;
    border: 1px solid var(--gray_400);
}
.appilix_navbar.dark_nav .navbar_content .navbar_options .nav_buttons .button.contact_btn:hover {
    color: var(--typography_dark_300);
    background: var(--gray_200);
    border: 1px solid var(--gray_300);
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons .button.account_btn {
    color: #ffffff;
    box-shadow: 0 0 0 1px var(--green_primary_600);
    border: 1px solid var(--green_primary_400);
    background: var(--btn_background_1);
}
.appilix_navbar .navbar_content .navbar_options .nav_buttons .button.account_btn:hover {
    background: var(--btn_background_2);
}


.appilix_navbar.expand {
    top: 0;
    background: #FFFFFF;
}
.appilix_navbar.expand.on_scroll .navbar_content {
    padding: 24px 0 0 0;
}
.appilix_navbar.expand.dark_nav {
    background: var(--surface_s1);
}
.appilix_navbar.expand .navbar_content{
    flex-direction: column;
}
.appilix_navbar.expand .navbar_content .navbar_mobile .navbar_toggle_btn{
    mask: url("../images/theme/icons/appilix-cancel-01.svg") no-repeat center;
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}
.appilix_navbar.expand.dark_nav .navbar_content .navbar_mobile .navbar_toggle_btn{
    mask: url("../images/theme/icons/appilix-cancel-01.svg") no-repeat center;
    background: var(--typography_light_400);
}

.appilix_navbar.expand .navbar_content .navbar_options{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 16px 40px 16px;
}
.appilix_navbar.expand .navbar_content .navbar_options .navbar_menu{
    flex-direction: column;
    width: 100%;
    align-items: start;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 8px 0 28px 0;
    gap: 16px;
}
.appilix_navbar.expand.dark_nav .navbar_content .navbar_options .navbar_menu{
    background: transparent;
}
.appilix_navbar.expand.dark_nav .navbar_content .navbar_options .navbar_menu::before{
    display: none;
}
.appilix_navbar.expand .navbar_content .navbar_options .navbar_menu .navbar_menu_item{
    font-size: var(--mobile_heading_size_h5);
    font-weight: var(--font_weight_medium);
    line-height: var(--mobile_heading_line_height_h5);
    width: 100%;
}
.appilix_navbar.expand .navbar_content .navbar_options .nav_buttons .button{
    flex: 1;
}


/* For PC View */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

    .appilix_navbar {
        left: 0;
        right: 0;
    }
    .appilix_navbar .navbar_content .navbar_mobile {
        display: flex;
    }
    .appilix_navbar .navbar_content .navbar_mobile .navbar_toggle_btn {
        display: inline-block;
    }
    .appilix_navbar .navbar_content .navbar_options {
        display: none;
    }

}
/* For Mobile View */
@media screen  and (max-width: 768px){

}
/* For Small Mobile View */
@media screen and (max-width: 576px){

}







/* =======================================*/
/* Appilix Landing  Hero Section */
/* =======================================*/

.appilix_hero{
    padding: 12px;
    background-color: var(--surface_s3);
}
.appilix_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 120px 0;
    background-image: url("../images/theme/backgrounds/appilix_background_pattern.svg"), linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_hero .hero_wrapper .hero_tag {
    position: relative;
    padding: 2px 16px;
    text-align: center;
    display: inline-block;
    border-radius: 100px;
    color: var(--typography_light_500);
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(64, 64, 64, 0.50);
    box-shadow: -20px 68px 20px 0 rgba(0, 0, 0, 0.00), -13px 43px 18px 0 rgba(0, 0, 0, 0.01), -7px 24px 15px 0 rgba(0, 0, 0, 0.04), -3px 11px 11px 0 rgba(0, 0, 0, 0.07), -1px 3px 6px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(7px);
    z-index: 1;
}
.appilix_hero .hero_wrapper .hero_tag::before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    padding: 1px;
    border-radius: 100px;
    background: var(--border_gradient_1);
    opacity: 50%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.appilix_hero .hero_wrapper .hero_title{
    margin: 16px auto 0 auto;
    font-size: var(--web_heading_size_h1);
    line-height: var(--web_heading_line_height_h1);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
}
.appilix_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_400);
    max-width: 668px;
}

.appilix_hero .hero_wrapper .hero_input_area{
    margin: 60px auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
    background: var(--green_primary_800);
    width: 100%;
    max-width: 673px;
    border-radius: 20px;
    box-shadow: 0 -5px 15px 0 rgba(107, 248, 159, 0.15) inset, 0 0 0 1px rgba(84, 236, 183, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.10), 0 0 0 4px #0C2221, 0 0 0 5px rgba(255, 255, 255, 0.10);
}
.appilix_hero .hero_wrapper .hero_input_area textarea{
    width: 100%;
    background: transparent;
    outline: none;
    border: none;
    resize: none;
    color: var(--typography_light_500);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.appilix_hero .hero_wrapper .hero_input_area textarea::placeholder{
    color: rgba(255, 255, 255, 0.56);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.appilix_hero .hero_wrapper .hero_input_area .hero_input_buttons{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.appilix_hero .hero_wrapper .hero_input_area .platform_selector{
    display: flex;
    align-items: center;
    gap: 8px;
}
.appilix_hero .hero_wrapper .hero_input_area .platform_selector input{
    display: none;
}
.appilix_hero .hero_wrapper .hero_input_area .platform_selector span{
    color: var(--gray_500);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 2px 12px;
    border-radius: 100px;
    border: 1px solid var(--typography_dark_100);
    cursor: pointer;
}
.appilix_hero .hero_wrapper .hero_input_area .platform_selector input:checked + span{
    border: 1px solid var(--green_primary_500);
    background: #4BA19566;
    color: var(--gray_50);
}

.appilix_hero .hero_wrapper .hero_input_area .hero_input_buttons .go_button{
    position: relative;
    outline: none;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    border: 1px solid var(--green_primary_400);
    background-image:
            url("../images/theme/icons/appilix-up-arrow-white.svg"),
            linear-gradient(180deg, #0B7F58 0%, #077464 99.52%);
    background-position: center;
    background-size: 24px, auto;
    background-repeat: no-repeat;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.appilix_hero .hero_wrapper .hero_input_area .hero_input_buttons .go_button:hover{
    background: url("../images/theme/icons/appilix-up-arrow-white.svg"), var(--green_primary_500) ;
    background-position: center;
    background-size: 24px, auto;
    background-repeat: no-repeat;
}

.appilix_hero .hero_wrapper .hero_input_area .hero_input_buttons .go_button.loading {}

.appilix_hero .hero_wrapper .hero_input_area .hero_input_buttons .go_button.loading::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 100px;
    padding: 2px; /* spinner thickness */
    background: conic-gradient( from 0deg, transparent 0%, transparent 70%, #FFF 100% );
    animation: appilix_hero_btn_spin 1s linear infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out; /* fix for Chrome/Safari */
    mask-composite: exclude;
}

@keyframes appilix_hero_btn_spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* For PC View */
@media screen and (max-width: 1280px) {
    .appilix_hero .hero_wrapper{
        padding: 138px 16px;
    }
}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_hero .hero_wrapper {
        padding: 110px 16px;
    }
    .appilix_hero .hero_wrapper .hero_title{
        font-size: var(--web_heading_size_h2);
        line-height: var(--web_heading_line_height_h2);
    }
    .appilix_hero .hero_wrapper .hero_description{
        font-size: var(--web_body_size_b4);
        line-height: var(--web_body_line_height_b2);
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_hero {
        padding: 0;
    }
    .appilix_hero .hero_wrapper {
        border-radius: 0;
        margin: 0;
        padding: 110px 16px 60px 16px;
        background: var(--surface_s1);
    }
    .appilix_hero .hero_wrapper .hero_title{
        max-width: 80%;
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_hero .hero_wrapper {
        padding: 130px 0 40px 0;
    }
    .appilix_hero .hero_wrapper .hero_title{
        max-width: 100%;
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
    .appilix_hero .hero_wrapper .hero_description{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b2);
    }
}




/* =======================================*/
/* Appilix Trusted By Section */
/* =======================================*/

.appilix_trusted_by{
    padding: 80px 0 0 0;
    background: var(--surface_s3);
}
.appilix_trusted_by .section_content{
    width: 100%;
    text-align: center;
}
.appilix_trusted_by .section_content .section_title{
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_300);
    line-height: var(--web_body_line_height_b3);
}
.appilix_trusted_by .section_content .section_title b{
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_trusted_by .section_content .company_logo_container{
    position: relative;
    margin: 48px auto 0 auto;
    overflow: hidden;
}

.appilix_trusted_by .section_content .company_logo_container::before,
.appilix_trusted_by .section_content .company_logo_container::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 141px;
    z-index: 1;
}
.appilix_trusted_by .section_content .company_logo_container::before{
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 90%);
}
.appilix_trusted_by .section_content .company_logo_container::after{
    right: 0;
    background: linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 90%);
    z-index: 1;
}

.appilix_trusted_by .section_content .company_logo_container .logo_slider{
    display: flex;
    gap: 60px;
    animation: scroll-left 20s linear infinite;
}


/* For PC View */
@media screen and (max-width: 1280px) {
}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_trusted_by{
        padding: 60px 0 0 0;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_trusted_by{
        padding: 60px 0 0 0;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_trusted_by{
        padding: 40px 0 0 0;
    }
}





/* =======================================*/
/* Appilix Start up 3 Steps */
/* =======================================*/
.appilix_start_steps{
    padding: 120px 0 0 0;
    background: var(--surface_s3);
}
.appilix_start_steps .section_header{
    text-align: center;
    width: 100%;
}
.appilix_start_steps .section_header .section_badge{
    padding: 4px 16px;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b2);
    border-radius: 100px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_start_steps .section_header .section_title{
    margin: 20px auto 0 auto;
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    max-width: 652px;
}

.appilix_start_steps .section_body{
    width: 100%;
    margin: 60px auto 0 auto;
    display: flex;
    justify-content: center;
    gap: 17px;
}
.appilix_start_steps .section_body .step_card{
    flex: 1;
    text-align: center;
    padding: 48px 44px;
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.appilix_start_steps .section_body .step_card:hover,
.appilix_start_steps.js_ready .section_body .step_card.animated:hover{
    transform: translateY(-8px);
}
.appilix_start_steps .section_body .step_card.step_1{
    background: var(--orange_100) ;
}
.appilix_start_steps .section_body .step_1 .card_img{
    display: block;
    width: 260px;
    height: 204px;
    margin: 0 auto;
    background: url("../images/theme/3_steps/appilix_3_step_img_1.svg") no-repeat center top;
    background-size: 260px 204px;
}
.appilix_start_steps .section_body .step_card.step_2{
    background: var(--green_primary_50);
}
.appilix_start_steps .section_body .step_2 .card_img{
    display: block;
    width: 260px;
    height: 204px;
    margin: 0 auto;
    background: url("../images/theme/3_steps/appilix_3_step_img_2.svg") no-repeat center top;
    background-size: 260px 188px;
}
.appilix_start_steps .section_body .step_card.step_3{
    background: var(--error_200);
}
.appilix_start_steps .section_body .step_3 .card_img{
    display: block;
    width: 260px;
    height: 204px;
    margin: 0 auto;
    background: url("../images/theme/3_steps/appilix_3_step_img_3.svg") no-repeat center top;
    background-size: 260px 196px;
}
.appilix_start_steps .section_body .step_card .card_details{
    margin: 73px auto 0 auto;
}

.appilix_start_steps .section_body .step_card h3{
    font-size: var(--web_label_size_l2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_label_line_height_l2);
}
.appilix_start_steps .section_body .step_card p{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_dark_300);
}
.appilix_start_steps .section_footer{
    margin: 40px auto 0 auto;
    display: block;
    text-align: center;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_300);
}

.appilix_start_steps .section_footer b{
    color: var(--typography_dark_500);
}

/* ── Steps Section — Stagger Slide-In on Scroll Into View ───────────────── */
.appilix_start_steps.js_ready .section_body .step_card{
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.appilix_start_steps.js_ready .section_body .step_card.animated{
    opacity: 1;
    transform: translateY(0);
}

/* For Big Screen View */
@media screen  and (max-width: 1280px){
    .appilix_start_steps .section_body{
        flex-wrap: wrap;
    }
    .appilix_start_steps .section_body .step_card{
        flex: 1;
    }
}
/* For Tab View */
@media screen  and (max-width: 992px){
    .appilix_start_steps{
        padding: 80px 0 0 0;
    }

    .appilix_start_steps .section_header .section_title{
        margin: 20px auto 0 auto;
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
        max-width: 615px;
    }
    .appilix_start_steps .section_body{
        margin: 38px 0 0 0;
        flex-direction: column;
    }

    .appilix_start_steps .section_body .step_card{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .appilix_start_steps .section_body .step_card .card_img{
        flex: 1;
        padding: 0 40px 0 0;
        border-right: 1px solid var(--surface_s3);
    }
    .appilix_start_steps .section_body .step_card .card_details{
        flex: 1;
        text-align: left;
        margin: 0;
        padding: 0 0 0 40px;
    }
    .appilix_start_steps .section_body .step_card.step_2{
        flex-direction: row-reverse;
    }

    .appilix_start_steps .section_body .step_card.step_2 .card_img{
        border-right: none;
        border-left: 1px solid var(--surface_s3);
    }

    .appilix_start_steps .section_body .step_card.step_2 .card_details{
        padding: 0 40px 0 0;
    }


}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_start_steps{
        padding: 80px 0 40px 0;
        background: var(--surface_s3);
    }

    .appilix_start_steps .section_header{
        text-align: center;
        width: 100%;
    }
    .appilix_start_steps .section_header .section_title{
        margin: 16px auto 0 auto;
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
        max-width: 615px;
    }

    .appilix_start_steps .section_body{
        margin: 32px 0 0 0;
    }
    .appilix_start_steps .section_body .step_card{
        padding: 60px;
        width: 100%;
        display: block;
    }

    .appilix_start_steps .section_body .step_card .card_details{
        text-align: center;
        margin: 73px auto 0 auto;
        padding: 0;
    }
    .appilix_start_steps .section_body .step_card .card_img{
        padding: 0;
        border-right: none;
    }
    .appilix_start_steps .section_body .step_card.step_2{
        flex-direction: row-reverse;
    }

    .appilix_start_steps .section_body .step_card.step_2 .card_img{
        border-right: none;
        border-left: none;
    }

    .appilix_start_steps .section_body .step_card.step_2 .card_details{
        padding: 0;
    }

    .appilix_start_steps .section_body .step_card h3{
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_start_steps .section_body .step_card p{
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_start_steps .section_footer{
        margin: 24px auto 0 auto;
        padding: 0 16px;
    }

}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_start_steps{
        padding: 60px 0 40px 0;
        background: var(--surface_s3);
    }
    .appilix_start_steps .section_header{
        text-align: left;
    }
    .appilix_start_steps .section_header .section_title{
        margin: 16px 0 0 0;
        max-width: 311px;
    }

    .appilix_start_steps .section_body{
        margin: 28px 0 0 0;
    }
    .appilix_start_steps .section_body .step_card{
        padding: 24px;
    }

}




/* =======================================*/
/* Appilix In Action Section */
/* =======================================*/
.appilix_in_action{
    padding: 80px 12px;
    background: var(--surface_s3);
}
.appilix_in_action .action_wrapper{
    padding: 100px 0;
    border-radius: 28px;
    text-align: center;
    background-image: url("../images/theme/backgrounds/appilix_background_pattern.svg"), linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.appilix_in_action .section_header{
    width: 100%;
    max-width: 558px;
    margin: 0 auto;
}
.appilix_in_action .section_header .section_badge{
    display: inline-block;
    padding: 2px 16px;
    color: var(--typography_light_500);
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(64, 64, 64, 0.50);
    box-shadow: -20px 68px 20px 0 rgba(0, 0, 0, 0.00), -13px 43px 18px 0 rgba(0, 0, 0, 0.01), -7px 24px 15px 0 rgba(0, 0, 0, 0.04), -3px 11px 11px 0 rgba(0, 0, 0, 0.07), -1px 3px 6px 0 rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(7px);
}
.appilix_in_action .section_header .section_badge::before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 100px;
    padding: 1px;
    background: var(--border_gradient_1);
    opacity: 50%;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.appilix_in_action .section_header .section_title{
    margin: 20px auto 0 auto;
    font-size: var(--web_heading_size_h3);
    line-height: var(--web_heading_line_height_h3);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
}

.appilix_in_action .section_header .short_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_400);
}

.appilix_in_action .section_body{
    margin: 60px auto 0 auto;
    position: relative;
    border-radius: 28px;
    width: 100%;
    height: 540px;
    overflow: hidden;
    border-top: 2px solid #0C2120;
    border-right: 2px solid #0C2120;
    border-left: 2px solid #0C2120;
    transition: height 0.6s ease;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.20);
}
.appilix_in_action .section_body .video_thumbnail{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
}
.appilix_in_action .section_body .video_thumbnail::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../images/theme/backgrounds/appilix_promo_thumbnail.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    animation: ken_burns 10s ease-in-out infinite alternate;
    will-change: transform;
}
.appilix_in_action .section_body .video_thumbnail.hidden::before{
    animation: none;
}
@keyframes ken_burns{
    from{ transform: scale(1); }
    to  { transform: scale(1.06); }
}
.appilix_in_action .section_body .video_thumbnail .play_button{
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("../images/theme/icons/appilix-play-button-circle-white.svg");
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    background-color: var(--green_primary_500);
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.50);
    transition: all 0.3s ease;
}
.appilix_in_action .section_body .video_thumbnail .play_button:hover{
    transform: translate(-50%, -50%) scale(1.1);
    background-size: 26px;
    background-color: var(--green_primary_600);
}
.appilix_in_action .section_body .video_thumbnail.hidden{
    opacity: 0;
    pointer-events: none;
}
.appilix_in_action .section_body .play_ripple{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    transform: translate(-50%, -50%) scale(1);
    animation: play_ripple_burst 0.6s ease-out forwards;
    pointer-events: none;
    z-index: 2;
}
@keyframes play_ripple_burst{
    0%  { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }
    100%{ transform: translate(-50%, -50%) scale(5); opacity: 0;   }
}
.appilix_in_action .section_body iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px;
}

.appilix_in_action .section_footer{
    margin: 80px auto 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.appilix_in_action .section_footer .benefit_card{
    text-align: center;
    width: 100%;
    max-width: 300px;
}
.appilix_in_action .section_footer .benefit_card .card_icon{
    margin: 0 auto;
    width: 50px;
    height: 28px;
    border-radius: 100px;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}
.appilix_in_action .section_footer .benefit_card .card_icon.card_1{
    background-image: url("../images/theme/icons/appilix-benifit-icon-1.svg");
    background-color: var(--orange_400);
}
.appilix_in_action .section_footer .benefit_card .card_icon.card_2{
    background-image: url("../images/theme/icons/appilix-benifit-icon-2.svg");
    background-color: var(--green_primary_300);
}
.appilix_in_action .section_footer .benefit_card .card_icon.card_3{
    background-image: url("../images/theme/icons/appilix-benifit-icon-3.svg");
    background-color: var(--error_300);
}

.appilix_in_action .section_footer .benefit_card h4{
    margin: 24px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
}
.appilix_in_action .section_footer .benefit_card p{
    margin: 12px auto 0 auto;
    font-size: var(--web_body_size_b5);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_400);
}

/* For PC View */
@media screen and (max-width: 1280px) {
    .appilix_in_action .action_wrapper{
        padding: 80px 0;
    }
}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_in_action .section_header .section_title{
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }

    .appilix_in_action .section_body{
        height: 480px;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_in_action{
        padding: 0;
        margin: 0;
        border-radius: 0;
        background: var(--surface_s1);
    }
    .appilix_in_action .action_wrapper{
        padding: 60px 0;
        margin: 0;
        border-radius: 0;
        background: var(--surface_s1);
    }
    .appilix_in_action .section_body{
        height: 420px;
    }
    .appilix_in_action .section_footer{
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_in_action .action_wrapper{
        padding: 40px 0;
    }
    .appilix_in_action .section_header .section_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }

    .appilix_in_action .section_header .short_description{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b2);
    }

    .appilix_in_action .section_body{
        height: 380px;
    }
    .appilix_in_action .section_footer{
        margin: 60px auto 0 auto;
    }
}







/* =======================================*/
/* Achievements of Appilix */
/* =======================================*/
.appilix_achievements{
    padding: 80px 0 88px 0;
    text-align: center;
}
.appilix_achievements .section_title{
    margin: 0 auto;
    max-width: 702px;
    font-size: var(--web_heading_size_h3);
    line-height: var(--web_heading_line_height_h3);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_achievements .achieve_cards{
    margin: 60px 0 0 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.appilix_achievements .achieve_cards .card{
    flex: 1;
    min-width: 0;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 60px;
    text-align: left;
    border-radius: 20px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    transition: flex 0.4s ease;
}
.appilix_achievements .achieve_cards .card.active{
    flex: 1.8;
}
.appilix_achievements .achieve_cards:hover .card.active{
    flex: 1;
}
.appilix_achievements .achieve_cards:hover .card:hover{
    flex: 1.8;
}
.appilix_achievements .achieve_cards .card h3{
    font-size: var(--web_label_size_l1);
    line-height: var(--web_heading_line_height_h4);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_achievements .achieve_cards .card p{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.appilix_achievements .achieve_cards .card.c_1{
    background: var(--orange_100);
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.48);
}
.appilix_achievements .achieve_cards .card.c_2{
    background: var(--error_200);
    box-shadow: 0 0 0 1px rgb(232, 217, 220);
}
.appilix_achievements .achieve_cards .card.c_3{
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px rgb(224, 235, 233);
}
.appilix_achievements .achieve_cards .card.c_4{
    background: var(--gray_100);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

/* Responsive Designs */
/* For Tablet View */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_achievements{
        padding: 90px 0 0 0;
    }
    .appilix_achievements .section_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
    .appilix_achievements .achieve_cards{
        margin: 40px 0 0 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .appilix_achievements .achieve_cards .card{
        flex: 0 0 45%;
        transition: none;
    }
    .appilix_achievements .achieve_cards .card.active,
    .appilix_achievements .achieve_cards:hover .card.active,
    .appilix_achievements .achieve_cards:hover .card:hover{
        flex: 0 0 45%;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_achievements{
        padding: 70px 0 0 0;
    }
    .appilix_achievements .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_achievements{
        padding: 60px 0 0 0;
    }
    .appilix_achievements .section_title{
        font-size: var(--mobile_heading_size_h3);
        line-height: var(--mobile_heading_line_height_h3);
        text-align: left;
    }
    .appilix_achievements .achieve_cards{
        margin: 28px 0 0 0;
    }
    .appilix_achievements .achieve_cards .card{
        flex: 0 0 100%;
    }
    .appilix_achievements .achieve_cards:hover .card:hover{
        flex: 0 0 100%;
    }

    .appilix_achievements .achieve_cards .card h3{
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_achievements .achieve_cards .card p{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
}





/* =======================================*/
/* Appilix CTA Preview */
/* =======================================*/
.appilix_cta_preview{
    padding: 88px 0 0 0;
}
.appilix_cta_preview .wrapper{
    padding: 72px 80px;
    width: 100%;
    border-radius: 28px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    background-image: url("../images/theme/backgrounds/appilix_background_pattern.svg"), linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px rgba(7, 43, 40, 0.60);
    text-align: center;
}
.appilix_cta_preview .wrapper .section_title{
    font-size: var(--web_heading_size_h2);
    color: var(--typography_light_500);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
}
.appilix_cta_preview .wrapper .short_description{
    color: var(--typography_light_400);
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    margin: 20px auto 0 auto;
    max-width: 550px;
}

.appilix_cta_preview .wrapper .cta_buttons{
    margin: 40px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 472px;
    background-color: var(--surface_s4);
    border-radius: 100px;
    border-top: 1px solid var(--surface_s1);
    border-right: 1px solid var(--surface_s1);
    border-left: 1px solid var(--surface_s1);
    box-shadow: 0 0 0 1px #2A3C3B;
    padding: 8px 8px 8px 20px;
}
.appilix_cta_preview .wrapper .cta_buttons input{
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--typography_light_400);
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
}
.appilix_cta_preview .wrapper .cta_buttons button{
    cursor: pointer;
    position: relative;
    padding: 8px 16px;
    white-space: nowrap;
    outline: none;
    background: var(--btn_background_3);
    color: #ffffff;
    border-radius: 100px;
    box-shadow: 0 0 0 1px var(--green_primary_600);
    border: 1px solid var(--green_primary_400);
    font-size: var(--web_label_size_l3);
    line-height: var(--web_label_line_height_l3);
    font-weight: var(--font_weight_medium);
    transition: all 0.3s ease;
}
.appilix_cta_preview .wrapper .cta_buttons button:hover{
    background: var(--btn_background_2);
}
.appilix_cta_preview .wrapper .cta_buttons button::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1000px;
    border: 1px solid var(--green_primary_600);
}



.appilix_cta_preview .wrapper .cta_buttons button.loading {
    cursor: not-allowed;
    background: var(--green_primary_100);
    border: 1px solid var(--green_primary_100);
}







/* Responsive Designs */
/* For Tablet View */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){

}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_cta_preview{
        margin: 40px 0 0 0;
        padding: 0;
        background: var(--surface_s1);
    }
    .appilix_cta_preview .wrapper{
        padding: 40px 0;
        width: 100%;
        border-radius: 0;
        border: none;
        background-image: none;
        box-shadow: none;
    }
    .appilix_cta_preview .wrapper .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_cta_preview .wrapper .short_description{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
        margin: 16px auto 0 auto;
    }

    .appilix_cta_preview .wrapper .cta_buttons{
        margin: 28px auto 0 auto;
    }
    .appilix_cta_preview .wrapper .cta_buttons input{
        font-size: var(--mobile_body_size_b4);
        line-height: var(--mobile_body_line_height_b4);
    }
}




/* =======================================*/
/* Appilix Hero Feature Section */
/* =======================================*/
.appilix_features{
    margin: 120px 0 88px 0;
}
.appilix_features .appilix_container .section_header{
    text-align: center;
}
.appilix_features .appilix_container .section_header .section_title{
    text-align: center;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_500);
    width: 100%;
    max-width: 678px;
    margin: 0 auto;
}
.appilix_features .appilix_container .section_header .short_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    width: 100%;
    max-width: 558px;
}
.appilix_features .appilix_container .section_body{
    margin: 60px auto 0 auto;
}
.appilix_features .appilix_container .section_body .feature_card:not(:first-child){
    margin: 28px auto 0 auto;
}
.appilix_features .appilix_container .section_body .feature_card{
    position: sticky;
    top: 140px;
    padding: 60px 72px;
    background: #ffffff;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.04);
}
.appilix_features.js_ready .appilix_container .section_body .feature_card.card_1{
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.appilix_features.js_ready .appilix_container .section_body .feature_card.card_1.animated{
    opacity: 1;
    transform: translateY(0);
}
.appilix_features .appilix_container .section_body .feature_card.card_1{
    z-index: 1;
}
.appilix_features .appilix_container .section_body .feature_card.card_2{
    z-index: 2;
    flex-direction: row-reverse;
}
.appilix_features .appilix_container .section_body .feature_card.card_3{
    z-index: 3;
}
.appilix_features .appilix_container .section_body .feature_card .card_content{
    width: 100%;
    max-width: 376px;
}
.appilix_features .appilix_container .section_body .feature_card .card_content .card_icon{
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 1px solid var(--surface_s3);
}
.appilix_features .appilix_container .section_body .feature_card.card_1 .card_content .card_icon{
    background: var(--orange_200) url("../images/theme/icons/appilix_feature_card_icon_1.svg") center no-repeat;
    background-size: 24px;
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.60);
}
.appilix_features .appilix_container .section_body .feature_card.card_2 .card_content .card_icon{
    background: var(--green_primary_100) url("../images/theme/icons/appilix_feature_card_icon_3.svg") center no-repeat;
    background-size: 24px;
    box-shadow: 0 0 0 1px #C2D9D5;
}
.appilix_features .appilix_container .section_body .feature_card.card_3 .card_content .card_icon{
    background: var(--error_200) url("../images/theme/icons/appilix_feature_card_icon_4.svg") center no-repeat;
    background-size: 24px;
    box-shadow: 0 0 0 1px #E8D9DC;
}
.appilix_features .appilix_container .section_body .feature_card .card_content h3{
    margin: 28px 0 0 0;
    font-size: var(--web_heading_size_h5);
    line-height: var(--web_heading_line_height_h5);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_500);
    width: 100%;
    max-width: 330px;
}
.appilix_features .appilix_container .section_body .feature_card .card_content p{
    margin: 12px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_300);
}
.appilix_features .appilix_container .section_body .feature_card .card_content .card_btn{
    margin: 72px 0 0 0;
    display: inline-block;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    text-decoration: none;
    padding: 8px 52px 8px 20px;
    border-radius: 100px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    transition: all 0.3s ease;
    background: url("../images/theme/icons/appilix_feature_card_icon_2.svg") no-repeat;
    background-size: 24px;
    background-position-y: center;
    background-position-x: calc(100% - 20px);
    box-shadow: 0 0 0 1px #C2D9D5;


}
.appilix_features .appilix_container .section_body .feature_card .card_img{
    width: 448px;
    height: 380px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.appilix_features .appilix_container .section_footer{
    margin: 44px auto 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.appilix_features .appilix_container .section_footer .button{
    padding: 6px 16px;
    border-radius: 100px;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
}
.appilix_features .appilix_container .section_footer .button.btn_1{
    background: var(--green_primary_500);
    color: var(--typography_light_500);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.60);
}
.appilix_features .appilix_container .section_footer .button.btn_2{
    color: var(--typography_dark_500);
    background: var(--error_200);
    box-shadow: 0 0 0 1px #E8D9DC;
}



/* For PC View */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_features{
        padding: 60px 0;
    }
    .appilix_features .appilix_container .section_header{
        text-align: left;
    }
    .appilix_features .appilix_container .section_header .section_title{
        text-align: left;
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
        font-weight: var(--font_weight_medium);
        margin: 0;
        max-width: 90%;
    }
    .appilix_features .appilix_container .section_header .short_description{
        margin: 20px auto 0 auto;
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
    }
    .appilix_features .appilix_container .section_body{
        margin: 32px auto 0 auto;
    }
    .appilix_features .appilix_container .section_body .feature_card:not(:first-child){
        margin: 48px auto 0 auto;
    }
    .appilix_features .appilix_container .section_body .feature_card{
        position: unset;
        top: unset;
        padding: 0;
        background: none;
        box-shadow: none;
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }
    .appilix_features .appilix_container .section_body .feature_card.card_2{
        flex-direction: column;
    }

    .appilix_features .appilix_container .section_body .feature_card .card_content h3{
        margin: 24px 0 0 0;
        font-size: var(--mobile_heading_size_h3);
        line-height: var(--mobile_heading_line_height_h3);
        font-weight: var(--font_weight_medium);
    }
    .appilix_features .appilix_container .section_body .feature_card .card_content p{
        margin: 12px 0 0 0;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--web_body_line_height_b2);
    }
    .appilix_features .appilix_container .section_body .feature_card .card_content a{
        margin: 28px 0 0 0;
    }
    .appilix_features .appilix_container .section_body .feature_card .card_img{
        width: 100%;
        height: 530px;
    }

    .appilix_features .appilix_container .section_footer{
        margin: 28px auto 0 auto;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_features{
        margin: 0;
        padding: 40px 0;
    }
    .appilix_features .appilix_container .section_header .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_features .appilix_container .section_header .short_description{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }

    .appilix_features .appilix_container .section_body .feature_card .card_content h3{
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_features .appilix_container .section_body .feature_card .card_content p{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--web_body_line_height_b3);
    }
    .appilix_features .appilix_container .section_body .feature_card .card_img{
        height: auto;
    }
}




/* =======================================*/
/* Why Business Chose Appilix */
/* =======================================*/
.appilix_why{
    margin: 88px 0 0 0;
}
.appilix_why .section_card{
    margin: 0 12px;
    padding: 100px 0;
    border-radius: 20px;
    background-image: url("../images/theme/backgrounds/appilix_background_pattern.svg"), linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.appilix_why .section_card .section_header{
    text-align: center;
}
.appilix_why.js_ready .section_card .section_header{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.appilix_why.js_ready .section_card .section_body .card.challenges{
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s;
}
.appilix_why.js_ready .section_card .section_body .card.solutions{
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s;
}
.appilix_why.animated .section_card .section_header,
.appilix_why.animated .section_card .section_body .card.challenges,
.appilix_why.animated .section_card .section_body .card.solutions{
    opacity: 1;
    transform: translate(0, 0);
}
.appilix_why .section_card .section_header .section_title{
    text-align: center;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_500);
    width: 100%;
    margin: 0 auto;
}
.appilix_why .section_card .section_header .short_description{
    color: var(--typography_light_400);
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    margin: 20px auto 0 auto;
}

.appilix_why .section_card .section_body{
    margin: 60px 0 0 0;
    display: flex;
    gap: 24px;
    color: var(--typography_light_400);
}
.appilix_why .section_card .section_body .card{
    flex: 1;
    position: relative;
    padding: 40px;
    background: var(--surface_s4);
    border-radius: 20px;
}
.appilix_why .section_card .section_body .card.challenges{
    border-top: 1px inset var(--surface_s1);
    border-left: 1px inset var(--surface_s1);
    border-right: 1px inset var(--surface_s1);
    box-shadow: 0 0 0 1px #1D4946;
}
.appilix_why .section_card .section_body .card.solutions{
    border: 1px solid var(--green_primary_700);
}
.appilix_why .section_card .section_body .card.solutions::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -1px;
    height: 200px;
    background-image: url("../images/theme/backgrounds/appilix_why_solution_border_pattern.png");
    background-size: 200px;
    background-repeat: no-repeat;
}

.appilix_why .section_card .section_body .card span{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b3);
}
.appilix_why .section_card .section_body .card h3{
    margin: 8px 0 0 0;
    font-size: var(--web_label_size_l2);
    line-height: var(--web_label_line_height_l2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
}

.appilix_why .section_card .section_body .card ul{
    margin: 20px 0 0 0;
}
.appilix_why .section_card .section_body .card ul li{
    padding: 0 0 0 32px;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
}
.appilix_why .section_card .section_body .card ul li:not(:first-child){
    margin: 16px 0 0 0;
}
.appilix_why .section_card .section_body .card.challenges ul li{
    background: url("../images/theme/icons/appilix_list_cross_icon.svg") no-repeat left center ;
    background-size: 20px;
}
.appilix_why .section_card .section_body .card.solutions ul li{
    background: url("../images/theme/icons/appilix_list_tick_icon.svg") no-repeat left center ;
    background-size: 20px;
}


/* For PC View */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_why{
        margin: 60px 0 0 0;
    }
    .appilix_why .section_card{
        margin: 0;
        padding: 40px 0;
        border-radius: 0;
        background-image: linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    }
    .appilix_why .section_card .section_header{
        text-align: left;
    }
    .appilix_why .section_card .section_header .section_title{
        text-align: left;
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
        font-weight: var(--font_weight_medium);
        max-width: 345px;
        margin: 0;
    }
    .appilix_why .section_card .section_header .short_description{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_why .section_card .section_body{
        margin: 32px 0 0 0;
        flex-direction: column;
        gap: 14px;
    }
    .appilix_why .section_card .section_body .card ul li{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_why .section_card .section_body .card.challenges ul li{
        background-position-x: left;
        background-position-y: 5px;
    }
    .appilix_why .section_card .section_body .card.solutions ul li{
        background-position-x: left;
        background-position-y: 5px;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_why{
        margin: 40px 0;
    }
    .appilix_why .section_card .section_header .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_why .section_card .section_header .short_description{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_why .section_card .section_body .card{
        padding: 24px;
    }
    .appilix_why .section_card .section_body .card ul li{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
}








/* =======================================*/
/* Appilix Testimonial Section */
/* =======================================*/
.appilix_testimonials{
    padding: 120px 0 88px 0;
    background: var(--surface_s3);
}
.appilix_testimonials .section_title{
    text-align: center;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_regular);
    width: 100%;
    max-width: 764px;
    margin: 0 auto;
    color: var(--typography_dark_500);
}
.appilix_testimonials .testimony_cards{
    width: 100%;
    max-width: 764px;
    margin: 60px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.appilix_testimonials .testimony_cards .t_card{
    width: 100%;
    min-height: 340px;
    border-radius: 20px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
}
.appilix_testimonials .testimony_cards .t_card.card_1{
    background: var(--orange_100);
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.48);
}
.appilix_testimonials .testimony_cards .t_card.card_2{
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_testimonials .testimony_cards .t_card.card_3{
    background: var(--error_200);
    box-shadow: 0 0 0 1px #E8D9DC;
}
.appilix_testimonials .testimony_cards .t_card .title{
    font-size: var(--web_body_size_b2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_dark_300);
}
.appilix_testimonials .testimony_cards .t_card .testimony{
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b1);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b1);
    color: var(--typography_dark_500);
}
.appilix_testimonials .testimony_cards .t_card .user_details{
    display: flex;
    gap: 20px;
}
.appilix_testimonials .testimony_cards .t_card .user_details .user_img{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
}
.appilix_testimonials .testimony_cards .t_card .user_details .user_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.appilix_testimonials .testimony_cards .t_card .user_details .user_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.appilix_testimonials .testimony_cards .t_card .user_details .user_name{
    font-size: var(--web_body_size_b2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_dark_500);
}
.appilix_testimonials .testimony_cards .t_card .user_details .user_role{
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_dark_300);
}

/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){

}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_testimonials{
        padding: 40px 0;
    }
    .appilix_testimonials .section_title{
        text-align: left;
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
        width: 50%;
        margin: 0;
    }
    .appilix_testimonials .testimony_cards{
        width: 100%;
        max-width: 764px;
        margin: 60px auto 0 auto;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .appilix_testimonials .testimony_cards .t_card .title{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_testimonials .testimony_cards .t_card .testimony{
        margin: 20px 0 0 0;
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
    }
    .appilix_testimonials .testimony_cards .t_card .user_details .user_img{
        width: 48px;
        height: 48px;
    }
    .appilix_testimonials .testimony_cards .t_card .user_details .user_name{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_testimonials .testimony_cards .t_card .user_details .user_role{
        font-size: var(--mobile_body_size_b4);
        line-height: var(--mobile_body_line_height_b4);
    }
}





/* =======================================*/
/* Appilix CTA Section */
/* =======================================*/

.appilix_cta_community{
    padding: 88px 0 0 0;
    background: var(--surface_s2);
}

.appilix_cta_community .community_card{
    padding: 72px 80px;
    width: 100%;
    border-radius: 28px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    background-image: url("../images/theme/backgrounds/appilix_background_pattern.svg"), linear-gradient(180deg, #072B29 0%, #0E1D1C 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px rgba(7, 43, 40, 0.60);
    text-align: center;
}
.appilix_cta_community .community_card .section_title{
    font-size: var(--web_heading_size_h2);
    color: var(--typography_light_500);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_regular);
}
.appilix_cta_community .community_card .short_description{
    color: var(--typography_light_400);
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
    margin: 20px auto 0 auto;
    max-width: 550px;
}
.appilix_cta_community .community_card .button{
    margin: 40px 0 0 0;
    display: inline-block;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
    padding: 8px 52px 8px 20px;
    border-radius: 100px;
    border-top: 1px solid #0E1D1C;
    border-left: 1px solid #0E1D1C;
    border-right: 1px solid #0E1D1C;
    transition: all 0.3s ease;
    background: var(--green_primary_500) url("../images/theme/icons/appilix_feature_card_icon_2_white.svg") no-repeat;
    background-size: 24px;
    background-position-y: center;
    background-position-x: calc(100% - 20px);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
}

/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_cta_community{
        margin: 0;
        padding: 40px 0;
        background: var(--surface_s1);
    }
    .appilix_cta_community .community_card{
        padding: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        background-image: none;
        box-shadow: none;
    }
    .appilix_cta_community .community_card .section_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }

    .appilix_cta_community .community_card .short_description{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
        margin: 16px auto 0 auto;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){


    .appilix_cta_community .community_card .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_cta_community .community_card .short_description{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
}







/* =======================================*/
/* Appilix Trust Factor section */
/* =======================================*/
.appilix_trust_factors{
    padding: 120px 0 80px 0;
    background: url("../images/theme/backgrounds/appilix_background_pattern_3.svg") no-repeat center;
    background-size: cover;
}
.appilix_trust_factors .section_title{
    text-align: center;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_500);
    width: 100%;
    max-width: 764px;
    margin: 0 auto;
}
.appilix_trust_factors .fact_cards{
    margin: 48px 0 0 0;
    display: flex;
    justify-content: center;
    gap: 24px;
}
.appilix_trust_factors .fact_cards .f_card{
    flex: 1;
    min-width: 0;
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    transition: flex 0.4s ease;
}
.appilix_trust_factors .fact_cards .f_card.active{
    flex: 1.8;
}
.appilix_trust_factors .fact_cards:hover .f_card.active{
    flex: 1;
}
.appilix_trust_factors .fact_cards:hover .f_card:hover{
    flex: 1.8;
}
.appilix_trust_factors .fact_cards .f_card .card_icon{
    width: 50px;
    height: 28px;
    border-radius: 100px;
}

.appilix_trust_factors .fact_cards .f_card.c_1 .card_icon{
    background: var(--orange_100) url("../images/theme/icons/appilix_shild_icon.svg") no-repeat center;
    background-size: 20px;
}
.appilix_trust_factors .fact_cards .f_card.c_2 .card_icon{
    background: var(--warning_400) url("../images/theme/icons/appilix_card_icon.svg") no-repeat center;
    background-size: 20px;
}
.appilix_trust_factors .fact_cards .f_card.c_3 .card_icon{
    background: var(--error_200) url("../images/theme/icons/appilix_eye_icon.svg") no-repeat center;
    background-size: 20px;
}
.appilix_trust_factors .fact_cards .f_card.c_4 .card_icon{
    background: var(--gray_100) url("../images/theme/icons/appilix_support_icon.svg") no-repeat center;
    background-size: 20px;
}
.appilix_trust_factors .fact_cards .f_card h3{
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    text-align: center;
}

/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .trust_bar{
        display: none;
    }
    .appilix_trust_factors{
        padding: 80px 0;
        background: none;
    }
    .appilix_trust_factors .fact_cards{
        flex-wrap: wrap;
        gap: 14px;
    }
    .appilix_trust_factors .fact_cards .f_card{
        flex: 1 0 30%;
        transition: none;
    }
    .appilix_trust_factors .fact_cards .f_card.active,
    .appilix_trust_factors .fact_cards:hover .f_card.active,
    .appilix_trust_factors .fact_cards:hover .f_card:hover{
        flex: 1 0 30%;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_trust_factors{
        padding: 60px 0;
        background: none;
    }
    .appilix_trust_factors .section_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
        font-weight: var(--font_weight_medium);
        max-width: 343px;
    }
    .appilix_trust_factors .fact_cards{
        margin: 32px 0 0 0;
        flex-direction: column;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_trust_factors{
        padding: 40px 0;
    }
    .appilix_trust_factors .section_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
        font-weight: var(--font_weight_medium);
    }
}









/* =======================================*/
/* Appilix Pricing Section */
/* =======================================*/
.appilix_pricing{
    padding: 88px 0;
    background: var(--surface_s3);
}
.appilix_pricing .section_header{
    text-align: center;
}
.appilix_pricing .section_header .section_badge{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    background: var(--green_primary_50);
    padding: 4px 16px;
    border-radius: 100px;
    margin: 0 auto;
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-top: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_pricing .section_header .section_title{
    margin: 20px auto 0 auto;
    font-size: var(--web_heading_size_h3);
    line-height: var(--web_heading_line_height_h3);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_pricing .section_header .short_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
}

.appilix_pricing .section_body{
    margin: 60px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.appilix_pricing .section_body .category_selector{
    padding: 4px;
    border-radius: 100px;
    border: 1px solid var(--gray_200);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.appilix_pricing .section_body .plan_tabs{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 100px;
}
.appilix_pricing .section_body .plan_tabs .tab_item{
    padding: 6px 16px;
    flex: 1;
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    color: var(--typography_dark_300);
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
}
.appilix_pricing .section_body .plan_tabs .tab_item.active_tab{
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    border-radius: 100px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}

.appilix_pricing .section_body .plan_cards{
    margin: 36px auto 0 auto;
}
.appilix_pricing .plan_cards .categories {
    display: none;
}

.appilix_pricing .plan_cards .categories.active,
.appilix_pricing:not(.js_ready) .plan_cards .categories:first-child {
    display: flex;
    gap: 24px;
}
@keyframes shimmer_sweep {
    0%   { transform: translateX(-150%) skewX(-15deg); }
    100% { transform: translateX(250%) skewX(-15deg); }
}
.appilix_pricing .section_body .plan_cards .categories .plan_card{
    flex: 1;
    max-width: 548px;
    padding: 28px;
    border-radius: 20px;
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-top: 1px solid var(--surface_s3);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card:hover{
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.10);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg);
    pointer-events: none;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.shimmer::before{
    animation: shimmer_sweep 0.8s ease forwards;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.free_plan{
    background: var(--orange_100);
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.48);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.premium_plan{
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.standard_plan{
    background: var(--error_200);
    box-shadow: 0 0 0 1px #E8D9DC;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .plan_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .plan_title h4{
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .plan_title span{
    display: none;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .plan_title .badge{
    position: relative;
    color: var(--typography_light_500);
    font-size: var(--web_body_size_b5);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b5);
    padding: 4px 12px;
    border-radius: 1000px;
    border: 1px solid rgba(30, 138, 122, 0.30);
    background: linear-gradient(180deg, #1E8A7A 0%, #1E8A7A 100%);
    background-clip: padding-box;
    box-shadow:
            0 1px 4px 2px #D2FFF8 inset,
            0 42px 107px 0 rgba(30, 138, 122, 0.14),
            0 24.721px 32.257px 0 rgba(30, 138, 122, 0.08),
            0 10.268px 13.398px 0 rgba(30, 138, 122, 0.08),
            0 0 0 1px #E6F1F0,
            0 0 0 2px rgba(30, 138, 122, 0.12);
    overflow: hidden;

}
.appilix_pricing .section_body .plan_cards .categories .plan_card .plan_title .badge::before{
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("../images/theme/backgrounds/appilix_popular_price.png");
    background-size: 122px;
    background-position: center;
    background-repeat: no-repeat;
    mix-blend-mode: screen;

}
.appilix_pricing .section_body .plan_cards .categories .plan_card h3{
    margin: 28px 0 0 0;
    font-size: var(--web_label_size_l2);
    line-height: var(--web_label_line_height_l2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card p{
    margin: 12px 0 0 0;
    font-size: var(--web_body_size_b5);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b5);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .button{
    margin: 28px 0 0 0;
    display: block;
    padding: 8px 20px;
    text-align: center;
    background: var(--surface_s3);
    border-radius: 100px;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card .button span{
    padding: 0 32px;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_medium);
    border-radius: 100px;
    background: url("../images/theme/icons/appilix_feature_card_icon_2.svg") no-repeat center right;
    background-size: 24px;
    color: var(--typography_dark_500);
    white-space: nowrap;
}

.appilix_pricing .section_body .plan_cards .categories .plan_card.free_plan .button{
    border-top: 1px solid var(--orange_100);
    border-right: 1px solid var(--orange_100);
    border-left: 1px solid var(--orange_100);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.premium_plan .button {
    background: var(--green_primary_500);
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.premium_plan .button span{
    color: var(--typography_light_500);
    background: url("../images/theme/icons/appilix_feature_card_icon_2_white.svg") no-repeat center right;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card.standard_plan .button{
    border-top: 1px solid var(--error_200);
    border-right: 1px solid var(--error_200);
    border-left: 1px solid var(--error_200);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.appilix_pricing .section_body .plan_cards .categories .plan_card ul{
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 0 0 20px;
}
.appilix_pricing .section_body .plan_cards .categories .plan_card ul li{
    list-style-type: disc;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b3);
}

/*Mobile Responsive Design*/
@media screen and (max-width: 1350px){

}

@media screen and (max-width: 1280px){

}
@media screen and (max-width: 992px){
    .appilix_pricing .section_header .section_title{
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_pricing .section_header .short_description{
        margin: 16px auto 0 auto;
        font-size: var(--web_body_size_b4);
        line-height: var(--web_body_line_height_b4);
    }
    .appilix_pricing .section_body{
        margin: 50px 0 0 0;
        gap: 18px;
    }
    .appilix_pricing .section_body .plan_cards{}
    .appilix_pricing .section_body .plan_cards .categories{
        flex-direction: column;
        gap: 18px;
    }
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 576px){

}







/* =======================================*/
/* Appilix Combo Plan Section */
/* =======================================*/
.appilix_combo_pac{
    padding: 80px 0;
    background: var(--surface_s3);
}
.appilix_combo_pac .section_header{
    text-align: center;
}
.appilix_combo_pac .section_header .section_badge {
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    background: var(--green_primary_50);
    padding: 4px 16px;
    border-radius: 100px;
    margin: 0 auto;
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-top: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_combo_pac .section_header .section_title{
    margin: 20px auto 0 auto;
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    color: var(--typography_dark_500);
}
.appilix_combo_pac .section_header .short_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_regular);
}
.appilix_combo_pac .section_body{
    margin: 48px 0 0 0;
    width: 100%;
    display: flex;
    gap: 20px;
}
.appilix_combo_pac .section_body .card{
    padding: 28px;
    border-radius: 20px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
}
.appilix_combo_pac .section_body .card .pack_price h4{
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    color: var(--typography_dark_500);
}
.appilix_combo_pac .section_body .card .pack_price h3{
    margin: 20px 0 0 0;
    font-size: 28px;
    line-height: 36px;
    font-weight: var(--font_weight_extra_bold);
    background: linear-gradient(131deg, #073830 15.05%, #149E87 112.45%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.appilix_combo_pac .section_body .card .pack_price h3 span{
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b3);
}
.appilix_combo_pac .section_body .card .pack_price p{
    margin: 20px 0 0 0;
    color: #073830;
    font-size: var(--web_body_size_b5);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b4);
}
.appilix_combo_pac .section_body .card .button{
    margin: 28px 0 0 0;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    background: var(--green_primary_500);
    color: var(--typography_light_500);
    white-space: nowrap;
    box-shadow: rgba(30, 138, 122, 0.6) 0 0 0 1px;
}
.appilix_combo_pac .section_body .card .divider{
    width: 1px;
    height: 100%;
    background: var(--gray_300);
}
.appilix_combo_pac .section_body .card.enterprise_card{
    flex: 1;
    display: flex;
    gap: 30px;
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_combo_pac .section_body .card.enterprise_card .pack_details{
    flex: 1.5;
}
.appilix_combo_pac .section_body .card.enterprise_card .pack_details ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.appilix_combo_pac .section_body .card.enterprise_card .pack_details ul li{
    list-style: disc inside;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.8);
}
.appilix_combo_pac .section_body .card.enterprise_card .pack_price{
    flex: 1;
}
.appilix_combo_pac .section_body .card.combo_card{
    flex: 1.4;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    background: var(--warning_300);
    box-shadow: 0 0 0 1px #EEEDE1;
}
.appilix_combo_pac .section_body .card.combo_card .pack_price{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}



/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_combo_pac .section_body{
        margin: 40px 0 0 0;
        flex-direction: column;
    }
    .appilix_combo_pac .section_body .card .divider{
        width: 100%;
        height: 1px;
    }
    .appilix_combo_pac .section_body .card.enterprise_card{
        flex: 1;
        flex-direction: column;
    }
    .appilix_combo_pac .section_body .card.combo_card{
        flex: 1;
        flex-direction: column;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_combo_pac{
        padding: 80px 0 0 0;
    }
    .appilix_combo_pac .section_header .section_badge {
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_combo_pac .section_header .section_title{
        margin: 18px auto 0 auto;
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
    .appilix_combo_pac .section_header .short_description{
        margin: 18px auto 0 auto;
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
    }
    .appilix_combo_pac .section_body .card .pack_price h4{
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_combo_pac{
        padding: 60px 0 0 0;
    }
    .appilix_combo_pac .section_header .section_badge {
        font-size: var(--mobile_body_size_b4);
        line-height: var(--mobile_body_line_height_b4);
    }
    .appilix_combo_pac .section_header .section_title{
        margin: 16px auto 0 auto;
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_combo_pac .section_header .short_description{
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_combo_pac .section_body{
        margin: 32px 0 0 0;
        flex-wrap: wrap;
    }
    .appilix_combo_pac .section_body .card .pack_price h4{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
    .appilix_combo_pac .section_body .card .pack_price h3{
        margin: 16px 0 0 0;
    }
}




/* =======================================*/
/* Appilix Trusted by gray Section */
/* =======================================*/
.appilix_trusted_by.gray{
    padding: 80px 0 80px 0;
    background: var(--surface_s2);
}
.appilix_trusted_by.gray .section_content .company_logo_container::before{
    left: 0;
    background: linear-gradient(90deg, var(--surface_s2) 0%, rgba(255, 255, 255, 0) 90%);
}
.appilix_trusted_by.gray .section_content .company_logo_container::after{
    right: 0;
    background: linear-gradient(-90deg, var(--surface_s2) 0%, rgba(255, 255, 255, 0) 90%);
    z-index: 1;
}
.appilix_trusted_by .section_content .company_logo_container .logo_slider{
    display: flex;
    gap: 60px;
    animation: scroll-left 20s linear infinite;
}

/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_trusted_by.gray{
        padding: 40px 0;
    }
}






/* =======================================*/
/* Appilix FAQ Section */
/* =======================================*/
.appilix_faq{
    padding: 80px 0;
    background: var(--surface_s3);
}
.appilix_faq .sec_wrapper{
    max-width: 600px;
    margin: 0 auto ;
}
.appilix_faq .sec_wrapper .sec_header{
    max-width: 432px;
    margin: 0 auto;
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    color: var(--typography_dark_500);
    text-align: center;
}
.appilix_faq .sec_wrapper .sec_body{
    margin: 40px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.appilix_faq.js_ready .sec_wrapper .sec_body .qna{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.appilix_faq.js_ready .sec_wrapper .sec_body .qna.animated{
    opacity: 1;
    transform: translateY(0);
}
.appilix_faq .sec_wrapper .sec_body .qna{
    padding: 16px 20px;
    background: #FAFAFA;
    border-radius: 12px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px #F0F0F0;
}
.appilix_faq .sec_wrapper .sec_body .qna h3{
    width: 100%;
    padding: 0 20px 0 0;
    font-size: var(--web_body_size_b2);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_dark_500);
    background: url("../images/theme/icons/appilix_plus_sign.svg") no-repeat right center;
    background-size: 20px;
    cursor: pointer;
}
.appilix_faq .sec_wrapper .sec_body .qna.active h3{
    background: url("../images/theme/icons/appilix_minus_sign.svg") no-repeat right center;
    background-size: 20px;
    transition: all 0.5s ease;
}
.appilix_faq .sec_wrapper .sec_body .qna p{
    width: 100%;
    margin: 16px 0 0 0;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b4);
    display: none;

    transition: max-height 0.5s ease;
}
.appilix_faq .sec_wrapper .sec_body .qna.active p{
    display: inline-block;
    max-height: 250px;
}
.appilix_faq .sec_wrapper .sec_footer{
    margin: 32px 0 0 0;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 20px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px rgba(7, 43, 40, 0.60);
    background: url("../images/theme/backgrounds/appilix_cta_pattern.svg"), var(--surface_s1) ;
    Background-position: center;
    Background-size: cover;
}
.appilix_faq .sec_wrapper .sec_footer .logo{
    background: url("../images/logos/appilix_logo_light.svg") no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 40px;
    margin: 0 auto;
}
.appilix_faq .sec_wrapper .sec_footer p{
    max-width: 332px;
    font-size: var(--web_body_size_b2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b2);
    color: var(--typography_light_500);
    text-align: center;
}
.appilix_faq .sec_wrapper .sec_footer .btn{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 100px;
    transition: all 0.3s ease;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--green_primary_800);
    border-right: 1px solid var(--green_primary_800);
    border-left: 1px solid var(--green_primary_800);
    border-bottom: 0;
    background-color: var(--green_primary_500);
    color: var(--typography_light_500);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
}

.appilix_faq .sec_wrapper .sec_footer .btn:hover{
    background-color: var(--green_primary_600);
}








/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){

}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_faq{
        padding: 40px 0;
    }
    .appilix_faq .sec_wrapper .sec_header{
        max-width: 303px;
        font-size: var(--mobile_heading_size_h2);
        font-weight: var(--font_weight_medium);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_faq .sec_wrapper .sec_body{
        margin: 32px 0 0 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .appilix_faq .sec_wrapper .sec_body .qna{
        padding: 16px 20px;
        background: #FAFAFA;
        border-radius: 12px;
    }
    .appilix_faq .sec_wrapper .sec_body .qna h3{
        width: 100%;
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
    }
    .appilix_faq .sec_wrapper .sec_body .qna p{
        width: 95%;
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_faq .sec_wrapper .sec_footer{
        margin: 20px 0 0 0;
        background: var(--surface_s1) ;
    }
    .appilix_faq .sec_wrapper .sec_footer .logo{
        height: 24px;
    }
    .appilix_faq .sec_wrapper .sec_footer p{
        max-width: 239px;
        font-size: var(--mobile_body_size_b1);
        line-height: var(--mobile_body_line_height_b1);
        font-weight: var(--font_weight_regular);
    }
}






/* =======================================*/
/* Appilix Footer Section */
/* =======================================*/
.appilix_footer {
    margin: 12px;
    border-radius: 28px;
    padding: 80px 0 0 0;
    background: var(--surface_s1);
    border-top: 1px solid var(--surface_s2);
    border-right: 1px solid var(--surface_s2);
    border-left: 1px solid var(--surface_s2);
    box-shadow: 0 0 0 1px rgba(7, 43, 40, 0.6);
    overflow: hidden;
}
.appilix_footer .footer_links{
    display: flex;
    gap: 16px;
    justify-content: space-between;
    color: var(--typography_light_500);
}
.appilix_footer .footer_links h3{
    padding: 0 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--web_body_size_b1);
    line-height: var(--web_body_line_height_b1);
    font-weight: var(--font_weight_regular);
}
.appilix_footer .footer_links ul li{
    margin: 12px 0 0 0;
}
.appilix_footer .footer_links ul li a{
    color: var(--typography_light_400);
    font-size: var(--web_body_size_b2);
    line-height: var(--web_body_line_height_b2);
}
.appilix_footer .footer_links h3 span{
    display: none;
    width: 28px;
    height: 28px;
    background: url("../images/theme/icons/appilix_arrow_down_white.svg") no-repeat center;
    transition: all 0.3s ease;
}



/*Copy Right*/
.appilix_footer .copy_right{
    margin: 72px 0 0 0;
    padding: 20px 0;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
    color: var(--typography_light_300);
    border-top: 1px solid var(--green_primary_800);
    border-bottom: 1px solid var(--green_primary_800);
}
.appilix_footer .copy_right span{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
}
.appilix_footer .copy_right .policy_links{
    display: flex;
    gap: 40px;
    align-items: center;
}
.appilix_footer .copy_right .policy_links a{
    color: var(--typography_light_300);
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b2);
}

/*Footer Logo*/
.appilix_footer .footer_logo{
    width: 100%;
    height: 250px;
    margin: 40px 0 -45px 0;
    background: url("../images/logos/appilix_logo_light.svg") no-repeat;
    background-size: 100%;
    padding: 80px 0 0 0;
    transition: all 0.3s ease;
}


/*Mobile Responsive Design*/
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}

/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_footer .footer_logo{
        height: 200px;
    }

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_footer {
        margin: 0;
        border-radius: 0;
        padding: 40px 0 0 0;
        border: none;
    }
    .appilix_footer .footer_links{
        flex-direction: column;
        gap: 16px;
    }
    .appilix_footer .footer_links ul li{
        display: none;
        transition: all 0.3s ease;
    }
    .appilix_footer .footer_links h3{
        padding: 0;
        font-size: var(--mobile_heading_line_height_h4);
        line-height: var(--mobile_heading_line_height_h4);
        font-weight: var(--font_weight_regular);
        cursor: pointer;
    }
    .appilix_footer .footer_links ul li a{
        color: var(--typography_light_400);
        font-size: var(--web_body_size_b2);
        line-height: var(--web_body_line_height_b2);
    }
    .appilix_footer .footer_links h3 span{
        display: inline-block;
    }



    .appilix_footer .copy_right span{
        font-size: var(--web_body_size_b4);
        line-height: var(--web_body_line_height_b2);
    }
    .appilix_footer .copy_right .policy_links{
        display: flex;
        gap: 40px;
        align-items: center;
    }
    .appilix_footer .copy_right .policy_links a{
        color: var(--typography_light_300);
        font-size: var(--web_body_size_b4);
        line-height: var(--web_body_line_height_b2);
    }


    /*Mobile Menu Active*/
    .appilix_footer .footer_links .footer_menu.active ul li{
        display: flex;
        transition: all 0.3s ease;
    }
    .appilix_footer .footer_links .footer_menu.active h3 span{
        transform: rotate(180deg);
        transition: all 0.3s ease;
    }
    .appilix_footer .footer_links .footer_menu.active li{
        margin: 20px 0 0 0;
    }

    .appilix_footer .footer_logo{
        margin: 20px 0 -4px 0;
        height: auto;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_footer .footer_logo{
        margin: 20px 0 -4px 0;
        height: auto;
    }
}



/* =========================================*/
/* Appilix Pricing Page */
/* =========================================*/

.appilix_pricing.price_page_hero{
    padding: 12px 12px 0 12px;
    background: var(--surface_s2);
}
.appilix_pricing.price_page_hero .wrapper{
    border-radius: 20px 20px 0 0;
    background: var(--surface_s3);
    padding: 148px 0 60px 0;
}
.appilix_pricing.price_page_hero .section_header .short_description{
    max-width: 700px;
}


.appilix_combo_pac.price_page_combo{
    padding: 0 12px 0 12px;
    background: var(--surface_s2);
}
.appilix_combo_pac.price_page_combo .wrapper{
    border-radius: 0 0 20px 20px;
    padding: 60px 0 88px 0;
    background: var(--surface_s3);
}

@media screen  and (max-width: 768px) {
    .appilix_pricing.price_page_hero {
        padding: 0;
    }
    .appilix_pricing.price_page_hero .wrapper {
        border-radius: 0;
        padding: 120px 0 40px 0;
    }
    .appilix_combo_pac.price_page_combo{
        padding: 0;
    }
    .appilix_combo_pac.price_page_combo .wrapper{
        border-radius: 0;
        padding: 20px 0 40px 0;
    }
}

/* =========================================*/
/* Appilix Pricing Page Why appilix Section */
/* =========================================*/
.appilix_why_us{
    padding: 120px 0;
    background: var(--surface_s3);
}
.appilix_why_us .sec_title{
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    text-align: center;
}
.appilix_why_us .sec_cards{
    margin: 60px 0 0 0;
    display: flex;
    gap: 20px;
}
.appilix_why_us .sec_cards .card{
    padding: 32px;
    border-radius: 24px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
}
.appilix_why_us .sec_cards .card .card_icon{
    width: 32px;
    height: 32px;
}
.appilix_why_us .sec_cards .card .card_content{
    margin: 100px 0 0 0;
}
.appilix_why_us .sec_cards .card .card_content h3{
    font-size: var(--web_label_size_l2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_label_line_height_l2);
}
.appilix_why_us .sec_cards .card .card_content p{
    margin: 16px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.appilix_why_us .sec_cards .card.card_1{
    background: var(--orange_100);
    box-shadow: 0 0 0 1px rgba(231, 208, 195, 0.48);
}
.appilix_why_us .sec_cards .card.card_1 .card_icon{
    background: url("../images/theme/icons/appilix_card_icon.svg") no-repeat center center;
}
.appilix_why_us .sec_cards .card.card_2{
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_why_us .sec_cards .card.card_2 .card_icon{
    background: url("../images/theme/icons/appilix_security_check.svg") no-repeat center center;
}
.appilix_why_us .sec_cards .card.card_3{
    background: var(--error_200);
    box-shadow: 0 0 0 1px #E8D9DC;
}
.appilix_why_us .sec_cards .card.card_3 .card_icon{
    background: url("../images/theme/icons/appilix_support_icon.svg") no-repeat center center;
}
.appilix_why_us .sec_footer{
    margin: 40px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.appilix_why_us .sec_footer .button{
    padding: 6px 16px;
    border-radius: 100px;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
}
.appilix_why_us .sec_footer .button.btn_1{
    background: var(--green_primary_500);
    color: var(--typography_light_500);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.60);
}
.appilix_why_us .sec_footer .button.btn_2{
    color: var(--typography_dark_500);
    background: var(--error_200);
    box-shadow: 0 0 0 1px #E8D9DC;
}



@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_why_us{
        padding: 80px 0;
    }
    .appilix_why_us .sec_title{
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_why_us .sec_cards{
        margin: 40px auto 0 auto;
        flex-wrap: wrap;
        max-width: 70%;
    }
    .appilix_why_us .sec_cards .card{
        width: 100%;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_why_us .sec_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_why_us{
        padding: 40px 0;
    }
    .appilix_why_us .sec_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_why_us .sec_cards{
        margin: 32px auto 0 auto;
        flex-wrap: wrap;
        max-width: 100%;
    }
    .appilix_why_us .sec_footer{
        margin: 28px 0 0 0;
    }
}





/* =========================================*/
/* Appilix Pricing Page Table Section */
/* =========================================*/
.appilix_pricing_table{
    padding: 120px 0;
}
.appilix_pricing_table .section_header{
    margin: 0 auto;
    max-width: 630px;
    text-align: center;
}
.appilix_pricing_table .section_header .section_title{
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    color: var(--typography_dark_500);
}
.appilix_pricing_table .section_header .short_description{
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.appilix_pricing_table .section_body{
    margin: 48px 0 0 0;
    padding: 12px 28px;
    background: var(--surface_s3);
    border-radius: 24px;
    border-top: 1px solid var(--surface_s2);
    border-right: 1px solid var(--surface_s2);
    border-left: 1px solid var(--surface_s2);
    box-shadow: 0 0 0 1px var(--surface_s3);
}


/**********************************/
.appilix_pricing_table .section_body .table{
    position: relative;
    z-index: 1;
}
.appilix_pricing_table .section_body .table::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;

    /* adjust this based on your column widths */
    left: 60%;              /* start position */
    width: 20%;             /* column width */

    background: #eaf3f2;
    border-radius: 16px;
    z-index: -1;
}
.appilix_pricing_table.js_ready .section_body .table .row.table_item{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.appilix_pricing_table.js_ready .section_body .table .row.table_item.animated{
    opacity: 1;
    transform: translateY(0);
}
.appilix_pricing_table .section_body .table .row{
    display: flex;
    color: var(--typography_dark_500);
    padding: 12px 0;
    align-items: center;
}
.appilix_pricing_table .section_body .table .row:first-child{
    padding: 0 0 20px 0;
    font-size: var(--web_body_size_b1);
}
.appilix_pricing_table .section_body .table .row:not(:last-child){
    border-bottom: 1px solid var(--gray_200);
}
.appilix_pricing_table .section_body .table .row p{
    width: 100%;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_medium);
}
.appilix_pricing_table .section_body .table .row .items:first-child{
    flex: 2;
}
.appilix_pricing_table .section_body .table .row .items:not(:first-child){
    flex: 1;
    text-align: center;
}



.appilix_pricing_table .section_body .table .row .items .mob_view{
    display: none;
}

.appilix_pricing_table .section_body .table .row.feature_column{
    flex: 2;
}
.appilix_pricing_table .section_body .table .row h5{
    margin: 16px 0 0 0;
    font-size: var(--web_body_size_b1);
    font-weight: var(--font_weight_regular);
    line-height: var(--web_body_line_height_b1);
    color: var(--typography_dark_500);
}

.appilix_pricing_table .section_body .table p:last-child{
    margin: 0 0 4px 0;
}
.appilix_pricing_table .section_body .table .row span{
    display: block;
    margin: 2px auto;
    width: 24px;
    height: 24px;
}
.appilix_pricing_table .section_body .table .row .checked{
    background: url("../images/theme/icons/appilix_checkmark_circle.svg") no-repeat center center;
}
.appilix_pricing_table .section_body .table .row .unchecked{
    background: url("../images/theme/icons/appilix_uncheckmark_sign.svg") no-repeat center center;
}
.appilix_pricing_table .section_body .table .row.lifetime_column{
    background: var(--green_primary_50);
    border-radius: 24px;
}


@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_pricing_table .section_body{
        width: 100%;
    }
    .appilix_pricing_table .section_body .table::before {
        display: none;
    }
    .appilix_pricing_table .section_body .table .row:first-child{
        display: none;
    }
    .appilix_pricing_table .section_body .table .row.table_item{
        display: flex;
        flex-direction: column;

    }
    .appilix_pricing_table .section_body .table .row span{
        margin: 2px 0;
        color: var(--typography_dark_100);
    }
    .appilix_pricing_table .section_body .table .row .items{
        display: flex;
        justify-content: space-between;
        text-align: left;
    }
    .appilix_pricing_table .section_body .table .row .items .mob_view{
        display: block;
    }

}
/* For Small Mobile View */
@media screen and (max-width: 576px){

}
/*******************************/




/*####################################################################################################################*/
/*Appilix Feature Page*/
/*####################################################################################################################*/
/* ===================================*/
/* Appilix Feature Page Hero Section */
/* ===================================*/
.appilix_feature_hero{
    padding: 12px 12px 0 12px;
    background: var(--surface_s3);
}
.appilix_feature_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 120px 0;
    background-color: var(--warning_300);
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_feature_hero .hero_wrapper .hero_title{
    margin: 0 auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_feature_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}
.appilix_feature_hero .hero_wrapper .hero_input_area{
    margin: 20px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 472px;
    background-color: var(--warning_300);
    border-radius: 100px;
    border: 1px solid var(--gray_400);
    padding: 8px 8px 8px 20px;
}
.appilix_feature_hero .hero_wrapper .hero_input_area input{
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: var(--typography_dark_400);
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
}
.appilix_feature_hero .hero_wrapper .hero_input_area input::placeholder{
    color: var(--typography_dark_300);
}
.appilix_feature_hero .hero_wrapper .hero_input_area button {
    cursor: pointer;
    position: relative;
    outline: none;
    padding: 8px 16px;
    white-space: nowrap;
    background: var(--btn_background_3);
    color: #ffffff;
    border-radius: 100px;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 1px var(--green_primary_600);
    border: 1px solid var(--green_primary_400);
    font-size: var(--web_label_large);
    line-height: var(--web_label_large_line_height);
    font-weight: var(--font_weight_medium);
}
.appilix_feature_hero .hero_wrapper .hero_input_area button:hover {
    background: var(--btn_background_2);
}
.appilix_feature_hero .hero_wrapper .hero_input_area button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1000px;
    border: 1px solid var(--green_primary_600);
}


.appilix_feature_hero .hero_wrapper .hero_input_area button.loading {
    cursor: not-allowed;
    background: var(--green_primary_100);
    border: 1px solid var(--green_primary_100);
}


.appilix_feature_hero .hero_wrapper .section_content {
    margin: 120px auto 0 auto;
    width: 100%;
    text-align: center;
}
.appilix_feature_hero .hero_wrapper .section_content .section_title{
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    color: var(--typography_dark_300);
    line-height: var(--web_body_line_height_b3);
}
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container {
    position: relative;
    margin: 48px auto 0 auto;
    overflow: hidden;
}
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container::before,
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 141px;
    z-index: 1;
}
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container::before{
    left: 0;
    background: linear-gradient(270deg, rgba(253, 252, 244, 0.00) 0%, #FDFCF4 90.32%);
}
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container::after{
    right: 0;
    background: linear-gradient(270deg, #FDFCF4 14.15%, rgba(253, 252, 244, 0.00) 100%);
    z-index: 1;
}
.appilix_feature_hero .hero_wrapper .section_content .company_logo_container .logo_slider{
    display: flex;
    gap: 60px;
    animation: scroll-left 20s linear infinite;
}


/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_feature_hero .hero_wrapper {
        padding: 120px 0 80px 0;
    }
    .appilix_feature_hero .hero_wrapper .hero_title{
        font-size: var(--web_heading_size_h3);
        line-height: var(--web_heading_line_height_h3);
        max-width: 538px;
    }
    .appilix_feature_hero .hero_wrapper .hero_description{
        max-width: 498px;
    }
    .appilix_feature_hero .hero_wrapper .section_content {
        margin: 70px auto 0 auto;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_feature_hero{
        padding: 0 50px;
        background: var(--warning_300);
    }
    .appilix_feature_hero .hero_wrapper .hero_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
        font-weight: var(--font_weight_medium);
        max-width: 100%;
    }
    .appilix_feature_hero .hero_wrapper .hero_description{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
        font-weight: var(--font_weight_regular);
        max-width: 100%;
    }
    .appilix_feature_hero .hero_wrapper .hero_input_area{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        border: none;
        padding: 0;
    }
    .appilix_feature_hero .hero_wrapper .hero_input_area input{
        width: 100%;
        background-color: transparent;
        border: 1px solid var(--gray_400);
        padding: 8px 16px;
        border-radius: 100px;
        outline: none;
        color: var(--typography_dark_400);
        font-size: var(--web_body_size_b5);
        line-height: var(--web_body_line_height_b5);
        font-weight: var(--font_weight_regular);
    }
    .appilix_feature_hero .hero_wrapper .hero_input_area button {
        width: 100%;
        text-align: center;
    }
    .appilix_feature_hero .hero_wrapper .section_content {
        margin: 48px auto 0 auto;
    }
    .appilix_feature_hero .hero_wrapper .section_content .company_logo_container {
        margin: 28px auto 0 auto;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_feature_hero{
        padding: 0;
    }
    .appilix_feature_hero .hero_wrapper{
        text-align: left;
        border-radius: 0;
        background-image: none;
        padding: 148px 0 40px 0;
    }
}




/* =====================================*/
/* Appilix Feature Page Feature Section */
/* =====================================*/
.appilix_feature{
    background: var(--surface_s3);
    padding: 120px 0 80px 0;
}
.appilix_feature .sec_hero_title{
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    color: var(--typography_dark_500);
    text-align: center;
    max-width: 572px;
    margin: 0 auto;
}

.appilix_feature.js_ready .feature_list .feature_card:nth-child(odd){
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.appilix_feature.js_ready .feature_list .feature_card:nth-child(even){
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.appilix_feature.js_ready .feature_list .feature_card.animated{
    opacity: 1;
    transform: translateX(0);
}
.appilix_feature .feature_list{
    margin: 60px auto 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.appilix_feature .feature_list .feature_card{
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding: 32px;
    border-radius: 20px;
    border-top: 2px solid var(--surface_s3);
    border-left: 2px solid var(--surface_s3);
    border-right: 2px solid var(--surface_s3);
}
.appilix_feature .feature_list .feature_card.card_1{
    background-color: var(--error_200);
    box-shadow: 0 0 0 1px #F2E9EB;
}
.appilix_feature .feature_list .feature_card.card_2{
    background-color: var(--green_primary_50);
    box-shadow: 0 0 0 1px #E9F3F2;
}
.appilix_feature .feature_list .feature_card.card_3{
    background-color: var(--orange_100);
    box-shadow: 0 0 0 1px #FCF3EF;
}
.appilix_feature .feature_list .feature_card.card_4{
    background-color: var(--gray_50);
    box-shadow: 0 0 0 1px #F5F5F5;
}
.appilix_feature .feature_list .feature_card.card_5{
    background-color: #F2F8FD;
    box-shadow: 0 0 0 1px #ECF1F3;
}
.appilix_feature .feature_list .feature_card.card_6{
    background-color: var(--warning_300);
    box-shadow: 0 0 0 1px #F4F3ED;
}

.appilix_feature .feature_list .feature_card .feature_icon{
    height: 32px;
    width: 32px;
    transform-origin: center bottom;
}
.appilix_feature .feature_list .feature_card:hover .feature_icon{
    animation: icon_wiggle 0.5s ease forwards;
}
@keyframes icon_wiggle{
    0%  { transform: rotate(0deg);   }
    20% { transform: rotate(-18deg); }
    40% { transform: rotate(18deg);  }
    60% { transform: rotate(-10deg); }
    80% { transform: rotate(10deg);  }
    100%{ transform: rotate(0deg);   }
}
.appilix_feature .feature_list .card_1 .feature_icon{
    background: url(../images/theme/icons/feature_page_sync_icon.svg) no-repeat center;
}
.appilix_feature .feature_list .card_2 .feature_icon{
    background: url(../images/theme/icons/feature_page_thunder_icon.svg) no-repeat center;
}
.appilix_feature .feature_list .card_3 .feature_icon{
    background: url(../images/theme/icons/feature_page_bell_icon.svg) no-repeat center;
}
.appilix_feature .feature_list .card_4 .feature_icon{
    background: url(../images/theme/icons/feature_page_anounce_icon.svg) no-repeat center;
}
.appilix_feature .feature_list .card_5 .feature_icon{
    background: url(../images/theme/icons/feature_page_file_upload_icon.svg) no-repeat center;
}
.appilix_feature .feature_list .card_6 .feature_icon{
    background: url(../images/theme/icons/feature_page_toggle_icon.svg) no-repeat center;
}

.appilix_feature .feature_list .feature_description{
    width: 100%;
}
.appilix_feature .feature_list .feature_description .use_for{
    font-size: var(--web_body_size_b5);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b5);
}
.appilix_feature .feature_list .feature_description .feature_name{
    margin: 16px 0 0 0;
    font-size: var(--web_label_size_l2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_label_line_height_l2);
    color: var(--typography_dark_500);
}
.appilix_feature .feature_list .feature_description .short_details{
    margin: 16px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}


.feature_sec_footer{
    margin: 60px 0 0 0;
    width: 100%;
    padding: 60px;
    background-image: url("../images/theme/backgrounds/appilix_feature_page_card_pattern.svg"), var(--surface_s1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: space-between;
    color: var(--typography_light_400);
    border-top: 1px solid var(--surface_s1);
}
.feature_sec_footer .card_element{
    flex: 1;
}
.feature_sec_footer .card_element .card_description{
    width: 100%;
}
.feature_sec_footer .card_element .card_description span{
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b4);
}
.feature_sec_footer .card_element .card_description h3{
    margin: 12px 0 0 0;
    font-size: var(--web_heading_size_h4);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h4);
    color: var(--typography_light_500);
}
.feature_sec_footer .card_element .card_description p{
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.feature_sec_footer .card_element .card_cta{
    margin: 48px 0 0 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
.feature_sec_footer .card_element input{
    background: transparent url(../images/theme/icons/feature_page_globe_icon_white.svg) no-repeat center left 16px;
    background-size: 20px;
    width: 100%;
    height: 44px;
    padding: 8px 16px 8px 44px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    outline: none;
    border-radius: 100px;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_500);
    line-height: var(--web_body_line_height_b4);
}
.feature_sec_footer .card_element input::placeholder{
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_regular);
    color: var(--typography_light_500);
    line-height: var(--web_body_line_height_b4);
}
.feature_sec_footer .card_element .button{
    outline: none;
    cursor: pointer;
    padding: 8px 20px;
    border-radius: 100px;
    transition: all 0.3s ease;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--green_primary_800);
    border-right: 1px solid var(--green_primary_800);
    border-left: 1px solid var(--green_primary_800);
    border-bottom: 0;
    background: var(--green_primary_500);
    color: var(--typography_light_500);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
    white-space: nowrap;
}
.feature_sec_footer .card_element .button:hover{
    background: var(--green_primary_600);
}

.feature_sec_footer .card_element .button.loading {
    cursor: not-allowed;
    background: var(--green_primary_100);
    border: 1px solid var(--green_primary_100);
}
.feature_sec_footer .card_image{
    flex: 1;
    max-width: 400px;
    height: 320px;
}
.feature_sec_footer .card_image img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: none;
}


/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_feature{
        padding: 80px 0;
    }
    .appilix_feature .sec_hero_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
    .appilix_feature .feature_list{
        margin: 38px auto 0 auto;
    }
    .appilix_feature .feature_list .feature_card{
        gap: 72px;
        padding: 24px;
    }

    .appilix_feature .feature_list .feature_description .feature_name{
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_feature .feature_list .feature_description .short_details{
        margin: 16px 0 0 0;
    }

    .feature_sec_footer{
        padding: 24px;
        gap: 20px;
        background-image: none, var(--surface_s1);
    }
    .feature_sec_footer .card_element .card_description h3{
        padding: 0 50px 0 0;
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .feature_sec_footer .card_element .card_description p{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .feature_sec_footer .card_element .card_cta{
        margin: 38px 0 0 0;
        flex-direction: column;
    }
    .feature_sec_footer .card_element .button{
        width: 100%;
        text-align: center;
    }
    .feature_sec_footer .card_image{
        max-width: 320px;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_feature{
        padding: 40px 0;
    }
    .appilix_feature .sec_hero_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
        max-width: 100%;
        padding: 0 10px;
    }
    .appilix_feature .feature_list{
        margin: 28px auto 0 auto;
        grid-template-columns: 1fr;
    }

    .appilix_feature .feature_list .feature_description .feature_name{
        margin: 12px 0 0 0;
    }
    .appilix_feature .feature_list .feature_description .short_details{
        margin: 12px 0 0 0;
    }

    .feature_sec_footer{
        margin: 28px 0 0 0;
        padding: 24px;
        gap: 0;
        background-image: none, var(--surface_s1);
    }
    .feature_sec_footer .card_element .card_description h3{
        padding: 0 50px 0 0;
        font-size: var(--mobile_heading_size_h3);
        line-height: var(--mobile_heading_line_height_h3);
    }
    .feature_sec_footer .card_element .card_description p{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .feature_sec_footer .card_element .card_cta{
        margin: 28px 0 0 0;
        flex-direction: column;
    }
    .feature_sec_footer .card_element .button{
        width: 100%;
        text-align: center;
    }
    .feature_sec_footer .card_image{
        display: none;
    }

}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_feature{
        padding: 40px 0;
    }
    .appilix_feature .sec_hero_title{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
        max-width: 100%;
        padding: 0 10px;
    }
    .appilix_feature .feature_list{
        margin: 28px auto 0 auto;
        grid-template-columns: 1fr;
    }

    .appilix_feature .feature_list .feature_description .feature_name{
        margin: 12px 0 0 0;
    }
    .appilix_feature .feature_list .feature_description .short_details{
        margin: 12px 0 0 0;
    }

    .feature_sec_footer{
        margin: 28px 0 0 0;
        padding: 24px;
        gap: 0;
        background-image: none, var(--surface_s1);
    }
    .feature_sec_footer .card_element .card_description h3{
        padding: 0 50px 0 0;
        font-size: var(--mobile_heading_size_h3);
        line-height: var(--mobile_heading_line_height_h3);
    }
    .feature_sec_footer .card_element .card_description p{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .feature_sec_footer .card_element .card_cta{
        margin: 28px 0 0 0;
        flex-direction: column;
    }
    .feature_sec_footer .card_element .button{
        width: 100%;
        text-align: center;
    }
    .feature_sec_footer .card_image{
        display: none;
    }
}



/* =====================================*/
/* Appilix Feature Page Feature Section */
/* =====================================*/
.appilix_key_feature{
    padding: 80px 0;
}
.appilix_key_feature .section_header{
    max-width: 623px;
    text-align: center;
    margin: 0 auto;
}
.appilix_key_feature .section_header h2{
    font-size: var(--web_heading_size_h3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_heading_line_height_h3);
    color: var(--typography_dark_500);
}
.appilix_key_feature .section_header p{
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}

.appilix_key_feature .section_body {
    margin: 60px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: center;
}
.appilix_key_feature.js_ready .section_body .feature_card{
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.appilix_key_feature.js_ready .section_body .feature_card.animated{
    opacity: 1;
    transform: translateY(0);
}
.appilix_key_feature .section_body .feature_card{
    max-width: 560px;
    min-width: 100px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: var(--surface_s2);
    box-shadow: 0 0 0 1px #FFFFFF;
}
.appilix_key_feature .section_body .feature_card .card_top{
    display: flex;
    align-items: center;
    gap: 28px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon{
    min-height: 64px;
    min-width: 64px;
    border-radius: 12px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 0 0 1px #FCF3EF;
    transform-origin: center bottom;
}
.appilix_key_feature .section_body .feature_card:hover .icon{
    animation: icon_wiggle 0.5s ease forwards;
}

.appilix_key_feature .section_body .feature_card .card_top .icon_1{
    background: url(../images/theme/icons/key_feature_icon_1.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_2{
    background: url(../images/theme/icons/key_feature_icon_2.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_3{
    background: url(../images/theme/icons/key_feature_icon_3.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_4{
    background: url(../images/theme/icons/key_feature_icon_4.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_5{
    background: url(../images/theme/icons/key_feature_icon_5.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_6{
    background: url(../images/theme/icons/key_feature_icon_6.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_7{
    background: url(../images/theme/icons/key_feature_icon_7.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_8{
    background: url(../images/theme/icons/key_feature_icon_8.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_9{
    background: url(../images/theme/icons/key_feature_icon_9.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_10{
    background: url(../images/theme/icons/key_feature_icon_10.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_11{
    background: url(../images/theme/icons/key_feature_icon_11.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_12{
    background: url(../images/theme/icons/key_feature_icon_12.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_13{
    background: url(../images/theme/icons/key_feature_icon_13.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_14{
    background: url(../images/theme/icons/key_feature_icon_14.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_15{
    background: url(../images/theme/icons/key_feature_icon_15.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_16{
    background: url(../images/theme/icons/key_feature_icon_16.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_17{
    background: url(../images/theme/icons/key_feature_icon_17.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .icon_18{
    background: url(../images/theme/icons/key_feature_icon_18.svg) no-repeat center;
    background-size: 32px;
}
.appilix_key_feature .section_body .feature_card .card_top .feature_name{
    font-size: var(--web_label_size_l2);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_label_line_height_l2);
    color: var(--typography_dark_500);
}
.appilix_key_feature .section_body .feature_card .card_bottom .short_details{
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.appilix_key_feature .section_body .feature_card .card_bottom .card_btn{
    margin: 24px 0 0 0;
    display: inline-block;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    text-decoration: none;
    padding: 8px 52px 8px 20px;
    border-radius: 100px;
    border-top: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    transition: all 0.3s ease;
    background: url("../images/theme/icons/appilix_feature_card_icon_2.svg") no-repeat;
    background-size: 24px;
    background-position-y: center;
    background-position-x: calc(100% - 20px);
    box-shadow: 0 0 0 1px #C2D9D5;
}



/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_key_feature{
        padding: 40px 0;
    }
    .appilix_key_feature .section_header{
        max-width: 100%;
    }
    .appilix_key_feature .section_header h2{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
    .appilix_key_feature .section_header p{
        margin: 20px 0 0 0;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }

    .appilix_key_feature .section_body {
        margin: 32px 0 0 0;
    }
    .appilix_key_feature .section_body .feature_card{
        max-width: 100%;
        min-width: 100%;
        gap: 28px;
        padding: 24px;
    }
    .appilix_key_feature .section_body .feature_card .card_top{
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .appilix_key_feature .section_body .feature_card .card_top .feature_name{
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_key_feature .section_body .feature_card .card_bottom .short_details{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
}




/* =========================================*/
/* Appilix Feature Page Testimonial Section */
/* =========================================*/
.fp_testimonial{
    padding: 88px 0 120px 0;
}
.fp_testimonial .section_title{
    max-width: 568px;
}


/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_pricing_table .section_body{
        width: 100%;
    }
    .appilix_pricing_table .section_body .table{
        overflow-x: auto;
    }
    .appilix_pricing_table .section_body .table .column:not(:first-child){
        min-width: 240px;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){

}

/* =================================*/
/* Appilix Feature Page FAQ Section */
/* =================================*/
.fp_faq{
    padding: 0 0 100px 0;
}



/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){

}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_pricing_table .section_body{
        width: 100%;
    }
    .appilix_pricing_table .section_body .table{
        overflow-x: auto;
    }
    .appilix_pricing_table .section_body .table .column:not(:first-child){
        min-width: 240px;
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){

}





/*####################################################################################################################*/
/*Appilix Contact Page*/
/*####################################################################################################################*/
/* ===================================*/
/* Appilix Contact Page Hero Section */
/* ===================================*/
.appilix_contact_hero{
    margin: 12px 12px 0 12px;
    border-radius: 20px;
    background: var(--surface_s3);
}
.appilix_contact_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 100px 0;
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_contact_hero .hero_wrapper .hero_title{
    margin: 0 auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_contact_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}

.appilix_contact_hero .sec_card_content{
    margin: 60px 0 0 0;
    display: flex;
    gap: 28px;
}
.appilix_contact_hero .sec_card_content .contact_card{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.appilix_contact_hero .sec_card_content .card{
    flex: 1;
    text-align: left;
    padding: 32px;
    border-radius: 24px;
    border-width: 1px 1px 0 1px;
    border-color: var(--surface_s3);
    border-style: solid ;
}
.appilix_contact_hero .sec_card_content .contact_card .card .icon{
    width: 32px;
    height: 32px;
}
.appilix_contact_hero .sec_card_content .contact_card .mail_card .icon{
    background: url("../images/theme/icons/appilix_support_icon.svg") no-repeat center;
}
.appilix_contact_hero .sec_card_content .contact_card .knowledge_card .icon{
    background: url("../images/theme/icons/appilix_knowledge_icon.svg") no-repeat center;
}
.appilix_contact_hero .sec_card_content .contact_card .card .card_title{
    margin: 48px 0 0 0;
    font-size: var(--web_body_size_b1);
    line-height: var(--web_body_line_height_b1);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_contact_hero .sec_card_content .contact_card .card .short_details{
    margin: 16px 0 0 0;
    font-size: var(--web_body_size_b5);
    line-height: var(--web_body_line_height_b5);
}
.appilix_contact_hero .sec_card_content .card .card_btn{
    margin: 28px 0 0 0;
    display: inline-block;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_medium);
    color: var(--typography_light_500);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--surface_s3);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
    border-radius: 100px;
    padding: 8px 52px 8px 20px;
    background: url("../images/theme/icons/appilix_arrow_right_icon.svg") no-repeat calc(100% - 20px) center   ,var(--green_primary_500);
    background-size: 24px;
    white-space: nowrap;
}
.appilix_contact_hero .sec_card_content .contact_card .mail_card .card_btn{
    background: url("../images/theme/icons/appilix_mail_icon_white.svg") no-repeat calc(100% - 20px) center   ,var(--green_primary_500);
    background-size: 24px;
}

.appilix_contact_hero .sec_card_content .contact_form{
    flex: 1.5;
    background-color: var(--green_primary_50) !important;
    box-shadow: 0 0 0 1px #E0EBE9;
}
.appilix_contact_hero .sec_card_content .contact_form .card_title{
    font-size: var(--web_label_size_l1);
    line-height: var(--web_label_line_height_l1);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_contact_hero .sec_card_content .contact_form form{
    width: 100%;
    margin: 28px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.appilix_contact_hero .sec_card_content .contact_form form .input{
    width: 100%;
}
.appilix_contact_hero .sec_card_content .contact_form form label{
    display: block;
    font-size: var(--web_body_size_b4);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_contact_hero .sec_card_content .contact_form form input{
    margin: 8px 0 0 0;
    padding: 12px 20px;
    width: 100%;
    border-radius: 100px;
    outline: none;
    border: none;
    font-size: var(--web_body_size_b4);
    color: var(--typography_dark_500);
}
.appilix_contact_hero .sec_card_content .contact_form form .message_input{
    position: relative;
}
.appilix_contact_hero .sec_card_content .contact_form form textarea{
    margin: 8px 0 0 0;
    padding: 12px 20px;
    width: 100%;
    height: 112px;
    border-radius: 16px;
    outline: none;
    border: none;
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    color: var(--typography_dark_500);
    resize: none;
}
.appilix_contact_hero .sec_card_content .contact_form form .message_input .message_length{
    position: absolute;
    bottom: 12px;
    right: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_100);
    resize: none;
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .file_picker{
    margin: 8px 0 0 0;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background-color: #ffffff;
    border-radius: 100px;
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .input_file {
    display: none;
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .file_picker .btn {
    margin-left: auto;
    font-size: 12px;
    padding: 4px 20px;
    outline: none;
    border-left: 1px solid var(--gray_200);
    font-weight: var(--font_weight_medium);
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .file_length {
    margin: 8px 0 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_100);
}



.appilix_contact_hero .sec_card_content .contact_form form .attachment .input_file_display {
    margin: 8px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .input_file_display .file_tag{
    background-color: #fff;
    border-radius: 100px;
    padding: 2px 12px;
    border: 1px solid var(--green_primary_100);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .input_file_display .file_tag .file_name{
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_100);
}
.appilix_contact_hero .sec_card_content .contact_form form .attachment .input_file_display .file_tag .file_delete{
    cursor: pointer;
    color: red;
}


.appilix_contact_hero .sec_card_content .contact_form form .card_btn{
    margin: 12px 0 0 0;
}


/* For Extra Large Screen */
@media screen and (max-width: 1350px) {

}
/* For Large Screen */
@media screen and (max-width: 1280px) {

}
/* For Tablet View */
@media screen  and (max-width: 992px){
    .appilix_contact_hero .sec_card_content{
        flex-direction: column;
    }
    .appilix_contact_hero .sec_card_content .contact_card{
        flex-direction: row;
        order: 2;
    }
}
/* For Mobile View */
@media screen  and (max-width: 768px){
    .appilix_contact_hero{
        margin: 0;
        border-radius: 0;
    }
    .appilix_contact_hero .hero_wrapper{
        border-radius: 0;
        padding: 120px 0 60px 0;
        background-image: none;
    }
    .appilix_contact_hero .hero_wrapper .hero_title{
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_contact_hero .hero_wrapper .hero_description{
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }

    .appilix_contact_hero .sec_card_content{
        gap: 20px;
    }
    .appilix_contact_hero .sec_card_content .contact_card{
        flex-direction: column;
        gap: 20px;
    }
    .appilix_contact_hero .sec_card_content .contact_card .card .card_title{
        margin: 60px 0 0 0;
        font-size: var(--mobile_heading_size_h4);
        line-height: var(--mobile_heading_line_height_h4);
    }
    .appilix_contact_hero .sec_card_content .contact_card .card .short_details{
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }

    .appilix_contact_hero .sec_card_content .contact_form .card_title{
        font-size: var(--mobile_heading_size_h3);
        line-height: var(--mobile_heading_line_height_h3);
    }
    .appilix_contact_hero .sec_card_content .contact_form form{
        margin: 20px 0 0 0;
    }
    .appilix_contact_hero .sec_card_content .contact_form form label{
        font-size: var(--mobile_body_size_b3);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px){
    .appilix_contact_hero .hero_wrapper{
        text-align: left;
        padding: 120px 0 40px 0;
    }
    .appilix_contact_hero .hero_wrapper .hero_title{
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
    .appilix_contact_hero .sec_card_content{
        margin: 40px 0 0 0;
    }
}





/*####################################################################################################################*/
/*Appilix FAQ Page*/
/*####################################################################################################################*/
/* ==============================*/
/* Appilix FAQ Page Hero Section */
/* ==============================*/
.appilix_faq_hero{
    padding: 12px;
    background: var(--surface_s3);
}
.appilix_faq_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 100px 0;
    background-color: var(--green_primary_50);
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_faq_hero .hero_wrapper .hero_title{
    margin: 0 auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_faq_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}

@media screen  and (max-width: 768px) {
    .appilix_faq_hero {
        padding: 0;
        border-radius: 0;
    }
    .appilix_faq_hero .hero_wrapper {
        border-radius: 0;
        padding: 120px 0 60px 0;
        background-image: none;
    }
    .appilix_faq_hero .hero_wrapper .hero_title {
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_faq_hero .hero_wrapper .hero_description {
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px) {
    .appilix_faq_hero .hero_wrapper {
        text-align: left;
        padding: 120px 0 40px 0;
    }
    .appilix_faq_hero .hero_wrapper .hero_title {
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
}





/* ==================================*/
/* Appilix FAQ Page Question Section */
/* ==================================*/
.faq_page{
    padding: 100px 0;
}
.faq_page .sec_wrapper{
    max-width: 900px;
}
.faq_page .sec_wrapper .sec_body{
    margin: 0;
}
.faq_page .sec_wrapper .sec_body .qna{
    background: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.faq_page .sec_wrapper .sec_body .qna:not(:last-child) {
    border-bottom: 1px solid var(--gray_200);
}
.faq_page .sec_wrapper .sec_footer{
    background: var(--green_primary_50);
    box-shadow: 0 0 0 1px #CCE4E2;
    flex-direction: row;
    justify-content: space-between;
}
.faq_page .sec_wrapper .sec_footer p{
    margin: 0;
    color: var(--typography_dark_300);
    text-align: left;
}
.faq_page .sec_wrapper .sec_footer .contact_btn{
    display: inline-block;
    padding: 8px 52px 8px 20px;
    border-radius: 100px;
    transition: all 0.3s ease;
    font-size: var(--web_body_size_b3);
    font-weight: var(--font_weight_medium);
    line-height: var(--web_body_line_height_b3);
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    border-bottom: 0;
    background-color: var(--green_primary_500);
    background-image: url("../images/theme/icons/appilix_chat_icon.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: calc(100% - 20px) center;
    color: var(--typography_light_500);
    box-shadow: 0 0 0 1px rgba(30, 138, 122, 0.5);
}
.faq_page .sec_wrapper .sec_footer .contact_btn:hover{
    background-color: var(--green_primary_600);
}







/* ================================*/
/* Appilix FAQ Page Footer Section */
/* ================================*/
.faq_page_footer{
    margin: 0;
    padding: 12px;
    background: var(--surface_s3);
}
.faq_page_footer .footer_wrapper{
    margin: 0;
}





/*##############################*/
/*Appilix Privacy & Policy Page*/
/*##############################*/

.appilix_pp_hero{
    padding: 12px;
    background: var(--surface_s3);
}
.appilix_pp_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 100px 0;
    background-color: var(--gray_100);
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_pp_hero .hero_wrapper span{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    color: var(--typography_dark_500);
}
.appilix_pp_hero .hero_wrapper .hero_title{
    margin: 20px auto 20px auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_pp_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}

@media screen  and (max-width: 768px) {
    .appilix_pp_hero {
        padding: 0;
        border-radius: 0;
    }
    .appilix_pp_hero .hero_wrapper {
        border-radius: 0;
        padding: 120px 0 60px 0;
        background-image: none;
    }
    .appilix_pp_hero .hero_wrapper .hero_title{
        margin: 16px auto 0 auto;
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_pp_hero .hero_wrapper .hero_description {
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px) {
    .appilix_pp_hero .hero_wrapper  {
        text-align: left;
        padding: 120px 0 40px 0;
    }
    .appilix_pp_hero .hero_wrapper .hero_title {
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
}



/*Privacy Policy Body section*/
.appilix_policy{
    padding: 80px 0 120px 0;
    background: var(--surface_s3);
}
.appilix_policy .wrapper{
    margin: 0 auto;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.appilix_policy .wrapper ul{
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}
.appilix_policy .wrapper ul li{
    margin: 20px 0 0 0;
    list-style-type: disc;
    list-style-position: outside;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.appilix_policy .wrapper p:not(:first-child){
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.appilix_policy .wrapper h2{
    font-size: var(--web_heading_size_h4);
    line-height: var(--web_heading_line_height_h4);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.appilix_policy .wrapper ul li a{
    color: var(--green_primary_500);
    text-decoration: underline;
    cursor: pointer;
}

/* For Small Mobile View */
@media screen and (max-width: 576px) {
    .appilix_policy{
        padding: 40px 0;
    }
    .appilix_policy .wrapper{
        gap: 40px;
    }
    .appilix_policy .wrapper ul li{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_policy .wrapper p:not(:first-child){
        margin: 20px 0 0 0;
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .appilix_policy .wrapper h2{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
}





/*##############################*/
/*Appilix Terms & Condition Page*/
/*##############################*/

.appilix_tc_hero{
    padding: 12px;
    background: var(--surface_s3);
}
.appilix_tc_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 100px 0;
    background-color: var(--error_200);
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_tc_hero .hero_wrapper span{
    font-size: var(--web_body_size_b4);
    line-height: var(--web_body_line_height_b4);
    color: var(--typography_dark_500);
}
.appilix_tc_hero .hero_wrapper .hero_title{
    margin: 20px auto 20px auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_tc_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}

@media screen  and (max-width: 768px) {
    .appilix_tc_hero {
        padding: 0;
        border-radius: 0;
    }
    .appilix_tc_hero .hero_wrapper {
        border-radius: 0;
        padding: 120px 0 60px 0;
        background-image: none;
    }
    .appilix_tc_hero .hero_wrapper .hero_title{
        margin: 16px auto 0 auto;
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_tc_hero .hero_wrapper .hero_description {
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
}
/* For Small Mobile View */
@media screen and (max-width: 576px) {
    .appilix_tc_hero .hero_wrapper  {
        text-align: left;
        padding: 120px 0 40px 0;
    }
    .appilix_tc_hero .hero_wrapper .hero_title {
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
}



/*Privacy Policy Body section*/
.terms_condition{
    padding: 80px 0 120px 0;
    background: var(--surface_s3);
}
.terms_condition .wrapper{
    margin: 0 auto;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.terms_condition .wrapper ul{
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}
.terms_condition .wrapper ul li{
    margin: 20px 0 0 0;
    list-style-type: disc;
    list-style-position: outside;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.terms_condition .wrapper p:not(:first-child){
    margin: 20px 0 0 0;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
}
.terms_condition .wrapper h2{
    font-size: var(--web_heading_size_h4);
    line-height: var(--web_heading_line_height_h4);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
}
.terms_condition .wrapper ul li a{
    color: var(--green_primary_500);
    text-decoration: underline;
    cursor: pointer;
}

/* For Small Mobile View */
@media screen and (max-width: 576px) {
    .terms_condition{
        padding: 40px 0;
    }
    .terms_condition .wrapper{
        gap: 40px;
    }
    .terms_condition .wrapper ul li{
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .terms_condition .wrapper p:not(:first-child){
        margin: 20px 0 0 0;
        font-size: var(--mobile_body_size_b3);
        line-height: var(--mobile_body_line_height_b3);
    }
    .terms_condition .wrapper h2{
        font-size: var(--mobile_heading_size_h2);
        line-height: var(--mobile_heading_line_height_h2);
    }
}










/* ==============================================================
                        Documentation Page
   ============================================================== */
.appilix_docs_hero{
    padding: 12px;
    background: var(--surface_s3);
}
.appilix_docs_hero .hero_wrapper{
    text-align: center;
    border-radius: 20px;
    padding: 148px 0 100px 0;
    background-color: var(--green_primary_50);
    background-image: url("../images/theme/backgrounds/appilix_feature_page_pattern.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.appilix_docs_hero .hero_wrapper .hero_title{
    margin: 0 auto;
    font-size: var(--web_heading_size_h2);
    line-height: var(--web_heading_line_height_h2);
    font-weight: var(--font_weight_medium);
    color: var(--typography_dark_500);
    max-width: 688px;
}
.appilix_docs_hero .hero_wrapper .hero_description{
    margin: 20px auto 0 auto;
    font-size: var(--web_body_size_b3);
    line-height: var(--web_body_line_height_b3);
    font-weight: var(--font_weight_regular);
    max-width: 612px;
}

@media screen and (max-width: 768px) {
    .appilix_docs_hero {
        padding: 0;
        border-radius: 0;
    }
    .appilix_docs_hero .hero_wrapper {
        border-radius: 0;
        padding: 120px 0 60px 0;
        background-image: none;
    }
    .appilix_docs_hero .hero_wrapper .hero_title {
        font-size: var(--web_heading_size_h4);
        line-height: var(--web_heading_line_height_h4);
    }
    .appilix_docs_hero .hero_wrapper .hero_description {
        margin: 16px auto 0 auto;
        font-size: var(--mobile_body_size_b2);
        line-height: var(--mobile_body_line_height_b2);
    }
}
@media screen and (max-width: 576px) {
    .appilix_docs_hero .hero_wrapper {
        text-align: left;
        padding: 120px 0 40px 0;
    }
    .appilix_docs_hero .hero_wrapper .hero_title {
        font-size: var(--mobile_heading_size_h1);
        line-height: var(--mobile_heading_line_height_h1);
    }
}









/* ==============================================================
                    Documentation Topics Section
   ============================================================== */
.appilix_docs_topics {
    padding: 80px 0;
    background: var(--surface_s3);
}
.appilix_docs_topics .topics_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.appilix_docs_topics .topic_card {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #FAFAFA;
    border-radius: 12px;
    border-top: 1px solid var(--surface_s3);
    border-right: 1px solid var(--surface_s3);
    border-left: 1px solid var(--surface_s3);
    box-shadow: 0 0 0 1px #F0F0F0;
}
.appilix_docs_topics .topic_card .card_header {
    display: flex;
    align-items: center;
    gap: 12px;
}
.appilix_docs_topics .topic_card .card_header .topic_dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 50%;
}
.appilix_docs_topics .topic_card .card_header .topic_dot.color_green  { background: var(--green_primary_500); }
.appilix_docs_topics .topic_card .card_header .topic_dot.color_orange { background: var(--orange_500); }
.appilix_docs_topics .topic_card .card_header .topic_dot.color_blue   { background: #3B82F6; }
.appilix_docs_topics .topic_card .card_header .topic_dot.color_purple { background: #8B5CF6; }
.appilix_docs_topics .topic_card .card_header .topic_title {
    font-size: var(--web_body_size_b2);
    font-weight: var(--font_weight_semi_bold);
    color: var(--typography_dark_500);
}
.appilix_docs_topics .topic_card .post_list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}
.appilix_docs_topics .topic_card .post_list li a {
    font-size: var(--web_body_size_b4);
    color: var(--typography_dark_300);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s;
}
.appilix_docs_topics .topic_card .post_list li a::before {
    content: '';
    width: 14px;
    height: 14px;
    min-width: 14px;
    background: url("../images/theme/docs/doc_page_icon.svg") center no-repeat;
    background-size: contain;
    opacity: 0.4;
}
.appilix_docs_topics .topic_card .post_list li a:hover {
    color: var(--green_primary_500);
}
.appilix_docs_topics .topic_card .post_list li a:hover::before {
    opacity: 0.8;
}
.appilix_docs_topics .topic_card .card_footer {
    padding-top: 16px;
    border-top: 1px solid #EFEFEF;
}
.appilix_docs_topics .topic_card .card_footer .view_all {
    font-size: var(--web_body_size_b5);
    font-weight: var(--font_weight_medium);
    color: var(--green_primary_500);
    text-decoration: none;
}
.appilix_docs_topics .topic_card .card_footer .view_all:hover {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .appilix_docs_topics .topics_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 576px) {
    .appilix_docs_topics {
        padding: 48px 0;
    }
    .appilix_docs_topics .topics_grid {
        grid-template-columns: 1fr;
    }
}