.BentoBox{padding:47px 4.7% 95px}@media (max-width:520px){.BentoBox{padding:55px 4.7% 50px}}.BentoBox.en .innerWrapper .box .boxLink{left:initial;right:20px;transform:rotate(90deg)}.BentoBox .innerWrapper{flex-direction:column;gap:18px;max-width:1304px;margin:0 auto;display:flex}.BentoBox .innerWrapper .box{border-radius:12px;flex:1;padding:0 32px;transition:box-shadow .3s ease-in-out;display:flex;position:relative}.BentoBox .innerWrapper .box:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.BentoBox .innerWrapper .box:hover .boxLink{background-color:transparent}.BentoBox .innerWrapper .box:hover .boxLink .icon{color:var(--Primary-DarkBlue);transform:translate(-12px,-12px)}.BentoBox .innerWrapper .box.row{flex-direction:row;align-items:center}.BentoBox .innerWrapper .box.row .content{width:56%}.BentoBox .innerWrapper .box.row .imgWrapper{width:43%}.BentoBox .innerWrapper .box.col{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;max-width:373px;gap:0!important}.BentoBox .innerWrapper .box.col .imgWrapper{width:109.5%}.BentoBox .innerWrapper .box.col .content{transform:translateY(18px)}@media (max-width:580px){.BentoBox .innerWrapper .box.col .content{transform:translateY(0)}}.BentoBox .innerWrapper .box.col p{margin-top:24px}@media (max-width:580px){.BentoBox .innerWrapper .box.col p{margin-top:0}.BentoBox .innerWrapper .box.col{max-width:100%;text-align:initial;flex-direction:row;justify-content:flex-start}}.BentoBox .innerWrapper .box .content{margin:11px 0}.BentoBox .innerWrapper .box .content .title{color:#404040;margin-bottom:14px;font-size:max(17px,min(2.6vw,38px));font-weight:500}@media (max-width:580px){.BentoBox .innerWrapper .box .content .title{margin-bottom:8px}}.BentoBox .innerWrapper .box .content .desc{color:#404040;font-size:max(11px,min(1.5vw,23px));font-weight:400;line-height:130%}.BentoBox .innerWrapper .box .imgWrapper{justify-content:center;align-items:center;display:flex}.BentoBox .innerWrapper .box .imgWrapper.flipped{margin-bottom:-20px}.BentoBox .innerWrapper .box .imgWrapper.flipped img{transform:scaleX(-1)}.BentoBox .innerWrapper .box .imgWrapper img{object-fit:contain;width:100%;max-height:100%}.BentoBox .innerWrapper .box .boxLink{background:var(--White);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s ease-in-out;display:flex;position:absolute;top:16px;left:20px}.BentoBox .innerWrapper .box .boxLink .icon{color:var(--light-Black);font-size:30px;transition:all .3s ease-in-out}@media (max-width:1080px){.BentoBox .innerWrapper .box .boxLink{width:45px;height:45px;font-size:16px}.BentoBox .innerWrapper .box .boxLink .icon{font-size:24px}}@media (max-width:920px){.BentoBox .innerWrapper .box .boxLink{width:35px;height:35px;font-size:16px}.BentoBox .innerWrapper .box .boxLink .icon{font-size:20px}}@media (max-width:520px){.BentoBox .innerWrapper .box .boxLink{width:25px;height:25px}.BentoBox .innerWrapper .box .boxLink .icon{font-size:14px}}.BentoBox .innerWrapper .top{gap:18px;display:flex}.BentoBox .innerWrapper .top .mainCol{flex-direction:column;flex:2.2;gap:18px;max-width:calc(66.66% - 9px);display:flex}.BentoBox .innerWrapper .top .mainCol .box:nth-child(2) .imgWrapper{margin-left:5%}@media (max-width:580px){.BentoBox .innerWrapper .top .mainCol{max-width:100%}.BentoBox .innerWrapper .top{flex-direction:column}}.BentoBox .innerWrapper .bottom{gap:18px;display:flex}@media (max-width:580px){.BentoBox .innerWrapper .bottom{flex-direction:column}}.BentoBox .innerWrapper .bottom .box{padding-bottom:12px}
.CoursesFilterSection{background:#f6f8fc;padding:94px 4.7%}@media (max-width:580px){.CoursesFilterSection{padding:43px 4.7% 19px}}.CoursesFilterSection .innerContent{width:100%;max-width:1240px;margin:0 auto}.CoursesFilterSection .innerContent .top{flex-direction:column;align-items:center;gap:16px;margin-bottom:44px;display:flex}@media (max-width:580px){.CoursesFilterSection .innerContent .top{margin-bottom:20px}}.CoursesFilterSection .innerContent .top .title{color:var(--neutral-neutral-900,#1e242c);text-align:center;font-size:max(24px,min(4.2vw,56px));font-weight:400;line-height:120%}@media (max-width:580px){.CoursesFilterSection .innerContent .top .title{font-weight:500}}.CoursesFilterSection .innerContent .top .shortDesc{color:var(--neutral-neutral-600,#414d60);text-align:center;max-width:596px;font-size:20px;font-weight:400;line-height:150%}.CoursesFilterSection .innerContent .productByCategoryTabs{flex-direction:column;align-items:center;width:100%;display:flex}.CoursesFilterSection .innerContent .productByCategoryTabs .categoryLink{border:1px solid var(--primary-primary-200,#8ab9ff);background:var(--Pure-White-FFFFFF,#fff);color:var(--Primary,#06f);border-radius:100px;align-items:center;gap:16px;padding:4px 24px;font-size:max(11px,min(2.2vw,16px));font-weight:700;line-height:150%;transition:all .3s ease-in-out;display:flex}.CoursesFilterSection .innerContent .productByCategoryTabs .categoryLink .icon{color:var(--Primary,#06f);font-size:40px;transition:all .3s ease-in-out}@media (max-width:580px){.CoursesFilterSection .innerContent .productByCategoryTabs .categoryLink .icon{width:25px;height:25px}}.CoursesFilterSection .innerContent .productByCategoryTabs .categoryLink:hover{background-color:var(--Primary,#06f);color:var(--Pure-White-FFFFFF,#fff)}.CoursesFilterSection .innerContent .productByCategoryTabs .categoryLink:hover .icon{color:var(--Pure-White-FFFFFF,#fff);transform:translate(8px)}.CoursesFilterSection .innerContent .productsSwipperWrapper .swiper{padding:24px 4px}
.cybertxTabs{width:100%;display:flex}.cybertxTabs .innerTab{cursor:pointer;text-align:center;color:#6c7787;border-bottom:1px solid var(--neutral-neutral-100,#c6cad1);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:max(11px,min(1.8vw,16px));font-weight:400;line-height:150%;display:flex}.cybertxTabs .innerTab .icon div{justify-content:center;align-items:center;display:flex}@media (max-width:580px){.cybertxTabs .innerTab .icon div{width:18px;height:18px}}.cybertxTabs .innerTab.selected{color:#06f;border-bottom:1px solid var(--Primary-Blue,#0870f3);background:linear-gradient(rgba(230,240,255,0) 49.76%,#e6f0ff 100%)}.cybertxTabs .innerTab.selected .icon div svg path{stroke:#06f}.cybertxTabs .innerTab.selected .icon.fill div svg path{fill:#06f;stroke:none}
