.rendering-services{background:linear-gradient(180deg,#011648 0%,#010C25 100%);padding:140px 0 160px 0}.rendering-services .main-h2{color:var(--n-white);text-align:center;margin-bottom:60px}.rendering-services .items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rendering-services .item{height:360px;background:#092D8280;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:20px;overflow:hidden;padding:32px 48px;border:1px solid #fff0;transition:border 0.2s}.rendering-services .item:hover{border:1px solid #9DC7FF33;background:#092D82CC}.rendering-services .item.horizontal:hover{background:linear-gradient(180deg,rgb(9 45 130 / .8) 0%,rgb(16 70 196 / .8) 100%)}.rendering-services .item .bg-img{position:absolute;bottom:0;right:0;width:100%;height:100%;object-fit:cover;z-index:1}.rendering-services .item .bg-img.bg-img-tablet{display:none}.rendering-services .item .main-h4{color:var(--n-white)}.rendering-services .item.vertical{grid-row:span 2;height:100%;justify-content:flex-end}.rendering-services .item.horizontal{grid-column:span 2;width:100%;align-items:flex-end}.rendering-services .item.horizontal:last-child{align-items:flex-start}.rendering-services .item.vertical .icon,.rendering-services .item.horizontal .icon{display:none}.rendering-services .item .small-text-semibold{margin-top:12px;color:var(--d-grey)}.rendering-services .item .content{position:relative;z-index:2;text-align:center;margin-top:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rendering-services .item .content .small-text-semibold{max-width:320px}.rendering-services .item.vertical .content,.rendering-services .item.horizontal .content{width:498px}.rendering-services .item .icon{width:48px;height:48px}.rendering-services .mobile-image{display:none}@media (max-width:1919px){.rendering-services{padding:100px 0 120px 0}.rendering-services .item{height:280px;padding:32px 40px}.rendering-services .item .small-text-semibold{margin-top:10px}.rendering-services .item.vertical .content,.rendering-services .item.horizontal .content{width:368px}}@media (max-width:1439px){.rendering-services{padding:80px 0 100px 0}.rendering-services .item{height:auto;padding:32px 40px;border-radius:16px}.rendering-services .item.vertical .content,.rendering-services .item.horizontal .content{width:320px}.rendering-services .item .content{margin-top:20px}.rendering-services .item .icon{width:40px;height:40px}.rendering-services .main-h2{margin-bottom:48px}.rendering-services .item .content .small-text-semibold{max-width:100%}}@media(max-width:1279px){.rendering-services .items{grid-template-columns:repeat(2,1fr)}.rendering-services .item:nth-child(4){order:1}.rendering-services .item:nth-child(1){order:2}.rendering-services .item:nth-child(2){order:3}.rendering-services .item:nth-child(3){order:4}.rendering-services .item:nth-child(5){order:5}.rendering-services .item:nth-child(6){order:6}.rendering-services .item.horizontal:last-child{grid-column:span 1;align-items:center}.rendering-services .item.horizontal:last-child .bg-img{display:none}.rendering-services .item.horizontal:last-child .icon{display:block}.rendering-services .item.horizontal:last-child .content{width:100%}.rendering-services .item.horizontal .bg-img{display:none}.rendering-services .item .bg-img.bg-img-tablet{display:block}.rendering-services .item{padding:32px}.rendering-services .item.horizontal:nth-child(4){align-items:flex-start;padding:64px 20px}.rendering-services .item.vertical .content,.rendering-services .item.horizontal .content{width:300px}.rendering-services .item.horizontal:nth-child(4) .content{margin-top:0}}@media (max-width:577px){.rendering-services .mobile-image{display:block;border-radius:16px;width:100%;margin-bottom:40px}.rendering-services{padding:60px 0 80px 0}.rendering-services .main-h2{margin-bottom:32px}.rendering-services .items{display:flex;flex-direction:column;gap:10px}.rendering-services .item .bg-img.bg-img-tablet{display:none}.rendering-services .item.vertical .icon,.rendering-services .item.horizontal .icon{display:block}.rendering-services .item .bg-img{display:none}.rendering-services .item.horizontal:nth-child(4){padding:20px;align-items:center}.rendering-services .item,.rendering-services .item.vertical{flex-direction:row;padding:20px;justify-content:flex-start;gap:16px;align-items:center}.rendering-services .item .content .small-text-semibold{display:none}.rendering-services .item.vertical .content,.rendering-services .item.horizontal .content{width:fit-content}.rendering-services .item .content{margin-top:0}}