.imageCard{text-align:left;cursor:pointer;border:1px solid #dcd6d6;width:100%;height:100%;text-decoration:none;display:block;position:relative}.imageCard a{height:100%;text-decoration:none;display:flex}.imageCard a .image-card{aspect-ratio:1;align-items:center;width:50%;height:100%;transition:all .3s ease-in;display:flex;overflow:hidden}.imageCard a .image-card img{object-fit:cover;aspect-ratio:2;width:100%;height:100%}.imageCard a .right-column{width:50%;padding:10px 20px}.imageCard a .right-column .text-card h3{color:#161616;margin:1rem 0;font-size:1rem;font-weight:600;text-decoration:none}.imageCard a .right-column .text-card p.card-desc{color:#161616;line-height:1.4;margin:0!important}.imageCard a .right-column .svg-right{position:absolute;bottom:.5rem;right:.5rem;width:20px!important}.imageCard a .right-column .svg-right svg{width:20px;height:20px}.imageCard a .right-column .svg-right svg path{fill:#0f62fe}.imageCard.vertical-card a{border:1px solid #0000;flex-flow:column;padding:1rem;text-decoration:none!important}.imageCard.vertical-card a img{object-fit:cover;width:100%;height:100%}.imageCard.vertical-card a .right-column{width:100%;padding:1rem 0}@media (max-width:1200px){.imageCard.vertical-card a .right-column p.card-desc{font-size:14px}}.imageCard.vertical-card:hover{background:#f4f4f4;border:1px solid #0f62fe}.imageCard.vertical-card:hover h3.card-header{color:#0f62fe!important}.imageCard.horizontal-card a:hover{z-index:500;background:#fff;text-decoration:none}.imageCard.horizontal-card a:hover .right-column .text-card h3{text-decoration:none;color:#0f62fe!important}.imageCard.horizontal-card.text-only{border:0!important}.imageCard.horizontal-card.text-only a{padding-bottom:2rem;text-decoration:none}.imageCard.horizontal-card.text-only a .right-column{width:100%;padding:1rem}.imageCard.horizontal-card.text-only a .right-column h3{color:#171717;text-transform:capitalize;margin-top:0;font-size:1.5rem;font-weight:600}.imageCard.horizontal-card.text-only a:hover{background:#282828;border:none;text-decoration:none}.imageCard.horizontal-card.text-only a:hover .right-column h3{color:#fff!important}.imageCard.horizontal-card.text-only a:hover .right-column p{color:#fff}.imageCard.horizontal-card.text-white-border a{padding:1rem 1rem 7rem;text-decoration:none}.imageCard.horizontal-card.text-white-border a .right-column{width:100%}.imageCard.horizontal-card.text-white-border a .right-column h3{color:#262626;font-size:1.5rem;font-weight:400;line-height:1.875rem}.imageCard.horizontal-card.text-white-border a .right-column .svg-right{right:1rem}.imageCard.horizontal-card.text-white-border a .right-column .svg-right svg{width:24px;height:24px}.imageCard.horizontal-card:hover{background-color:#f4f4f4;border:1px solid #0f62fe}.imageCard.horizontal-card:hover .right-column h3{color:#262626!important}.home-section-section-build>div>div,.home-section-section-code>div>div>div{flex:calc(33.33% - 20px);margin-bottom:2rem}@media (max-width:1200px){.home-section-section-build>div>div,.home-section-section-code>div>div>div{flex:calc(50% - 20px);width:50%}}@media (max-width:768px){.home-section-section-build>div>div,.home-section-section-code>div>div>div{width:100%;flex:100%!important}}.home-section-section-learn>div .cds--col{flex:calc(20% - 20px);max-width:calc(22% - 20px);margin-bottom:2rem}@media (max-width:1200px){.home-section-section-learn>div .cds--col{flex:calc(34.33% - 11px);max-width:calc(34.33% - 11px)}}@media (max-width:768px){.home-section-section-learn>div .cds--col{flex:100%;max-width:100%}}
.icon-card{box-shadow:none;height:100%;min-height:160px;transition:all .15s cubic-bezier(.2,0,.38,.9);position:relative;overflow:hidden}.icon-card.no-hover{background-color:#dde1e6;padding:0;border:1px solid #c1c7cd!important}.icon-card.no-hover a{cursor:pointer;justify-content:space-between;height:100%;min-height:0;padding:16px;text-decoration:none;display:flex;position:relative}.icon-card.no-hover a .arrow-div h5{letter-spacing:0;font-size:1.25rem;font-weight:400;line-height:1.4;position:relative;bottom:0;left:0}.icon-card.no-hover a .arrow-div .developer--card__bottom{position:absolute;bottom:1rem;right:1rem}.icon-card.no-hover a .arrow-div .developer--card__bottom svg path{fill:#0f62fe}.icon-card.no-hover:hover{background-color:inherit!important}.icon-card.no-hover:hover h5{opacity:1;transition:none;transform:none}.icon-card.no-hover .text-onhover{display:none!important}.icon-card.on-hover{min-height:185px;border:1px solid #dde1e6!important}.icon-card.on-hover .arrow-div{justify-content:space-between;align-items:flex-start;width:100%;padding-top:30px;display:flex}.icon-card.on-hover .arrow-div .developer--card__bottom{position:absolute;bottom:1rem;right:1rem}.icon-card.on-hover .arrow-div h5.card-header{color:#262626;opacity:1;letter-spacing:0;max-width:calc(100% - 4rem);font-size:1rem;font-weight:400;line-height:1.375;transition:all .24s cubic-bezier(.2,0,.38,.9) .25s;position:absolute;bottom:1rem;left:20px;overflow:hidden;margin:0!important}.icon-card.on-hover .arrow-div .text-onhover{opacity:1;visibility:visible;transition-delay:.2s;display:block;transform:translateZ(0)}.icon-card.on-hover .text-onhover{opacity:0;visibility:hidden;width:80%;transition:all .24s cubic-bezier(.2,0,.38,.9);position:absolute;bottom:16px;transform:translateY(-16px)}.icon-card.on-hover .text-onhover p{color:#161616;margin:0 0 10px}.icon-card.on-hover:hover{z-index:500;border:1px solid #0f62fe;background:#8d8d8d80!important}.icon-card.on-hover:hover .text-onhover{opacity:1;visibility:visible;transition-delay:.2s;display:block;transform:translateZ(0)}.icon-card.on-hover:hover .arrow-div h5.card-header{opacity:0;transition-delay:0s;transform:translateY(16px)}.icon-card:hover{z-index:500;background:#161616;border:1px solid #0f62fe}.icon-card a{color:#161616;flex-direction:column;width:100%;height:100%;padding:1rem;text-decoration:none;display:flex}.icon-card a svg path{fill:#000}.icon-card .image-card img{object-fit:contain;aspect-ratio:1;height:auto}.icon-card .image-card.exp-img img{width:50px;height:50px}.home-section-section-explore.cds--grid>div>div,.home-section-section-code.cds--grid>div>div>div,.home-section-section-learn>div>div{margin-bottom:1rem}.no-margin>div{padding:0}@media (max-width:768px){.icon-card.bg-grey.ibm-developer-app,.icon-card.bg-grey.ibm-developer-app a{flex-direction:row!important}.icon-card.bg-grey.ibm-developer-app a>div{width:50%!important}.icon-card.bg-grey.ibm-developer-app a .image-card img{width:100%!important;height:100%!important}.icon-card.bg-grey.ibm-developer-app h3.card-header{margin-bottom:10px!important;line-height:1.2!important}.icon-card.bg-grey.ibm-developer-app .right-column{padding:10px!important}}