.cardsListWrapper{display:flex;gap:30px;margin-top:60px}.cardsListWrapper .cardWrapper{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--white-background);padding:30px;border-radius:20px;flex:1 1;box-sizing:border-box;position:relative;border:1px solid #c2c2c2}.cardsListWrapper .cardWrapper:hover{border-top:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0)}.cardsListWrapper .cardWrapper:first-child,.cardsListWrapper .cardWrapper:nth-child(2){left:-100%;transition:all .6s ease-in-out;visibility:hidden}.cardsListWrapper .cardWrapper:nth-child(3),.cardsListWrapper .cardWrapper:nth-child(4){right:-100%;transition:all .6s ease-in-out;visibility:hidden}.cardsListWrapper .cardWrapper.greyBackground{background-color:var(--card-grey-bg)}.cardsListWrapper .cardWrapper .cardIcon{width:65px;height:65px;border-radius:50%;position:relative;transition:all .4s ease-in-out;margin-bottom:20px}.cardsListWrapper .cardWrapper .cardIcon img{transition:all .4s ease-in-out}.cardsListWrapper .cardWrapper .cardIconDummy{width:65px;height:0;transition:all .4s ease-in-out}.cardsListWrapper .cardWrapper h3{margin:0 0 18px;font-size:20px;font-weight:700;color:var(--tertiary-color);transition:all .4s ease-in-out}.cardsListWrapper .cardWrapper p{font-size:16px;color:var(--content-color)}.cardsListWrapper .cardWrapper p span{visibility:hidden}.cardsListWrapper .cardWrapper:hover:first-child{background-color:var(--card-bg-1);border-bottom:2px solid var(--click-card-1-stroke)}.cardsListWrapper .cardWrapper:hover:nth-child(2){background-color:var(--card-bg-2);border-bottom:2px solid var(--click-card-2-stroke)}.cardsListWrapper .cardWrapper:hover:nth-child(3){background-color:var(--card-bg-3);border-bottom:2px solid var(--click-card-3-stroke)}.cardsListWrapper .cardWrapper:hover:nth-child(4){background-color:var(--card-bg-4);border-bottom:2px solid var(--click-card-4-stroke)}.cardsListWrapper .cardWrapper:hover .cardIcon{height:0;margin-bottom:0}.cardsListWrapper .cardWrapper:hover .cardIcon img{position:relative;transform:translateY(-20px);opacity:0}.cardsListWrapper .cardWrapper:hover .cardIconDummy{width:65px;height:65px;margin-bottom:20px}.cardsListWrapper .cardWrapper:hover .strokeIconWrapper{background-color:var(--primary-color);transform:rotate(-45deg)}.cardsListWrapper .cardWrapper:hover .strokeIconWrapper svg path{fill:var(--white-background)!important}.cardsListWrapper.twoColumnSectionWrapper{flex-wrap:wrap;gap:30px}.cardsListWrapper.twoColumnSectionWrapper .cardWrapper{width:calc(50% - 15px);flex:none;border:1px solid #c2c2c2}.cardsListWrapper.twoColumnSectionWrapper .cardWrapper:hover{border-top:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0)}.cardsListWrapper.twoColumnSectionWrapper .cardWrapper:nth-child(3),.cardsListWrapper.twoColumnSectionWrapper .cardWrapper:nth-child(4){left:-150%}.cardsListWrapper.twoColumnSectionWrapper .strokeIconWrapper{margin-top:50px}.cardsListWrapper .strokeIconWrapper{position:relative;align-self:flex-end;width:40px;height:40px;margin-top:35px;border:2px solid var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:transform .4s ease-in-out}.cardsListWrapper .strokeIconWrapper svg{width:21px}@media(max-width:1024px){.cardsListWrapper{flex-wrap:wrap}.cardsListWrapper .cardWrapper{width:calc(50% - 20px);flex:auto}}@media(max-width:768px){.cardsListWrapper{margin-top:40px}.cardsListWrapper .cardWrapper{padding:20px}.cardsListWrapper .cardWrapper .cardIcon{width:50px;height:50px}.cardsListWrapper .cardWrapper h3{font-size:18px;margin:0 0 14px}.cardsListWrapper .strokeIconWrapper{width:30px;height:30px;margin-top:25px}.cardsListWrapper .strokeIconWrapper svg{width:17px}}@media(max-width:1024px){.cardsListWrapper.twoColumnSectionWrapper{flex-direction:column}.cardsListWrapper.twoColumnSectionWrapper .cardWrapper{width:100%}}@media(max-width:480px){.cardsListWrapper .cardWrapper{width:100%;flex:auto}}.visibleSection .cardWrapper:first-child,.visibleSection .cardWrapper:nth-child(2){left:0;visibility:visible}.visibleSection .cardWrapper:nth-child(3),.visibleSection .cardWrapper:nth-child(4){right:0;visibility:visible}.visibleSection .twoColumnSectionWrapper .cardWrapper:nth-child(3),.visibleSection .twoColumnSectionWrapper .cardWrapper:nth-child(4){left:0}