.complex-diagram{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);margin:0 auto;max-height:350px}.complex-diagram .card{align-items:center;background-color:#f0f0f0;border-radius:9px;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center}.complex-diagram .card-1{background:linear-gradient(179deg,#fff 17.49%,#e3e3e3 85.43%);font-weight:700;grid-column:1;grid-row:1/span 3}.complex-diagram .card-1 .title{margin-top:25px}.complex-diagram .card-2{background:linear-gradient(180deg,#39b9c1,#596ced);grid-column:1;grid-row:4/span 3}.complex-diagram .card-3{background:linear-gradient(181deg,#596ced 67.07%,#a0a4ee 120.83%);grid-column:2;grid-row:1/span 5}.complex-diagram .card-4{background-color:transparent;border:1px solid #fff;border-radius:7px;flex-direction:row;font-size:14px;grid-column:2;grid-row:6;padding:10px 5px}.complex-diagram .card-4 .icon{margin-right:4px;max-width:30px}.complex-diagram .card-5{background:linear-gradient(180deg,#a0a4ee,#e45b90 67%);grid-column:3;grid-row:1/span 3}.complex-diagram .card-6{background:linear-gradient(180deg,#596ced,#9c5edf);grid-column:3;grid-row:4/span 3}.complex-diagram .card-2 .title,.complex-diagram .card-3 .title,.complex-diagram .card-4 .title,.complex-diagram .card-5 .title,.complex-diagram .card-6 .title{color:#fff;font-weight:700}.complex-diagram .card-4 .title{margin-left:7px}.complex-diagram .arrow{position:absolute;z-index:99999}.complex-diagram .card-1 .arrow{bottom:-45px}.complex-diagram .card-2 .arrow{right:-20px;top:10%;transform:rotate(-90deg)}.complex-diagram .card-3 .arrow{bottom:-32px}.complex-diagram .card-3 .arrow svg:nth-of-type(2){transform:rotate(180deg)}.complex-diagram .card-3 .side-arrow{bottom:unset;right:-20px;top:20%;transform:rotate(-90deg)}.complex-diagram .card-4 .arrow{display:none}.complex-diagram .card-5 .arrow{bottom:-45px}.complex-diagram .content-icons{align-items:center;display:flex;flex-wrap:wrap;gap:26px 16px;justify-content:center;margin-top:20px;max-width:290px}.complex-diagram .content-icons img{display:block;flex:1 1 calc(33.33% - 16px);margin:0 auto;max-width:100%;text-align:center}.complex-diagram .card .num{color:#fff;font-family:Inter;font-size:32px;font-style:normal;font-weight:700;left:15px;line-height:normal;opacity:.4;position:absolute;text-align:center;top:7px}.complex-diagram .card .num.num-1{color:#cad0dc;opacity:1}@media (max-width:768px){.complex-diagram{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;max-height:unset}.complex-diagram .card-1{grid-column:1;grid-row:1;min-height:130px}.complex-diagram .card-2{grid-column:2;grid-row:1}.complex-diagram .card-3{grid-column:1/span 2;grid-row:2;min-height:175px}.complex-diagram .card-4{grid-column:1/span 2;grid-row:3;min-height:85px}.complex-diagram .card-5{grid-column:1;grid-row:4;min-height:130px}.complex-diagram .card-6{grid-column:2;grid-row:4}.complex-diagram .card .icon{max-width:45px}.complex-diagram .card-1 .arrow{bottom:unset;right:-20px;top:20%;transform:rotate(-90deg)}.complex-diagram .card-2 .arrow{bottom:-45px;right:unset;top:unset;transform:rotate(0deg)}.complex-diagram .card-3 .arrow{bottom:-32px}.complex-diagram .card-3 .arrow svg:nth-of-type(2){transform:rotate(180deg)}.complex-diagram .card-3 .side-arrow{display:none}.complex-diagram .card-4 .arrow{bottom:-45px;display:block;left:17%}.complex-diagram .card-5 .arrow{bottom:unset;right:-20px;top:24%;transform:rotate(-90deg)}.complex-diagram .content-icons{flex-wrap:nowrap}}@media (max-width:475px){.complex-diagram .content-icons{flex-wrap:wrap}.complex-diagram .card-3{min-height:250px}}