.pagination{position:relative;display:flex;justify-content:center;align-items:center;gap:0 16px;margin-top:40px}.pagination a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:12px;font-size:1rem;font-weight:500;color:#666;text-decoration:none;transition:all .25s ease-in-out}.pagination a:hover{color:#0099a8}.pagination a.active{background:var(--c-primary-main);color:#fff}.pagination .arr{width:36px;height:36px;border-radius:0;font-size:16px;color:#333;margin-right:16px}.pagination .arr span{display:block;width:100%;height:100%;position:relative}.pagination .arr span:before{content:"";font-family:var(--font-webarq-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}.pagination .arr.next{margin-right:0;margin-left:16px}.pagination .arr.next span:before{content:""}.pagination .arr:hover{background:none;color:#0099a8}.pagination .arr.disabled{color:#ccc;pointer-events:none;cursor:default}.wrap-dashboard{position:relative;padding:60px 0 100px}.wrap-dashboard.full .wrapper .wrap-dashboard__content{padding-left:0;max-width:990px;width:100%;margin:0 auto}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password{max-width:600px;padding:40px 0;text-align:center}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-dashboard{padding:80px 120px}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-dashboard h4{font-weight:500;margin-bottom:12px;line-height:140%}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-dashboard p{font-size:14px;line-height:180%;color:var(--c-neutral-gray-500);margin-bottom:24px}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-form{text-align:left}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-form .row .column{margin-bottom:16px}.wrap-dashboard.full .wrapper .wrap-dashboard__content.forgot-password .box-form .row .column:last-child{margin-bottom:0}.wrap-dashboard.full .wrapper .wrap-dashboard--title{display:flex;justify-content:space-between;align-items:center}.wrap-dashboard.full .wrapper .wrap-dashboard--title .mark-all-read{font-size:14px;line-height:120%;display:flex;align-items:center;gap:0 8px}.wrap-dashboard.full .wrapper .wrap-dashboard--title .mark-all-read i{display:block}.wrap-dashboard.full .wrapper .wrap-dashboard--title .mark-all-read.active{color:var(--c-primary-main)}.wrap-dashboard.full .wrapper .wrap-dashboard--title .mark-all-read.active i svg path{fill:var(--c-primary-main)}.wrap-dashboard .wrapper{display:flex;flex-direction:row;gap:24px}.wrap-dashboard .wrapper aside{width:220px}.wrap-dashboard .wrapper aside .aside-title h3{font-size:16px;font-weight:700;color:var(--c-neutral-black);margin-bottom:16px}.wrap-dashboard .wrapper aside .aside-nav ul li{margin-bottom:8px}.wrap-dashboard .wrapper aside .aside-nav ul li a{display:flex;align-items:center;gap:0 6px;padding:12px 16px;border-radius:8px;transition:all .3s ease out}.wrap-dashboard .wrapper aside .aside-nav ul li a i{display:block}.wrap-dashboard .wrapper aside .aside-nav ul li a i svg{display:block}.wrap-dashboard .wrapper aside .aside-nav ul li a.active,.wrap-dashboard .wrapper aside .aside-nav ul li a:hover{transition:all .3s ease out;background-color:var(--c-primary-main);color:var(--c-neutral-white)}.wrap-dashboard .wrapper aside .aside-nav ul li a.active i svg path,.wrap-dashboard .wrapper aside .aside-nav ul li a:hover i svg path{stroke:var(--c-neutral-white)}.wrap-dashboard .wrapper .wrap-dashboard__content{width:calc(100% - 220px);padding-left:68px}.wrap-dashboard .wrapper .wrap-dashboard__content .wrap-dashboard--title{margin-bottom:24px}.wrap-dashboard .wrapper .wrap-dashboard__content .wrap-dashboard--title h3{font-size:28px;font-weight:700;color:var(--c-neutral-black);line-height:160%;margin:0}.wrap-dashboard .box-dashboard{border-radius:32px;border:1px solid #E9E9E9;background:var(--c-neutral-white);box-shadow:0 4px 54px #0000000a;padding:40px}.wrap-dashboard .profile-dashboard{position:relative;display:flex;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #E3E3E3;gap:0 16px}.wrap-dashboard .profile-dashboard--image{width:64px;height:64px;border-radius:50%;overflow:hidden}.wrap-dashboard .profile-dashboard--image img{width:100%;height:100%}.wrap-dashboard .profile-dashboard--content{width:calc(100% - 80px);position:relative;padding-right:200px}.wrap-dashboard .profile-dashboard--content h4{font-size:19px;font-weight:500;color:#212121;line-height:140%;margin-bottom:0}.wrap-dashboard .profile-dashboard--content>span{font-size:14px;display:block;font-weight:400;line-height:120%;color:var(--c-neutral-gray-500);opacity:.7}.wrap-dashboard .profile-dashboard--content .button-outline-secondary{position:absolute;right:0;top:50%;transform:translateY(-50%)}.wrap-dashboard .profile-information{position:relative;padding-right:150px}.wrap-dashboard .profile-information h5{font-size:16px;font-weight:700;color:var(--c-neutral-black);line-height:140%;margin-bottom:24px}.wrap-dashboard .profile-information .profile-information--list{margin-bottom:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px 40px}.wrap-dashboard .profile-information .profile-information--list .profile-information--item{width:calc(50% - 20px)}.wrap-dashboard .profile-information .profile-information--list .profile-information--item.full{width:100%}.wrap-dashboard .profile-information .profile-information--list .profile-information--item span{font-size:13px;display:block;font-weight:500;line-height:160%;color:var(--c-neutral-gray-500);opacity:.7}.wrap-dashboard .profile-information .profile-information--list .profile-information--item p{margin:0;line-height:160%;color:var(--c-neutral-black)}.wrap-dashboard .profile-information .button-outline-secondary{position:absolute;right:0;left:auto;top:auto;bottom:0}.wrap-dashboard .nav-learning{position:relative}.wrap-dashboard .nav-learning ul{display:flex;align-items:center;gap:0 4px}.wrap-dashboard .nav-learning ul li a{display:block;padding:0 16px 12px;color:#4d4d4d;transition:all .25s ease-in-out;font-size:14px;position:relative;line-height:140%}.wrap-dashboard .nav-learning ul li a:before{content:"";display:block;width:0;height:2px;background-color:var(--c-primary-main);position:absolute;top:auto;bottom:0;left:0;right:0;margin:auto;transition:all .25s ease-in-out}.wrap-dashboard .nav-learning ul li a.active,.wrap-dashboard .nav-learning ul li a:hover{transition:all .25s ease-in-out;color:var(--c-primary-main)}.wrap-dashboard .nav-learning ul li a.active:before,.wrap-dashboard .nav-learning ul li a:hover:before{width:100%;transition:all .25s ease-in-out}.wrap-dashboard .nav-learning ul li a.active{font-weight:500}.wrap-dashboard .list-history-leraning--item{display:flex;flex-direction:row;gap:0 16px;align-items:center;padding:16px;border-radius:16px;border:1px solid #E9E9E9;margin-bottom:16px}.wrap-dashboard .list-history-leraning--item figure{width:130px;border-radius:8px;overflow:hidden;position:relative}.wrap-dashboard .list-history-leraning--item figure img{width:100%;height:100%;object-fit:cover}.wrap-dashboard .list-history-leraning--item--content{width:calc(100% - 146px);padding-right:150px;position:relative}.wrap-dashboard .list-history-leraning--item--content .category{display:inline-block;padding:4px 10px;border-radius:30px;background:#cfcfcf33;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px);line-height:120%;font-size:14px;margin-bottom:8px}.wrap-dashboard .list-history-leraning--item--content .date{letter-spacing:-.24px;position:absolute;top:50%;transform:translateY(-50%);right:0;left:auto;font-size:12px;color:#757575}.wrap-dashboard .list-history-leraning--item--content h4{font-size:16px;font-weight:500;color:var(--c-neutral-black);line-height:160%;margin:0}.wrap-dashboard .list-history-leraning--item.video figure i{position:absolute;top:8px;left:8px;width:24px;height:24px;background:url(/build/assets/ic-edu-play-bTZd0V3d.svg) no-repeat center center;background-size:100%}.wrap-dashboard .list-history-leraning--item.video figure .duration{position:absolute;top:8px;right:8px;left:auto;font-size:10px;padding:4px 10px;border-radius:30px;background:#0006;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px);color:#fffc}.wrap-dashboard .change-password{max-width:568px}.wrap-dashboard .listing-notification__item{display:block;padding:24px 150px 24px 32px;border-radius:8px;border:1px solid #F2F2F2;margin-bottom:16px;position:relative}.wrap-dashboard .listing-notification__item.read{background-color:#f6fbfc;border-color:#c0e5ee}.wrap-dashboard .listing-notification__item.read h5 span{color:var(--c-primary-main)}.wrap-dashboard .listing-notification__item.read .time:before{content:"";width:8px;height:8px;border-radius:50%;margin-left:auto;position:relative;display:block;background:var(--c-primary-main);margin-bottom:20px}.wrap-dashboard .listing-notification__item h5{font-size:16px;font-weight:500;color:var(--c-neutral-black);line-height:160%;margin:0}.wrap-dashboard .listing-notification__item .time{position:absolute;top:50%;transform:translateY(-50%);right:32px;left:auto;font-size:12px;color:#757575;font-weight:500}
