.guten-xyVXL1.layout-boxed > .guten-container { max-width: 1260px; } .guten-element.guten-xyVXL1 { padding-bottom: 120px; } @media only screen and (max-width: 1024px) { .guten-element.guten-xyVXL1 { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (max-width: 767px) { .guten-element.guten-xyVXL1 { padding-top: 60px; padding-right: 10px; padding-bottom: 60px; padding-left: 10px; } }.guten-per-services > .guten-background-overlay { background-color: ; opacity: 0.8; } .guten-element.guten-per-services { padding-bottom: 120px; } @media only screen and (max-width: 1024px) { .guten-element.guten-per-services { padding-top: 60px; padding-bottom: 20px; } } @media only screen and (max-width: 767px) { .guten-element.guten-per-services { padding-top: 50px; padding-bottom: 10px; } }.guten-LPJ1oM { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .guten-column-wrapper { justify-content: center; } .guten-LPJ1oM.background-animated > .sticky-wrapper  > .guten-column-wrapper > .guten-background-overlay, .guten-LPJ1oM.background-animated  > .guten-column-wrapper > .guten-background-overlay, .guten-LPJ1oM  > .guten-column-wrapper > .guten-background-overlay { background: linear-gradient(180deg, rgba(59, 87, 247, 0) 50.7%,rgba(59, 87, 247, 1) 100%); } .guten-LPJ1oM > .sticky-wrapper > .guten-column-wrapper:before, .guten-LPJ1oM > .guten-column-wrapper:before, .guten-LPJ1oM  > .guten-column-wrapper > .guten-background-overlay { opacity: 0.3; } .guten-LPJ1oM:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-LPJ1oM.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-LPJ1oM:not(.background-animated) > .guten-column-wrapper, .guten-LPJ1oM.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-image: url(https://xelgroup.net/wp-content/uploads/2026/06/Gemini_Generated_Image_a5bu7va5bu7va5bu.png); background-position: center center; background-size: cover;  } .guten-LPJ1oM > .sticky-wrapper > .guten-column-wrapper, .guten-LPJ1oM > .guten-column-wrapper { border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px; margin-right: 60px; } @media only screen and (max-width: 1024px) { .guten-LPJ1oM { width: 100%; } .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .guten-column-wrapper { justify-content: center; } .guten-LPJ1oM > .sticky-wrapper > .guten-column-wrapper, .guten-LPJ1oM > .guten-column-wrapper { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } } @media only screen and (max-width: 767px) { .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-LPJ1oM.guten-column > .guten-column-wrapper { justify-content: center; } .guten-LPJ1oM > .sticky-wrapper > .guten-column-wrapper, .guten-LPJ1oM > .guten-column-wrapper { margin-top: 0px; margin-bottom: 0px; margin-left: 1px; } }.guten-PLq3TU { width: 50%; order: 1;  } .guten-section > .guten-container > .guten-PLq3TU.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-PLq3TU.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } @media only screen and (max-width: 1024px) { .guten-PLq3TU { width: 100%; } .guten-PLq3TU > .sticky-wrapper > .guten-column-wrapper, .guten-PLq3TU > .guten-column-wrapper { margin-top: 40px; margin-right: 10px; margin-left: 10px; } } @media only screen and (max-width: 767px) { .guten-PLq3TU > .sticky-wrapper > .guten-column-wrapper, .guten-PLq3TU > .guten-column-wrapper { margin-right: 0px; margin-left: 0px; } }.guten-per-services-col { width: 100%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-per-services-col { width: 100%; } }.guten-fFsKEH.guten-spacer { padding-bottom: 600px!important; } .guten-fFsKEH {   } @media only screen and (max-width: 767px) { .guten-fFsKEH.guten-spacer { padding-bottom: 300px!important; } }.guten-PVHom0 { text-align: left;  width: auto!important; display: inline-block;  } h1.guten-element.guten-PVHom0, h2.guten-element.guten-PVHom0, h3.guten-element.guten-PVHom0, h4.guten-element.guten-PVHom0, h5.guten-element.guten-PVHom0, h6.guten-element.guten-PVHom0 { color: rgba(64, 80, 93, 1); font-family: "Plus Jakarta Sans"; font-size: 14px; font-weight: 600; line-height: 1.2em;  overflow-wrap: normal; word-break: normal; } .guten-PVHom0.guten-element { border-bottom-style: solid; border-bottom-width: 1.5px; } .guten-element.guten-PVHom0 { margin-top: 0px; margin-bottom: 0px; padding-bottom: 3px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-PVHom0, h2.guten-element.guten-PVHom0, h3.guten-element.guten-PVHom0, h4.guten-element.guten-PVHom0, h5.guten-element.guten-PVHom0, h6.guten-element.guten-PVHom0 { font-size: 14px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-PVHom0, h2.guten-element.guten-PVHom0, h3.guten-element.guten-PVHom0, h4.guten-element.guten-PVHom0, h5.guten-element.guten-PVHom0, h6.guten-element.guten-PVHom0 { font-size: 12px; } }.guten-qmcefv { text-align: left;   } h1.guten-element.guten-qmcefv, h2.guten-element.guten-qmcefv, h3.guten-element.guten-qmcefv, h4.guten-element.guten-qmcefv, h5.guten-element.guten-qmcefv, h6.guten-element.guten-qmcefv { color: rgba(1, 22, 39, 1); font-family: "Plus Jakarta Sans"; font-size: 56px; font-weight: 700; text-transform: normal; font-style: normal; text-decoration: none; line-height: 1.2em; letter-spacing: -0.02em;  overflow-wrap: break-word; word-break: break-word; } @media only screen and (max-width: 767px) { h1.guten-element.guten-qmcefv, h2.guten-element.guten-qmcefv, h3.guten-element.guten-qmcefv, h4.guten-element.guten-qmcefv, h5.guten-element.guten-qmcefv, h6.guten-element.guten-qmcefv { font-size: 36px; line-height: 44px; } }.guten-Vudbzo { columns: 1; text-align: left; color: rgba(64, 80, 93, 1); font-family: "Inter"; font-size: 18px; font-weight: 400; line-height: 1.7em;   } .guten-element.guten-Vudbzo { margin-right: 60px; } @media only screen and (max-width: 767px) { .guten-Vudbzo { font-size: 16px; line-height: 24px;  display: inline-block; } .guten-element.guten-Vudbzo { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } }.guten-inF9f6.guten-element { overflow: inherit; } .guten-inF9f6 .guten-inner-wrap { width: 100%; } .guten-inF9f6:not(.background-animated), .guten-inF9f6.background-animated > .guten-inner-wrap > .guten-background-animated .animated-layer { background-color: var(--wp--preset--color--base);  } .guten-inF9f6 {  padding-top: 4%; padding-right: 5%; padding-bottom: 4%; padding-left: 5%; }.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: 1024px) { .guten-element.guten-per-services-cards { padding-right: 20px; padding-left: 20px; } } @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; padding-right: 20px; padding-left: 20px; } }.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-com-digital-h2 { text-align: center;   } h1.guten-element.guten-com-digital-h2, h2.guten-element.guten-com-digital-h2, h3.guten-element.guten-com-digital-h2, h4.guten-element.guten-com-digital-h2, h5.guten-element.guten-com-digital-h2, h6.guten-element.guten-com-digital-h2 { color: var(--wp--preset--color--white); font-family: "Helvetica"; font-size: 34px; font-weight: 600; line-height: 1.3em;  overflow-wrap: break-word; word-break: break-word; } .guten-element.guten-com-digital-h2 { margin-top: 0px; margin-bottom: 12px; } @media only screen and (max-width: 1024px) { .guten-com-digital-h2 { text-align: center; } } @media only screen and (max-width: 767px) { .guten-com-digital-h2 { text-align: center; } h1.guten-element.guten-com-digital-h2, h2.guten-element.guten-com-digital-h2, h3.guten-element.guten-com-digital-h2, h4.guten-element.guten-com-digital-h2, h5.guten-element.guten-com-digital-h2, h6.guten-element.guten-com-digital-h2 { font-size: 24px; } }.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; } }