{"id":3475,"date":"2020-06-25T14:41:49","date_gmt":"2020-06-25T14:41:49","guid":{"rendered":"http:\/\/themes.webdevia.com\/customerxp-call-center-outsourcing-wordpress-theme\/?page_id=3475"},"modified":"2026-01-26T06:09:27","modified_gmt":"2026-01-26T06:09:27","slug":"home-crm-software","status":"publish","type":"page","link":"https:\/\/flyfone.com\/ru\/","title":{"rendered":"Cloud Call Center Software &#8211; Drive Sales &#038; Support Excellence"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"flyfone-hero-section\">\n    <div class=\"flyfone-container\">\n        <!-- 1. Ti\u00eau \u0111\u1ec1 ch\u00ednh -->\n        <h2 class=\"hero-title\">\n            \u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 \u0441\u0432\u043e\u0439 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u0437\u0432\u043e\u043d\u043e\u043a<br>\n            \u041a\u0430\u043c\u043f\u0430\u043d\u0438\u044f \u0432\u0441\u0435\u0433\u043e \u0437\u0430 1 \u0434\u0435\u043d\u044c\n        <\/h2>\n\n        <!-- 2. C\u00e1c t\u00ednh n\u0103ng (Checkmarks) -->\n        <div class=\"hero-features\">\n            <div class=\"feature-item\">\n                <span class=\"check-box\">\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n                <span>8+ \u043b\u0435\u0442<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <span class=\"check-box\">\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n                <span>1-\u0434\u043d\u0435\u0432\u043d\u044b\u0439 \u0437\u0430\u043f\u0443\u0441\u043a<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <span class=\"check-box\">\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n                <span>\u0418\u0418-\u043f\u0438\u0442\u0430\u043d\u0438\u0435<\/span>\n            <\/div>\n            <div class=\"feature-item\">\n                <span class=\"check-box\">\n                    <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6L9 17L4 12\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                <\/span>\n                <span>\u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u044b, \u043f\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0441\u0447\u0435\u0442\u0430 \u043a\u0440\u0438\u043f\u0442\u043e\u0432\u0430\u043b\u044e\u0442\u043e\u0439<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- 3. Khu v\u1ef1c h\u00ecnh \u1ea3nh x\u1ebfp l\u1edbp -->\n        <div class=\"hero-image-wrapper\">\n            <!-- H\u00ecnh Laptop ch\u00ednh -->\n            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/09\/hero-home-center.png\" alt=\"\u041f\u0440\u0438\u0431\u043e\u0440\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c Flyfone\" class=\"main-laptop-img\">\n            \n            <!-- H\u00ecnh Widget n\u1ed5i b\u00ean tr\u00e1i (Gi\u1ea3 l\u1eadp v\u1ecb tr\u00ed d\u1ef1a tr\u00ean m\u1eabu) -->\n            <!-- L\u01b0u \u00fd: B\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ed5i v\u1ecb tr\u00ed src gi\u1eefa 2 h\u00ecnh floating n\u00e0y n\u1ebfu th\u1ea5y ng\u01b0\u1ee3c b\u00ean -->\n            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/06\/image-herosection-left-1.png\" alt=\"\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430\" class=\"float-img float-left\">\n            \n            <!-- H\u00ecnh Widget n\u1ed5i b\u00ean ph\u1ea3i -->\n            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/06\/image-herosection-right.png\" alt=\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0432\u044b\u0437\u043e\u0432\u043e\u0432\" class=\"float-img float-right\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \/* Reset c\u01a1 b\u1ea3n cho section n\u00e0y \u0111\u1ec3 kh\u00f4ng b\u1ecb \u1ea3nh h\u01b0\u1edfng b\u1edfi theme kh\u00e1c *\/\n    .flyfone-hero-section {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        background-color: #f2f7f2; \/* M\u00e0u n\u1ec1n xanh nh\u1ea1t gi\u1ed1ng m\u1eabu *\/\n        background-image: radial-gradient(circle at 50% 50%, #ffffff 0%, #f2f7f2 70%);\n        padding: 60px 20px 0 20px;\n        text-align: center;\n        overflow: hidden; \/* C\u1eaft ph\u1ea7n \u1ea3nh th\u1eeba n\u1ebfu tr\u00e0n *\/\n        box-sizing: border-box;\n    }\n\n    .flyfone-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n    }\n\n    \/* TYPOGRAPHY *\/\n    .hero-title {\n        color: #0d2440; \/* M\u00e0u xanh \u0111en \u0111\u1eadm *\/\n        font-size: 48px;\n        font-weight: 700;\n        line-height: 1.2;\n        margin-bottom: 30px;\n        margin-top: 0;\n    }\n\n    \/* FEATURE LIST *\/\n    .hero-features {\n        display: flex;\n        justify-content: center;\n        gap: 30px;\n        flex-wrap: wrap;\n        margin-bottom: 50px;\n    }\n\n    .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: #334e68;\n        font-size: 18px;\n        font-weight: 500;\n    }\n\n    .check-box {\n        width: 24px;\n        height: 24px;\n        background-color: #6CD28F; \/* M\u00e0u xanh l\u00e1 c\u1ee7a icon *\/\n        border-radius: 4px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .check-box svg {\n        width: 16px;\n        height: 16px;\n    }\n\n    \/* IMAGE LAYERING LOGIC *\/\n    .hero-image-wrapper {\n        position: relative;\n        width: 100%;\n        max-width: 1000px; \/* Gi\u1edbi h\u1ea1n chi\u1ec1u r\u1ed9ng \u1ea3nh t\u1ed5ng th\u1ec3 *\/\n        margin: 0 auto;\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n    }\n\n    .main-laptop-img {\n        width: 100%;\n        height: auto;\n        position: relative;\n        z-index: 1;\n        display: block;\n        \/* Hi\u1ec7u \u1ee9ng b\u00f3ng \u0111\u1ed5 nh\u1eb9 cho laptop *\/\n        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.1));\n    }\n\n    .float-img {\n        position: absolute;\n        z-index: 2;\n        border-radius: 12px;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n        max-width: 35%; \/* Gi\u1edbi h\u1ea1n k\u00edch th\u01b0\u1edbc \u1ea3nh con *\/\n        transition: transform 0.3s ease;\n    }\n    \n    .float-img:hover {\n        transform: translateY(-5px);\n    }\n\n    \/* C\u0103n ch\u1ec9nh v\u1ecb tr\u00ed c\u00e1c \u1ea3nh n\u1ed5i *\/\n    .float-left {\n        left: -5%;\n        bottom: 15%; \/* C\u00e1ch \u0111\u00e1y m\u1ed9t kho\u1ea3ng *\/\n    }\n\n    .float-right {\n        right: -5%;\n        bottom: 10%;\n    }\n\n    \/* RESPONSIVE: \u0110I\u1ec6N THO\u1ea0I & M\u00c1Y T\u00cdNH B\u1ea2NG *\/\n    @media (max-width: 992px) {\n        .hero-title {\n            font-size: 36px;\n        }\n        \n        \/* Tr\u00ean tablet, thu nh\u1ecf \u1ea3nh n\u1ed5i l\u1ea1i ch\u00fat *\/\n        .float-img {\n            max-width: 30%;\n        }\n        .float-left { left: 0; }\n        .float-right { right: 0; }\n    }\n\n    @media (max-width: 768px) {\n        .hero-title {\n            font-size: 28px;\n        }\n\n        .hero-features {\n            gap: 15px;\n            justify-content: flex-start;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        \/* Tr\u00ean mobile, \u1ea9n b\u1edbt c\u00e1c widget n\u1ed5i ho\u1eb7c x\u1ebfp ch\u1ed3ng l\u1ea1i n\u1ebfu mu\u1ed1n g\u1ecdn *\/\n        \/* \u1ede \u0111\u00e2y t\u00f4i ch\u1ecdn ph\u01b0\u01a1ng \u00e1n \u1ea9n b\u1edbt \u0111\u1ec3 gi\u1eef laptop r\u00f5 r\u00e0ng, \n           ho\u1eb7c b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ec3 position: static \u0111\u1ec3 n\u00f3 x\u1ebfp d\u1ecdc xu\u1ed1ng d\u01b0\u1edbi *\/\n        .float-img {\n            display: none; \n        }\n        \n        .main-laptop-img {\n            margin-bottom: -20px; \/* \u0110\u1ea9y \u1ea3nh xu\u1ed1ng s\u00e1t m\u00e9p d\u01b0\u1edbi *\/\n        }\n    }\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div data-animation-delay=\"300\" class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* Fix ::before \u0111ang k\u00e9o section l\u00ean *\/\n.comm-solutions-wrapper::before {\n    display: none !important;\n}\n\np {\n    color: #64748b;\n}\n\/* Mobile styles *\/\n@media (max-width: 768px) {\n    .wd-heading .title_a {\n        font-size: 30px;\n        line-height: 34px;\n    }\n.vc_custom_1756197763809 {\n    margin-right: 35px !important;\n}\n}\n        .comm-solutions-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .comm-solutions-wrapper {\n            padding: 20px 20px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .comm-solutions-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            position: relative;\n        }\n        \n        .comm-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        .comm-badge {\n            display: inline-block;\n            background: #69AA46;\n            color: white;\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n        }\n        \n        .comm-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            color: #1e293b;\n            line-height: 1.1;\n            margin-bottom: 20px;\n        }\n        \n        .comm-title .highlight {\n            background: linear-gradient(135deg, #69AA46, #5a9639);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .comm-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: flex-start;\n        }\n        \n        .comm-features {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n        \n        .comm-feature {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            padding: 12px 14px;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            border: 2px solid transparent;\n            position: relative;\n        }\n        \n        .comm-feature-main {\n            display: flex;\n            align-items: flex-start;\n            gap: 20px;\n            width: 100%;\n        }\n        \n        .comm-feature:hover,\n        .comm-feature.active {\n            background: white;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            border-color: #69AA46;\n            transform: translateX(10px);\n        }\n        \n        .comm-feature-icon {\n            width: 38px;\n            height: 38px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 16px;\n            color: white;\n            font-weight: bold;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n        \n        .comm-feature:hover .comm-feature-icon,\n        .comm-feature.active .comm-feature-icon {\n            transform: scale(1.1);\n        }\n        \n        .icon-teal {\n            background: linear-gradient(135deg, #06b6d4, #0891b2);\n        }\n        \n        .icon-purple {\n            background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n        }\n        \n        .icon-pink {\n            background: linear-gradient(135deg, #ec4899, #db2777);\n        }\n        \n        .icon-green {\n            background: linear-gradient(135deg, #10b981, #059669);\n        }\n        \n        .icon-yellow {\n            background: linear-gradient(135deg, #f59e0b, #d97706);\n        }\n        \n        .icon-violet {\n            background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n        }\n        \n        .comm-feature-main {\n            flex: 1;\n        }\n        \n        .comm-feature-title {\n            font-size: 1.05rem;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 4px;\n            transition: color 0.3s ease;\n        }\n        \n        .comm-feature:hover .comm-feature-title,\n        .comm-feature.active .comm-feature-title {\n            color: #69AA46;\n        }\n        \n        .comm-feature-desc {\n            color: #64748b;\n            line-height: 1.4;\n            margin-bottom: 6px;\n            font-size: 0.85rem;\n        }\n        \n        .comm-feature-link {\n            color: #69AA46;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.8rem;\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n            transition: all 0.3s ease;\n            opacity: 0;\n            transform: translateX(-10px);\n        }\n        \n        .comm-feature:hover .comm-feature-link,\n        .comm-feature.active .comm-feature-link {\n            opacity: 1;\n            transform: translateX(0);\n        }\n        \n        .comm-feature-link:hover {\n            color: #5a9639;\n            transform: translateX(5px);\n        }\n        \n        \/* Mobile Visual trong feature *\/\n.comm-feature-visual {\n    display: none;\n    margin-top: 10px;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    max-height: 0;\n    opacity: 0;\n    transition: all 0.3s ease;\n}\n\n.comm-feature-visual.show {\n    max-height: none;\n    opacity: 1;\n}\n        \n        \/* Desktop Visual Section *\/\n        .comm-visual {\n            position: relative;\n            height: 500px;\n            position: sticky;\n            top: 100px;\n        }\n        \n        .visual-mockup {\n            background: white;\n            border-radius: 20px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);\n            height: 100%;\n            position: absolute;\n            width: 100%;\n            opacity: 0;\n            transform: translateY(20px);\n            transition: all 0.5s ease;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n                .visual-mockup img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain !important; \/* \u0110\u1ed5i t\u1eeb cover sang contain *\/\n    border-radius: 20px;\n}\n        .visual-mockup.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        \n        .mockup-placeholder {\n            display: none;\n        }\n        \n\n        \n        @keyframes pulse {\n            0% { opacity: 1; }\n            50% { opacity: 0.5; }\n            100% { opacity: 1; }\n        }\n        \n        \/* Responsive Styles *\/\n        @media (max-width: 1024px) {\n            .comm-content {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            \n            .comm-visual {\n                position: relative;\n                top: 0;\n            }\n            \n            .comm-title {\n                font-size: 2.5rem;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .comm-solutions-wrapper {\n                padding: 20px 15px;\n            }\n            \n            .comm-solutions-container {\n                max-width: 600px;\n            }\n            \n            .comm-header {\n                margin-bottom: 40px;\n            }\n            \n            .comm-title {\n                font-size: 2rem;\n            }\n            \n            .comm-content {\n                gap: 30px;\n                grid-template-columns: 1fr;\n            }\n            \n            \/* \u1ea8n desktop visual *\/\n            .comm-visual {\n                display: none;\n            }\n            \n            \/* Hi\u1ec3n th\u1ecb mobile visual trong m\u1ed7i feature *\/\n            .comm-feature-visual {\n                display: block;\n            }\n            \n            .comm-features {\n                gap: 6px;\n            }\n            \n            .comm-feature {\n                padding: 10px 12px;\n                gap: 6px;\n                transform: none !important;\n                flex-direction: column;\n                align-items: stretch;\n                margin-bottom: 4px;\n            }\n            \n            .comm-feature:hover,\n            .comm-feature.active {\n                transform: none !important;\n            }\n            \n            .comm-feature-main {\n                display: flex;\n                gap: 15px;\n                align-items: flex-start;\n                cursor: pointer;\n            }\n            \n            .comm-feature-icon {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n                flex-shrink: 0;\n            }\n            \n            .comm-feature-content {\n                flex: 1;\n            }\n            \n            .comm-feature-title {\n                font-size: 1.1rem;\n            }\n            \n            .comm-feature-desc {\n                font-size: 0.9rem;\n            }\n            \n\n        }\n        \n        @media (max-width: 480px) {\n            .comm-solutions-container {\n                max-width: 100%;\n            }\n            .comm-title {\n                font-size: 1.8rem;\n            }\n            \n            .comm-badge {\n                font-size: 0.75rem;\n                padding: 6px 16px;\n            }\n            \n            .comm-feature {\n                padding: 8px 10px;\n                gap: 10px;\n                margin-bottom: 3px;\n            }\n            \n            .comm-feature-icon {\n                width: 35px;\n                height: 35px;\n                font-size: 14px;\n            }\n            \n            .comm-feature-title {\n                font-size: 1rem;\n            }\n            \n            .comm-feature-desc {\n                font-size: 0.85rem;\n            }\n            \n\n            \n            .comm-feature-visual .dialer-stats {\n                gap: 6px;\n            }\n        }\n    <\/style>\n\n<div class=\"comm-solutions-wrapper\">\n        <div class=\"comm-solutions-container\">\n            <div class=\"comm-header\">\n                <div class=\"comm-badge\">\u0412\u0410\u0428 \u041a\u041e\u041b\u041b-\u0426\u0415\u041d\u0422\u0420<\/div>\n                <h2 class=\"comm-title\">\n                    <span class=\"highlight\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439<\/span><br>\n                    \u041a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\n                <\/h2>\n            <\/div>\n            \n            <div class=\"comm-content\">\n                <div class=\"comm-features\">\n                    <div class=\"comm-feature active\" data-target=\"dialer\">\n                        <div class=\"comm-feature-main\">\n                            <div class=\"comm-feature-icon icon-teal\">\ud83d\udcde<\/div>\n                            <div class=\"comm-feature-content\">\n                                <h3 class=\"comm-feature-title\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438<\/h3>\n                                <p class=\"comm-feature-desc\">\u041b\u0435\u0433\u043a\u043e \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u0439\u0442\u0435 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0435 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c, \u043d\u0430\u0437\u043d\u0430\u0447\u0430\u0439\u0442\u0435 \u043b\u0438\u0434\u043e\u0432, \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0442\u043e\u043a\u0438 \u0442\u0438\u043a\u0435\u0442\u043e\u0432 \u0438 \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0432 \u043c\u0430\u0441\u0441\u043e\u0432\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0438\u0437 Excel.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"comm-feature-visual\">\n                            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Campaign-manager-1.png\" alt=\" \u041f\u0440\u0438\u0431\u043e\u0440\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438\" style=\"width: 100%; height: 100%; object-fit: contain ; border-radius: 12px;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\" data-target=\"pbx\">\n                        <div class=\"comm-feature-main\">\n                            <div class=\"comm-feature-icon icon-purple\">\u2601\ufe0f<\/div>\n                            <div class=\"comm-feature-content\">\n                                <h3 class=\"comm-feature-title\">\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u044b\u0437\u043e\u0432\u0430<\/h3>\n                                <p class=\"comm-feature-desc\">\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0433\u0438\u0431\u043a\u0438\u0435 \u0440\u0430\u0431\u043e\u0447\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0441 \u0442\u0440\u0438\u0433\u0433\u0435\u0440\u0430\u043c\u0438 \u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438, \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u043c\u0438 \u043a \u0432\u0430\u0448\u0438\u043c \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f\u043c \u043f\u0440\u043e\u0434\u0430\u0436 \u0438\u043b\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 - \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"comm-feature-visual\">\n                            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Smart-call-workflow.png\" alt=\"\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0440\u0430\u0431\u043e\u0447\u0435\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0432\u044b\u0437\u043e\u0432\u0430\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 12px;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\" data-target=\"sms\">\n                        <div class=\"comm-feature-main\">\n                            <div class=\"comm-feature-icon icon-pink\">\ud83d\udcac<\/div>\n                            <div class=\"comm-feature-content\">\n                                <h3 class=\"comm-feature-title\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0438 \u0430\u0433\u0435\u043d\u0442\u0430\u043c\u0438<\/h3>\n                                <p class=\"comm-feature-desc\">\u0423\u043f\u0440\u0430\u0432\u043b\u044f\u0439\u0442\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c\u0438 \u043b\u044e\u0431\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0445 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432, \u0443\u0440\u043e\u0432\u043d\u0435\u0439 \u043f\u0440\u0430\u0432 \u0438 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438.\n<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"comm-feature-visual\">\n                            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Team-Agent-Management.png\" alt=\"\u041f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c\u0438 \u0438 \u0430\u0433\u0435\u043d\u0442\u0430\u043c\u0438\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 12px;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\" data-target=\"did\">\n                        <div class=\"comm-feature-main\">\n                            <div class=\"comm-feature-icon icon-green\">\ud83d\udcf1<\/div>\n                            <div class=\"comm-feature-content\">\n                                <h3 class=\"comm-feature-title\">\u0413\u0438\u0431\u043a\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0438 \u0434\u043e\u0441\u0442\u0443\u043f<\/h3>\n                                <p class=\"comm-feature-desc\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043d\u0430\u0448 WebCall \u0432 \u043b\u044e\u0431\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0438\u043b\u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 \u043d\u0430\u0448\u0435 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u043e\u0432. \u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u0435\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443? \u041c\u044b \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e API, SDK \u0438\u043b\u0438 SIP-\u0442\u0440\u0430\u043d\u043a\u0430.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"comm-feature-visual\">\n                            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Flexible-Integrations-Access-1.png\" alt=\"\u0413\u0438\u0431\u043a\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 12px;\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"comm-feature\" data-target=\"multilingual\">\n                        <div class=\"comm-feature-main\">\n                            <div class=\"comm-feature-icon icon-green\">\ud83d\udcf1<\/div>\n                            <div class=\"comm-feature-content\">\n                                <h3 class=\"comm-feature-title\">\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c<\/h3>\n                                <p class=\"comm-feature-desc\">\u041c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c\n\u041f\u043e\u0437\u0432\u043e\u043b\u044c\u0442\u0435 \u0432\u0430\u0448\u0438\u043c \u0430\u0433\u0435\u043d\u0442\u0430\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430 \u0438\u0445 \u0440\u043e\u0434\u043d\u043e\u043c \u044f\u0437\u044b\u043a\u0435 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f 8 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043c\u044b\u043c \u044f\u0437\u044b\u043a\u0430\u043c: \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439, \u043a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439, \u0411\u0430\u043d\u0433\u043b\u0430\u0434\u0435\u0448, \u0412\u044c\u0435\u0442\u043d\u0430\u043c, \u041f\u0430\u043a\u0438\u0441\u0442\u0430\u043d, \u0418\u043d\u0434\u0438\u044f, \u0418\u043d\u0434\u043e\u043d\u0435\u0437\u0438\u044f, \u0422\u0430\u0438\u043b\u0430\u043d\u0434\n<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"comm-feature-visual\">\n                            <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/12\/Solutions-Multilingual-Working-Dashboard.png\" alt=\"\u0413\u0438\u0431\u043a\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 12px;\">\n                        <\/div>\n                    <\/div>\n                   \n                <\/div>\n                \n                <!-- Desktop Visual Section -->\n                <div class=\"comm-visual\">\n                    <div class=\"visual-mockup active\" id=\"dialer\">\n                        <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Campaign-manager-1.png\" alt=\"\u041f\u0440\u0438\u0431\u043e\u0440\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c CommPeak Dialer\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                    <\/div>\n                    \n                    <div class=\"visual-mockup\" id=\"pbx\">\n                        <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Smart-call-workflow.png\" alt=\"\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0439 \u0410\u0422\u0421\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                    <\/div>\n                    \n                    <div class=\"visual-mockup\" id=\"sms\">\n                        <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Team-Agent-Management.png\" alt=\"\u041f\u0440\u0438\u0431\u043e\u0440\u043d\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c SMS-\u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                    <\/div>\n                    \n                    <div class=\"visual-mockup\" id=\"did\">\n                        <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/08\/Solutions-Flexible-Integrations-Access-1.png\" alt=\"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 DID-\u043d\u043e\u043c\u0435\u0440\u0430\u043c\u0438\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                    <\/div>\n\n\n                    <div class=\"visual-mockup\" id=\"multilingual\">\n                        <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/12\/Solutions-Multilingual-Working-Dashboard.png\" alt=\"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 DID-\u043d\u043e\u043c\u0435\u0440\u0430\u043c\u0438\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<script>\n        \/\/ Interactive feature switching for desktop\n        const features = document.querySelectorAll('.comm-feature');\n        const mockups = document.querySelectorAll('.visual-mockup');\n        \n        features.forEach(feature => {\n            const featureVisual = feature.querySelector('.comm-feature-visual');\n            \n            \/\/ Desktop hover behavior\n            feature.addEventListener('mouseenter', () => {\n                \/\/ Only apply hover effects on desktop\n                if (window.innerWidth > 768) {\n                    \/\/ Remove active class from all features and mockups\n                    features.forEach(f => f.classList.remove('active'));\n                    mockups.forEach(m => m.classList.remove('active'));\n                    \n                    \/\/ Add active class to hovered feature\n                    feature.classList.add('active');\n                    \n                    \/\/ Show corresponding mockup\n                    const target = feature.getAttribute('data-target');\n                    const targetMockup = document.getElementById(target);\n                    if (targetMockup) {\n                        targetMockup.classList.add('active');\n                    }\n                }\n            });\n            \n            \/\/ Mobile touch behavior\n            feature.addEventListener('touchstart', (e) => {\n                if (window.innerWidth <= 768) {\n                    \/\/ Hide all other visuals first\n                    features.forEach(f => {\n                        const visual = f.querySelector('.comm-feature-visual');\n                        if (visual && visual !== featureVisual) {\n                            visual.classList.remove('show');\n                        }\n                        if (f !== feature) {\n                            f.classList.remove('active');\n                        }\n                    });\n                    \n                    \/\/ Show the touched visual immediately\n                    featureVisual.classList.add('show');\n                    feature.classList.add('active');\n                }\n            });\n            \n            \/\/ Fallback for mobile click\n            feature.addEventListener('click', (e) => {\n                if (window.innerWidth <= 768) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    \n                    \/\/ Hide all other visuals first\n                    features.forEach(f => {\n                        const visual = f.querySelector('.comm-feature-visual');\n                        if (visual && visual !== featureVisual) {\n                            visual.classList.remove('show');\n                        }\n                        if (f !== feature) {\n                            f.classList.remove('active');\n                        }\n                    });\n                    \n                    \/\/ Show the clicked visual immediately\n                    featureVisual.classList.add('show');\n                    feature.classList.add('active');\n                }\n            });\n        });\n        \n        \/\/ Default active state\n        document.addEventListener('DOMContentLoaded', () => {\n            const firstFeature = document.querySelector('.comm-feature[data-target=\"dialer\"]');\n            const firstMockup = document.getElementById('dialer');\n            \n            if (firstFeature && firstMockup) {\n                firstFeature.classList.add('active');\n                firstMockup.classList.add('active');\n            }\n        });\n        \n        \/\/ Handle window resize\n        window.addEventListener('resize', () => {\n            if (window.innerWidth > 768) {\n                \/\/ Reset to desktop mode\n                const firstFeature = document.querySelector('.comm-feature[data-target=\"dialer\"]');\n                const firstMockup = document.getElementById('dialer');\n                \n                features.forEach(f => {\n                    f.classList.remove('active');\n                    const visual = f.querySelector('.comm-feature-visual');\n                    if (visual) {\n                        visual.classList.remove('show');\n                    }\n                });\n                mockups.forEach(m => m.classList.remove('active'));\n                \n                if (firstFeature && firstMockup) {\n                    firstFeature.classList.add('active');\n                    firstMockup.classList.add('active');\n                }\n            } else {\n                \/\/ Reset mobile mode - hide all visuals\n                features.forEach(f => {\n                    f.classList.remove('active');\n                    const visual = f.querySelector('.comm-feature-visual');\n                    if (visual) {\n                        visual.classList.remove('show');\n                    }\n                });\n            }\n        });\n    <\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-animation-delay=\"300\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1750242470263\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n\n\n        .cta-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 60px 40px;\n            background: linear-gradient(145deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            box-shadow: \n                0 20px 40px rgba(0,0,0,0.08),\n                0 8px 16px rgba(0,0,0,0.04),\n                inset 0 1px 0 rgba(255,255,255,0.9);\n            border: 1px solid rgba(255,255,255,0.6);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: linear-gradient(90deg, #3b82f6, #06b6d4, #10b981, #f59e0b);\n            opacity: 0.6;\n        }\n\n        .cta-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .cta-title {\n            font-size: 2.5rem;\n            font-weight: 700;\n            background: linear-gradient(135deg, #1e40af 0%, #0c4a6e 50%, #065f46 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 20px;\n            line-height: 1.2;\n        }\n\n        .cta-subtitle {\n            font-size: 1.125rem;\n            color: #64748b;\n            line-height: 1.6;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .main-buttons {\n            display: flex;\n            gap: 20px;\n            justify-content: center;\n            margin-bottom: 60px;\n            flex-wrap: wrap;\n        }\n\n        .main-btn {\n            padding: 16px 32px;\n            border-radius: 16px;\n            font-weight: 600;\n            font-size: 1rem;\n            text-decoration: none;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n            min-width: 180px;\n            text-align: center;\n        }\n\n        .main-btn-primary {\n            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n            color: white;\n            box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);\n        }\n\n        .main-btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 12px 32px rgba(59, 130, 246, 0.4);\n            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\n        }\n\n        .main-btn-secondary {\n            background: rgba(255, 255, 255, 0.9);\n            color: #1e40af;\n            border: 2px solid rgba(59, 130, 246, 0.2);\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);\n        }\n\n        .main-btn-secondary:hover {\n            transform: translateY(-2px);\n            background: #f8fafc;\n            border-color: #3b82f6;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n        }\n\n        .contact-section {\n            position: relative;\n        }\n\n        .contact-section::before {\n            content: '';\n            position: absolute;\n            top: -30px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, #e2e8f0, transparent);\n        }\n\n        .contact-title {\n            text-align: center;\n            font-size: 1.125rem;\n            font-weight: 600;\n            color: #374151;\n            margin-bottom: 25px;\n        }\n\n        .contact-buttons {\n            display: flex;\n            gap: 16px;\n            justify-content: center;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n        }\n\n        .contact-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px 20px;\n            background: rgba(255, 255, 255, 0.8);\n            border: 1px solid rgba(226, 232, 240, 0.6);\n            border-radius: 12px;\n            color: #374151;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.9rem;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .contact-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .contact-btn:hover::before {\n            left: 100%;\n        }\n\n        .contact-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n            border-color: rgba(59, 130, 246, 0.3);\n        }\n\n        .whatsapp-btn:hover {\n            background: linear-gradient(135deg, #dcfce7, #bbf7d0);\n            color: #15803d;\n        }\n\n        .telegram-btn:hover {\n            background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n            color: #1d4ed8;\n        }\n\n.contact-icon {\n    width: 24px;\n    height: 24px;\n    border-radius: 4px;\n    object-fit: contain;\n    flex-shrink: 0;\n}\n\n        .response-time {\n            text-align: center;\n            font-size: 0.875rem;\n            color: #6b7280;\n        }\n\n        .response-time strong {\n            color: #059669;\n            font-weight: 600;\n        }\n\n        .floating-elements {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, #fef3c7, #fde68a);\n            border-radius: 50%;\n            opacity: 0.6;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .floating-elements:nth-child(2) {\n            top: auto;\n            bottom: 20px;\n            left: 20px;\n            right: auto;\n            width: 40px;\n            height: 40px;\n            background: linear-gradient(135deg, #dbeafe, #bfdbfe);\n            animation-delay: -3s;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            25% { transform: translateY(-10px) rotate(90deg); }\n            50% { transform: translateY(-20px) rotate(180deg); }\n            75% { transform: translateY(-10px) rotate(270deg); }\n        }\n\n        @media (max-width: 768px) {\n            .cta-container {\n                margin: 20px;\n                padding: 40px 24px;\n                border-radius: 24px;\n            }\n\n            .cta-title {\n                font-size: 2rem;\n            }\n\n            .cta-subtitle {\n                font-size: 1rem;\n            }\n\n            .main-buttons {\n                flex-direction: column;\n                align-items: center;\n                gap: 16px;\n            }\n\n            .main-btn {\n                width: 100%;\n                max-width: 280px;\n            }\n\n            .contact-buttons {\n                flex-direction: column;\n                align-items: center;\n                gap: 12px;\n            }\n\n            .contact-btn {\n                width: 100%;\n                max-width: 250px;\n                justify-content: center;\n            }\n        }\n    <\/style>\n\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n.contact-icon {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n}\n\n.contact-icon.large {\n    width: 30px;\n    height: 30px;\n}\n\n.explore-btn {\n    display: inline-block;\n    padding: 12px 30px;\n    background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);\n    color: white;\n    text-decoration: none;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 15px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n    border: none;\n    cursor: pointer;\n    font-family: inherit;\n    margin-top: 20px;\n}\n\n.explore-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);\n    background: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);\n}\n\n.explore-btn:active {\n    transform: translateY(0);\n    box-shadow: 0 2px 10px rgba(255, 107, 53, 0.3);\n}\n\n.explore-btn::after {\n    content: \" \u2192\";\n    margin-left: 8px;\n    transition: margin-left 0.3s ease;\n}\n\n.explore-btn:hover::after {\n    margin-left: 12px;\n}\n\n\/* Services Section Styles - Updated for FlyFone Orange Theme *\/\n.services-section {\n    padding: 80px 20px;\n}\n\n.services-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.services-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.services-header h2 {\n    font-size: 42px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.services-header p {\n    font-size: 20px;\n    color: #64748b;\n    max-width: 600px;\n    margin: 0 auto;\n    line-height: 1.6;\n    text-align: center;\n}\n\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-bottom: 50px;\n}\n\n.service-card {\n    border-radius: 16px;\n    padding: 40px 30px;\n    text-align: center;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid #e2e8f0;\n}\n\n.service-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #ea580c, #f97316);\n    transform: scaleX(0);\n    transition: transform 0.3s ease;\n}\n\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 48px rgba(234, 88, 12, 0.15);\n    border-color: #ea580c;\n}\n\n.service-card:hover::before {\n    transform: scaleX(1);\n}\n\n.service-content {\n    \/* B\u1ecf h\u1ebft flexbox ph\u1ee9c t\u1ea1p *\/\n}\n\n.service-header {\n    margin-bottom: 20px;\n}\n\n.service-icon {\n    font-size: 48px;\n    margin-bottom: 24px;\n    display: block;\n}\n\n.service-card h3 {\n    font-size: 24px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.3;\n}\n\n.service-description {\n    font-size: 16px;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 24px;\n}\n\n.service-features {\n    padding: 0 0 0 20px;  \/* Th\u00eam 20px padding b\u00ean tr\u00e1i *\/\n    margin: 24px 0;\n    text-align: left;\n}\n\n.service-features li {\n    padding: 8px 0 8px 8px;  \/* padding-left 8px t\u1ea1o kho\u1ea3ng c\u00e1ch bullet v\u1edbi text *\/\n    font-size: 14px;\n    color: #475569;\n    list-style-type: disc;  \/* \u0110\u1ea3m b\u1ea3o c\u00f3 bullet m\u1eb7c \u0111\u1ecbnh *\/\n    padding-left: 4px;  \/* Gi\u1ea3m t\u1eeb 8px xu\u1ed1ng 4px *\/\n\n}\n\n\n\n.service-footer {\n    \/* B\u1ecf h\u1ebft flexbox ph\u1ee9c t\u1ea1p *\/\n    padding-top: 20px;\n}\n\n.service-price {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ea580c;\n    margin: 20px 0;\n    padding: 12px;\n    border-radius: 8px;\n    border: 1px solid #ea580c;\n}\n\n.service-btn {\n    display: block;\n    padding: 14px 28px;\n    background: linear-gradient(135deg, #ea580c, #f97316);\n    color: white;\n    text-decoration: none;\n    border-radius: 8px;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    border: none;\n    cursor: pointer;\n    font-size: 16px;\n    width: 100%;\n    text-align: center;\n    box-sizing: border-box;\n}\n\n.service-btn:hover {\n    background: linear-gradient(135deg, #dc2626, #ea580c);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(234, 88, 12, 0.3);\n}\n\n.service-btn.secondary {\n    background: transparent;\n    color: #ea580c;\n    border: 2px solid #ea580c;\n    width: 100%;\n    text-align: center;\n    padding: 12px 28px; \/* Gi\u1ea3m padding \u0111\u1ec3 compensate cho border *\/\n    box-sizing: border-box;\n}\n\n.service-btn.secondary:hover {\n    background: #ea580c;\n    color: white;\n}\n\n\/* CTA Section with Video Layout *\/\n.cta-container {\n    margin-top: 60px;\n    padding: 50px;\n    border-radius: 20px;\n    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);\n    border: 1px solid #e2e8f0;\n    background: #ffffff;\n}\n\n.cta-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    align-items: center;\n}\n\n.video-section {\n    position: relative;\n}\n\n.video-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n}\n\n.video-container iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n    border-radius: 12px;\n}\n\n.info-section {\n    padding-left: 20px;\n}\n\n.cta-header {\n    text-align: left;\n    margin-bottom: 30px;\n}\n\n.cta-title {\n    font-size: 32px;\n    font-weight: 700;\n    color: #1e293b;\n    margin-bottom: 16px;\n    line-height: 1.2;\n}\n\n.cta-subtitle {\n    font-size: 18px;\n    color: #64748b;\n    line-height: 1.6;\n    margin-bottom: 0;\n}\n\n.main-buttons {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n}\n\n.main-btn {\n    padding: 16px 32px;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 16px;\n    text-decoration: none;\n    text-align: center;\n    transition: all 0.3s ease;\n    flex: 1;\n    min-width: 180px;\n}\n\n.main-btn-primary {\n    background: linear-gradient(135deg, #0284c7, #0ea5e9);\n    color: white;\n    border: none;\n}\n\n.main-btn-primary:hover {\n    background: linear-gradient(135deg, #0369a1, #0284c7);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.3);\n}\n\n.main-btn-secondary {\n    background: transparent;\n    color: #0284c7;\n    border: 2px solid #0284c7;\n}\n\n.main-btn-secondary:hover {\n    background: #0284c7;\n    color: white;\n}\n\n.contact-section {\n    border-top: 1px solid #e2e8f0;\n    padding-top: 24px;\n}\n\n.contact-title {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1e293b;\n    margin-bottom: 16px;\n    text-align: left;\n}\n\n.contact-buttons {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.contact-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 20px;\n    background: #f8fafc;\n    border: 1px solid #e2e8f0;\n    border-radius: 8px;\n    text-decoration: none;\n    color: #475569;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    flex: 1;\n    justify-content: center;\n    min-width: 160px;\n}\n\n.contact-btn:hover {\n    background: #ea580c;\n    color: white;\n    border-color: #ea580c;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.2);\n}\n\n.contact-icon {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n}\n\n.contact-btn:hover .contact-icon {\n    filter: brightness(0) invert(1);\n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n    .services-section {\n        padding: 30px 0px;\n    }\n\n    .services-header h2 {\n        font-size: 32px;\n    }\n\n    .services-header p {\n        font-size: 18px;\n        white-space: normal;\n    }\n\n    .services-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .service-card {\n        padding: 30px 20px;\n    }\n\n    .service-card h3 {\n        font-size: 22px;\n        min-height: auto;\n    }\n\n    .service-description {\n        min-height: auto;\n        text-align: justify;\n    }\n\n    .service-features {\n        min-height: auto;\n    }\n\n    \/* Mobile CTA Layout *\/\n    .cta-container {\n        padding: 40px 20px;\n    }\n\n    .cta-content {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .info-section {\n        padding-left: 0;\n    }\n\n    .cta-header {\n        text-align: center;\n    }\n\n    .cta-title {\n        font-size: 28px;\n    }\n\n    .main-buttons {\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .main-btn {\n        width: 100%;\n        min-width: auto;\n    }\n\n    .contact-buttons {\n        flex-direction: column;\n    }\n\n    .contact-btn {\n        width: 100%;\n        min-width: auto;\n    }\n\n    .contact-title {\n        text-align: center;\n    }\n}\n\n\/* Animation for entrance *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.service-card {\n    animation: fadeInUp 0.6s ease forwards;\n}\n\n.service-card:nth-child(1) { animation-delay: 0.1s; }\n.service-card:nth-child(2) { animation-delay: 0.2s; }\n.service-card:nth-child(3) { animation-delay: 0.3s; }\n.service-card:nth-child(4) { animation-delay: 0.4s; }\n.service-card:nth-child(5) { animation-delay: 0.5s; }\n.service-card:nth-child(6) { animation-delay: 0.6s; }\n\n.cta-container {\n    animation: fadeInUp 0.6s ease forwards;\n    animation-delay: 0.7s;\n}\n<\/style>\n\n<section class=\"services-section\">\n    <div class=\"services-container\">\n        <!-- Section Header -->\n        <div class=\"services-header\">\n            <h2>\u041e\u0434\u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430, \u043b\u044e\u0431\u043e\u0439 \u0446\u0435\u043d\u0442\u0440 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 - \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0435\u0439 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/h2>\n            <p>\u041e\u0442 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0441\u0442\u0430\u0440\u0442\u0430\u043f\u043e\u0432 \u0434\u043e \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0445 \u043a\u043e\u043c\u0430\u043d\u0434 - Flyfone \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043a \u0432\u0430\u0448\u0438\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u044f\u043c, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u0435, \u043f\u043e\u043b\u043d\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432.<\/p>\n        <\/div>\n\n        <!-- Services Grid -->\n        <div class=\"services-grid\">\n            \n            <!-- Service 1: Cloud Call Center -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\u2601\ufe0f<\/span>\n                        <h3>\u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<\/h3>\n                        <p class=\"service-description\">\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u043e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043e\u0442 1 \u0434\u043e 10 000+ \u0430\u0433\u0435\u043d\u0442\u043e\u0432. \u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f - \u0437\u0430\u043f\u0443\u0441\u043a \u0437\u0430 \u0441\u0447\u0438\u0442\u0430\u043d\u043d\u044b\u0435 \u043c\u0438\u043d\u0443\u0442\u044b.<\/p>\n\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u0435 \u0440\u0430\u0437\u0432\u0435\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u0435 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\n                        <li>\u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 AWS<\/li>\n                        <li>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u0431\u0435\u0437\u043e\u0442\u043a\u0430\u0437\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b 99,9%<\/li>\n                        <li>\u0426\u0435\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u043e\u043f\u043b\u0430\u0442\u043e\u0439 \u043f\u043e \u043c\u0435\u0440\u0435 \u0440\u043e\u0441\u0442\u0430<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/cloud-call-center\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n\n                <\/div>\n            <\/div>\n\n            <!-- Service 2: Inbound Services -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\ud83d\udcde<\/span>\n                        <h3>\u0423\u0441\u043b\u0443\u0433\u0438 \u0446\u0435\u043d\u0442\u0440\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<\/h3>\n                        <p class=\"service-description\">\u041e\u0431\u0440\u0430\u0449\u0430\u0439\u0442\u0435\u0441\u044c \u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u0432 \u0441\u043b\u0443\u0436\u0431\u0443 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u0421\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u0440\u0435\u043c\u044f \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f \u043d\u0430 60%.<\/p>\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0438 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u044c<\/li>\n                        <li>IVR \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439 \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u0430<\/li>\n                        <li>\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043c\u043d\u043e\u0433\u043e\u043f\u0440\u043e\u0444\u0438\u043b\u044c\u043d\u044b\u0445 \u0430\u0433\u0435\u043d\u0442\u043e\u0432<\/li>\n                        <li>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/inbound-call-center\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n\n                <\/div>\n            <\/div>\n\n            <!-- Service 3: Outbound Services -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\ud83d\udce2<\/span>\n                        <h3>\u0426\u0435\u043d\u0442\u0440 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<\/h3>\n                        <p class=\"service-description\">\u0423\u0441\u0438\u043b\u044c\u0442\u0435 \u0441\u0432\u043e\u0438 \u043f\u0440\u043e\u0434\u0430\u0436\u0438 \u0438 \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0440\u0435\u0434\u0438\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0423\u0432\u0435\u043b\u0438\u0447\u044c\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 \u043d\u0430 40%.<\/p>\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u041f\u0440\u0435\u0434\u0438\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0439 \u043d\u0430\u0431\u043e\u0440 \u043d\u043e\u043c\u0435\u0440\u0430<\/li>\n                        <li>\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043b\u0438\u0434\u0430\u043c\u0438 \u0438 \u0438\u0445 \u043e\u0446\u0435\u043d\u043a\u0430<\/li>\n                        <li>\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0439<\/li>\n                        <li>\u0421\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \"\u043d\u0435 \u0437\u0432\u043e\u043d\u0438\u0442\u044c<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/outbound-call-center\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n\n                <\/div>\n            <\/div>\n\n            <!-- Service 4: Omnichannel -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\ud83d\udcac<\/span>\n                        <h3>\u0410\u0432\u0442\u043e\u0434\u043e\u0437\u0432\u043e\u043d\u0449\u0438\u043a AI<\/h3>\n                        <p class=\"service-description\">\u041f\u043e\u0432\u044b\u0441\u044c\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0441\u0432\u043e\u0438\u0445 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u043a\u0430\u043c\u043f\u0430\u043d\u0438\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0430\u0432\u0442\u043e\u0434\u043e\u0437\u0432\u043e\u043d\u0430 Flyfone \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u0430\u0433\u0435\u043d\u0442\u043e\u0432 \u0441 \u0436\u0438\u0432\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0443\u043c\u043d\u0435\u0435 \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u043d\u0435\u0435.<\/p>\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043e\u0432<\/li>\n                        <li>\u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0437\u043e\u043d<\/li>\n                        <li>\u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u043c\u0435\u0436\u0434\u0443 \u0430\u0433\u0435\u043d\u0442\u0430\u043c\u0438 \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438<\/li>\n                        <li>\u0422\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/auto-dialer\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n\n                <\/div>\n            <\/div>\n\n            <!-- Service 5: Analytics -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\ud83d\udcca<\/span>\n                        <h3>\u0426\u0435\u043d\u0442\u0440 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 VoIP<\/h3>\n                        <p class=\"service-description\">\u041e\u0446\u0435\u043d\u0438\u0442\u0435 \u0432\u044b\u0441\u043e\u0447\u0430\u0439\u0448\u0438\u0439 \u0443\u0440\u043e\u0432\u0435\u043d\u044c ASR \u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0432\u044f\u0437\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e VoIP-\u0441\u0435\u0442\u0438 \u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 Flyfone, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043e\u0442\u0440\u0430\u0441\u043b\u0435\u0439.<\/p>\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u0412\u0441\u0435\u043c\u0438\u0440\u043d\u043e\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u0435 \u0432 110+ \u0441\u0442\u0440\u0430\u043d\u0430\u0445<\/li>\n                        <li>\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0434\u043b\u044f \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0435\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/li>\n                        <li>\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0438 \u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439<\/li>\n                        <li>\u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u043e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/voip-call-center\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n\n                <\/div>\n            <\/div>\n\n            <!-- Service 6: CRM Integration -->\n            <div class=\"service-card\">\n                <div class=\"service-content\">\n                    <div class=\"service-header\">\n                        <span class=\"service-icon\">\ud83d\udd17<\/span>\n                        <h3>\u041e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430<\/h3>\n                        <p class=\"service-description\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u0440\u0435\u0447\u0438 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0440\u0430\u0441\u043f\u043e\u0437\u043d\u0430\u0432\u0430\u043d\u0438\u044f \u044d\u043c\u043e\u0446\u0438\u0439 \u0438 \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0446\u0435\u043d\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c \u043a\u0430\u0436\u0434\u043e\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0431\u0435\u0437 \u043e\u0441\u043e\u0431\u044b\u0445 \u0443\u0441\u0438\u043b\u0438\u0439.<\/p>\n                    <\/div>\n                    \n                    <ul class=\"service-features\">\n                        <li>\u0410\u043d\u0430\u043b\u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0438 \u044d\u043c\u043e\u0446\u0438\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430<\/li>\n                        <li>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043e\u0446\u0435\u043d\u043a\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0435\u0432 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c<\/li>\n                        <li>\u041e\u0442\u043c\u0435\u0442\u043a\u0430 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043b\u043e\u0432 \u0438 \u0442\u0440\u0430\u043d\u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0441 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u0438\u0441\u043a\u0430<\/li>\n                        <li>\u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 QA \u0438 \u043e\u0442\u0447\u0435\u0442\u044b \u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/li>\n                    <\/ul>\n<a href=\"https:\/\/flyfone.com\/ru\/ai-powered-quality-assurance\/\" class=\"explore-btn\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- CTA Section with Video -->\n        <div class=\"cta-container\" style=\"max-width: 1400px; margin-left: auto; margin-right: auto;\">\n            <div class=\"cta-content\">\n                <!-- Video Section -->\n                <div class=\"video-section\">\n                    <div class=\"video-container\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/czXx29IfCm8?si=IMmIUhXR_3QfI0gu\" \n  loading=\"lazy\"\n\n                                title=\"\u041e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0432\u0438\u0434\u0435\u043e FlyFone\" \n                                frameborder=\"0\" \n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                                allowfullscreen>\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n\n                <!-- Info Section -->\n                <div class=\"info-section\">\n                    <div class=\"cta-header\">\n                        <h2 class=\"cta-title\">\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c \u043a \u0437\u0430\u043f\u0443\u0441\u043a\u0443 \u0432\u0430\u0448\u0435\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<\/h2>\n                        <p class=\"cta-subtitle\">\u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0437\u0430\u0434\u0435\u0440\u0436\u0435\u043a. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u0431\u043b\u0430\u0447\u043d\u043e\u043c\u0443 \u0440\u0435\u0448\u0435\u043d\u0438\u044e Flyfone \u0438 \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043d\u044f.<\/p>\n                    <\/div>\n\n                    <div class=\"main-buttons\">\n                        <a href=\"https:\/\/flyfone.com\/ru\/request-free-trial\/\" class=\"main-btn main-btn-primary\">\n                            \u041d\u0430\u0447\u043d\u0438\u0442\u0435 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0443\u044e \u043f\u0440\u043e\u0431\u043d\u0443\u044e \u0432\u0435\u0440\u0441\u0438\u044e\n                        <\/a>\n                        <a href=\"https:\/\/flyfone.com\/ru\/contact-us\/\" class=\"main-btn main-btn-secondary\">\n                            \ud83d\udcc5 \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u044f\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"contact-section\">\n                        <h3 class=\"contact-title\">\u041d\u0443\u0436\u043d\u0430 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430?<\/h3>\n                        <div class=\"contact-buttons\">\n                          <a href=\"https:\/\/wa.me\/447457414578\" class=\"contact-btn whatsapp-btn\" rel=\"nofollow noopener\" target=\"_blank\">\n    <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/12\/whatsapp-icon-design-social-media-messaging-app-branding_1303737-6449-Edited.png\" alt=\"WhatsApp\" class=\"contact-icon large\">\n    <span>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 WhatsApp<\/span>\n<\/a>\n                            <a href=\"https:\/\/t.me\/m\/6BGn-aIjMzdh\" class=\"contact-btn telegram-btn\" rel=\"nofollow\">\n                                <img decoding=\"async\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2025\/12\/32px-Telegram_2019_Logo.svg.png\" alt=\"Telegram\" class=\"contact-icon\">\n                                <span>\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 Telegram<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"ItemList\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"url\": \"https:\\\/\\\/flyfone.com\\\/cloud-call-center\\\/\",\n            \"name\": \"Cloud Call Center\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 2,\n            \"url\": \"https:\\\/\\\/flyfone.com\\\/outbound-call-center\\\/\",\n            \"name\": \"Outbound Call Center\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 3,\n            \"url\": \"https:\\\/\\\/flyfone.com\\\/auto-dialer\\\/\",\n            \"name\": \"Auto Dialer\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 4,\n            \"url\": \"https:\\\/\\\/flyfone.com\\\/voip-call-center\\\/\",\n            \"name\": \"VoIP Call Center\"\n        },\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 5,\n            \"url\": \"https:\\\/\\\/flyfone.com\\\/ai-powered-quality-assurance\\\/\",\n            \"name\": \"AI-Powered Quality Assurance\"\n        }\n    ]\n}<\/script>\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"SoftwareApplication\",\n    \"name\": \"FlyFone Cloud Call Center Platform\",\n    \"operatingSystem\": \"Cloud-based\",\n    \"applicationCategory\": \"BusinessApplication\",\n    \"offers\": {\n        \"@type\": \"Offer\",\n        \"price\": \"0\",\n        \"priceCurrency\": \"USD\",\n        \"description\": \"Contact for pricing\"\n    },\n    \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.8\",\n        \"ratingCount\": \"150\",\n        \"bestRating\": \"5\",\n        \"worstRating\": \"1\"\n    },\n    \"featureList\": [\n        \"24-hour setup\",\n        \"Multi-route backup\",\n        \"AI-powered features\",\n        \"Dynamic CallerID management\",\n        \"Real-time analytics\"\n    ]\n}<\/script>\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What is FlyFone?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"FlyFone is a cloud-based call center platform that enables businesses to launch campaigns within 24 hours with complete functionality.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How quickly can I set up FlyFone?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"FlyFone can be fully operational within 24 hours from decision to deployment, with no technical expertise required.\"\n            }\n        }\n    ]\n}<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-animation-delay=\"150\" class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1757302360766\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\n\n    .industries-section {\n        padding: 80px 0;\n        background: #ffffff;\n        text-align: center;\n    }\n\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    .section-header {\n        margin-bottom: 60px;\n    }\n\n    .section-header h2 {\n        font-size: 2.5rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 15px;\n    }\n\n    .section-header p {\n        font-size: 1.1rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n    }\n\n    .industries-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n        margin-bottom: 40px;\n    }\n\n    .industry-card {\n        background: white;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n        transition: all 0.3s ease;\n        position: relative;\n        cursor: pointer;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .industry-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .card-image {\n        position: relative;\n        height: 200px;\n        overflow: hidden;\n    }\n\n    .card-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.3s ease;\n    }\n\n    .industry-card:hover .card-image img {\n        transform: scale(1.05);\n    }\n\n    .card-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.8) 0%, rgba(37, 99, 235, 0.9) 100%);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .industry-card:hover .card-overlay {\n        opacity: 1;\n    }\n\n    .card-icon {\n        position: absolute;\n        bottom: 20px;\n        right: 20px;\n        width: 50px;\n        height: 50px;\n        background: #3b82f6;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        z-index: 2;\n    }\n\n    .card-icon svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n        transition: transform 0.3s ease;\n    }\n\n    .industry-card:hover .card-icon {\n        background: white;\n        transform: scale(1.1);\n    }\n\n    .industry-card:hover .card-icon svg {\n        fill: #3b82f6;\n        transform: translateX(2px);\n    }\n\n    .card-content {\n        padding: 25px;\n        text-align: left;\n    }\n\n    .card-category {\n        font-size: 0.9rem;\n        font-weight: 600;\n        color: #3b82f6;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-bottom: 10px;\n    }\n\n    .card-title {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 12px;\n        line-height: 1.3;\n    }\n\n    .card-description {\n        font-size: 0.95rem;\n        color: #64748b;\n        line-height: 1.5;\n    }\n\n    .navigation-dots {\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        margin: 40px 0;\n    }\n\n    .dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background: #cbd5e1;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .dot.active {\n        background: #3b82f6;\n        transform: scale(1.2);\n    }\n\n    .dot:hover {\n        background: #64748b;\n    }\n\n    .explore-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        padding: 15px 30px;\n        background: transparent;\n        color: #3b82f6;\n        border: 2px solid #3b82f6;\n        border-radius: 8px;\n        font-size: 1rem;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n    .explore-btn:hover {\n        background: #3b82f6;\n        color: white;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);\n        text-decoration: none;\n    }\n\n    .explore-btn svg {\n        width: 18px;\n        height: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .explore-btn:hover svg {\n        transform: translateX(3px);\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .industries-section {\n            padding: 60px 0;\n        }\n\n        .section-header h2 {\n            font-size: 2rem;\n        }\n\n        .industries-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        .card-content {\n            padding: 20px;\n        }\n\n        .card-title {\n            font-size: 1.2rem;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .container {\n            padding: 0 15px;\n        }\n\n        .section-header h2 {\n            font-size: 1.8rem;\n        }\n\n        .card-image {\n            height: 160px;\n        }\n    }\n<\/style>\n\n<section class=\"industries-section\">\n    <div class=\"container\">\n        <div class=\"section-header\">\n            <h2>\n\u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0437\u0443\u043c\u043d\u043e\u0433\u043e \u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0432 \u043a\u0430\u0436\u0434\u043e\u0439 \u043e\u0442\u0440\u0430\u0441\u043b\u0438\n<\/h2>\n            <p>\u0420\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0446\u0435\u043d\u0442\u0440\u043e\u0432 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u043e\u0441\u0442\u0430 \u0438 \u0443\u0441\u043f\u0435\u0445\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432.<\/p>\n        <\/div>\n\n        <div class=\"industries-grid\" id=\"industriesGrid\">\n            <!-- Industry cards will be generated by JavaScript -->\n        <\/div>\n\n        <div class=\"navigation-dots\" id=\"navigationDots\">\n            <!-- Dots will be generated by JavaScript -->\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    \/\/ URLs to fetch metadata from\n    const industryUrls = [\n        'https:\/\/flyfone.com\/healthcare-medical-industry\/',\n        'https:\/\/flyfone.com\/finance-industry\/',\n        'https:\/\/flyfone.com\/retail-industry\/'\n    ];\n\n    let industries = [];\n    let currentPage = 0;\n    const itemsPerPage = 3;\n    let totalPages = 1;\n    let isLoading = true;\n\n    \/\/ CORS proxy service to fetch metadata\n    const CORS_PROXY = 'https:\/\/api.allorigins.win\/get?url=';\n\n    \/\/ Function to extract Open Graph metadata from HTML\n    function extractMetadata(html, url) {\n        const parser = new DOMParser();\n        const doc = parser.parseFromString(html, 'text\/html');\n        \n        \/\/ Extract Open Graph data\n        const getMetaContent = (property) => {\n            const meta = doc.querySelector(`meta[property=\"${property}\"]`) || \n                         doc.querySelector(`meta[name=\"${property}\"]`);\n            return meta ? meta.getAttribute('content') : '';\n        };\n\n        const title = getMetaContent('og:title') || \n                     doc.querySelector('title')?.textContent || \n                     'Industry Solution';\n        \n        const description = getMetaContent('og:description') || \n                           getMetaContent('description') || \n                           'Discover our comprehensive solutions for your industry needs.';\n        \n        let image = getMetaContent('og:image');\n        \n        \/\/ If no og:image, try to find a suitable image\n        if (!image) {\n            const imgElements = doc.querySelectorAll('img');\n            for (let img of imgElements) {\n                const src = img.getAttribute('src');\n                if (src && (src.includes('hero') || src.includes('banner') || src.includes('main'))) {\n                    image = src.startsWith('http') ? src : new URL(src, url).href;\n                    break;\n                }\n            }\n        }\n\n        \/\/ Fallback image if none found\n        if (!image) {\n            const urlPath = new URL(url).pathname;\n            if (urlPath.includes('healthcare')) {\n                image = 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=400&h=300&fit=crop';\n            } else if (urlPath.includes('finance')) {\n                image = 'https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=400&h=300&fit=crop';\n            } else if (urlPath.includes('retail')) {\n                image = 'https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?w=400&h=300&fit=crop';\n            } else {\n                image = 'https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=400&h=300&fit=crop';\n            }\n        }\n\n        \/\/ Determine category from URL\n        let category = 'Industry';\n        if (url.includes('healthcare')) category = 'Healthcare';\n        else if (url.includes('finance')) category = 'Finance';\n        else if (url.includes('retail')) category = 'Retail';\n\n        return {\n            category,\n            title: title.replace(' - FlyFone Call Center Solution on Cloud for Global Businesses', ''),\n            description: description.substring(0, 150) + (description.length > 150 ? '...' : ''),\n            image: image.startsWith('http') ? image : new URL(image, url).href,\n            url\n        };\n    }\n\n    \/\/ Function to fetch metadata from a URL\n    async function fetchMetadata(url) {\n        try {\n            console.log(`Fetching metadata from: ${url}`);\n            \n            \/\/ Try direct fetch first (might work in some cases)\n            try {\n                const response = await fetch(url, { \n                    mode: 'cors',\n                    headers: {\n                        'User-Agent': 'Mozilla\/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit\/537.36'\n                    }\n                });\n                if (response.ok) {\n                    const html = await response.text();\n                    return extractMetadata(html, url);\n                }\n            } catch (corsError) {\n                console.log('Direct fetch failed, trying proxy...');\n            }\n\n            \/\/ Use CORS proxy as fallback\n            const proxyUrl = `${CORS_PROXY}${encodeURIComponent(url)}`;\n            const response = await fetch(proxyUrl);\n            \n            if (!response.ok) {\n                throw new Error(`HTTP error! status: ${response.status}`);\n            }\n            \n            const data = await response.json();\n            return extractMetadata(data.contents, url);\n            \n        } catch (error) {\n            console.error(`Error fetching metadata for ${url}:`, error);\n            \n            \/\/ Return fallback data based on URL\n            const urlPath = new URL(url).pathname;\n            let fallbackData = {\n                category: 'Industry',\n                title: 'Industry Solution',\n                description: 'Discover our comprehensive solutions for your industry needs.',\n                image: 'https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=400&h=300&fit=crop',\n                url\n            };\n\n            if (urlPath.includes('healthcare')) {\n                fallbackData = {\n                    category: 'Healthcare',\n                    title: 'Healthcare Industry Solutions',\n                    description: 'Enhance patient care with seamless communication. Connect patients, doctors, and staff instantly while maintaining HIPAA compliance.',\n                    image: 'https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=400&h=300&fit=crop',\n                    url\n                };\n            } else if (urlPath.includes('finance')) {\n                fallbackData = {\n                    category: 'Finance',\n                    title: 'Finance Industry Solutions',\n                    description: 'Enjoy maximum gains with minimal effort. Amplify your outreach, optimize your sales and build lasting connections.',\n                    image: 'https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?w=400&h=300&fit=crop',\n                    url\n                };\n            } else if (urlPath.includes('retail')) {\n                fallbackData = {\n                    category: 'Retail',\n                    title: 'Retail Industry Solutions',\n                    description: 'Deliver exceptional customer experiences at every touchpoint. Streamline operations, boost sales, and keep your team connected.',\n                    image: 'https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?w=400&h=300&fit=crop',\n                    url\n                };\n            }\n\n            return fallbackData;\n        }\n    }\n\n    \/\/ Function to show loading state\n    function showLoading() {\n        const grid = document.getElementById('industriesGrid');\n        grid.innerHTML = Array.from({ length: 3 }, () => `\n            <div class=\"industry-card loading\">\n                <div class=\"card-image\">\n                    <div class=\"loading-placeholder\" style=\"width: 100%; height: 200px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite;\"><\/div>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"loading-placeholder\" style=\"width: 60%; height: 16px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; margin-bottom: 10px;\"><\/div>\n                    <div class=\"loading-placeholder\" style=\"width: 80%; height: 20px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; margin-bottom: 12px;\"><\/div>\n                    <div class=\"loading-placeholder\" style=\"width: 100%; height: 14px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite; margin-bottom: 8px;\"><\/div>\n                    <div class=\"loading-placeholder\" style=\"width: 70%; height: 14px; background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 200% 100%; animation: loading 1.5s infinite;\"><\/div>\n                <\/div>\n            <\/div>\n        `).join('');\n    }\n\n    function renderIndustries() {\n        const grid = document.getElementById('industriesGrid');\n        const startIndex = currentPage * itemsPerPage;\n        const endIndex = startIndex + itemsPerPage;\n        const currentIndustries = industries.slice(startIndex, endIndex);\n\n        grid.innerHTML = currentIndustries.map(industry => `\n            <a href=\"${industry.url}\" class=\"industry-card\"  rel=\"noopener noreferrer\">\n                <div class=\"card-image\">\n                    <img decoding=\"async\" src=\"${industry.image}\" alt=\"${industry.category}\" loading=\"lazy\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?w=400&h=300&fit=crop'\">\n                    <div class=\"card-overlay\"><\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M8.59 16.59L13.17 12L8.59 7.41L10 6l6 6-6 6-1.41-1.41z\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-category\">${industry.category}<\/div>\n                    <h3 class=\"card-title\">${industry.title}<\/h3>\n                    <p class=\"card-description\">${industry.description}<\/p>\n                <\/div>\n            <\/a>\n        `).join('');\n    }\n\n    function renderDots() {\n        const dotsContainer = document.getElementById('navigationDots');\n        dotsContainer.innerHTML = Array.from({ length: totalPages }, (_, index) => `\n            <div class=\"dot ${index === currentPage ? 'active' : ''}\" onclick=\"goToPage(${index})\"><\/div>\n        `).join('');\n    }\n\n    function goToPage(page) {\n        currentPage = page;\n        renderIndustries();\n        renderDots();\n    }\n\n    function nextPage() {\n        currentPage = (currentPage + 1) % totalPages;\n        renderIndustries();\n        renderDots();\n    }\n\n    function prevPage() {\n        currentPage = (currentPage - 1 + totalPages) % totalPages;\n        renderIndustries();\n        renderDots();\n    }\n\n    \/\/ Auto-slide functionality (optional)\n    function startAutoSlide() {\n        setInterval(nextPage, 8000); \/\/ Change slide every 8 seconds\n    }\n\n    \/\/ Initialize and fetch data\n    document.addEventListener('DOMContentLoaded', async function() {\n        console.log('Starting to fetch industry data...');\n        showLoading();\n        \n        try {\n            \/\/ Fetch metadata from all URLs\n            const metadataPromises = industryUrls.map(url => fetchMetadata(url));\n            industries = await Promise.all(metadataPromises);\n            \n            console.log('Fetched industries:', industries);\n            \n            totalPages = Math.ceil(industries.length \/ itemsPerPage);\n            isLoading = false;\n            \n            renderIndustries();\n            renderDots();\n            \n            \/\/ Uncomment the line below to enable auto-slide\n            \/\/ startAutoSlide();\n            \n        } catch (error) {\n            console.error('Error initializing industries:', error);\n            \/\/ Show error state or fallback content\n            const grid = document.getElementById('industriesGrid');\n            grid.innerHTML = `\n                <div style=\"grid-column: 1 \/ -1; text-align: center; padding: 40px;\">\n                    <p style=\"color: #64748b; font-size: 1.1rem;\">Unable to load industry data. Please try again later.<\/p>\n                <\/div>\n            `;\n        }\n\n        \/\/ Set explore button URL\n        document.getElementById('exploreBtn').href = 'https:\/\/flyfone.com\/industries';\n    });\n\n    \/\/ Keyboard navigation\n    document.addEventListener('keydown', function(e) {\n        if (isLoading) return;\n        \n        if (e.key === 'ArrowLeft') {\n            prevPage();\n        } else if (e.key === 'ArrowRight') {\n            nextPage();\n        }\n    });\n<\/script>\n\n<style>\n    \/* Loading animation *\/\n    @keyframes loading {\n        0% {\n            background-position: -200% 0;\n        }\n        100% {\n            background-position: 200% 0;\n        }\n    }\n\n    .loading-placeholder {\n        border-radius: 4px;\n    }\n\n    .industry-card.loading {\n        pointer-events: none;\n    }\n\n    .industry-card.loading .card-overlay {\n        display: none;\n    }\n\n    .industry-card.loading .card-icon {\n        display: none;\n    }\n<\/style>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- Blog Post Grid Section - With Mobile Slider & Read More -->\n<style>\n.flyfone-blog-grid {\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 40px 20px;\n  font-family: \"Poppins\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n.flyfone-blog-grid__header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.flyfone-blog-grid__title {\n  font-size: 30px;\n  font-weight: 700;\n  color: #1f2937;\n  margin: 0 0 8px 0;\n}\n\n.flyfone-blog-grid__subtitle {\n  color: #6b7280;\n  margin: 0;\n  font-size: 16px;\n}\n\n\/* Slider Container *\/\n.flyfone-blog-slider {\n  position: relative;\n}\n\n.flyfone-blog-slider__wrapper {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n}\n\n@media (max-width: 992px) {\n  .flyfone-blog-slider__wrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* Mobile Slider *\/\n@media (max-width: 640px) {\n  .flyfone-blog-slider__wrapper {\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    gap: 16px;\n    padding-bottom: 16px;\n    scrollbar-width: none; \/* Firefox *\/\n    -ms-overflow-style: none; \/* IE\/Edge *\/\n  }\n  \n  .flyfone-blog-slider__wrapper::-webkit-scrollbar {\n    display: none; \/* Chrome\/Safari *\/\n  }\n  \n  .flyfone-blog-card {\n    flex: 0 0 85%;\n    scroll-snap-align: center;\n  }\n}\n\n\/* Navigation Arrows - Mobile Only *\/\n.flyfone-blog-slider__nav {\n  display: none;\n}\n\n@media (max-width: 640px) {\n  .flyfone-blog-slider__nav {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 20px;\n  }\n}\n\n.flyfone-blog-slider__btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #4f46e5;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);\n}\n\n.flyfone-blog-slider__btn:hover {\n  background: #4338ca;\n  transform: scale(1.05);\n}\n\n.flyfone-blog-slider__btn:active {\n  transform: scale(0.95);\n}\n\n.flyfone-blog-slider__btn svg {\n  width: 20px;\n  height: 20px;\n  color: #fff;\n}\n\n\/* Dots Indicator - Mobile Only *\/\n.flyfone-blog-slider__dots {\n  display: none;\n}\n\n@media (max-width: 640px) {\n  .flyfone-blog-slider__dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 16px;\n  }\n}\n\n.flyfone-blog-slider__dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #d1d5db;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  padding: 0;\n}\n\n.flyfone-blog-slider__dot.active {\n  background: #4f46e5;\n  width: 24px;\n  border-radius: 4px;\n}\n\n\/* Card Styles *\/\n.flyfone-blog-card {\n  background: #fff;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  transition: box-shadow 0.3s ease, transform 0.3s ease;\n}\n\n.flyfone-blog-card:hover {\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n  transform: translateY(-4px);\n}\n\n.flyfone-blog-card__image-wrapper {\n  position: relative;\n  display: block;\n  text-decoration: none;\n  overflow: hidden;\n}\n\n.flyfone-blog-card__image {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.flyfone-blog-card:hover .flyfone-blog-card__image {\n  transform: scale(1.05);\n}\n\n.flyfone-blog-card__category {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  background: #4f46e5;\n  color: #fff;\n  padding: 8px 16px;\n  font-size: 12px;\n  font-weight: 500;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.flyfone-blog-card__category:hover {\n  background: #fff;\n  color: #4f46e5;\n}\n\n.flyfone-blog-card__content {\n  padding: 20px 24px 16px;\n}\n\n.flyfone-blog-card__link {\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n  text-decoration: none;\n  display: block;\n  transition: color 0.3s ease;\n  line-height: 1.4;\n}\n\n.flyfone-blog-card__link:hover {\n  color: #4f46e5;\n}\n\n.flyfone-blog-card__excerpt {\n  color: #6b7280;\n  font-size: 14px;\n  margin: 10px 0 0 0;\n  line-height: 1.6;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.flyfone-blog-card__footer {\n  padding: 0 24px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.flyfone-blog-card__read-time {\n  display: flex;\n  align-items: center;\n  color: #9ca3af;\n  font-size: 13px;\n}\n\n.flyfone-blog-card__read-time svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 5px;\n}\n\n.flyfone-blog-card__read-more {\n  display: inline-flex;\n  align-items: center;\n  color: #4f46e5;\n  font-size: 14px;\n  font-weight: 600;\n  text-decoration: none;\n  transition: all 0.3s ease;\n}\n\n.flyfone-blog-card__read-more:hover {\n  color: #4338ca;\n}\n\n.flyfone-blog-card__read-more svg {\n  width: 16px;\n  height: 16px;\n  margin-left: 4px;\n  transition: transform 0.3s ease;\n}\n\n.flyfone-blog-card__read-more:hover svg {\n  transform: translateX(4px);\n}\n\n\/* View All Button *\/\n.flyfone-blog-grid__cta {\n  text-align: center;\n  margin-top: 48px;\n}\n\n.flyfone-blog-grid__btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 14px 32px;\n  background: #4f46e5;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 600;\n  text-decoration: none;\n  border-radius: 8px;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.3);\n}\n\n.flyfone-blog-grid__btn:hover {\n  background: #4338ca;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.4);\n}\n\n.flyfone-blog-grid__btn svg {\n  width: 18px;\n  height: 18px;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n}\n\n.flyfone-blog-grid__btn:hover svg {\n  transform: translateX(4px);\n}\n<\/style>\n\n<div class=\"flyfone-blog-grid\">\n  \n  <!-- Section Title -->\n  <div class=\"flyfone-blog-grid__header\">\n    <h2 class=\"flyfone-blog-grid__title\">\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/h2>\n    <p class=\"flyfone-blog-grid__subtitle\">\u0421\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0446\u0435\u043d\u0442\u0440\u043e\u0432 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0437\u043e\u0432\u043e\u0432<\/p>\n  <\/div>\n\n  <!-- Slider -->\n  <div class=\"flyfone-blog-slider\">\n    <div class=\"flyfone-blog-slider__wrapper\" id=\"blogSlider\">\n      \n      <!-- Card 1: Dropped Calls -->\n      <div class=\"flyfone-blog-card\">\n        <a href=\"https:\/\/flyfone.com\/ru\/dropped-calls-and-poor-audio-quality\/\" class=\"flyfone-blog-card__image-wrapper\">\n          <img decoding=\"async\" class=\"flyfone-blog-card__image\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2026\/01\/SEO-Flyfone-26.png\" alt=\"\u041e\u0431\u0440\u044b\u0432\u044b \u0437\u0432\u043e\u043d\u043a\u043e\u0432 \u0438 \u043f\u043b\u043e\u0445\u043e\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0432\u0443\u043a\u0430\">\n          <span class=\"flyfone-blog-card__category\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 CX<\/span>\n        <\/a>\n        <div class=\"flyfone-blog-card__content\">\n          \n            \u041e\u0431\u0440\u044b\u0432\u044b \u0437\u0432\u043e\u043d\u043a\u043e\u0432 \u0438 \u043f\u043b\u043e\u0445\u043e\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0437\u0432\u0443\u043a\u0430\n          \n          <p class=\"flyfone-blog-card__excerpt\">\n            5 \u043f\u0440\u0438\u0437\u043d\u0430\u043a\u043e\u0432 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0432\u0430\u0448 \u0431\u0438\u0437\u043d\u0435\u0441 \u043f\u0435\u0440\u0435\u0440\u043e\u0441 \u0441\u0432\u043e\u044e \u043d\u044b\u043d\u0435\u0448\u043d\u044e\u044e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0430\u0448\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u0431\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0430\u043c \u0434\u043e\u0440\u043e\u0436\u0435, \u0447\u0435\u043c \u0432\u044b \u0434\u0443\u043c\u0430\u0435\u0442\u0435.\n          <\/p>\n        <\/div>\n        <div class=\"flyfone-blog-card__footer\">\n          <span class=\"flyfone-blog-card__read-time\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n            <\/svg>\n            5 \u043c\u0438\u043d\u0443\u0442 \u0447\u0442\u0435\u043d\u0438\u044f\n          <\/span>\n          \n            \u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435\n            \n              \n            \n          \n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Communication Gap -->\n      <div class=\"flyfone-blog-card\">\n        <a href=\"https:\/\/flyfone.com\/ru\/the-communication-gap-in-remote-customer-support\/\" class=\"flyfone-blog-card__image-wrapper\">\n          <img decoding=\"async\" class=\"flyfone-blog-card__image\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2026\/01\/SEO-Flyfone-27.png\" alt=\"\u041a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0431\u0435\u043b \u0432 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\">\n          <span class=\"flyfone-blog-card__category\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 CX<\/span>\n        <\/a>\n        <div class=\"flyfone-blog-card__content\">\n          \n            \u041a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0431\u0435\u043b \u0432 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432\n          \n          <p class=\"flyfone-blog-card__excerpt\">\n            \u0412\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u0430\u043d\u0434\u0435\u043c\u0438\u0438 \u0432\u0438\u0434\u0435\u043e\u043a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u0448\u0438\u0440\u043e\u043a\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u0438\u0435, \u043e\u0434\u043d\u0430\u043a\u043e \u0432\u043e\u0437\u043d\u0438\u043a\u043b\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u041e\u0434\u043d\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u0438\u0434\u0435\u043e\u0437\u0432\u043e\u043d\u043a\u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438 \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0443\u044e \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u0443\u044e \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443.\n          <\/p>\n        <\/div>\n        <div class=\"flyfone-blog-card__footer\">\n          <span class=\"flyfone-blog-card__read-time\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n            <\/svg>\n            6 \u043c\u0438\u043d\u0443\u0442 \u0447\u0442\u0435\u043d\u0438\u044f\n          <\/span>\n          \n            \u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435\n            \n              \n            \n          \n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Per-Seat Pricing -->\n      <div class=\"flyfone-blog-card\">\n        <a href=\"https:\/\/flyfone.com\/ru\/the-math-problem-with-per-seat-pricing\/\" class=\"flyfone-blog-card__image-wrapper\">\n          <img decoding=\"async\" class=\"flyfone-blog-card__image\" src=\"https:\/\/flyfone.com\/wp-content\/uploads\/2026\/01\/SEO-Flyfone-28.png\" alt=\"\u041c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u0446\u0435\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0437\u0430 \u043c\u0435\u0441\u0442\u043e\">\n          <span class=\"flyfone-blog-card__category\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0438 CX<\/span>\n        <\/a>\n        <div class=\"flyfone-blog-card__content\">\n          \n            \u041c\u0430\u0442\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u0446\u0435\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0437\u0430 \u043c\u0435\u0441\u0442\u043e\n          \n          <p class=\"flyfone-blog-card__excerpt\">\n            Seasonal demand spikes are a fact of business life. Yet traditional call center software locks companies into per-seat <a href=\"\/ru\/pricing\/\">pricing<\/a> models.\n          <\/p>\n        <\/div>\n        <div class=\"flyfone-blog-card__footer\">\n          <span class=\"flyfone-blog-card__read-time\">\n            <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n            <\/svg>\n            5 \u043c\u0438\u043d\u0443\u0442 \u0447\u0442\u0435\u043d\u0438\u044f\n          <\/span>\n          \n            \u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435\n            \n              \n            \n          \n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Navigation Arrows (Mobile) -->\n    <div class=\"flyfone-blog-slider__nav\">\n      <button class=\"flyfone-blog-slider__btn\" id=\"prevBtn\" aria-label=\"\u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n        <\/svg>\n      <\/button>\n      <button class=\"flyfone-blog-slider__btn\" id=\"nextBtn\" aria-label=\"\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439\">\n        <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- Dots Indicator (Mobile) -->\n    <div class=\"flyfone-blog-slider__dots\" id=\"sliderDots\">\n      <button class=\"flyfone-blog-slider__dot active\" data-index=\"0\"><\/button>\n      <button class=\"flyfone-blog-slider__dot\" data-index=\"1\"><\/button>\n      <button class=\"flyfone-blog-slider__dot\" data-index=\"2\"><\/button>\n    <\/div>\n  <\/div>\n\n  <!-- View All Blog Button -->\n  <div class=\"flyfone-blog-grid__cta\">\n    <a href=\"https:\/\/flyfone.com\/ru\/%d0%b1%d0%bb%d0%be%d0%b3%d0%b8\/\" class=\"flyfone-blog-grid__btn\">\n      \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0441\u0442\u0430\u0442\u044c\u0438\n      <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<!-- Slider JavaScript -->\n<script>\n(function() {\n  const slider = document.getElementById('blogSlider');\n  const prevBtn = document.getElementById('prevBtn');\n  const nextBtn = document.getElementById('nextBtn');\n  const dots = document.querySelectorAll('.flyfone-blog-slider__dot');\n  \n  let currentIndex = 0;\n  const totalSlides = 3;\n  \n  function updateDots() {\n    dots.forEach((dot, index) => {\n      dot.classList.toggle('active', index === currentIndex);\n    });\n  }\n  \n  function scrollToSlide(index) {\n    if (index < 0) index = 0;\n    if (index >= totalSlides) index = totalSlides - 1;\n    \n    currentIndex = index;\n    const cards = slider.querySelectorAll('.flyfone-blog-card');\n    if (cards[currentIndex]) {\n      cards[currentIndex].scrollIntoView({ \n        behavior: 'smooth', \n        inline: 'center',\n        block: 'nearest'\n      });\n    }\n    updateDots();\n  }\n  \n  \/\/ Button clicks\n  prevBtn.addEventListener('click', () => scrollToSlide(currentIndex - 1));\n  nextBtn.addEventListener('click', () => scrollToSlide(currentIndex + 1));\n  \n  \/\/ Dot clicks\n  dots.forEach(dot => {\n    dot.addEventListener('click', () => {\n      const index = parseInt(dot.getAttribute('data-index'));\n      scrollToSlide(index);\n    });\n  });\n  \n  \/\/ Update dots on scroll\n  let scrollTimeout;\n  slider.addEventListener('scroll', () => {\n    clearTimeout(scrollTimeout);\n    scrollTimeout = setTimeout(() => {\n      const scrollLeft = slider.scrollLeft;\n      const cardWidth = slider.querySelector('.flyfone-blog-card').offsetWidth + 16;\n      currentIndex = Math.round(scrollLeft \/ cardWidth);\n      updateDots();\n    }, 50);\n  });\n})();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Launch Your Global Call Campaign in Just 1 Day 8+ Years 1-Day Launch AI-Powered Instant Cards, Crypto Topup YOUR CALL CENTER Personalized Communication Solutions \ud83d\udcde Campaign Management Easily organize your outbound campaigns by project, assign leads, set up ticket flows, and import tasks in bulk from Excel. \u2601\ufe0f Smart Call Workflow Build flexible workflows with [...]","protected":false},"author":1,"featured_media":12399,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3475","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/3475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/comments?post=3475"}],"version-history":[{"count":365,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/3475\/revisions"}],"predecessor-version":[{"id":13947,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/pages\/3475\/revisions\/13947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/media\/12399"}],"wp:attachment":[{"href":"https:\/\/flyfone.com\/ru\/wp-json\/wp\/v2\/media?parent=3475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}