.ftthPage{font-family:var(--font-body);color:#111;background:#fff}.ftthPage h1,.ftthPage h2,.ftthPage h3,.ftthPage h4,.ftthPage h5,.ftthPage h6{font-family:var(--font-title);text-shadow:none;font-weight:500}.ftthPage p,.ftthPage span,.ftthPage a,.ftthPage button,.ftthPage li{font-family:var(--font-unitel)}.ftthPage span{color:inherit}.ftthSectionTitle{color:#0e0d0d;letter-spacing:0;text-align:center;text-transform:capitalize;margin:0;font-size:40px;font-weight:500;line-height:1.5}.ftthSectionTitle span{color:#f16122;font-weight:500}.ftthSectionTitleCenter{text-align:center;width:100%}.ftthHero{background:linear-gradient(#fef0eb 4.05%,#fdf5f2 100%);align-items:center;min-height:556px;padding:0;display:flex;overflow:hidden}.ftthHeroInner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:min(1280px,100% - 160px);max-width:1280px;min-height:556px;margin-left:auto;margin-right:auto;padding:80px 0;display:grid}.ftthHeroLeft{z-index:2;flex-direction:column;gap:16px;max-width:608px;display:flex;position:relative}.ftthBreadcrumb{color:#717680;align-items:center;gap:2px;font-size:16px;font-weight:500;line-height:1.5;display:flex}.ftthBreadcrumb a{color:#717680;text-decoration:none}.ftthBreadcrumb a:hover,.ftthBreadcrumb b{color:#f16122}.ftthBreadcrumb b{color:#f16122;font-weight:500}.ftthBreadcrumbChevron{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.ftthBreadcrumbChevron img{width:16px;height:16px;display:block}.ftthHeroLeft h1{color:#0e0d0d;letter-spacing:0;width:100%;margin:0;font-size:48px;font-weight:500;line-height:1.5}.ftthHeroLeft h1 span{color:#f16122;font-weight:500}.ftthHeroLeft p{color:#272727;letter-spacing:0;width:100%;margin:0;font-size:20px;font-weight:400;line-height:1.5}.ftthHeroBtnWrap{border:1px solid #fc6a30;border-radius:16px;align-self:flex-start;padding:4px;display:inline-flex}.ftthOrangeBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:0;border-radius:14px;justify-content:center;align-items:center;height:48px;padding:10px 20px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex;box-shadow:inset 2px 4px 6px #ffffff47}.ftthOrangeBtn:hover{opacity:.92}.ftthHeroRight{flex-shrink:0;width:100%;max-width:576px;height:380px;margin-left:auto;position:relative;overflow:visible}.ftthHeroImgBg{z-index:1;border-radius:32px;width:389px;height:339px;position:absolute;top:0;left:160px;overflow:hidden}.ftthHeroImgBgInner{object-fit:cover!important}.ftthHeroPhotoCards{z-index:2;background:#fff;border-radius:32px;width:257px;height:240px;position:absolute;top:140px;left:27px;overflow:hidden}.ftthHeroPhotoCard{width:100%;height:100%;position:relative}.ftthHeroPhoto{object-fit:cover!important}.ftthHeroCircle{z-index:3;border-radius:50%;width:140px;height:140px;position:absolute;top:225px;left:214px;overflow:hidden}.ftthHeroCircleInner{width:100%;height:100%}.ftthHeroCircleLogo{object-fit:cover;width:100%;height:100%}.ftthPricing{background:#fff;justify-content:center;padding:80px 0;display:flex}.ftthPricingInner{flex-direction:column;align-items:center;gap:48px;width:min(1280px,100% - 160px);max-width:1280px;margin:0 auto;display:flex}.ftthTabs{justify-content:center;align-items:center;gap:13px;display:flex}.ftthTab{cursor:pointer;white-space:nowrap;background:var(--bg,#f7f7f7);color:#383838;border:none;border-radius:9999px;padding:10px 20px;font-size:16px;font-weight:500;line-height:1.5;transition:all .2s}.ftthTabActive,.ftthTab.ftthTabActive{color:#f16122;background:#f161221a;border:1px solid #f16122}.ftthTab:not(.ftthTabActive):hover{background:#ececec}.ftthCardsGrid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:32px;width:100%;display:grid}.ftthCard{background:linear-gradient(90deg,#fc6a30 0%,#fa540b 97.6%);border:1px solid #ebebeb;border-radius:24px;flex-direction:column;justify-content:center;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.ftthPagination{justify-content:center;align-items:center;gap:5px;width:100%;margin-top:40px;display:flex}.ftthPagination button{color:#0e0d0d;width:32px;height:32px;font:inherit;cursor:pointer;background:#fbfbfb;border:1px solid #e8e8e8;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.ftthPagination button:disabled{opacity:.4;cursor:not-allowed}.ftthPagination button.active{color:#fff;background:linear-gradient(90deg,#fc6a30 3.209%,#fa5914 72.973%);border:0}.ftthPagination button img{width:16px;height:16px}.ftthPaginationDots{text-align:center;color:#6b7280;min-width:24px;font-size:14px}.ftthCard:before{content:"";mix-blend-mode:plus-lighter;opacity:.32;pointer-events:none;z-index:0;background-image:url(/images/FTTH/card-header-texture.png);background-size:cover;width:145px;height:145px;position:absolute;top:-24px;right:-37px}.ftthCardHeader{z-index:1;justify-content:center;align-items:center;padding:12px 24px;display:flex;position:relative}.ftthCardName{color:#fff;flex:1 0 0;min-width:0;font-size:20px;font-weight:500;line-height:1.5;position:relative}.ftthCardBody{z-index:1;background:#fff;border:1px solid #fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative}.ftthCardIcon{flex-shrink:0;width:120px;height:95.294px;position:relative}.ftthCardIconImg{object-fit:contain;width:141.177px;height:141.201px;display:block;position:absolute;top:-14.12px;left:-10.59px}.ftthCardInfo{flex-direction:column;align-items:center;gap:12px;display:flex}.ftthCardSpeed{color:#f16122;white-space:nowrap;background:linear-gradient(85.51deg,#ffae001a 1.04%,#f2660c1a 99.73%);border-radius:50px;justify-content:center;align-items:center;padding:4px 8px;font-size:16px;line-height:1.5;display:inline-flex}.ftthCardPrice{text-align:center;white-space:nowrap;align-items:flex-end;gap:4px;display:flex}.ftthCardPrice strong{color:#0e0d0d;margin:0;font-size:24px;font-weight:500;line-height:1.5}.ftthCardPrice span{font-size:16px;font-weight:400;line-height:1.5}.ftthCardBtnOuter{background:0 0;border:1px solid #fc6a30;border-radius:16px;width:100%;padding:4px}.ftthCardBtn{color:#f16122;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fc6a30;border-radius:14px;justify-content:center;align-items:center;width:100%;height:44px;padding:10px 20px;font-size:16px;font-weight:500;line-height:1.5;transition:all .2s;display:flex}.ftthCardBtn:hover{background:#fef0eb}.ftthCard:after{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 2px 4px 6px #ffffff47}.ftthSteps{justify-content:center;padding:0 80px 80px;display:flex}.ftthStepsInner{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:48px;min-width:0;max-width:1280px;margin:0 auto;display:flex}.ftthStepper{align-items:flex-start;gap:32px;width:100%;display:flex;position:relative}.ftthStepperLine{z-index:0;background:#f8d2c2;height:3px;position:absolute;top:50px}.ftthStepperLine1{width:160px;left:220px}.ftthStepperLine2{width:160px;left:561px}.ftthStepperLine3{width:160px;left:881px}.ftthStepItem{z-index:1;flex-direction:column;flex:1 0 0;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.ftthStepIcon{flex-shrink:0;width:100px;height:100px;position:relative;overflow:visible}.ftthStepIconBg{pointer-events:none;width:113px;max-width:none;height:135px;display:block;position:absolute;top:0;left:-6.5px}.ftthStepNum{z-index:1;font-family:"Poppins", var(--font-unitel);color:#fff;text-shadow:0 0 2.273px #a00856;white-space:nowrap;font-size:27.273px;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ftthStepText{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.ftthStepText h3{color:#0e0d0d;margin:0;font-size:24px;font-weight:500;line-height:1.5}.ftthStepText p{color:#535862;margin:0;font-size:16px;font-weight:400;line-height:1.5}@media (max-width:1100px){.ftthHeroInner{grid-template-columns:1fr;gap:40px;min-height:auto;padding:60px 0}.ftthHeroLeft{text-align:center;align-items:center;width:100%;max-width:100%}.ftthHeroLeft h1,.ftthHeroLeft p{width:100%;max-width:100%}.ftthHeroBtnWrap{align-self:center}.ftthBreadcrumb{justify-content:center}.ftthHeroRight{width:100%;max-width:500px;height:340px;margin:0 auto}.ftthPricingInner{width:min(1280px,100% - 80px)}.ftthCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ftthCard{width:100%;min-width:0}.ftthSteps{padding:0 48px 80px}.ftthStepper{flex-wrap:wrap;gap:32px}.ftthStepItem{flex:calc(50% - 16px);min-width:220px}.ftthStepperLine{display:none}}@media (max-width:900px){.ftthHeroInner{gap:32px;padding:48px 0}.ftthHeroLeft h1{font-size:36px}.ftthHeroLeft p{font-size:18px}.ftthHeroRight{max-width:400px;height:300px}.ftthHeroImgBg{width:300px;height:265px;left:50%;transform:translate(-50%)}.ftthHeroPhotoCards{width:200px;height:190px;top:110px;left:20px}.ftthHeroCircle{width:140px;height:140px;top:175px;left:160px}.ftthPricing{padding:60px 0}.ftthPricingInner{gap:32px;width:min(1280px,100% - 48px)}.ftthSectionTitle{font-size:32px}.ftthCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ftthCard{width:100%;min-width:0}.ftthSteps{padding:0 48px 60px}.ftthStepsInner{gap:32px}.ftthStepIcon{width:85px;height:85px}.ftthStepIconBg{width:96px;height:115px;left:-5.6px}.ftthStepNum{font-size:23px}.ftthStepText h3{font-size:20px}}@media (max-width:767px){.ftthPage{overflow-x:clip}.ftthHero{background:linear-gradient(#fef0eb 4.05%,#fdf5f2 100%);min-height:auto;padding:0}.ftthHeroInner{flex-direction:column;grid-template-columns:1fr;align-items:stretch;gap:24px;width:calc(100% - 32px);min-height:auto;padding:24px 0;display:flex}.ftthHeroLeft{text-align:left;align-items:flex-start;gap:16px;width:100%;max-width:100%}.ftthHeroBtnWrap{align-self:flex-start}.ftthBreadcrumb{gap:2px;margin:0;font-size:14px;font-weight:400}.ftthHeroLeft h1{letter-spacing:0;text-transform:capitalize;width:100%;max-width:100%;margin:0;font-size:28px;font-weight:500;line-height:1.5}.ftthHeroLeft h1 span{color:#f16122;font-weight:500}.ftthHeroLeft p{color:#272727;width:100%;max-width:100%;margin:0;font-size:16px;line-height:1.5}.ftthOrangeBtn{border-radius:14px;height:44px;padding:10px 20px;font-size:16px;font-weight:500}.ftthHeroRight{width:100%;max-width:100%;height:228px;margin:0;position:relative;overflow:visible}.ftthHeroImgBg{border-radius:19px;width:67.5%;max-width:232px;height:202px;top:0;left:auto;right:0;transform:none}.ftthHeroPhotoCards{border-radius:19px;width:44.5%;max-width:153px;height:143px;top:36.5%;bottom:auto;left:4.5%}.ftthHeroCircle{width:74px;height:74px;top:59%;bottom:auto;left:37%}.ftthHeroCircleInner{width:100%;height:100%}.ftthHeroCircleLogo{width:74%;height:auto}.ftthPricing{padding:32px 0}.ftthPricingInner{align-items:stretch;gap:24px;width:calc(100% - 32px)}.ftthSectionTitle{letter-spacing:0;text-transform:capitalize;text-align:center;font-size:28px;font-weight:500}.ftthTabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:13px;margin-top:-12px;display:flex;overflow-x:auto}.ftthTabs::-webkit-scrollbar{display:none}.ftthTab{color:#383838;white-space:nowrap;background:#f7f7f7;border:0;border-radius:9999px;flex-shrink:0;height:auto;padding:10px 20px;font-size:16px;font-weight:500}.ftthTabActive,.ftthTab.ftthTabActive{color:#f16122;background:#f161221a;border:1px solid #f16122}.ftthCardsGrid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:16px;width:auto;margin-right:-16px;padding-right:16px;display:flex;overflow:auto hidden}.ftthCardsGrid::-webkit-scrollbar{display:none}.ftthCard{scroll-snap-align:start;border-radius:24px;flex:0 0 296px;width:296px;max-width:296px}.ftthCardName{font-size:18px}.ftthPagination{display:none}.ftthSteps{padding:0 16px 32px}.ftthStepsInner{align-items:stretch;gap:24px;width:100%;max-width:100%}.ftthStepper{flex-direction:column;align-items:stretch;gap:0;width:100%;padding-left:0;position:relative}.ftthStepperLine{display:none}.ftthStepItem{flex-direction:row;flex:none;align-items:flex-start;gap:18px;width:100%;max-width:none;padding-bottom:32px;position:relative}.ftthStepItem:last-child{padding-bottom:0}.ftthStepItem:not(:last-child):after{content:"";z-index:0;background:#f8d2c2;width:2px;position:absolute;top:60px;bottom:0;left:25px}.ftthStepIcon{z-index:1;flex-shrink:0;width:52px;height:52px}.ftthStepIconBg{width:59px;height:70px;top:0;left:-3px}.ftthStepNum{font-size:16px}.ftthStepText{text-align:left;flex:1;align-items:flex-start;gap:9px;min-width:0;padding-top:0}.ftthStepText h3{color:#0e0d0d;font-size:22px;font-weight:500;line-height:1.5}.ftthStepText p{color:#535862;font-size:16px;line-height:1.5}}