.dashboard__container__items{position:relative;display:grid;grid-template-columns:calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px);grid-row-gap:10px;justify-content:space-between;align-items:center}.dashboard__container__items .single__result__item{border-radius:10px;position:relative;background-color:#dae4f1;width:100%;color:#000;text-align:center;padding:10px 40px}.dashboard__container__items .single__result__item .text__intro{font-family:Arial,Helvetica,sans-serif}.dashboard__container__items .input__box{background-color:#fff;padding:10px}.dashboard__container__items .single__result__item:hover{background-color:#2b6cb0;cursor:pointer;color:#fff;box-shadow:2px 2px 2px #0003}@media only screen and (max-width: 1607px){.dashboard__container__items{grid-template-columns:calc(33.33% - 10px) calc(33.34% - 10px) calc(33.33% - 10px)}}@media only screen and (max-width: 1290px){.dashboard__container__items{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}@media only screen and (max-width: 950px){.dashboard__container__items{grid-template-columns:100%}}.default__page__background{position:relative;height:100vh;width:100vw;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;padding:100px;overflow:hidden}.i__1{background-image:url(/background/background__1.png)}.i__2{background-image:url(/background/background__2.png)}.i__3{background-image:url(/background/background__3.jpg)}.i__4{background-image:url(/background/background__4.png)}.page__container{position:relative;max-width:100%;max-height:100%;min-width:fit-content;min-height:fit-content;padding:50px;border-radius:10px;box-shadow:0 0 4px #80808080;background-color:#fff;overflow:scroll}.dashboard__page__container{position:relative;width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:250px auto;grid-gap:20px}.dashboard__page__container .profile__container{transition:all .3s;position:relative;height:fit-content;width:100%;padding:10px;box-shadow:0 0 4px #80808080;background-color:#fff}.dashboard__page__container .profile__container.active{height:60px!important;overflow:hidden}.dashboard__page__container .content__container{position:relative;width:100%;overflow-x:hidden;overflow-y:scroll;padding:10px;box-shadow:0 0 4px #80808080;background-color:#fff}.dashboard__page__container .content__container .content__data__view__table__container{position:relative;height:fit-content;overflow:scroll;overflow-y:hidden}.dashboard__page__container::-webkit-scrollbar{width:.1px;height:.1px}.page__container::-webkit-scrollbar{width:.1px;height:.1px}@media only screen and (max-width: 651px){.dashboard__page__container{grid-template-columns:100%;grid-gap:10px;align-content:start}}@media only screen and (max-width: 1401px){.default__page__background{padding:90px}}@media only screen and (max-width: 1301px){.default__page__background{padding:80px}}@media only screen and (max-width: 1201px){.default__page__background{padding:70px}}@media only screen and (max-width: 1101px){.default__page__background{padding:60px}}@media only screen and (max-width: 1001px){.default__page__background{padding:50px}}@media only screen and (max-width: 901px){.default__page__background{padding:40px}.page__container{padding:45px}}@media only screen and (max-width: 801px){.default__page__background{padding:30px}.page__container{padding:40px}}@media only screen and (max-width: 701px){.default__page__background{padding:10px}.page__container{padding:35px}}@media only screen and (max-width: 601px){.default__page__background{padding:5px}.page__container{padding:30px}}@media only screen and (max-width: 501px){.default__page__background{padding:2px}.page__container{padding:25px}}.link__item__container{position:relative;width:100%;display:grid;margin-top:10px;grid-gap:5px}.link__item__container .link__item{position:relative;width:100%;padding:4px 10px;background-color:#e2e8f0}.link__item__container .link__item:hover{background-color:#dae4f1}.link__item__container .current__link{background-color:#2b6cb0;color:#fff}.main__menu__container{position:relative;width:100%;display:flex;flex-direction:column}.main__menu__container .link__item{position:relative;width:100%;height:fit-content;padding:4px 10px;background-color:#e2e8f0;margin-bottom:1px}.main__menu__container .link__item:hover{background-color:#dae4f1}.main__menu__container .current__link{background-color:#2b6cb0;color:#fff}.grammar__details__body{padding:100px}.current__image__preview{position:absolute;width:100%;height:100%;z-index:5;display:flex;justify-content:center;transition:.5s;transform:scale(0);background-color:#64baf4}.current__image__preview .close__button{position:absolute;right:10px;bottom:10px}.current__image__preview.active{transform:scale(1)}.grammar__details__body .top__margin{margin-top:20px}@media (max-width: 359px){.grammar__details__body{padding:10px}.grammar__details__body .top__margin{margin-top:5px}}@media (min-width: 360px) and (max-width: 479px){.grammar__details__body{padding:20px}.grammar__details__body .top__margin{margin-top:8px}}@media (min-width: 480px) and (max-width: 575px){.grammar__details__body{padding:30px}.grammar__details__body .top__margin{margin-top:10px}}@media (min-width: 576px) and (max-width: 767px){.grammar__details__body{padding:40px}.grammar__details__body .top__margin{margin-top:12px}}@media (min-width: 768px) and (max-width: 899px){.grammar__details__body{padding:50px}.grammar__details__body .top__margin{margin-top:14px}}@media (min-width: 900px) and (max-width: 1023px){.grammar__details__body{padding:60px}.grammar__details__body .top__margin{margin-top:16px}}@media (min-width: 1024px) and (max-width: 1279px){.grammar__details__body{padding:70px}.grammar__details__body .top__margin{margin-top:18px}}@media (min-width: 1280px) and (max-width: 1439px){.grammar__details__body{padding:80px}.grammar__details__body .top__margin{margin-top:19px}}@media (min-width: 1440px) and (max-width: 1919px){.grammar__details__body{padding:90px}.grammar__details__body .top__margin{margin-top:20px}}@media (min-width: 1920px){.grammar__details__body{padding:100px}.grammar__details__body .top__margin{margin-top:20px}}.page__default__style{background-color:#f0f3f5;padding:40px}@media only screen and (max-width: 1000px){.page__default__style{background-color:#f0f3f5;padding:20px}.page__default__style .top__heading{padding:20px;margin-bottom:20px}.page__default__style .prize__table{padding:20px}.page__default__style .item__view__area{gap:20px}}@media only screen and (max-width: 700px){.page__default__style{background-color:#f0f3f5;padding:10px}.page__default__style .top__heading{padding:10px;margin-bottom:10px}.page__default__style .prize__table{padding:10px}.page__default__style .item__view__area{gap:10px}}@media only screen and (max-width: 501px){.page__default__style{background-color:#f0f3f5;padding:2px}.page__default__style .top__heading{padding:2px;margin-bottom:2px}.page__default__style .prize__table{padding:2px}.page__default__style .item__view__area{gap:2px}}.seller__content__main__container{position:relative;width:100%;height:100%;overflow:hidden;height:11.69in;width:8.27in}.seller__content__main__container .main{position:relative;background-color:#fff;padding:40px;box-sizing:border-box}.niyog__container{display:flex;flex-direction:column;align-items:center;padding:20px}.niyog__content{background:#fff;padding:20px;width:210mm;height:auto;box-sizing:border-box}.niyog__heading{color:#2d3748}.niyog__text{color:#4a5568;line-height:1.6}.niyog__link{color:#3182ce;text-decoration:none}.niyog__link:hover{text-decoration:underline}ul{list-style-type:disc;padding-left:20px}.grammar__body__container{position:relative;width:100vw;height:100vh;padding:40px}.grammar__body__container .grammar__main__container{padding:10px;position:relative;width:789px;height:393px;background-color:#090e38;color:#fff;overflow:hidden}.grammar__body__container .grammar__main__container .single__vocabulary__view{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.grammar__body__container .grammar__main__container .single__vocabulary__view .single__vocabulary__box{text-align:center;width:100%;transition:2s}.grammar__body__container .grammar__main__container .single__vocabulary__view .single__vocabulary__box .voc{font-size:40px;margin-bottom:15px}.grammar__body__container .grammar__main__container .single__vocabulary__view .single__vocabulary__box .spealing{font-size:40px;margin-bottom:15px;color:#ffb8c4}.grammar__body__container .grammar__main__container .single__vocabulary__view .single__vocabulary__box .meaning{font-size:40px;color:#0ff}.grammar__body__container .grammar__main__container .single__vocabulary__view .single__vocabulary__box.active{transform:rotateX(360deg)}.grammar__body__container .grammar__main__container .single__vocabulary__view .next__prev__button{position:absolute;right:0;bottom:0}.grammar__body__container .grammar__main__container .grammar__form__container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.grammar__body__container .grammar__main__container .grammar__form__container .form__container{position:relative;width:fit-content;height:fit-content;padding:30px;border-radius:5px}.grammar__body__container .grammar__main__container .grammar__heading__container{position:relative;width:100%;height:100%}.grammar__body__container .grammar__main__container .grammar__heading__container .heading__serial{color:#f10775}.grammar__body__container .grammar__main__container .grammar__heading__container button{position:absolute;bottom:0;right:0}.add__vocabulary__form{padding:10px}.vocabulary__row:hover{background-color:#f1f1f1}.title__container{position:relative;width:769px;height:373px}.title__container .next__button{position:absolute;right:0;bottom:0}.table__parent{position:relative;width:100%;overflow:scroll}.table__parent::-webkit-scrollbar{width:12px;height:8px}.table__parent::-webkit-scrollbar-track{background:#f0f0f0}.table__parent::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#6a11cb,#2575fc);border-radius:6px}.table__parent::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#5f10b5,#1f62e1)}.table__parent{scrollbar-width:thin;scrollbar-color:#6a11cb #f0f0f0}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto Condensed,sans-serif}