.main .preLayout{padding:56px 0 26px}.main .preLayout a{display:inline-block;font-size:20px;font-weight:500;color:#1b74da;position:relative;padding-inline-start:40px}.main .preLayout a:before{content:"";display:block;width:20px;height:20px;border:3px solid #1b74da;transform:rotate(45deg);border-inline-end:0;border-top:0;position:absolute;inset-inline-start:0;top:50%;margin-top:-10px}.main .integrationLayout .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;gap:64px}@media(max-width: 640px){.main .integrationLayout .container{flex-flow:column nowrap;gap:24px}}.main .integrationLayout .container aside{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;gap:40px;width:280px}@media(max-width: 640px){.main .integrationLayout .container aside{width:100%}}.main .integrationLayout .container aside .integrationLogo{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:70px 24px;box-sizing:border-box;position:relative;border:1px solid #000;border-radius:8px}.main .integrationLayout .container aside .integrationLogo img{display:block;margin:0 auto;height:auto}.main .integrationLayout .container aside .integrationLogo.topIntegration:after{content:"";display:block;width:46px;height:40px;background:url("/assets/icons/top-star-light.svg") no-repeat left center/contain;position:absolute;inset-inline-end:0;top:11px}.main .integrationLayout .container aside .actions [class^=btn-]{width:100%}.main .integrationLayout .container aside .categories{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:8px}@media(max-width: 640px){.main .integrationLayout .container aside .categories{display:none}}.main .integrationLayout .container aside .categories h3{margin-bottom:16px}.main .integrationLayout .container article{width:calc(100% - 344px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;gap:16px}@media(max-width: 640px){.main .integrationLayout .container article{width:100%}}@media(max-width: 640px){.main .integrationLayout .container article h1{text-align:center}}.main .integrationLayout .container article .categories{display:none}@media(max-width: 640px){.main .integrationLayout .container article .categories{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:8px}}[locale=ar_AE] .main .preLayout a:before{transform:rotate(-45deg)}[locale=ar_AE] .main .integrationLayout .container aside .integrationLogo.topIntegration:after{transform:scaleX(-1)}

/*# sourceMappingURL=single.min.css.map*/