.guten-per-hero > .guten-background-overlay { background-color: ; opacity: 1; } .guten-element.guten-per-hero { padding-top: 100px; padding-bottom: 80px; } @media only screen and (max-width: 1024px) { .guten-element.guten-per-hero { padding-top: 80px; padding-right: 20px; padding-bottom: 60px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-per-hero { padding-top: 60px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; } }.guten-per-services > .guten-background-overlay { background-color: ; opacity: 0.8; } .guten-element.guten-per-services { padding-top: 80px; padding-bottom: 20px; } @media only screen and (max-width: 1024px) { .guten-element.guten-per-services { padding-top: 60px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-per-services { padding-top: 50px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } }.guten-per-cta > .guten-background-overlay { background-color: ; opacity: 1; } .guten-element.guten-per-cta { padding-top: 80px; padding-bottom: 100px; } @media only screen and (max-width: 1024px) { .guten-element.guten-per-cta { padding-top: 60px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-per-cta { padding-top: 60px; padding-right: 20px; padding-bottom: 70px; padding-left: 20px; } }.guten-per-hero-col { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-per-hero-col { width: 100%; } }.guten-per-services-col { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-per-services-col { width: 100%; } }.guten-per-cta-col { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-per-cta-col { width: 100%; } }.guten-per-hero-eyebrow { text-align: center;   } h1.guten-element.guten-per-hero-eyebrow, h2.guten-element.guten-per-hero-eyebrow, h3.guten-element.guten-per-hero-eyebrow, h4.guten-element.guten-per-hero-eyebrow, h5.guten-element.guten-per-hero-eyebrow, h6.guten-element.guten-per-hero-eyebrow { color: rgba(30, 112, 234, 1); font-family: "Helvetica"; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 1.3em; letter-spacing: 0.18em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-per-hero-eyebrow { margin-bottom: 16px; }.guten-per-hero-h1 { text-align: center;   } h1.guten-element.guten-per-hero-h1, h2.guten-element.guten-per-hero-h1, h3.guten-element.guten-per-hero-h1, h4.guten-element.guten-per-hero-h1, h5.guten-element.guten-per-hero-h1, h6.guten-element.guten-per-hero-h1 { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 44px; font-weight: 700; line-height: 1.2em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-per-hero-h1 { margin-top: 0px; margin-bottom: 24px; } @media only screen and (max-width: 1024px) { .guten-per-hero-h1 { text-align: center; } h1.guten-element.guten-per-hero-h1, h2.guten-element.guten-per-hero-h1, h3.guten-element.guten-per-hero-h1, h4.guten-element.guten-per-hero-h1, h5.guten-element.guten-per-hero-h1, h6.guten-element.guten-per-hero-h1 { font-size: 34px; } } @media only screen and (max-width: 767px) { .guten-per-hero-h1 { text-align: center; } h1.guten-element.guten-per-hero-h1, h2.guten-element.guten-per-hero-h1, h3.guten-element.guten-per-hero-h1, h4.guten-element.guten-per-hero-h1, h5.guten-element.guten-per-hero-h1, h6.guten-element.guten-per-hero-h1 { font-size: 28px; line-height: 1.25em; } }.guten-per-hero-intro { columns: 1; text-align: center; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 18px; font-weight: 300; line-height: 1.75em;   } .guten-element.guten-per-hero-intro { padding-right: 18%; padding-left: 18%; } @media only screen and (max-width: 1024px) { .guten-per-hero-intro { text-align: center; } } @media only screen and (max-width: 767px) { .guten-per-hero-intro { text-align: center; font-size: 15px; } .guten-element.guten-per-hero-intro { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-per-hero-cta.guten-button-wrapper { justify-content: center; } .guten-per-hero-cta.guten-button-wrapper .guten-button { padding-top: 14px; padding-right: 36px; padding-bottom: 14px; padding-left: 36px; background-color: rgba(30, 112, 234, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;  } .guten-per-hero-cta.guten-button-wrapper .guten-button span { color: rgba(255, 255, 255, 1); font-family: "Helvetica"; font-size: 16px; font-weight: 600; } .guten-element.guten-per-hero-cta { margin-top: 32px; }.guten-per-services-eyebrow { text-align: center;   } h1.guten-element.guten-per-services-eyebrow, h2.guten-element.guten-per-services-eyebrow, h3.guten-element.guten-per-services-eyebrow, h4.guten-element.guten-per-services-eyebrow, h5.guten-element.guten-per-services-eyebrow, h6.guten-element.guten-per-services-eyebrow { color: rgba(30, 112, 234, 1); font-family: "Helvetica"; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 1.3em; letter-spacing: 0.18em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-per-services-eyebrow { margin-bottom: 12px; }.guten-per-services-h2 { text-align: center;   } h1.guten-element.guten-per-services-h2, h2.guten-element.guten-per-services-h2, h3.guten-element.guten-per-services-h2, h4.guten-element.guten-per-services-h2, h5.guten-element.guten-per-services-h2, h6.guten-element.guten-per-services-h2 { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 34px; font-weight: 600; line-height: 1.3em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-per-services-h2 { margin-top: 0px; margin-bottom: 12px; } @media only screen and (max-width: 1024px) { .guten-per-services-h2 { text-align: center; } } @media only screen and (max-width: 767px) { .guten-per-services-h2 { text-align: center; } h1.guten-element.guten-per-services-h2, h2.guten-element.guten-per-services-h2, h3.guten-element.guten-per-services-h2, h4.guten-element.guten-per-services-h2, h5.guten-element.guten-per-services-h2, h6.guten-element.guten-per-services-h2 { font-size: 24px; } }.guten-per-services-desc { columns: 1; text-align: center; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 16px; font-weight: 300; line-height: 1.7em;   } .guten-element.guten-per-services-desc { padding-right: 25%; padding-left: 25%; } @media only screen and (max-width: 1024px) { .guten-per-services-desc { text-align: center; } } @media only screen and (max-width: 767px) { .guten-per-services-desc { text-align: center; font-size: 14px; } .guten-element.guten-per-services-desc { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-per-services-cards.layout-boxed > .guten-container { max-width: 1170px; } .guten-element.guten-per-services-cards { margin-top: 44px; } @media only screen and (max-width: 767px) { .guten-element.guten-per-services-cards { margin-top: 36px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-services-cards2.layout-boxed > .guten-container { max-width: 1170px; } .guten-element.guten-per-services-cards2 { margin-top: 30px; } @media only screen and (max-width: 767px) { .guten-element.guten-per-services-cards2 { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-cta-h { text-align: center;   } h1.guten-element.guten-per-cta-h, h2.guten-element.guten-per-cta-h, h3.guten-element.guten-per-cta-h, h4.guten-element.guten-per-cta-h, h5.guten-element.guten-per-cta-h, h6.guten-element.guten-per-cta-h { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 32px; font-weight: 600; line-height: 1.3em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-per-cta-h { margin-top: 0px; margin-bottom: 16px; } @media only screen and (max-width: 1024px) { .guten-per-cta-h { text-align: center; } } @media only screen and (max-width: 767px) { .guten-per-cta-h { text-align: center; } h1.guten-element.guten-per-cta-h, h2.guten-element.guten-per-cta-h, h3.guten-element.guten-per-cta-h, h4.guten-element.guten-per-cta-h, h5.guten-element.guten-per-cta-h, h6.guten-element.guten-per-cta-h { font-size: 24px; } }.guten-per-cta-p { columns: 1; text-align: center; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 17px; font-weight: 300; line-height: 1.7em;   } .guten-element.guten-per-cta-p { padding-right: 22%; padding-left: 22%; } @media only screen and (max-width: 767px) { .guten-per-cta-p { font-size: 15px; } .guten-element.guten-per-cta-p { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-per-cta-btn.guten-button-wrapper { justify-content: center; } .guten-per-cta-btn.guten-button-wrapper .guten-button { padding-top: 14px; padding-right: 36px; padding-bottom: 14px; padding-left: 36px; background-color: rgba(30, 112, 234, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;  } .guten-per-cta-btn.guten-button-wrapper .guten-button span { color: rgba(255, 255, 255, 1); font-family: "Helvetica"; font-size: 16px; font-weight: 600; } .guten-element.guten-per-cta-btn { margin-top: 28px; }.guten-per-sc1 { width: 33.33%; order: 1;  } .guten-per-sc1 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc1 > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-per-sc1 { width: 50%; } .guten-per-sc1 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc1 > .guten-column-wrapper { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-per-sc1 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc1 > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-sc2 { width: 33.33%; order: 1;  } .guten-per-sc2 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc2 > .guten-column-wrapper { margin-right: 10px; margin-left: 10px; } @media only screen and (max-width: 1024px) { .guten-per-sc2 { width: 50%; } .guten-per-sc2 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc2 > .guten-column-wrapper { margin-right: 0px; margin-left: 15px; } } @media only screen and (max-width: 767px) { .guten-per-sc2 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc2 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-sc3 { width: 33.33%; order: 1;  } .guten-per-sc3 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc3 > .guten-column-wrapper { margin-left: 20px; } @media only screen and (max-width: 1024px) { .guten-per-sc3 { width: 100%; } .guten-per-sc3 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc3 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-per-sc3 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc3 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-sc4 { width: 33.33%; order: 1;  } .guten-per-sc4 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc4 > .guten-column-wrapper { margin-right: 20px; } @media only screen and (max-width: 1024px) { .guten-per-sc4 { width: 50%; } .guten-per-sc4 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc4 > .guten-column-wrapper { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-per-sc4 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc4 > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-sc5 { width: 33.33%; order: 1;  } .guten-per-sc5 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc5 > .guten-column-wrapper { margin-right: 10px; margin-left: 10px; } @media only screen and (max-width: 1024px) { .guten-per-sc5 { width: 50%; } .guten-per-sc5 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc5 > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; } } @media only screen and (max-width: 767px) { .guten-per-sc5 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc5 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-sc6 { width: 33.33%; order: 1;  } .guten-per-sc6 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc6 > .guten-column-wrapper { margin-left: 20px; } @media only screen and (max-width: 1024px) { .guten-per-sc6 { width: 100%; } .guten-per-sc6 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc6 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } } @media only screen and (max-width: 767px) { .guten-per-sc6 > .sticky-wrapper > .guten-column-wrapper, .guten-per-sc6 > .guten-column-wrapper { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-per-device .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-device.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-device.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-device .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-device:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-device .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-device .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-device:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-device:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-device .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-device:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-device .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-device:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-device .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-device .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-device {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-device .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-device .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }.guten-per-productivity .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-productivity.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-productivity.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-productivity .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-productivity:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-productivity .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-productivity .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-productivity:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-productivity:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-productivity .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-productivity:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-productivity .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-productivity:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-productivity .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-productivity .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-productivity {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-productivity .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-productivity .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }.guten-per-troubleshoot .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-troubleshoot.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-troubleshoot.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-troubleshoot .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-troubleshoot:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-troubleshoot:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-troubleshoot:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-troubleshoot:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-troubleshoot:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-troubleshoot .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-troubleshoot .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-troubleshoot {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-troubleshoot .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }.guten-per-network .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-network.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-network.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-network .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-network:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-network .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-network .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-network:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-network:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-network .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-network:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-network .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-network:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-network .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-network .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-network {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-network .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-network .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }.guten-per-ai .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-ai.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-ai.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-ai .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-ai:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-ai .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-ai .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-ai:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-ai:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-ai .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-ai:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-ai .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-ai:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-ai .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-ai .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-ai {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-ai .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-ai .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }.guten-per-other .guten-icon-box-wrapper { text-align: left;justify-content: left; } .guten-per-other.guten-icon-box .guten-icon-box-wrapper .icon-box .icon i { font-size: 50px; } .guten-per-other.guten-icon-box .guten-icon-box-wrapper { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .guten-icon-box.guten-per-other .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 0); border-style: solid; border-width: 1px; border-color: rgba(219, 224, 233, 1); border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0px; box-shadow:  0px 0px 30px 1px rgba(186, 184, 191, 0.3); overflow: hidden; } .guten-icon-box.guten-per-other:hover .guten-icon-box-wrapper { background-color: rgba(30, 112, 234, 1); border-style: solid; border-width: 1px; border-color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-other .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-other .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-other:hover .icon-box.icon-box-header .icon i { color: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-other:hover .icon-box.icon-box-header .icon svg { fill: rgba(30, 112, 234, 1); } .guten-icon-box.guten-per-other .icon-box.icon-box-body .title { color: rgba(7, 41, 90, 1); font-family: "Helvetica"; font-size: 22px; font-weight: 600; line-height: 1.2em; } .guten-icon-box.guten-per-other:hover .icon-box.icon-box-body .title { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-other .icon-box.icon-box-body .icon-box-description { margin-bottom: 0px; color: rgba(100, 116, 139, 1); font-family: "Heebo"; font-size: 15px; font-weight: 300; line-height: 1.65em; } .guten-icon-box.guten-per-other:hover .icon-box.icon-box-body .icon-box-description { color: rgba(255, 255, 255, 1); } .guten-icon-box.guten-per-other .hover-watermark i { color: rgba(255, 255, 255, 0.1); } .guten-icon-box.guten-per-other .hover-watermark svg { fill: rgba(255, 255, 255, 0.1); } .guten-per-other {   } @media only screen and (max-width: 767px) { .guten-icon-box.guten-per-other .icon-box.icon-box-body .title { font-size: 20px; } .guten-icon-box.guten-per-other .icon-box.icon-box-body .icon-box-description { font-size: 14px; } }