section.integration{padding:calc(40 / var(--size) * var(--size-end)) 0}section.integration .bar{margin-bottom:calc(24 / var(--size) * var(--size-end))}section.integration .max{max-width:calc(430 / var(--size) * var(--size-end))}section.integration .subtitle{margin-bottom:calc(14 / var(--size) * var(--size-end))}section.integration .blocks{display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(8 / var(--size) * var(--size-end));padding:0 calc(16 / var(--size) * var(--size-end));margin-top:calc(65 / var(--size) * var(--size-end))}@media (max-width:767px){section.integration .blocks{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 calc(8 / var(--size) * var(--size-end));gap:calc(20 / var(--size) * var(--size-end));margin-top:calc(50 / var(--size) * var(--size-end))}}section.integration .blocks .half{width:calc(50% - 5.3333333333 / var(--size) * var(--size-end))}@media (max-width:767px){section.integration .blocks .half{width:100%}}section.integration .blocks .quarter{width:calc(25% - 5.3333333333 / var(--size) * var(--size-end))}@media (max-width:767px){section.integration .blocks .quarter{width:100%}}section.integration .thumb{padding-bottom:75%}section.integration .block{background:#EBE5E1;padding:calc(24 / var(--size) * var(--size-end));height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}@media (max-width:767px){section.integration .block{padding-top:calc(28 / var(--size) * var(--size-end));max-height:calc(72 / var(--size) * var(--size-end));-webkit-transition:max-height 0.75s cubic-bezier(0.62,0.05,0.01,0.99);transition:max-height 0.75s cubic-bezier(0.62,0.05,0.01,0.99);overflow:hidden}section.integration .block.active .top>svg{-webkit-transform:none;transform:none}}section.integration .block:before{content:"";display:block;position:absolute;width:calc(6 / var(--size) * var(--size-end));height:calc(6 / var(--size) * var(--size-end));top:0;left:0;background:var(--edge);opacity:0.5}section.integration .block.t--delay_1000{background:var(--lime)}section.integration .block.t--delay_1000 ul li{border-color:#ADCC30}section.integration .block.t--delay_1000 .top>svg rect{fill:#F6FFD3}section.integration .block .desc{opacity:0.5;margin-top:calc(12 / var(--size) * var(--size-end))}@media (max-width:767px){section.integration .block .desc{margin-top:calc(21 / var(--size) * var(--size-end))}}section.integration .block .top>svg{display:none}@media (max-width:767px){section.integration .block .top{position:relative}section.integration .block .top>svg{position:absolute;width:calc(30 / var(--size) * var(--size-end));height:auto;height:initial;display:block;top:calc(-7 / var(--size) * var(--size-end));right:0;pointer-events:none;-webkit-transform:scaleY(-1);transform:scaleY(-1)}}@media (max-width:767px){section.integration .block .bottom{margin-top:calc(37 / var(--size) * var(--size-end));margin-bottom:calc(7 / var(--size) * var(--size-end))}}section.integration .block ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:calc(3 / var(--size) * var(--size-end)) 0 calc(3 / var(--size) * var(--size-end)) calc(10 / var(--size) * var(--size-end));border-left:1px solid var(--block);margin-top:calc(14 / var(--size) * var(--size-end))}section.integration .block ul li img,section.integration .block ul li svg{width:calc(14 / var(--size) * var(--size-end));margin-right:calc(8 / var(--size) * var(--size-end));display:block;height:auto;height:initial}