/*----- VARIABLES - Open -----*/
body .popup-color-fieldset,
body .ck-content {
  /* --primary-font-family: "Poppins", sans-serif; */
  --primary-font-family: "Roboto", sans-serif;
  --secondary-font-family: "darkmode-off-cc", sans-serif;

  --border-radius: 0.5rem;
  --border-radius-buttons: 0.375rem;
  --box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.12);

  --color-primary: #1b253c;
  --color-primary-2: #405fa6;
  --color-secondary: #1abc9c;
  --color-secondary-2: #007059;
  --color-tertiary: #f98100;
  --color-tertiary-2: #ffa800;

  --color-medium: #405fa6;
  --color-dark: #273a65;
  --color-darker: #1b253c;
  --color-light: #edf1fa;

  --color-black: #000000;
  --color-white: #ffffff;

  --color-text: #151515;
  --color-heading: #273a65;

  --color-teal-400: #1abc9c;
  --color-teal-500: #05856b;
  --color-teal-600: #006652;

  --color-blue-400: #5c8fff;
  --color-blue-500: #3364d2;
  --color-blue-600: #113c9b;

  --color-green-400: #13c14d;
  --color-green-500: #0bac41;
  --color-green-600: #068932;

  --color-red-400: #f82b2b;
  --color-red-500: #dc1b1b;
  --color-red-600: #bc0303;

  --color-yellow-300: #ffff88;
  --color-yellow-400: #ffff18;
  --color-yellow-500: #ffee00;

  --color-orange-400: #fdca5a;
  --color-orange-500: #ffa800;
  --color-orange-600: #f98100;

  --color-gray-50: #f3f3f3;
  --color-gray-100: #e0e0e0;
  --color-gray-200: #cccccc;
  --color-gray-300: #b8b8b8;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #8f8f8f;
  --color-gray-600: #7a7a7a;
  --color-gray-700: #666666;
  --color-gray-800: #525252;
  --color-gray-900: #3d3d3d;
}
/*----- VARIABLES - Close -----*/

/* Pop up - Open */

/*----- SPECIAL BUTTONS - Open -----*/
body .popup-color-fieldset a.btn {
  border: none;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0.1rem 0.25rem 0;
  outline: none !important;
  padding: 0.625rem 1rem 0.75rem 1rem;
  position: relative;
  text-decoration: none !important;
}

/* Blue */
body .popup-color-fieldset a.btn-blue {
  background: var(--color-blue-600);
  color: var(--color-white) !important;
}
body .popup-color-fieldset a.btn-blue:hover {
  background: var(--color-blue-500);
  color: var(--color-white) !important;
}

/* Dark Blue */
body .popup-color-fieldset a.btn-dark-blue {
  background-color: #1b253c;
  color: #fff !important;
}
body .popup-color-fieldset a.btn-dark-blue:hover {
  background-color: var(--color-primary-2);
  color: var(--color-white) !important;
}

/* Light Blue */
body .popup-color-fieldset a.btn-teal {
  background: var(--color-teal-500);
  color: var(--color-white) !important;
}
body .popup-color-fieldset a.btn-teal:hover {
  background: var(--color-teal-400);
  color: var(--color-white) !important;
}

/* Orange */
body .popup-color-fieldset a.btn-orange {
  background: var(--color-orange-500);
  color: var(--color-black) !important;
}
body .popup-color-fieldset a.btn-orange:hover {
  background: var(--color-orange-400);
  color: var(--color-black) !important;
}

/* Red */
body .popup-color-fieldset a.btn-red {
  background: var(--color-red-600);
  color: var(--color-white) !important;
}
body .popup-color-fieldset a.btn-red:hover {
  background: var(--color-red-500);
  color: var(--color-white) !important;
}

/* Green */
body .popup-color-fieldset a.btn-green {
  background: var(--color-green-500);
  color: var(--color-white) !important;
}
body .popup-color-fieldset a.btn-green:hover {
  background: var(--color-green-400);
  color: var(--color-white) !important;
}

/* White */
body .popup-color-fieldset a.btn-white {
  background-color: var(--color-white);
  border: 1px solid #d8dee9;
  color: var(--color-dark) !important;
}
body .popup-color-fieldset a.btn-white:hover {
  background-color: var(--color-orange-500);
  border: 1px solid var(--color-orange-500);
  color: var(--color-black) !important;
}
/*----- SPECIAL BUTTONS - Close -----*/

/* Pop up - Close */

/*----- SETUP - Open -----*/
body .ck-content {
  color: var(--color-text);
  font-family: var(--primary-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}
/*----- SETUP - Close -----*/

/*----- COMMON SETTINGS - Open -----*/
body .ck-content a {
  color: var(--color-blue-600);
  border-bottom: none;
  font-weight: 500;
  outline: none;
  text-decoration: none !important;
}
body .ck-content a:hover {
  color: var(--color-teal-500);
  text-decoration: none !important;
}
body .ck-content p {
  margin-bottom: 1.2rem;
}

body .ck-content p::after {
  display: block;
  content: "";
  /* clear: both; */
}

body .ck-content h2::before,
body .ck-content h3::before,
body .ck-content h4::before,
body .ck-content h5::before,
body .ck-content h6::before {
  display: block;
  content: "";
  clear: both;
}

body .ck-content p.fancy-paragraph {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 1rem;
}
body .ck-content p.fancy-paragraph-2 {
  background-color: #f3f7ff !important;
  border-radius: var(--border-radius);
  color: var(--color-text);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 1rem;
}
body .ck-content p.fancy-paragraph-3 {
  border-left: 0.1875rem solid var(--color-primary-2);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
body .ck-content p.fancy-paragraph-4 {
  border-left: 0.1875rem solid var(--color-secondary);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
body .ck-content p.fancy-paragraph-5 {
  border-left: 0.1875rem solid var(--color-orange-500);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
body .ck-content p.fancy-paragraph-5:first-child,
body .ck-content p.fancy-paragraph-4:first-child,
body .ck-content p.fancy-paragraph-3:first-child,
body .ck-content p.fancy-paragraph-2:first-child,
body .ck-content p.fancy-paragraph:first-child {
  margin-top: 0 !important;
}

body .ck-content hr {
  background-color: #cfd6e4 !important;
  display: block !important;
  height: 1px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
}

body .ck-horizontal-line.ck-widget {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
}

body .ck-content img {
  display: inline-block !important;
  height: auto !important;
  max-width: 100% !important;
  width: auto !important;
}
/*----- COMMON SETTINGS - Close -----*/

/*----- HEADINGS - Open -----*/
body .ck-content h1,
body .ck-content h2,
body .ck-content h3,
body .ck-content h4,
body .ck-content h5,
body .ck-content h6 {
  color: var(--color-dark);
  font-family: var(--secondary-font-family);
  font-weight: 500;
  letter-spacing: normal;
  line-height: 110%;
  margin: 0 0 1.25rem 0 !important;
  position: relative;
  text-transform: none;
}

body .ck-content h1 {
  font-size: 3.5rem;
}
body .ck-content h2 {
  font-size: 2.75rem;
}
body .ck-content h3 {
  font-size: 2rem;
}
body .ck-content h4 {
  font-size: 1.75rem;
}
body .ck-content h5 {
  font-size: 1.5rem;
}
body .ck-content h6 {
  font-size: 1.25rem;
  font-weight: 700;
}

body .ck-content h1 a,
body .ck-content h2 a,
body .ck-content h3 a,
body .ck-content h4 a,
body .ck-content h5 a,
body .ck-content h6 a {
  color: inherit;
  font-weight: inherit;
  filter: brightness(1.25);
}

body .ck-content h1 a:hover,
body .ck-content h2 a:hover,
body .ck-content h3 a:hover,
body .ck-content h4 a:hover,
body .ck-content h5 a:hover,
body .ck-content h6 a:hover {
  color: inherit;
}

body .ck-content h1 b,
body .ck-content h1 strong,
body .ck-content h2 b,
body .ck-content h2 strong,
body .ck-content h3 b,
body .ck-content h3 strong,
body .ck-content h4 b,
body .ck-content h4 strong,
body .ck-content h5 b,
body .ck-content h5 strong,
body .ck-content h6 b,
body .ck-content h6 strong {
  font-weight: 700;
}

body .ck-content h2 + h1,
body .ck-content h3 + h1,
body .ck-content h4 + h1,
body .ck-content h5 + h1,
body .ck-content h6 + h1,
body .ck-content h3 + h2,
body .ck-content h4 + h2,
body .ck-content h5 + h2,
body .ck-content h6 + h2 {
  margin-top: -0.8rem !important;
}
body .ck-content h3 + h2[class*="fancy-"],
body .ck-content h4 + h2[class*="fancy-"],
body .ck-content h5 + h2[class*="fancy-"],
body .ck-content h6 + h2[class*="fancy-"] {
  margin-top: -1.25rem !important;
}

body .ck-content p + h2,
body .ck-content p + h3,
body .ck-content p + h4,
body .ck-content p + h5,
body .ck-content p + h6,
body .ck-content blockquote + h2,
body .ck-content blockquote + h3,
body .ck-content blockquote + h4,
body .ck-content blockquote + h5,
body .ck-content blockquote + h6,
body .ck-content ul + h2,
body .ck-content ul + h3,
body .ck-content ul + h4,
body .ck-content ul + h5,
body .ck-content ul + h6 {
  margin-top: 2rem !important;
}

body .ck-content hr + h2 {
  margin-top: -0.45rem !important;
}
body .ck-content hr + h3 {
  margin-top: -0.2rem !important;
}
body .ck-content hr + h4,
body .ck-content hr + h5,
body .ck-content hr + h6 {
  margin-top: -0.25rem !important;
}

/* SPECIAL HEADINGS */
body .ck-content h2.fancy-title-center {
  align-items: start;
  color: var(--color-dark);
  display: flex;
  font-size: 3.375rem;
  font-weight: 600;
  gap: 12px;
  justify-content: center;
  line-height: 100%;
  text-align: center;
}

body .ck-content h2.fancy-title-center::before,
body .ck-content h2.fancy-title-center::after {
  background-color: var(--color-orange-500);
  border-radius: 0.5rem;
  content: "";
  display: block;
  height: 0.25rem;
  transform: translateY(1.75rem);
  width: 2rem;
}

body .ck-content h2.fancy-big-title {
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 100%;
}

body .ck-content h4.fancy-section-title,
body .ck-content h3.fancy-section-title {
  border: 1px solid #d8dee9;
  border-bottom: 4px solid #a8b8db;
  border-radius: var(--border-radius);
  font-weight: 600;
  padding: 1rem;
}

body .ck-content h5.fancy-section-title {
  background-color: #f7fcfb;
  border: 1px solid #d5e4e1;
  border-radius: var(--border-radius);
  color: var(--color-teal-600);
  font-weight: 600;
  padding: 1rem;
}

body .ck-content h3.fancy-section-title-1 {
  padding-top: 1rem;
  color: #28395f;
  font-family: var(--secondary-font-family);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

body .ck-content h3.fancy-section-title-1::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 64px;
  height: 4px;
  background-color: var(--color-secondary, #1abc9c);
}

/*----- HEADINGS - Close -----*/

/*----- LIST - Open -----*/
body .ck-content ul {
  margin: 0 0 1rem 0;
  padding: 0;
}
body .ck-content ol {
  margin: 0 0 1rem 0.875rem;
  padding: 0;
}

body .ck-content ul li {
  list-style: none;
  margin-bottom: 0.5rem;
  padding: 0 0 0 0.875rem;
  position: relative;
}

body .ck-content ul li:before {
  background-color: var(--color-teal-400) !important;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.4375rem;
  left: 0;
  position: absolute;
  top: 0.5625rem;
  width: 0.4375rem;
}

body .ck-content ul.fancy-list {
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: 0px 0px 16px 0px var(--box-shadow);
}
/*----- LIST - Close -----*/

/*----- SPECIAL BUTTONS - Open -----*/
body .ck-content a.btn {
  border: none;
  border-radius: var(--border-radius-buttons);
  display: inline-flex;
  font-family: var(--secondary-font-family);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 100%;
  margin: 0 0.1rem 0.25rem 0;
  /* outline: none !important; */
  padding: 0.625rem 1rem 0.75rem 1rem;
  position: relative;
  text-decoration: none !important;
}

/* Blue */
body .ck-content a.btn-blue {
  background: var(--color-blue-600);
  color: var(--color-white) !important;
}
body .ck-content a.btn-blue:hover {
  background: var(--color-blue-500);
  color: var(--color-white) !important;
}

/* Dark Blue */
body .ck-content a.btn-dark-blue {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}
body .ck-content a.btn-dark-blue:hover {
  background-color: var(--color-primary-2);
  color: var(--color-white) !important;
}

/* Light Blue */
body .ck-content a.btn-teal {
  background: var(--color-teal-500);
  color: var(--color-white) !important;
}
body .ck-content a.btn-teal:hover {
  background: var(--color-teal-400);
  color: var(--color-white) !important;
}

/* Orange */
body .ck-content a.btn-orange {
  background: var(--color-orange-500);
  color: var(--color-black) !important;
}
body .ck-content a.btn-orange:hover {
  background: var(--color-orange-400);
  color: var(--color-black) !important;
}

/* Red */
body .ck-content a.btn-red {
  background: var(--color-red-600);
  color: var(--color-white) !important;
}
body .ck-content a.btn-red:hover {
  background: var(--color-red-500);
  color: var(--color-white) !important;
}

/* Green */
body .ck-content a.btn-green {
  background: var(--color-green-500);
  color: var(--color-white) !important;
}
body .ck-content a.btn-green:hover {
  background: var(--color-green-400);
  color: var(--color-white) !important;
}

/* White */
body .ck-content a.btn-white {
  background-color: var(--color-white);
  border: 1px solid #d8dee9;
  color: var(--color-dark) !important;
}
body .ck-content a.btn-white:hover {
  background-color: var(--color-orange-500);
  border: 1px solid var(--color-orange-500);
  color: var(--color-black) !important;
}
/*----- SPECIAL BUTTONS - Close -----*/

/*----- TABLE - Open -----*/
body .ck-content .table.ck-widget.ck-widget_with-selection-handle {
  margin: 1rem 0;
}
body .ck-content table {
  background: var(--color-white);
  margin-bottom: 0;
  margin-top: 0;
}

body .ck-content table,
body .ck-content thead,
body .ck-content tbody,
body .ck-content tr,
body .ck-content th,
body .ck-content td {
  border: 0.0625rem solid #d8dee9;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1 !important;
}

body .ck-content table tr th {
  background: none !important;
  border: 1px solid var(--color-white) !important;
  color: var(--color-white);
}

body .ck-content thead tr,
body .ck-content tbody th {
  background: var(--color-dark) !important;
  border: 0.0625rem solid var(--color-white) !important;
  color: var(--color-white) !important;
  font-size: 1rem;
  line-height: 1.1 !important;
}

body .ck-content table tr th,
body .ck-content table tr th a,
body .ck-content table tr th a:hover,
body .ck-content table tr th a:focus {
  font-weight: 500 !important;
}

body .ck-content tbody th[scope="row"] {
  color: var(--color-text) !important;
  font-weight: 600 !important;
}

body .ck-content table.dataTable tbody tr,
body .ck-content tr {
  background-color: #f3f7ff;
  border-top: 1px solid #d8dee9;
  border-bottom: 0px;
  color: var(--color-text);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

body .ck-content table.dataTable tbody tr:nth-child(2n + 2),
body .ck-content tr:nth-child(2n + 2) {
  background-color: var(--color-white);
  border-bottom: 0px;
}

body .ck-content table.dataTable tbody tr:hover,
body .ck-content tbody tr:hover {
  background-color: #e1eaff;
}

body .ck-content tr th {
  line-height: 1.3 !important;
  padding: 0.875rem 0.625rem 0.625rem 0.625rem !important;
  vertical-align: middle;
}
body .ck-content tr td {
  padding: 0.625rem !important;
  vertical-align: middle;
}

body .ck-content tfoot tr {
  background-color: #d8dee9;
}
/*----- TABLE - Close-----*/

/*----- BLOCKQUOTE - Open -----*/
body .ck-content blockquote {
  background-color: #f3f7ff;
  border: 0.0625rem solid #d8dee9 !important;
  border-left: 0.5rem solid var(--color-primary-2) !important;
  color: var(--color-primary);
  font-family: var(--secondary-font-family);
  font-size: 1.1875rem !important;
  font-style: oblique;
  font-weight: 400;
  margin: 0 0 1rem 0 !important;
  padding: 1rem !important;
}
body .ck-content blockquote p {
  margin-top: 0 !important;
}
body .ck-content blockquote p:last-child {
  margin-bottom: 0 !important;
}
body .ck-content blockquote::before,
body .ck-content blockquote::after {
  display: none;
}
/*----- BLOCKQUOTE - Close -----*/

/*----- TRANSITION - Open -----*/
body .ck-content a {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
/*----- TRANSITION - Close -----*/

/*----- COLUMNS GRID - Open -----*/
body .ck-content .columns-grid {
  display: grid;
  grid-gap: 2rem;
  margin: 1rem 0;
  padding: 0;
  width: 100%;
}

body .ck-content .columns-grid-67-33,
body .ck-content .columns-grid-33-67,
body .ck-content .columns-grid-50-50 {
  align-items: center;
}

body .ck-content .columns-grid-50-50 {
  grid-template-columns: repeat(2, calc(50% - 1rem));
}

body .ck-content .columns-grid-25-75 {
  grid-template-columns: calc(25% - 1rem) calc(75% - 1rem);
}

body .ck-content .columns-grid-75-25 {
  grid-template-columns: calc(75% - 1rem) calc(25% - 1rem);
}

body .ck-content .columns-grid-33-67 {
  grid-template-columns: calc(33% - 1rem) calc(67% - 1rem);
}

body .ck-content .columns-grid-67-33 {
  grid-template-columns: calc(67% - 1rem) calc(33% - 1rem);
}

body .ck-content .columns-grid-25-50-25 {
  grid-template-columns: calc(25% - 1rem) calc(50% - 2rem) calc(25% - 1rem);
}

body .ck-content .columns-grid-33-33-33 {
  grid-template-columns: repeat(3, calc(33.333333% - 1.333333rem));
}

body .ck-content .columns-grid-25-25-25-25 {
  grid-template-columns: repeat(4, calc(25% - 1.5rem));
}

body .ck-content .columns-grid-20-20-20-20-20 {
  grid-template-columns: repeat(5, calc(20% - 1.6rem));
}

/*- RESPONSIVE -*/
@media screen and (max-width: 767px) {
  body .ck-content .columns-grid {
    grid-gap: 16px;
    grid-template-columns: 100%;
  }
}

body .ck-content .columns-grid p:last-child {
  margin-bottom: 0 !important;
}
/*----- COLUMNS GRID - Close -----*/