.c-product-card{position:relative;width:100%;display:flex;flex-direction:column;gap:40px}
@media (min-width:770px){.c-product-card{padding:79px 0;gap:56px}}
.c-product-card__title-content{max-width:996px;width:100%;display:flex;flex-direction:column;gap:24px;margin:0 auto;padding:0 16px}
@media (min-width:770px){.c-product-card__title-content{padding:0}}
.c-product-card__title-content h3{color:var(--Title-Dark,#3a3a3a);text-align:center;font-family:"Montserrat",sans-serif;font-size:39px;font-weight:700;margin:0}
.c-product-card__title-content p{color:var(--Body-Dark,#3a3a3a);text-align:center;font-family:"Montserrat",sans-serif;font-size:20px;font-weight:400;margin:0}
.c-product-card__bottom-content{color:var(--Body-Dark,#3a3a3a);text-align:center;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;max-width:996px;width:100%;margin:0 auto}
.c-product-card__bottom-content p{margin:0}
.c-product-card .c-product-card-container{padding:0 14px;width:100%}
@media only screen and (max-width:1280px) and (min-width:1024px){.c-product-card .c-product-card-container{padding:0 14px}}
@media (min-width:1281px){.c-product-card .c-product-card-container{width:100%;padding:0}}
.c-product-card .c-product-card-container .c-product-card__wrapper{position:relative;display:flex;flex-direction:row;justify-content:flex-start;gap:24px;overflow-x:scroll;width:100%}
@media (min-width:1251px){.c-product-card .c-product-card-container .c-product-card__wrapper{overflow-x:auto;justify-content:center}}
@media only screen and (max-width:1250px) and (min-width:1024px){.c-product-card .c-product-card-container .c-product-card__wrapper{overflow-x:auto;justify-content:flex-start}}
.c-product-card .c-product-card-container .c-product-card__wrapper::-webkit-scrollbar{height:12px}
.c-product-card .c-product-card-container .c-product-card__wrapper.mobility::-webkit-scrollbar-thumb{background-color:#19a739;border-radius:4px}
.c-product-card .c-product-card-container .c-product-card__wrapper.fiber::-webkit-scrollbar-thumb{background-color:#da291c;border-radius:4px}
.c-product-card .c-product-card-container .c-product-card__wrapper::-webkit-scrollbar-track{background-color:#797979;border-radius:50px}
.c-single-product{background:#fff}
.card-item-wrapper-main{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:fit-content}
.card-item-wrapper-main .prod-card-header{display:flex;flex-direction:row;width:100%}
.card-item-wrapper-main .prod-card-header .product-title-wrapper{border-radius:100px;border:2px solid #545655;border-bottom:4px solid #fff;width:fit-content;margin:0 auto;position:relative;bottom:-25px;z-index:2}
.card-item-wrapper-main .prod-card-header .product-title-wrapper .product-title{border-radius:100px;padding:9px 21px;border:3px solid #fff;background:linear-gradient(180deg,#da291c 52.19%,#76232f 100%);color:#fff;text-align:center;font-family:"Montserrat",sans-serif;font-size:20px;font-style:normal;font-weight:800;line-height:normal;text-transform:uppercase}
.card-item-wrapper-main .prod-card-header .product-title-wrapper .product-title.fiber{background:linear-gradient(180deg,#da291c 52.19%,#76232f 100%)}
.card-item-wrapper-main .prod-card-header .product-title-wrapper .product-title.mobility{background:linear-gradient(180deg,#5ebc40 25%,#039041 100%)}
.card-item-wrapper-main .prod-card-header picture{width:87px;height:87px;display:block;position:absolute;z-index:2;right:0}
.card-item-wrapper-main .prod-card-header picture img{width:100%;height:100%;object-fit:contain}
.card-item-wrapper-main .prod-card-footer{padding-bottom:40px}
@media (min-width:770px){.card-item-wrapper-main .prod-card-footer{padding-bottom:0}}
.card-item-wrapper-main .prod-card-footer .card-link{display:flex;max-width:242px;height:54px;padding:17px 21px;justify-content:center;align-items:center;color:#fff;width:100%;text-decoration:none;margin:24px auto}
.card-item-wrapper-main .prod-card-footer .card-link.fiber{background:#da291c}
.card-item-wrapper-main .prod-card-footer .card-link.fiber:hover{background:#A6192E}
.card-item-wrapper-main .prod-card-footer .card-link.mobility{background:#19a739}
.card-item-wrapper-main .prod-card-footer .card-link.mobility:hover{background:#027534}
.card-item-wrapper-main .prod-card-footer span{display:flex;flex-direction:row;gap:8px;text-align:center;max-width:370px}
.card-item-wrapper-main .prod-card-footer span u{cursor:pointer}
.card-item-wrapper-main .prod-card-footer span.fiber::before,
.card-item-wrapper-main .prod-card-footer span.mobility::before{content:"";display:block;background-repeat:no-repeat;width:20px;height:20px;flex-shrink:0;position:relative;background-size:cover}
.card-item-wrapper-main .prod-card-footer span.fiber::before{background-image:url("../themes/pldt-enterprise/assets/images/icons/icon-req-Info-red.png")}
.card-item-wrapper-main .prod-card-footer span.fiber u{color:#da291c}
.card-item-wrapper-main .prod-card-footer span.mobility::before{background-image:url("../themes/pldt-enterprise/assets/images/icons/icon-req-Info-green.png")}
.card-item-wrapper-main .prod-card-footer span.mobility u{color:#19a739}
.card-item-wrapper-main .prod-card-content{border:2px solid #000;border-radius:50px;width:fit-content}
.card-item-wrapper-main .card-item{width:343px;display:flex;flex-direction:column;gap:16px;position:relative;border-radius:50px;border:3px solid #fff;background:radial-gradient(96.01000000000001% 96.01000000000001% at 50% 3.99%,#fff 13.19%,#a6a6a6 100%)}
@media (min-width:770px){.card-item-wrapper-main .card-item{width:386px;border:5px solid #fff}}
.card-item-wrapper-main .card-item .product-subtitle-sm{color:#000;text-align:center;font-family:"Montserrat",sans-serif;font-size:31px;font-style:normal;font-weight:800;line-height:normal}
.card-item-wrapper-main .card-item .product-subtitle-lg{color:#000;text-align:center;font-family:"Montserrat",sans-serif;font-size:49px;font-style:normal;font-weight:800;line-height:100%}
.card-item-wrapper-main .card-item .mobility_text{color:#000;text-align:center;font-family:"Montserrat",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:120%;padding:16px}
.card-item-wrapper-main .card-item .mobility_text p{margin:0;font-weight:700 !important}
.card-item-wrapper-main .card-item .gray{border-radius:0 0 50px 50px;background:linear-gradient(180deg,#666 0%,#706d6d 22.19%,#4f4f4f 41.69%,#4f4f4f 100%);width:100%;height:auto;padding:16px;color:#fff;text-align:center;font-size:31px;font-style:normal;font-weight:700;line-height:normal;font-family:Din Condensed}
.card-item-wrapper-main .card-item .gray picture{padding-top:8px}
.card-item-wrapper-main .card-item .green{border-radius:50px 50px 0 0;background:linear-gradient(180deg,#5ebc40 25%,#039041 100%);width:100%;height:auto;padding:16px;color:#fff;text-align:center;font-family:"Montserrat",sans-serif;font-size:56px;font-style:normal;font-weight:700;line-height:100%}
.card-item-wrapper-main .card-item picture{height:auto;width:100%;display:block}
.card-item-wrapper-main .card-item picture img{width:100%;height:100%;object-fit:cover;border-radius:30px}
.c-product-banner{position:relative;width:100%;background-size:cover;background-position:center;height:auto;background:#fff}
@media screen and (min-width:770px){.c-product-banner{background:var(--bg_desktop);height:auto}}
.c-product-banner h1,
.c-product-banner h2,
.c-product-banner h3,
.c-product-banner h4,
.c-product-banner h4,
.c-product-banner p{margin:0}
.c-product-banner-wrapper{color:#fff;max-width:1440px;margin:0 auto;padding:0;display:flex;flex-direction:column}
@media (min-width:770px){.c-product-banner-wrapper{padding:78px 0 76px 120px;flex-direction:row}}
.c-product-banner-wrapper picture{display:block;height:372px}
.c-product-banner-wrapper picture img{width:100%;height:100%;object-fit:cover}
@media (min-width:770px){.c-product-banner-wrapper picture{display:none;height:auto}}
.c-product-banner-wrapper .banner-content{position:relative;z-index:2;max-width:unset;width:100%;height:auto;display:flex;gap:24px;flex-direction:column;padding:40px 16px 24px}
.c-product-banner-wrapper .banner-content .overline,
.c-product-banner-wrapper .banner-content .banner-title,
.c-product-banner-wrapper .banner-content .banner-description{text-align:center}
.c-product-banner-wrapper .banner-content .banner-cta{margin:0 auto}
@media (min-width:770px){.c-product-banner-wrapper .banner-content{padding:0;max-width:588px}.c-product-banner-wrapper .banner-content .overline,.c-product-banner-wrapper .banner-content .banner-title,.c-product-banner-wrapper .banner-content .banner-description{text-align:unset}.c-product-banner-wrapper .banner-content .banner-cta{margin:unset}}
.c-product-banner-wrapper .banner-content.fiber .overline,
.c-product-banner-wrapper .banner-content.fiber .banner-title{color:#DA291C}
.c-product-banner-wrapper .banner-content.fiber .banner-cta{background:#DA291C}
.c-product-banner-wrapper .banner-content.fiber u{color:#DA291C}
.c-product-banner-wrapper .banner-content.fiber .banner-requirements::before{background-image:url("../themes/pldt-enterprise/assets/images/icons/icon-req-Info-red.png")}
.c-product-banner-wrapper .banner-content.mobility .overline,
.c-product-banner-wrapper .banner-content.mobility .banner-title{color:#3A3A3A}
.c-product-banner-wrapper .banner-content.mobility .banner-cta{background:#19A739}
.c-product-banner-wrapper .banner-content.mobility u{color:#19A739}
.c-product-banner-wrapper .banner-content.mobility .banner-requirements::before{background-image:url("../themes/pldt-enterprise/assets/images/icons/icon-req-Info-green.png")}
.c-product-banner-wrapper .banner-content .overline{font-family:"Montserrat",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:4px;text-transform:uppercase}
.c-product-banner-wrapper .banner-content .banner-title{font-family:"Montserrat",sans-serif;font-size:39px;font-style:normal;font-weight:700;line-height:100%}
.c-product-banner-wrapper .banner-content .banner-description{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:130%}
.c-product-banner-wrapper .banner-content .banner-cta-container{display:flex;gap:8px;flex-direction:column}
@media (min-width:770px){.c-product-banner-wrapper .banner-content .banner-cta-container{flex-direction:row;gap:24px}}
.c-product-banner-wrapper .banner-content .banner-cta{display:flex;width:100%;height:54px;padding:17px 21px;justify-content:center;align-items:center;gap:8px;text-decoration:none;border-radius:8px;max-width:100%}
@media (min-width:770px){.c-product-banner-wrapper .banner-content .banner-cta{max-width:294px}}
.c-product-banner-wrapper .banner-content .banner-cta span{color:#FFF;font-family:"Montserrat",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal}
.c-product-banner-wrapper .banner-content .banner-cta img{height:20px;width:20px;margin:0}
.c-product-banner-wrapper .banner-content .banner-cta.fiber:hover{background:#A6192E}
.c-product-banner-wrapper .banner-content .banner-cta.mobility:hover{background:#027534}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire{padding:9px 0;background:transparent !important;height:auto;display:none}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.show{display:flex}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.hidden{display:none}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.fiber span{color:#DA291C !important}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.fiber span:hover{color:#A6192E !important}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.mobility span{color:#19A739 !important}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire.mobility span:hover{color:#027534 !important}
@media (min-width:770px){.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire{padding:0;height:54px}}
.c-product-banner-wrapper .banner-content .banner-cta.btn-inquire:hover{background:none}
.c-product-banner-wrapper .banner-content .banner-requirements{color:#3A3A3A;font-family:Montserrat;font-size:13px;font-style:normal;font-weight:400;line-height:130%;display:flex;flex-direction:row;align-items:center;gap:4px}
.c-product-banner-wrapper .banner-content .banner-requirements u{cursor:pointer}
.c-product-banner-wrapper .banner-content .banner-requirements::before{content:"";display:block;background-repeat:no-repeat;width:20px;height:20px;top:0;left:0;flex-shrink:0;position:relative;background-size:cover}
.c-step-with-cards{position:relative;width:100%;margin:0 auto;max-width:1440px;padding:16px}
@media only screen and (max-width:1024) and (min-width:768px){.c-step-with-cards{padding:0 60px}}
@media (min-width:1281px){.c-step-with-cards{padding:0 138px}}
.c-step-with-cards__wrapper{display:flex;flex-direction:column;justify-items:center;width:100%;align-items:center}
@media (min-width:770px){.c-step-with-cards__wrapper{flex-direction:row}}
.c-step-with-cards__wrapper .contents{display:flex;flex-direction:column;width:100%;justify-content:center;max-width:384px;gap:24px}
.c-step-with-cards__wrapper .contents h3{margin:0}
.c-step-with-cards__wrapper .contents .title{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:28px;font-style:normal;font-weight:900;line-height:1.5}
.c-step-with-cards__wrapper .contents .instructions{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:0.2px}
.c-step-with-cards__wrapper .contents .procedure{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:1.5}
.c-step-with-cards__wrapper .contents .procedure ul li{padding-bottom:10px}
.c-step-with-cards__wrapper .contents .procedure ul li u{text-decoration:none;font-weight:700}
.c-step-with-cards__wrapper .contents .procedure ul li strong{font-weight:900}
.c-step-with-cards__wrapper .contents .procedure.fiber ul li u{color:#da291c}
.c-step-with-cards__wrapper .contents .procedure.mobility ul>li>u{color:#19a739}
.c-step-with-cards__wrapper .card-container{width:100%;max-width:769px;margin:0 auto;padding:16px 0;display:flex;justify-content:center}
@media (min-width:770px){.c-step-with-cards__wrapper .card-container{padding:40px 0}}
.c-step-with-image{position:relative;width:100%;margin:0 auto;max-width:1440px;padding:16px}
@media (min-width:770px){.c-step-with-image{padding:0 138px}}
.c-step-with-image__wrapper{display:flex;flex-direction:column-reverse;justify-items:center;width:100%;align-items:center}
@media (min-width:770px){.c-step-with-image__wrapper{flex-direction:row;align-items:unset}}
.c-step-with-image__wrapper .contents{display:flex;flex-direction:column;width:100%;justify-content:center;max-width:384px;gap:24px}
.c-step-with-image__wrapper .contents .title{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:28px;font-style:normal;font-weight:900;line-height:130%}
.c-step-with-image__wrapper .contents .instructions{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:1.5;letter-spacing:0.2px}
.c-step-with-image__wrapper .contents .procedure{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:130%}
.c-step-with-image__wrapper .contents .procedure ul li{padding-bottom:10px}
.c-step-with-image__wrapper .contents .procedure ul li u{text-decoration:none;font-weight:700}
.c-step-with-image__wrapper .contents .procedure ul li strong{font-weight:900}
.c-step-with-image__wrapper .contents .procedure.fiber ul li u{color:#da291c}
.c-step-with-image__wrapper .contents .procedure.mobility ul>li>u{color:#19a739}
.c-step-with-image__wrapper picture img{width:100%;height:100%;object-fit:cover}
.c-related-solutions{position:relative;width:100%;font-family:"Montserrat",sans-serif;padding:64px 0;height:100%}
@media (min-width:1280px){.c-related-solutions{padding:80px 0 16px}}
.c-related-solutions__wrapper{max-width:1440px;margin:0 auto;display:flex;padding:0 16px;flex-direction:column;gap:24px}
.c-related-solutions__wrapper .heading{color:#3A3A3A;text-align:center;font-family:"Montserrat",sans-serif;font-size:26px;font-style:normal;font-weight:700;line-height:120%}
@media (min-width:770px){.c-related-solutions__wrapper .heading{font-size:39px}}
@media (min-width:770px){.c-related-solutions__wrapper{padding:0 120px;gap:40px}}
.c-related-solutions__card-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;column-gap:24px;align-items:flex-start;justify-content:center}
@media (min-width:1024px){.c-related-solutions__card-container{flex-direction:row}}
.c-related-solutions__card-container .solutions-item{width:100%;height:auto}
@media (min-width:1024px){.c-related-solutions__card-container .solutions-item{max-width:384px}}
.c-related-solutions__card-container .solutions-item picture{width:100%;display:block;height:223px}
@media (min-width:1024px){.c-related-solutions__card-container .solutions-item picture{height:250px}}
.c-related-solutions__card-container .solutions-item picture img{width:100%;height:100%;object-fit:cover}
.c-related-solutions__card-container .solutions-item .contents{width:auto;margin-right:1.12rem;position:relative;height:auto;background:#fff;bottom:64px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.04),0px 4px 8px 0px rgba(0,0,0,0.06)}
@media (min-width:770px){.c-related-solutions__card-container .solutions-item .contents{margin-right:1.7rem}}
.c-related-solutions__card-container .solutions-item .contents .title{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:700;line-height:140%;font-size:20px}
@media (min-width:770px){.c-related-solutions__card-container .solutions-item .contents .title{font-size:25px;line-height:120%}}
.c-related-solutions__card-container .solutions-item .contents .featured_text{color:#3A3A3A;font-family:"Montserrat",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:130%}
.c-related-solutions__card-container .solutions-item .contents .cta{display:flex;flex-direction:row;gap:4px;align-items:center;font-family:"Montserrat",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:100%}
.c-related-solutions__card-container .solutions-item .contents .cta.fiber{color:#DA291C}
.c-related-solutions__card-container .solutions-item .contents .cta.fiber svg path{stroke:#DA291C}
.c-related-solutions__card-container .solutions-item .contents .cta.mobility{color:#19A739}
.c-related-solutions__card-container .solutions-item .contents .cta.mobility svg path{stroke:#19A739}
.c-related-solutions__card-container .solutions-item .contents .cta:hover{text-decoration:none}
.inquire-btn{width:80px;height:80px;flex-shrink:0;position:fixed;right:24px;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.25);border-radius:50%;display:flex;justify-content:center;flex-direction:column;align-items:center;bottom:2.5rem;z-index:99 !important;background:#DA291C;cursor:pointer}
.inquire-btn svg path{fill:#fff}
.inquire-btn span{color:#FFF;text-align:center;padding:5px 8px;font-family:Montserrat;font-size:11px;font-style:normal;font-weight:600;line-height:105%}