/* Content/css/v2/sections/integration-detail-page.css
   Powers _Office365.cshtml, _Stripe.cshtml (rendered through
   Views/Integrations/Index.cshtml via IntegrationsController, switched
   on ViewBag.Filter). NOT to be confused with sections/integrations.css,
   which is the Home page's hub-and-spoke diagram (_Integrations partial)
   -- unrelated component, similarly-named by coincidence.

   These pages share the same hero-area/feature-hero/video-hero-area/
   integration/key-benefits-area/softwear-area skeleton as the Product
   pages (ClientManagement/ProcessAutomation/Compliance), so this file
   only carries the rules unique to this page beyond what
   product-page.css already provides: the "Start Trial" hero-button,
   and the two-column feature tab layout (col-small-tab/col-large-tab/
   s-image-tab) used in the "How X works with Caseeasy" section.
   Load product-page.css first (no hard dependency, but keeps related
   rules together in the bundle).

   Ported as-is from assets.3.0/css/style.1.0.6.css, in original order. */

.hero-button a {
    line-height: 20px;
    padding: 17.5px 34px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(102deg, #1D78FF 0%, #267EFF 100%);
    z-index: 9;
}

.hero-button a img {
    padding-left: 5px;
    top: -1px;
    position: relative;
}

.col-small-tab {
    flex: 0 0 auto;
    width: 39%;
}

.col-large-tab {
    flex: 0 0 auto;
    width: 61%;
}

.s-image-tab .tab-img {
    text-align: right;
}

.s-image-tab .tab-img img {
    right: -58px;
    position: relative;
}

.interagtion-content .s-image-tab .tab-img img {
    right: -54px;
    margin-top: -19px;
}