main.learn{max-width:100%;overflow-x:hidden;align-items:center;justify-content:flex-start}main.learn,main.learn .container{width:100%;display:flex;flex-direction:column}main.learn .container{padding:32px 16px;box-sizing:border-box;max-width:1280px}main.learn .container .heading{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;width:100%}main.learn .container .heading h1{color:#0a0a0a;margin:0;font-weight:700;font-size:30px;line-height:36px}main.learn .container .heading p{color:#737373;margin:0;font-weight:400;font-size:16px;line-height:24px}main.learn .container .search{width:100%;display:flex;flex-direction:row;align-items:center;margin-bottom:32px;gap:16px}main.learn .container .search .search-bar{flex-grow:1;position:relative;display:flex;align-items:center;flex-direction:row}main.learn .container .search .search-bar svg{position:absolute;left:12px}main.learn .container .search .search-bar input{width:100%;padding:4px 12px 4px 40px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:8px;background-color:transparent;color:#0a0a0a;font-size:14px;line-height:20px;font-weight:400;height:34px;transition:all .15s ease;outline:3px solid transparent;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.learn .container .search .search-bar input::placeholder{color:#737373}main.learn .container .search .search-bar input:focus-visible{outline:3px solid rgba(161,161,161,.5019607843)}main.learn .container .search .filters{gap:8px;display:flex;flex-direction:row;align-items:center}main.learn .container .search .filters .categories-filter,main.learn .container .search .filters .levels-filter{outline:none;box-sizing:border-box;height:34px;border-radius:8px;border:1px solid #e5e5e5;background-color:white;position:relative;display:flex;align-items:center;flex-direction:row;width:-moz-fit-content;width:fit-content;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.learn .container .search .filters .categories-filter button,main.learn .container .search .filters .levels-filter button{width:100%;text-align:left;border:none;background-color:transparent;text-wrap:nowrap;padding:8px 42px 8px 12px;display:flex;align-items:center;flex-direction:row;box-sizing:border-box;height:100%}main.learn .container .search .filters .categories-filter button span,main.learn .container .search .filters .levels-filter button span{color:#0a0a0a;font-weight:400;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}main.learn .container .search .filters .categories-filter button svg,main.learn .container .search .filters .levels-filter button svg{position:absolute;right:6px;transition:all .15s ease}main.learn .container .search .filters .categories-filter button svg.active,main.learn .container .search .filters .levels-filter button svg.active{transform:rotate(180deg)}main.learn .container .search .filters .categories-filter .categories-dropdown,main.learn .container .search .filters .categories-filter .levels-dropdown,main.learn .container .search .filters .levels-filter .categories-dropdown,main.learn .container .search .filters .levels-filter .levels-dropdown{position:absolute;width:100%;left:0;top:calc(100% + 8px);box-sizing:border-box;background-color:white;border:1px solid #e5e5e5;border-radius:8px;padding:4px;display:none;flex-direction:column;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.learn .container .search .filters .categories-filter .categories-dropdown.active,main.learn .container .search .filters .categories-filter .levels-dropdown.active,main.learn .container .search .filters .levels-filter .categories-dropdown.active,main.learn .container .search .filters .levels-filter .levels-dropdown.active{display:flex}main.learn .container .search .filters .categories-filter .categories-dropdown button,main.learn .container .search .filters .categories-filter .levels-dropdown button,main.learn .container .search .filters .levels-filter .categories-dropdown button,main.learn .container .search .filters .levels-filter .levels-dropdown button{width:100%;box-sizing:border-box;text-align:left;transition:all .15s ease;border:none;background-color:transparent;color:#0a0a0a;font-weight:400;font-size:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 8px;border-radius:4px;text-wrap:wrap}main.learn .container .search .filters .categories-filter .categories-dropdown button:hover,main.learn .container .search .filters .categories-filter .levels-dropdown button:hover,main.learn .container .search .filters .levels-filter .categories-dropdown button:hover,main.learn .container .search .filters .levels-filter .levels-dropdown button:hover{background-color:#e5e5e5}main.learn .container .categories{display:flex;flex-direction:column;width:100%;margin-bottom:32px}main.learn .container .categories h2{margin:0 0 16px;font-weight:700;font-size:24px;line-height:32px;color:#0a0a0a}main.learn .container .categories .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media only screen and (max-width:768px){main.learn .container .categories .grid{grid-template-columns:repeat(2,1fr)}}main.learn .container .categories .card{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:40px 16px;border-radius:14px;border:1px solid #e5e5e5;transition:all .15s ease;text-decoration:none;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}main.learn .container .categories .card:hover{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}main.learn .container .categories .card:hover .icon{transform:scale(1.1)}main.learn .container .categories .card .icon{margin-bottom:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:24px;line-height:32px;transition:all .15s ease}main.learn .container .categories .card h4{margin:0 0 4px;font-weight:600;font-size:14px;line-height:29px;color:#0a0a0a}main.learn .container .categories .card p{margin:0 0 8px;font-weight:400;font-size:12px;line-height:16px;color:#737373}main.learn .container .modules{width:100%;display:flex;flex-direction:column}main.learn .container .modules h2{font-weight:700;font-size:24px;line-height:32px;color:#0a0a0a;margin:0 0 16px}main.learn .container .modules .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;width:100%}@media only screen and (max-width:1024px){main.learn .container .modules .grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){main.learn .container .modules .grid{grid-template-columns:1fr}}main.learn .container .modules .grid .card{padding:24px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:all .15s ease;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)}main.learn .container .modules .grid .card:hover{box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}main.learn .container .modules .grid .card:hover .heading{color:#155dfb}main.learn .container .modules .grid .card .icon-badge{margin-bottom:14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}main.learn .container .modules .grid .card .icon-badge .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px;line-height:28px}main.learn .container .modules .grid .card .icon-badge .badge{padding:2px 8px;box-sizing:border-box;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:16px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;height:22px}main.learn .container .modules .grid .card .icon-badge .badge.beginner{color:#008236;background-color:#dcfce7}main.learn .container .modules .grid .card .icon-badge .badge.intermediate{color:#a65f00;background-color:#fef9c2}main.learn .container .modules .grid .card .icon-badge .badge.advanced{color:#c10007;background-color:#ffe2e2}main.learn .container .modules .grid .card .heading{margin:0 0 6px;font-size:18px;line-height:28px;font-weight:600;color:#0a0a0a;width:100%;transition:all .15s ease}main.learn .container .modules .grid .card .description{margin:0 0 36px;font-size:14px;line-height:20px;font-weight:400;color:#737373;width:100%}main.learn .container .modules .grid .card .stats{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:16px;width:100%}main.learn .container .modules .grid .card .stats .time,main.learn .container .modules .grid .card .stats .xp{display:flex;flex-direction:row;align-items:center;gap:4px}main.learn .container .modules .grid .card .stats .time span,main.learn .container .modules .grid .card .stats .xp span{font-size:14px;line-height:20px;font-weight:400;color:#737373}main.learn .container .modules .grid .card .start-learning{display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;gap:8px;padding:8px 16px;text-decoration:none;background-color:#171717;color:#fafafa;transition:all .15s ease;font-size:14px;line-height:20px;font-weight:500;width:100%;box-sizing:border-box;border-radius:8px;text-align:center;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}main.learn .container .modules .grid .card .start-learning:hover{background-color:#155dfb}