.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 .overline img{object-fit:contain}
.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:flex}
.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-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}