mario-teacher-student-client 2.1.21 → 2.1.22-beta

package/dist/components/Dialog/ModalAssistant.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+interface IConfirmCancel {
+    title: string;
+    isOpen: boolean;
+    confirmAndClose: () => void;
+    onChangeAssistant: Function;
+    handleConfirm: Function;
+}
+declare const ModalAssistant: FC<IConfirmCancel>;
+export default ModalAssistant;

package/dist/components/Header/HeaderComponent.d.ts

@@ -20,6 +20,7 @@ interface Props {
     isShowButtonEdit?: boolean;
     onEditConference?: Function;
     numberOfEdit?: boolean;
+    isUserChangeSession?: boolean;
 }
 declare const HeaderComponent: FC<Props>;
 export default HeaderComponent;

package/dist/components/Input/InputComponent.d.ts

@@ -2,7 +2,7 @@
 interface Props {
     customId?: string;
     valueText: string;
-    onChange: Function;
+    onChange?: Function;
     name?: string;
     isAddIcon?: boolean;
     handleAddItem?: Function;
@@ -11,6 +11,7 @@ interface Props {
     isSending?: boolean;
     handleSending?: Function;
     canSubmit?: boolean;
+    disabled?: boolean;
 }
-declare const InputComponent: ({ valueText, onChange, name, isAddIcon, handleAddItem, placeholder, onBlur, customId, isSending, handleSending, canSubmit }: Props) => JSX.Element;
+declare const InputComponent: ({ valueText, onChange, name, isAddIcon, handleAddItem, placeholder, onBlur, customId, isSending, handleSending, canSubmit, disabled }: Props) => JSX.Element;
 export default InputComponent;

package/dist/components/QuestionTypes/LearningStrategyComponent.d.ts

@@ -6,6 +6,8 @@ interface Props {
     onChangeQuestionAnswer?: Function;
     valueText: string;
     isResultPage?: boolean;
+    questionList?: any;
+    isUserChangeSession?: boolean;
 }
 declare const LearningStrategyComponent: FC<Props>;
 export default LearningStrategyComponent;

package/dist/components/QuestionTypes/LearningStrategyConference.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { LearningStrategyType } from "../../containers/ConductOneToOne/constant/types";
+interface Props {
+    listLearningStrategory: LearningStrategyType[];
+    questionId: number;
+    onChangeQuestionAnswer?: Function;
+    valueText: string;
+    isResultPage?: boolean;
+    isUserChangeConference?: boolean;
+}
+declare const LearningStrategyConference: FC<Props>;
+export default LearningStrategyConference;

package/dist/components/QuestionTypes/QuestionComponent.d.ts

@@ -15,6 +15,8 @@ interface Props {
     isPageSessionResult?: boolean;
     avatar?: string;
     isRedToRed?: boolean;
+    isUserChangeSession?: boolean;
+    questionAnswer?: string[];
 }
 declare const QuestionComponent: FC<Props>;
 export default QuestionComponent;

package/dist/components/QuestionTypes/SingleChoiceComponent.d.ts

@@ -5,6 +5,8 @@ interface Props {
     valueText: string;
     minText?: string;
     maxText?: string;
+    isUserChangeSession?: boolean;
+    questionAnswer?: string[];
 }
 declare const SingleChoiceComponent: FC<Props>;
 export default SingleChoiceComponent;

package/dist/components/selector/AssistantSelector.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AssistantSelector: ({ onChangeAssistant }: any) => JSX.Element;
+export default AssistantSelector;

package/dist/components/selector/StudentMultiSelector.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const StudentMultiSelector: ({ student, setStudent, studentData }: any) => JSX.Element;
+export default StudentMultiSelector;

package/dist/containers/ActionPoint/components/Dialogs/hooks/useDialogRequest.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { FORM_REQUEST } from "../../../constants/types";
 declare type PropsType = {
     actionId: number;
     reloadRef: React.MutableRefObject<any>;
@@ -6,8 +7,9 @@ declare type PropsType = {
 declare const useDialogRequest: (_props: PropsType, ref: any) => {
     open: boolean;
     isTeacher: any;
+    isAssistant: any;
     classList: never[];
-    formData: any;
+    formData: FORM_REQUEST;
     changeFormData: (updatedForm: any) => void;
     changeTitle: (e: any) => void;
     handleDateChange: (date: any) => void;

package/dist/containers/ActionPoint/components/DoneList/hooks/useDoneList.d.ts

@@ -11,5 +11,6 @@ declare const useDoneList: () => {
     changeFilters: (updateFilters: any) => void;
     filters: any;
     isTeacher: any;
+    isAssistant: any;
 };
 export default useDoneList;

package/dist/containers/ActionPoint/components/TodoList/hooks/useTodoList.d.ts

@@ -13,6 +13,7 @@ declare const useTodoList: () => {
     handleChangeSearchString: (e: React.ChangeEvent<HTMLInputElement>) => void;
     getActionPointList: () => Promise<void>;
     isTeacher: any;
+    isAssistant: any;
     classFontSize: string;
 };
 export default useTodoList;

package/dist/containers/ActionPoint/constants/types.d.ts

@@ -14,8 +14,6 @@ export interface FILTER_SESSION {
     className?: string;
 }
 export interface FORM_REQUEST {
-    studentId?: number;
-    teacherId?: number;
     title?: string;
     class?: string;
     deadline?: number | null;

package/dist/containers/ActivityCircle/hooks/useListDetailActivity.d.ts

@@ -21,5 +21,10 @@ declare const useListDetailActivity: () => {
     getData: () => Promise<void>;
     deleteActivity: (cb?: any) => Promise<void>;
     classFontSize: string;
+    ACTIVITY_LIST: {
+        id: number;
+        images: string;
+        text: string;
+    }[];
 };
 export default useListDetailActivity;

package/dist/containers/ConductOneToOne/components/QuestionConduct.d.ts

@@ -6,6 +6,7 @@ interface Props {
     isPageResult?: boolean;
     isPageSessionResult?: boolean;
     avatar?: string;
+    isUserChangeSession?: boolean;
 }
 declare const QuestionConduct: FC<Props>;
 export default QuestionConduct;

package/dist/containers/ConductOneToOne/hooks/useConductOne.d.ts

@@ -29,5 +29,8 @@ declare const useConductOne: () => {
     setCategory: import("react").Dispatch<import("react").SetStateAction<string>>;
     classFontSize: string;
     isStudentChangeAfter: boolean;
+    startTimerSession: any;
+    isUserChangeSession: boolean;
+    setIsUserChangeSession: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export default useConductOne;

package/dist/containers/ConductOneToOne/hooks/useCountDown.d.ts

@@ -1,5 +1,5 @@
 import { TypeTime } from "../constant/types";
-declare const useCountDown: (typeTime: TypeTime, sessionResultId: number) => {
+declare const useCountDown: (typeTime: TypeTime, sessionResultId: number, isUserChangeSession: boolean) => {
     hour: number;
     minute: number;
     second: number;

package/dist/containers/ConferenceRubric/components/RubricTable.d.ts

@@ -13,6 +13,7 @@ interface Props {
     imageStudent: string;
     isPageResultConference?: boolean;
     classFontSize: string;
+    isUserChangeConference: boolean;
 }
 declare const RubricTable: FC<Props>;
 export default RubricTable;

package/dist/containers/ConferenceRubric/components/StartRubric.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React from "react";
 import { CONFERENCE_RUBRIC_ANSWER_TYPES, CONFERENCE_RUBRIC_TYPES } from "../configs/constants";
 interface Props {
     rubric: CONFERENCE_RUBRIC_TYPES;
@@ -13,6 +13,7 @@ interface Props {
     imageStudent: string;
     isPageResultConference?: boolean;
     classFontSize: string;
+    isUserChangeConference: boolean;
 }
-declare const StartRubric: FC<Props>;
-export default StartRubric;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/containers/ConferenceRubric/hooks/useAutoSaveConferenceRubric.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import { CONFERENCE_RUBRIC_ANSWER_TYPES, CONFERENCE_RUBRIC_ITEM_ANSWER, QUESTIONS_RESPONSE, ROW_ANSWER } from "../configs/constants";
+import { CONFERENCE_RUBRIC_ANSWER_TYPES, CONFERENCE_RUBRIC_ITEM_ANSWER, ROW_ANSWER } from "../configs/constants";
 declare const useAutoSaveConferenceRubric: () => {
     startRubric: (sessionResultId: number) => Promise<void>;
     answerConferenceRubric: CONFERENCE_RUBRIC_ANSWER_TYPES;
     setAnswerConferenceRubric: import("react").Dispatch<import("react").SetStateAction<CONFERENCE_RUBRIC_ANSWER_TYPES>>;
     autoUpdateItemAnswer: (itemAnswerId: number, itemAnswer: CONFERENCE_RUBRIC_ITEM_ANSWER) => Promise<void>;
     autoUpdateRowAnswer: (rowAnswerId: number, rowAnswer: ROW_ANSWER) => Promise<void>;
-    timeOutSaveQuestion: (questionAnswerId: number, questionAnswer: QUESTIONS_RESPONSE) => void;
 };
 export default useAutoSaveConferenceRubric;

package/dist/containers/ConferenceRubric/hooks/useConferenceRubric.d.ts

@@ -24,6 +24,7 @@ declare const useConferenceRubric: () => {
     dateStartSession: string;
     isTeacher: any;
     isStudent: any;
+    isAssistant: boolean;
     isUnlocked: boolean;
     setIsUnclocked: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     onChangeToogleAfterSession: () => Promise<void>;
@@ -50,5 +51,7 @@ declare const useConferenceRubric: () => {
     numberOfEdit: number;
     classFontSize: string;
     isStudentChangeAfter: boolean;
+    startTimerConference: any;
+    isUserChangeConference: boolean;
 };
 export default useConferenceRubric;

package/dist/containers/LearningStrategies/hook/useAddLearningStrategies.d.ts

@@ -13,6 +13,7 @@ declare const useAddLearningStrategies: () => {
         studentId: any;
         isShowChoose: boolean;
         searchString: string;
+        selected: string;
     };
     selectData: any;
     handleAddLearningStrategy: () => Promise<void>;
@@ -22,6 +23,6 @@ declare const useAddLearningStrategies: () => {
     handleShowSelectItemCount: () => number;
     classFontSize: string;
     bestFits: string[];
-    selectedChange: (e: string[]) => Promise<void>;
+    selectedChange: (e: string[]) => void;
 };
 export default useAddLearningStrategies;

package/dist/containers/MyStudent/components/ChartOverview.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ChartOverview: (props: any) => JSX.Element;
+export default ChartOverview;

package/dist/containers/MyStudent/components/NewOverview/Chat/view/ChartOneToOne.d.ts

@@ -15,5 +15,5 @@ interface Props {
     options: any;
     classFontSize: string;
 }
-declare const ChartOneToOne: ({ title, series, widthChartOne, heightChartOne, handleChangeStartDate, handleChangeEndDate, timeEnd, timeStart, options, classFontSize }: Props) => JSX.Element;
+declare const ChartOneToOne: ({ title, series, handleChangeStartDate, handleChangeEndDate, timeEnd, timeStart, options, classFontSize }: Props) => JSX.Element;
 export default ChartOneToOne;

package/dist/containers/MyStudent/components/NewOverview/Chat/view/ChatConference.d.ts

@@ -12,5 +12,5 @@ interface Props {
     optionConference: any;
     classFontSize: string;
 }
-declare const ChatConference: ({ title, seriesConference, widthChartConference, heightChartConference, handleChangeStartDateConference, handleChangeEndDateConference, timeEndConference, optionConference, timeStartConference, classFontSize }: Props) => JSX.Element;
+declare const ChatConference: ({ title, seriesConference, handleChangeStartDateConference, handleChangeEndDateConference, timeEndConference, optionConference, timeStartConference, classFontSize }: Props) => JSX.Element;
 export default ChatConference;

package/dist/containers/MyStudent/components/NewOverview/Chat/view/ChatLearningProgress.d.ts

@@ -3,8 +3,8 @@ interface Props {
     title: string;
     studentId: any;
     seriesLearningProgress: any;
-    widthChartLearningProgress: any;
-    heightChartLearningProgress: any;
+    widthChartLearningProgress?: any;
+    heightChartLearningProgress?: any;
     handleChangeStartLearningProgress: any;
     handleChangeEndLearningProgress: any;
     timeEndLearningProgress: any;
@@ -12,5 +12,5 @@ interface Props {
     optionLearningProgress: any;
     classFontSize: string;
 }
-declare const ChatLearningProgress: ({ title, seriesLearningProgress, widthChartLearningProgress, heightChartLearningProgress, handleChangeStartLearningProgress, handleChangeEndLearningProgress, timeEndLearningProgress, timeStartLearningProgress, optionLearningProgress, classFontSize }: Props) => JSX.Element;
+declare const ChatLearningProgress: ({ title, seriesLearningProgress, handleChangeStartLearningProgress, handleChangeEndLearningProgress, timeEndLearningProgress, timeStartLearningProgress, optionLearningProgress, classFontSize }: Props) => JSX.Element;
 export default ChatLearningProgress;

package/dist/containers/MyStudent/components/NewOverview/TopLearningStrategies/view/TopLearningStrategiesChart.d.ts

@@ -2,6 +2,7 @@
 interface TopLearningStrategiesChartProps {
     studentId: any;
     classFontSize: string;
+    isPlp?: boolean;
 }
 declare const TopLearningStrategiesChart: (props: TopLearningStrategiesChartProps) => JSX.Element;
 export default TopLearningStrategiesChart;

package/dist/containers/MyStudent/hooks/useStudentList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FILTER_STUDENT_SESSION } from "../constants/types";
 declare const useStudentList: () => {
     students: any;
@@ -10,5 +11,10 @@ declare const useStudentList: () => {
     classFontSize: string;
     useStyles: (props?: any) => Record<"select" | "fontCustom", string>;
     defaultFont: any;
+    onSubmitAssistant: (cb: Function) => Promise<void>;
+    setAssistantId: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setStudentAssistant: import("react").Dispatch<import("react").SetStateAction<number>>;
+    isRoleTeacherAndAssistant: boolean;
+    nameTeacherAssistant: any;
 };
 export default useStudentList;

package/dist/containers/PLP/components/PlpPage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PlpPage: () => JSX.Element;
+export default PlpPage;

package/dist/containers/PersonalLearningPlan/PersonalInterests/apiClient/personalInterestApi.d.ts

@@ -6,3 +6,4 @@ export declare const updateDataPersonalInterestApi: (id: number, body: any) => P
 export declare const deleteDataPersonalInterestApi: (id: number) => Promise<import("axios").AxiosResponse<any>>;
 export declare const allowEdit: (id: number, data: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getAllowEdit: (id: number) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getPolarQuestion: (id: number) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/PersonalLearningPlan/PersonalInterests/components/ListPersonalInterestHook.d.ts

@@ -38,5 +38,10 @@ declare const usePersonalInterest: (studentId: number) => {
     isCheckChange: boolean;
     setIsCheckChange: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     classFontSize: string;
+    ACTIVITY_LIST: {
+        id: number;
+        images: string;
+        text: string;
+    }[];
 };
 export default usePersonalInterest;

package/dist/containers/PersonalLearningPlan/PersonalInterests/services/personalInterestsService.d.ts

@@ -6,3 +6,4 @@ export declare const uploadFilePersonalInterest: (dispatch: any, file: string) =
 export declare const editDataPersonalInterest: (dispatch: any, id: number) => Promise<any>;
 export declare const updateAllow: (dispatch: any, studentId: any, data: any) => Promise<void>;
 export declare const getAllow: (dispatch: any, studentId: any) => Promise<any>;
+export declare const getAveragePolarQuestion: (dispatch: any, studentId: any) => Promise<any>;

package/dist/containers/PersonalLearningPlan/components/PieChart/PieChart.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Iprops {
+    studentId: any;
+}
+declare const PieChart: FC<Iprops>;
+export default PieChart;

package/dist/containers/PersonalLearningPlan/components/PieChart/ultis.d.ts

@@ -0,0 +1,3 @@
+import { ApexOptions } from "apexcharts";
+export declare const colors: string[];
+export declare const options: (label: string[]) => ApexOptions;

package/dist/containers/ScaffoldingExample/components/ScaffoldingFloatTab/MineNotes/views/MineNotesScreen.d.ts

@@ -4,6 +4,7 @@ declare type PropsType = {
     sessionResultId: number;
     conferenceId: number;
     conferenceResultId: number;
+    isUserChangeSession: boolean;
 };
 declare const MineNoteScreen: (props: PropsType) => JSX.Element;
 export default MineNoteScreen;

package/dist/containers/ScaffoldingExample/components/ScaffoldingFloatTab/MineNotes/views/PrivateNotesScreen.d.ts

@@ -4,6 +4,7 @@ declare type PropsType = {
     sessionResultId: number;
     conferenceId: number;
     conferenceResultId: number;
+    isUserChangeSession: boolean;
 };
 declare const PrivateNotesScreen: (props: PropsType) => JSX.Element;
 export default PrivateNotesScreen;

package/dist/containers/ScaffoldingExample/components/ScaffoldingFloatTab/MineNotes/views/ScaffoldingAnswerTextarea.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 interface Props {
     value: string;
-    onChange: Function;
-    onSubmit: Function;
+    onChange?: Function;
+    onSubmit?: Function;
+    disabled?: boolean;
+    isUserChangeSession?: boolean;
 }
-declare const ScaffoldingAnswerTextarea: ({ value, onChange, onSubmit }: Props) => JSX.Element;
+declare const ScaffoldingAnswerTextarea: ({ value, onChange, onSubmit, disabled, isUserChangeSession }: Props) => JSX.Element;
 export default ScaffoldingAnswerTextarea;

package/dist/containers/ScaffoldingExample/components/ScaffoldingFloatTab/MineNotes/views/ScaffoldingListingNotes.d.ts

@@ -11,6 +11,7 @@ declare type PropsType = {
     note: string;
     onChangeNote: Function;
     onSubmitSingleNote: Function;
+    isUserChangeSession: boolean;
 };
 declare const ScaffoldingListingNotes: (props: PropsType) => JSX.Element;
 export default ScaffoldingListingNotes;

package/dist/containers/ScaffoldingExample/components/ScaffoldingFloatTab/ScaffoldingFloatTab.d.ts

@@ -6,6 +6,7 @@ declare type PropsType = {
     conferenceId: number;
     conferenceResultId: number;
     informationUser: any;
+    isUserChangeSession: boolean;
 };
 declare const ScaffoldingFloatTab: (props: PropsType) => JSX.Element;
 export default ScaffoldingFloatTab;

package/dist/index.css

@@ -231,17 +231,20 @@ p._1YLGi {
   ._1M6M1 ._1wmi8 {
     padding: 4px; } }
 
-._KKK4u {
+._KKK4u._3o_lQ {
   display: flex;
   flex-wrap: wrap; }
-  ._KKK4u._3Sup6 ._1k7-R span {
-    font-size: 20px !important; }
-  ._KKK4u._2JnMg ._1k7-R span {
-    font-size: 12px !important; }
-  ._KKK4u ._1k7-R {
-    margin-right: 20px;
-    margin-top: 12px;
-    cursor: pointer; }
+
+._KKK4u._3Sup6 ._1k7-R span {
+  font-size: 20px !important; }
+
+._KKK4u._2JnMg ._1k7-R span {
+  font-size: 12px !important; }
+
+._KKK4u ._1k7-R {
+  margin-right: 20px;
+  margin-top: 12px;
+  cursor: pointer; }
 
 ._WkaIn ._2gqE- {
   margin-bottom: 25px; }
@@ -520,10 +523,7 @@ p._1YLGi {
 ._2RwcR {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between; }
-  @media (max-width: 1400px) {
-    ._2RwcR {
-      justify-content: flex-start; } }
+  justify-content: flex-start; }
 
 ._3Sup6 ._21QGx {
   font-size: 24px !important; }
@@ -939,7 +939,7 @@ p._1YLGi {
   border-radius: 12px !important; }
 
 ._NLxWQ {
-  width: 50px;
+  width: 70px;
   padding: 15px 5px 15px 10px;
   border-radius: 14px;
   border: 1px solid grey; }
@@ -3005,11 +3005,11 @@ h2._1OAmb {
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   background: white;
   top: 140px;
-  z-index: 999;
   height: calc(100% - 140px);
   display: flex;
   position: fixed;
-  right: 0; }
+  right: 0;
+  z-index: 9; }
   @media screen and (max-width: 767px) {
     ._m1FkD {
       top: 132px;
@@ -3482,14 +3482,13 @@ h2._1OAmb {
   width: 16px;
   height: 16px; }
 
-._SGD0h {
-  cursor: pointer; }
-
 @media screen and (max-width: 767px) {
   ._2RP6e {
     overflow-y: auto;
     height: 45%;
-    margin-bottom: 10px; } }
+    margin-bottom: 10px; }
+  ._2JHwd {
+    width: 100%; } }
 
 @font-face {
   font-family: "Lato-Regular";
@@ -4424,6 +4423,10 @@ h2._1OAmb {
 ._1Dcu1 ._1pGO0, ._1Dcu1 ._NWC5s, ._1Dcu1 ._23Qec, ._1Dcu1 ._310xk {
   font-size: 0.9rem !important; }
 
+._3GUUm {
+  margin-left: 15%;
+  margin-bottom: 20px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -4591,6 +4594,8 @@ h2._1OAmb {
     width: 100%; }
   ._3sc5l ._21Iny {
     padding-left: 8px; }
+  ._3sc5l ._177Fz {
+    height: 100%; }
   ._3sc5l ._2UlJW {
     box-shadow: none;
     margin-bottom: 10px;
@@ -4670,6 +4675,21 @@ h2._1OAmb {
   ._3e_xC {
     display: block !important; } }
 
+._1081B {
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+  margin: 10px 0 10px 10px; }
+
+._2N1Xp {
+  border: 1px solid #ebeff2;
+  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+  margin: 10px 0; }
+  @media (min-width: 1024px) {
+    ._2N1Xp {
+      margin: 0 10px; } }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -5639,7 +5659,8 @@ h2._1OAmb {
   background-color: #ffffff;
   border-radius: 12px;
   width: 100%;
-  min-height: 390px; }
+  min-height: 390px;
+  height: 100%; }
   ._2OFNj ._3OA0Q {
     display: flex;
     justify-content: space-between;
@@ -5744,6 +5765,7 @@ h2._1OAmb {
   ._2K3qC ._3f0nE, ._3fuHY ._3f0nE {
     display: flex;
     flex-direction: column;
+    align-items: center;
     justify-content: space-between;
     margin: 80px 0 30px 20px; }
     ._2K3qC ._3f0nE > p, ._3fuHY ._3f0nE > p {
@@ -7148,6 +7170,17 @@ h2._1OAmb {
     ._3xPJE {
       display: block; } }
 
+._3Ys1j {
+  display: flex;
+  gap: 20px;
+  margin-top: 20px; }
+  @media screen and (min-width: 1280px) {
+    ._3Ys1j {
+      padding-right: 20px; } }
+  @media screen and (max-width: 1280px) {
+    ._3Ys1j {
+      display: block; } }
+
 ._ipkfl {
   width: 10% !important; }
 
@@ -8855,7 +8888,11 @@ button._kb6Ui {
   background-color: #f9f9f9; }
 
 ._13KPp {
-  font-size: 16px; }
+  font-size: 16px !important;
+  display: flex !important;
+  align-items: center !important; }
+  ._13KPp p {
+    margin-bottom: 0; }
   ._13KPp ._EjXlz {
     margin-right: 10px; }
 
@@ -8930,6 +8967,40 @@ button._kb6Ui {
 ._2cDw3 ._248rc > span {
   font-size: 10px !important; }
 
+._ZHM5w {
+  background: #ffffff;
+  box-shadow: 0px 3px 12px 2px rgba(0, 0, 0, 0.12);
+  border-radius: 10px;
+  padding: 24px;
+  height: 507px;
+  width: 50%;
+  text-align: center; }
+  ._ZHM5w ._3OxrS {
+    padding: 10px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 82%; }
+    ._ZHM5w ._3OxrS ._2KukK {
+      width: 66%; }
+  ._ZHM5w ._2Bi8U {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 24px; }
+    ._ZHM5w ._2Bi8U h2 {
+      font-size: 20px;
+      font-weight: 700;
+      color: #1a202c; }
+    ._ZHM5w ._2Bi8U ._2BItF {
+      background-color: #308252;
+      border-radius: 12px;
+      color: #ffffff; }
+
+@media screen and (max-width: 1280px) {
+  ._ZHM5w {
+    width: 100%; } }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");
@@ -12435,5 +12506,36 @@ h2._1KpSK {
     ._2wJvz ._3xlZ3 p strong, ._2wJvz ._3xlZ3 p a {
       font-size: 16px; }
 
-._2r7UH {
-  margin-bottom: 16px; }
+@font-face {
+  font-family: "Lato-Regular";
+  src: url("/fonts/Lato-Regular.ttf");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: "Lato-Bold";
+  src: url("/fonts/Lato-Bold.ttf");
+  font-weight: normal;
+  font-style: normal; }
+
+._1Vmrd {
+  display: flex;
+  padding: 20px;
+  padding-left: 30px; }
+  @media (max-width: 767px) {
+    ._1Vmrd {
+      display: block; } }
+  ._1Vmrd ._vZdlU {
+    width: 50%; }
+    @media (max-width: 767px) {
+      ._1Vmrd ._vZdlU {
+        width: 100%; } }
+  ._1Vmrd ._2Qkdt {
+    margin-left: 10px;
+    background: #156DA1; }
+    @media (max-width: 767px) {
+      ._1Vmrd ._2Qkdt {
+        margin: 10px 0 0; } }
+
+._1VfS9 {
+  padding: 20px; }