.custom-scroll-thumb{--scrollbar-width:3px;--scrollbar-radius:999px;--scrollbar-track-color:rgba(1,72,185,0.08);--scrollbar-track-highlight:rgba(255,255,255,0.6);--scrollbar-thumb-color:rgba(1,72,185,0.75);--scrollbar-thumb-hover-color:rgba(1,72,185,0.95);--scrollbar-thumb-active-color:rgba(1,72,185,1);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.custom-scroll-thumb::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.custom-scroll-thumb::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--scrollbar-track-highlight) 0%,var(--scrollbar-track-color) 40%,var(--scrollbar-track-color) 100%);border-radius:var(--scrollbar-radius)}.custom-scroll-thumb::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(1,133,242,0.9),rgba(0,41,129,0.9));border-radius:var(--scrollbar-radius);box-shadow:0 0 6px rgba(1,72,185,0.25)}.custom-scroll-thumb::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-thumb-hover-color),rgba(0,41,129,0.95))}.custom-scroll-thumb::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-thumb-active-color),rgba(0,41,129,1))}.card-service-content{border-radius:1.5rem;transition:all 0.3s ease-in-out;cursor:pointer;border:2px solid var(--color-main);padding:2rem;color:black;box-shadow:0 8px 16px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.06)}.card-service-content:hover,.card-service-content:active,.card-service-content:focus{box-shadow:0 4px 24px 0 rgba(1,72,185,0.10);background-color:var(--color-main);border-color:white;color:white;transform:translateY(-4px)}.card-service-title{font-size:1.25rem;line-height:1.3;color:black;height:3.5rem;transition:color 0.3s ease-in-out}.card-service-content:hover .card-service-title,.card-service-content:active .card-service-title,.card-service-content:focus .card-service-title{color:white}.card-service-description{font-size:1rem;line-height:1.5;color:inherit;transition:color 0.3s ease-in-out}.card-service-content:hover .card-service-description,.card-service-content:active .card-service-description,.card-service-content:focus .card-service-description{color:white}.card-service-features{margin-bottom:2rem}.card-features-list{list-style-type:disc;padding-left:1.25rem;font-size:0.875rem;color:#222;overflow-x:hidden;overflow-y:auto;height:180px;max-height:200px;transition:color 0.3s ease}.card-features-list li:not(:last-child){line-height:1.4;margin-block-start:0;margin-block-end:1rem}.card-service-content:hover .card-features-list,.card-service-content:active .card-features-list,.card-service-content:focus .card-features-list{color:white}.card-service-content:hover .card-contact-btn,.card-service-content:active .card-contact-btn,.card-service-content:focus .card-contact-btn{background:linear-gradient(to bottom,white,white);color:var(--color-main)}.pricing-card{position:relative;display:flex;flex-direction:column;height:100%;background:white;min-width:324px;width:auto;max-width:380px;border-radius:1.5rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid var(--color-main);transition:all 0.3s ease-in-out;cursor:pointer;user-select:none;overflow:hidden}.border_1{border:1px solid var(--color-main) !important}.pricing-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.15);border-color:transparent;transform:translateY(-2px)}.pricing-card-bg-logo{pointer-events:none;position:absolute;inset:0;background-image:url(https://connecttech.vn/assets/client/images/connecttech-logo-final.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.05;z-index:1}.pricing-card-header{text-align:left;height:auto;position:relative;z-index:5}.pricing-card-title{font-size:1.55rem;font-weight:bold;color:rgb(17,24,39);line-height:1.3;cursor:default}.pricing-divider{border:none;border-top:1px solid #d1d5db;margin:1rem 0}.pricing-features{width:100%;font-size:0.875rem;flex:1;position:relative;z-index:5}.pricing-features-list{list-style:none;padding-left:1.25rem;font-size:0.875rem;font-weight:500;color:#222;margin:0 0 1.5rem 0;height:100%;min-height:350px;max-height:350px;overflow-y:scroll;padding-right:0.5rem;gap:0.75rem}.pricing-feature-item{display:flex;align-items:flex-start;gap:0.75rem;padding:0.25rem 0;margin-bottom:0.75rem}.pricing-feature-icon{width:1rem;height:1rem;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:0.125rem}.pricing-icon{width:0.75rem;height:0.75rem}.pricing-feature-text{color:#374151;font-size:0.875rem;font-weight:500;line-height:1.6;word-break:break-words}.pricing-card-footer{margin-top:auto;display:flex;flex-direction:column;gap:1rem;justify-content:center;height:100%;max-height:104px;position:relative;z-index:5}.pricing-price-wrapper{display:flex;align-items:center;justify-content:center;font-weight:bold;height:2rem}.pricing-price{font-size:1.125rem;color:var(--color-main);transition:all 0.3s ease}.pricing-card:hover .pricing-price{opacity:0.9}.pricing-btn{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:bold;height:3.5rem;width:100%;border-radius:37px;background:linear-gradient(to bottom,#0148B9,#002981);color:white;border:none;cursor:pointer;transition:all 0.3s ease}.pricing-btn:hover{opacity:0.9;transform:translateY(-1px)}@media (max-width:576px) and (min-width:368px){.pricing-card{padding:1rem}}@media (max-width:768px){}.box-card{position:relative;inset:0;border-radius:1rem;overflow:hidden;cursor:pointer;width:auto;min-width:12rem;max-height:20rem;will-change:transform;transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.box-card:hover{transform:translateY(-4px)}.card-background{top:0;left:0;will-change:transform,filter;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94),filter 0.3s ease-out}.box-card:hover .card-background{transform:scale(1.05);filter:brightness(0.7)}.bg-brightness-card{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 50%,transparent 70%);opacity:0;will-change:opacity;transition:opacity 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.box-card:hover .bg-brightness-card{opacity:1}.content-card{position:absolute;bottom:0;left:0;right:0;z-index:2;color:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;text-shadow:0 2px 8px rgba(0,0,0,0.6);will-change:transform,opacity;transform:translateY(100%);opacity:0;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s ease-out 0.1s}.box-card:hover .content-card{transform:translateY(0);opacity:1}.content-card h3{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;line-height:1.3}.content-card p{font-size:0.875rem;line-height:1.5;color:rgba(255,255,255,0.95);margin:0}@media (max-width:576px){.box-card{min-width:100%;height:200px}.content-card h3{font-size:1rem}.content-card p{font-size:0.75rem}}@media (hover:none){.box-card:active .card-background{transform:scale(1.02);filter:brightness(0.8)}.box-card:active .bg-brightness-card{opacity:1}.box-card:active .content-card{transform:translateY(0);opacity:1}}.pricing-table-border{border-color:#002980 !important;transition:border-color 0.3s ease}.pricing-table-border:hover{border-color:transparent !important}.pricing-table{font-size:0.875rem;line-height:1.25rem;text-align:left;color:#111827;background-color:#002980}.pricing-table-header{font-size:0.875rem;line-height:1.25rem;text-transform:uppercase;text-align:center;border-bottom:1px solid #000;color:white}.pricing-table-th-category{border-right:1px solid #000;width:33.333333%}.pricing-table-body{color:#374151}.pricing-table-row{background-color:white;border-bottom:1px solid #000;transition:background-color 0.3s ease}.pricing-table-row:hover{background-color:#f9fafb !important}.pricing-table-category{border-right:1px solid #000;white-space:normal;text-align:center}.pricing-table-description{text-align:justify}.pricing-table-footer{background-color:white;text-align:center}.table-th-highlight{font-size:1rem;line-height:1.5;min-width:25rem}.pricing-table-footer-row{font-weight:normal}.pricing-table-footer-row:first-child{border-bottom:1px solid #000}.pricing-table-footer-category{border-right:1px solid #000;font-weight:normal}.pricing-table-highlight{font-weight:600;color:#ef4444}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.duration-300{transition-duration:300ms}@media (max-width:575px) and (min-width:320px){.table-th-highlight{min-width:auto}}.process-gradient-text{display:inline-block;background-image:linear-gradient(to top right in oklab,var(--color-main) 0%,#1A85F8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#0000;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:0;margin:0}.text-size-lg{font-size:1.125rem;line-height:1.75rem}.fw-extrabold{font-weight:800}.w-sm-50{width:100%}@media (min-width:576px){.w-sm-50{width:50%}}.process-timeline-container{display:flex;flex-direction:column}.timeline-line{left:0.75rem;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,#0148B9 0%,#002981 100%);z-index:1}.timeline-line-desktop{left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,#0148B9 0%,#002981 100%);z-index:1}.process-timeline-dot{left:0;bottom:50%;transform:translateY(50%);width:1.5rem;height:1.5rem;border-radius:50%;background-color:#3b82f6;border:4px solid white;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.15)}@media (min-width:576px){.process-timeline-dot{left:49%;transform:translate(-50%,50%)}}.process-timeline-ping{top:0;left:0;right:0;bottom:0;border-radius:50%;background-color:#60a5fa;opacity:0.75;animation:ping 2s cubic-bezier(0,0,0.2,1) infinite}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}.process-timeline-item{position:relative;margin-bottom:1.5rem}@media (min-width:576px){.process-timeline-item{margin-bottom:2rem}}.process-timeline-content-left{padding-left:2rem;text-align:left}.process-timeline-content-right{padding-left:2rem;text-align:left}@media (min-width:576px){.process-timeline-content-left{padding-left:0;padding-right:2rem;text-align:right}.process-timeline-content-right{padding-left:2rem;padding-right:0;text-align:left}}.process-timeline-card{background:linear-gradient(135deg,#0148B9 0%,#002981 100%);color:white;padding:1.5rem;border-radius:0.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden}.process-timeline-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0;transition:opacity 0.3s ease}.process-timeline-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.process-timeline-card:hover::before{opacity:1}.process-timeline-text{color:#d1d5db;line-height:1.6}@media (min-width:576px){.text-size-sm-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.text-size-md-2xl{font-size:1.5rem;line-height:2rem}.text-size-md-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:992px){.text-size-lg-3xl{font-size:1.875rem;line-height:2.25rem}}@media (max-width:575.98px){.process-timeline-dot{width:1.25rem;height:1.25rem;left:0rem}.timeline-line{left:0.625rem}.process-timeline-content-left,.process-timeline-content-right{padding-left:1.75rem}.process-timeline-card{padding:1.25rem}.process-timeline-text{font-size:0.875rem}}.process-timeline-card:focus-within{outline:2px solid #60a5fa;outline-offset:2px}@media print{.process-timeline-card{background:#f8f9fa !important;color:#212529 !important;border:2px solid #0148B9;box-shadow:none;break-inside:avoid}.process-timeline-text{color:#495057 !important}.process-timeline-ping{animation:none}.timeline-line,.timeline-line-desktop{background:#0148B9 !important}}@media (prefers-reduced-motion:reduce){.process-timeline-ping{animation:none}.process-timeline-card{transition:none}.process-timeline-card:hover{transform:none}}.process-timeline-item.loading .process-timeline-card{opacity:0.6;pointer-events:none}@media (min-width:1200px){.process-timeline-container{max-width:1200px;margin:0 auto}.process-timeline-card{padding:2rem}}.process-timeline-card{backface-visibility:hidden;transform:translate3d(0,0,0)}.process-timeline-card::after{content:'';position:absolute;width:20px;height:2px;background:rgba(255,255,255,0.3);top:50%;transform:translateY(-50%)}@media (min-width:576px){.process-timeline-content-left .process-timeline-card::after{right:-20px}.process-timeline-content-right .process-timeline-card::after{left:-20px}}@media (max-width:575.98px){.process-timeline-card::after{display:none}}.video-container{aspect-ratio:16 / 9;width:100%;height:100%;border-radius:1rem;cursor:pointer}.video-container:hover{transform:scale(1.05);filter:brightness(1.05)}.video-container video{object-fit:cover}.text-size-xl{font-size:1.5rem;line-height:1.33333}.text-size-sm{font-size:1rem;line-height:1.5}@media (min-width:576px){.text-size-sm-2xl{font-size:1.5rem !important;line-height:2rem !important}.text-size-sm-base{font-size:1rem !important;line-height:1.5rem !important}.pricing-table{font-size:1rem;line-height:1.5rem}.pricing-table-header{font-size:1rem;line-height:1.5rem}.pricing-table-category{white-space:nowrap}}@media (min-width:768px){.text-size-md-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:576px){.overflow-x-sm-auto{overflow-x:auto}}@media (min-width:576px){.pricing-table-th-category{min-width:200px}}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.rounded{border-radius:0.5rem}.pricing-table td,.pricing-table th{vertical-align:middle}@media (max-width:575.98px){.pricing-table-category{white-space:normal;word-wrap:break-word}.pricing-table-description{hyphens:auto;word-break:break-word}.pricing-table{font-size:0.8125rem}}@media (prefers-contrast:high){.pricing-table-border{border-width:2px}.pricing-table-row:hover{background-color:#e5e7eb !important;border-color:#374151 !important}.pricing-table-highlight{color:#dc2626;font-weight:700}}@media print{.pricing-table-border{border:2px solid #000 !important}.pricing-table-row:hover{background-color:white !important}.transition-colors,.duration-300{transition:none}}.pricing-table:focus-within{outline:2px solid #002980;outline-offset:2px}.pricing-table.loading{opacity:0.7;pointer-events:none}.pricing-table.loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center}@media (max-width:767.98px){.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#002980 #f1f5f9}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#002980;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#001952}}.pricing-table{animation:fadeInUp 0.6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-table-row{position:relative}.pricing-table-row th::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:#002980;transform:scaleY(0);transition:transform 0.3s ease;transform-origin:bottom}.pricing-table-row:hover th::before{transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.pricing-table-border,.pricing-table-row,.transition-colors,.duration-300{transition:none}.pricing-table{animation:none}.pricing-table-row::before{transition:none}}