#Kapsulah-Type1-Infographic{--selected-font-family:Tajawal;--kapsulahButtonText:#fff;--item-1-color:#00b0cd;--item-2-color:#fea840;--item-3-color:#3ba1e3;--item-4-color:#693ae6;--item-5-color:#28c7a2;--item-6-color:#e91e63;--item-7-color:#3f51b5;--item-8-color:#ff5722;--item-9-color:#8bc34a;--item-10-color:#009688;display:flex;flex-wrap:wrap;justify-content:center;padding:4rem 2rem;border-radius:3px;box-shadow:rgba(0,0,0,.16) 0 1px 4px;border:solid 2px var(--iqraa-border-color);font-family:var(--selected-font-family);transition:opacity .8s ease-out,transform .8s ease-out;width:100%;background-color:#f0f2f5;margin-top:2rem;margin-bottom:2rem}html.iqraa-DM #Kapsulah-Type1-Infographic{--kapsulahButtonText:#e8ebf0;--item-1-color:#087587;--item-2-color:#d6974b;--item-3-color:#4788b3;--item-4-color:#917dc7;--item-5-color:#389a81;--item-6-color:#c2185b;--item-7-color:#7a8af0;--item-8-color:#e64a19;--item-9-color:#689f38;--item-10-color:#00796b;background-color:var(--iqraa-bbcolor)}#Kapsulah-Type1-Infographic .Infographic-Header{width:100%;text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:#333}html.iqraa-DM #Kapsulah-Type1-Infographic .Infographic-Header{color:var(--kapsulahButtonText)}#Kapsulah-Type1-Infographic .hexagon-items-container{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem;width:100%}#Kapsulah-Type1-Infographic .hexagon-item{display:flex;flex-direction:column;justify-content:center;align-items:center;transform:scale(.75);margin:-8.5rem -2.5rem;transition:transform .3s ease-in-out,filter .3s ease-in-out}#Kapsulah-Type1-Infographic .hexagon-item:focus,#Kapsulah-Type1-Infographic .hexagon-item:hover{transform:scale(.8);z-index:10;outline:0}#Kapsulah-Type1-Infographic .hexagon-item:first-child{--current-bg-color:var(--item-1-color);--current-title-color:var(--item-1-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(2){--current-bg-color:var(--item-2-color);--current-title-color:var(--item-2-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(3){--current-bg-color:var(--item-3-color);--current-title-color:var(--item-3-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(4){--current-bg-color:var(--item-4-color);--current-title-color:var(--item-4-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(5){--current-bg-color:var(--item-5-color);--current-title-color:var(--item-5-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(6){--current-bg-color:var(--item-6-color);--current-title-color:var(--item-6-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(7){--current-bg-color:var(--item-7-color);--current-title-color:var(--item-7-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(8){--current-bg-color:var(--item-8-color);--current-title-color:var(--item-8-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(9){--current-bg-color:var(--item-9-color);--current-title-color:var(--item-9-color)}#Kapsulah-Type1-Infographic .hexagon-item:nth-child(10){--current-bg-color:var(--item-10-color);--current-title-color:var(--item-10-color)}#Kapsulah-Type1-Infographic .upper-hexagon-container{position:relative;width:260px;height:290px;z-index:2}#Kapsulah-Type1-Infographic .capsule-end,#Kapsulah-Type1-Infographic .capsule-start,#Kapsulah-Type1-Infographic .small-hex-border,#Kapsulah-Type1-Infographic .upper-hexagon-base,#Kapsulah-Type1-Infographic .upper-hexagon-shape{background-color:var(--current-bg-color)}#Kapsulah-Type1-Infographic .upper-hexagon-base{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;clip-path:url(#KapsulahHexagonShape);background:linear-gradient(to bottom,transparent 65%,var(--current-bg-color) 65%)}#Kapsulah-Type1-Infographic .capsule-end,#Kapsulah-Type1-Infographic .capsule-start{z-index:0;width:30px;height:80px;border-radius:999px;top:60%;transform:translate(50%,-50%);position:absolute}#Kapsulah-Type1-Infographic .capsule-start{right:5.8%}#Kapsulah-Type1-Infographic .capsule-end{left:-5.7%}#Kapsulah-Type1-Infographic .upper-hexagon-border{width:200px;height:230px;background-color:#fff;position:absolute;top:30px;left:30px;clip-path:inherit}#Kapsulah-Type1-Infographic .upper-hexagon-shape{display:flex;justify-content:center;align-items:center;width:calc(100% - 20px);height:calc(100% - 20px);clip-path:inherit;position:absolute;top:10px;left:10px;z-index:1}#Kapsulah-Type1-Infographic .upper-hexagon-icon{width:100px;height:100px;fill:var(--kapsulahButtonText)}#Kapsulah-Type1-Infographic .middle-hexagon-container{position:relative;width:100%;display:flex;justify-content:center;margin-top:-230px;z-index:1}#Kapsulah-Type1-Infographic .middle-hexagon-shape{display:flex;justify-content:center;align-items:center;flex-direction:column;width:400px;height:650px;z-index:1;background-color:#fff;clip-path:url(#KapsulahHexagonShape)}html.iqraa-DM #Kapsulah-Type1-Infographic .middle-hexagon-shape,html.iqraa-DM #Kapsulah-Type1-Infographic .small-hexagon,html.iqraa-DM #Kapsulah-Type1-Infographic .upper-hexagon-border{background-color:#242526;filter:drop-shadow(0 0 2px var(--iqraa-border-color, #555))}html.iqraa-DM #Kapsulah-Type1-Infographic .hexagon-item{filter:drop-shadow(0 0 2px var(--iqraa-border-color, #555))}#Kapsulah-Type1-Infographic .content-wrapper{padding:10rem 3rem 0;display:flex;flex-direction:column;align-items:center}#Kapsulah-Type1-Infographic h3.middle-hexagon-header{font-size:3rem;text-align:center;font-weight:700;color:var(--current-title-color);margin-top:0}#Kapsulah-Type1-Infographic p.middle-hexagon-content{font-size:2.5rem;line-height:1.5;margin:0;text-align:center;font-weight:700}#Kapsulah-Type1-Infographic .small-hexagon-container{position:relative;width:100%;display:flex;justify-content:center;z-index:2;margin-top:-30px}#Kapsulah-Type1-Infographic .small-hex-border{width:50px;height:50px;position:relative;clip-path:url(#KapsulahHexagonShape)}#Kapsulah-Type1-Infographic .small-hexagon{width:calc(100% - 25px);height:calc(100% - 25px);background-color:#fff;clip-path:inherit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:992px){#Kapsulah-Type1-Infographic .hexagon-item{transform:scale(.75);margin:-8rem -3rem}#Kapsulah-Type1-Infographic{gap:1rem;padding:5rem 1.5rem}}@media (max-width:576px){#Kapsulah-Type1-Infographic .hexagon-item{transform:scale(.7);margin:-9rem 0}#Kapsulah-Type1-Infographic{gap:-.5rem;padding:4rem .5rem}}@media (max-width:360px){#Kapsulah-Type1-Infographic .hexagon-item{transform:scale(.6);margin:-12rem 0}#Kapsulah-Type1-Infographic{gap:-1rem;padding:2rem .3rem}}@media (max-width:280px){#Kapsulah-Type1-Infographic .hexagon-item{transform:scale(.5);margin:-16rem 0}}