.devx-groups-grid{overflow:hidden;padding-bottom:var(--spacing--224)}.devx-groups-grid:first-child{padding-top:calc(var(--header-height) + var(--block-spacing-lg))!important}@media(max-width:767.98px){.devx-groups-grid:first-child{padding-top:calc(var(--header-height) + var(--block-spacing-xxs))!important}}@media(max-width:1279.98px){.devx-groups-grid{padding-bottom:var(--spacing--84)}}.devx-groups-grid.devx-theme--dark{background-color:var(--blue-500);color:var(--neutral-50)}.devx-groups-grid .devx-groups-grid__wrapper{position:relative}.devx-groups-grid .devx-groups-grid__header{margin-bottom:0}.devx-groups-grid .devx-groups-grid__subheader{color:var(--blue-100);font-size:var(--font-size--22);margin-top:var(--spacing--8);padding-left:5.125rem}@media(max-width:1599.98px){.devx-groups-grid .devx-groups-grid__subheader{padding-left:4.5rem}}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__subheader{font-size:var(--font-size--18);padding-left:3.5rem}}.devx-groups-grid .devx-groups-grid__top{padding-bottom:var(--spacing--120)}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__top{padding-bottom:var(--spacing--48);padding-top:0}}.devx-groups-grid .devx-groups-grid__group-items{-moz-column-gap:var(--spacing--24);column-gap:var(--spacing--24);row-gap:var(--spacing--48)}@media(max-width:1279.98px){.devx-groups-grid .devx-groups-grid__group-items{row-gap:var(--spacing--24)}}.devx-groups-grid .devx-groups-grid__group-items--size-25{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr)}@media(max-width:1279.98px){.devx-groups-grid .devx-groups-grid__group-items--size-25{grid-template-columns:repeat(2,1fr)}}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__group-items--size-25{grid-template-columns:repeat(1,1fr)}}.devx-groups-grid .devx-groups-grid__group-items--size-50{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr)}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__group-items--size-50{grid-template-columns:repeat(1,1fr)}}.devx-groups-grid .devx-groups-grid__group h3{font-size:var(--font-size--32);margin-bottom:var(--spacing--32)}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__group h3{font-size:var(--font-size--24)}}.devx-groups-grid .devx-groups-grid__group+.devx-groups-grid__group{margin-top:var(--spacing--60)}.devx-groups-grid .devx-groups-grid__group-item .devx-figure{border-radius:var(--border-radius--4);margin-bottom:var(--spacing--22);overflow:hidden;position:relative}.devx-groups-grid .devx-groups-grid__group-item img{height:15rem;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-duration) var(--transition-ease);width:100%}.devx-groups-grid .devx-groups-grid__group-item:hover img{transform:scale(1.1)}.devx-groups-grid .devx-groups-grid__group-item .devx-groups-grid__item-title{font-size:var(--font-size--22);margin-bottom:var(--spacing--4)}@media(max-width:1599.98px){.devx-groups-grid .devx-groups-grid__group-item .devx-groups-grid__item-title{font-size:var(--font-size--20)}}.devx-groups-grid .devx-groups-grid__group-item .devx-blog-slider__item-excerpt{color:var(--blue-100);margin-bottom:var(--spacing--16);margin-top:0}.devx-groups-grid .devx-groups-grid__group-item--type-icon{background:var(--blue-400);display:flex;flex-direction:column;padding:var(--spacing--24)}.devx-groups-grid .devx-groups-grid__group-item--type-icon img{height:4.375rem;margin-bottom:var(--spacing--24);-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;transform:none!important;width:100%}.devx-groups-grid .devx-groups-grid__group-item--type-icon .devx-groups-grid__item-title{color:var(--blue-100);font-size:var(--font-size--32);margin-bottom:var(--spacing--4);min-height:8.75rem}@media(max-width:1599.98px){.devx-groups-grid .devx-groups-grid__group-item--type-icon .devx-groups-grid__item-title{font-size:var(--font-size--24)}}@media(max-width:767.98px){.devx-groups-grid .devx-groups-grid__group-item--type-icon .devx-groups-grid__item-title{margin-bottom:var(--spacing--8);min-height:0}}.devx-groups-grid .devx-groups-grid__group-item--type-icon .devx-blog-slider__item-excerpt{color:var(--neutral-50);padding-bottom:var(--spacing--24)}.devx-groups-grid .devx-groups-grid__item-link{display:inline-flex;margin-top:auto;position:relative;text-decoration:none}.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-wrapper{grid-column-gap:.5rem;align-items:baseline;align-self:center;display:flex;justify-content:flex-start;overflow:hidden;position:relative}.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-text{transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg);transform-style:preserve-3d;transition:all var(--transition-duration) var(--transition-ease)}.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-before{flex-flow:row;inset:auto auto 0 -1.5rem;position:absolute}.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-after,.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-before{align-items:center;align-self:center;display:flex;flex:none;height:100%;justify-content:center;max-height:100%;transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg);transform-style:preserve-3d;transition:all var(--transition-duration) var(--transition-ease)}.devx-groups-grid .devx-groups-grid__item-link .devx-groups-grid__item-link-after{position:relative}.devx-groups-grid .devx-groups-grid__item-link svg{display:inline-flex;height:var(--icon-size-20);transition:all var(--transition-duration) var(--transition-ease);width:var(--icon-size-20)}.devx-groups-grid .devx-groups-grid__item-link:hover .devx-groups-grid__item-link-after,.devx-groups-grid .devx-groups-grid__item-link:hover .devx-groups-grid__item-link-before,.devx-groups-grid .devx-groups-grid__item-link:hover .devx-groups-grid__item-link-text{transform:translate3d(1.5rem,0,0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg)}.devx-groups-grid .devx-groups-grid__item-link:hover svg path{fill:var(--color--cyan-dark);transition:color var(--transition-duration) var(--transition-ease)}.devx-groups-grid .devx-line{height:calc(100% + 7rem);top:0}.devx-groups-grid .devx-line .devx-line__vertical-right{height:7rem}
