:root {
  /* https://www.css-gradient.com/ */
  --background-one: rgba(255, 244, 227, 0.5);
  --background-two: rgba(12, 41, 171, 0.04);
  --background-three: rgba(245, 251, 255, 1);
  --background-four: radial-gradient(
    at center,
    rgba(255, 255, 255, 1),
    rgba(204, 246, 242, 1)
  );

  /*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=ffffff&c2=ccf6f2&gt=r&gd=dcc
*/
  /* background: rgba(255, 255, 255, 1.0);
background: radial-gradient(at center, rgba(255, 255, 255, 1.0), rgba(204, 246, 242, 1.0)); */

  --brand-color: rgb(0, 150, 136);
  --brand-color-light: #23d3d3;
  --brand-color-bold: rgb(0 122 111);
  --seconderyColor: #f5f8fd;
  --seconderyColorDark: #f2f4f8;
  --reviewColor: #ff5722;
  --light: 'lightgray';
  --white: white;
  --gray: #607d8b;
  --fontBold: 600;
  --black: #00224f;
  --border-color: #8080800f;
  --hover-shadow: 0 2px 5px rgb(0 0 0 / 10%);
  --shadow: 0 1px 1px rgb(0 0 0 / 10%);
  --radious: 3px;

  --tiny-size: 12px;
  --p-size: 15px;
  --p-line-height: 27px;
  --p-line-height-mobile: 25px;
  --p-color: #000000;

  --mini-size: 14px;
  --mini-color: #000000d6;

  --heading-size: 30px;
  --heading-color: #000000;

  --title-size: 19px;
  --title-color: var(--black);

  --mini-title-size: 17px;
  --mini-title-color: var(--black);

  --light: 'lightgray';
  --fontBold: 600;
  --poppins: 'poppins';

  /* plate color orange */
  --orange-plate-bg: #e67e22;
  --blue-plate-bg: #2980b9;
  --red-plate-bg: #e74c3c;

  --heading-one: 30px;
  --heading-two: 25px;
  --heading-three: 20px;
  --heading-four: 18px;
  --heading-five: 17px;
  --heading-six: 15px;
}

body {
  font-family: 'Satoshi-Variable', 'Satoshi', 'Hind Siliguri', sans-serif !important;
}

/* content area */
.single-content-area {
  margin-top: 13px;
  width: 100%;
  padding: 20px;
}
.single-content-area:last-child {
  margin-bottom: 20px;
}
.page-content-area {
  padding: 10px;
}
.page-content-area p {
}
.page-content-area.single-content-area > h3 {
  display: inline-block;
}
.page-content-area.single-content-area {
  max-width: 900px;
  margin: auto;
  padding: 30px 0px;
}
.single-content-area p ul {
}
.single-content-area ul,
.single-content-area ol {
  margin-bottom: 18px;
  margin-left: 20px;
}
.single-content-area li {
  font-size: 18px;
  position: relative;
  padding-left: 22px;
  line-height: 30px;
  color: #000000f2;
  margin-bottom: 10px;
  font-weight: 400;
}
.single-content-area li::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  width: 12px;
  height: 12px;
  background: var(--brand-color);
  border-radius: 2px;
}
.single-content-area li strong {
  font-weight: 600;
}
.single-content-area p {
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 30px;
}
.single-content-area p strong {
  font-weight: 600;
}
.single-content-area p img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.single-content-area p iframe {
  width: 100%;
  height: 450px;
}
.single-content-area h2,
.single-content-area h3,
.single-content-area h4,
.single-content-area h5,
.single-content-area h6 {
  text-transform: capitalize;
  margin: 10px 0px;
  font-weight: 500;
  color: var(--black);
}
.single-content-area h2 strong,
.single-content-area h3 strong,
.single-content-area h4 strong,
.single-content-area h5 strong,
.single-content-area h6 strong {
  font-weight: 600;
}
.single-content-area h2 {
  font-weight: 600 !important;
  font-size: var(--heading-two) !important;
  line-height: 35px;
}
.single-content-area h3 {
  font-weight: 600 !important;
  font-size: var(--heading-three);
}
.single-content-area h4 {
  font-size: var(--heading-four);
}
.single-content-area h5 {
  font-size: var(--heading-five);
}
.single-content-area h6 {
  font-size: var(--heading-six);
}
.single-content-area a {
  border-bottom: 2px dotted #0000004a;
  font-weight: 600;
  text-decoration: none;
  color: var(--brand-color);
  margin: 0px 1px;
}
.single-content-area a:hover {
  color: green;
}
.single-content-area blockquote {
  background: var(--background-two);
  padding: 15px;
  border-left: 3px solid #009688;
  box-shadow: 0px 0px 1px 0px lightgrey;
  margin: 20px 0px;
  border-radius: 3px;
}
.single-content-area blockquote p {
  font-size: var(--p-size);
  line-height: 28px;
  font-weight: 400;
  color: #282524;
  margin-bottom: unset;
}
/* WP styles */
.wp-block-image {
  margin: unset !important;
}
.wp-block-image a {
  border-bottom: unset !important;
}
.single-content-area .wp-block-image img {
  height: auto;
  width: auto;
  border-radius: 5px;
  margin: 10px 0px;
}
.wp-block-image figcaption {
  margin-top: unset !important;
  font-style: italic;
  font-size: var(--tiny-size);
}
.single-content-area iframe {
  width: 100%;
  height: 480px;
  border-radius: 5px;
}
.wpp-meta,
.post-stats {
}
figure.wp-block-embed .wp-block-embed__wrapper iframe {
  width: 100% !important;
  height: 450px !important;
  border-radius: 7px;
  margin: 15px 0px;
}
/* .wp-block-table tr {
  border: 1px solid lightgray;
  } */
.wp-block-table table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  font-family: poppins;
}
.wp-block-table table td,
.wp-block-table table th {
  border: 1px solid #ddd;
  padding: 12px;
  font-weight: 600;
}
.wp-block-table table td strong,
.wp-block-table table th strong,
.wp-block-table td strong,
.single-content-area th strong {
  font-weight: 600;
  font-size: var(--p-size);
}
.wp-block-table table td,
.wp-block-table table th,
.wp-block-table td {
  font-weight: 400;
  font-size: var(--p-size);
  transition: all 0.3s ease-in;
}
.wp-block-table thead {
  border-bottom: unset !important;
}
.wp-block-table table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.wp-block-table table tr:hover {
  background-color: #ddd;
}
.wp-block-table table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
}
.wp-block-table .wp-element-caption {
  font-style: italic;
  margin-top: 5px;
  font-size: 14px;
}
.has-background {
  padding: 20px !important;
  border-radius: 10px !important;
}
.wp-block-separator {
  margin: 20px 0px !important;
  border-color: #00000008 !important;
}