.diagramf-container{padding:4rem 2rem;min-height:100vh;flex-direction:row;direction:ltr;font-family:Cairo,sans-serif;background:#f8f9fa;gap:0;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden}.diagramf-container,.diagramf-container .center-logo{position:relative;display:flex;align-items:center;justify-content:center}.diagramf-container .center-logo{width:400px;height:400px;background:#fff;border:1px solid #bbb;border-radius:50%;box-shadow:0 14px 24px rgba(0,0,0,.4);padding:20px;flex-shrink:0;flex-grow:0}.diagramf-container .center-logo .logo-image{width:100%;height:100%;object-fit:contain}.diagramf-container .cards-circle{position:relative;width:880px;height:880px;counter-reset:card-counter;flex-shrink:0}.diagramf-container .cards-circle .card-wrapper-border{position:absolute;border-bottom:2px solid #000;border-right:2px solid #000;border-color:#000;border-style:solid dotted dotted solid;border-width:2px;border-radius:15px;padding:1.2%;background:#fff;box-shadow:0 8px 14px rgba(0,0,0,.4);transform:rotate(45deg)}.diagramf-container .cards-circle .card-wrapper-border:before{position:absolute;width:40px;height:40px;background:#fff;border:2px dotted #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:22px;color:#0f172a;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:-.8px;text-shadow:0 4px 28px rgba(0,0,0,.4);box-shadow:0 4px 28px rgba(0,0,0,.4);z-index:10;transform:rotate(-45deg);padding:2%}.diagramf-container .cards-circle .card-wrapper-border:after{content:"";position:absolute;background:repeating-linear-gradient(180deg,#333 0,#333 4px,transparent 0,transparent 8px);z-index:5;transform:rotate(225deg)}.diagramf-container .cards-circle .card-wrapper-border:first-child{top:62.8%;left:64%}.diagramf-container .cards-circle .card-wrapper-border:first-child:before{content:"5";top:-104px;right:-104px}.diagramf-container .cards-circle .card-wrapper-border:first-child:after{width:2px;height:88px;top:-72px;right:-32px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2){top:81.8%;left:45.2%}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):before{content:"6";top:-104px;right:-104px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):after{width:2px;height:88px;top:-72px;right:-32px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3){top:43.2%;left:45%}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):before{content:"3";top:220px;left:-100px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):after{width:2px;height:88px;top:155px;left:-29px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4){top:62.8%;left:26%}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):before{content:"4";top:220px;left:-100px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):after{width:2px;height:88px;top:155px;left:-29px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5){top:5%;left:44.8%}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):before{content:"1";top:220px;left:-100px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):after{width:2px;height:88px;top:155px;left:-29px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6){top:24.2%;left:64.2%}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):before{content:"2";top:-104px;right:-104px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):after{width:2px;height:88px;top:-72px;right:-32px}.diagram-card{width:150px;height:150px;perspective:1000px;text-decoration:none;display:block;transition:transform .2s ease;animation:cardEntrance .6s ease-out forwards;cursor:pointer}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes activePulse{0%,to{box-shadow:0 12px 40px rgba(37,99,235,.4)}50%{box-shadow:0 12px 40px rgba(37,99,235,.6)}}.diagram-card:hover{transform:scale(1.02)}.diagram-card:hover .card-back,.diagram-card:hover .card-front{border-color:rgba(37,99,235,.3)}.diagram-card:focus{outline-offset:2px}.diagram-card:focus-visible{outline-offset:3px}.diagram-card:focus-visible .card-back,.diagram-card:focus-visible .card-front{box-shadow:0 12px 40px rgba(37,99,235,.3);border-color:rgba(37,99,235,.5)}.diagram-card .card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;transform:rotate(-45deg)}.diagram-card:hover .card-inner{transform:rotate(-45deg) rotateX(180deg)}.diagram-card:hover .card-back,.diagram-card:hover .card-front{box-shadow:0 12px 40px rgba(0,0,0,.2)}.diagram-card .card-back,.diagram-card .card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:1rem;border:2px solid rgba(0,0,0,0);background-clip:padding-box;box-shadow:0 8px 32px rgba(0,0,0,.1);border-radius:20px;transition:box-shadow .3s ease,border-color .3s ease}.diagram-card .card-front{background:#fff}.diagram-card .card-front .card-logo{height:100%;object-fit:contain;transform:rotate(-45deg)}.diagram-card .card-back{background:hsla(0,0%,100%,.95);color:#333;transform:rotateX(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative}.diagram-card .card-back .company-name{margin:0;font-size:.8rem;line-height:1.2;text-align:center;max-width:100%;font-weight:600;color:#fff}.diagram-card.pink .card-front{background:#b391a6}.diagram-card.pink .card-back,.diagram-card.pink .card-front{border-color:#b391a6;box-shadow:0 8px 32px rgba(236,72,153,.2)}.diagram-card.pink .card-back{background:#fff}.diagram-card.green .card-front{background:#7eb4c2;border-color:#7eb4c2;box-shadow:0 8px 32px rgba(16,185,129,.2)}.diagram-card.green .card-back{background:#fff;border-color:#7eb4c2;box-shadow:0 8px 32px rgba(16,185,129,.2)}.diagram-card.cyan .card-front{background:#aed9b7}.diagram-card.cyan .card-back,.diagram-card.cyan .card-front{border-color:#aed9b7;box-shadow:0 8px 32px rgba(6,182,212,.2)}.diagram-card.cyan .card-back{background:#fff}.diagram-card.teal .card-front{background:#002a38}.diagram-card.teal .card-back,.diagram-card.teal .card-front{border-color:#002a38;box-shadow:0 8px 32px rgba(20,184,166,.2)}.diagram-card.teal .card-back{background:#fff}.diagram-card.yellow .card-front{background:#d6bc80;border-color:#d6bc80;box-shadow:0 8px 32px rgba(234,179,8,.2)}.diagram-card.yellow .card-back{background:#fff;border-color:#d6bc80;box-shadow:0 8px 32px rgba(234,179,8,.2)}.diagram-card.coral .card-front{background:#e2aaaa}.diagram-card.coral .card-back,.diagram-card.coral .card-front{border-color:#e2aaaa;box-shadow:0 8px 32px rgba(255,107,107,.2)}.diagram-card.coral .card-back{background:#fff}@media(max-width:1400px){.diagramf-container{padding:3rem 1.5rem}.diagramf-container .center-logo{width:280px;height:280px;padding:20px}.diagramf-container .center-logo .logo-image{width:80%;height:80%}.diagramf-container .cards-circle{width:600px;height:600px;counter-reset:card-counter}.diagramf-container .diagram-card{width:128px;height:128px}.diagramf-container .cards-circle .card-wrapper-border:before{font-size:20px;font-weight:900;width:28px;height:28px;padding:2%}.diagramf-container .cards-circle .card-wrapper-border:after{width:2px;height:40px}.diagramf-container .cards-circle .card-wrapper-border:first-child:before{top:-74px;right:-74px}.diagramf-container .cards-circle .card-wrapper-border:first-child:after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):before{top:-74px;right:-74px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):before{top:188px;left:-88px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):after{top:122px;left:-26px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):before{top:188px;left:-88px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):after{top:122px;left:-26px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):before{top:188px;left:-88px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):after{top:122px;left:-26px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):before{top:-74px;right:-74px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):after{top:-70px;right:-30px}}@media(max-width:1200px){.diagramf-container{padding:3rem 1.5rem}.diagramf-container .center-logo{width:240px;height:240px;padding:20px}.diagramf-container .center-logo .logo-image{width:80%;height:80%}.diagramf-container .cards-circle{width:480px;height:480px;counter-reset:card-counter}.diagramf-container .diagram-card{width:100px;height:100px}.diagramf-container .cards-circle .card-wrapper-border:before{font-size:18px;font-weight:900;width:34px;height:34px;padding:2%}.diagramf-container .cards-circle .card-wrapper-border:after{width:2px;height:45px}.diagramf-container .cards-circle .card-wrapper-border:first-child:before{top:-80px;right:-80px}.diagramf-container .cards-circle .card-wrapper-border:first-child:after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):before{top:-80px;right:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):before{top:150px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):after{top:96px;left:-28px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):before{top:150px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):after{top:96px;left:-28px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):before{top:150px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):after{top:96px;left:-28px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):before{top:-80px;right:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):after{top:-70px;right:-30px}}@media(max-width:1024px){.diagramf-container{padding:2rem 1.4rem}.diagramf-container .center-logo{width:220px;height:220px;padding:20px}.diagramf-container .center-logo .logo-image{width:80%;height:80%}.diagramf-container .cards-circle{width:480px;height:480px;counter-reset:card-counter}.diagramf-container .diagram-card{width:100px;height:100px}.diagramf-container .cards-circle .card-wrapper-border:before{font-size:16px;font-weight:900;width:32px;height:32px;padding:2%}.diagramf-container .cards-circle .card-wrapper-border:after{width:2px;height:40px}.diagramf-container .cards-circle .card-wrapper-border:first-child:before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:first-child:after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):before{top:148px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):after{top:100px;left:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):before{top:148px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):after{top:100px;left:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):before{top:148px;left:-80px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):after{top:100px;left:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):after{top:-70px;right:-30px}}@media(max-width:820px){.diagramf-container{padding:0;flex-direction:column!important;gap:8rem;justify-content:center}.diagramf-container .center-logo{width:200px;height:200px;padding:20px}.diagramf-container .center-logo .logo-image{width:80%;height:80%}.diagramf-container .cards-circle{width:600px;height:600px;counter-reset:card-counter}.diagramf-container .diagram-card{width:120px;height:120px}.diagramf-container .diagram-card .card-front .card-logo{width:100%;height:100%}.diagramf-container .diagram-card .card-back{padding:.4rem}.diagramf-container .diagram-card .card-back .company-name{font-size:.6rem;margin-bottom:.25rem}.diagramf-container .cards-circle .card-wrapper-border:before{font-size:14px;font-weight:900;width:30px;height:30px;padding:2%}.diagramf-container .cards-circle .card-wrapper-border:after{width:2px;height:35px}.diagramf-container .cards-circle .card-wrapper-border:first-child:before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:first-child:after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(2):after{top:-70px;right:-30px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):before{top:168px;left:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(3):after{top:114px;left:-25px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):before{top:168px;left:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(4):after{top:114px;left:-25px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):before{top:168px;left:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(5):after{top:114px;left:-25px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):before{top:-70px;right:-70px}.diagramf-container .cards-circle .card-wrapper-border:nth-child(6):after{top:-70px;right:-30px}}@media(max-width:480px){.diagramf-container{flex-direction:column;gap:1.2rem;padding:1.5rem}.diagramf-container .center-logo{width:150px;height:150px;padding:15px}.diagramf-container .center-logo .logo-image{width:80%;height:80%}.diagramf-container .cards-circle{width:400px;height:400px;counter-reset:card-counter}.diagramf-container .diagram-card{width:80px;height:80px}.diagramf-container .diagram-card .card-front .card-logo{width:88%;height:88%}.diagramf-container .diagram-card .card-back{padding:0}.diagramf-container .diagram-card .card-back .company-name{font-size:.48rem;margin-bottom:.8rem}.diagramf-container .cards-circle .card-wrapper-border:before{font-size:12px;font-weight:400;width:28px;height:28px;padding:0;display:none}.diagramf-container .cards-circle .card-wrapper-border:after{width:1px;height:28px!important;display:none}}[dir=rtl] .diagramf-container{text-align:right}.diagramf-container .diagramf-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto 1fr 1fr;grid-gap:1rem;gap:1rem;width:100%;align-items:start;padding:8.8rem}.diagramf-container .grid-header{display:flex;align-items:center;justify-content:center}.diagramf-container .grid-header .header-logo{width:100%;max-width:400px;height:auto;object-fit:contain}.diagramf-container .grid-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem}.diagramf-container .grid-item-logo{width:100%;display:flex;align-items:center;justify-content:center}.diagramf-container .grid-item-logo img{width:100%;max-width:280px;height:auto;object-fit:contain}.diagramf-container .diagram-card{width:100%;height:240px;perspective:none;transition:transform .2s ease,box-shadow .2s ease;transform:none;animation:none;display:block;border-radius:14px}.diagramf-container .diagram-card:hover{transform:scale(1.05);box-shadow:0 14px 28px rgba(0,0,0,.4)}.diagramf-container .diagram-card .card-front{display:none!important}.diagramf-container .diagram-card .card-back{position:relative;width:100%;height:100%;-webkit-backface-visibility:visible;backface-visibility:visible;display:flex;align-items:center;justify-content:center;padding:.75rem;border:2px solid #fff;color:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.4);transform:none!important}.diagramf-container .diagram-card .card-back .company-name{margin:0;font-size:1.2rem;line-height:1.2;text-align:center;font-weight:400;color:#000}.diagramf-container .diagram-card.pink .card-back{background:linear-gradient(180deg,rgba(248,194,132,.7490196078),#fac486)}.diagramf-container .diagram-card.green .card-back{background:linear-gradient(180deg,rgba(150,58,53,.7490196078),#8e3c2e)}.diagramf-container .diagram-card.cyan .card-back{background:linear-gradient(180deg,rgba(140,159,154,.7490196078),#aacbc2)}.diagramf-container .diagram-card.teal .card-back{background:linear-gradient(180deg,#002a38,#0db1a8)}.diagramf-container .diagram-card.yellow .card-back{background:linear-gradient(180deg,rgba(250,223,197,.7490196078),#f5ddc5)}.diagramf-container .diagram-card.coral .card-back{background:linear-gradient(180deg,rgba(240,115,33,.7490196078),#f07321)}@media(max-width:820px){.diagramf-container .diagramf-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}.diagramf-container .diagram-card{height:160px}}@media(max-width:480px){.diagramf-container .diagramf-grid{grid-template-columns:repeat(2,1fr);padding:2rem;gap:.6rem}.diagramf-container .diagram-card{height:140px}}.diagramf-container .grid-header{grid-column:1/-1}.diagramf-container .grid-item{grid-row:span 2}