@charset "utf-8";
/*--------------media query css------------------*/ 
@media (max-width:1500px) {
    .pricebox_col4_wrap .slick-arrow {left: -37px;z-index: 999;}
    .pricebox_col4_wrap .slick-arrow.slick-next {left: auto;right: -37px;}
}
@media (min-width:1600px) {
    .process-section__slot:not(:empty)[data-step="6"] {
        left: 37%;
    }
    .process-section__slot:not(:empty)[data-step="4"] {
        left: 50%;
    }
    .process-section__slot:not(:empty)[data-step="2"] {
        left: 59%;
    }
    .process-section__slot:not(:empty)[data-step="7"] {
        left: 71%;
    }
    .process-section__slot:not(:empty)[data-step="5"] {
        left: 55%;
    }
    .process-section__slot:not(:empty)[data-step="3"] {
        left: 41%;
    }
}
@media (max-width:1367px) {
    .header_inner {margin: 0;}
    .img_content_zigzag_bg {padding: 45px 30px 34px;margin: 70px 0 80px;}
    .img_content_zigzag_bg::before {left: 0;right: 0;} 
    .img_content_zigzag_wrap_main_bg {padding: 0 30px;}
    .img_content_zigzag_wrap_main_bg::before {left: 0;right: 0;}
    .slick-arrow {left: -15px; z-index: 9;}
    .slick-arrow.slick-next {left: auto;right: -15px;}
    .hardware_options_slider {margin: 30px 0 0;padding-left: 35px;padding-right: 35px;}
    .accordion {margin: 0;}
    .faq_sec {padding: 80px 0 70px;}

    .title_content_col_sec {padding: 60px 0;}
    .industries_we_specialise_reverse_sec {padding: 28px 0 70px;}

    .our_value_col_wrap {margin: 0 -20px;}
    .policy_links_sec {padding: 40px 0 50px;}

    .contact_us_sec {padding: 70px 0 90px;}

    .why_choose_ucpath_rightarrow_sec {padding-top: 75px;}
    .choose_your_plan_sec .pricebox_wrap {padding-bottom: 0;}

    .businessnbnpro .pricebox_col_wrap {margin: 0 -20px;}
    .businessnbnpro .pricebox_content .radbtn {right: 20px;width: auto;}

    .bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse {margin-bottom: 60px;}

    .ringcentral .pricebox_col_wrap .pricebox_col {padding: 0 10px;}
    .ringcentral .pricebox_col_wrap {margin: 0;}

    .industries_we_specialise_reverse_sec .industries_we_specialise_content {padding-top: 44px;}

    .img_content_zigzag_sec + .remarkable_benefits_sec {padding-top: 80px;}

    .banner_content {margin-top: 0;}

    .industries_we_specialise_description {margin-left: 0;margin-right: 0;}

    .img_content_zigzag_sec + .title_content_col_sec {padding-top: 100px;}

    .banner_sec {padding-bottom: 0;}

    .who_we_are_sec.who_we_are_sec {padding-bottom: 50px;}

    .pricebox_col4_wrap {padding-left: 20px;padding-right: 20px;}
    .pricebox_col4_wrap .slick-arrow {left: -5px;}
    .pricebox_col4_wrap .slick-arrow.slick-next {left: auto;right: -5px;}
    .sec-gravity-form {padding-bottom: 100px;padding-left: 30px;padding-right: 30px;}
    .process-section__slot:not(:empty) {
        position: relative;
        left: calc(50% - 60px);
        min-width: 100%;
        width: 100%;
        max-width: 100%;

    }
    .industries-slide__icon {
        width: 49px;
        height: 49px;
    }
    .industries-slide__content-state h3 {
        font-size: 22px;
    }
    .industries-slide__content-state
    {
        padding: 20px;
    }
    .industries-slide__link {
        font-size: 14px;
    }
}

/*------------tablet landscape view------*/
@media (max-width:1199px) {

    h1, .h1 {font-size: 40px;margin-bottom: 40px;}
    h3, .h3 {font-size: 18px;}
    h2 {font-size: 34px}    
    .ucpath_logo {width: 140px;}
    .main_head_menu_wrap {padding-right: 100px;padding-left: 25px;}
    .login_btn {right: -30px;}
    .call_us_btn {top: 8px;right: 115px;}
    .header_inner {padding: 10px 30px 11px 10px;}
    .enumenu_ul_inner li {margin-right: 20px;}
    .banner_content {padding-right: 30px;}
    .button, button {padding: 18px 15px 20px;min-width: 230px;}
    .contact_dtls {margin-top: 35px;}
    .head_phone {top: 14px;right: 117px;}
    .banner_col_wrap figure {margin-right: 0;margin-left: 0;min-height: 410px;}
    .banner_bg_icon {width: 283px;height: 180px;right: 30px;top: 25px;}
    .banner_sec {padding: 40px 0;}
    .innovative_solution_boxs_inner {padding: 100px 0 30px 0;}
    .innovative_solution_boxs_inner figure {top: -20px;width: 94px;height: 94px;line-height: 90px;}
    .innovative_solution_boxs_inner figure img {max-width: 50px;}
    .innovative_solution_boxs {padding: 0 40px;}
    .who_we_are_sec {padding: 50px 0;}
    .who_we_are_sec .container .who_we_are_title_icon {width: 283px;height: 180px;}
    .businessipplan h2 .businessipplan_title_icon {width: 283px;height: 180px;left: 208px;}
    .why_choose_ucpath_sec h2 .why_choose_title_icon {width: 283px;height: 180px;top: -55px;}
    .why_choose_ucpath_sec {padding: 70px 0 50px;}
    .why_choose_ucpath_content li {width: 46%;}
    .industries_we_specialise_content {width: 44%;}
    .testimonial_title_descr_wrap {margin-left: 0;}
    .recognized_our_products_slider_wrap {width: calc(100% - 328px);padding-left: 0;}
    .recognized_our_products_content {padding: 59px 40px 50px 70px;}
    .recognized_our_products_sec {padding: 50px 0;}
    .testimonial_title_descr_wrap {max-width: 288px;}
    .description_img_blue_wrap p {font-size: 18px;line-height: 1.5;padding-left: 0;padding-right: 0;}
    .foo_links_wrap {padding-left: 0;}
    .contact_dtl strong {font-size: 14px;}
    .reach_out_to_us_content .reach_out_to_us_content_logo_icon {width: 283px;height: 180px;}
    .reach_out_to_us_box {padding: 60px 40px;}

    .inner_banner_sec .banner_col_wrap figure {padding-right: 50px;}
    .inner_banner_sec .banner_col_wrap figure img {border-top-right-radius: 50px;}
    .img_zigzag_logo {width: 283px;height: 180px;}
    .inner_banner_sec .banner_col_wrap .banner_col .banner_content {padding-right: 50px;}
    .img_content_zigzag_inner {padding-left: 80px;}
    .img_content_zigzag_reverse .img_content_zigzag_inner {padding-right: 80px;}
    .slick-arrow {width: 40px;height: 40px;}
    .hardware_options_slider {padding-left: 20px;padding-right: 20px;}
    .faq_title_icon {width: 283px;height: 180px;}
    .accordion_list h3 {padding: 29px 80px 28px 30px;}
    .accordion_list h3::before {top: 36px;left: 29px;}    
    .accordionContainer {margin-top: -8px;}
    .accordionSubContainer {padding: 0 80px 30px 30px;}
    .accordion_list h3::after {right: 20px;top: 18px;width: 44px;height: 44px;}    

    .title_content_col_sec {padding: 40px 0 50px;}
    .industries_we_specialise_reverse_sec .industries_we_specialise_content {margin-top: 0 !important;padding-top: 0 !important;}
    .industries_we_specialise_reverse_sec .industries_we_specialise_content .industries_we_specialise_content_wrap_icon {width: 283px;height: 180px;}
    .form_col .contact_form::before {width: 283px;height: 180px;}

    .our_value_col {padding: 50px 20px 30px;}
    .our_value_col::before {left: 5px;right: 5px;}
    .our_value_col::after {left: 5px;right: 5px;height: 20px;}
    .our_value_col_wrap {margin: 0 -5px;}
    .our_value_sec {padding: 20px 0 30px;}
    .policy_links_list {padding: 0 5px;}
    .policy_links_list::before {left: 10px;right: 10px;}
    .policy_links_list::after {left: 10px;right: 10px;}
    .policy_links_list_wrap {margin: 0 -10px;}

    .sec-hero-title-banner {padding: 0 0 42px;}
    .sec-hero-title-banner .banner_col_wrap {padding: 170px 0 40px;}
    .sec-hero-title-banner .banner_bg_icon {right: 0;top: -125px;z-index: 0;}

    .business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col {padding-bottom: 80px;}

    .businessnbnpro .pricebox_col_wrap {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .businessnbnpro .pricebox_col {-webkit-box-flex: 0;-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;}    

    .blog_list_wrap {margin: 0 -10px;}
    .blog_list {padding: 0 10px 30px;}

    .single_blog_content_sec {padding: 30px 0 50px;}

    .search_sec {padding: 60px 0;}
    .search_sec article {margin-bottom: 30px;padding-bottom: 30px;}

    .bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap figure {margin-bottom: 0;}
    .bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse figure {margin-top: 0;}
    .bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse {margin-bottom: 0;}

    .login_page_content {padding: 0 0 0 70px;}

    .order_summary_content {padding: 50px 30px 40px;}

    .sliderwrapprer {padding: 35px 30px 40px;}
    .range {margin-top: 80px;}

    .img-reverse .img_content_zigzag_wrap .img_content_zigzag_inner {padding-right: 80px;}
    .img-reverse .img_content_zigzag_reverse .img_content_zigzag_inner {padding-left: 80px;padding-right: 0;}

    input[type="submit"] {min-width: 270px;}

    .img_content_zigzag_sec + .remarkable_benefits_sec {padding-top: 80px;}

    .img_content_zigzag_sec + .title_content_col_sec {padding-top: 80px;}

    .sec-checkout {padding: 60px 0 80px;}

    .sec-gravity-form {padding-bottom: 100px;padding-left: 30px;padding-right: 30px;}

    .sec-gravity-form .banner_col_wrap .banner_col {-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}

    .sec-gravity-form .banner_col_wrap .banner_col .banner_content {max-width: 100%;}


}

/*------------tablet portrait  view------*/
@media (max-width:991px) {
    h1, .h1 {font-size: 34px;}
    h2 {font-size: 28px;margin-bottom: 25px;}
    .button, button {padding: 14px 15px 16px;min-width: 200px;}    

    .menu-icon {display: block;margin: 0 0 0 auto;width: 30px;height: 20px;position: absolute;top: 17px;right: 20px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
    .menu-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #0741AD;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .menu-icon span:nth-child(1) {top: 0px;}
    .menu-icon span:nth-child(2) {top: 8px;}
    .menu-icon span:nth-child(3) {top: 16px;}
    .menu-icon.active span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
    .menu-icon.active span:nth-child(2) {opacity: 0;left: 60px;}
    .menu-icon.active span:nth-child(3) {top: 8px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

    .main_head_menu_wrap {width: auto;position: static;padding: 0;height: auto;margin: 0;padding: 0;width: 100%;display: block;}
    .enumenu_container {width: auto;position: static;padding: 0;height: auto;margin: 0;padding: 0;width: 100%;display: block;}
    .enumenu_ul {position: absolute;left: 0;right: 0;top: 100%;background-color: #ffffff;display: none;padding: 15px 0 !important;box-shadow: 0px 4px 4px rgba(53, 144, 213, 0.08);border-radius: 10px;border: 1px solid rgba(7, 65, 173, 0.1);}
    .enumenu_ul nav ul {font-size: 13px;}
    .enumenu_ul nav ul li {display: block;text-align: left;margin: 0;padding: 0;border-bottom: solid 1px rgba(0,0,0,0.1);}
    .enumenu_ul nav ul li a {padding: 10px 15px;display: block;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;}
    .enumenu_ul nav ul li ul li a {padding: 10px 30px;}
    .enumenu_ul nav ul li a:hover, .enumenu_ul nav ul li a:focus {background: #0741AD;color: #ffffff;text-decoration: none;}
    .enumenu_ul_inner li:hover > ul {display: none;}
    .enumenu_ul_inner li > ul {width: 100%;position: static;margin: 0;}
    .enumenu_ul_inner li > ul::before {display: none;}
    .arrow {position: absolute;top: 5px;right: 20px;z-index: 1;width: 30px;height: 30px;cursor: pointer;}
    .arrow::before {content: "";width: 10px;height: 1px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);background: #0741AD;}
    .arrow::after {content: "";width: 1px;height: 10px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);background: #0741AD;}
    .head_phone {top: 9px;right: 70px;}
    .call_us_text {display: none;}
    .call_us_btn {display: block;position: static;}
    .login_btn {position: static;margin: 10px 0 0 15px;}

    .contact_dtls li {margin-right: 15px;}
    .contact_dtls li a {font-size: 15px;}
    .contact_dtls li::after {right: -12px;}
    .banner_bg_icon {width: 203px;height: 130px;}
    .title_desc_col_wrap h2 {padding-right: 0;}

    .innovative_solution_boxs_wrap {margin: 0 -10px;}
    .innovative_solution_boxs {padding: 0 30px;margin-bottom: 20px;}
    .innovative_solution_boxs::before {left: 10px;right: 10px;}
    .innovative_solution_boxs:hover::after {left: 14px;right: 4px;}
    .who_we_are_sec .container .who_we_are_title_icon {width: 203px;height: 130px;}
    .businessipplan h2 .businessipplan_title_icon {width: 203px;height: 130px;left: 170px;top: -32px;}
    .why_choose_ucpath_sec {padding: 40px 0 40px;}
    .why_choose_ucpath_sec h2 {margin-bottom: 30px;}
    .why_choose_ucpath_sec h2 .why_choose_title_icon {width: 203px;height: 130px;top: -35px;}

    .industries_we_specialise_content {width: 50%;padding-top: 0;}
    .industries_we_specialise_content ul li a {font-size: 18px;}
    .industries_we_specialise_content ul li {margin-bottom: 10px;font-size: 18px;}
    .industries_we_specialise_content h2 {max-width: 300px;}
    .industries_we_specialise_content p {margin-bottom: 30px;}

    .description_img_blue_wrap .description_img_blue_wrap_icon {width: 203px;height: 130px;right: -80px;top: -80px;}
    .description_img_blue_wrap {padding: 40px 30px 0;}
    .description_img_blue_sec {padding: 60px 0 120px;}

    .testimonial_title_descr_wrap {max-width: 216px;}
    .recognized_our_products_slider_wrap {width: calc(100% - 228px);}
    .recognized_our_products_content::before {width: 60px;height: 60px;line-height: 80px;}
    .recognized_our_products_content::after {width: 81px;height: 96px;}
    .recognized_our_products_content {padding: 60px 40px 30px 50px;}

    .reach_out_to_us_content .reach_out_to_us_content_logo_icon {width: 203px;height: 130px;}
    .reach_out_to_us_content {width: 100%;float: none;padding-top: 0;}
    .contact_form {width: 100%;float: none;margin-top: 50px;}

    .foo_content {width: 100%;text-align: center;display: block;margin: 0 auto;}
    .foo_logo {margin: 0 auto 15px;}
    .foo_links_wrap {width: 100%;display: block;}
    .reach_out_to_us_box {padding: 40px 30px;}
    input[type="submit"] {padding: 15px 15px 16px;min-width: 200px;}

    .copright_text_links_sec ul li {margin: -4px 0 0 50px;}

    .remarkable_benefits_sec .innovative_solution_boxs {padding: 0 29px;}
    .remarkable_benefits_sec .innovative_solution_boxs_inner figure {line-height: 64px;}
    .remarkable_benefits_sec .innovative_solution_boxs_inner figure::before {width: 82px;height: 93px;}

    .pricebox_col {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .step1-single-pro .pricebox_col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .img_zigzag_logo {left: 83px;top: -40px;}
    .img_content_zigzag_wrap figure {padding: 10px 15px;}
    .accordion_list h3 {font-size: 18px;}
    .img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse figure {margin-top: 0;}
    .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap figure {margin-bottom: 0;}
    .img_content_zigzag_wrap_main_bg {margin: 50px 0;}
    .solution_builder_sec {padding: 30px 0 70px;}

    .our_value_col {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .our_value_col::before {left: 10px;right: 10px;}
    .our_value_col::after {left: 10px;right: 10px; height: 20px;}
    .our_value_col_wrap {margin: 0 -10px;}

    .policy_links_list a {font-size: 18px;}
    .critical_info_summ_list li a {font-size: 24px;padding-left: 30px;}
    .banner_sec.inner_banner_white_sec {padding-bottom: 0;}
    .form_col .contact_form {margin-top: 0;}
    .form_col .contact_form {padding-left: 30px;padding-right: 30px;}

    .banner_col_wrap figure {min-height: inherit;}

    .business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .businessnbnpro .pricebox_col {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

    .business_nbn_accordion_sec .accordion_list h3 .acc_icon {width: 60px;height: 60px;line-height: 57px;}
    .business_nbn_accordion_sec .accordion_list h3 {padding: 21px 80px 19px 100px;}
    .business_nbn_accordion_sec .accordionSubContainer {padding: 0 80px 40px 100px;}

    .blog_list {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .blog_list_sec h2 {font-size: 40px;margin-bottom: 30px;}
    .blog_list_sec {padding: 40px 0 50px;}

    .search_sec h1.page-title {margin-bottom: 50px;}

    .login_page_sec {padding: 50px 0;}
    .login_page_content {padding-left: 30px;}
    .login_page_content form {padding-right: 0;}

    .order_summary_col {float: none;width: 100%;}
    .order_capture_col {width: 100%;float: none;padding-right: 0;}

    .ringcentral h4 {margin-bottom: 20px;}
    .ringcentral h4 + p {margin-bottom: 30px;}
    .ringcentral .pricebox_col_wrap .pricebox_col {margin-bottom: 0;}

    .reach_out_to_us_box .contact_form {padding-top: 0;}

    .who_we_are_sec.who_we_are_sec {padding-bottom: 30px;}

    .pricebox_content .radbtn {max-width: 220px;}
    .thankyou-success-msg {min-height: calc(100vh - 689px);}

    .sec-checkout .noplan-error-msg {min-height: inherit;}

    .img_content_zigzag_sec + .title_content_col_sec {padding-top: 50px;}

    .banner_content .button {font-size: 16px;}
    .cta-link {font-size: 16px;margin-left: 10px;}
    .inner_banner_sec .banner_col_wrap .banner_col .banner_content {padding-right: 20px;}

    .sec-gravity-form .banner_col_wrap .banner_col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {padding: 10px 15px 11px;}

}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
    h1, .h1 {font-size: 30px;margin-bottom: 60px;}
    .header_inner {padding: 10px 20px 11px 15px;}
    .menu-icon {right: 23px;}
    .call_us_btn {right: 75px;}
    .banner_col_wrap figure {padding-bottom: 57%;}
    .banner_col_wrap .banner_col {order: 2;}
    .banner_col_wrap > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .banner_content {padding: 0 30px;margin: 0;}
    .banner_sec {padding: 20px 0;}
    .button, button {padding: 12px 15px 14px;min-width: 170px;font-size: 16px;}
    .title_desc_col_wrap h2 {width: 100%;display: block;margin-bottom: 25px;}
    .title_desc_col {width: 100%;display: block;padding-left: 0;}
    
    .innovative_solution_boxs {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .innovative_solution_boxs_inner figure {top: -30px;width: 84px;height: 84px;line-height: 80px;}
    .innovative_solution_boxs_inner figure img {max-width: 44px;}
    .innovative_solution_boxs_inner {padding-top: 70px;}

    .why_choose_ucpath_content li {width: 100%;float: none;}
    .industries_we_specialise_col_wrap figure {width: 100%;float: none;margin-bottom: 25px;}
    .industries_we_specialise_content {width: 100%;float: none;}
    .testimonial_title_descr_wrap {max-width: 100%;display: block;margin-bottom: 30px;}
    .testimonial_title_descr_wrap h2 {margin-bottom: 15px;}
    .recognized_our_products_slider_wrap {width: 100%;display: block;}
    .copright_text_links_sec p {width: 100%;text-align: center;float: none;margin-bottom: 25px;}
    .copright_text_links_sec ul {width: 100%;text-align: center;float: none;margin-bottom: 0;}

    .inner_banner_sec .banner_col_wrap figure {margin: 0 0 50px;padding: 0 30px 0 0;}
    .inner_banner_sec .banner_col_wrap .banner_col .banner_content {padding: 0 30px 0;margin: 0;}

    .img_content_zigzag_wrap > * {-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
    .img_content_zigzag_reverse figure {order: 1;}
    .img_content_zigzag_wrap figure {margin-bottom: 30px;}
    .img_content_zigzag_inner {padding: 0 !important;}
    .img_zigzag_logo {width: 203px;height: 130px;}
    section.img_content_zigzag_sec {padding-bottom: 40px;}
    .img_content_zigzag_wrap.img_content_zigzag_bg figure {padding: 0;}

    .img_content_zigzag_wrap_main {padding-top: 40px;padding-bottom: 40px;margin: 30px 0;}
    .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap figure {margin-bottom: 0;}
    .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap {padding-bottom: 50px;}
    .img_content_zigzag_wrap_main_bg .img_content_zigzag_wrap:last-child {padding-bottom: 0;}
    .steps_box {padding: 25px 25px 15px;}

    .pricebox_col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 60px;}
    .faq_sec {padding: 50px 0 30px;}
    .img_content_zigzag_wrap.top-left figure {border-top-left-radius: 60px;}
    .img_content_zigzag_wrap.top-right figure {border-top-right-radius: 60px;}
    .img_content_zigzag_wrap.bottom-left figure {border-bottom-left-radius: 60px;}
    .img_content_zigzag_wrap.bottom-right figure {border-bottom-right-radius: 60px;}
    .img_content_zigzag_wrap_main .img_content_zigzag_wrap figure {border-radius: 60px;}
    .img_content_zigzag_wrap_main .img_content_zigzag_wrap:nth-child(2n+2) figure {border-radius: 60px 60px 0 0;padding-bottom: 30px;}
    .img_zigzag_logo {width: 183px;height: 120px;left: 83px;top: -20px;}

    .remarkable_benefits_sec .innovative_solution_boxs_inner {padding: 105px 0 15px 0;}

    .pricebox_content span.price {font-size: 16px;}

    .accordion_list h3::after {right: 15px;top: 28px;width: 34px;height: 34px;}    

    .industries_we_specialise_reverse_sec .industries_we_specialise_content .industries_we_specialise_content_wrap_icon {width: 203px;height: 130px;left: 150px;top: 0px;}
    .title_content_col_sec .title_desc_col {width: 100%;padding: 0;}
    .industries_we_specialise_reverse_sec {padding: 28px 0 30px;}
    .industries_we_specialise_reverse_sec .industries_we_specialise_col_wrap figure {border-radius: 60px 0px 0px 0px;}

    .title_content_col_sec {padding: 30px 0 30px;}
    .our_value_sec h2 {margin-bottom: 30px;}

    .critical_info_summ_list li {width: 100% !important;float: none !important;}
    .critical_information_summaries_sec h2 {text-align: left;}
    .policy_links_list {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 30px;}
    .critical_info_summ_list li a {font-size: 20px;padding-left: 30px;}
    .critical_info_summ_list li {margin-bottom: 20px;}
    .critical_info_summ_list li a::before {    width: 15px;height: 15px;top: 7px;}
    .reach_out_to_us_sec {padding: 20px 0 0;}
    .critical_information_summaries_sec {padding: 5px 0 30px;}

    .form_col .contact_form::before {width: 203px;height: 130px;}

    .contact_us_col {width: 100%;float: none;margin-bottom: 20px;}
    .form_col {width: 100%;float: none;}
    .contact_content_list {padding-top: 0;}
    .contact_content_list li span {width: 50px;height: 50px;}
    .phone_icon i {width: 24px;height: 24px;}
    .contact_content_list li h3 {margin-bottom: 7px;}
    .contact_content_list li {padding: 0 0 28px 70px;}
    .contact_us_sec {padding: 40px 0 50px;}

    .sec-hero-title-banner {padding: 0 0 32px;}
    .sec-hero-title-banner .banner_col_wrap {padding: 150px 0 20px;}
    .business_nbn_accordion_sec .accordion_list h3 .acc_icon {width: 40px;height: 40px;line-height: 37px;left: 10px;}
    .business_nbn_accordion_sec .accordion_list h3 .acc_icon img {width: 60%;}
    .business_nbn_accordion_sec .accordion_list h3 {padding: 31px 50px 19px 65px;}
    .business_nbn_accordion_sec .accordionSubContainer {padding: 0 15px 40px 15px;}
    .business_nbn_accordion_sec .accordion_list h3 .acc_descr {margin-left: -50px;margin-right: -40px;}

    .accordion_list h3 .faq_title_arrow {top: 15px;}

    .businessipplan .critical_information_link {margin-top: 40px;}
    .businessipplan .step1_box {margin-bottom: 40px;}
    .businessipplan .simultaneous_content_wrap {padding-top: 10px;}
    .date_auther {font-size: 15px;}
    .single_blog_content_sec {padding: 20px 0 50px;}

    .single_blog_content_sec p {margin-bottom: 25px;}

    .inner_banner_sec .banner_col_wrap_container .banner_col_wrap figure {margin-bottom: 30px;}
    .inner_banner_sec .banner_col_wrap_container .banner_col_wrap .banner_col .banner_content {padding: 0 0 50px !important;}
    .bg-lightblue .img_content_zigzag_wrap_main_bg .img_content_zigzag_reverse figure {padding-top: 0 !important;}

    .login_page_sec figure {width: 100%;float: none;border-top-right-radius: 30px;}
    .login_page_content {width: 100%;float: none;padding: 0;}
    .forgot_username_pass_link {padding: 2px 0 25px 0;}
    .sec-checkout {padding: 40px 0 60px;}
    .img-reverse .img_content_zigzag_wrap figure {order: 1;}
    .img-reverse .img_content_zigzag_wrap .img_content_zigzag_inner {order: 2;}

    .sec-hero-title-banner {padding-bottom: 0;margin-bottom: 0;}
    .who_we_are_sec.who_we_are_sec {padding-bottom: 40px;}
    .img_content_zigzag_sec + .remarkable_benefits_sec {padding-top: 20px;}
    .img_content_zigzag_wrap_main .img_content_zigzag_wrap figure {padding: 0 0 30px;}
    .login_page_content h1 {margin-bottom: 25px;}

    .img_content_zigzag_bg {margin-bottom: 0;}

    .thankyou-success-msg {min-height: calc(100vh - 738px);}
    .pricebox_content .radbtn {left: 0;right: 0;}
    .inner_banner_sec {padding-bottom: 0;margin-bottom: 0;}
    .img_content_zigzag_sec + .who_we_are_sec {padding-top: 0;}

    .img_content_zigzag_sec + .title_content_col_sec h2 {width: 100%;}
    .img_content_zigzag_sec + .title_content_col_sec .title_desc_col {width: 100%;padding: 0;}

    .critical_information_link {margin-top: 20px;}

    .sec-gravity-form {padding-bottom: 70px;padding-left: 30px;padding-right: 30px;}

    .sec-gravity-form .banner_content .gform_description {font-size: 18px;}
    .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { padding: 6px 15px 7px;}
    .thank-you-page {padding: 50px 0;}
}

/*------------mobile portrait view------*/
@media (max-width:640px) {
    body {font-size: 16px;line-height: 1.5;}
    h1, .h1 {font-size: 28px;}
    h2 {font-size: 25px;}
    h3, .h3 {font-size: 16px;margin-bottom: 10px;}
    .container {padding: 0 15px;}
    .banner_content {padding: 0 15px;}
    .header_inner {padding: 10px 10px 11px;}
    .menu-icon {right: 17px;}
    .call_us_btn {width: 30px;height: 30px;background-size: 14px;}
    .call_us_btn {right: 60px;top: 11px;}
    .banner_col_wrap figure {padding-bottom: 77%;border-top-left-radius: 60px;}
    .button, button {padding: 10px 15px 12px;min-width: 150px;font-size: 16px;}
    .contact_dtls {margin-top: 20px;}
    .innovative_solution_boxs {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .banner_bg_icon {width: 160px;height: 110px;}
    .who_we_are_sec .container .who_we_are_title_icon {width: 160px;height: 110px;}
    .businessipplan h2 .businessipplan_title_icon {width: 160px;height: 110px;left: 110px;}
    .why_choose_ucpath_sec h2 .why_choose_title_icon {width: 160px;height: 110px;top: -23px;}
    .description_img_blue_wrap .description_img_blue_wrap_icon {width: 160px;height: 110px;right: -60px;top: -84px;}
    .innovative_solution_boxs:last-child {margin-bottom: 0;}
    .why_choose_ucpath_content {padding: 40px 15px 10px;}
    .why_choose_ucpath_content h3 {padding-left: 40px;}
    .why_choose_ucpath_content p {font-size: 15px;line-height: 1.5;}
    .industries_we_specialise_sec {padding: 30px 0 30px;}
    .description_img_blue_wrap p {font-size: 16px;}
    .description_img_blue_wrap {padding: 30px 15px 0;}
    .description_img_blue_wrap figure {margin: 30px 0 -40px;}
    .description_img_blue_sec {padding: 60px 0 60px;}
    .recognized_our_products_content::before {width: 50px;height: 50px;line-height: 70px;top: -10px;left: -13px;}
    .recognized_our_products_content::after {width: 61px;height: 76px;left: -31px;top: -13px;}
    .recognized_our_products_content {margin: 10px 0 0 35px;padding: 50px 30px 30px;}
    .recognized_our_products_content p {font-size: 16px;line-height: 1.5;}
    .wpcf7-form-control-wrap {width: 100% !important;float: none !important;margin-bottom: 20px;}
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {padding: 0 10px;}
    input[type="submit"] {padding: 12px 15px 13px;min-width: 170px;font-size: 16px;}
    .contact_form p {margin-bottom: 0;}
    .foo_links > li {width: 100% !important;display: block !important;text-align: center;margin-bottom: 25px;}
    .foo_links > li:last-child {margin-bottom: 0;}
    .copright_text_links_sec p {font-size: 14px;margin-bottom: 15px;}
    .copright_text_links_sec ul li {margin: 0 0 0 15px;font-size: 14px;}

    .head_phone {top: 11px;right: 60px;}
    .inner_banner_sec .banner_col_wrap .banner_col .banner_content {padding: 0 15px 0;}
    .img_content_zigzag_bg {margin: 30px 0 30px;}

    .img_content_zigzag_wrap.top-left figure {border-top-left-radius: 40px;}
    .img_content_zigzag_wrap.top-right figure {border-top-right-radius: 40px;}
    .img_content_zigzag_wrap.bottom-left figure {border-bottom-left-radius: 40px;}
    .img_content_zigzag_wrap.bottom-right figure {border-bottom-right-radius: 40px;}
    .img_content_zigzag_wrap_main .img_content_zigzag_wrap figure {border-radius: 40px;}
    .img_content_zigzag_wrap_main .img_content_zigzag_wrap:nth-child(2n+2) figure {border-radius: 40px 40px 0 0;}
    .inner_banner_sec .banner_col_wrap figure {padding-right: 15px;}
    .img_content_zigzag_inner h3 {padding-left: 48px;}

    .remarkable_benefits_sec .innovative_solution_boxs_inner h3 {min-height: inherit;margin-bottom: 10px;}
    .steps_box {padding: 20px 15px 10px;}
    .steps_box li {-ms-flex: 0 0 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;font-size: 14px;}
    .steps_box::before {top: 38px;left: 55px;right: 55px;}

    .pricbox-btm-col {width: 100%;float: none;padding-bottom: 25px;}
    .pricbox-btm-col:last-child {padding-bottom: 0;}
    .pricbox-btm-col h6 {margin-bottom: 5px;}
    .step1-single-pro .pricebox_col {margin-bottom: 0;}
    .pricebox_content .radbtn {max-width: 180px;}

    .hardware_options_slider {padding-left: 10px;padding-right: 10px;}
    .slick-arrow {width: 35px;height: 35px;left: -10px;}
    .slick-arrow.slick-next {left: auto;right: -10px;}
    .accordion_list h3 {padding: 25px 97px 25px 30px;font-size: 16px;}
    .accordion_list h3::before {top: 33px;left: 10px;width: 24px;height: 10px;}
    

    .faq_title_icon {width: 200px;height: 124px;top: -30px;}
    .hardware_options_content_inner span.price {font-size: 15px;}

    .accordion_list h3::after {right: 7px;top: 27px;width: 28px;height: 28px;}

    .industries_we_specialise_reverse_sec .industries_we_specialise_content .industries_we_specialise_content_wrap_icon {width: 160px;height: 110px;left: 110px;top: -10px;}
    .industries_we_specialise_reverse_sec .industries_we_specialise_col_wrap figure {border-radius: 50px 0px 0px 0px;}

    .our_value_col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 50px 35px 30px;}

    .form_col .contact_form::before {width: 160px;height: 110px;}

    .business_mobile_sim_plans_sec .pricebox_col_wrap .pricebox_col {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 0;}
    .business_mobile_sim_plans_sec .title_desc_col_wrap {padding-bottom: 10px;}

    .businessnbnpro .pricebox_col {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-bottom: 0;}

    .business_nbn_accordion_sec .accordion_list h3.active .faq_title_arrow::before {line-height: 34px;}
    .business_nbn_accordion_sec .accordion_list h3 .faq_title_arrow::before {line-height: 34px;}

    .business_nbn_accordion_sec .accordion_list h3 .faq_title_arrow {width: 34px;height: 34px;top: 22px;right: 15px;}

    .blog_list {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .blog_list_sec h2 {font-size: 36px;margin-bottom: 30px;}
    .blog_list_sec {padding: 30px 0 40px;}

    .check_form_col_wrap .check_form_col {width: 100%;display: block;}
    .order_summary_table_wrap {overflow: auto;width: 100%;}
    .order_summary_table_wrap table {width: 504px;}
    table th:first-child {width: 23%;}
    table h4 {font-size: 14px;}
    .sliderwrapprer {padding: 25px 20px 25px;}
    .range_slider_number {padding: 5px 0 0;}
    
    .remarkable_benefits_sec .innovative_solution_boxs_inner {height: auto !important;}
    .wpcf7-spinner {margin: 0 0 0 14px;}
    .pricebox_content ul li .list_tick_icon {top: 3px;}

    .pricebox_col4_wrap .slick-arrow {left: 5px;}
    .pricebox_col4_wrap .slick-arrow.slick-next {left: auto;right:5px;}

    .sec-gravity-form {padding-bottom: 50px;padding-left: 15px;padding-right: 15px;}
    .sec-gravity-form .banner_content {padding: 30px 25px 15px;}
    .sec-gravity-form .banner_content .gfield_radio > div, .sec-gravity-form .banner_content .gfield_checkbox > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .sec-gravity-form .gform_page_footer .gform-theme-button, .sec-gravity-form .gform_page_footer .button {display: block !important;width: 100% !important;}
    .sec-gravity-form .gform_page_footer .gform-theme-button:first-child {margin-right: 0 !important;}

    .sec-scrolling-icons + .industries_we_specialise_sec {padding-top: 0;}

    .scrolling_icons_content figure {max-width: auto !important;margin-top: 60px;}

    
}

/* ==================================================
   Business Phone Systems & Yeastar pages — responsive
   (moved from style.css so all responsive rules live
    together in this file)
   ================================================== */

/* ---- Foundations: let flex columns shrink instead of
        forcing horizontal scroll ---- */
.what-section__top > *,
.what-section__bottom > *,
.why-section__body > *,
.process-section__timeline,
.platforms-section__body > *,
.pricing-section__intro > *,
.compare-section__intro > *,
.compare-section__tablist,
.voiceover-section__intro > *,
.voiceover-section__tabs,
.voiceover-section__slider-wrap,
.voiceover-section__slide-inner,
.recommend-section__body > *,
.recommend-section__intro > *,
.trusted-section__intro > *,
.testimonials-section .container > *,
.numbers-section__card > *,
.industries-section__header > *,
.yeastar-section__body > *,
.yeastar-what-section__body > *,
.yeastar-right-section__bottom > *,
.yeastar-key-features-section__body > *,
.yeastar-delivers-section__body > *,
.yeastar-diff-panel {
    min-width: 0;
}

/* Yeastar Features / Delivers accordion (JS adds .is-accordion-mode at <=1199px) */
.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__body {
    flex-direction: column;
    gap: 0;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__panels {
    display: none !important;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__tabs {
    flex: none;
    max-width: 100%;
    width: 100%;
    gap: 0;
}

.yeastar-key-features-section__accordion-item {
    border: 1px solid rgba(209, 216, 224, 0.6);
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: rgba(209, 216, 224, 0.07);
}

.yeastar-key-features-section__accordion-item.is-active {
    border-color: #0741AD;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__tab {
    border-radius: 0;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__tab-inner {
    display: block;
    position: relative;
    text-align: left;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #14212D;
    font-size: 16px;
    line-height: 1.45;
    padding: 18px 44px 18px 20px;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__tab--active .yeastar-key-features-section__tab-inner {
    color: #0741AD;
    background: transparent;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__chevron {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    color: #333333;
    transition: transform 0.3s ease;
    transform: translateY(-50%);
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__accordion-item.is-active .yeastar-key-features-section__chevron {
    color: #0741AD;
    transform: translateY(-50%) rotate(180deg);
}

.yeastar-key-features-section__accordion {
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease, padding 0.3s ease;
    padding: 0 20px;
}

.yeastar-key-features-section__accordion.is-open {
    max-height: 1200px;
    padding: 0 20px 20px;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__panel {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__panel h3 {
    font-size: 20px;
    margin: 16px 0 8px;
}

.yeastar-key-features-section.is-accordion-mode .yeastar-key-features-section__panel img {
    width: 100%;
    height: auto;
    min-height: 0;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__body {
    flex-direction: column;
    gap: 0;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__cards {
    display: none !important;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__steps {
    flex: none;
    max-width: 100%;
    width: 100%;
    gap: 0;
}

.yeastar-delivers-section__accordion-item {
    border: 1px solid rgba(209, 216, 224, 0.6);
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: rgba(209, 216, 224, 0.07);
}

.yeastar-delivers-section__accordion-item.is-active {
    border-color: #0741AD;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__step {
    position: relative;
    justify-content: flex-start;
    gap: 12px;
    padding: 18px 44px 18px 20px;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__step-dot {
    display: none !important;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__step-label {
    flex: 1;
    font-size: 16px;
    line-height: 1.45;
    color: #14212D;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__step--active .yeastar-delivers-section__step-label {
    font-size: 16px;
    font-weight: 500;
    color: #0741AD;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__chevron {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    color: #333333;
    transition: transform 0.3s ease;
    transform: translateY(-50%);
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__accordion-item.is-active .yeastar-delivers-section__chevron {
    color: #0741AD;
    transform: translateY(-50%) rotate(180deg);
}

.yeastar-delivers-section__accordion {
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease, padding 0.3s ease;
    padding: 0 12px;
}

.yeastar-delivers-section__accordion.is-open {
    max-height: 1400px;
    padding: 0 12px 16px;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 20px;
    gap: 20px;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__card img {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 335 / 306;
}

.yeastar-delivers-section.is-accordion-mode .yeastar-delivers-section__card-content {
    max-width: 100%;
    width: 100%;
}

.slick-slider,
.slick-list {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .yeastar-what-section__header,
    .yeastar-diff-section__header,
    .yeastar-improve-section__header {
        margin-bottom: 40px;
    }
}

/* Tablet: stack layouts before they overflow narrow viewports */
@media (max-width: 991px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header_inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Intro / header rows */
    .pricing-section__intro,
    .compare-section__intro,
    .voiceover-section__intro,
    .recommend-section__intro,
    .trusted-section__intro {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .pricing-section__intro h2,
    .compare-section__intro h2,
    .voiceover-section__intro h2,
    .recommend-section__intro h2,
    .trusted-section__intro h2,
    .industries-section__header h2 {
        flex: none !important;
        width: 100%;
        max-width: 100%;
    }

    /* Recommend section body */
    .recommend-section__body {
        flex-direction: column;
    }

    .recommend-section__factors {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .quiz-form-section__card {
        padding: 28px 20px 24px;
    }
}

@media (max-width: 540px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header_inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .yeastar-what-section,
    .yeastar-diff-section,
    .vs-section,
    .yeastar-right-section,
    .improve-section,
    .yeastar-improve-section,
    .features-section,
    .trusted-section,
    .testimonials-section,
    .faq-section,
    .what-section,
    .why-section,
    .pricing-section,
    .compare-section,
    .voiceover-section,
    .recommend-section,
    .process-section,
    .numbers-section,
    .industries-section,
    .quiz-form-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* .improve-section__container,
    .quiz-form-section__container,
    .features-section .container,
    .testimonials-section .container,
    .pricing-section .container,
    .compare-section .container,
    .voiceover-section .container,
    .recommend-section .container,
    .process-section .container,
    .numbers-section .container,
    .trusted-section .container {
        padding-left: 0;
        padding-right: 0;
    } */

    .quiz-form-section__card {
        padding: 24px 16px 20px;
    }
}

/* =============================================
   Business Phone Systems Page — Responsive
   ============================================= */

@media (max-width: 1199px) {
    .platforms-section__logo figure img {
        max-height: 40px;
        max-width: 120px;
    }
    
    /* Hero */
    .hero-section__content h1 {
        font-size: 38px;
        line-height: 52px;
    }

    .hero-section__content {
        max-width: 100%;
    }

    .hero-section__actions a {
        width: 210px;
        height: 58px;
        font-size: 16px;
    }

    .hero-section__features-inner span {
        font-size: 16px;
    }

    /* What section */
    .what-section__top {
        gap: 60px;
    }

    .what-section__top h2 {
        font-size: 34px;
        line-height: 44px;
        flex: 0 0 340px;
    }

    .what-section__decoration {
        left: 200px;
        width: 290px;
        height: 180px;
    }

    .what-section__text {
        flex: 0 0 440px;
    }

    .what-section__figure img {
        height: 340px;
    }

    /* Why section */
    .why-section__header {
        gap: 40px;
    }

    .why-section__header h2 {
        font-size: 34px;
        line-height: 44px;
        flex: 0 0 400px;
    }

    .why-section__body {
        gap: 20px;
    }

    .why-section__tablist {
        flex: 0 0 420px;
    }

    .why-section__tab-trigger {
        font-size: 17px;
        padding: 16px 20px;
    }

    .why-section__panel h3 {
        font-size: 24px;
    }

    .why-section__panel-photo {
        flex: 0 0 180px;
        height: 220px;
    }

    .why-section__panel-info p {
        font-size: 15px;
    }

    /* Improve section */
    .improve-section__header h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .improve-section__card {
        width: calc(50% - 10px);
    }

    /* Features section */
    .features-section__header h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .features-section__grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 20px;
    }

    .features-section__card {
        width: calc(50% - 10px);
    }

    .features-section__card-body h3 {
        font-size: 20px;
    }

    /* Platforms section */
    .platforms-section__header h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .platforms-section__body {
        gap: 40px;
    }

    .platforms-section__text {
        flex: 0 0 360px;
    }

    .logo-zoom,
    .logo-3cx,
    .logo-goto {
        font-size: 22px;
    }

    .logo-yeastar,
    .logo-ringcentral,
    .logo-dialpad,
    .logo-aircall {
        font-size: 16px;
    }

    /* Pricing section */
    .pricing-section__intro h2 {
        font-size: 34px;
        line-height: 44px;
        flex: 0 0 300px;
    }

    .pricing-section__intro {
        gap: 40px;
    }

    .pricing-section__card h3 {
        font-size: 20px;
    }

    .pricing-section__card--featured h3 {
        font-size: 22px;
    }

    .pricing-section__price strong {
        font-size: 30px;
    }

    .pricing-section__card--featured .pricing-section__price strong {
        font-size: 30px;
    }

    /* Compare section */
    .compare-section__intro {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .compare-section__intro h2 {
        flex: none;
        width: 100%;
        font-size: 34px;
    }

    .compare-section__panel-left {
        flex: 0 0 300px;
    }

    .compare-section__tablist {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        margin-bottom: 24px;
        padding-bottom: 2px;
    }

    .compare-section__tab {
        width: auto;
        flex: 0 0 auto;
        min-width: auto;
        white-space: nowrap;
        font-size: 18px;
        padding: 12px 28px 12px 0;
    }

    .compare-section__tab:last-child {
        padding-right: 4px;
    }

    /* Voiceover section */
    .voiceover-section__intro {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .voiceover-section__intro h2 {
        flex: none;
        width: 100%;
        font-size: 28px;
    }

    .voiceover-section__intro p {
        width: 100%;
    }

    .voiceover-section__tabs {
        flex-wrap: wrap;
        gap: 10px;
    }

    .voiceover-section__tab {
        flex: 1 1 calc(50% - 6px);
        font-size: 15px;
        padding: 12px 14px;
    }

    .voiceover-section__slide-inner {
        flex-direction: column;
        min-height: auto;
    }

    .voiceover-section__slide-media {
        flex: none;
        width: 100%;
        padding: 20px 20px 0;
    }

    .voiceover-section__slide-media img {
        width: 100%;
        height: auto;
        min-height: 220px;
        object-fit: cover;
    }

    .voiceover-section__slide-content {
        padding: 28px 24px 32px;
    }

    .voiceover-section__slide-content h3 {
        font-size: 22px;
    }

    /* Recommend section */
    .recommend-section__intro h2 {
        flex: 0 0 340px;
        font-size: 34px;
    }

    .recommend-section__factors {
        flex: 0 0 360px;
    }

    /* Process section — vertical timeline */
    .process-section {
        overflow-x: visible;
    }

    .process-section__header {
        margin-bottom: 40px;
    }

    .process-section__header h2 {
        font-size: 32px;
    }

    .process-section__timeline {
        display: flex;
        flex-direction: column;
        position: relative;
        padding-left: 44px;
        margin-left: 8px;
    }

    .process-section__timeline::before {
        content: '';
        position: absolute;
        left: 18px;
        top: 11px;
        bottom: 11px;
        width: 3px;
        background: #0741AD;
        border-radius: 2px;
    }

    .process-section__row,
    .process-section__track {
        display: contents;
    }

    .process-section__row--top,
    .process-section__row--bottom {
        margin: 0;
    }

    .process-section__line {
        display: none;
    }

    .process-section__dot {
        display: none;
    }

    .process-section__row .process-section__slot:empty {
        display: none;
    }

    .process-section__slot:not(:empty) {
        position: relative;
        left: 0;
        min-width: 0;
        width: auto;
        max-width: 100%;
        padding: 0 0 32px;
        opacity: 1;
        transform: none;
        transition: none;
    }

    .process-section__row--top .process-section__slot:not(:empty) {
        transform: none;
    }

    .process-section__slot:not(:empty)::before {
        content: '';
        position: absolute;
        left:-36px;
        top: 0;
        width: 22px;
        height: 22px;
        border-radius: 11px;
        background: #0741AD;
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: 8px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        box-shadow: 0 0 0 6px rgba(11, 133, 209, 0.15);
        z-index: 1;
    }

    .process-section__slot[data-step="1"] { order: 1; }
    .process-section__slot[data-step="1"]::before { content: "01"; }
    .process-section__slot[data-step="2"] { order: 2; }
    .process-section__slot[data-step="2"]::before { content: "02"; }
    .process-section__slot[data-step="3"] { order: 3; }
    .process-section__slot[data-step="3"]::before { content: "03"; }
    .process-section__slot[data-step="4"] { order: 4; }
    .process-section__slot[data-step="4"]::before { content: "04"; }
    .process-section__slot[data-step="5"] { order: 5; }
    .process-section__slot[data-step="5"]::before { content: "05"; }
    .process-section__slot[data-step="6"] { order: 6; }
    .process-section__slot[data-step="6"]::before { content: "06"; }
    .process-section__slot[data-step="7"] { order: 7; padding-bottom: 0; }
    .process-section__slot[data-step="7"]::before { content: "07"; }

    .process-section__slot h3 {
        font-size: 17px;
    }

    .process-section__slot p {
        font-size: 14px;
    }

    /* Numbers section */
    .numbers-section__card {
        padding: 48px 44px;
    }

    .numbers-section__content h2 {
        font-size: 24px;
    }

    /* Industries section */
    .industries-section__header h2 {
        flex: 0 0 320px;
        font-size: 28px;
    }

    /* Testimonials section */
    .testimonials-section {
        padding: 60px 0;
    }

    .testimonials-section .container {
        gap: 32px;
    }

    .testimonials-section__left {
        flex: 0 0 42%;
        max-width: 42%;
    }

    .testimonials-section__slider {
        flex: 1 1 58%;
        max-width: 58%;
    }

    .testimonials-section__left h2 {
        font-size: 28px;
    }

    .testimonials-section__left p {
        font-size: 18px;
        line-height: 1.4;
    }

    .testimonials-slide__author strong {
        font-size: 24px;
    }

    .testimonials-slide__author span,
    .testimonials-slide p {
        font-size: 18px;
    }

    /* Trusted section */
    .trusted-section__intro h2 {
        flex: 0 0 280px;
        font-size: 30px;
    }

    /* Yeastar section */
    .yeastar-section__heading {
        font-size: 34px;
        line-height: 48px;
    }

    .yeastar-section__body {
        flex-direction: column;
        gap: 30px;
    }

    .yeastar-section__left,
    .yeastar-section__right {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .yeastar-section__screenshot {
        max-width: 100%;
        margin: 0 auto;
    }

    .yeastar-products-wrap {
        margin-left: 0;
        max-width: 100%;
    }

    .yeastar-hardware-panel {
        min-height: auto;
        padding: 16px 12px 32px;
    }

    .yeastar-hardware-panel__slider-wrap {
        gap: 12px;
        margin-bottom: 20px;
    }

    .yeastar-products__slider .slick-list {
        margin: 0 -4px;
    }

    .yeastar-products__slider .slick-slide {
        padding: 0 4px;
    }

    .yeastar-product-card {
        height: 380px;
    }

    .yeastar-product-card__body {
        padding: 0 20px 20px;
    }

    /* Yeastar What section */
    .yeastar-what-section__header h2 {
        font-size: 34px;
    }

    .yeastar-what-section__body {
        gap: 40px;
    }

    .yeastar-what-section__left {
        flex: 0 0 420px;
        max-width: 420px;
    }

    /* Yeastar Diff section */
    .yeastar-diff-section__header h2 {
        font-size: 34px;
    }

    .yeastar-diff-section__header p {
        font-size: 17px;
        max-width: 100%;
        padding: 0 8px;
    }

    .yeastar-diff-section__tabbar {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
        overflow: visible;
        background: transparent;
        margin-bottom: 28px;
        -webkit-overflow-scrolling: auto;
        scrollbar-width: auto;
    }

    .yeastar-diff-sep {
        display: none;
    }

    .yeastar-diff-tab {
        display: block;
        font-size: 16px;
        min-width: 0;
        width: 100%;
        flex: none;
        white-space: normal;
        text-align: left;
        padding: 18px 44px 18px 20px;
        line-height: 1.4;
        color: #14212D !important;
        border: 1px solid rgba(209, 216, 224, 0.6);
        border-radius: 10px;
        margin-bottom: 10px;
        background: rgba(236, 248, 255, 0.55) !important;
    }

    .yeastar-diff-tab::after {
        display: none;
    }

    .yeastar-diff-tab--active {
        color: #0741AD !important;
        font-weight: 600;
        border-color: #0741AD;
        background: #ECF8FF !important;
    }

    .yeastar-diff-panel {
        flex-direction: column;
        gap: 28px;
        align-items: stretch;
    }

    .yeastar-diff-panel__image {
        flex: none;
        max-width: 100%;
        width: 100%;
        height: 260px;
    }

    .yeastar-diff-panel__body {
        width: 100%;
        max-width: 100%;
    }

    .yeastar-diff-panel__body h3 {
        font-size: 26px;
    }

    .yeastar-diff-panel__body p {
        font-size: 17px;
        line-height: 1.6;
    }

    /* Yeastar Right section */
    .yeastar-right-section__top-left {
        flex: 0 0 360px;
        max-width: 360px;
    }

    .yeastar-right-section__top-left h2 {
        font-size: 32px;
    }

    .yeastar-right-section__image {
        flex: 0 0 380px;
        max-width: 380px;
    }

    .yeastar-right-section__bottom {
        gap: 40px;
    }

    /* Yeastar Improve section */
    .yeastar-improve-section__header h2 {
        font-size: 34px;
        line-height: 48px;
    }

    .yeastar-improve-section__body {
        gap: 40px;
    }

    .yeastar-improve-section__accordion {
        flex: 1;
        max-width: none;
    }

    /* Yeastar Key Features / Delivers / Voiceovers */
    .yeastar-key-features-section__body {
        gap: 40px;
    }

    .yeastar-key-features-section__tabs {
        flex: 0 0 380px;
        max-width: 380px;
    }

    .yeastar-key-features-section__panels {
        flex: 1;
        max-width: none;
    }

    .yeastar-delivers-section__intro h2,
    .yeastar-voiceover-section__intro h2 {
        flex: 0 0 420px;
        max-width: 420px;
        font-size: 34px;
        line-height: 44px;
    }

    .yeastar-delivers-section__intro {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .yeastar-delivers-section__intro h2,
    .yeastar-delivers-section__intro p {
        flex: none;
        max-width: 100%;
    }

    .yeastar-delivers-section__body {
        flex-direction: column;
        gap: 32px;
    }

    .yeastar-delivers-section__steps {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .yeastar-delivers-section__card {
        min-height: auto;
    }

    .yeastar-voiceover-section__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* VS section — stack on tablet */
    .vs-section__heading {
        font-size: 30px;
        margin-bottom: 32px;
    }

    .vs-section__card {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

    .vs-section__swap {
        position: static;
        transform: none;
        margin: 4px auto;
        rotate: 90deg;
    }

    .vs-col {
        padding: 24px 20px;
        border-radius: 12px !important;
    }

    .vs-col--cloud {
        border-radius: 12px !important;
    }

    .vs-col--selfhosted {
        padding-left: 20px;
        border-radius: 12px !important;
    }

    .vs-col__title {
        font-size: 20px;
    }

    .vs-col__subtitle {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .vs-col__label {
        font-size: 18px;
    }

    .vs-col__list li {
        font-size: 16px;
    }

    /* Yeastar Improve section — stack on tablet */
    /* .yeastar-improve-section__body {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
    }

    .yeastar-improve-section__accordion {
        flex: none;
        width: 100%;
        max-width: 100%;
        order: 2;
    }

    .yeastar-improve-section__image {
        flex: none;
        width: 100%;
        max-width: 100%;
        order: 1;
    }

    .yeastar-improve-item__check {
        margin-top: 4px;
    }

    .yeastar-improve-item--active .yeastar-improve-item__check {
        margin-top: 3px;
    } */
}

@media (max-width: 991px) {
    /* Why section — accordion layout */
    .why-section {
        padding: 50px 0 50px;
    }

    .why-section__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 24px;
    }

    .why-section__header h2 {
        flex: none;
        width: 100%;
        font-size: 28px;
        line-height: 38px;
    }

    .why-section__header p {
        font-size: 16px;
        max-width: 100%;
    }

    .why-section__body {
        flex-direction: column;
        gap: 0;
        min-height: auto;
    }

    .why-section__panels {
        display: none !important;
    }

    .why-section__tablist {
        flex: none;
        width: 100%;
        background: transparent;
        border: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 0;
        gap: 0;
        border-radius: 0;
    }

    .why-section__tab {
        border: 1px solid rgba(209, 216, 224, 0.6);
        border-radius: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        background: rgba(209, 216, 224, 0.07);
    }

    .why-section__tab.is-active {
        border-color: #0741AD;
    }

    .why-section__tab-trigger {
        font-size: 16px;
        padding: 18px 20px;
        color: #14212D;
        background: transparent !important;
    }

    .why-section__tab.is-active .why-section__tab-trigger {
        color: #0741AD;
    }

    .why-section__arrow {
        display: none !important;
    }

    .why-section__chevron {
        display: block;
        flex-shrink: 0;
        color: #333333;
        transition: transform 0.3s ease;
    }

    .why-section__tab.is-active .why-section__chevron {
        color: #0741AD;
        transform: rotate(180deg);
    }

    .why-section__accordion {
        display: block;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease, padding 0.3s ease;
        padding: 0 20px;
    }

    .why-section__accordion.is-open {
        max-height: 600px;
        padding: 0 20px 20px;
    }

    .why-section__accordion h3 {
        font-family: 'Merriweather', serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.3;
        color: #0741AD;
        margin-bottom: 16px;
    }

    .why-section__accordion-media {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .why-section__accordion-media > img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        border-radius: 8px;
        display: block;
        flex-shrink: 0;
    }

    .why-section__accordion-info {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .why-section__accordion-info img {
        width: 56px;
        height: 56px;
        object-fit: contain;
        border-radius: 8px;
    }

    .why-section__accordion-info p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.6;
        color: #333333;
        opacity: 0.8;
    }

    /* Yeastar Diff section — tablet */
    .yeastar-diff-section__header {
        margin-bottom: 24px;
    }

    .yeastar-diff-section__header h2 {
        font-size: 28px;
        line-height: 1.35;
    }

    .yeastar-diff-section__tabbar {
        margin-bottom: 24px;
    }

    .yeastar-diff-tab {
        font-size: 15px;
        padding: 16px 40px 16px 18px;
    }

    .yeastar-diff-panel__image {
        height: 220px;
    }

    .yeastar-diff-panel__body h3 {
        font-size: 22px;
    }

    .yeastar-diff-panel__body p {
        font-size: 16px;
    }

    /* Testimonials section — stack at 991px */
    .testimonials-section .container {
        flex-direction: column;
        gap: 28px;
    }

    .testimonials-section__left,
    .testimonials-section__slider {
        flex: none;
        max-width: 100%;
        width: 100%;
    }
    .pricing-section__cards {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }
}

@media (max-width: 767px) {
    /* Quiz form section */
    .quiz-form-section {
        padding: 40px 16px 60px;
    }

    .quiz-form-section__card {
        padding: 28px 20px 24px;
    }

    .quiz-form-section__heading {
        font-size: 28px;
    }

    .quiz-form-section__content p {
        font-size: 16px;
    }

    .quiz-form-section__form .gform_wrapper.gravity-theme legend.gfield_label,
    .quiz-form-section__form .gform_wrapper.gravity-theme .gfield_label {
        font-size: 20px;
    }

    .quiz-form-section__form .gchoice,
    .quiz-form-section__form .gfield--width-half {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer {
        flex-direction: column;
    }

    .quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer input[type="button"],
    .quiz-form-section__form .gform_wrapper.gravity-theme .gform_page_footer input[type="submit"] {
        width: 100% !important;
        min-width: 0;
    }

    /* Hero */
    .hero-section {
        padding: 40px 0 0;
        margin-top: 0;
        background-image: none !important;
        background-color: #EFF6FC;
    }

    .hero-section .container {
        flex-direction: column;
        gap: 28px;
        padding: 0 20px;
    }

    .hero-section .container figure {
        flex: none;
        width: 100%;
    }

    .hero-section__content {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .hero-section__features {
        padding: 16px 20px;
    }

    .hero-section__features-inner {
        justify-content: center;
    }

    .hero-section__features-inner span {
        white-space: normal;
        text-align: center;
    }

    .hero-section__content h1 {
        font-size: 32px;
        line-height: 44px;
    }

    .hero-section__content p {
        font-size: 16px;
    }

    .hero-section__actions {
        gap: 14px;
    }

    .hero-section__actions a {
        width: 190px;
        height: 54px;
        font-size: 15px;
    }

    .hero-section__features-inner span {
        font-size: 15px;
    }

    /* What section — stack */
    .what-section {
        padding: 50px 0 40px;
    }

    .what-section__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .what-section__top h2 {
        font-size: 30px;
        line-height: 42px;
        flex: none;
        width: 100%;
    }

    .what-section__top p {
        max-width: 100%;
    }

    .what-section__decoration {
        display: none;
    }

    .what-section__bottom {
        flex-direction: column;
        align-items: stretch;
        margin-top: 30px;
        gap: 24px;
    }

    .what-section__text {
        flex: none;
        width: 100%;
    }

    .what-section__text p {
        font-size: 16px;
    }

    .what-section__figure {
        width: 100%;
        border-radius: 60px 0 0 0;
    }

    .what-section__figure img {
        height: 300px;
        border-radius: 60px 0 0 0;
    }

    /* Improve section */
    .improve-section {
        padding: 50px 0;
    }

    .improve-section__header h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .improve-section__header p {
        font-size: 16px;
    }

    .improve-section__card {
        width: 100%;
        max-width: 500px;
    }

    .improve-section__card:hover,
    .improve-section__card.is-hovered {
        transform: none;
    }

    /* Features section */
    .features-section {
        padding: 50px 0;
    }

    .features-section__header {
        margin-bottom: 30px;
    }

    .features-section__header h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .features-section__grid {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    .features-section__card {
        width: 100%;
        max-width: 500px;
        min-height: auto;
    }

    .features-section__card-body h3 {
        font-size: 18px;
    }

    .features-section__card-body p {
        font-size: 15px;
    }

    /* Platforms section */
    .platforms-section {
        padding: 50px 0;
    }

    .platforms-section__header h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .platforms-section__body {
        flex-direction: column;
        gap: 30px;
    }

    .platforms-section__text {
        flex: none;
        width: 100%;
    }

    .platforms-section__text p {
        font-size: 16px;
    }

    .platforms-section__visual {
        width: 100%;
        min-height: 260px;
    }

    .platforms-section__visual img {
        min-height: 260px;
    }

    .platforms-section__logos {
        grid-template-columns: repeat(2, 1fr);
    }

    .platforms-section__logo {
        border-right: 1px solid #E5E7EB;
        border-bottom: 1px solid #E5E7EB;
    }

    .platforms-section__logo:nth-child(2n) {
        border-right: none;
    }

    .platforms-section__logo:nth-child(n+7) {
        border-bottom: none;
    }

    .platforms-section__logo:nth-child(4n) {
        border-right: 1px solid #E5E7EB;
    }

    .platforms-section__logo:nth-child(4n):nth-child(2n) {
        border-right: none;
    }

    .platforms-section__logo:nth-child(n+5) {
        border-bottom: 1px solid #E5E7EB;
    }

    /* Pricing section */
    .pricing-section {
        padding: 50px 0;
    }

    .pricing-section__intro {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 36px;
    }

    .pricing-section__intro h2 {
        flex: none;
        font-size: 32px;
        line-height: 44px;
    }

    .pricing-section__intro-text p {
        font-size: 16px;
    }

    .pricing-section__cards {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }

    .pricing-section__card {
        width: 100%;
    }

    .pricing-section__card--featured {
        padding: 36px 30px;
    }

    /* Compare section */
    .compare-section__intro {
        flex-direction: column;
        gap: 24px;
    }

    .compare-section__intro h2 {
        flex: none;
        font-size: 30px;
    }

    .compare-section__tablist {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        gap: 0;
    }

    .compare-section__tab {
        width: auto;
        flex: 0 0 auto;
        min-width: auto;
        white-space: nowrap;
        padding: 12px 24px 12px 0;
        font-size: 14px;
    }

    .compare-section__panel.is-active {
        flex-direction: column;
    }

    .compare-section__panel-left {
        flex: none;
        width: 100%;
    }

    .compare-section__panel {
        padding: 24px;
    }

    /* Installation section */
    .installation-section__heading {
        font-size: 28px;
    }

    .installation-section__wrapper {
        flex-direction: column;
        padding: 12px;
        gap: 12px;
    }

    .installation-section__card {
        padding: 30px 28px;
    }

    /* Voiceover section */
    .voiceover-section__intro {
        flex-direction: column;
        gap: 20px;
    }

    .voiceover-section__intro h2 {
        flex: none;
        font-size: 26px;
    }

    .voiceover-section__tabs {
        gap: 8px;
    }

    .voiceover-section__tab {
        font-size: 13px;
        padding: 10px 14px;
    }

    .voiceover-section__tabs {
        flex-wrap: wrap;
    }

    .voiceover-section__tab {
        flex: 1 1 calc(50% - 6px);
    }

    .voiceover-section__slide-inner {
        flex-direction: column;
        min-height: auto;
    }

    .voiceover-section__slide-media {
        flex: none;
        padding: 20px 20px 0;
    }

    .voiceover-section__slide-media img {
        min-height: 220px;
    }

    .voiceover-section__slide-content {
        padding: 28px 24px 32px;
    }

    .voiceover-section__slide-content h3 {
        font-size: 20px;
    }

    /* Recommend section */
    .recommend-section__intro {
        flex-direction: column;
        gap: 20px;
    }

    .recommend-section__intro h2 {
        flex: none;
        font-size: 28px;
    }

    .recommend-section__body {
        flex-direction: column;
    }

    .recommend-section__factors {
        flex: none;
        width: 100%;
    }

    /* Numbers section */
    .numbers-section__card {
        flex-direction: column;
        align-items: flex-start;
        padding: 36px 30px;
        gap: 30px;
    }

    .numbers-section__content {
        flex: none;
        width: 100%;
    }

    .numbers-section__decor {
        display: none;
    }

    /* Industries section */
    .industries-section__header {
        flex-direction: column;
        gap: 16px;
    }

    .industries-section__header h2 {
        flex: none;
        font-size: 26px;
    }

    .industries-section__slider .slick-list {
        padding: 0 4% !important;
    }

    .industries-slide {
        min-height: 360px;
    }

    /* Trusted section */
    .trusted-section__intro {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .trusted-section__intro h2 {
        flex: none;
        font-size: 28px;
    }

    .trusted-section__logos {
        flex-wrap: wrap;
    }

    .trusted-section__logo {
        flex: 0 0 50%;
        border-right: 1px solid #DDE6F2;
        border-bottom: 1px solid #DDE6F2;
    }

    .trusted-section__logo:nth-child(2n) {
        border-right: none;
    }

    .trusted-section__logo:nth-last-child(-n+2) {
        border-bottom: none;
    }

    /* Testimonials section */
    .testimonials-section {
        padding: 48px 0;
    }

    .testimonials-section__left h2 {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .testimonials-section__left p {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .testimonials-slide__author {
        flex-wrap: wrap;
        gap: 8px 12px;
    }

    .testimonials-slide__author strong {
        font-size: 22px;
    }

    .testimonials-slide__author span {
        font-size: 16px;
    }

    .testimonials-slide p {
        font-size: 16px;
        line-height: 1.5;
    }

    /* Yeastar section */
    .yeastar-section {
        padding: 56px 20px;
    }

    .yeastar-section__heading {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 36px;
    }

    .yeastar-section__body {
        flex-direction: column;
        gap: 28px;
    }

    .yeastar-section__left,
    .yeastar-section__right {
        width: 100%;
        max-width: 100%;
    }

    .yeastar-step__content {
        max-width: 100%;
    }

    .yeastar-step__question,
    .yeastar-step__note {
        font-size: 18px;
    }

    .yeastar-hardware-panel__slider-wrap {
        gap: 0;
        overflow: visible;
    }

    .yeastar-products__slider {
        width: 100%;
        padding-right: 44px;
        box-sizing: border-box;
    }

    .yeastar-products__slider .slick-list {
        margin: 0;
        overflow: hidden;
    }

    .yeastar-hardware-panel__slider-wrap .yeastar-products__arrow--next,
    .yeastar-hardware-panel__slider-wrap .yeastar-products__arrow.slick-next {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        flex: none;
        z-index: 3;
        left: auto;
    }

    .yeastar-hardware-panel__slider-wrap .yeastar-products__arrow.slick-arrow {
        position: absolute;
        transform: translateY(-50%);
    }

    .yeastar-product-card {
        width: 100%;
        max-width: none;
        height: 360px;
    }

    .yeastar-product-card__body {
        padding: 0 16px 20px;
    }

    .yeastar-product-card__footer--softphone,
    .yeastar-product-card__footer--t55w,
    .yeastar-product-card__footer--t87w,
    .yeastar-product-card__footer--ax83h {
        gap: 8px;
    }

    .yeastar-product-card__qty {
        gap: 12px;
        padding: 0 8px;
        flex-shrink: 0;
    }

    .yeastar-product-card__price {
        flex-shrink: 0;
    }

    /* Yeastar What section */
    .yeastar-what-section {
        padding: 56px 20px;
    }

    .yeastar-what-section__header h2 {
        font-size: 28px;
    }

    .yeastar-what-section__header p {
        font-size: 16px;
    }

    .yeastar-what-section__body {
        flex-direction: column;
        gap: 40px;
    }

    .yeastar-what-section__left {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .yeastar-what-section__right {
        width: 100%;
    }

    .yeastar-what-section__list li {
        font-size: 17px;
    }

    .yeastar-what-section__label {
        font-size: 17px;
    }

    /* Yeastar Diff section */
    .yeastar-diff-section {
        padding: 56px 20px;
    }

    .yeastar-diff-section__header h2 {
        font-size: 26px;
    }

    .yeastar-diff-section__header p {
        font-size: 16px;
    }

    .yeastar-diff-tab {
        font-size: 15px;
        padding: 16px 40px 16px 18px;
    }

    .yeastar-diff-panel {
        gap: 28px;
    }

    .yeastar-diff-panel__image {
        height: 200px;
    }

    .yeastar-diff-panel__body h3 {
        font-size: 22px;
    }

    .yeastar-diff-panel__body p {
        font-size: 16px;
    }

    /* FAQ + Expert advice section */
    .expert_advice_section {
        margin-bottom: -100px;
    }

    .expert_advice_section + #footer {
        padding-top: 140px;
    }

    .faq-section {
        padding: 56px 20px;
    }

    .faq-section__header h2 {
        font-size: 28px;
    }

    .faq-item__question {
        font-size: 16px;
        padding: 18px 0;
    }

    .faq-item__answer p {
        font-size: 15px;
    }

    /* VS section */
    .vs-section {
        padding: 56px 20px;
    }

    .vs-section__heading {
        font-size: 24px;
    }

    .vs-section__card {
        flex-direction: column;
        gap: 12px;
        padding: 12px;
    }

    .vs-section__swap {
        position: static;
        transform: none;
        margin: 0 auto;
        rotate: 90deg;
    }

    .vs-col {
        padding: 28px 24px;
    }

    .vs-col--selfhosted {
        padding-left: 24px;
    }

    .vs-col__title {
        font-size: 18px;
    }

    .vs-col__list li {
        font-size: 15px;
    }

    /* Yeastar Right section */
    .yeastar-right-section {
        padding: 56px 20px;
    }

    .yeastar-right-section__top {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 36px;
    }

    .yeastar-right-section__top-left {
        flex: none;
        max-width: 100%;
    }

    .yeastar-right-section__top-left h2 {
        font-size: 26px;
    }

    .yeastar-right-section__bottom {
        flex-direction: column;
        gap: 36px;
    }

    .yeastar-right-section__image {
        flex: none;
        max-width: 100%;
        width: 100%;
        min-height: 0;
    }

    .yeastar-right-section__top-right p {
        font-size: 16px;
    }

    .yeastar-acc-item__title {
        font-size: 18px;
    }

    .yeastar-acc-item__body p {
        font-size: 16px;
    }

    /* Yeastar Improve section */
    .yeastar-improve-section {
        padding: 56px 20px;
    }

    .yeastar-improve-section__header {
        margin-bottom: 36px;
    }

    .yeastar-improve-section__header h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .yeastar-improve-section__body {
        flex-direction: column;
        gap: 36px;
    }

    .yeastar-improve-section__accordion {
        width: 100%;
        order: 2;
    }

    .yeastar-improve-section__image {
        width: 100%;
        max-width: 100%;
        order: 1;
    }

    .yeastar-improve-item__title {
        font-size: 16px;
        line-height: 28px;
    }

    .yeastar-improve-item--active .yeastar-improve-item__title {
        font-size: 18px;
    }

    .yeastar-improve-item__body p {
        margin-left: 0;
        max-width: 100%;
    }

    /* Yeastar Key Features / Delivers / Voiceovers */
    .yeastar-key-features-section__body {
        flex-direction: column;
        gap: 28px;
    }

    .yeastar-key-features-section__tabs,
    .yeastar-key-features-section__panels {
        flex: none;
        max-width: 100%;
        width: 100%;
    }

    .yeastar-key-features-section__heading {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .yeastar-key-features-section__panel h3 {
        font-size: 24px;
    }

    .yeastar-key-features-section__panel p {
        font-size: 17px;
    }

    .yeastar-key-features-section__panel img {
        height: auto;
        min-height: 200px;
    }

    .yeastar-delivers-section__intro,
    .yeastar-voiceover-section__intro {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
    }

    .yeastar-delivers-section__intro h2,
    .yeastar-voiceover-section__intro h2 {
        flex: none;
        max-width: 100%;
        font-size: 28px;
        line-height: 38px;
    }

    .yeastar-delivers-section {
        padding: 56px 20px;
    }

    .yeastar-delivers-section__intro p {
        font-size: 16px;
    }

    .yeastar-delivers-section__body {
        flex-direction: column;
        gap: 24px;
    }

    .yeastar-delivers-section__steps {
        flex: none;
        max-width: 100%;
        width: 100%;
        gap: 16px;
    }

    .yeastar-delivers-section__card {
        flex-direction: column;
        align-items: stretch;
        max-width: 100%;
        min-height: auto;
        padding: 24px;
        gap: 24px;
    }

    .yeastar-delivers-section__card img {
        flex: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 335 / 306;
    }

    .yeastar-delivers-section__card-content {
        max-width: 100%;
        width: 100%;
    }

    .yeastar-delivers-section__card-content h3 {
        font-size: 21px;
    }

    .yeastar-delivers-section__card-content p {
        font-size: 15px;
    }

    .yeastar-voiceover-section__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 540px) {
    /* Quiz form section */
    .quiz-form-section__heading {
        font-size: 24px;
    }

    .quiz-form-section__content p {
        font-size: 15px;
    }

    /* Hero */
    .hero-section__content h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .hero-section__content p {
        font-size: 15px;
    }

    .hero-section__actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .hero-section__actions a {
        width: 100%;
        max-width: 320px;
        height: 52px;
        font-size: 15px;
    }

    .hero-section__features-inner {
        gap: 8px;
    }

    .hero-section__features-inner span {
        font-size: 13px;
    }

    .hero-section__divider {
        height: 15px;
    }

    /* What section */
    .what-section__top h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .what-section__top p,
    .what-section__text p {
        font-size: 15px;
    }

    .what-section__figure img {
        height: 240px;
        border-radius: 40px 0 0 0;
    }

    .what-section__figure {
        border-radius: 40px 0 0 0;
    }

    /* Why section */
    .why-section__header h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .why-section__header p {
        font-size: 15px;
    }

    .why-section__tab-trigger {
        font-size: 15px;
        padding: 16px;
    }

    .why-section__accordion h3 {
        font-size: 18px;
    }

    /* Improve section */
    .improve-section__header h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .improve-section__header p {
        font-size: 15px;
    }

    .improve-section__card h3 {
        font-size: 16px;
    }

    .improve-section__card p {
        font-size: 13px;
    }

    /* Features section */
    .features-section__header h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .features-section__card {
        padding: 16px;
    }

    .features-section__card-body h3 {
        font-size: 16px;
    }

    .features-section__card-body p {
        font-size: 14px;
    }

    /* Platforms section */
    .platforms-section__header h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .platforms-section__logo {
        padding: 22px 12px;
    }

    .logo-zoom,
    .logo-3cx,
    .logo-goto {
        font-size: 20px;
    }

    .logo-yeastar,
    .logo-ringcentral,
    .logo-dialpad,
    .logo-aircall,
    .logo-webex {
        font-size: 14px;
    }

    /* Pricing section */
    .pricing-section__intro h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .pricing-section__price strong {
        font-size: 30px;
    }

    .pricing-section__card--featured .pricing-section__price strong {
        font-size: 30px;
    }

    .pricing-section__btn {
        font-size: 15px;
        padding: 13px 16px;
    }

    /* Compare section */
    .compare-section__info-row {
        flex-direction: column;
    }

    .compare-section__intro h2 {
        font-size: 26px;
    }

    /* Installation section */
    .installation-section__heading {
        font-size: 24px;
    }

    /* Voiceover section */
    .voiceover-section__tab {
        flex: 1 1 calc(50% - 4px);
    }

    /* Recommend section */
    .recommend-section__intro h2 {
        font-size: 24px;
    }

    .recommend-section__card {
        padding: 20px;
    }

    /* Numbers section */
    .numbers-section__content h2 {
        font-size: 22px;
    }

    .numbers-section__card {
        padding: 28px 24px;
    }

    /* Industries section */
    .industries-section__header h2 {
        font-size: 22px;
    }

    .industries-slide {
        min-height: 320px;
    }

    /* Trusted section */
    .trusted-section__intro h2 {
        font-size: 24px;
    }

    .trusted-section__logo {
        flex: 0 0 100%;
        border-right: none;
        border-bottom: 1px solid #DDE6F2;
    }

    .trusted-section__logo:last-child {
        border-bottom: none;
    }

    /* Testimonials section */
    .testimonials-section {
        padding: 40px 0;
    }

    .testimonials-section .container {
        gap: 24px;
    }

    .testimonials-slide__author {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .testimonials-slide__author strong {
        font-size: 20px;
    }

    .testimonials-btn svg {
        width: 44px;
        height: 44px;
    }

    .testimonials-btn {
        width: 44px;
        height: 44px;
    }

    .testimonials-section__arrows {
        width: auto;
        gap: 12px;
    }

    /* Yeastar section */
    .yeastar-section__heading {
        font-size: 24px;
        line-height: 34px;
    }

    .yeastar-step__dot {
        width: 52px;
        height: 52px;
        font-size: 18px;
    }

    .yeastar-step__indicator {
        width: 52px;
    }

    .yeastar-step__label {
        font-size: 14px;
    }

    .yeastar-step__question,
    .yeastar-step__note {
        font-size: 16px;
    }

    .yeastar-product-card {
        width: 100%;
        max-width: none;
        height: 340px;
    }

    .yeastar-product-card__body {
        height: 210px;
        padding: 0 14px 16px;
    }

    .yeastar-product-card__photo--softphone {
        width: 130px;
        height: 98px;
    }

    .yeastar-product-card__photo--t55w {
        width: 118px;
        height: 94px;
    }

    .yeastar-product-card__photo--t87w {
        width: 122px;
        height: 98px;
    }

    .yeastar-product-card__photo--ax83h {
        width: 92px;
        height: 102px;
    }

    .yeastar-product-card__features li {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .yeastar-product-card__price {
        font-size: 24px;
    }

    .yeastar-product-card__qty {
        gap: 10px;
        height: 32px;
    }

    .yeastar-hardware-panel {
        padding: 14px 10px 28px;
    }

    .yeastar-hardware-panel__slider-wrap {
        margin-bottom: 16px;
    }

    .yeastar-products__slider {
        padding-right: 0px;
    }

    .yeastar-section__submit {
        width: 100%;
        min-width: 198px;
        max-width: 240px;
    }

    /* Yeastar What section */
    .yeastar-what-section__header h2 {
        font-size: 24px;
    }

    .yeastar-what-section__list li {
        font-size: 15px;
    }

    /* Yeastar Diff section */
    .yeastar-diff-section__header h2 {
        font-size: 22px;
    }

    .yeastar-diff-tab {
        font-size: 14px;
        padding: 14px 36px 14px 16px;
    }

    .yeastar-diff-panel__image {
        height: 180px;
    }

    .yeastar-diff-panel__body h3 {
        font-size: 20px;
    }

    .yeastar-diff-panel__icon {
        width: 56px;
        height: 56px;
    }

    /* FAQ + Expert advice section */
    .expert_advice_section {
        margin-bottom: -40px;
    }

    .expert_advice_section + #footer {
        padding-top: 80px;
    }

    .faq-section__header h2 {
        font-size: 23px;
    }

    .faq-item__question {
        font-size: 15px;
    }

    /* VS section */
    .vs-section__heading {
        font-size: 20px;
    }

    .vs-col {
        padding: 22px 18px;
    }

    .vs-col--selfhosted {
        padding-left: 18px;
    }

    .vs-col__label {
        font-size: 17px;
    }

    /* Yeastar Right section */
    .yeastar-right-section__top-left h2 {
        font-size: 22px;
    }

    .yeastar-acc-item__title {
        font-size: 16px;
    }

    .yeastar-acc-item__trigger {
        padding: 18px 0;
    }

    /* Yeastar Improve section */
    .yeastar-improve-section__header h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .yeastar-improve-item__title {
        font-size: 15px;
        line-height: 26px;
    }

    /* Yeastar Key Features / Delivers / Voiceovers */
    .yeastar-key-features-section,
    .yeastar-delivers-section,
    .yeastar-voiceover-section {
        padding: 56px 16px;
    }

    .yeastar-key-features-section__heading {
        font-size: 24px;
        line-height: 34px;
    }

    .yeastar-key-features-section__tab-inner {
        font-size: 16px;
        padding: 14px;
    }

    .yeastar-delivers-section__intro h2,
    .yeastar-voiceover-section__intro h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .yeastar-delivers-section__intro p {
        font-size: 15px;
    }

    .yeastar-delivers-section__step {
        gap: 12px;
    }

    .yeastar-delivers-section__step-label {
        font-size: 14px;
        line-height: 1.45;
    }

    .yeastar-delivers-section__step--active .yeastar-delivers-section__step-label {
        font-size: 15px;
    }

    .yeastar-delivers-section__card {
        padding: 18px;
        gap: 18px;
        border-radius: 12px;
    }

    .yeastar-delivers-section__card-content h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .yeastar-delivers-section__card-content p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .yeastar-voiceover-section__card {
        min-height: auto;
    }

    .yeastar-voiceover-section__card h3 {
        font-size: 18px;
    }
}

/* ==================================================
   Business Phone Systems + Yeastar product pages
   Unified responsive typography
   ================================================== */

@media (max-width: 1024px) {
.hero-section__content h1 {
        font-size: 36px;
        line-height: 1.25;
    }

.hero-section__content p {
        font-size: 16px;
        line-height: 1.6;
    }

.hero-section__actions a,
.hero-section__features-inner span {
        font-size: 15px;
    }

.quiz-form-section__heading {
        font-size: 32px;
        line-height: 1.25;
    }

.quiz-form-section__content p {
        font-size: 16px;
    }

.what-section__top h2,
.why-section__header h2,
.improve-section__header h2,
.features-section__header h2,
.platforms-section__header h2,
.pricing-section__intro h2,
.compare-section__intro h2,
.installation-section__heading,
.voiceover-section__intro h2,
.recommend-section__intro h2,
.process-section__header h2,
.trusted-section__intro h2,
.industries-section__header h2,
.testimonials-section__left h2,
.numbers-section__content h2,
.yeastar-section__heading,
.yeastar-what-section__header h2,
.yeastar-diff-section__header h2,
.yeastar-improve-section__header h2,
.faq-section__header h2,
.vs-section__heading,
.yeastar-right-section__top-left h2,
.yeastar-key-features-section__heading,
.yeastar-delivers-section__intro h2,
.yeastar-voiceover-section__intro h2 {
        font-size: 34px;
        line-height: 1.25;
    }

.what-section__top p,
.why-section__header p,
.improve-section__header p,
.pricing-section__intro-text p,
.compare-section__intro-text p,
.voiceover-section__intro p,
.recommend-section__intro p,
.process-section__header p,
.trusted-section__intro p,
.testimonials-section__left p,
.yeastar-what-section__header p,
.yeastar-diff-section__header p,
.yeastar-delivers-section__intro p,
.yeastar-voiceover-section__intro p {
        font-size: 17px;
        line-height: 1.6;
    }

.improve-section__card h3,
.features-section__card-body h3,
.pricing-section__card h3,
.pricing-section__card--featured h3,
.voiceover-section__slide-content h3,
.recommend-section__card h3,
.process-section__slot h3,
.why-section__panel h3,
.why-section__accordion h3,
.installation-section__card h3,
.yeastar-diff-panel__body h3,
.yeastar-voiceover-section__card h3 {
        font-size: 20px;
        line-height: 1.35;
    }

.what-section__text p,
.improve-section__card p,
.features-section__card-body p,
.platforms-section__text p,
.process-section__slot p,
.why-section__panel-info p,
.why-section__accordion-info p,
.compare-section__info-box p,
.voiceover-section__slide-content p,
.recommend-section__card p,
.installation-section__card p {
        font-size: 15px;
        line-height: 1.6;
    }

.pricing-section__note p {
        font-size: 15px;
        line-height: 1.6;
    }

.recommend-section__factors-label,
.recommend-section__factors li span {
        font-size: 20px;
        line-height: 1.5;
    }

.compare-section__tab {
        font-size: 16px;
    }

.voiceover-section__tab {
        font-size: 15px;
    }

.why-section__tab-trigger {
        font-size: 16px;
    }

.pricing-section__price strong {
        font-size: 30px;
    }

.pricing-section__card--featured .pricing-section__price strong {
        font-size: 30px;
    }

.testimonials-slide__author strong {
        font-size: 22px;
    }

.testimonials-slide__author span,
.testimonials-slide p {
        font-size: 16px;
    }

.yeastar-diff-tab {
        font-size: 14px;
    }

.yeastar-step__label {
        font-size: 15px;
    }

.yeastar-acc-item__title {
        font-size: 18px;
    }

.faq-item__question {
        font-size: 16px;
    }

.vs-col__label {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
.hero-section__content h1 {
        font-size: 32px;
        line-height: 1.3;
    }

.quiz-form-section__heading {
        font-size: 28px;
    }

.what-section__top h2,
.why-section__header h2,
.improve-section__header h2,
.features-section__header h2,
.platforms-section__header h2,
.pricing-section__intro h2,
.compare-section__intro h2,
.installation-section__heading,
.voiceover-section__intro h2,
.recommend-section__intro h2,
.process-section__header h2,
.trusted-section__intro h2,
.industries-section__header h2,
.testimonials-section__left h2,
.numbers-section__content h2,
.yeastar-section__heading,
.yeastar-what-section__header h2,
.yeastar-diff-section__header h2,
.yeastar-improve-section__header h2,
.faq-section__header h2,
.vs-section__heading,
.yeastar-right-section__top-left h2,
.yeastar-key-features-section__heading,
.yeastar-delivers-section__intro h2,
.yeastar-voiceover-section__intro h2 {
        font-size: 30px;
        line-height: 1.3;
    }

.what-section__top p,
.why-section__header p,
.improve-section__header p,
.pricing-section__intro-text p,
.compare-section__intro-text p,
.voiceover-section__intro p,
.recommend-section__intro p,
.process-section__header p,
.trusted-section__intro p,
.testimonials-section__left p,
.yeastar-what-section__header p,
.yeastar-diff-section__header p,
.yeastar-delivers-section__intro p,
.yeastar-voiceover-section__intro p {
        font-size: 16px;
        line-height: 1.6;
    }

.improve-section__card h3,
.features-section__card-body h3,
.pricing-section__card h3,
.pricing-section__card--featured h3,
.voiceover-section__slide-content h3,
.recommend-section__card h3,
.process-section__slot h3,
.why-section__panel h3,
.why-section__accordion h3,
.installation-section__card h3,
.yeastar-diff-panel__body h3,
.yeastar-voiceover-section__card h3 {
        font-size: 18px;
    }

.pricing-section__note p {
        font-size: 14px;
        line-height: 1.6;
    }

.recommend-section__factors-label,
.recommend-section__factors li span {
        font-size: 18px;
        line-height: 1.5;
    }

.compare-section__tab {
        font-size: 15px;
    }

.voiceover-section__tab {
        font-size: 14px;
    }

.why-section__tab-trigger {
        font-size: 15px;
    }

.pricing-section__price strong,
.pricing-section__card--featured .pricing-section__price strong {
        font-size: 28px;
    }

.testimonials-section__left h2 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
.hero-section__content h1 {
        font-size: 30px;
        line-height: 1.3;
    }

.hero-section__content p,
.what-section__text p,
.platforms-section__text p {
        font-size: 16px;
    }

.hero-section__actions a {
        font-size: 15px;
    }

.hero-section__features-inner span {
        font-size: 14px;
    }

.quiz-form-section__heading {
        font-size: 28px;
    }

.quiz-form-section__form .gform_wrapper.gravity-theme legend.gfield_label,
.quiz-form-section__form .gform_wrapper.gravity-theme .gfield_label {
        font-size: 18px;
    }

.what-section__top h2,
.why-section__header h2,
.improve-section__header h2,
.features-section__header h2,
.platforms-section__header h2,
.pricing-section__intro h2,
.compare-section__intro h2,
.installation-section__heading,
.voiceover-section__intro h2,
.recommend-section__intro h2,
.process-section__header h2,
.trusted-section__intro h2,
.industries-section__header h2,
.testimonials-section__left h2,
.numbers-section__content h2,
.yeastar-section__heading,
.yeastar-what-section__header h2,
.yeastar-diff-section__header h2,
.yeastar-improve-section__header h2,
.faq-section__header h2,
.vs-section__heading,
.yeastar-right-section__top-left h2,
.yeastar-key-features-section__heading,
.yeastar-delivers-section__intro h2,
.yeastar-voiceover-section__intro h2 {
        font-size: 28px;
        line-height: 1.3;
    }

.what-section__top p,
.why-section__header p,
.improve-section__header p,
.pricing-section__intro-text p,
.compare-section__intro-text p,
.voiceover-section__intro p,
.recommend-section__intro p,
.process-section__header p,
.trusted-section__intro p,
.testimonials-section__left p,
.yeastar-what-section__header p,
.yeastar-diff-section__header p,
.yeastar-delivers-section__intro p,
.yeastar-voiceover-section__intro p {
        font-size: 16px;
        line-height: 1.6;
    }

.improve-section__card h3,
.features-section__card-body h3,
.pricing-section__card h3,
.voiceover-section__slide-content h3,
.recommend-section__card h3,
.process-section__slot h3,
.why-section__accordion h3,
.installation-section__card h3,
.yeastar-diff-panel__body h3 {
        font-size: 18px;
    }

.improve-section__card p,
.features-section__card-body p,
.process-section__slot p,
.why-section__accordion-info p,
.voiceover-section__slide-content p,
.recommend-section__card p {
        font-size: 15px;
    }

.pricing-section__note p {
        font-size: 14px;
        line-height: 1.6;
    }

.recommend-section__factors-label,
.recommend-section__factors li span {
        font-size: 18px;
        line-height: 1.5;
    }

.compare-section__tab {
        font-size: 14px;
    }

.voiceover-section__tab {
        font-size: 13px;
    }

.why-section__tab-trigger {
        font-size: 15px;
    }

.pricing-section__price strong,
.pricing-section__card--featured .pricing-section__price strong {
        font-size: 28px;
    }

.testimonials-slide__author strong {
        font-size: 20px;
    }

.testimonials-slide__author span,
.testimonials-slide p {
        font-size: 15px;
    }
}

@media (max-width: 540px) {
.hero-section__content h1 {
        font-size: 26px;
        line-height: 1.35;
    }

.hero-section__content p,
.quiz-form-section__content p,
.what-section__text p {
        font-size: 15px;
    }

.what-section__top p,
.why-section__header p,
.improve-section__header p,
.pricing-section__intro-text p,
.compare-section__intro-text p,
.voiceover-section__intro p,
.recommend-section__intro p,
.process-section__header p,
.trusted-section__intro p,
.testimonials-section__left p,
.yeastar-what-section__header p,
.yeastar-diff-section__header p,
.yeastar-delivers-section__intro p,
.yeastar-voiceover-section__intro p {
        font-size: 15px;
        line-height: 1.6;
    }

.hero-section__actions a {
        font-size: 15px;
    }

.hero-section__features-inner span {
        font-size: 13px;
    }

.quiz-form-section__heading {
        font-size: 24px;
    }

.what-section__top h2,
.why-section__header h2,
.improve-section__header h2,
.features-section__header h2,
.platforms-section__header h2,
.pricing-section__intro h2,
.compare-section__intro h2,
.installation-section__heading,
.voiceover-section__intro h2,
.recommend-section__intro h2,
.process-section__header h2,
.trusted-section__intro h2,
.industries-section__header h2,
.testimonials-section__left h2,
.numbers-section__content h2,
.yeastar-section__heading,
.yeastar-what-section__header h2,
.yeastar-diff-section__header h2,
.yeastar-improve-section__header h2,
.faq-section__header h2,
.vs-section__heading,
.yeastar-right-section__top-left h2,
.yeastar-key-features-section__heading,
.yeastar-delivers-section__intro h2,
.yeastar-voiceover-section__intro h2 {
        font-size: 24px;
        line-height: 1.35;
    }

.improve-section__card h3,
.features-section__card-body h3,
.voiceover-section__slide-content h3,
.why-section__accordion h3,
.yeastar-voiceover-section__card h3 {
        font-size: 16px;
    }

.improve-section__card p,
.features-section__card-body p,
.process-section__slot p,
.yeastar-delivers-section__card-content p {
        font-size: 14px;
    }

.pricing-section__note p {
        font-size: 13px;
        line-height: 1.6;
    }

.recommend-section__factors-label,
.recommend-section__factors li span {
        font-size: 16px;
        line-height: 1.5;
    }

.compare-section__tab,
.voiceover-section__tab,
.why-section__tab-trigger {
        font-size: 13px;
    }

.pricing-section__price strong,
.pricing-section__card--featured .pricing-section__price strong {
        font-size: 26px;
    }

.pricing-section__btn {
        font-size: 15px;
    }

.testimonials-slide__author strong {
        font-size: 18px;
    }

.yeastar-diff-tab {
        font-size: 13px;
    }

.yeastar-acc-item__title {
        font-size: 16px;
    }

.faq-item__question {
        font-size: 15px;
    }

.vs-col__label {
        font-size: 16px;
    }

.yeastar-step__label {
        font-size: 14px;
    }

.yeastar-improve-item__title {
        font-size: 15px;
    }
}