@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Secular+One&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
:root {
  /* --main-font-family: 'Open Sans', sans-serif; */
  --main-font-family: "Ubuntu";
  /* --heading-font-family: 'Playfair Display', serif; */
  /* --heading-font-family: 'Montserrat', sans-serif; */
  --heading-font-family: "Ubuntu", sans-serif;
  --main-color: #0759ad;
  --color-blue-2: #30adef;
  --bg-color: #d8dfe3;
  --bg-textarea: rgba(13, 110, 253, 0.25);
  --bg-textare: #eef7ff;
  --link-blue-2: #0a58ca;
  --link-blue-3: #041b45;
  --link-blue: #0e2e67;
  --main-blue: #004778;
  --optional-color: #2e3ab8;
  --white-color: #ffffff;
  --black-color: #020202;
  --color-gray: #6b7c8f;
  --color-yellow: #ffc107;
  --color-green: #2a852e;
  --color-green-2: #1f9324;
  --color-green-3: var(--color-green-3);
  --color-red: #d5182a;
  --color-border: #e1e1e1;
  --color-noise: #212529;
  --paragraph-color: #484847;
  --font-size: clamp(11px, 1vw, 14px);
  --transition: 0.4s; }

* {
  font-family: var(--main-font-family); }

a {
  color: var(--link-blue);
  text-decoration: none;
  cursor: pointer; }

section.api-use-example {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid var(--color-border);
  flex-direction: column;
  padding: 35px 0px;
  /****** Social media style ******/
  /******* News media style *********/
  /******* JSON format style ********/ }
  section.api-use-example .content-tab {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2rem; }
    section.api-use-example .content-tab .title-news-categories {
      text-align: center; }
    section.api-use-example .content-tab .tab {
      display: flex;
      justify-content: center; }
      section.api-use-example .content-tab .tab .tablinks {
        padding: 8px 25px;
        border-radius: 4px;
        color: var(--link-blue);
        background-color: transparent;
        border: 2px solid var(--link-blue);
        margin-right: 15px;
        transition: 0.5s; }
        section.api-use-example .content-tab .tab .tablinks.active {
          color: var(--white-color);
          background-color: var(--main-blue); }
        section.api-use-example .content-tab .tab .tablinks:hover {
          color: var(--white-color);
          background-color: var(--main-blue);
          transition: 0.5s; }
  section.api-use-example .containt-articles-available {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: var(--bg-color);
    padding: 15px; }
    section.api-use-example .containt-articles-available .block-categories {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        gap: 15px; }
        section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available h2 {
          width: auto;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          background-color: var(--white-color);
          border-radius: 17px;
          padding: 10px 15px; }
          section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available h2 .typ-request {
            width: auto;
            padding: 12px;
            font-size: clamp(13px, 3vw, 18px);
            line-height: clamp(18px, 3vw, 25px);
            border-radius: 17px;
            background-color: var(--link-blue);
            color: var(--white-color);
            margin-right: 7px; }
          section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available h2 .request-URL {
            padding: 12px;
            border-radius: 17px;
            background-color: var(--link-blue);
            color: var(--white-color);
            font-size: clamp(13px, 3vw, 18px);
            line-height: clamp(18px, 3vw, 25px); }
        section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available .link-create-url-request {
          font-size: clamp(15px, 2.8vw, 18px);
          padding: 1rem 1rem;
          border-radius: 20px;
          color: var(--link-blue);
          border: 2px solid var(--link-blue);
          background-color: var(--white-color);
          margin-left: 0;
          margin-top: 0;
          transition: 0.1s;
          font-weight: 800;
          transition: 0.5s;
          width: 240px; }
          section.api-use-example .containt-articles-available .block-categories .head-containt-articles-available .link-create-url-request:hover {
            color: var(--color-green-2);
            border: 2px solid var(--color-green-2);
            transition: 0.5s; }
      section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column; }
        section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .content-views-options {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 15px;
          gap: 12px; }
          section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .content-views-options .btn-view-item {
            padding: 7px 15px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--white-color);
            border: 2px solid var(--link-blue);
            color: var(--link-blue);
            font-size: clamp(15px, 2.8vw, 18px);
            font-weight: 800;
            transition: 0.5s; }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .content-views-options .btn-view-item:hover {
              border: 2px solid var(--color-green-2);
              color: var(--color-green-2);
              transition: 0.5s; }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .content-views-options .btn-view-item.active-view {
              border: 2px solid var(--color-green-2);
              color: var(--color-green-2);
              transition: 0.5s; }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .content-views-options .btn-view-item.active {
              border: 2px solid var(--color-green-2);
              color: var(--color-green-2);
              transition: 0.5s; }
        section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: center;
          flex-wrap: wrap;
          gap: 12px; }
          section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud {
            width: 32%;
            display: flex;
            flex-direction: column;
            background-color: var(--white-color);
            border-radius: 10px;
            padding: 0px; }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: flex-start;
              padding: 10px; }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article a.link-user-photo {
                width: 55px;
                height: 55px;
                border-radius: 7px;
                border: 2px solid var(--color-border);
                margin-right: 7px;
                overflow: hidden; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article a.link-user-photo img {
                  width: 100%; }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article .head-user-infos {
                width: 90%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-direction: column; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article .head-user-infos a.link-user-name {
                  width: 100%;
                  font-size: clamp(15px, 2.8vw, 18px);
                  font-weight: 600;
                  text-align: left;
                  margin-bottom: 2px; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .head-article .head-user-infos span {
                  width: 100%;
                  font-size: 0.75rem;
                  font-weight: 400;
                  color: var(--color-gray); }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article {
              width: 100%;
              display: flex;
              flex-direction: column; }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .content-paragraph-tex {
                width: 100%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-direction: column;
                padding: 0 10px; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .content-paragraph-tex .paragraph-tex {
                  width: 100%;
                  text-align: left;
                  font-size: clamp(15px, 2.2vw, 17px);
                  line-height: clamp(22px, 2.8vw, 24px);
                  color: var(--color-noise); }
                  section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .content-paragraph-tex .paragraph-tex a {
                    color: var(--link-blue-2); }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .art-cover-img {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .art-cover-img .link-cover-img {
                  width: 100%;
                  min-height: 350px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-direction: column;
                  background-size: cover;
                  background-position: center; }
                  section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .body-article .art-cover-img .link-cover-img img {
                    width: 100%; }
            section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding: 10px 10px;
              gap: 10px; }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .left-opt-btns {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 10px; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .left-opt-btns a.react-view {
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  color: var(--color-gray);
                  margin-right: 7px;
                  font-size: 0.92rem; }
                  section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .left-opt-btns a.react-view i {
                    font-size: clamp(13px, 3vw, 18px);
                    line-height: clamp(18px, 3vw, 25px);
                    margin-right: 2px; }
              section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .right-opt-btns {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 10px; }
                section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .right-opt-btns a.reaction-btn {
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;
                  color: var(--color-gray);
                  margin-right: 7px;
                  font-size: 0.92rem; }
                  section.api-use-example .containt-articles-available .block-categories .body-containt-articles-available .group-contents .article-omicrom-cloud .botter-article .right-opt-btns a.reaction-btn i {
                    font-size: clamp(13px, 3vw, 18px);
                    line-height: clamp(18px, 3vw, 25px);
                    margin-right: 0px; }
  section.api-use-example .content-news-media {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--bg-color);
    flex-wrap: wrap;
    padding: 0px;
    gap: 18px; }
    section.api-use-example .content-news-media .news-media-block {
      width: 49%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      background-color: var(--white-color);
      border-radius: 7px;
      overflow: hidden;
      padding: 0px; }
      section.api-use-example .content-news-media .news-media-block .content-art-cover {
        width: 30%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start; }
        section.api-use-example .content-news-media .news-media-block .content-art-cover .link-art-cover {
          width: 100%;
          height: 250px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
          section.api-use-example .content-news-media .news-media-block .content-art-cover .link-art-cover img {
            width: 100%; }
      section.api-use-example .content-news-media .news-media-block .content-art-content {
        width: 70%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        padding: 15px; }
        section.api-use-example .content-news-media .news-media-block .content-art-content .card-body {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column; }
          section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: space-between; }
            section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body .date-head-card {
              font-size: 0.95rem; }
            section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body .content-category {
              display: flex;
              align-items: center;
              gap: 15px; }
              section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body .content-category .cat-name {
                padding: 3px 15px;
                border-radius: 20px;
                color: var(--white-color);
                font-size: 0.8rem; }
                section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body .content-category .cat-name:nth-child(1) {
                  background-color: var(--color-red); }
                section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .head-card-body .content-category .cat-name:nth-child(2) {
                  background-color: var(--color-green); }
          section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .card-title {
            width: 100%;
            font-size: clamp(15px, 2.8vw, 23px);
            font-weight: 600;
            margin-bottom: 10px; }
          section.api-use-example .content-news-media .news-media-block .content-art-content .card-body .card-text {
            width: 100%;
            font-size: clamp(15px, 2.8vw, 18px);
            margin-bottom: 10px; }
  section.api-use-example .content-view-article {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column; }
  section.api-use-example .content-json-view {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--bg-color);
    padding: 0px;
    gap: 15px; }
    section.api-use-example .content-json-view .left-json-view {
      width: 30%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      background-color: var(--white-color);
      border-radius: 17px; }
      section.api-use-example .content-json-view .left-json-view h1 {
        width: 100%;
        padding: 10px 15px;
        margin-bottom: 0px;
        font-weight: 800;
        font-size: clamp(28px, 3.5vw, 40px); }
      section.api-use-example .content-json-view .left-json-view .summary {
        width: 100%;
        margin-top: 0px;
        padding: 15px;
        background-color: #e8f4f8;
        border-radius: 5px; }
        section.api-use-example .content-json-view .left-json-view .summary h3 {
          margin-top: 0;
          color: #2c3e50;
          font-weight: 600;
          font-size: clamp(18px, 2vw, 25px); }
    section.api-use-example .content-json-view .right-json-view {
      width: 70%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      background-color: var(--white-color);
      border-radius: 17px; }
      section.api-use-example .content-json-view .right-json-view .code-json-result {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
      section.api-use-example .content-json-view .right-json-view .container {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        border-radius: 20px;
        background: var(--white-color);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 20px; }
      section.api-use-example .content-json-view .right-json-view h2 {
        color: #333;
        font-weight: 800;
        font-size: clamp(28px, 3.5vw, 40px);
        border-bottom: 0px solid #eee;
        padding-bottom: 10px; }
      section.api-use-example .content-json-view .right-json-view pre {
        background-color: #282c34;
        color: #abb2bf;
        padding: 20px;
        border-radius: 5px;
        overflow-x: auto;
        tab-size: 4;
        white-space: pre-wrap;
        word-wrap: break-word;
        max-height: 650px;
        overflow: scroll;
        overflow-x: hidden; }
      section.api-use-example .content-json-view .right-json-view .key {
        color: #f1414e; }
      section.api-use-example .content-json-view .right-json-view .string {
        color: #9be963; }
      section.api-use-example .content-json-view .right-json-view .number {
        color: #d19a66; }
      section.api-use-example .content-json-view .right-json-view .boolean {
        color: #56b6c2; }
      section.api-use-example .content-json-view .right-json-view .null {
        color: #56b6c2; }
  section.api-use-example .loading-form {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffffc7;
    z-index: 2;
    display: none;
    align-items: flex-start;
    justify-content: center; }
    section.api-use-example .loading-form .content-loading-img {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      section.api-use-example .loading-form .content-loading-img img {
        width: 40px; }
      section.api-use-example .loading-form .content-loading-img span {
        font-size: 12px; }
    section.api-use-example .loading-form .btn-close {
      top: 12px;
      right: 12px;
      position: absolute; }
  section.api-use-example .read-more {
    color: var(--link-blue-2); }

section.section-FAQs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  section.section-FAQs .container-fluid {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    section.section-FAQs .container-fluid .left-FAQs {
      width: 48%; }
      section.section-FAQs .container-fluid .left-FAQs .content-FAQs-img {
        width: 100%; }
        section.section-FAQs .container-fluid .left-FAQs .content-FAQs-img img {
          width: 100%; }
    section.section-FAQs .container-fluid .right-FAQs {
      width: 50%; }
      section.section-FAQs .container-fluid .right-FAQs .contents-questions {
        width: 100%;
        /* Accordion Styles */ }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion {
          background-color: var(--white-color);
          border-radius: 2px;
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          margin-bottom: 7px;
          overflow: hidden; }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-header {
          padding: 12px 25px;
          background-color: var(--link-blue-3);
          color: white;
          cursor: pointer;
          font-weight: 600;
          display: flex;
          justify-content: space-between;
          align-items: center;
          transition: background-color 0.3s; }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-header:hover {
          background-color: var(--link-blue-2); }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-header::after {
          content: "+";
          font-size: 20px;
          transition: transform 0.3s; }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-header.active::after {
          content: "-"; }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-content {
          padding: 0 25px;
          max-height: 0;
          overflow: hidden;
          transition: max-height 0.3s ease-out, padding 0.3s ease;
          background-color: #f8fafc; }
        section.section-FAQs .container-fluid .right-FAQs .contents-questions .accordion-content.show {
          padding: 20px 25px;
          max-height: 500px; }

h1.section-title-text {
  font-weight: 800;
  font-size: clamp(28px, 3.5vw, 40px); }

p.paragraph-text {
  font-weight: 300;
  font-size: clamp(14px, 3vw, 19px);
  line-height: clamp(18px, 4vw, 29px);
  margin-bottom: 0px !important; }

/* Tab styling */
.tab-buttons {
  display: flex;
  margin-bottom: 10px; }

.tab-btn {
  padding: 10px 20px;
  background: #f1f1f1;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
  transition: background 0.3s; }

.tab-btn:hover {
  background: #ddd; }

.tab-btn.active {
  background: #4caf50;
  color: white; }

.tab-content {
  display: none;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 0 5px 5px 5px;
  animation: fadeIn 0.5s; }

.tab-content.active {
  display: flex; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*# sourceMappingURL=section-02-articles-prev.css.map */