/*
  Import All Helpers
*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,700&family=Inter:wght@300;500;700;900&family=Roboto:wght@300;400;500;700&display=swap");
:root {
    --green-color: #17DAB7;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.app-wrapper {
    width: 100%;
    max-width: 420px;
    border: 1px solid #ddd;
}

@media (max-width: 500px) {
    .app-wrapper {
        height: 100vh;
        border: none;
        overflow: visible;
    }
}

/*
   Alpha Background Color Class
*/
.primary-alpha-color {
    background-color: rgba(113, 101, 227, 0.2);
}

.green-2-alpha-color {
    background-color: rgba(24, 204, 143, 0.2);
}

.orange-alpha-color {
    background-color: rgba(255, 155, 47, 0.2);
}

.skyblue-alpha-color {
    background-color: rgba(47, 184, 255, 0.2);
}

/*
   border Color Class
*/
.primary-border-color {
    border-color: #7165E3;
}

.green-2-border-color {
    border-color: #18CC8F;
}

.orange-border-color {
    border-color: #FF9B2F;
}

.skyblue-border-color {
    border-color: #2FB8FF;
}

/*
    Background Color Class
*/
.primary-bg {
    background-color: #7165E3 !important;
}

.orange-bg {
    background-color: #FF9B2F !important;
}

.purple-bg {
    background-color: #9D6EE5 !important;
}

.green-1 {
    background-color: #84C316 !important;
}

.green-2 {
    background-color: #18CC8F !important;
}

.green-3 {
    background-color: #3EE8C9 !important;
}

.green-4 {
    background-color: #4dcfaf !important;
}

.cync-bg {
    background-color: #25DEF8 !important;
}

.skyblue-bg {
    background-color: #2FB8FF !important;
}

.blue-bg {
    background-color: #5C93F1 !important;
}

.yellow-bg {
    background-color: #F4C000 !important;
}

.pink-bg {
    background-color: #FF5693 !important;
}

.red-bg {
    background-color: #FF7E7E !important;
}

.cync-shadow-bg {
    background-color: #D6C84B !important;
}

/*
    Text Color Classs
*/
.primary-txt {
    color: #7165E3;
}

.orange-txt, #startExam .test-box .comment-box .comment-btn button:nth-child(1), #analytics .list-of-paper .item:nth-child(1n + 1) .content .title {
    color: #FF9B2F;
}

.purple-txt, #startExam .test-box .comment-box .comment-btn button:nth-child(2), #analytics .list-of-paper .item:nth-child(3n + 3) .content .title {
    color: #9D6EE5;
}

.green-1-txt {
    color: #84C316;
}

.green-2-txt, #startExam .test-box .comment-box .comment-btn button:nth-child(3), #analytics .list-of-paper .item:nth-child(2n + 2) .content .title {
    color: #18CC8F;
}

.green-3-txt {
    color: #3EE8C9;
}

.green-4-txt {
    color: #4dcfaf;
}

.cync-txt, #analytics .list-of-paper .item:nth-child(5n + 5) .content .title {
    color: #25DEF8;
}

.skyblue-txt {
    color: #2FB8FF;
}

.blue-txt {
    color: #5C93F1;
}

.yellow-txt {
    color: #F4C000;
}

.pink-txt {
    color: #FF5693;
}

.red-txt, #analytics .list-of-paper .item:nth-child(4n + 4) .content .title {
    color: #FF7E7E;
}

.cync-shadow-txt, #analytics .list-of-paper .item:nth-child(6n + 6) .content .title {
    color: #D6C84B;
}

.white-txt {
    color: #fff;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.book-slider::-webkit-scrollbar,
.uk-subnav::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.book-slider,
.uk-subnav {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.none-ul, .chart-box .body-content .content, .chart-box .tag, .exam-list, .exam-list li.item .body-content .list-of-topic, .load-more-box .tag, #model-test .live-modal-test .body-content .list-of-topic, #routine .table-wrapper .table-header, #study .chat-list, #analytics .list-of-paper, #onlineClass .status-list, #bookView .content .meta-data {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.btn-appearance-none, .btn-fill, .btn-unfill, .btn-outline, .btn-link, #asking1 .answer-list .single-answer .body-content .share-btn-list button, #home .exam-list-box .item, .navigationBar .center-circle-btn, .navigationBar .menu-box .menu, #model-test .content-box .item, #result .search-box input, #study > header button, #study .chat-form .icon-btn, #study .chat-form form input, #study .chat-form form button, #asking1 .form-wrapper .item .remove-img, #asking1 .feedback-list .feedback .body-content .btn-box button {
  border: none;
  outline: none;
}

.container, #study .chat-list {
  padding: 0 20px;
}

.link-btn {
  background-color: white;
  color: #7165E3;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
}

.link-btn:hover {
  text-decoration: none;
}

.btn-fill {
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #7165E3;
  text-decoration: none;
}

.btn-fill:hover, .btn-fill:active {
  background-color: #5d4fdf;
  color: white;
}

.btn-unfill {
  background-color: rgba(113, 101, 227, 0.2);
  color: #7165E3;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}

.btn-outline {
  background-color: white;
  color: #7165E3;
  border: 1px solid #7165E3;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}

.btn-link, #asking1 .answer-list .single-answer .body-content .share-btn-list button {
  background-color: white;
  padding: 10px;
  font-size: 17px;
  cursor: pointer;
}

.section-title {
  margin: 20px 0;
}

.section-title .title {
  font-size: 1.4rem;
  font-weight: 500;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}



d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

.text-green {
    color: var(--green-color);
}

.bg-green {
    background-color: var(--green-color);
}




/*
  Import All Component
*/
.home-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 10px;
}

.home-header .icon-btn {
    background-color: rgba(113, 101, 227, 0.2);
    border: none;
    outline: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.home-header .icon-btn img {
    width: 25px;
    height: 25px;
}

.home-header .title {
    font-size: 1.4rem;
    margin: 0;
}

.back-btn-header {
    position: relative;
    background-color: #7165E3;
    padding: 20px;
}

.back-btn-header button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.back-btn-header .title {
    color: white;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 10%;
    width: 85%;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

#home {
    padding: 0 10px;
    padding-bottom: 70px;
}

#home .banner {
    position: relative;
    padding: 25px 10px;
    border-radius: 10px;
    background-color: #7165E3;
    width: 100%;
    overflow: hidden;
}

#home .banner .left-content .title {
    font-size: 1.3rem;
    margin: 0;
    color: white;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 6px;
}

#home .banner .right-content .men-img {
    position: absolute;
    z-index: 1;
    width: 173px;
    right: 15px;
}

#home .banner .right-content .map-layer {
    position: absolute;
    top: 0;
    right: 0;
    width: 270px;
}

#home .exam-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#home .exam-list-box .item {
    width: calc(100% / 4);
    margin-bottom: 15px;
    text-align: center;
    color: #707070;
    font-size: 14px;
    background-color: transparent;
}

#home .exam-list-box .item:hover .name {
    color: #7165E3;
}

#home .exam-list-box .item:hover .icon img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#home .exam-list-box .item .icon {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#home .exam-list-box .item .icon img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#home .exam-list-box .item .name {
    margin: 6px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#home .cutomer-service-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#home .cutomer-service-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(113, 101, 227, 0.1);
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 2px #f2f2f2;
    box-shadow: 0px 2px 2px #f2f2f2;
}

#home .cutomer-service-list li .icon {
    width: 40px;
    height: 40px;
    background-color: #7165E3;
    display: -ms-grid;
    display: grid;
    place-content: center;
    border-radius: 5px;
}

#home .cutomer-service-list li .content {
    width: calc(100% - 50px);
    margin-left: 10px;
}

#home .cutomer-service-list li .content .title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 400;
}

#home .cutomer-service-list li .content .desc {
    margin: 0;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.navigationBar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 20px;
    background: url("../../assets-design/img/icons/navigation-layer.svg") no-repeat center/cover;
}

.navigationBar .wave {
    width: 127px;
    position: absolute;
    left: 50%;
    top: -1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navigationBar .center-circle-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: 50%;
    top: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: linear-gradient(128.71deg, #4a8fcf 14.82%, #33e895 85.86%);
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigationBar .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigationBar .menu-box .menu {
    text-align: center;
    background-color: transparent;
    color: white;
}

.navigationBar .menu-box .menu:first-child {
    margin-right: 30px;
}

.navigationBar .menu-box .menu .icon {
    width: 25px;
    height: 25px;
    margin: 5px;
}

.navigationBar .menu-box .menu span {
    display: block;
    font-size: 12px;
}

#dailyExam {
    overflow-x: hidden;
}

.chart-box {
    padding: 20px;
    border-bottom: 5px solid #f4f4f4;
}

.chart-box select {
    width: 150px;
    height: 20px;
    background-color: #f4f4f4;
}

.chart-box .body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
}

.chart-box .body-content .pie-chart {
    position: relative;
    width: 170px;
    height: 170px;
}

.chart-box .body-content .pie-chart .count {
    position: absolute;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3rem;
    font-weight: 400;
}

.chart-box .body-content .content {
    position: relative;
    width: calc(100% - 180px);
}

.chart-box .body-content .content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 90px;
    background-color: #838383;
}

.chart-box .body-content .content li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 35px;
    padding-left: 10px;
}

.chart-box .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chart-box .tag li {
    background-color: rgba(113, 101, 227, 0.1);
    color: #7165E3;
    padding: 4px 8px;
    margin-bottom: 5px;
    font-size: 13px;
    border-radius: 10px;
    width: 150px;
    text-align: center;
}

.exam-list li.item {
    padding-bottom: 20px;
    border-bottom: 5px solid #f4f4f4;
}

.exam-list li.item header {
    color: white;
    padding: 8px;
    text-align: center;
}

.exam-list li.item .body-content {
    padding: 20px;
}

.exam-list li.item .body-content .title {
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4d4d4d;
}

.exam-list li.item .body-content .list-of-topic {
    padding-left: 30px;
}

.exam-list li.item .body-content .list-of-topic li {
    color: #444444;
    position: relative;
    font-weight: 400;
    line-height: 1.8;
}

.exam-list li.item .body-content .list-of-topic li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #7165E3;
    width: 10px;
    height: 10px;
    border: 1px solid white;
    border-radius: 50%;
    z-index: 2;
}

.exam-list li.item .body-content .list-of-topic li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);
    background-color: #7165E3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
}

.exam-list li.item .body-content .desc {
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    margin: 14px 0 0 0;
    color: #81838c;
}

.exam-list li.item footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.exam-list li.item footer button:first-child {
    margin-right: 10px;
}

.load-more-box {
    background-color: white;
}

.load-more-box button {
    width: 100%;
}

.load-more-box .tag {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.load-more-box .tag li {
    background-color: rgba(113, 101, 227, 0.1);
    color: #7165E3;
    padding: 4px 8px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 10px;
}

#model-test .live-modal-test {
    padding: 0 20px;
    border-radius: 5px;
    margin-top: 20px;
}

#model-test .live-modal-test header {
    background: linear-gradient(128.71deg, #4a8fcf 14.82%, #33e895 85.86%);
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

#model-test .live-modal-test .body-content {
    position: relative;
    background-color: #f3faff;
    padding: 20px 20px 30px 20px;
}

#model-test .live-modal-test .body-content::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(128.71deg, #4a8fcf 14.82%, #33e895 85.86%);
    border-radius: 0 0 5px 5px;
}

#model-test .live-modal-test .body-content .title {
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #4d4d4d;
}

#model-test .live-modal-test .body-content .list-of-topic {
    padding-left: 30px;
}

#model-test .live-modal-test .body-content .list-of-topic li {
    color: #444444;
    position: relative;
    font-weight: 400;
    line-height: 1.8;
}

#model-test .live-modal-test .body-content .list-of-topic li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #7165E3;
    width: 10px;
    height: 10px;
    border: 1px solid white;
    border-radius: 50%;
    z-index: 2;
}

#model-test .live-modal-test .body-content .list-of-topic li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%) scale(1.5);
    transform: translateY(-50%) scale(1.5);
    background-color: #7165E3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
}

#model-test .live-modal-test .body-content .desc {
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    margin: 14px 0 14px 0;
    color: #81838c;
}

#model-test .live-modal-test .body-content footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#model-test .live-modal-test .body-content footer button:first-child {
    margin-right: 10px;
}

#model-test .content-box {
    padding: 0 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px;
}

#model-test .content-box .item {
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    color: white;
}

#model-test .content-box .item:hover .icon {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#model-test .content-box .item .icon {
    width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 50%;
    display: -ms-grid;
    display: grid;
    place-content: center;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#model-test .content-box .item .title {
    margin: 10px 0 0 0;
    font-weight: 400;
}

#model-test .parent-accordion > li {
    background-color: #f3faff;
}

#model-test .parent-accordion > li.uk-open > .uk-accordion-title::before {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 2px;
    font-family: "FontAwesome";
    background-image: none;
    font-size: 23px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#model-test .parent-accordion > li > .uk-accordion-title {
    background-color: #679ff4;
    color: white;
    padding: 5px;
    font-size: 1.15rem;
    border-radius: 5px;
    position: relative;
}

#model-test .parent-accordion > li > .uk-accordion-title::before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 2px;
    font-family: "FontAwesome";
    background-image: none;
    font-size: 23px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#model-test .parent-accordion .child-accordion > li {
    position: relative;
    background-color: #f3faff;
    padding: 10px;
    margin: 0;
}

#model-test .parent-accordion .child-accordion > li.uk-open .uk-accordion-title::before {
    content: "\f107";
    position: absolute;
    right: 0;
    top: 9px;
    font-family: "FontAwesome";
    background-image: none;
    font-size: 23px;
    color: #333;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#model-test .parent-accordion .child-accordion > li .uk-accordion-title {
    padding: 5px;
    font-size: 1rem;
    font-weight: 300;
}

#model-test .parent-accordion .child-accordion > li .uk-accordion-title::before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 9px;
    font-family: "FontAwesome";
    background-image: none;
    color: #333;
    font-size: 23px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#model-test .parent-accordion li.model-test-box {
    background-color: white;
}

#model-test .parent-accordion .model-test-exam {
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(172, 172, 172, 0.25);
    border-radius: 0px 0px 3px 3px;
}

#model-test .parent-accordion .model-test-exam header {
    text-align: center;
    background-color: #23d8ae;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

#model-test .parent-accordion .model-test-exam header h4 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    color: white;
}

#model-test .parent-accordion .model-test-exam ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 10px;
}

#model-test .parent-accordion .model-test-exam ul li {
    line-height: 2;
}

#model-test .parent-accordion .model-test-exam .job-info p {
    color: #acacac;
}

#model-test .parent-accordion .model-test-exam .job-info p img {
    margin-right: 7px;
}

#model-test .parent-accordion .model-test-exam .job-info span {
    font-size: 20px;
}

#model-test .parent-accordion .model-test-exam .btn-box {
    padding: 5px 20px 0 20px;
}

#modal-overflow .title {
    background-color: #7165E3;
    color: white;
    font-size: 1.2rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 10px;
    width: 100%;
    text-align: center;
}

#modal-overflow .uk-modal-dialog {
    height: 100%;
    overflow: auto;
    border-radius: 10px;
}

#modal-overflow .uk-modal-close-default {
    top: 5px;
}

#modal-overflow .uk-modal-close-default i {
    color: white;
    font-size: 26px;
}


#result {
    overflow-x: hidden;
}

#result .result-box {
    margin-top: 20px;
}

#result .result-box header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#result .result-box header p {
    font-size: 17px;
    font-weight: 600;
}

#result .result-box header select {
    width: 150px;
    background-color: rgba(113, 101, 227, 0.1);
    border-radius: 5px;
    border: none;
}

#result .result-box .body-content {
    background-color: rgba(113, 101, 227, 0.1);
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}

#result .result-box .body-content .box-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
}

#result .result-box .body-content .box-header span {
    position: relative;
}

#result .result-box .body-content .box-header span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #7165E3;
    z-index: 2;
}

#result .result-box .body-content .box-header span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
    width: 7px;
    height: 7px;
    border: 1px solid #7165E3;
    border-radius: 50px;
    background-color: white;
    z-index: 1;
}

#result .result-box .body-content .score {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 40px auto;
    background: linear-gradient(128.71deg, #4a8fcf 14.82%, #33e895 85.86%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#result .result-box .body-content .score .innerBox {
    width: 100px;
    height: 100px;
    background-color: #f6f5ff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

#result .result-box .body-content .score .innerBox p {
    margin: 0;
}

#result .result-box .body-content .score .innerBox .title {
    position: relative;
    top: 10px;
    font-weight: 300;
}

#result .result-box .body-content .score .innerBox .count {
    font-size: 2.7rem;
    font-weight: 600;
    color: #7165E3;
}

#result .result-box .body-content .score-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

#result .result-box .body-content .score-box .item {
    background-color: white;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
}

#result .result-box .body-content .score-box .item:nth-child(1) .count {
    color: #30e5ba;
}

#result .result-box .body-content .score-box .item:nth-child(2) .count {
    color: #ff6666;
}

#result .result-box .body-content .score-box .item:nth-child(3) .count {
    color: #7165E3;
}

#result .result-box .body-content .score-box .item .count {
    font-size: 2.2rem;
    display: block;
}

#result .result-box .body-content .score-box .item .title {
    font-weight: 300;
    position: relative;
    display: block;
    margin-top: -5px;
}

#result .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
}

#result .search-box .title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

#result .search-box input {
    height: 35px;
    background-color: rgba(113, 101, 227, 0.1);
    border-radius: 5px;
    padding: 0 10px;
    width: 160px;
}

#result .table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

#result .table thead {
    border: none;
}

#result .table thead th {
    background-color: #7165E3;
    color: white;
    font-weight: 400;
    padding: 5px;
}

#result .table thead th:first-child {
    text-align: left;
    padding-left: 15px;
}

#result .table tbody tr:nth-child(even) {
    background-color: rgba(113, 101, 227, 0.1);
}

#result .table tbody td {
    padding: 10px 5px;
    text-align: center;
}

#result .table tbody td:first-child {
    text-align: left;
    padding-left: 15px;
}

#routine .btn-unfill {
    border-radius: 30px;
    padding: 10px 40px;
}

#routine .table-wrapper .table-header {
    background-color: #4dcfaf;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#routine .table-wrapper .table-header li {
    color: white;
    padding: 5px;
    text-align: center;
}

#routine .table-wrapper .table-header li:nth-child(1) {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
}

#routine .table-wrapper .table-header li:nth-child(2) {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

#routine .table-wrapper .table-header li:nth-child(3) {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

#routine .table-wrapper .table-header li:nth-child(4) {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
}

#routine .table-wrapper .table-header li:nth-child(5) {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

#routine .table-wrapper .table-box {
    padding: 0 20px;
}

#routine .table-wrapper table {
    border-collapse: collapse;
    border: 1px solid #b1b1b1;
}

#routine .table-wrapper table tr:nth-child(odd) {
    background-color: #F6F6F6;
}

#routine .table-wrapper table tr > td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    height: 100%;
    border: 1px solid #C4C4C4;
}

#routine .table-wrapper table tr > td:nth-child(1) {
    width: 10%;
}

#routine .table-wrapper table tr > td:nth-child(2) {
    width: 40%;
    text-align: left;
}

#routine .table-wrapper table tr > td:nth-child(3) {
    width: 20%;
    white-space: nowrap;
}

#routine .table-wrapper table tr > td:nth-child(4) {
    width: 10%;
}

#routine .table-wrapper table tr > td:nth-child(5) {
    width: 20%;
    color: #4DCFAF;
}

#study {
    position: relative;
}

#study > header {
    top: 85px;
}

#study > header button {
    background: linear-gradient(128.71deg, #4a8fcf 14.82%, #33e895 85.86%);
    color: white;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 17px;
}

#study .chat-age {
    font-size: 12px;
    color: #707070;
}

#study .chat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 80px;
    padding-bottom: 70px;
}

#study .chat-list li {
    margin-bottom: 20px;
}

#study .chat-list .onother-user {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

#study .chat-list .onother-user > img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}

#study .chat-list .onother-user .normal-txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    background-color: #f4f5f4;
    padding: 10px 10px 20px 10px;
    border-radius: 0 10px 10px 10px;
}

#study .chat-list .onother-user .link-txt img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

#study .chat-list .onother-user .link-txt span {
    background-color: #7165E3;
    color: white;
    padding: 5px;
    display: block;
    font-size: 12px;
}

#study .chat-list .onother-user time {
    font-size: 12px;
    position: absolute;
    right: 15px;
    bottom: 0;
    font-weight: 300;
    color: #9e9e9e;
}

#study .chat-list .your-self, #study .chat-list .reply-your-self {
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

#study .chat-list .your-self .normal-txt, #study .chat-list .reply-your-self .normal-txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    background-color: #7165E3;
    padding: 10px 10px 20px 10px;
    border-radius: 10px 0 10px 10px;
    color: white;
}

#study .chat-list .your-self time, #study .chat-list .reply-your-self time {
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 0;
    font-weight: 300;
    color: #fff;
}

#study .chat-list .reply-your-self {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#study .chat-list .reply-your-self .reply-txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    background-color: #f4f5f4;
    padding: 10px 10px 20px 10px;
    border-radius: 0 10px 10px 10px;
}

#study .chat-list .reply-your-self .normal-txt {
    position: relative;
    top: -15px;
    border-radius: 10px;
    padding: 10px;
}

#study .chat-form {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e5e5e5;
    padding: 10px;
    background-color: white;
    z-index: 1;
}

#study .chat-form .icon-btn {
    background-color: transparent;
}

#study .chat-form .icon-btn:first-child {
    margin-right: 5px;
}

#study .chat-form .icon-btn img {
    width: 23px;
    height: 23px;
}

#study .chat-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#study .chat-form form input {
    width: calc(100% - 50px);
    height: 45px;
    padding: 0 10px;
}

#study .chat-form form button {
    background-color: #7165E3;
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

#pricing {
    position: relative;
}

#pricing .back-btn-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

#pricing .uk-subnav {
    position: fixed;
    top: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
    z-index: 10;
}

#pricing .uk-subnav li {
    padding-left: 0;
}

#pricing .uk-subnav li.uk-active a {
    background-color: #7165E3;
}

#pricing .uk-subnav li:first-child a {
    border-radius: 10px 0 0 10px;
}

#pricing .uk-subnav li:last-child a {
    border-radius: 0 10px 10px 0;
}

#pricing .uk-subnav li a {
    width: 160px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f2f2f2;
    padding: 10px;
}

#pricing .plan-list-wrapper {
    margin-top: 110px;
    padding: 0 35px;
}

#pricing .plan-list-wrapper .plan {
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

#pricing .plan-list-wrapper .plan header .plan-title {
    font-size: 1rem;
    margin: 0;
}

#pricing .plan-list-wrapper .plan header .plan-price {
    font-size: 2.3rem;
    margin: 20px 0;
}

#pricing .plan-list-wrapper .plan header .btn-fill {
    margin-top: 10px;
    padding: 8px 20px;
}

#pricing .plan-list-wrapper .plan .divider {
    width: 100%;
    height: 1px;
    background-color: #b6b6b6;
    margin: 30px 0;
}

#pricing .plan-list-wrapper .plan .plan-features {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#pricing .plan-list-wrapper .plan .plan-features li {
    color: #3C3C3C;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#pricing .plan-list-wrapper .plan .plan-features li i {
    margin-right: 7px;
    margin-top: 7px;
}

#startExam {
    position: relative;
}

#startExam .timer-box {
    width: 90%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: white;
    margin: 10px auto 0 auto;
    z-index: 10;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#startExam .timer-box.active {
    position: fixed;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70%;
}

#startExam .timer-box.active .title {
    font-size: 13px;
}

#startExam .timer-box.active .timer-inner-box {
    height: 55px;
}

#startExam .timer-box.active .timer-inner-box .timer > span {
    padding: 8px;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-block;
    text-align: center;
    line-height: 33px;
}

#startExam .timer-box.active .timer-inner-box .timer > span span {
    font-size: 22px;
}

#startExam .timer-box .title {
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
}

#startExam .timer-box .timer-inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
}

#startExam .timer-box .timer-inner-box .timer > span {
    padding: 8px;
    border-radius: 10px;
}

#startExam .timer-box .timer-inner-box .timer > span span {
    font-size: 28px;
}

#startExam .timer-box .timer-inner-box .timer > span:nth-child(2) {
    margin: 0 5px;
}

#startExam .timer-box .timer-inner-box .clock1 {
    top: 20px;
    left: 20px;
}

#startExam .timer-box .timer-inner-box .clock2 {
    top: 20px;
    right: 20px;
}

#startExam .timer-box .timer-inner-box .clock3 {
    bottom: 20px;
    left: 40px;
}

#startExam .timer-box .timer-inner-box .clock4 {
    bottom: 20px;
    right: 40px;
}

#startExam .timer-box .timer-inner-box .cc {
    position: absolute;
}

#startExam .test-box-wrapper {
    margin-top: 30px;
    padding-bottom: 20px;
}

#startExam .test-box {
    padding: 0 25px;
    margin-bottom: 20px;
}

#startExam .test-box.without-input {
    border-bottom: 4px solid #ececec;
}

#startExam .test-box .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#startExam .test-box .title-box span {
    background-color: rgba(113, 101, 227, 0.2);
    color: #7165E3;
    text-align: center;
    line-height: 25px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
}

#startExam .test-box .qus-list {
    margin: 15px 0 0 0;
    list-style-type: none;
    padding: 0;
}

#startExam .test-box .qus-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#startExam .test-box .qus-list label {
    line-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #929292;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

#startExam .test-box .qus-list input {
    background-color: white;
    border: 2px solid #7165E3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: 13px;
    margin-right: 10px;
}

#startExam .test-box .qus-list input:checked {
    position: relative;
    background-color: white;
    border: 2px solid #7165E3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

#startExam .test-box .qus-list input:checked ~ label {
    color: #333;
}

#startExam .test-box .qus-list input:checked::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #7165E3;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

#startExam .test-box .comment-box {
    margin: 10px 0;
}

#startExam .test-box .comment-box .comment-btn {
    margin: 20px 0;
}

#startExam .test-box .comment-box .comment-btn button {
    border: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
}

#startExam .test-box .comment-box .comment-btn button i {
    margin-right: 5px;
}

#startExam .test-box .comment-box .comment-btn button:nth-child(1) {
    background-color: rgba(255, 155, 47, 0.1);
}

#startExam .test-box .comment-box .comment-btn button:nth-child(2) {
    background-color: rgba(157, 110, 229, 0.2);
}

#startExam .test-box .comment-box .comment-btn button:nth-child(3) {
    background-color: rgba(24, 204, 143, 0.2);
}

#startExam .test-box .comment-box .input-box {
    margin-top: 20px;
}

#startExam .test-box .comment-box .input-box label {
    margin-bottom: 10px;
}

#startExam .test-box .comment-box .input-box textarea {
    height: 80px;
    resize: none;
    padding: 10px;
    border: 1px solid #7165E3;
    border-radius: 5px;
    outline: none;
}

#analytics {
    position: relative;
    padding-bottom: 50px;
}

#analytics .uk-subnav {
    width: calc(100% - 30px);
    margin: 20px auto;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    border-radius: 10px;

}

#analytics .uk-subnav li {
    padding-left: 0;
}

#analytics .uk-subnav li.uk-active a {
    background-color: #7165E3;
    color: #fff;
}

#analytics .uk-subnav li:first-child a {
    border-radius: 10px 0 0 10px;
}

#analytics .uk-subnav li:last-child a {
    border-radius: 0 10px 10px 0;
}

#analytics .uk-subnav li a {
    width: 120px;
    display: block;
    text-align: center;
    color: #7165E3;
    padding: 10px;
}

#analytics .tab-item {
    padding: 0 15px;
}

#analytics .form-select {
    width: 100px;
    height: 30px;
    font-size: 13px;
    background-color: #f7f7f7;
}

#analytics .chart-wrapper {
    background-color: white;
    -webkit-box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    padding: 10px;
    border-radius: 10px;
}

#analytics .line-chart {
    -webkit-animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
    animation: fadeIn 600ms cubic-bezier(0.57, 0.25, 0.65, 1) 1 forwards;
    opacity: 0;
    max-width: 640px;
    width: 100%;
}

#analytics .aspect-ratio {
    height: 0;
    padding-bottom: 50%;
}

#analytics .analytics-content .single-item {
    margin-bottom: 20px;
}

#analytics .analytics-content .item {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    box-shadow: 0px 0px 18px rgba(172, 172, 172, 0.25);
    border-radius: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#analytics .analytics-content .item .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

#analytics .analytics-content .item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#analytics .analytics-content .item .content .title {
    color: #ACACAC;
    margin: 0 0 6px 0;
    font-size: 14px;
    font-weight: normal;
}

#analytics .analytics-content .item .content .number {
    font-weight: bold;
}

#analytics .analytics-content .item .content .desc {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#analytics .list-of-paper .item {
    border-radius: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

#analytics .list-of-paper .item .icon {
    background-color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

#analytics .list-of-paper .item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#analytics .list-of-paper .item .content .title {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: normal;
}

#analytics .list-of-paper .item .content .signal-wrapper {
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#analytics .list-of-paper .item .content .signal-wrapper .big {
    width: 8px;
    height: 30px;
    border-radius: 3px;
    background-color: white;
}

#analytics .list-of-paper .item .content .signal-wrapper .small {
    width: 8px;
    height: 20px;
    border-radius: 3px;
    background-color: white;
}

#analytics .list-of-paper .item .content .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#analytics .list-of-paper .item:nth-child(1n + 1) {
    background-color: #FFEFDD;
}

#analytics .list-of-paper .item:nth-child(2n + 2) {
    background-color: #CEF4E7;
}

#analytics .list-of-paper .item:nth-child(3n + 3) {
    background-color: #EAE8FF;
}

#analytics .list-of-paper .item:nth-child(4n + 4) {
    background-color: #FFE4E4;
}

#analytics .list-of-paper .item:nth-child(5n + 5) {
    background-color: #C2F8FF;
}

#analytics .list-of-paper .item:nth-child(6n + 6) {
    background-color: #F9F0D2;
}

#analytics .more-item {
    background-color: white;
    display: block;
    text-align: center;
    color: #7165E3;
    width: 100%;
    border: none;
    outline: none;
    font-size: 20px;
    margin-top: 20px;
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

#bookShop {
    padding-bottom: 30px;
}

#bookShop .search-box {
    padding: 20px 20px 0 20px;
}

#bookShop .search-box input {
    border-radius: 5px;
    height: 45px;
    background-color: rgba(113, 101, 227, 0.1);
    border: none;
}

#bookShop .search-box input::-webkit-input-placeholder {
    font-size: 14px;
}

#bookShop .search-box input:-ms-input-placeholder {
    font-size: 14px;
}

#bookShop .search-box input::-ms-input-placeholder {
    font-size: 14px;
}

#bookShop .search-box input::placeholder {
    font-size: 14px;
}

#bookShop .section-title {
    margin-left: 20px;
}

#bookShop .book-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: auto;
    list-style-type: none;
    padding: 0 0 0 20px;
}

#bookShop .book-slider .book {
    margin-right: 15px;
}

#bookShop .book-slider .book .book-img {
    width: 100px;
}

#bookShop .book-slider .book .book-info {
    margin-top: 10px;
}

#bookShop .book-slider .book .book-info .title {
    margin: 0;
    font-size: 14px;
}

#bookShop .book-slider .book .book-info .price {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #707070;
}

#onlineClass {
    padding-bottom: 20px;
}

#onlineClass .video-player-wrapper {
    width: 100%;
}

#onlineClass .video-player-wrapper .title {
    background-color: #7165E3;
    color: #fff;
    margin: 0;
    padding: 7px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-weight: normal;
}

#onlineClass .video-player-wrapper .inner-wrapper {
    padding: 6px;
    background: linear-gradient(103.99deg, #847af4 1.1%, #3aedb7 98.32%);
    border-radius: 0px 0px 10px 10px;
}

#onlineClass .video-player-wrapper .video-js {
    width: 100%;
}

#onlineClass .user-feedback .btn-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

#onlineClass .user-feedback .btn-box button {
    height: 30px;
    background-color: white;
    font-size: 15px;
    border: none;
    outline: none;
    border-radius: 5px;
}

#onlineClass .user-feedback .btn-box button:nth-child(1) {
    color: #18cc8f;
    border: 1px solid #18cc8f;
}

#onlineClass .user-feedback .btn-box button:nth-child(2) {
    color: #9d6ee5;
    border: 1px solid #9d6ee5;
}

#onlineClass .user-feedback .btn-box button:nth-child(3) {
    color: #fdaf5c;
    border: 1px solid #fdaf5c;
}

#onlineClass .user-feedback form textarea {
    border: 1px solid #7165e3;
    height: 60px;
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
    resize: none;
    padding: 10px;
    outline: none;
}

#onlineClass .user-feedback form textarea::-webkit-input-placeholder {
    color: #7265e3d5;
    font-size: 14px;
}

#onlineClass .user-feedback form textarea:-ms-input-placeholder {
    color: #7265e3d5;
    font-size: 14px;
}

#onlineClass .user-feedback form textarea::-ms-input-placeholder {
    color: #7265e3d5;
    font-size: 14px;
}

#onlineClass .user-feedback form textarea::placeholder {
    color: #7265e3d5;
    font-size: 14px;
}

#onlineClass .user-feedback form button {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #7165E3;
    border: none;
    outline: none;
    color: white;
    font-size: 16px;
    margin-top: 10px;
}

#onlineClass .user-feedback .comment-list {
    padding: 0;
    list-style-type: none;
}

#onlineClass .user-feedback .comment-list .item {
    margin-bottom: 20px;
}

#onlineClass .user-feedback .comment-list .item > .comment-list {
    padding-left: 50px;
}

#onlineClass .user-feedback .comment-list .item > .comment-list .item {
    margin-top: 20px;
}

#onlineClass .user-feedback .comment-list .item.single-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#onlineClass .user-feedback .comment-list .item .inner-div .inner-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#onlineClass .user-feedback .comment-list .item .user-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

#onlineClass .user-feedback .comment-list .item .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#onlineClass .user-feedback .comment-list .item .info .name {
    margin: 0;
}

#onlineClass .user-feedback .comment-list .item .info .feed {
    margin: 5px 0;
    font-size: 15px;
    color: #acacac;
}

#onlineClass .user-feedback .comment-list .item .info .feed-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}

#onlineClass .user-feedback .comment-list .item .info .feed-btn-box button {
    background-color: white;
    border: none;
    outline: none;
    color: #acacac;
    font-size: 14px;
    margin-right: 20px;
}

#onlineClass .user-feedback .comment-list .item .info .feed-btn-box span {
    color: #acacac;
    font-size: 14px;
}

#onlineClass .section-title {
    padding-left: 20px;
}

#onlineClass .book-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: auto;
    list-style-type: none;
    padding: 0 0 0 20px;
}

#onlineClass .book-slider .book {
    margin-right: 15px;
}

#onlineClass .book-slider .book .book-img {
    width: 170px;
}

#onlineClass .book-slider .book .book-info {
    margin-top: 10px;
}

#onlineClass .book-slider .book .book-info .title {
    margin: 0;
    font-size: 14px;
}

#onlineClass .book-slider .book .book-info .price {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #707070;
}

#onlineClass .status-list {
    padding: 0 20px;
}

#onlineClass .status-list .item {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 11px rgba(174, 174, 174, 0.25);
    box-shadow: 0px 0px 11px rgba(174, 174, 174, 0.25);
    border-radius: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

#onlineClass .status-list .item .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

#onlineClass .status-list .item .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
}

#onlineClass .status-list .item .content .title {
    margin: 0;
}

#onlineClass .progress-bar {
    width: 100%;
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-top: 10px;
}

#onlineClass .progress-bar .progress {
    height: 7px;
    border-radius: 10px;
    width: 0%;
}

.transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    padding: 30px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.transparent-header button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.transparent-header button.hit-favorite {
    color: #fff;
}

.transparent-header button.hit-favorite.active {
    color: #7165E3;
}

.transparent-header button img {
    width: 22px;
}

.transparent-header .btn-menu button {
    font-size: 22px;
}

.transparent-header .btn-menu .btn-share {
    color: white;
}

#bookView {
    position: relative;
}

#bookView .bg-layer {
    width: 100%;
    position: relative;
}

#bookView .bg-layer .layer {
    background-color: #d2cdff93;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bookView .bg-layer .layer-img {
    width: 100%;
    height: auto;
}

#bookView .content {
    position: absolute;
    top: 270px;
    background-color: white;
    border-radius: 40px 40px 0 0;
}

#bookView .content .thumbnail {
    position: absolute;
    top: -170px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: drop-shadow(0px 11px 18px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 11px 18px rgba(0, 0, 0, 0.25));
}

#bookView .content .thumbnail img {
    width: 200px;
    height: auto;
}

#bookView .content .name-wrapper {
    text-align: center;
    border-bottom: 1px solid rgba(173, 173, 173, 0.6);
    margin: 130px 20px 0 20px;
    padding-bottom: 20px;
}

#bookView .content .name-wrapper .name {
    margin: 0;
}

#bookView .content .name-wrapper .author {
    margin: 10px 0 0;
    color: #949494;
    font-weight: normal;
}

#bookView .content .meta-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    margin: 10px 0;
}

#bookView .content .meta-data li span {
    display: block;
    font-weight: bold;
}

#bookView .content .meta-data li .label {
    font-weight: normal;
    color: #acacac;
    font-size: 14px;
    margin-bottom: 10px;
}

#bookView .content .details {
    padding: 0 20px;
    margin-top: 30px;
}

#bookView .content .details .title {
    margin: 0;
}

#bookView .content .details .description {
    margin: 0;
    color: #81838c;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}

#bookView .content .details .description.hide-txt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#bookView .content .details .description a {
    margin-left: 10px;
    font-weight: bold;
}

#bookView .content .btn-box {
    padding: 20px;
    margin-top: 10px;
}

#bookView .content .btn-box button {
    background-color: #7165E3;
    color: white;
    border-radius: 10px;
    border: none;
    outline: none;
    width: 100%;
    height: 45px;
    font-size: 16px;
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-overlay.active {
    pointer-events: auto;
    opacity: 1;
}

#sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100vh;
    z-index: 100;
    background-color: white;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#sidebar.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#sidebar header {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #adadad;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#sidebar header .title {
    font-size: 1.3rem;
    margin: 0;
}

#sidebar header .close-sidebar {
    background-color: white;
    border: none;
    outline: none;
    font-size: 22px;
}

#sidebar .list-of-menu {
    list-style-type: none;
    margin: 0;
    padding: 10px 20px;
}

#sidebar .list-of-menu .nav-item {
    padding: 5px 0;
}

#sidebar .list-of-menu .nav-item a {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    display: block;
}

#sidebar .list-of-menu .nav-item a img {
    width: 23px;
    height: 23px;
    margin-right: 10px;
}

#sidebar .list-of-menu .nav-item a:hover {
    color: #000;
}

#sidebar .list-of-menu .divider {
    border-bottom: 1px solid #adadad;
    margin: 10px 0;
}


#recentJob {
    position: relative;
}

#recentJob .wrapper {
    padding: 20px;
}

#recentJob .filter-box select {
    background-color: rgba(113, 101, 227, 0.1);
    border-radius: 10px;
    border: none;
}

#recentJob .filter-box .search-box input {
    background-color: rgba(113, 101, 227, 0.1);
    border: none;
    border-radius: 10px;
    font-weight: 400;
}

#recentJob .filter-box .search-box input::-moz-placeholder {
    font-size: 14px;
}

#recentJob .filter-box .search-box input:-ms-input-placeholder {
    font-size: 14px;
}

#recentJob .filter-box .search-box input::placeholder {
    font-size: 14px;
}

#recentJob .job-list {
    list-style-type: none;
    padding: 0;
}

#recentJob .job-list .job-post {
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(172, 172, 172, 0.25);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

#recentJob .job-list .job-post .job-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
}

#recentJob .job-list .job-post .job-date-and-mark {
    margin-bottom: 10px;
}

#recentJob .job-list .job-post .job-date-and-mark span {
    font-size: 13px;
    color: #667085;
}

#recentJob .job-list .job-post .job-info p {
    color: #acacac;
}

#recentJob .job-list .job-post .job-info p img {
    margin-right: 7px;
}

#recentJob .job-list .job-post .job-info span {
    font-size: 20px;
}

#recentJob .job-list .job-post .job-exam-time {
    margin-top: 10px;
}

#recentJob .job-list .job-post .job-exam-time span {
    font-size: 14px;
}

#recentJob .job-list .job-post .job-exam-time span:first-child {
    color: #667085;
}

#recentJob .job-list .job-post .btn-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

#recentJob .job-list .job-post .btn-box button:first-child {
    border-color: #7165E3;
    color: #7165E3;
}

/*# sourceMappingURL=style.css.map */

#asking1 .form-wrapper .submit-btn {
    padding: 13px 20px;
    font-size: 16px;
    margin-top: 15px;
}

#asking1 .form-wrapper .item {
    position: relative;
}

#asking1 .form-wrapper .item .remove-img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    font-size: 16px;
}

#asking1 .feedback-list {
    list-style-type: none;
    margin: 40px 0 0;
    padding: 0;
}

#asking1 .feedback-list .feedback {
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(141, 141, 141, 0.25);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

#asking1 .feedback-list .feedback header {
    display: flex;
    align-items: center;
}

#asking1 .feedback-list .feedback header img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

#asking1 .feedback-list .feedback header > div {
    flex: 1;
}

#asking1 .feedback-list .feedback header > div .name {
    margin: 0;
    font-size: 18px;
}

#asking1 .feedback-list .feedback header > div span {
    font-size: 14px;
    color: #acacac;
}

#asking1 .feedback-list .feedback .body-content {
    margin-top: 20px;
}

#asking1 .feedback-list .feedback .body-content .desc {
    margin: 0 0 10px 0;
    font-size: 15px;
    line-height: 22px;
}

#asking1 .feedback-list .feedback .body-content .btn-box {
    margin-top: 20px;
}

#asking1 .feedback-list .feedback .body-content .btn-box button {
    padding: 10px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 15px;
}

#asking1 .feedback-list .feedback .body-content .polling {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#asking1 .feedback-list .feedback .body-content .polling li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#asking1 .feedback-list .feedback .body-content .polling li > div {
    background: #f6f6f6;
    box-shadow: 0px 0px 3px rgba(133, 133, 133, 0.25);
    border-radius: 8px;
    color: #3c3c3c;
    padding: 10px;
    border-radius: 7px;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
}

#asking1 .feedback-list .feedback .body-content .polling li span {
    padding-left: 10px;
    color: #3c3c3c;
    text-align: center;
}

#asking1 .answer-list {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0;
    border-top: 1px solid #ddd;
}

#asking1 .answer-list.pull-answer {
    display: none;
}

#asking1 .answer-list .single-answer {
    margin-bottom: 20px;
}

#asking1 .answer-list .single-answer:last-child {
    margin-bottom: 0;
}

#asking1 .answer-list .single-answer .inner-content {
    display: flex;
    align-items: flex-start;
}

#asking1 .answer-list .single-answer:first-child {
    margin-top: 15px;
}

#asking1 .answer-list .single-answer .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#asking1 .answer-list .single-answer .body-content {
    flex: 1;
    margin-top: 0;
    padding-left: 15px;
}

#asking1 .answer-list .single-answer .body-content .name {
    margin: 0 0 10px 0;
    font-size: 18px;
}

#asking1 .answer-list .single-answer .body-content .desc {
    font-size: 14px;
}

#asking1 .answer-list .single-answer .body-content .share-btn-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#asking1 .answer-list .single-answer .body-content .share-btn-list button {
    font-size: 14px;
}

#asking1 .answer-list .single-answer .body-content .share-btn-list button:first-child {
    color: #888;
}

#asking1 .answer-list .single-answer .body-content .share-btn-list span {
    font-size: 13px;
    color: #aaa;
}

#asking1 .answer-list .sub-answer {
    padding-left: 35px;
}

#asking1 .answer-list .sub-answer .single-answer .body-content .share-btn-list {
    border-bottom: 1px solid #ddd;
}

input, textarea {
    background-color: #F6F6F6;
    border: none;
    outline: none !important;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}

input::placeholder, textarea::placeholder {
    color: #888888;
}

textarea {
    height: 80px;
    resize: none;
}

/*# sourceMappingURL=style.css.map */






#main-wrapper {
    font-family: "Nunito", sans-serif;
}

#recruitment-of-teachers {
    height: calc(100vh - 50px);
    padding: 0 10px;
}
#recruitment-of-teachers .top-label {
    background: #FFFFFF;
    border: 1px solid rgba(23, 218, 183, 0.16);
    box-shadow: 0px 0px 18px rgba(210, 210, 210, 0.25);
    border-radius: 32px;
    margin-top: 40px;
    color: #035C4C;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}
#recruitment-of-teachers .card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
#recruitment-of-teachers .card-grid .item {
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
    font-weight: 500;
}
#recruitment-of-teachers .card-grid .item img {
    width: 40px;
}
#recruitment-of-teachers .card-grid .item p {
    margin: 10px 0 0;
}
#recruitment-of-teachers .card-grid .item:nth-child(1) {
    background: #ECFDF3;
    color: #17DAB7;
}
#recruitment-of-teachers .card-grid .item:nth-child(2) {
    background: #F9F5FF;
    color: #9E7CEE;
}
#recruitment-of-teachers .card-grid .item:nth-child(3) {
    background: #FFF6ED;
    color: #FD853A;
}
#recruitment-of-teachers .scroll-view {
    height: calc(100vh - 295px);
    overflow: hidden;
}
#recruitment-of-teachers .list-of-exam {
    list-style-type: none;
    padding: 0 0 40px 0;
    margin: 20px 0 0;
    height: 100%;
    overflow-y: auto;
}
#recruitment-of-teachers .list-of-exam li {
    background: #F8FBFF;
    color: #667085;
    border: 1px solid #E7F1FF;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}
#recruitment-of-teachers .list-of-exam li i {
    font-size: 25px;
    margin-left: 10px;
}

#knowledge-update {
    background-color: #F6F7F9;
    height: calc(100vh - 50px);
    padding-top: 20px;
}
#knowledge-update .top-label {
    background: linear-gradient(90.16deg, #D298FF 0.1%, #567BFF 98.58%);
    color: white;
    text-align: center;
    box-shadow: 0px 0px 18px rgba(210, 210, 210, 0.25);
    border-radius: 32px;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    width: 95%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-inline: auto;
}
#knowledge-update .card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    background-color: white;
    padding: 15px;
}
#knowledge-update .card-grid .card-item {
    border-radius: 10px;
    text-align: center;
    padding: 10px 5px;
    font-weight: 500;
    font-size: 13px;
}
#knowledge-update .card-grid .card-item:nth-child(1) {
    background: #ECFDF3;
    color: #17DAB7;
}
#knowledge-update .card-grid .card-item:nth-child(2) {
    background: #F9F5FF;
    color: #9E7CEE;
}
#knowledge-update .card-grid .card-item:nth-child(3) {
    background: #FFF6ED;
    color: #FD853A;
}
#knowledge-update .scroll-view {
    height: calc(100vh - 230px);
    overflow: hidden;
}
#knowledge-update .list-of-exam {
    list-style-type: none;
    padding: 0 10px 20px 10px;
    margin: 20px 0 0;
    height: 100%;
    overflow-y: auto;
}
#knowledge-update .list-of-exam li {
    background: #fff;
    color: #667085;
    border: 1px solid #FFF0D4;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}
#knowledge-update .list-of-exam li i {
    font-size: 25px;
    margin-left: 10px;
}/*# sourceMappingURL=style.css.map */