:root {
  --primary-color: #212121;
  --primary-color-opacity: rgb(33, 33, 33, 0.25);
  --primary-color-opacity-banner: rgb(33, 33, 33, 0.04);
  --primary-color-opacity2: rgb(33, 33, 33, 0.63);
  --primary-color-opacity1: rgb(33, 33, 33, 0.5);
  --secondary-color: #707070;
  --secondary-color-opacity: rgb(112, 112, 112, 0.25);
  --secondary-color-opacity2: rgb(112, 112, 112, 0.5);
  --tertiary-color: #b5b5b5;
  --tertiary-color-opcaity: rgba(181, 181, 181, 0.5);
  --fourty-color: #2A2A2A;
  --fifty-color: #8B8B8B;
  --sixty-color: #EBEBEB;
  --seventy-color: #F2F2F2;
  --eighty-color: #F2F2F2;
  --blue-light-color: #ECF6FF;
  --font-color-opacity: rgba(99, 99, 99, 0.25);
  --font-color-opacity2: rgba(99, 99, 99, 0.5);
  /*--font-color: #636363;*/
  --font-color: #4e4848;
  --bg-color: #fff;
  --bg-color-opacity: rgba(255, 255, 255, 0.5);
  --heading-color: var(--primary-color);
  --bg-body-color: #F8F8F8;
  --btn-white-color: #133F8D;
  --btn-white-color-opacity: rgba(19, 63, 141, 0.25);
  --btn-white-color-opacity2: rgba(19, 63, 141, 5);
  --btn-white-bg-color: var(--bg-color);
  --btn-white-border-color: var(--btn-white-color);
  --btn-blue-color: var(--bg-color);
  --btn-blue-bg-color: #0B3073;
  --btn-blue-border-color: var(--btn-blue-bg-color);
  --btn-blue-bg-hover-color: #06245c;
  --btn-blue-bg-color-opacity: rgba(6, 36, 92, 0.25);
  --link-hover: #7AB0E0;
  --link-hover-opacity: rgba(122, 176, 224, 0.25);
  --bg-select-color: #eee;
  --text-blue-color: var(--btn-blue-bg-color);
  --text-blue-color-opacity: rgb(25, 98, 227, 0.25);
  --bg-block-color: #D6D6D6;
  --bg-block-color-2: #D4D4D4; 
  --bg-block-color-3: #D8DADF;
  --bg-block-color-4: #F2F7FF;
  --bg-file-upload: #EFF3F4;
  --gold-color: #E9A53F;
  --black-color: #000;
  --green-color: #00A770;
  --green-color-2: #31A345;
  --yellow-color: #DCD973;
  --bg-vid-color: rgba(25, 25, 25, 0.68);
  --text-vid-color: #FDFDFD;  
  --purple-color: #C869E9;
  --red-color: #683d3d;
  --blue-color: #DFEBFF;
  --bg-tag-color: #848484;
  --btn-audio-color: #787878;
  --underline-blue-color: var(--btn-blue-bg-color);
  --dot-slide-color: #B1B1B1;
  --dot-slide-active-color: #0071BC;
  --bg-audio-color: #818181; 
  --bg-msg-color: #1D50AB;
  --border-color-blue: #062358;
  --shadow-block-color: #91919129;
  --btn-add-cover-bg-color: #ECECEC; 
  --bg-input-check-color: #004D2A; 
  --back-arrow-color:#959595;
  --title-footer: #191919;
  --color-label: #CCEDE2;
  --color-time: #5F5F5F;
  --link-blue: #1962E3;
  --bg-btn-grey: #E5E5E5;
  --text-10: 10px;
  --text-13: 13px;
  --text-11: 11px;
  --text-12: 12px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-19: 19px;
  --text-20: 20px;
  --text-21: 21px;
  --text-22: 22px;
  --text-24: 24px;
  --text-25: 25px;
  --text-27: 27px;
  --text-28: 28px;
  --text-29: 29px;
  --text-30: 30px;
  --text-33: 33px;
  --text-40: 40px;
  --text-51: 51px;
  --border-radius-4: 4px;
  --border-radius-5: 5px;
  --border-radius-7: 7px;
  --border-radius-8: 8px;
  --border-radius-18: 18px;
  --border-radius-10: 10px;
  --border-radius-12: 12px;
  --border-radius-15: 15px;
  --border-radius-17: 17px;
  --border-radius-20: 20px;
  --border-radius-21: 21px;
  --border-radius-23: 23px;
  --border-radius-24: 24px;
  --border-radius-26: 26px;
  --border-radius-50: 50px;
  --border-radius-37: 37px;
  --border-radius-40: 40px;
  --xlarge-size: 3.188rem;
  --large-size: 1.8rem;
  --medium-size: 1.6rem;
  --default-size: 1.4rem;
  --small-size: 1.2rem;
  --msmall-size: 1.1rem;
  --xsmall-size: 0.875rem;
  --exsmall-size: 0.75rem;
  --default-border-radius: 5px;
  --header-height: 55px;
  --topNavigationHeight: 56px;
  --leftSidebarWidth: 256px;
  --fullContentWidth: 400px;
  --text-color: #464b58;
  --button-primary: #204d74;
  --button-secondary: #ff9800;
  --color-primary: #1e87cf;
  --color-primary-light: #e5f5ff;
  --color-second: #ffc20e;
  --color-second-light: #ffc20e1f;
  --font-medium-bold: 'Hind Medium Bold', 'serif';
  --font-bold: 'Hind Bold', 'serif';
  --font-default: 'Hind', 'serif';
  --leftSidebarWidthCollapsed: 65px;
  --fullContentWidthCollapsed: 185px;
  --rightMarginContentWithAsidebar: 300px;
  --rightMarginContentWithAsidebarCollapsed: 300px;
}
[data-theme="dark"] {
  --primary-color: #fff;
  --secondary-color: #818cab;
  --font-color: #e1e1ff;
  --bg-body-color: #161625;
  --heading-color: #818cab;
}
/*# sourceMappingURL=style.css.map */
.text-white{
  color: #ffffff !important;
}