@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
/*Social Media Colors*/
/*---Background Color---*/
/*--!blue default-500--*/
.bg-blue-100, .bg-soft-blue, .bg-soft-primary {
  background-color: #d4d8e9 !important;
  color: #283C92 !important; }

.bg-blue-200 {
  background-color: #a9b1d3 !important; }

.bg-blue-300 {
  background-color: #7e8abe !important; }

.bg-blue-400 {
  background-color: #5363a8 !important; }

.bg-blue-500, .bg-blue, .bg-primary {
  background-color: #283C92 !important; }

.bg-blue-600 {
  background-color: #203075 !important; }

.bg-blue-700 {
  background-color: #182458 !important; }

.bg-blue-800 {
  background-color: #10183a !important; }

.bg-blue-900 {
  background-color: #080c1d !important; }

/*--!indigo default-500--*/
.bg-indigo-100, .bg-soft-indigo {
  background-color: #eedcf8 !important;
  color: #AC52DE !important; }

.bg-indigo-200 {
  background-color: #debaf2 !important; }

.bg-indigo-300 {
  background-color: #cd97eb !important; }

.bg-indigo-400 {
  background-color: #bd75e5 !important; }

.bg-indigo-500, .bg-indigo {
  background-color: #AC52DE !important; }

.bg-indigo-600 {
  background-color: #8a42b2 !important; }

.bg-indigo-700 {
  background-color: #673185 !important; }

.bg-indigo-800 {
  background-color: #452159 !important; }

.bg-indigo-900 {
  background-color: #22102c !important; }

/*--!purple default-500--*/
.bg-purple-10, .bg-soft-purple {
  background-color: #e5dfff !important;
  color: #7B61FF !important; }

.bg-purple-200 {
  background-color: #cac0ff !important; }

.bg-purple-300 {
  background-color: #b0a0ff !important; }

.bg-purple-400 {
  background-color: #9581ff !important; }

.bg-purple-500, .bg-purple {
  background-color: #7B61FF !important; }

.bg-purple-600 {
  background-color: #624ecc !important; }

.bg-purple-700 {
  background-color: #4a3a99 !important; }

.bg-purple-800 {
  background-color: #312766 !important; }

.bg-purple-900 {
  background-color: #191333 !important; }

/*--!pink default-500--*/
.bg-pink-100, .bg-soft-pink {
  background-color: #ffd3e3 !important;
  color: #FF2272 !important; }

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

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

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

.bg-pink-500, .bg-pink {
  background-color: #FF2272 !important; }

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

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

.bg-pink-800 {
  background-color: #660e2e !important; }

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

/*--!red default-500--*/
.bg-red-100, .bg-soft-red, .bg-soft-danger {
  background-color: #ffd8d6 !important;
  color: #FF3B30 !important; }

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

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

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

.bg-red-500, .bg-red, .bg-danger {
  background-color: #FF3B30 !important; }

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

.bg-red-700 {
  background-color: #99231d !important; }

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

.bg-red-900 {
  background-color: #330c0a !important; }

/*--!orange default-500--*/
.bg-orange-100, .bg-soft-orange {
  background-color: #ffeacc !important;
  color: #FF9500 !important; }

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

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

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

.bg-orange-500, .bg-orange {
  background-color: #FF9500 !important; }

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

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

.bg-orange-800 {
  background-color: #663c00 !important; }

.bg-orange-900 {
  background-color: #331e00 !important; }

/*--!yellow default-500--*/
.bg-yellow-100, .bg-soft-yellow, .bg-soft-warning {
  background-color: #fdf3d3 !important;
  color: #F5C324 !important; }

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

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

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

.bg-yellow-500, .bg-yellow, .bg-warning {
  background-color: #F5C324 !important; }

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

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

.bg-yellow-800 {
  background-color: #624e0e !important; }

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

/*--!green default-500--*/
.bg-green-100, .bg-soft-green, .bg-soft-success {
  background-color: #ccf0f0 !important;
  color: #00B2B5 !important; }

.bg-green-200 {
  background-color: #99e0e1 !important; }

.bg-green-300 {
  background-color: #66d1d3 !important; }

.bg-green-400 {
  background-color: #33c1c4 !important; }

.bg-green-500, .bg-green {
  background-color: #00B2B5 !important; }

.bg-green-600 {
  background-color: #008e91 !important; }

.bg-green-700 {
  background-color: #006b6d !important; }

.bg-green-800 {
  background-color: #004748 !important; }

.bg-green-900 {
  background-color: #002424 !important; }

/*--!teal default-500--*/
.bg-teal-100, .bg-soft-teal {
  background-color: #d6f7db !important;
  color: #32D74B !important; }

.bg-teal-200 {
  background-color: #adefb7 !important; }

.bg-teal-300 {
  background-color: #84e793 !important; }

.bg-teal-400 {
  background-color: #5bdf6f !important; }

.bg-teal-500, .bg-teal {
  background-color: #32D74B !important; }

.bg-teal-600 {
  background-color: #28ac3c !important; }

.bg-teal-700 {
  background-color: #1e812d !important; }

.bg-teal-800 {
  background-color: #14561e !important; }

.bg-teal-900 {
  background-color: #0a2b0f !important; }

/*--!cyan default-500--*/
.bg-cyan-100, .bg-soft-cyan, .bg-soft-info {
  background-color: #cee6ff !important;
  color: #0A84FF !important; }

.bg-cyan-200 {
  background-color: #9dceff !important; }

.bg-cyan-300 {
  background-color: #6cb5ff !important; }

.bg-cyan-400 {
  background-color: #3b9dff !important; }

.bg-cyan-500, .bg-cyan, .bg-info {
  background-color: #0A84FF !important; }

.bg-cyan-600 {
  background-color: #086acc !important; }

.bg-cyan-700 {
  background-color: #064f99 !important; }

.bg-cyan-800 {
  background-color: #043566 !important; }

.bg-cyan-900 {
  background-color: #021a33 !important; }

/*--!gray default-500--*/
.bg-gray-100, .bg-light, .bg-soft-gray, .bg-soft-secondary {
  background-color: #FBFBFB !important;
  color: #82848C !important; }

.bg-gray-200 {
  background-color: #F3F4F4 !important; }

.bg-gray-300 {
  background-color: #DDDEE0 !important; }

.bg-gray-400 {
  background-color: #C6C7CA !important; }

.bg-gray-500, .bg-gray, .bg-secondary {
  background-color: #82848C !important; }

.bg-gray-600 {
  background-color: #6c757d !important; }

.bg-gray-700 {
  background-color: #494C57 !important; }

.bg-gray-800 {
  background-color: #343a40 !important; }

.bg-gray-900, .bg-dark {
  background-color: #1B1F2D !important; }

/*---Background Color---*/
/*--!blue default-500--*/
.text-primary, .text-blue {
  color: #283C92 !important; }

.text-soft-primary, .text-soft-blue {
  color: #d4d8e9 !important; }

a.text-primary:hover, a.text-primary:focus, a.text-blue:hover, a.text-blue:focus {
  color: #283C92 !important; }

.hover-primary:hover, .hover-primary:focus, .hover-blue:hover, .hover-blue:focus {
  color: #283C92 !important; }

/*--!indigo default-500--*/
.text-indigo {
  color: #AC52DE !important; }

.text-soft-indigo {
  color: #eedcf8 !important; }

a.text-indigo:hover, a.text-indigo:focus {
  color: #AC52DE !important; }

.hover-indigo:hover, .hover-indigo:focus {
  color: #AC52DE !important; }

/*--!purple default-500--*/
.text-purple {
  color: #7B61FF !important; }

.text-soft-purple {
  color: #e5dfff !important; }

a.text-purple:hover, a.text-purple:focus {
  color: #7B61FF !important; }

.hover-purple:hover, .hover-purple:focus {
  color: #7B61FF !important; }

/*--!pink default-500--*/
.text-pink {
  color: #FF2272 !important; }

.text-soft-pink {
  color: #ffd3e3 !important; }

a.text-pink:hover, a.text-pink:focus {
  color: #FF2272 !important; }

.hover-pink:hover, .hover-pink:focus {
  color: #FF2272 !important; }

/*--!red default-500--*/
.text-danger, .text-red {
  color: #FF3B30 !important; }

.text-soft-danger, .text-soft-red {
  color: #ffd8d6 !important; }

a.text-danger:hover, a.text-danger:focus, a.text-red:hover, a.text-red:focus {
  color: #FF3B30 !important; }

.hover-danger:hover, .hover-danger:focus, .hover-red:hover, .hover-red:focus {
  color: #FF3B30 !important; }

/*--!orange default-500--*/
.text-orange {
  color: #FF9500 !important; }

.text-soft-orange {
  color: #ffeacc !important; }

a.text-orange:hover, a.text-orange:focus {
  color: #FF9500 !important; }

.hover-orange:hover, .hover-orange:focus {
  color: #FF9500 !important; }

/*--!yellow default-500--*/
.text-warning, .text-yellow {
  color: #F5C324 !important; }

.text-soft-warning, .text-soft-yellow {
  color: #fdf3d3 !important; }

a.text-warning:hover, a.text-warning:focus, a.text-yellow:hover, a.text-yellow:focus {
  color: #F5C324 !important; }

.hover-warning:hover, .hover-warning:focus, .hover-yellow:hover, .hover-yellow:focus {
  color: #F5C324 !important; }

/*--!green default-500--*/
.text-success, .text-green {
  color: #00B2B5 !important; }

.text-soft-success, .text-soft-green {
  color: #ccf0f0 !important; }

a.text-success:hover, a.text-success:focus, a.text-green:hover, a.text-green:focus {
  color: #00B2B5 !important; }

.text-success:hover, .text-success:focus, .hover-green:hover, .hover-green:focus {
  color: #00B2B5 !important; }

/*--!teal default-500--*/
.text-teal {
  color: #32D74B !important; }

.text-soft-teal {
  color: #d6f7db !important; }

a.text-teal:hover, a.text-teal:focus {
  color: #32D74B !important; }

.hover-teal:hover, .hover-teal:focus {
  color: #32D74B !important; }

/*--!cyan default-500--*/
.text-info, .text-cyan {
  color: #0A84FF !important; }

.text-soft-info, .text-soft-cyan {
  color: #cee6ff !important; }

a.text-info:hover, a.text-info:focus, a.text-cyan:hover, a.text-cyan:focus {
  color: #0A84FF !important; }

.hover-info:hover, .hover-info:focus, .hover-cyan:hover, .hover-cyan:focus {
  color: #0A84FF !important; }

/*--!gray default-500--*/
.text-gray {
  color: #82848C !important; }

.text-soft-gray {
  color: #FBFBFB !important; }

a.text-gray:hover, a.text-gray:focus {
  color: #82848C !important; }

.hover-gray:hover, .hover-gray:focus {
  color: #82848C !important; }

/*--!gray 900--*/
.text-dark {
  color: #1B1F2D !important; }

.text-soft-dark {
  color: #6c757d !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #1B1F2D; }

.hover-dark:hover, .hover-dark:focus {
  color: #1B1F2D !important; }

/*--!gray 100 to 900--*/
.text-gray-200 {
  color: #F3F4F4 !important; }

.text-gray-300 {
  color: #DDDEE0 !important; }

.text-gray-400 {
  color: #C6C7CA !important; }

.text-gray-700 {
  color: #494C57 !important; }

.text-gray-800 {
  color: #343a40 !important; }

.text-fade {
  color: #DDDEE0 !important; }

/*---text-white---*/
.text-white-10 {
  color: rgba(255, 255, 255, 0.1) !important; }

.text-white-20 {
  color: rgba(255, 255, 255, 0.2) !important; }

.text-white-30 {
  color: rgba(255, 255, 255, 0.3) !important; }

.text-white-40 {
  color: rgba(255, 255, 255, 0.4) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-white-60 {
  color: rgba(255, 255, 255, 0.6) !important; }

.text-white-70 {
  color: rgba(255, 255, 255, 0.7) !important; }

.text-white-80 {
  color: rgba(255, 255, 255, 0.8) !important; }

.text-white-90 {
  color: rgba(255, 255, 255, 0.9) !important; }

/*---text-black---*/
.text-black-10 {
  color: rgba(0, 0, 0, 0.1) !important; }

.text-black-20 {
  color: rgba(0, 0, 0, 0.2) !important; }

.text-black-30 {
  color: rgba(0, 0, 0, 0.3) !important; }

.text-black-40 {
  color: rgba(0, 0, 0, 0.4) !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-black-60 {
  color: rgba(0, 0, 0, 0.6) !important; }

.text-black-70 {
  color: rgba(0, 0, 0, 0.7) !important; }

.text-black-80 {
  color: rgba(0, 0, 0, 0.8) !important; }

.text-black-90 {
  color: rgba(0, 0, 0, 0.9) !important; }

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