@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";




.page-id-39746 *{box-sizing:border-box;}
#header.header.transparent #masthead{background:none;}
.page-id-39746 .gach .section-content .col-inner{text-align:center;}
.page-id-39746 .gach .section-content .section-title{border-bottom:2px solid #5BB460;width:auto;}
.page-id-39746{transition:opacity ease-in 0.2s;line-height:1.6;color:#333;background-color:#f5f7fa;}
.header .container{max-width:1410px !important;}
.page-id-39746 .suc-manh{background:#fff;border-radius:16px;padding:20px;position:absolute;left:50%;box-shadow:0 0 6px #2222222;bottom:0;transform:translate(-50%, 50%);}
.page-id-39746 .loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s, visibility 0.5s;}
.page-id-39746 .loader{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;}
.page-id-39746 .loader-wrapper.fade-out{opacity:0;visibility:hidden;}
.page-id-39746 .container{max-width:1200px;margin:0 auto;padding:0 20px;}
@media(max-width:768px){
.page-id-39746 .mobile-menu-btn{display:flex;}
}
.page-id-39746 .hero{min-height:80vh;height:80vh;color:white;padding:0 !important;position:relative;}
.page-id-39746 .hero .section-content{height:100%}
.page-id-39746 .hero::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;transform:rotate(30deg);animation:meshMove 20s linear infinite;}
.page-id-39746 .hero-content{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.page-id-39746 .hero h1{font-size:56px;margin-bottom:20px;font-weight:700;animation:fadeInUp 1s ease-out;}
.page-id-39746 .hero p{font-size:24px;margin-bottom:40px;opacity:0.9;animation:fadeInUp 1s ease-out 0.2s backwards;}
.page-id-39746 .cta-button{display:inline-block;background-color:white !important;color:#4CAF50 !important;padding:18px 50px;border-radius:50px !important;text-decoration:none;font-weight:600;font-size:18px;transition:all 0.3s ease;animation:fadeInUp 1s ease-out 0.4s backwards, coccocAd 2s ease-in-out infinite;animation-delay:0.4s, 2s;position:relative;overflow:hidden;box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
.page-id-39746 .cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(76, 175, 80, 0.1);border-radius:50%;transition:width 0.6s, height 0.6s;}
.page-id-39746 .cta-button:hover:before{width:300px;height:300px;}
.page-id-39746 .cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0, 0, 0, 0.2);}
.page-id-39746 .hero-bg-element{position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.1);animation:float 6s ease-in-out infinite;}
.page-id-39746 .hero-bg-element:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s;}
.page-id-39746 .hero-bg-element:nth-child(2){width:120px;height:120px;top:60%;right:10%;animation-delay:1s;}
.page-id-39746 .hero-bg-element:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:2s;}
.page-id-39746 .hero-bg-element:nth-child(4){width:100px;height:100px;top:10%;right:30%;animation-delay:3s;}
.page-id-39746 .hero-icons{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.page-id-39746 .floating-icon{position:absolute;font-size:30px;opacity:0.3;animation:floatIcon 15s linear infinite;}
.page-id-39746 .floating-icon:nth-child(1){left:5%;animation-delay:0s;}
.page-id-39746 .floating-icon:nth-child(2){left:25%;animation-delay:3s;}
.page-id-39746 .floating-icon:nth-child(3){left:45%;animation-delay:6s;}
.page-id-39746 .floating-icon:nth-child(4){left:65%;animation-delay:9s;}
.page-id-39746 .floating-icon:nth-child(5){left:85%;animation-delay:12s;}
.page-id-39746 .highlight{position:relative;display:inline-block;}
.page-id-39746 .stats{background:white;padding:60px 0;min-height:300px;text-align:center;}
.page-id-39746 .stats-grid{display:flex;margin-top:15px;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}
.page-id-39746 .stat-item:nth-child(2){border-left:1px solid #222;border-right:1px solid #222;}
.page-id-39746 .stat-item:nth-child(3){border-right:1px solid #222;}
.page-id-39746 .stat-item{padding:15px 30px;min-width:25%;max-width:25%;transition:all 0.3s ease;position:relative;overflow:hidden;text-align:center;}
.page-id-39746 .stat-number{font-size:48px;font-weight:700;color:#4CAF50;margin-bottom:10px;display:inline-block;position:relative;}
.page-id-39746 .stat-label{font-size:18px;color:#666;}
.page-id-39746 .stat-number{animation:countUp 2s ease-out;}
.page-id-39746 .clients-ticker{background:linear-gradient(to bottom,#4FB868, #83C548);padding:30px 0;overflow:hidden;position:relative;}
.page-id-39746 .clients-ticker:before, .page-id-39746 .clients-ticker:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none;}
.page-id-39746 .clients-ticker:before{left:0;background:linear-gradient(to right, #f8f9fa, transparent);}
.page-id-39746 .clients-ticker:after{right:0;background:linear-gradient(to left, #f8f9fa, transparent);}
.page-id-39746 .ticker-wrapper{overflow:hidden;}
.page-id-39746 .ticker-content{display:flex;white-space:nowrap;animation:ticker 30s linear infinite;}
.page-id-39746 .cta-but{background:linear-gradient(to bottom, #54B965, #82C549) !important;margin-top:20px;padding:5px 15px;}
.page-id-39746 .cta-but span{font-weight:600;font-size:16px;}
.page-id-39746 .client-name{display:inline-flex;align-items:center;padding:0 40px;font-size:18px;color:#fff;font-weight:500;opacity:0.7;transition:opacity 0.3s;}
.page-id-39746 .client-name:hover{opacity:1;color:#fff;}
.page-id-39746 .ad-formats{padding:80px 0;}
.page-id-39746 .section-title{text-align:center;font-size:36px;color:#5BB460;position:relative;display:inline-block;width:100%;;animation:shineText 3s linear infinite;}
.page-id-39746 .formats-grid{display:flex;margin-top:20px;flex-wrap:wrap;}
.page-id-39746 .format-card{border-radius:15px;padding:30px;max-width:calc(100% / 3);min-width:calc(100% / 3);transition:all 0.3s ease;position:relative;overflow:hidden;}
.page-id-39746 .format-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(76, 175, 80, 0.05), transparent);transition:left 0.5s;}
.page-id-39746 .format-card:hover:before{left:100%;}
.page-id-39746 .format-card:hover{transform:translateY(-5px) scale(1.02);background:white;box-shadow:0 15px 40px rgba(76, 175, 80, 0.15);}
.page-id-39746 .format-icon{width:60px;margin:auto;height:60px;background:linear-gradient(to bottom,#54B965,#82C549);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;color:white;transition:all 0.3s ease;}
.page-id-39746 .format-card:hover .format-icon{transform:rotate(360deg) scale(1.1);box-shadow:0 5px 20px rgba(76, 175, 80, 0.3);}
.page-id-39746 .format-title{font-size:24px;margin-bottom:15px;color:#333;}
.page-id-39746 .format-description{color:#666;margin-bottom:20px;line-height:1.6;min-height:84px;}
.page-id-39746 .format-ctr{display:inline-block;background:#e8f5e9;color:#4CAF50;padding:15px 25px;border-radius:20px;font-size:14px;font-weight:600;position:relative;overflow:hidden;}
.page-id-39746 .format-ctr::before{content:"";position:absolute;top:50%;left:-100%;width:100%;height:100%;background:rgba(76, 175, 80, 0.2);transform:translateY(-50%);transition:left 0.3s;}
.page-id-39746 .format-card:hover .format-ctr:before{left:0;}
.page-id-39746 .features{padding:80px 0;background:white;}
.page-id-39746 .features .nen-xanh{background:#F4FFF5;padding:40px;}
.page-id-39746 .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:40px;margin-top:50px;}
.page-id-39746 .feature-item{display:flex;gap:20px;}
.page-id-39746 .feature-icon{flex-shrink:0;width:80px;height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;}
.page-id-39746 .coccoc{height:560px;}
.page-id-39746 .coccoc .col{height:100%;}
.page-id-39746 .coccoc .features-left .col-inner,.page-id-39746 .coccoc .features-right .col-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.page-id-39746 .coccoc .features-left .feature-item{display:flex;flex-direction:row-reverse;text-align:right}
.page-id-39746 .coccoc .features-right .feature-item{text-align:left;}
.page-id-39746 .feature-content h3{font-size:20px;margin-bottom:10px;color:#333;}
.page-id-39746 .feature-content p{color:#666;}
.page-id-39746 .pricing{padding:80px 0;background:#fff;}
.page-id-39746 .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-top:50px;}
.page-id-39746 .pricing-card{background:white;border-radius:15px;padding:40px 23px;text-align:left;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);transition:transform 0.3s;}
.page-id-39746 .pricing-card.xanh{background:#F4FFF5;}
.page-id-39746 .pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}
.page-id-39746 .but-bao{box-shadow:0 0 12px #22222222;border-radius:80px;padding:15px 40px;font-size:18px;color:#5BB460;text-align:center;display:block;}
.page-id-39746 .but-bao.xanh,.page-id-39746 .ct-form .wpcf7-submit{color:white;background:linear-gradient(to bottom,#54B965,#82C549);}
.page-id-39746 .pricing-type{font-size:40px;font-weight:700;color:#5BB460;margin-bottom:20px;}
.page-id-39746 .pricing-description{color:#666;margin-bottom:30px;}
.page-id-39746 .pricing-features{list-style:none;margin-bottom:30px;}
.page-id-39746 .pricing-features li{color:#666;margin:0;font-size:14px;}
.page-id-39746 .pricing-card .cta-button{border:none !important;color:#4CAF50 !important;box-shadow:0 5px 20px rgba(0, 0, 0, 0.2) !important;padding:10px 50px;}
.page-id-39746 .pricing-card .cta-button:hover{border:none !important;color:#4CAF50 !important;background-color:#4CAF5010 !important;}
.page-id-39746 .pricing-features li:before{content:"✓ ";color:#4CAF50;font-weight:bold;}
.page-id-39746 .contact{padding:80px 0;color:white;text-align:center;}
.page-id-39746 .contact .contact-bg{background-image:url(https://innocom.vn/wp-content/uploads/2025/07/Group-568.png);background-repeat:no-repeat;background-size:cover;border-radius:16px;padding:40px;}
.page-id-39746 .contact h2{font-size:50px;text-align:left;margin-bottom:20px;}
.page-id-39746 .contact p{font-size:20px;text-align:left;margin-bottom:40px;opacity:0.9;}
.page-id-39746 .contact-info{}
.page-id-39746 .contact-item{display:flex;padding:20px 5px;align-items:center;gap:10px;font-size:24px;}
.page-id-39746 .ct-form .wpcf7-submit{border-radius:50px;text-align:center;display:block;max-width:210px;max-height:60px;min-width:210px;min-height:60px;}
.page-id-39746 .ct-form input,.page-id-39746 .ct-form textarea{border-radius:16px;border:none;box-shadow:0 0 3px #22222222,0 0 6px #22222222,0 0 9px #22222222;}
.page-id-39746 footer{background:#333;color:white;text-align:center;}
.page-id-39746 .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.page-id-39746 .footer-links{display:flex;gap:30px;list-style:none;}
.page-id-39746 .footer-links a{color:white;text-decoration:none;opacity:0.8;transition:opacity 0.3s;}
.page-id-39746 .footer-links a:hover{opacity:1;}
.page-id-39746 .wpcf7 input[type=text],.page-id-39746 .wpcf7 input[type=tel]{height:66px;}
.page-id-39746 .wpcf7 p{margin-bottom:0;}
.page-id-39746 .wpcf7 form{margin-top:50%;transform:translateY(-30%);}
.page-id-39746 .wpcf7 input[type=submit]{margin:auto;}
@media(max-width:768px){
.page-id-39746 .nav-links{display:none;}
.page-id-39746 .hero{padding:60px 0;}
.page-id-39746 .hero h1{font-size:36px;}
.page-id-39746 .hero p{font-size:18px;padding:0 20px;}
.page-id-39746 .hero-bg-element{display:none;}
.page-id-39746 .floating-icon{font-size:20px;}
.page-id-39746 .stat-number{font-size:36px;}
.page-id-39746 .section-title{font-size:28px;}
.page-id-39746 .contact-info{flex-direction:column;gap:20px;}
.page-id-39746 .ticker-content{animation-duration:20s;}
.page-id-39746 .client-name{padding:0 20px;font-size:16px;}
}
@keyframes spin {
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes meshMove {
0%{transform:rotate(30deg) translateX(0);}
100%{transform:rotate(30deg) translateX(50px);}
}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes coccocAd {
0%{transform:translate(0,0) scale(1);box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
50%{transform:translate(0,0) scale(1.05);box-shadow:0 5px 30px rgba(76, 175, 80, 0.3);}
100%{transform:translate(0,0) scale(1);box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
}
@keyframes float {
0%, 100%{transform:translateY(0) rotate(0deg);opacity:0.1;}
50%{transform:translateY(-20px) rotate(180deg);opacity:0.2;}
}
@keyframes floatIcon {
0%{transform:translateY(100vh) rotate(0deg);opacity:0;}
10%{opacity:0.3;}
90%{opacity:0.3;}
100%{transform:translateY(-100vh) rotate(360deg);opacity:0;}
}
@keyframes underline {
to{transform:scaleX(1);}
}
@keyframes shine {
0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0;}
50%{opacity:1;}
100%{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0;}
}
@keyframes countUp {
0%{opacity:0;transform:scale(0.5);}
50%{transform:scale(1.1);}
100%{opacity:1;transform:scale(1);}
}
@keyframes ticker {
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}
@keyframes shineText {
0%{background-position:200% center;}
100%{background-position:-200% center;}
}
@media(max-width:480px){
.page-id-39746 .formats-grid{display:flex;justify-content:center;}
.page-id-39746 .hero{min-height:auto;height:auto;padding-top:100px !important;padding-bottom:40px !important;}
.page-id-39746 .hero-content,.page-id-39746 .suc-manh{position:static;transform:none;}
.page-id-39746 .stats-grid{flex-wrap:wrap;}
.page-id-39746 .stat-item{min-width:100%;max-width:100%;}
.page-id-39746 .stat-item:nth-child(2),.page-id-39746 .stat-item:nth-child(3){border:none;}
.page-id-39746 .stats{min-height:auto;}
.page-id-39746 .format-card{max-width:calc(100%);min-width:calc(100%);}
.page-id-39746 .coccoc{height:auto;}
.page-id-39746 .features .nen-xanh{padding:0;padding-top:15px;}
.page-id-39746 .coccoc .features-left .feature-item{flex-direction:row;text-align:left;}
.page-id-39746 .pricing-grid{gap:0;}
.page-id-39746 .gach .section-content .section-title{border:none;}
.page-id-39746 .contact .contact-bg{padding:20px;}
.page-id-39746 .contact-item{gap:5px;padding:10px 5px;font-size:16px;}
.page-id-39746 .ct-form{margin-top:15px;}
.page-id-39746 .ct-form input, .page-id-39746 .ct-form textarea{margin-bottom:0;border-radius:8px;}
.page-id-39746 .contact p{margin-bottom:20px;}
}
.page-id-39792{transition:opacity ease-in 0.2s;font-family:Montserrat, sans-serif;line-height:1.6;color:black;}
.page-id-39792 .container{max-width:1200px;margin:0 auto;padding:0 20px;}
.page-id-39792 li, .page-id-39792 ul, .page-id-39792 p{margin:0;}
.page-id-39792 .hero{color:white;height:80vh;padding-top:150px !important;position:relative;overflow:hidden;}
.page-id-39792 .hero::before{content:"";position:absolute;top:0;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(220, 20, 60, 0.1) 0%, transparent 70%);animation:coccocAd 4s ease-in-out infinite;}
.page-id-39792 .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:1;}
.page-id-39792 .hero h1{font-size:40px;margin-bottom:20px;animation:fadeInUp 0.8s ease;}
.page-id-39792 .hero-subtitle{font-size:1.2em;margin-bottom:30px;opacity:0.9;animation:fadeInUp 0.8s ease 0.2s;animation-fill-mode:both;}
.page-id-39792 .hero-features{list-style:none;margin-bottom:30px;animation:fadeInUp 0.8s ease 0.4s;animation-fill-mode:both;}
.page-id-39792 .hero-features li{padding:8px 0;padding-left:0;position:relative;list-style:disc;}
.dk{padding-bottom:8px;}
.page-id-39792 .cta-button{display:inline-block;border:none;margin:0;background:var(--primary-red) !important;color:white !important;padding:15px 40px;text-decoration:none;border-radius:50px;font-weight:bold;font-size:1.1em;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(220, 20, 60, 0.3);animation:fadeInUp 0.8s ease 0.6s;animation-fill-mode:both;}
.page-id-39792 .cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(220, 20, 60, 0.4);}
.page-id-39792 .hero-image{text-align:center;animation:fadeInRight 1s ease;}
.page-id-39792 .audit-animation{width:100%;max-width:500px;height:400px;background:rgba(255, 255, 255, 0.1);border-radius:20px;padding:30px;position:relative;overflow:hidden;}
.page-id-39792 .audit-screen{width:100%;height:100%;background:white;border-radius:10px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);position:relative;overflow:hidden;}
.page-id-39792 .audit-bar{height:8px;background:var(--primary-red);border-radius:4px;margin:20px;animation:loadingBar 3s ease-in-out infinite;}
.page-id-39792 .problems{padding:80px 0;}
.page-id-39792 .section-header{text-align:center;margin-bottom:60px;}
.page-id-39792 .section-header h2{font-size:32px;color:var(--primary-blue);margin-bottom:20px;}
.page-id-39792 .section-header p{font-size:18px;color:black;max-width:700px;margin:0 auto;}
.page-id-39792 .services .section-header p{padding-bottom:15px;}
.page-id-39792 .problems-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;}
.page-id-39792 .problem-card{background:var(--gray-bg);padding:30px;border-radius:72px 0;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;}
.page-id-39792 .problem-card h3{color:var(--primary-blue)}
.page-id-39792 .problem-card:hover{transform:translateY(-5px);background:white;border-bottom:4px solid var(--primary-red);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}
.page-id-39792 .problem-icon{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5em;}
.page-id-39792 .problem-icon img{width:60px;}
.page-id-39792 .services{padding:80px 0;}
.page-id-39792 .services-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:60px;}
.page-id-39792 .service-card{background:white;box-shadow:0 0 9px #ddd;border-radius:10px;max-width:calc(25% - 10px);min-width:calc(25% - 10px);padding:20px;text-align:center;transition:all 0.3s ease;position:relative;overflow:visible;}
.page-id-39792 .service-card .col-inner{position:static;padding-top:40px;}
.page-id-39792 .service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);}
.page-id-39792 .service-card:hover::before{transform:scaleX(1);}
.page-id-39792 .service-icon{width:80px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);height:80px;background:linear-gradient(135deg, var(--primary-blue), #004080);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:2em;}
.page-id-39792 .service-card h3{color:var(--primary-blue);margin-bottom:15px;font-size:17px;}
.page-id-39792 .service-card p{font-size:14px;color:black;}
.page-id-39792 .service-features{list-style:none;text-align:left;margin-top:20px;}
.page-id-39792 .service-features li{padding:8px 0;font-size:14px;margin-left:0;padding-left:10px;position:relative;color:var(--text-light);}
.page-id-39792 .service-features li::before{content:"•";position:absolute;left:0;color:var(--primary-red);font-weight:bold;}
.page-id-39792 .process{padding:80px 0;background:var(--gray-bg);}
.page-id-39792 .process .section-header{margin-bottom:35px;}
.page-id-39792 .section-header{margin-bottom:35px;}
.page-id-39792 .process-steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:30px;margin-top:0;position:relative;}
.page-id-39792 .process-step{text-align:center;position:relative;}
.page-id-39792 .process-step p{font-size:14px;}
.page-id-39792 .step-icon{width:100px;height:100px;background:white;border:3px solid var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2em;position:relative;z-index:2;transition:all 0.3s ease;}
.page-id-39792 .process-step:hover .step-icon{background:var(--primary-red);border:3px solid var(--primary-red);color:white;transform:scale(1.1);}
.page-id-39792 .step-line{position:absolute;top:50px;left:85%;right:-30%;height:2px;background:var(--primary-blue);z-index:1;}
.page-id-39792 .report-sample{padding:80px 0;}
.page-id-39792 .report-preview{background:white;border:2px solid #ddd;border-radius:10px;padding:40px;margin-top:40px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);}
.page-id-39792 .report-header{border-bottom:2px solid var(--primary-blue);padding-bottom:20px;margin-bottom:30px;}
.page-id-39792 .report-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-top:30px;}
.page-id-39792 .metric-card{background:var(--gray-bg);padding:20px;border-radius:8px;text-align:center;}
.page-id-39792 .metric-value{font-size:2.5em;font-weight:bold;margin-bottom:5px;}
.page-id-39792 .metric-good{color:var(--success-green);}
.page-id-39792 .metric-warning{color:var(--warning-yellow);}
.page-id-39792 .metric-bad{color:var(--danger-red);}
.page-id-39792 .benefits{padding:80px 0;}
.page-id-39792 .grid-benefits{display:flex;justify-content:space-around;margin-top:60px;}
@keyframes loadingBar {
0%{width:0%;}
50%{width:70%;}
100%{width:100%;}
}
.page-id-39792 .benefit-card{text-align:center;padding:30px;max-width:calc(100% / 3);background:white;transition:all 0.3s ease;}
.page-id-39792 .benefit-card:nth-child(2){border-left:1px solid black;border-right:1px solid black;}
.page-id-39792 .benefit-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}
.page-id-39792 .benefit-number{font-size:3em;font-weight:bold;color:var(--primary-red);margin-bottom:10px;}
.page-id-39792 .pricing{padding:80px 0;background:white;}
.page-id-39792 .pricing .button-cus{text-align:center;margin-top:40px;padding-bottom:0;}
.page-id-39792 .pricing-table{background:white;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);margin-top:60px;}
.page-id-39792 .pricing-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #eee;}
.page-id-39792 .pricing-row:last-child{border-bottom:none;}
.page-id-39792 .pricing-header{border-radius:16px 16px 0 0;background:var(--primary-blue);color:white;}
.page-id-39792 .pricing .hide-for-medium{background:#F8FBFF}
.page-id-39792 .pricing-cell{padding:20px;font-weight:bold;text-align:center;}
.page-id-39792 .pricing-feature{text-align:center;font-weight:normal;}
.page-id-39792 .check-icon{color:var(--success-green);font-size:1.2em;}
.page-id-39792 .x-icon{color:var(--danger-red);font-size:1.2em;}
.page-id-39792 .cta-section{color:white;padding:80px 0;text-align:center;}
.page-id-39792 .cta-section .col{padding-bottom:8px;}
.page-id-39792 .cta-section h2{font-size:2.5em;margin-bottom:20px;}
.page-id-39792 .cta-section p{font-size:20px;font-weight:bold;margin-bottom:30px;opacity:0.9;}
.page-id-39792 .cta-button-white{background-color:white !important;color:var(--primary-blue) !important;}
.page-id-39792 .cta-button-white i{display:none;}
.page-id-39792 .cta-button-white:hover{background:var(--gray-bg);border:none;}
.page-id-39792 .faq{padding:80px 0;background:var(--gray-bg);}
.page-id-39792 .faq .section-header{padding-top:12px;}
.page-id-39792 .faq-container{max-width:800px;margin:0 auto;}
.page-id-39792 .faq-item{background:white;margin-bottom:20px;border-radius:10px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);overflow:hidden;}
.page-id-39792 .faq-question{padding:20px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:bold;color:var(--primary-blue);transition:background 0.3s ease;}
.page-id-39792 .faq-question:hover{background:var(--light-blue);}
.page-id-39792 .faq-answer{padding:0 30px;max-height:0;overflow:hidden;transition:all 0.3s ease;}
.page-id-39792 .faq-item.active .faq-answer{padding:20px 30px;max-height:500px;}
.page-id-39792 .faq-icon{transition:transform 0.3s ease;}
.page-id-39792 .faq-item.active .faq-icon{transform:rotate(180deg);}
.page-id-39792 .faq-img{display:block;max-width:277px;max-height:230px;margin:auto;margin-bottom:10px;object-fit:cover;}
.page-id-39792 .faq-text{text-align:center;}
.page-id-39792 .faq-form input{box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);padding:8px;border:1px solid #ccc;border-radius:16px;height:60px;padding-left:15px;border:none;}
.page-id-39792 .faq-form{margin-top:20px;}
.page-id-39792 .faq-form button{text-align:center;min-width:210px;max-width:210px;display:block;border:#fff 2px solid;margin:auto;}
@media(max-width:768px){
.page-id-39792 .hero-content{grid-template-columns:1fr;text-align:center;}
.page-id-39792 .hero h1{font-size:2em;}
.page-id-39792 .section-header h2{font-size:32px;}
.page-id-39792 .pricing-row{grid-template-columns:1fr;}
.page-id-39792 .pricing-cell:not(.pricing-feature){border-bottom:1px solid #eee;}
.page-id-39792 .process-step .step-line{display:none;}
.page-id-39792 .grid-benefits{justify-content:left;margin:auto;}
.page-id-39792 .benefit-card{max-width:calc(100% / 2 - 20px);flex-basis:calc(100% / 2 - 20px);}
}
.page-id-39792 .table-tablet-kiemtra{border-collapse:collapse;margin:auto;width:100%;table-layout:fixed;}
.page-id-39792 .table-tablet-kiemtra th, .page-id-39792 .table-tablet-kiemtra td{padding:10px 15px;border:1px solid #eee;border-collapse:collapse;text-align:center}
.page-id-39792 .table-tablet-kiemtra th{background-color:#0246A8;color:white;}
@media(max-width:480px){
.page-id-39792 .service-card{max-width:calc(100% - 20px);flex-basis:calc(100% - 20px);}
.page-id-39792 .grid-benefits{justify-content:center;margin:auto !important;}
.page-id-39792 .table-tablet-kiemtra th, .page-id-39792 .table-tablet-kiemtra td{padding:5px 10px;font-size:12px;}
.page-id-39792 .hero h1,.page-id-39792 .section-header h2,.page-id-39792 .cta-section h2{font-size:29px;}
.page-id-39792 .section-header p,.page-id-39792 .cta-section p{font-size:16px}
.page-id-39792 .problems-grid{display:flex;gap:0;}
.page-id-39792 .services-container{gap:60px 0;}
.page-id-39792 .benefit-card{min-width:100%;max-width:100%;}
.page-id-39792 .benefit-card:nth-child(2){border:none;}
}
@keyframes coccocAd {
0%, 100%{transform:scale(1);}
50%{transform:scale(1.1);}
}
:root{--zalo-blue:#0068FF;--dark-blue:#013366;--gradient-red:linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);--gradient-zalo:linear-gradient(135deg, #0068FF 0%, #0054CC 100%);}
.page-id-39853 .hero *,
.page-id-39853 .features *,
.page-id-39853 .use-cases *,
.page-id-39853 .stats *,
.page-id-39853 .pricing *,
.page-id-39853 .cta-section *{margin:0;padding:0;box-sizing:border-box;}
.page-id-39853{font-family:Montserrat, sans-serif;line-height:1.6;color:#000;overflow-x:hidden;}
.page-id-39853 .loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s;}
header.transparent{box-shadow:none !important;}
.page-id-39853 .ai-brain{width:100px;height:100px;position:relative;}
.page-id-39853 .brain-node{position:absolute;width:10px;height:10px;background:white;border-radius:50%;animation:brainPulse 2s ease-in-out infinite;}
.page-id-39853 .brain-node:nth-child(1){top:20%;left:50%;animation-delay:0s;}
.page-id-39853 .brain-node:nth-child(2){top:50%;left:20%;animation-delay:0.2s;}
.page-id-39853 .brain-node:nth-child(3){top:50%;right:20%;animation-delay:0.4s;}
.page-id-39853 .brain-node:nth-child(4){bottom:20%;left:50%;animation-delay:0.6s;}
@keyframes brainPulse {
0%, 100%{transform:scale(1);opacity:0.5;}
50%{transform:scale(1.5);opacity:1;}
}
.page-id-39853 .brain-connection{position:absolute;background:rgba(255, 255, 255, 0.3);height:1px;transform-origin:left center;animation:connectionFlow 2s linear infinite;}
@keyframes connectionFlow {
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
.page-id-39853 .hero{min-height:80vh;display:flex;align-items:center;position:relative;padding-top:80px;background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #0068FF 100%);overflow:hidden;}
.page-id-39853 .floating-messages{position:absolute;width:100%;height:100%;overflow:hidden;}
.page-id-39853 .message-bubble{position:absolute;background:rgba(255, 255, 255, 0.1);border-radius:20px;padding:10px 20px;backdrop-filter:blur(10px);animation:floatMessage 20s linear infinite;white-space:nowrap;color:white;font-size:0.9rem;}
@keyframes floatMessage {
from{transform:translateX(100vw);}
to{transform:translateX(-100%);}
}
.page-id-39853 .message-bubble:nth-child(1){top:20%;animation-delay:0s;}
.page-id-39853 .message-bubble:nth-child(2){top:40%;animation-delay:5s;}
.page-id-39853 .message-bubble:nth-child(3){top:60%;animation-delay:10s;}
.page-id-39853 .message-bubble:nth-child(4){top:80%;animation-delay:15s;}
.page-id-39853 .hero-content{max-width:1400px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:10;position:relative;}
.page-id-39853 .hero-text h1{font-size:40px;font-weight:700;line-height:normal;margin-bottom:1.5rem;color:white;animation:fadeInUp 1s ease-out;}
@keyframes gradientShift {
0%, 100%{background-position:0% 50%;}
50%{background-position:100% 50%;}
}
.page-id-39853 .hero-text p{font-size:20px;font-weight:bold;margin-bottom:20px;color:rgba(255, 255, 255, 0.9);animation:fadeInUp 1s ease-out 0.2s both;}
.page-id-39853 .feature-pills{animation:fadeInUp 1s ease-out 0.3s both;padding-bottom:15px;}
.page-id-39853 .pill{padding:0.5rem 0;list-style:disc;color:white;font-size:16px;transition:all 0.3s;}
.page-id-39853 .pill:hover{background:rgba(255, 255, 255, 0.3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
.page-id-39853 .button{line-height:normal;}
.page-id-39853 .hero-buttons{display:flex;gap:1rem;animation:fadeInUp 1s ease-out 0.4s both;}
.page-id-39853 .btn-primary{padding:1rem 2rem;background:var(--gradient-zalo) !important;color:white !important;text-decoration:none;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;border:none;transition:all 0.3s;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0, 104, 255, 0.4);}
.page-id-39853 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0, 104, 255, 0.6);}
.page-id-39853 .btn-secon{padding:20px;line-height:normal !important;background:linear-gradient(45deg,#6778E3,#7450AA);color:white;display:block;text-decoration:none;border:none;border-radius:50px;font-weight:600;transition:all 0.3s;}
.page-id-39853 .btn-secondary:hover{background-color:white !important;color:#667eea !important;transform:translateY(-2px);}
.page-id-39853 .pricing .btn-secondary{border-color:#667eea !important;color:#667eea !important;}
.page-id-39853 .pricing .btn-primary{background:var(--gradient-ai);}
.page-id-39853 .zalo-demo{position:relative;animation:fadeInUp 1s ease-out 0.6s both;}
.page-id-39853 .phone-mockup{width:350px;height:700px;background:#1a1a1a;border-radius:30px;padding:10px;box-shadow:0 30px 60px rgba(0, 0, 0, 0.3);position:relative;overflow:hidden;}
.page-id-39853 .phone-screen{width:100%;height:100%;background:white;border-radius:20px;overflow:hidden;position:relative;}
.page-id-39853 .zalo-header{background:var(--gradient-zalo);color:white;padding:1rem;display:flex;align-items:center;gap:1rem;}
.page-id-39853 .bot-avatar{width:40px;height:40px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;}
.page-id-39853 .bot-info h3{font-size:1.1rem;margin-bottom:0.2rem;}
.page-id-39853 .bot-status{font-size:0.8rem;opacity:0.9;display:flex;align-items:center;gap:0.3rem;}
.page-id-39853 .status-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse {
0%, 100%{transform:scale(1);opacity:1;}
50%{transform:scale(1.2);opacity:0.7;}
}
.page-id-39853 .chat-messages{padding:1rem;height:calc(100% - 140px);overflow-y:auto;background:#f8f9fa;}
.page-id-39853 .message{margin-bottom:1rem;animation:messageSlide 0.3s ease-out;}
@keyframes messageSlide {
from{opacity:0;transform:translateY(10px);}
to{opacity:1;transform:translateY(0);}
}
.page-id-39853 .message.user{text-align:right;}
.page-id-39853 .message-bubble-chat{display:inline-block;max-width:70%;padding:0.8rem 1rem;border-radius:15px;font-size:0.9rem;}
.page-id-39853 .message.bot .message-bubble-chat{background:white;color:#333;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.page-id-39853 .message.user .message-bubble-chat{background:var(--gradient-zalo);color:white;}
.page-id-39853 .typing-indicator{display:inline-flex;gap:0.3rem;padding:0.8rem 1rem;background:white;border-radius:15px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.page-id-39853 .typing-dot{width:8px;height:8px;background:#999;border-radius:50%;animation:typingDot 1.4s infinite;}
.page-id-39853 .typing-dot:nth-child(2){animation-delay:0.2s;}
.page-id-39853 .typing-dot:nth-child(3){animation-delay:0.4s;}
@keyframes typingDot {
0%, 60%, 100%{transform:translateY(0);}
30%{transform:translateY(-10px);}
}
.page-id-39853 .chat-input{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:white;border-top:1px solid #e0e0e0;display:flex;gap:0.5rem;}
.page-id-39853 .input-field{flex:1;padding:0.8rem 1rem;border:1px solid #e0e0e0;border-radius:25px;outline:none;font-size:0.9rem;}
.page-id-39853 .send-button{width:40px;height:40px;background:var(--gradient-zalo);border:none;border-radius:50%;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s;}
.page-id-39853 .send-button:hover{transform:scale(1.1);}
.page-id-39853 .features{padding:5rem 5%;background:white;}
.page-id-39853 .section-header{text-align:center;max-width:800px;margin:0 auto 4rem;}
.page-id-39853 .section-header h2{font-size:40px;margin-bottom:1rem;background:var(--gradient-ai);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-id-39853 .section-header p{font-size:20px;font-weight:400;}
.page-id-39853 .section-header h3{font-weight:500;font-size:20px;margin-bottom:20px;}
.page-id-39853 .features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;}
.page-id-39853 .feature-card{padding:2rem;border:1px solid #3672C8;border-radius:20px;transition:all 0.3s;position:relative;overflow:hidden;}
.page-id-39853 .feature-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-ai);transform:scaleX(0);transition:transform 0.3s;transform-origin:left;}
.page-id-39853 .feature-card:hover::before{transform:scaleX(1);}
.page-id-39853 .feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);}
.page-id-39853 .feature-icon{width:60px;height:60px;background:var(--gradient-ai);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:white;animation:iconFloat 3s ease-in-out infinite;}
@keyframes iconFloat {
0%, 100%{transform:translateY(0);}
50%{transform:translateY(-5px);}
}
.page-id-39853 .feature-card h3{font-size:1.3rem;margin-bottom:1rem;background:linear-gradient(to left,#6778E3,#7450AA);-webkit-background-clip:text;color:transparent;}
.page-id-39853 .use-cases{padding:5rem 5%;}
.page-id-39853 .use-case-tabs{max-width:1200px;margin:0 auto;display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:3rem;overflow-x:auto;padding-bottom:1rem;}
.page-id-39853 .tab{padding:0.8rem 1.5rem;background:white;border-radius:16px;font-size:20px;cursor:pointer;transition:all 0.3s;white-space:nowrap;font-weight:600;}
.page-id-39853 .tab.active{background:var(--gradient-ai);color:white;border-color:transparent;}
.page-id-39853 .tab:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);}
.page-id-39853 .use-case-content{max-width:1200px;margin:0 auto;display:grid;max-height:0;visibility:hidden;opacity:0;transition:all .25s ease-in-out;grid-template-columns:1fr 1fr;gap:0;align-items:center;}
.page-id-39853 .use-case-content h3{font-size:30px;font-weight:700;background:linear-gradient(45deg, #6778E3,#7450AA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-id-39853 .lap-video{height:302px;position:relative;}
.page-id-39853 .lap-video img{width:100%;height:100%;}
.page-id-39853 .lap-video  iframe{position:absolute;left:50%;width:calc(79%);height:calc(87%);top:46%;border-radius:16px;transform:translate(-50%, -50%);}
.page-id-39853 .cta-button{border-radius:99px;font-size:16px;display:block;width:250px;text-align:center;margin:auto;background:linear-gradient(to right,#0064F6, #0056D3);padding:12px 20px;font-weight:600;}
.page-id-39853 .use-case-content .tab-title{padding-top:20px;font-size:16px;font-weight:bold;}
.page-id-39853 .use-case-content ul{margin-top:10px;}
.page-id-39853 .use-case-content li{font-size:16px;font-weight:400;padding:8px 5px;}
.page-id-39853 .use-case-content.active{opacity:1;max-height:none;visibility:visible;}
.page-id-39853 .use-case-content.active .cta-button{margin-top:15px;}
.page-id-39853 .cta-button.m-auto{display:block;max-width:250px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.page-id-39853 .lap-right{height:100%;}
.page-id-39853 .lap-right .col-inner{height:100%;display:flex;justify-content:center;align-items:flex-start;}
.page-id-39853 .use-case-image{position:relative;}
.page-id-39853 .chat-demo{background:white;border-radius:15px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);padding:1.5rem;max-width:400px;margin:0 auto;}
.page-id-39853 .chat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;}
.page-id-39853 .department-icon{width:40px;height:40px;background:var(--gradient-ai);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;}
.page-id-39853 .stats{padding:50px 10px;color:white;position:relative;overflow:hidden;}
.page-id-39853 .stats::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.page-id-39853 .stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:0 40px;position:relative;z-index:1;}
.page-id-39853 .stat-card{text-align:center;padding:2rem;background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255, 255, 255, 0.2);transition:all 0.3s;}
.page-id-39853 .stat-card:hover{transform:translateY(-10px);background:rgba(255, 255, 255, 0.15);box-shadow:0 20px 40px rgba(0, 0, 0, 0.2);}
.page-id-39853 .stat-number{font-size:3rem;font-weight:800;margin-bottom:0.5rem;}
.page-id-39853 .stat-label{font-size:16px;font-weight:bold;opacity:0.9;}
.page-id-39853 .pricing{padding:5rem 5%;background:white;}
.page-id-39853 .pricing-grid{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:50px;}
.page-id-39853 .pricing-card{background:#EEF2FE;border-radius:20px;padding:2rem;min-width:25%;overflow:hidden;max-width:calc(50% - 50px);text-align:left;position:relative;transition:all 0.3s;border:2px solid transparent;position:relative;}
.page-id-39853 .pricing-card .col-inner{position:static;}
.page-id-39853 .pricing-card::before{position:absolute;width:100%;height:40px;content:'';background:linear-gradient(to bottom,#6778E3,#7450AA);top:0;left:0;}
.page-id-39853 .pricing-card.featured{background:white;overflow:visible;border-color:var(--gradient-ai);transform:scale(1.05);box-shadow:0 20px 40px rgba(102, 126, 234, 0.2);}
.page-id-39853 .pricing-header h3{font-size:40px;margin-top:40px;margin-bottom:0.5rem;color:#222;text-transform:uppercase;}
.page-id-39853 .price{font-size:3rem;font-weight:800;background:var(--gradient-ai);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0;}
.page-id-39853 .price span{font-size:1rem;font-weight:400;color:#666;}
.page-id-39853 .pricing-features{list-style:none;margin:2rem 0;}
.page-id-39853 .pricing-features li{padding:0.5rem 0;color:#666;display:flex;align-items:center;justify-content:flex-start;gap:0.5rem;}
.page-id-39853 .pricing-features li::before{content:"✓";color:#667eea;font-weight:600;}
.page-id-39853 .cta-section{padding:5rem 5%;background:var(--gradient-zalo);color:white;text-align:center;position:relative;overflow:hidden;}
.page-id-39853 .cta-animation{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.1;}
.page-id-39853 .chat-icon{position:absolute;font-size:2rem;animation:chatFloat 15s linear infinite;}
@keyframes chatFloat {
from{transform:translate(-100px, 100vh) rotate(0deg);}
to{transform:translate(100vw, -100px) rotate(360deg);}
}
.page-id-39853 .cta-left p{font-size:30px;width:65%;margin:auto;font-weight:600;}
.page-id-39853 .right h2{color:white;font-size:40px;font-weight:bold;margin-bottom:20px;}
.page-id-39853 .right input:not([type=submit]){height:54px;}
.page-id-39853 .right input[type=submit]{color:#0065F9;background:#fff;width:210px;text-align:center;border-radius:99px;transition:.25s ease-in-out all;}
.page-id-39853 .right input[type=submit]:hover{transform:translateY(-5px);background:#fff;box-shadow:none;}
.page-id-39853 .cta-end{justify-content:end;}
.page-id-39853 .right input,.page-id-39853 .right textarea{border-radius:16px;margin-bottom:20px;padding:10px 20px;}
.page-id-39853 .cta-left .img{margin:auto;}
.page-id-39853 .cta-content{position:relative;z-index:1;}
.page-id-39853 .cta-content h2{font-size:2.5rem;margin-bottom:1rem;}
.page-id-39853 .cta-button-white{background-color:white !important;color:#0068FF;padding:1rem 2rem;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;margin-top:1em;font-weight:600;transition:all 0.3s;}
.page-id-39853 .cta-button-white:hover{color:#0068FF !important;transform:translateY(-5px);box-shadow:0 0 5px;}
@media(max-width:768px){
.page-id-39853 .nav-links{display:none;}
.page-id-39853 .hero-content{grid-template-columns:1fr;text-align:center;}
.page-id-39853 .hero-text h1{font-size:2.5rem;}
.page-id-39853 .hero-buttons{justify-content:center;}
.page-id-39853 .phone-mockup{width:300px;height:600px;margin:2rem auto 0;}
.page-id-39853 .use-case-content{grid-template-columns:1fr;}
.page-id-39853 .pricing-card.featured{transform:scale(1);}
}
.page-id-39853 .fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.page-id-39853 .fade-in.visible{opacity:1;transform:translateY(0);}
@keyframes rippleEffect {
to{transform:scale(4);opacity:0;}
}
@media(max-width:480px){
.page-id-39853 .hero{min-height:0;padding-top:80px !important;}
.page-id-39853 .hero-content{display:flex;flex-direction:column-reverse;gap:0;}
.page-id-39853 .hero-text h1{font-size:28px;}
.page-id-39853 .hero-text p{font-size:16px;}
.page-id-39853 .feature-pills{display:grid;grid-template-columns:repeat(auto-fit, minmax(155px, 1fr));}
.page-id-39853 .feature-pills li{list-style:none;padding:5px;}
.page-id-39853 .btn-primary{display:block;margin-bottom:15px;}
.m-0{margin:0!important;}
.page-id-39853 .section-header p{font-size:16px;}
.page-id-39853 .features{padding:0 10px !important;}
.page-id-39853 .section-header,.page-id-39853 .section-header > *{margin-bottom:0;}
.page-id-39853 .stats-container{grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));}
.page-id-39853 .use-case-content .tab-title{font-size:16px;margin-top:10px;}
.page-id-39853 .use-case-tabs{margin-bottom:1rem;}
.page-id-39853 .use-case-content li{padding:5px;text-align:left;}
.page-id-39853 .stat-card{max-width:calc(50% - 10px)!important;padding:20px;min-width:calc(50% - 10px)!important}
.page-id-39853 .section-header h2,.page-id-39853 .cta-content h2{font-size:29px;}
.page-id-39853 .stats-container{display:flex;gap:10px;}
.page-id-39853 .use-case-content{text-align:center;gap:10px;}
.page-id-39853 .lap-right .col-inner{display:block;text-align:center;}
.page-id-39853 .lap-video{height:auto;}
.page-id-39853 .cta-button.m-auto{position:static;margin:auto;transform:none;margin-top:10px;}
.page-id-39853 .stat-number{font-size:24px;}
.page-id-39853 .stat-label{font-size:16px;}
.page-id-39853 .pricing-grid{flex-wrap:wrap;gap:10px 0;}
.page-id-39853 .pricing-card{max-width:100%;}
.page-id-39853 .pricing-card .pricing-header{text-align:center;}
.page-id-39853 .pricing-header h3{font-size:32px;}
.page-id-39853 .cta-left p,.page-id-39853 .right h2{width:100%;font-size:24px;}
}
:root{--primary-blue:#0246A8;--primary-red:#DC143C;--light-blue:#e6f2ff;--light-red:#ffe6eb;--text-dark:#333;--text-light:#666;--white:#fff;--gray-bg:#f8f9fa;--success-green:#28a745;--warning-yellow:#ffc107;--gradient-blue:linear-gradient(135deg, #0246A8 0%, #0357d8 100%);--gradient-ai:linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.page-id-39703{transition:opacity ease-in 0.2s;font-family:Montserrat, sans-serif !important;line-height:1.6;color:var(--text-dark);}
.page-id-39703 h1, .page-id-39703 h2, .page-id-39703 h3, .page-id-39703 h4, .page-id-39703 h5, .page-id-39703 h6, .page-id-39703 ul, .page-id-39703 li, .page-id-39703 p{margin-bottom:0;}
.page-id-39703 *{box-sizing:border-box;}
.page-id-39703 .header .container{max-width:1410px;}
.page-id-39703 .ul-cus li{padding:5px 0;}
.page-id-39703 .why-ai-con{padding:20px 0;background:#F8FBFF;}
.page-id-39703 .container{max-width:1200px;margin:0 auto;padding:0 20px;}
.page-id-39703 #header.header #masthead{background:none;}
.page-id-39703 .hero{background-image:url(https://innocom.vn/wp-content/uploads/2025/07/banner-e1752224862659.jpg);color:white;padding-top:140px !important;background-repeat:no-repeat;background-size:cover;padding:100px 0 80px;position:relative;overflow:hidden;}
.page-id-39703 .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;}
.page-id-39703 .hero h1{font-size:39px;margin-bottom:20px;animation:fadeInUp 0.8s ease;line-height:1.2;color:#fff;}
.page-id-39703 .hero-subtitle{font-size:19px;margin-bottom:14px;font-weight:bold;animation:pageid39703fadeInUp 0.8s ease 0.2s;animation-fill-mode:both;}
.page-id-39703 .hero-features{list-style:none;margin-bottom:40px;animation:pageid39703fadeInUp 0.8s ease 0.4s;animation-fill-mode:both;padding-left:20px;}
.page-id-39703 .hero-features li{padding:10px 0;position:relative;}
.page-id-39703 .hero-features li{list-style:disc;}
     .page-id-39703 .cta-button{display:inline-block;background:var(--primary-red) !important;color:white;padding:5px 35px;text-decoration:none;border-radius:50px;font-weight:bold;font-size:1.1em;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(220, 20, 60, 0.3);animation:pageid39703fadeInUp 0.8s ease 0.6s;animation-fill-mode:both;}
.page-id-39703 .cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(220, 20, 60, 0.4);}
.page-id-39703 .hero-image{position:relative;display:flex;align-items:center;animation:pageid39703fadeInRight 1s ease;}
.page-id-39703 .ai-visualization{width:100%;max-width:500px;height:400px;position:relative;}
.page-id-39703 .ai-brain{width:200px;height:200px;background:rgba(255, 255, 255, 0.1);border:3px solid white;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;font-size:4em;animation:pageid39703pulse 2s ease-in-out infinite;}
.page-id-39703 .ai-nodes{position:absolute;width:100%;height:100%;}
.page-id-39703 .ai-node{position:absolute;width:60px;height:60px;background:var(--primary-red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5em;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);animation:pageid39703float 3s ease-in-out infinite;}
.page-id-39703 .ai-node:nth-child(1){top:0;left:50%;transform:translateX(-50%);animation-delay:0s;}
.page-id-39703 .ai-node:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:0.5s;}
.page-id-39703 .ai-node:nth-child(3){bottom:0;left:50%;transform:translateX(-50%);animation-delay:1s;}
.page-id-39703 .ai-node:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:1.5s;}
.page-id-39703 .challenges{padding:80px 0;background:white;}
.page-id-39703 .challenges .header-tit{padding-bottom:0;}
.page-id-39703 .challenges .section-header{margin-bottom:0;}
.page-id-39703 .section-header{text-align:center;max-width:950px;margin-bottom:20px;}
.page-id-39703 .section-header h2{font-size:40px;text-align:center;color:#0246A8;margin-bottom:20px;}
.page-id-39703 .section-header p{font-size:20px;color:#000;max-width:900px;margin:0 auto;}
.page-id-39703 .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;margin-top:60px;}
.page-id-39703 .challenge-card{background:none;padding:30px;border-radius:10px;transition:all 0.3s ease;box-shadow:0 0 10px #66666650;}
.page-id-39703 .challenge-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);}
.page-id-39703 .challenge-icon{font-size:2em;margin-bottom:15px;}
.page-id-39703 .challenge-card h3{color:var(--primary-blue);margin-bottom:10px;display:flex;align-items:flex-end;gap:0 20px;justify-content:center;}
.page-id-39703 .challenge-card h3 span{display:inline-block;width:45%;font-size:20px;text-align:center;}
.page-id-39703 .challenge-card h3 img{display:inline-block;width:20%;}
.page-id-39703 .why-ai{padding:80px 0;background:white;}
.page-id-39703 .why-ai-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px;}
.page-id-39703 .why-ai-text ul{list-style:none;margin-top:20px;}
.page-id-39703 .why-ai-text li{padding:15px 0;padding-left:40px;position:relative;border-bottom:1px solid #e0e0e0;}
.page-id-39703 .why-ai-text li::before{content:"→";position:absolute;left:0;color:var(--primary-blue);font-weight:bold;font-size:1.5em;}
.page-id-39703 .why-ai-stats{display:flex;background:#F8FBFF;padding:30px 0;}
.page-id-39703 .tu-van-text h2,.page-id-39703 .tu-van-text ul li strong{color:#0246A8;}
.page-id-39703 .tu-van-text h2{text-transform:capitalize;font-size:30px;margin-bottom:20px;font-weight:bold;}
.page-id-39703 .ai-but{margin-left:50%;margin-top:20px;transform:translateX(-50%) !important;padding:10px 25px !important;}
.page-id-39703 .ai-but span{font-weight:600px;font-size:16px;}
.page-id-39703 .stat-card{padding:0 30px;max-width:25%;min-width:25%;text-align:center;transition:all 0.3s ease;}
.page-id-39703 .stat-card:nth-child(2),.page-id-39703 .stat-card:nth-child(3){border-left:1px solid #0246A8;border-right:1px solid #0246A8;}
.page-id-39703 .stat-number{font-size:3em;font-weight:bold;color:var(--primary-blue);margin-bottom:10px;}
.page-id-39703 .workgpt{padding:80px 0;background:white;}
.page-id-39703 .workgpt .col,.header-tit{padding-bottom:0;}
.page-id-39703 .workgpt-intro{background:var(--gradient-ai);color:white;padding:60px;border-radius:20px;text-align:center;margin-top:60px;position:relative;overflow:hidden;}
.page-id-39703 .workgpt-intro::before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);animation:pageid39703pulse 4s ease-in-out infinite;}
.page-id-39703 .workgpt-intro h3{font-size:2em;margin-bottom:20px;position:relative;z-index:1;}
.page-id-39703 .workgpt-intro p{font-size:1.2em;opacity:0.9;position:relative;z-index:1;max-width:700px;margin:0 auto;}
.page-id-39703 .features{padding:80px 0;background:var(--gray-bg);}
.page-id-39703 .features .section-header{margin-bottom:0;}
.page-id-39703 .features-grid .col-inner .row{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px;margin-top:60px;}
.page-id-39703 .feature-card{background:white;padding:40px 30px;border-radius:10px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.08);transition:all 0.3s ease;position:relative;overflow:hidden;}
.page-id-39703 .feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-blue);transform:scaleX(0);transition:transform 0.3s ease;}
.page-id-39703 .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}
.page-id-39703 .feature-card:hover::before{transform:scaleX(1);}
.page-id-39703 .feature-card h3{font-size:24px;color:#0246A8;}
.page-id-39703 .menu-wrapper{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;}
.page-id-39703 .menu-scroll{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;}
.page-id-39703 .menu-scroll p{margin:0;}
.page-id-39703 .menu-scroll::-webkit-scrollbar{display:none;}
.page-id-39703 .menu-item{flex:0 0 auto;padding:10px 16px;white-space:nowrap;font-size:14px;cursor:pointer;color:#333;}
.page-id-39703 .menu-item-tab{display:none;}
.page-id-39703 .menu-item-tab.active{display:block;margin-top:20px}
.page-id-39703 .benefits .section-header{margin-bottom:0;padding-bottom:0;}
.page-id-39703 .menu-item-tab .image{height:540px;position:relative;}
.page-id-39703 .menu-item-tab .image img{display:block;height:100%;margin:auto;}
.page-id-39703 .menu-item-tab .image .iframe{position:absolute;height:87%;left:50%;width:71%;border-radius:16px;top:15px;transform:translate(-50%, 0);}
.page-id-39703 .menu-item-tab .image .iframe iframe{width:100%;height:100%;border-radius:16px;}
.page-id-39703 .menu-item-tab p{text-align:center;margin-top:20px;color:#222;font-size:20px;}
.page-id-39703 .menu-item.active{color:#0056d2;border-bottom:2px solid #0056d2;font-weight:bold;}
.page-id-39703 .scroll-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:0 8px;color:#333;z-index:1;}
.page-id-39703 .feature-icon{width:80px;height:80px;background:var(--light-blue);border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:2em;color:var(--primary-blue);transition:all 0.3s ease;}
.page-id-39703 .feature-card:hover{transform:scale(1.1);}
.page-id-39703 .solutions{padding:80px 0;background:white;}
.page-id-39703 .solutions-tabs{display:flex;justify-content:center;gap:20px 30px;margin-bottom:40px;flex-wrap:wrap;}
.page-id-39703 .tab-button{padding:5px 35px;background:var(--gray-bg);border:2px solid transparent;border-radius:16px;cursor:pointer;transition:all 0.3s ease;font-weight:500;color:#0246A8;}
.page-id-39703 .tab-button.active{background:var(--primary-blue);color:white;border-color:var(--primary-blue);}
.page-id-39703 .tab-content{display:none;animation:pageid39703fadeIn 0.5s ease;}
.page-id-39703 .tab-content h3{font-size:34px;margin-bottom:10px !important;}
.page-id-39703 .tab-content.active{display:block;}
.page-id-39703 .solution-detail{display:flex;align-items:center;margin-top:40px;}
.page-id-39703 .solution-image{padding:40px;border-radius:10px;text-align:center;}
.page-id-39703 .solution-image,.page-id-39703 .solution-content{width:calc(50% - 30px);margin:0 15px;}
.page-id-39703 .solution-icon{font-size:8em;position:relative;color:var(--primary-blue);margin-bottom:20px;}
.page-id-39703 .solution-icon iframe{position:absolute;top:100%;left:80%;border-radius:20px;transform:translate(-50%, -50%);}
.page-id-39703 .solution-features{list-style:none;}
.page-id-39703 .solution-features li{padding:10px 0;padding-left:30px;position:relative;}
.page-id-39703 .solution-features li::before{content:url(https://innocom.vn/wp-content/uploads/2025/07/Frame-18596.png);position:absolute;left:0;color:var(--success-green);font-weight:bold;}
.page-id-39703 .video-links{margin-top:20px;}
.page-id-39703 .video-link{display:inline-block;color:var(--primary-blue);text-decoration:none;margin:5px 0;padding:5px 10px;background:var(--light-blue);border-radius:5px;transition:all 0.3s ease;}
.page-id-39703 .video-link:hover{background:var(--primary-blue);color:white;}
.page-id-39703 .benefits{padding:80px 0;background:var(--gray-bg);}
.page-id-39703 .benefits-grid{display:block;}
.page-id-39703 .benefit-item{display:flex;gap:20px;align-items:flex-start;}
.page-id-39703 .benefit-icon{flex-shrink:0;width:60px;height:60px;background:var(--gradient-blue);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5em;}
.page-id-39703 .benefit-content h3{color:var(--primary-blue);margin-bottom:10px;}
.page-id-39703 .commitment{padding:80px 0;background:white;}
.page-id-39703 .commitment-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;margin-top:60px;}
.page-id-39703 .commitment-card{background:var(--gray-bg);padding:30px;border-radius:10px;text-align:center;transition:all 0.3s ease;border:2px solid transparent;}
.page-id-39703 .commitment-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);border-color:var(--primary-blue);}
.page-id-39703 .commitment-icon{font-size:3em;margin-bottom:15px;color:var(--primary-blue);}
.page-id-39703 .cta-section{background:var(--gradient-blue);color:white;padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.page-id-39703 .cta-section .cta-col{padding-bottom:0;}
.page-id-39703 .cta-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%) !important;animation:pageid39703pulse 4s ease-in-out infinite;}
.page-id-39703 .cta-section h2{font-size:2.5em;margin-bottom:20px;position:relative;z-index:1;}
.page-id-39703 .cta-section p{font-size:1.2em;margin-bottom:30px;opacity:0.9;position:relative;z-index:1;}
.page-id-39703 .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;}
.page-id-39703 .cta-button{color:white !important;}
.page-id-39703 .cta-button-white{background:white !important;color:var(--primary-blue) !important;}
.page-id-39703 .cta-button-white:hover{background:var(--gray-bg) !important;}
.page-id-39703 .nhan-su-head h2,.page-id-39703 .nhan-su-head h3{color:white;text-align:center;font-weight:700;}
.page-id-39703 .nhan-su-content{color:white;text-align:center;font-size:20px;}
.page-id-39703 .nhan-su-head h3{font-size:50px;}
.page-id-39703 .nhan-su-head h2{font-size:60px;}
.page-id-39703 .nhan-su-head h2 img{margin-right:10px;}
@keyframes pageid39703rotate {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes pageid39703fadeInUp {
from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes pageid39703fadeInRight {
from{opacity:0;transform:translateX(30px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes pageid39703pulse {
0%, 100%{transform:translate(-50%, -50%) scale(1);}
50%{transform:translate(-50%, -50%) scale(1.05);}
}
@keyframes pageid39703float {
0%, 100%{transform:translateY(0) translateX(-50%);}
50%{transform:translateY(-10px) translateX(-50%);}
}
@keyframes pageid39703fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.page-id-39703 .feature-sub .img-inner{width:100%;height:480px;}
.page-id-39703 .feature-sub .img-inner img{height:100%;object-fit:cover;width:100%;object-position:-150px;}
.page-id-39703 .feature-sub .features-grid .col-inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;}
.page-id-39703 .feature-sub .feature-item{display:flex;gap:20px;position:relative;}
.page-id-39703 .feature-sub .feature-number{width:50px;height:50px;background:#1e5bb8;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;flex-shrink:0;position:relative;}
.page-id-39703 .feature-sub .feature-number::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:calc(100% + 40px);border-left:#0246A8 dashed 1px;transform:translateX(-50%);}
.page-id-39703 .feature-sub .features-grid .feature-item:nth-child(5) .feature-number::after,
.page-id-39703 .feature-sub .features-grid .feature-item:nth-child(6) .feature-number::after{display:none;}
.page-id-39703 .feature-sub .feature-content{flex:1;}
.page-id-39703 .feature-sub .feature-content h3{font-size:20px;color:#333;margin-bottom:10px;font-weight:600;}
.page-id-39703 .feature-sub .feature-content p{font-size:15px;color:#666;line-height:1.6;}
.page-id-39703 .bgf{width:1219px;height:334px;margin:auto;}
@media(max-width:768px){
.page-id-39703 .hero-content{grid-template-columns:1fr;text-align:center;}
.page-id-39703 .hero h1{font-size:2em;}
.page-id-39703 .section-header h2{font-size:2em;}
.page-id-39703 .why-ai-content{grid-template-columns:1fr;}
.page-id-39703 .solution-detail{grid-template-columns:1fr;}
.page-id-39703 .workgpt-intro{padding:40px 20px;}
.page-id-39703 .ai-node{animation:none !important;}
}
@media(max-width:480px){
.page-id-39703 .tab-button{padding:6px 10px;font-size:12px;gap:0;}
.page-id-39703 .video-links p a{margin:0 5px;}
.page-id-39703 .commitment-cards .col{max-width:calc(100% - 5px);flex-basis:calc(100% - 5px);}
.page-id-39703 .commitment-cards .row{gap:20px;}
.page-id-39703 .section-header{margin-bottom:0;padding:0 16px;}
.page-id-39703 .section-content .col{}
.page-id-39703 .ai-brain{width:150px;height:150px;}
.page-id-39703 .ai-node{animation:none !important;}
.page-id-39703 .section-header h2, .page-id-39703 .hero h1{font-size:23px !important;}
.page-id-39703 .section-header p{font-size:15px !important;}
.page-id-39703 .challenge-card{max-width:calc(100% - 20px) !important;margin:auto !important;}
.page-id-39703 .hero-features li{margin-left:0;padding-left:0;list-style:disc;padding:0;}
.page-id-39703 .hero-features li::before{display:none;}
.header-tit{padding-bottom:0;}
.page-id-39703 .challenge-card h3 span{width:70%;font-size:23px;}
.page-id-39703 .challenge-card p,.page-id-39703 .feature-card h3,.page-id-39703 .feature-card p{text-align:center;}
.page-id-39703 .feature-card{padding:20px;}
.page-id-39703 .stat-card{max-width:100%;min-width:100%}
.page-id-39703 .stat-card:nth-child(2), .page-id-39703 .stat-card:nth-child(3){border:none;}
.page-id-39703 .why-ai-stats{flex-wrap:wrap;}
.page-id-39703 .stat-number{margin-bottom:0;font-size:32px}
.page-id-39703 .stat-card p{font-size:15px;}
.page-id-39703 .ai-but{margin:auto;transform:none;display:block;max-width:200px;}
.page-id-39703 .tu-van-text h2{font-size:24px;}
.page-id-39703 .ul-cus li{font-size:16px;}
.page-id-39703 .nhan-su-head h2{font-size:35px;}
.page-id-39703 .nhan-su-content{font-size:16px;margin-bottom:10px;}
.page-id-39703 .features-grid .col-inner .row{margin-top:20px;}
.page-id-39703 .feature-icon{margin:auto;}
.page-id-39703 .solutions-tabs{gap:0;}
.page-id-39703 .solutions .section-header{padding:0 0 10px 0;}
.page-id-39703 .solution-detail{flex-wrap:wrap;gap:10px 0;}
.page-id-39703 .solution-image, .page-id-39703 .solution-content{width:100%;margin:0;}
.page-id-39703 .solution-image{padding:0;}
.page-id-39703 .solution-icon{margin:0;}
.page-id-39703 .solution-icon iframe{transform:none;position:static;margin-top:20px;width:100%;}
.page-id-39703 .menu-item-tab .image{height:200px;}
.page-id-39703 .menu-item-tab p{font-size:16px;}
.page-id-39703 .feature-sub .features-grid .col-inner{display:flex;gap:0;flex-wrap:wrap;}
.page-id-39703 .feature-sub .features-grid .feature-item:nth-child(5) .feature-number::after{display:block;}
.page-id-39703 .feature-sub .feature-content{padding-bottom:20px;}
.page-id-39703 .feature-sub .feature-number::after{height:calc(100% + 75px);}
.page-id-39703 .feature-sub{padding-bottom:0;}
.page-id-39703 .cta-section h2{font-size:24px;}
.page-id-39703 .cta-section p{font-size:16px;}
.page-id-39703 .cta-buttons{gap:0;}
.page-id-39703 .cta-buttons .cta-button{min-width:250px;max-width:250px;}
}
.inc-ttslh .title-gt{margin:0 !important;}
.inc-ttslh >.col{padding-left:0 !important;}
.inc-bnntendslh .row-full-width >.col{padding:0 !important;}
.inc-bnntendslh .button span{color:#0246A8 !important;}
.inc-ttslh .is-divider{margin-left:0;margin-right:0 !important;}
.inc-sldqttgtt .slider-nav-light .flickity-page-dots .dot.is-selected{background:#0246A8 !important;width:30px;border-radius:6px;transition:0.5s;}
.inc-sldqttgtt .flickity-page-dots .dot{background:white !important;border:none !important;opacity:1 !important;transition:0.5s;}
.inc-sldqttgtt .slider-style-container .flickity-slider>:not(.is-selected), 
.inc-sldqttgtt .slider-style-focus .flickity-slider>:not(.is-selected), 
.inc-sldqttgtt .slider-style-shadow .flickity-slider>:not(.is-selected){opacity:1 !important;}
.inc-sldqttgtt .flickity-viewport{height:310px !important;}
.inc-sldqttgtt .flickity-page-dots{display:block !important;bottom:-10%;left:0;}
.inc-sldqttgtt .flickity-slider > *{padding:0 15px !important;}
.eluid68c2ca5f  .kl-bg-source > div{background:url(https://innocom.vn/wp-content/uploads/2019/04/bg-tinh-nang-vtiger.png);}
.archive .archive-page-header{display:none;}
.archive .inc-cusarchive article:hover{box-shadow:0 20px 40px rgba(0, 0, 0, .09);cursor:pointer;}
.archive .inc-cusarchive article{padding:60px 60px 45px;border-radius:5px;}
.inc-cus-pagination{text-align:center;}
.inc-cus-pagination .page-numbers.current{border:2px solid #0045ac;color:#0045ac;}
.inc-cus-pagination .page-numbers{margin:10px;padding:10px 15px;border-radius:3px;border:1px solid;}
.inc-cusremore{border:2px solid;padding:5px 20px;border-radius:3px;transition:0.1s;}
.inc-cusremore:hover{color:#0045ac;border-radius:3px;border:2px solid #0045ac;overflow:hidden;transition:0.1s;font-weight:600;}
#gform_submit_button_48{margin:auto;display:flex;border-radius:5px;padding:0 50px;justify-content:center;}
.row.rwct-inc{min-height:820px;}
@media only screen and (min-width: 1921px) {
.srinc{margin-top:32px;}
}
.srinc{margin-top:32px;}
.inc-mct ul{list-style:none;}
.inc-mct ul li{position:relative;list-style:none;}
.inc-mct ul li::before{content:'';display:block;width:9px;height:14px;top:4px;left:-22px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:3px solid #0246a8;border-bottom:3px solid #0246a8;position:absolute;-webkit-transition:all .12s, border-color .08s;transition:all .12s, border-color .08s;}
.btn-tpo{display:flex;}
.btn-tpo li{margin:0 !important;}
.sstp-inc{z-index:99;}
.ssgdv-inc{z-index:999;}
.ssgdv-inc .section-content{z-index:99999;}
.page-id-34298 .box_tracuu{padding-top:3.4% !important;margin-top:5px;}
.single-product .image-tools{display:none;}
.single-product .section-prod-img a.decor{text-decoration:underline;font-style:italic;}
.section-prod-img .product-title{color:black;}
.icon-popup-list{cursor:pointer;}
.pl6{padding-left:60px;}
.fs2{font-size:20px;margin-top:50px;}
a.link{color:#0069c2 !important;}
.page-id-36113 .transparent .header-main{height:100px !important;}
.page-id-36113 #header.header #masthead{background:#0045ac;}
.transparent .header-main{height:200px !important;}
.section-prod-01{height:130px;background:#ffd400;}
.prod-search input{height:42px;}
.section-prod-01 .row .col{padding-bottom:0;}
.section-prod-01 .search-form{margin-bottom:15px !important;}
.question p a{font-size:15px;}
.tabs-img-inc .tab-panels{padding:0;}
.section-prod-img .section-content .price-text{padding-left:45px !important;}
.btn-req-service{width:185px;height:41px;line-height:41px;}
.btn-check-progress{width:154px;height:41px;line-height:41px;padding:0;}
.btn-for-job{margin:0 0 20px;}
.bold-text{color:#000000;font-weight:700;}
.bold-text-2{color:#000000;font-weight:400;}
html{scroll-behavior:smooth;}
.icon-popup-list{margin-top:20px;}
.box-title-highlight ol li a:visited{font-weight:800;}
.btn-for-job .large-7{padding-left:20px !important;}
.slide-demo-prod .owl-stage{margin:0;}
.price-text .icon-inner img{margin-top:-15px;}
.sp-policy img.size-full.alignnone{margin-bottom:0.5em;}
.section-prod-01-menu .text-box-content{background:#ffd400;}
.section-intro-banner{margin-top:-100px;}
.intro-title{font-weight:600;font-size:30px;line-height:37px;color:#0246a8;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.intro-about-us{background:#f7faff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);border-radius:0px 20px 20px 0px;height:620px;margin-top:-100px;}
.intro-about-us .col-inner{padding:100px 10% 0 10%;}
.intro-content{font-weight:400;font-size:20px;line-height:120%;text-align:justify;color:#000000;}
.section-intro-about{position:relative;}
.intro-image{position:absolute;right:65px;top:15px;}
.section-orientation{padding:6%;margin-top:70px;}
.orient-vision, .orient-mission, .orient-core-value{background:#f7faff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);border-radius:20px;}
.orient-vision{padding-right:20px !important;margin-left:-20px;}
.row-pl-15{padding-left:20px !important;}
.orient-mission{margin-left:20px;}
.orient-title{font-weight:600;font-size:30px;line-height:150%;color:#0246a8;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.orient-content, .orient-content-1{font-weight:400;font-size:16px;line-height:150%;text-align:justify;color:#000000;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);padding:0 5% 5% 5%;}
.orient-content-2{font-weight:400;font-size:16px;line-height:150%;text-align:justify;color:#000000;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);padding:0 5%;}
.section-orientation .section-content .row-full-width:nth-child(2){margin-top:100px;}
.orient-vision .icon-box-img, .orient-mission .icon-box-img, .orient-core-value .icon-box-img{margin-top:-70px;}
.history-title{font-weight:600;font-size:30px;line-height:150%;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);z-index:2;position:relative;margin-left:150px;margin-top:100px;}
.history-number{font-weight:700;font-size:30px;line-height:37px;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
.history-content{font-weight:400;font-size:20px;line-height:24px;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
 .section-support{height:520px;}
.sp-title{font-weight:500;font-size:30px;line-height:131.9%;color:#0246a8;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);padding:100px 0 30px 0;}
.sp-content{font-weight:500;font-size:16px;line-height:32px;text-align:center;color:#333333;}
.project-title{font-weight:500;font-size:30px;line-height:37px;text-align:center;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-bottom:-4em;}
.section-img-end{height:500px;}
.section-show-project .owl-stage{margin-top:0px;}
.section-show-project #sample_slider .owl-stage{margin-bottom:17px !important;}
.section-img-end .banner{background-color:unset;}
.section-show-project .owl-item.active:hover{z-index:2;transform:scale(1.05);transition:0.75s;animation:fadeScale 0.5s;}
.section-show-project .owl-item.active:hover .txt-hover-inc{display:block;}
.section-img-end .banner-ft-inc .bg-loaded{background-position:bottom;}
.section-show-project{height:900px;}
.section-show-project .section-content > .row{position:relative;top:250px;}
.section-show-project .sa_owl_theme .disabled .owl-next{display:block !important;}
.project-is-art .sa_owl_theme .disabled .owl-next{display:block !important;}
.section-show-project .sa_owl_theme .disabled .owl-prev{display:block !important;}
.project-is-art .sa_owl_theme .disabled .owl-prev{display:block !important;}
.section-show-project .sa_owl_theme .owl-nav .owl-next{right:-47px;top:750px;}
.section-show-project .sa_owl_theme .owl-nav .owl-prev{left:-30px;top:750px;}
.section-support .featured-box:hover{scale:1.1;}
.fl{display:flex;}
#containerParent::-webkit-scrollbar{display:none;}
#containerParent .box{width:100vw;height:100vh;display:inline-block;position:relative;}
#containerParent .box:hover{cursor:pointer;}
#containerParent .box > div{position:absolute;top:50%;left:50%;margin:-50px 0 0 -450px;line-height:0.7;font-weight:bold;}
#containerParent .box > div h2{font-weight:700;font-size:30px;line-height:37px;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);}
#containerParent .box > div p{font-weight:400;font-size:20px;line-height:24px;color:#ffffff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);padding:10px 0 15px 0;}
#containerParent{overflow-y:auto;overflow-x:hidden;transform:rotate(270deg) translateX(-100%);transform-origin:top left;background-image:url(https://innocom.vn/wp-content/uploads/2023/03/123.png);background-repeat:no-repeat;background-size:cover;position:absolute;width:100vh;height:100vw;margin-top:-175px;z-index:1;}
#containerChild{transform:rotate(90deg) translateY(-100vh);transform-origin:top left;white-space:nowrap;font-size:0;}
.w5{margin:0 160px;}
.page-id-34489 p{margin-bottom:0 !important;}
.page-id-34489 .web{font-weight:700;font-size:18px;padding-right:67% !important;}
.page-id-34489 .web-name{font-weight:700;font-size:50px;padding-right:60% !important;line-height:80px;}
.page-id-34489 .view, .page-id-34489 .scroll{font-size:12px;text-decoration:underline;text-underline-offset:5px;cursor:pointer;}
.page-id-34489 .view{margin-right:61%;}
.page-id-34489 .head-banner{margin-bottom:100px;}
.page-id-34489 .case-title{font-weight:600;font-size:30px;letter-spacing:0.1em;color:#000000;}
.page-id-34489 .case-title2{font-weight:600;font-size:30px;letter-spacing:0.1em;color:white;}
.ana-img-2{position:absolute;top:30vh;right:3vw;}
.aa{font-weight:400;font-size:100px;color:#000000;margin:7% 0 0 29%;}
.page-id-34489 .ab-konox-line .is-divider, .section-detail .is-divider{border:3px solid #016bb5;border-radius:5px;}
.page-id-34489 .ana-divider .is-divider{border:3px solid white;border-radius:5px;}
.page-id-34489 .text-section-2{font-weight:400;font-size:20px;color:#000000;padding-right:40px;}
.page-id-34489 .about-konox{padding-bottom:0 !important;}
.page-id-34489 .img-about-konox{padding:0;}
.page-id-34489 .thuthach{font-weight:600;font-size:22px;color:white;}
.page-id-34489 .thuthach-text{font-weight:500;font-size:22px;color:white;}
.konox-gap{font-weight:500;font-size:22px;color:white;padding:30px 0;}
.page-id-34489 .col-thuthach{padding:0;}
.page-id-34489 .solution-title{font-weight:600;font-size:22px;color:white;}
.page-id-34489 .solution-text{font-weight:500;font-size:22px;color:white;}
.about-konox .section-content .row-full-width:first-child{margin-bottom:80px;}
.color-pro1{height:26vh;font-weight:500;font-size:30px;color:black;display:flex;align-items:flex-end;padding:5%;}
.color-pro2{height:22vh;font-weight:500;font-size:30px;color:black;background:#026bb5;display:flex;align-items:flex-end;padding:5%;}
.color-pro3{height:18vh;font-weight:500;font-size:30px;color:black;background:#eb2b30;display:flex;align-items:flex-end;padding:5%;}
.mau-chudao{margin-top:80px;padding-left:3%;}
.col-family{background:url(//innocom.vn/wp-content/uploads/2023/02/MONTSERRAT.png);background-repeat:no-repeat;}
.family{font-weight:500;font-size:60px;color:#000000;margin:16%;}
.section-detail .section-content{margin-top:50px;}
.section-detail .section-content .case-title{margin-bottom:30px !important;}
.detail-text{font-weight:400;font-size:20px;color:#000000;}
.img-detail-end{margin-top:-17%;}
.layout{padding-top:50px;}
.layout .case-title2{padding-bottom:30px !important;}
.intro-img-lc img{width:290px;height:220px;}
.about-lc{font-weight:400;font-size:18px;line-height:200%;color:black;}
.lc-bg-mac{position:relative;}
.lc-img-mac{position:absolute;display:flex;align-items:center;justify-content:center;}
.lc-challenge .section-logo{display:flex;align-items:center;justify-content:center;}
.lc-bg-mac{height:550px;}
.lc-bg-mac .section-title-normal span, .lc-bg-mac .section-title-normal{border:none;}
.lc-bg-mac .section-title-main{font-weight:500;font-size:30px;line-height:37px;color:#ffffff;}
.lc-bg-mac .section-title{display:block;text-align:center;margin-top:-160px;}
.lc-img-mac img{width:1500px;height:699px;}
.lc-challenge{margin-top:275px;}
.lc-challenge .section-logo img{width:91px;height:91px;}
.lc-challenge .challenge-title{font-weight:500;font-size:30px;line-height:200%;text-align:center;color:#000000;}
.lc-challenge .challenge-title-2{font-weight:500;font-size:30px;line-height:200%;text-align:right;color:#000000;padding-right:10%;}
.challenge-text-1{padding:0 10%;font-weight:500;font-size:18px;line-height:200%;color:#000000;}
.challenge-text-2{padding-right:10%;font-weight:500;font-size:18px;line-height:200%;color:black;}
.lc-font-color3, .lc-font-color2, .lc-font-color1{font-weight:500;font-size:30px;line-height:200%;text-align:right;color:#000000;display:flex;align-items:flex-end;padding-left:5%;}
.lc-color-atten{padding-left:11% !important;}
.lc-section-font .section-bg{border-radius:50px;}
.lc-fc-2{background:url(//innocom.vn/wp-content/uploads/2023/02/Rectangle-10.png);background-repeat:no-repeat;background-size:100%;}
.lc-aa{font-weight:500;font-size:300px;line-height:200%;text-align:center;color:#ffffff;opacity:0.5;margin:0;}
.lc-color-atten{margin-top:265px;}
.font-noto{position:relative;top:265px;}
.lc-section-font{z-index:0;margin-top:-320px;}
.lc-section-bg{height:700px;}
.lc-flow-section .flow-text{font-weight:500;font-size:18px;line-height:200%;color:#000000;text-align:justify;}
.content-area.page-wrapper .row.row-main{max-width:none !important;}
.content-area.page-wrapper .row.row-main .large-12.col{padding:0px !important;}
a:hover, .button:hover, button:hover{cursor:hand;}
body{font-family:Montserrat, sans-serif !important;font-style:normal;width:100% !important;max-width:100% !important;padding:0px !important;margin:0px !important;overflow-x:hidden;}
#masthead .header-inner{height:100px;}
.quick-view-added{display:none !important;}
.shipping-taxable .col-inner{border:none !important;}
.post-type-archive-product #wrapper{background-color:darkgrey !important;}
.post-type-archive-product #main{background-color:darkgrey !important;}
.post-type-archive-product .breadcrumbs a{color:#fff;}
.post-type-archive-product .box-image{border-bottom:1px solid darkgray;}
.box-text-products:hover .add_to_cart_button{background:#fff !important;color:darkgray;padding:6px 20px;border-radius:5px;border:2px solid darkgray;}
.post-type-archive-product .woocommerce-loop-product__link{color:#000;font-weight:500;font-family:"Montserrat";height:40px;}
.box-text-products{cursor:pointer;}
.box-text-products:hover .add_to_cart_button{background:#fff !important;color:darkgray !important;padding:6px 20px;border-radius:5px;border:2px solid darkgray;}
.add_to_cart_button{background:darkgray;color:#fff !important;padding:6px 20px;border-radius:5px;}
.single_add_to_cart_button{background:#0246a7 !important;border-radius:5px;}
.product-template-default #wrapper{background-color:darkgray;}
.product-template-default #main{background-color:darkgray;}
.woocommerce-tabs{border:none !important;}
.product-template-default .product-footer .container{padding:0px;}
.product-template-default .product-tabs{justify-content:left !important;}
.breadcrumbs a{color:#fff;}
.product-main .product-tabs{justify-content:left !important;}
.product-thumbnails .is-nav-selected a{border-radius:15px;}
.product-template-default .product-section-title{color:#fff;}
.woocommerce-result-count {
color: #fff;
} a{color:#000;}
.brand-position{padding-right:15%;}
.share-info .section-content ul li a{font-style:normal;font-weight:500;font-size:16px;line-height:20px;text-align:center;}
.share-info .section-content ul li.active a{color:#0246a8;}
.box_tracuu .btn-banner-main .text-center {
margin-bottom: 5%;
} p{margin-bottom:1em;}
.sitePro ul .active a{color:#0246a8 !important;}
#header .nav-top-link{font-family:Montserrat, sans-serif;font-weight:500;font-style:normal;color:#fff !important;padding:0px 5px;font-size:16px;font-weight:400;line-height:23.74px;}
#header .nav-line-bottom > li:hover > a:before{background:#fff;width:70%;height:2px;bottom:-3px;}
#header.header #masthead{background:linear-gradient(180deg, #696969, transparent);}
#header .stuck #masthead{background:#0045ac;}
#header .nav-right li:hover a:before{background-color:transparent !important;}
.bg-un-revert, .bg-revert{background-image:url(https://innocom.vn/wp-content/uploads/2023/01/image-90-2.png);background-position:right center;}
.bg-revert{transform:rotate(180deg);}
.mt1{margin-top:-40px;}
.header-inner .icon-search{color:#fff;padding-left:30px !important;}
.header-inner .ux-search-submit .icon-search{padding-left:0 !important;}
.cart-item{padding-left:30px !important;}
.header-language-dropdown{padding-left:30px !important;}
.nav-left{justify-content:center !important;}
.icon-angle-down:before{content:url(//innocom.vn/wp-content/uploads/2023/01/Polygon-4-2.png) !important;position:relative;z-index:100000;top:7px;}
.header-language-dropdown .image-icon img{min-width:100%;width:30px !important;border-radius:3px;}
.header-language-dropdown .nav-dropdown li{text-align:center;}
.header-language-dropdown .nav-dropdown li .icon-image img{min-width:100%;width:30px !important;border-radius:3px;}
.header-language-dropdown .nav-dropdown-default{padding:0px;min-width:100px;}
.video_banner{padding:0px !important;width:100%;height:750px;min-height:715px;z-index:0;}
.video-container{margin-top:5%;}
.img-tracuu-domain1{margin-bottom:4px !important;margin-right:25px;}
.btn_tracuu{border:2px solid #fff !important;font-weight:400;z-index:111 !important;}
.btn_tracuu:hover span{color:#00285d !important;font-weight:400;}
.btn_tracuu span{color:#fff !important;font-size:16px !important;}
.input_domain_check{background:transparent !important;border:0px !important;border-bottom:1px solid #ffff !important;color:#fff !important;}
.btn_domain_check{background:transparent !important;position:absolute;top:0px;right:-12%;}
.input_domain_check:focus{box-shadow:none !important;}
.box_tracuu{padding-top:2% !important;margin-top:0;}
.boxFormTraCuu{top:10px;position:relative;}
.titleSection{font-weight:500 !important;font-size:30px;line-height:30px;}
.ux-menu.ux-menu--divider-solid
.ux-menu-link:not(:last-of-type)
.ux-menu-link__link{border-bottom-style:none !important;color:white !important;}
.text{font-size:16px;font-weight:400;line-height:19.5px;}
.five-columns{flex-basis:18.5% !important;max-width:18.5% !important;padding:0;margin-right:1.5%;min-height:0;}
#footer .ux-menu-link__link:hover{color:white !important;text-decoration:underline;text-underline-offset:5px;}
.innocom_box_icon_5 h5{font-size:16px;text-transform:initial;font-weight:400;line-height:19.5px;}
.line_truy_cap_nhanh{background:#0045ac;}
.footer-social{margin-top:12px;}
.download-app{margin-top:-15px;}
.sitePro ul li{margin:0 3%;}
.sitePro .nav > li > a{font-weight:400;}
.nav-line > li > a:before{height:1px;top:79%;}
.icon-angle-right:before{content:none;}
.sitePro .sa_owl_theme .owl-nav .owl-next{right:-0.3%;}
.buttom-download-inc i{width:26px;height:26px;background:no-repeat;background-image:url(https://innocom.vn/wp-content/uploads/2023/02/cloud-computing-1.png);}
.project-is-art .nav-line-bottom > li > a:before{width:80%;}
.sitePro .nav li a{margin-right:1vw;}
.sitePro .nav li:first-child a:hover:after{content:url(//innocom.vn/wp-content/uploads/2023/02/web.svg);width:26px;position:absolute;left:-40%;top:20%;}
.sitePro .nav li:first-child.active a::after{content:url(//innocom.vn/wp-content/uploads/2023/02/web-hover-1.svg);width:26px;position:absolute;left:-40%;top:20%;}
.sitePro .nav li:nth-child(2).active a::after{content:url(//innocom.vn/wp-content/uploads/2023/02/abms-hover-1.svg);position:absolute;left:-65%;top:27%;}
.sitePro .nav li:nth-child(2) a:hover:after{content:url(//innocom.vn/wp-content/uploads/2023/02/abms.svg);position:absolute;left:-65%;top:27%;}
.sitePro .nav li:nth-child(3).active a::after{content:url(//innocom.vn/wp-content/uploads/2023/02/call-hover-1.svg);position:absolute;width:26px;left:-42%;top:23%;}
.sitePro .nav li:nth-child(3) a:hover:after{content:url(//innocom.vn/wp-content/uploads/2023/02/call.svg);position:absolute;width:26px;left:-42%;top:23%;}
.sitePro .nav li:nth-child(4).active a::after{content:url(//innocom.vn/wp-content/uploads/2023/02/vtiger-hover.svg);position:absolute;width:26px;left:-35%;top:23%;}
.sitePro .nav li:nth-child(4) a:hover:after{content:url(//innocom.vn/wp-content/uploads/2023/02/vtiger.svg);position:absolute;width:26px;left:-35%;top:23%;}
.sitePro .nav li:nth-child(5).active a::after{content:url(//innocom.vn/wp-content/uploads/2023/02/seo-hover-1.svg);position:absolute;width:26px;left:-25%;top:23%;}
.sitePro .nav li:nth-child(5) a:hover:after{content:url(//innocom.vn/wp-content/uploads/2023/02/seo.svg);position:absolute;width:26px;left:-25%;top:23%;}
.section-icon-1 h5{line-height:40px;}
.su-menh{margin-top:10%;}
blockquote{margin:0 0 1.25em 60px;font-size:1em;}
.button.facebook:hover, .button.facebook:not(.is-outline){color:#ffff !important;}
.slide-home-02-en .all-brand{margin-top:5%;}
.bg-tpr-inc{background:transparent;}
.line_truy_cap_nhanh a:hover{text-decoration:underline;}
.sitePro ul{margin-bottom:0.8%;}
.slider-nav-outside.slider-nav-circle .next, .slider-nav-outside.slider-nav-circle .previous{width:50px;}
.sitePro .flickity-slider .banner{background:none;}
.review-fa{width:400px;height:300px;border:2px solid #0246a8;position:relative;top:-4%;right:15%;}
.review-text{text-align:left;margin:6%;}
.review-img{position:absolute;top:-23%;width:9vw !important;right:-15%;}
.all-brand{margin-top:3%;}
#slider_34161 .sa_hover_container{margin-top:5% !important;position:relative;}
.title-gt{font-size:30px;font-weight:500;line-height:36.5px;color:#0246a8;margin-left:13%;}
.tabs{overflow:hidden;}
.title-text{font-weight:400;font-size:16px;line-height:19.5px;margin-left:30%;color:#000000;}
.flex-right .cart-img-icon{width:21px;}
.award-data{font-weight:500;font-size:16px;line-height:30px;}
.award-box{background-image:url(//innocom.vn/wp-content/uploads/2023/01/wave_colorf_spect13.png);background-position:left;}
.award-box .box-image img{object-fit:contain;}
.award-box .img-iso .box-image, .award-box .img-award .box-image{position:relative;bottom:6vh;}
.award-box{padding:0;}
.award-box .box-text{padding-top:5%;}
.award-box .button span{font-weight:400;font-size:16px;line-height:51px;height:51px;}
.award-box .button{width:auto;}
.share-info .section-content .tabbed-content ul li:nth-child(2){margin:0 5%;}
.flickity-page-dots{display:none;}
.nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before{height:2px !important;left:41% !important;}
.share-info .nav-line-bottom > li > a:before{left:51% !important;}
.absolute-footer.dark.medium-text-center.small-text-center{display:none;}
.col-inner .social-icons .facebook{margin-right:30px;}
.inno-footer{padding:0 15px;}
.counter .decor-1{font-style:normal;font-weight:700;font-size:70px;color:white;}
.counter .decor-2{font-style:normal;font-weight:700;font-size:60px;color:#00214e;-webkit-text-stroke:2px #fff;}
.counter .decor-3{font-style:normal;font-weight:700;font-size:70px;color:white;}
.counter .decor-text{font-weight:500;font-size:16px;color:white;}
.trust-title{color:#0246a8;font-size:30px;font-weight:500;line-height:37px;}
.trust-text{font-size:16px;font-weight:400;color:black;}
.db-divider .col-inner{position:absolute;}
.db-divider .col-inner .text-right:nth-child(2){position:relative;top:-1.9vh;}
.img-brand .image-cover img{object-fit:contain;height:20px;}
.brand-number{font-weight:700;font-size:24px;color:#1e73be;margin-bottom:0;}
.brand-text{font-weight:700;font-size:8px;color:#1e73be;}
.box-brand{width:400px;height:300px;border:2px solid #0246a8;background:#ffffff;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:-13%;}
.box-brand-text{padding:5%;}
.brand-name{font-style:normal;font-weight:700;font-size:16px;line-height:20px;color:#0246a8;}
.brand-position{font-style:normal;font-weight:600;font-size:16px;line-height:20px;color:#000000;}
.brand-slide-text{font-style:normal;font-weight:400;font-size:16px;line-height:30px;color:#000000;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.slide-home-02 .section-content .row:nth-child(2) .large-5{position:relative;}
.box-brand-img #img-1{position:absolute;bottom:175px;left:350px;width:28%;}
.slide-home-02 .section-content .large-5 .owl-nav{position:absolute;width:100%;top:745px;right:-56px;}
.slide-home-02-en .section-content .large-5 .owl-nav{position:absolute;top:756px;right:-41px;width:100%;}
.btb-inc .icon-place .icon-box-img{float:right;}
.hcm-place{text-align:-webkit-right;}
.all-brand .row .small-12{padding-bottom:0;}
.all-brand .img-inner img{height:69px;object-fit:scale-down;filter:grayscale(1);}
.all-brand .vodka-img .img-inner img{height:60px;object-fit:scale-down;filter:grayscale(1);}
.all-brand .resize-img .img-inner img{height:45px;width:110px;object-fit:scale-down;filter:grayscale(1);padding-left:20%;}
.all-brand .col-inner .has-hover img:hover{filter:none;cursor:pointer;transform:scale(1.1);transition:width 1s, height 1s, background-color 1s, transform 1s;}
.more-brand{display:grid;align-items:center;justify-content:center;}
.introduce-text-1{margin-top:-2%;margin-bottom:2%;}
.introduce-text-2{margin-top:-2%;}
.btb-inc{padding-bottom:0px !important;}
.owl-stage{margin-top:40px;}
.sitePro .owl-item.active:hover{z-index:2;transform:scale(1.05);transition:0.75s;animation:fadeScale 0.5s;}
.sitePro .owl-item.active:hover .txt-hover-inc{display:block;}
.text-slder-da-inc{height:700px;max-width:500px;}
.sitePro .text-slder-da-inc:hover{background:rgb(2 0 0 / 57%);color:white;transition:0.5s ease;max-height:92.5vh;}
.text-slder-da-inc p:first-child{padding-top:75%;}
.txt-hover-inc{margin:0 15%;display:none;}
.owl-nav button{transform:translate(0%, -1000%);}
.banner-ft-inc{background-color:unset !important;}
.sa_hover_container{max-height:69vh;}
.slide-home-02-en .sa_hover_container{margin-left:15% !important;}
#slider_34346 .sa_hover_container{margin-top:3% !important;}
.slide-home-02-en #slider_34346 .sa_hover_container{margin-top:2.5% !important;}
.slide-home-02-en .review-img{position:absolute;top:-29%;width:9vw !important;right:-18%;}
.sitePro .owl-nav{padding-top:59%;}
.sitePro .col-inner{max-height:700px;}
.share-info-title{font-style:normal;font-weight:500;font-size:30px;margin-top:15px;color:#ffffff;line-height:23px;}
.share-parent-title{background:#0246a8;height:50px;}
.share-info .tabbed-content .nav-line li a{font-style:normal;font-weight:500;font-size:16px;line-height:20px;}
.share-info .tabbed-content .nav-line .active a, .sitePro .nav-line .active a{color:#0246a8;}
button.is-bevel{border-radius:20px;}
.share-info .nav-line{margin-bottom:22px;margin-top:30px;}
.section-icon-1 .section-content .row .icon-box:hover{transform:scale(1.1);transition:width 1s, height 1s, background-color 1s, transform 1s;}
.margin-auto-inc{margin:auto !important;}
.section-icon-1{padding:0px !important;}
.hv-display-inc{display:none !important;transform:translate(0%, 0%);width:100%;}
.sa_hover_container:hover .hv-display-inc{display:block !important;}
#sample_slider .owl-stage{margin-bottom:70px !important;}
.primary{background-color:#0246a8 !important;}
.brand-partner{max-height:410px;}
.brand-inline{margin-bottom:1.5%;}
#content{padding-bottom:0 !important;}
.app-store, .gg-play{padding:0;}
.img-sl-partner-inc{position:relative;top:-106px;}
.introduce-text-1{margin-top:-35px !important;margin-bottom:35px !important;}
.introduce-text-2{margin-top:-35px !important;}
.image_logofooter{width:50% !important;max-width:50%;float:left;}
.iconMobileFooter{margin:25px 0px 5px;}
.col-pd-b{padding-bottom:0px !important;}
.section-prod-img .owl-nav .owl-next{position:absolute;top:720px;right:-5px !important;}
.section-prod-img .owl-nav .owl-prev{position:absolute;top:720px;}
.section-prod-img .owl-carousel .owl-item img{width:100vw;height:400px;}
.prod-first-price{display:flex;align-items:center;}
.borderbg{background:#d9d9d9;flex-basis:20%;}
.ext-inc{display:flex;justify-content:space-between;}
.medium-2.borderbg{max-width:18.666667%;}
@media only screen and (min-width: 1921px) { .share-info{margin-top:0;}
}
@media only screen and (max-width: 768px) { .sspn-inc .all-brand{padding:0 !important;margin:0 !important;}
.inc-bnntendslh .button span{color:#0246A8 !important;background:white;padding:3px 20px;}
.inc-bnntendslh .button{padding:0;}
.inc-bnntendslh h4{font-size:14px;font-weight:300;}
.inc-bnntendslh h2{font-size:22px;}
.ssqttg-inc .box{display:flex;}
.ssqttg-inc .col{padding-bottom:0 !important;}
.ssqttg-inc .box img{width:100px !important;height:auto !important;}
.ssqttg-inc .box .box-image{width:25% !important;}
.inc-sldqttgtt .flickity-slider > .row{max-width:75% !important;}
.inc-ttdcusslh{flex-wrap:wrap;}
.inc-ttdcusslh p{white-space:unset !important;}
.inc-ttdcusslh hr{margin:0 !important;}
.title-gt{font-size:16px !important;line-height:1.2 !important;}
.inc-ssttsllh .col{padding-bottom:0 !important;margin-top:0 !important;}
.sstp-inc, .sstp-inc > .section-content{height:166px !important;padding-top:30px;}
.sstp-inc .section-content .row .col:nth-child(2){margin:0 !important;}
.srinc .searchform .flex-row .flex-col.flex-grow #woocommerce-product-search-field-0{height:30px !important;}
.srinc .searchform .flex-row .flex-col:nth-child(2) button{height:30px !important;font-size:12px !important;}
.sstp-inc .section-content .row .col:nth-child(1){padding-bottom:10px !important;}
.ssgdv-inc .left-mn-inc{display:none;}
.srinc .searchform{height:40px !important;}
.sstp-inc p{font-size:10px;line-height:1.2;}
.sstp-inc .col.medium-2{padding:0 !important;}
.sstp-inc p br{display:none;}
.menu-left-dv ul>li img{width:20px !important;}
.menu-left-dv ul>li{padding:5px 0 !important;}
.left-mn-inc>.col-inner{margin-left:0 !important;background:transparent !important;width:40px !important;}
.inc-cus-pagination .page-numbers{margin:3px;padding:5px 10px;border-radius:3px;}
.inc-cusexcerpt{margin-top:-40px !important;margin-bottom:-15px !important;}
.inc-custitle-post a{font-size:20px !important;}
.inc-cusremore{border:1px solid;}
.inc-cusremore:hover{border:1px solid #0045ac;}
.archive .inc-cusarchive article:hover{box-shadow:none;}
.archive .inc-cusarchive article{padding:0;border-radius:none;}
.icif-inc{top:60px;position:relative;}
.dvlq:has(input:checked){border:1px solid #0246A8 !important;}
.coly-inc .owl-stage-outer{background:white;}
.coly-inc  .owl-stage-outer .owl-stage{margin-top:0px;}
.form-outer form .page .field{height:30px !important;}
form .page .field input{font-size:12px !important;}
.container_inc .form-outer{padding-top:10px !important;}
.container_inc .progress-bar .step p{padding:3px 5px !important;border-radius:5px !important;}
.gdv1th .dvlq{width:100% !important;}
.dvlq input[type=checkbox]{margin:-30px 0px -16px 264px !important;}
.dvlq:has(input:checked):after{border-width:0px 12px 27px 39px !important;margin-right:-113px !important;margin-top:0px !important;}
.gdv1th .dvlq{width:100% !important;height:30px !important;border-radius:5px !important;}
.gdv1th .dvlq{width:100% !important;margin-bottom:20px !important;}
.ro-inc{flex-wrap:wrap !important;}
.coly-inc{width:100% !important;}
.step:nth-child(3)::after{bottom:72px !important;right:-25px !important;height:3px !important;width:330px !important;}
.progress-bar .step .bullet:before, .progress-bar .step .bullet:after{bottom:10px !important;right:-87px !important;height:2px !important;width:84px !important;}
.progress-bar .step .bullet{height:25px !important;width:25px !important;font-size:12px !important;}
.container_inc .progress-bar .step p{font-size:12px !important;}
.container_inc .progress-bar{padding:0 !important;}
.progress-bar .step .check{top:15% !important;font-size:10px !important;}
.container_inc{padding:20px 0px 10px 0px !important;}
.sspn-inc .brand-partner{max-height:unset !important;}
.bnth-smt span{font-size:12px !important;}
.btnh-gdv{flex-wrap:wrap;}
.btnh-gdv >div{width:100% !important;}
.btn-rgss{align-items:flex-start !important;}
.btn-rgss >div:first-child{width:40% !important;}
.btn-rgss >div:nth-child(2){width:59% !important;}
.page-id-34298 .box_tracuu{margin-top:-60px !important;}
.page-id-34298 .video_banner .showcase{margin-top:-20px !important}
.video_banner{min-height:300px;height:300px !important;}
.video_banner .section-bg{height:300px;}
.page-id-36474 #header{background:#0246a8;}
.section-intro-banner, .intro-about-us{margin-top:0;}
.intro-title, .intro-content, .orient-content, .orient-content-2{font-size:14px;}
.intro-title{text-align:center;}
.orient-title{font-size:16px;}
.intro-about-us .col-inner{padding:15px;}
.intro-about-us{height:fit-content;}
.intro-image{position:unset;}
.section-orientation{padding:0;margin-top:50px;}
.row-pl-15{padding-left:0 !important;}
.orient-vision{margin-left:0;}
.orient-mission{margin-left:0;margin-top:100px;}
.sp-title, .project-title{padding:0;font-size:14px;font-weight:600;}
.section-history{display:none;}
.section-support .featured-box .uppercase{font-size:14px;font-weight:400;text-transform:none;}
.section-support{padding-bottom:0 !important;}
.section-show-project{padding-top:0 !important;}
.section-show-project .section-content > .row{margin-top:-270px;}
.section-show-project{height:710px;}
.section-show-project .sa_owl_theme .owl-nav .owl-next{right:-31px;top:750px;}
.section-show-project .sa_owl_theme .owl-nav .owl-prev{left:-15px;top:750px;}
.section-intro-about{padding-top:0 !important;}
.section-support{margin-top:-65px;}
.btt-bottom-inc .featured-box .bold-text-2{height:135px;padding:0 5px;}
.section-prod-img .white .sa_owl_theme .owl-nav .owl-next{background:url(https://innocom.vn/wp-content/uploads/2024/01/Polygon-2.png) no-repeat center center !important;}
.section-prod-img .white .sa_owl_theme .owl-nav .owl-prev{background:url(https://innocom.vn/wp-content/uploads/2024/01/Polygon-3.png) no-repeat center center !important;}
.section-prod-01{height:90px;}
.avatar-contact .col-inner .box-vertical{display:flex;}
.avatar-contact .box-vertical .box-image{width:45% !important;}
.space-even{display:flex;justify-content:space-between;margin:0;padding:0 15px;}
.fs12, .section-prod-img span, a, li::marker, .bold-text, a.button span, .bold-text-3{font-size:12px !important;}
blockquote{margin:0 0 1.25em 25px;font-size:1em;padding:0 1.25em 0 0;}
.dropup-content1 a{color:black !important;}
.bold-text-2{margin-top:30px;font-size:12px;}
.product-short-description .icon-inner{margin-top:33px;}
.section-prod-img .section-content .price-text{padding:30px 0 0 0 !important;}
.section-prod-img .owl-carousel .owl-item img{height:200px;}
#slider_36248 .owl-stage-outer{max-height:380px;}
.icon-popup-list{display:flex;flex-flow:inherit;}
.icon-popup-list .large-2 .col-inner{padding:5px !important;}
.product-template-default .section-prod-img .col{padding:0;}
.search-form .row .large-6.small-8, .search-form .row .large-6.small-8 .prod-search{padding-left:15px;}
.price-mobile .price-numberm, .prod-first-price{display:flex;align-items:center;}
.prod-slide-image{padding-top:20px !important;}
.prod-slide-image .vertical-thumbnails{padding-top:15px !important;}
.price-text .product-short-description .ext-inc:first-child, .price-text .product-short-description .ext-inc:nth-child(2){display:flex;flex-flow:initial;}
.section-prod-img .container .row:not(.row-collapse){margin:0;}
.section-prod-img .owl-nav .owl-next{position:absolute;top:607px;right:-22px !important;}
.section-prod-img .owl-nav .owl-prev{position:absolute;top:607px;left:-6px !important;}
.white{background-color:unset !important;}
.product .dropup{position:relative;display:inline-block;}
.btn-check-progress{padding:0;}
.product .dropup-content{position:absolute;background-color:#ffd400;width:100vw;bottom:-146.5px;}
.section-prod-01-menu.col{padding:0;}
.page-id-34828 .lc-scroll{margin-top:-50px;}
.challenge-title, .challenge-title-2{font-size:16px !important;}
.challenge-text-2{padding:0 15px;font-size:14px;}
.lc-view-ws{padding:0 15px;}
#header.header #masthead{background:unset;}
.page-id-34489 .case-title, .page-id-34489 .case-title2{font-size:24px;}
.page-id-34489{font-size:14px;}
.page-id-34828 .banner .bg-loaded{background-size:145vw 300px !important;}
.head-banner .bg-loaded{background-size:100vw 300px !important;}
.web{padding:15px !important;}
.web-name{padding:0 50px !important;}
.page-id-34489 .view{margin-right:25%;}
.page-id-34489 .head-banner{margin-bottom:0px;}
.about-konox .section-content .row-collapse:first-child, .analysis-pro .section-content .row-collapse{padding:0 15px;margin-bottom:0;}
.about-konox .section-content .row-collapse:nth-child(2) > .large-8,
.col-thuthach, .detail-title, .detail-text, .detail-tit-content, .layout{padding:0 15px !important;}
.about-konox .section-content .row-collapse:nth-child(2) > .large-8 p,
.col-thuthach p, .detail-text, .detail-tit-content, .solution-text, .about-lc, .challenge-text-1{font-size:14px !important;}
.ana-img-2, .gap-ana{display:none !important;}
.brand-identity{margin-top:60px;}
.col-family{background-size:92vw;}
.family{font-size:42px;}
.solution-text{padding-bottom:50px;}
.img-to-bottom img{width:30px;}
.share-info .col{padding:15px;}
.award-data{line-height:19.5px;}
.video-container{width:110vw;height:280px;}
.box_tracuu{margin-top:0;}
.flex-right, .flex-left, #logo{margin-bottom:5%;}
.video-container{margin-top:0;}
.download-div-mb{margin-left:3.5%;}
.btn_domain_check{background:transparent !important;position:absolute;top:0px;right:10%;}
.boxFormTraCuu p{margin-bottom:20%;margin-left:20%;}
.mobile-sidebar ul li a{font-size:14px;}
#slider_34161 .sa_hover_container{margin-top:0% !important;}
.nav-line > li > a:before{height:2px !important;left:48% !important;}
.vid-mobile-inc .is-full-height{height:40vh !important;min-height:400px !important;}
.slide-home-02-en .all-brand{margin-top:0 !important;}
.slide-home-02-en .sa_hover_container{margin-left:0 !important;}
.slide-home-02-en #slider_34346_slide01{padding:0 !important;}
.slide-home-02-en .review-img{position:absolute;top:-24%;width:31vw !important;right:-1%;}
.slide-home-02-en .sa_owl_theme .owl-nav .owl-prev{left:-55px !important;top:-110px;}
.slide-home-02-en .sa_owl_theme .owl-nav .owl-next{right:11px;top:-110px;}
.vid-banner-mb{padding:0 !important;margin-top:-26%;}
.flex-left ul .header-search a{margin-left:-60%;}
.icon-menu{color:white;}
.box-brand{width:300px !important;margin-top:-6%;}
.brand-name{font-size:14px;}
.brand-position{font-size:14px;}
.brand-slide-text{font-size:14px;width:100%;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.section-after-menu-mb-en{margin-top:30px;}
#slider_33930 .owl-stage-outer{position:relative;}
.box-brand-img #img-1{z-index:999;position:absolute;bottom:83% !important;left:63% !important;width:37% !important;}
.owl-stage-outer .owl-stage{margin-top:90px;}
.share-info .nav-line{margin-bottom:0px;}
.box.box-blog-post{width:auto !important;}
.blog-lt-inc img{width:100px !important;height:100px;object-fit:cover;left:-72%;}
.blog-lt-inc .box-text.text-left{padding-left:6%;padding-right:10px;width:80%;margin-top:-43.5%;margin-left:28%;}
.share-info .blog-post-inner{width:90%;}
.blog-lt-inc .post-item{padding-bottom:0px !important;}
.header-wrapper .header-top{display:none;}
.btn_download{font-weight:300;}
.slider-wrapper .flickity-prev-next-button{display:block;}
.flex-left ul .cart-item a{margin-left:-180%;padding:0 !important;}
.image-icon{margin-top:-27%;}
.icon-angle-down:before{display:none;}
.slide-project, .slide-pro-mb{padding:0 15px !important;}
#logo a{width:120%;margin-left:-19%;}
.decor-1-mb{font-style:normal;font-weight:500;font-size:38px;color:white;}
.decor-2-mb{font-style:normal;font-weight:500;font-size:38px;color:#00214e;-webkit-text-stroke:1px #fff;}
.decor-text-mb{font-weight:500;font-size:14px;color:white;}
.counter-mb .section-content div.row:first-child{margin-top:20%;}
.counter-mb .section-content div.row:nth-child(2),
.counter-mb .section-content div.row:nth-child(4),
.counter-mb .section-content div.row:nth-child(6){margin-top:-10%;}
.all-brand .img-inner img{filter:none;}
.sitePro #tab-website a::after{display:none;}
.sitePro .nav-line li:nth-child(2) a::after,
.sitePro .nav-line li:nth-child(3) a::after,
.sitePro .nav-line li:nth-child(4) a::after{display:none;}
.slide-project #tab-website a::after{display:none;}
.slide-project .nav-line li:nth-child(2) a::after,
.slide-project .nav-line li:nth-child(3) a::after,
.slide-project .nav-line li:nth-child(4) a::after{display:none;}
.box_tracuu{height:65px;min-height:50px !important;}
.slide-home-02 .section-content .large-5 .owl-nav{position:relative;top:28vh;}
.slide-home-02-mb #slider_34161.sa_owl_theme .owl-nav .owl-prev{left:0 !important;}
.slide-home-02-mb #slider_34161.sa_owl_theme .owl-nav .owl-next{right:82px !important;}
.dropup{position:relative;display:inline-block;}
.dropup-content{display:none;position:absolute;background-color:#0045ac;width:100vw;bottom:102%;}
.catalogue-mb a{margin-left:10%;}
.sitePro .nav li:first-child a::after{display:none;}
.dropup-content a:hover{background-color:#ccc;}
.dropup:focus .dropup-content{display:block;}
.trust-title{line-height:30px;}
.boxFormTraCuu{top:19px;position:relative;}
.share-info .nav-line > li > a:before{height:2px !important;left:51% !important;}
.innocom_box_icon_5 h5{font-size:14px;text-transform:initial;font-weight:400;line-height:19.5px;}
.cart-img-icon{width:18px;}
.cart-item{margin-left:-10px !important;}
#logo a img{margin-left:8.5%;}
.inc-partner{margin-bottom:10%;}
.gg-partner .box-image{margin-left:11%;}
.review-fa{width:auto;height:300px;border:2px solid #0246a8;right:0;top:-11%;}
.review-img{position:absolute;top:-27%;width:31vw !important;right:-0.5%;}
.appstore, .quick-access{padding:0 !important;}
.slide-home-02 .owl-nav .owl-next{margin-right:-11%;}
.all-brand .next{margin-right:-5%;margin-bottom:6%;}
.slide-home-02 .owl-nav .owl-prev{margin-left:-69px;}
.all-brand .previous{margin-left:-5%;margin-bottom:6%;}
.slide-home-02 .section-content .brand-partner .slide-cus-34161 .col-inner{max-height:350px;}
.slide-cus-34161{margin-top:-10%;}
.share-info{margin-top:260px;padding:0 !important;}
.all-brand{margin-top:15%;}
.share-info .tab-share-mb ul{margin:0;}
.img-end{width:100vw;height:225px;}
.slide-project .nav li:first-child.active a::after{content:url() !important;}
.slide-project .nav li:nth-child(2).active a::after,
.slide-project .nav li:nth-child(3).active a::after,
.slide-project .nav li:nth-child(4).active a::after{content:url() !important;display:none !important;}
.text{font-size:14px;}
.footerPageMobile p.lead, .footerPageMobile .menuFooterA a{font-size:14px;}
}
@media only screen and (min-width: 2880px) and (min-height: 1920px) {
.video_banner .section-bg{height:750px;}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.review-img{width:175px !important;}
.sp-title{padding:300px 0 30px 0;}
.video_banner{height:800px !important;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.ana-pro-nid, .identified-brand, .homepage-nid, .cate-prod-nid, .detail-prod-nid{padding:0 50px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
.intro-about-us .col-inner{padding:50px 10% 0 10%;}
.section-support{margin-top:475px;}
.w5{margin:0 100px;}
.history-title{margin-top:145px;}
#containerParent .box{margin:0px 120px;}
} .events-content picture img{width:600px !important;margin:unset;}
.events-content h2, .events a{color:white !important;}
header{z-index:10000 !important;}
.page-id-37280 .call-mst{justify-content:center;}
.page-id-37280 .call-mst i{margin:0px !important;}
.page-id-37280 #slider_34161 .owl-nav button{width:40px !important;border-radius:100%;background-size:20px 20px !important;background-color:#0246a8 !important;}
.page-id-37280 #slider_34161{padding-right:20px;}:root{--primary-blue:#0246A8;--primary-red:#E74C3C;--dark-blue:#013366;--light-blue:#E8F0FE;--gradient-blue:linear-gradient(135deg, #0246A8 0%, #013366 100%);--gradient-red:linear-gradient(135deg, #E74C3C 0%, #C0392B 100%);--gradient-mixed:linear-gradient(135deg, #0246A8 0%, #E74C3C 100%);}
.page-id-39625 .hero{background:linear-gradient(135deg, #0246A8 0%, #013366 50%, #1a1a1a 100%);overflow:hidden;}
.page-id-39625 .hero *{color:white;}
.page-id-39625 .hagtag a{padding:0.5rem 1rem;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.3);color:white;font-size:0.9rem;backdrop-filter:blur(10px);transition:all 0.3s;font-weight:normal;}
.page-id-39625 .feature-tags .col-inner{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out 0.3s both;}
.page-id-39625 .feature-tags .tag{padding:0.5rem 1rem;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.3);border-radius:25px;color:white;display:inline-block;font-size:0.9rem;backdrop-filter:blur(10px);transition:all 0.3s;}
.page-id-39625 .hagtag a:hover{background:rgba(255, 255, 255, 0.2);transform:translateY(-2px);}
.page-id-39625 .free-cus .free{padding:1rem 2rem;background:var(--gradient-red) !important;border:none;color:white;text-decoration:none;border-radius:50px;font-weight:600;display:inline-block;align-items:center;gap:0.5rem;transition:all 0.3s;position:relative;overflow:hidden;}
.page-id-39625 .free-cus .free:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(231, 76, 60, 0.4);}
.page-id-39625 .free-cus .video{padding:1rem 2rem;background:transparent;color:white;text-decoration:none;border:2px solid white;border-radius:50px;font-weight:600;transition:all 0.3s;}
.page-id-39625 .free-cus .video:hover{background-color:white !important;transform:translateY(-2px);}
.page-id-39625 .free-cus .video:hover span{color:var(--primary-blue);}
@media screen and (min-width:850px){
.page-id-39625 .pain-points .large-4{flex-basis:calc(33.3333333333% - 20px);max-width:calc(33.3333333333% - 20px);}
.page-id-39625 .pricing-card.large-4{max-width:calc(100% / 3 - 30px)}
.page-id-39625 .pain-points .row{justify-content:space-around;}
.page-id-39625 .integrations .row{gap:50px;}
.page-id-39625 .integrations .row .large-2{max-width:calc((100% / 6) - 50px)}
.page-id-39625 .pricing .row{justify-content:space-around;}
}
.pain-points{padding:5rem 5%;background:white;position:relative;}
.section-header{text-align:center;max-width:800px;margin:0 auto 4rem;}
.section-header{text-align:center;max-width:800px;margin:0 auto 4rem;}
.section-header h2{font-size:2.5rem;margin-bottom:1rem;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.features-showcase{padding:5rem 5%;background:linear-gradient(180deg, #f8f9fa 0%, white 100%);}
.feature-row{max-width:1200px;margin:0 auto 4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.feature-row:nth-child(even){grid-template-columns:1fr 1fr;direction:rtl;}
.feature-row:nth-child(even) > *{direction:ltr;}
.feature-content h3{font-size:2rem;margin-bottom:1rem;color:var(--dark-blue);}
.feature-list{list-style:none;margin-top:1.5rem;}
.feature-list li{padding:0.5rem 0;display:flex;align-items:center;gap:1rem;}
.feature-list li::before{content:'✓';width:24px;height:24px;background:var(--gradient-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.feature-visual{position:relative;background:white;border-radius:15px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);padding:2rem;overflow:hidden;}
.code-block{background:#1a1a1a;color:#f8f9fa;padding:1.5rem;border-radius:10px;font-family:'Monaco', 'Courier New', monospace;font-size:0.9rem;line-height:1.5;position:relative;overflow:hidden;}
.code-line{opacity:0;animation:typeIn 0.1s ease-out forwards;}
.code-line:nth-child(1){animation-delay:0.1s;}
.code-line:nth-child(2){animation-delay:0.2s;}
.code-line:nth-child(3){animation-delay:0.3s;}
.code-line:nth-child(4){animation-delay:0.4s;}
.code-line:nth-child(5){animation-delay:0.5s;}
.cursor{display:inline-block;width:2px;height:20px;background:#f8f9fa;animation:blink 1s infinite;}
@media(max-width:768px){
.feature-row, .feature-row:nth-child(even){grid-template-columns:1fr;direction:ltr;}
}
.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}
@keyframes typeIn {
to{opacity:1;}
}
@keyframes blink {
0%, 50%{opacity:1;}
51%, 100%{opacity:0;}
}
.section-header{text-align:center;max-width:800px;margin:0 auto 4rem;}
.section-header h2{font-size:2.5rem;margin-bottom:1rem;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.integrations{padding:5rem 5%;background:white;text-align:center;}
.integration-grid{max-width:1000px;margin:3rem auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:2rem;}
.integration-item{max-width:calc(50% - 20px);padding:2rem 1rem;background:#f8f9fa;border-radius:15px;transition:all 0.3s;position:relative;overflow:hidden;}
.integration-item::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-mixed);opacity:0.1;transform:translate(-50%, -50%);transition:all 0.5s;}
.integration-item:hover::after{width:100%;height:100%;}
.integration-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);}
.integration-icon{font-size:3rem;margin-bottom:0.5rem;}
.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}}
.section-header h2{font-size: 2.5rem;
margin-bottom: 1rem;
background: var(--gradient-blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pain-grid{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
}
.pain-card{padding: 2rem;
background: #f8f9fa;
border-radius: 15px;
position: relative;
overflow: hidden;
transition: all 0.3s;
}
.pain-card::before{content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: var(--gradient-red);
transform: scaleY(0);
transition: transform 0.3s;
transform-origin: top;
}
.pain-card:hover::before{transform: scaleY(1);
}
.pain-card:hover{transform: translateX(10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.pain-icon{font-size: 2rem;
margin-bottom: 1rem;
}
.pain-card h3{font-size: 1.2rem;
margin-bottom: 0.5rem;
color: var(--dark-blue);
}
.fade-in{opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.fade-in.visible{opacity: 1;
transform: translateY(0);
}
.btn-primary{padding: 1rem 2rem;
background: var(--gradient-red);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.btn-primary:hover{transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(231, 76, 60, 0.4);
}
.btn-secondary{padding: 1rem 2rem;
background: transparent;
color: white;
text-decoration: none;
border: 2px solid white;
border-radius: 50px;
font-weight: 600;
transition: all 0.3s;
}
.btn-secondary:hover{background: white;
color: var(--primary-blue);
transform: translateY(-2px);
}
.section-header{text-align: center;
max-width: 800px;
margin: 0 auto 4rem;
}
.section-header h2{font-size: 2.5rem;
margin-bottom: 1rem;
background: var(--gradient-blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pricing{padding: 5rem 5%;
background: #f8f9fa;
}
.pricing-grid{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.pricing-card{background: white;
border-radius: 20px;
padding: 2rem;
text-align: center;
position: relative;
transition: all 0.3s;
overflow: hidden;
}
.pricing-card.featured{transform: scale(1.05);
box-shadow: 0 20px 40px rgba(2, 70, 168, 0.2);
}
.pricing-card.featured::before{content: 'Phổ biến nhất';
position: absolute;
top: 20px;
right: -30px;
background: var(--gradient-red);
color: white;
padding: 0.5rem 3rem;
transform: rotate(45deg);
font-size: 0.8rem;
font-weight: 600;
}
.pricing-header h3{font-size: 1.5rem;
margin-bottom: 0.5rem;
color: var(--dark-blue);
}
.price{font-size: 3rem;
font-weight: 800;
color: var(--primary-blue);
margin: 1rem 0;
}
.price span{font-size: 1rem;
font-weight: 400;
color: #666;
}
.pricing-features{list-style: none;
margin: 2rem 0;
}
.pricing-features li{padding: 0.5rem 0;
color: #666;
}
.pricing-features li::before{content: '✓';
color: var(--primary-blue);
margin-right: 0.5rem;
font-weight: 600;
}
@media(max-width:768px){.pricing-card.featured{transform:scale(1);}}
.fade-in{opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.fade-in.visible{opacity: 1;
transform: translateY(0);
}
.page-id-39625 .btn-primary{padding: 1rem 2rem;
background: var(--gradient-red);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.page-id-39625 .btn-primary:hover{transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(231, 76, 60, 0.4);
}
.page-id-39625 .btn-secondary{padding: 1rem 2rem;
background: transparent;
color: white;
text-decoration: none;
border: 2px solid white;
border-radius: 50px;
font-weight: 600;
transition: all 0.3s;
}
.page-id-39625 .btn-secondary:hover{background: white;
color: var(--primary-blue);
transform: translateY(-2px);
}
.page-id-39625 .section-header{text-align: center;
max-width: 800px;
margin: 0 auto 4rem;
}
.page-id-39625 .section-header h2{font-size: 2.5rem;
margin-bottom: 1rem;
background: var(--gradient-blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-id-39625 .pricing{padding: 5rem 5%;
background: #f8f9fa;
}
.page-id-39625 .pricing-grid{max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.page-id-39625 .pricing-card{background: white;
border-radius: 20px;
padding: 2rem;
text-align: center;
position: relative;
transition: all 0.3s;
overflow: hidden;
}
.page-id-39625 .pricing-card.featured{transform: scale(1.05);
box-shadow: 0 20px 40px rgba(2, 70, 168, 0.2);
}
.page-id-39625 .pricing-card.featured::before{content: 'Phổ biến nhất';
position: absolute;
top: 20px;
right: -30px;
background: var(--gradient-red);
color: white;
padding: 0.5rem 3rem;
transform: rotate(45deg);
font-size: 0.8rem;
font-weight: 600;
}
.page-id-39625 .pricing-header h3{font-size: 1.5rem;
margin-bottom: 0.5rem;
color: var(--dark-blue);
}
.page-id-39625 .price{font-size: 3rem;
font-weight: 800;
color: var(--primary-blue);
margin: 1rem 0;
}
.page-id-39625 .price span{font-size: 1rem;
font-weight: 400;
color: #666;
}
.page-id-39625 .pricing-features{list-style: none;
margin: 2rem 0;
}
.page-id-39625 .pricing-features li{padding: 0.5rem 0;
color: #666;
}
.page-id-39625 .pricing-features li::before{content: '✓';
color: var(--primary-blue);
margin-right: 0.5rem;
font-weight: 600;
}
@media(max-width:768px){.page-id-39625 .pricing-card.featured{transform:scale(1);}}
.page-id-39625 .fade-in{opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.page-id-39625 .pricing .pricing-card .btn-primary{color:white;
}
.page-id-39625 .fade-in.visible{opacity: 1;
transform: translateY(0);
}
.page-id-39625 .cta-section{padding: 5rem 5%;
background: var(--gradient-mixed);
color: white;
text-align: center;
position: relative;
overflow: hidden;
}
.page-id-39625 .cta-particles{position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.1;
}
.page-id-39625 .particle{position: absolute;
width: 4px;
height: 4px;
background: white;
border-radius: 50%;
animation: particleFloat 20s linear infinite;
}
.page-id-39625 .cta-content h2{font-size: 2.5rem;
margin-bottom: 1rem;
}
.page-id-39625 .cta-content p{font-size: 1.2rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.page-id-39625 .cta-button-white{padding: 1rem 2rem;
background-color: white !important;
color: var(--primary-blue) !important;
text-decoration: none;
border-radius: 50px;
border:none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s;
}
.page-id-39625 .cta-button-white:hover{transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
} @keyframes particleFloat{from{transform:translateY(100vh) rotate(0deg);}
to{transform:translateY(-100vh) rotate(360deg);}}
.page-id-39625 .loader{position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
display: flex;
justify-content: center;
align-items: center;
z-index: 100000;
transition: opacity 0.5s;
}
.page-id-39625 .loader-content{text-align: center;
}
.page-id-39625 .loader-logo{font-size: 3rem;
font-weight: 800;
background: var(--gradient-mixed);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: pulseScale 1.5s ease-in-out infinite;
}
.page-id-39625 .loader-bar{width: 200px;
height: 4px;
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin: 20px auto;
overflow: hidden;
}
.page-id-39625 .loader-progress{height: 100%;
background: var(--gradient-mixed);
border-radius: 2px;
animation: loadProgress 2s ease-in-out infinite;
} @keyframes pulseScale{0%, 100%{transform:scale(1);}
50%{transform:scale(1.1);}}
@keyframes loadProgress{0%{width:0%;}
50%{width:70%;}
100%{width:100%;}}
.head-footer{display: block;
text-align: center;
color: white;
font-size:20px;
}
.mobile-malay{margin:60px 0;
}
@media(max-width:480px){#header{height:74px !important;}
.page-id-39625 .hero{height:auto !important;min-height:none!important;}
.page-id-39625 .hero .text{font-size:18px !important;line-height:auto;}
.node:nth-child(1){left:2% !important;animation-delay:0s;}
.node:nth-child(2){left:48% !important;transform:translateX(-50%);animation-delay:1s;}
.node:nth-child(3){right:2% !important;animation-delay:2s;}
.connection:nth-child(4){left:calc(2% + 80px) !important;width:calc(75% - 80px) !important;z-index:0;}
.page-id-39625 .section-header h2,.page-id-39625 .cta-section h2{font-size:29px;}
.page-id-39625 .integrations .row,.page-id-39625 .pricing .row{gap:20px;}
.page-id-39625 .cta-section p{font-size:16px;}}
.page-id-39625{font-family:montserrat,sans-serif !important;
}
.download-app-en{align-content:center;
}
.download-app-en .col-inner{color:white;
}
.icon-youtube,.icon-facebook{color:white;
padding:5px !important;
transition: .25s ease-in-out all;
border-radius:5px;
font-size:24px !important;
margin:0 10px !important;
}
.icon-youtube:hover,.icon-facebook:hover{}
.icon-youtube:hover{color:red;
background:white;
}
.icon-facebook:hover{color:white;
background:blue;
}
.list-icon-footer{float:none !important;
text-align:center;
padding-top:10px !important;
}
.h1, .h2, h1, h2{margin-bottom:0px!important;
}
#section_1318141128{margin-top: -6%;
}