/* line 1, app/assets/stylesheets/articles/article-details-style-01.scss */
:root {
  --primary: #B00101;
  --secondary: #0F2130;
  --pri-complementry: #01B0B0;
  --pri-analogous-01: #B05901;
  --pri-analogous-02: #B00159;
  --pri-triadic-01: #01B001;
  --pri-triadic-02: #0101B0;
  --pri-tetradic-01: #59B001;
  --pri-tetradic-02: #01B0B0;
  --pri-tetradic-03: #5901B0;
  --blue: #1e90ff;
  --dark-blue-gray: #092D48;
  --light-blue: #E9F4FE;
  --white: #ffffff;
  --black: #000000;
  --coral-Red: #FF4545;
  --dark-gray: #545454;
  --alice-blue: #F2FAFF;
  --article-heading-dark-blue: #07508E;
  --text-label-gray: #434343;
  --btn-border-radius: 8px;
  --light-gray: #F6F6F6;
  --bright-gray: #E9E9E9;
  --section-dark-bg: #001128;
  --input-border-gray: #c4c4c4;
  --underline-gray: #c5c5c5;
  --ashy-gray: #ADABAB;
}

/* line 31, app/assets/stylesheets/articles/article-details-style-01.scss */
h1,
h2,
h3,
h4 {
  margin: 0;
}

/* line 38, app/assets/stylesheets/articles/article-details-style-01.scss */
.inner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ----BREADCRUMBS SECTION CSS STARTS---- */
/* line 47, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumbs-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: var(--light-gray);
}

/* line 54, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumbs-cont {
  display: flex;
  justify-content: center;
  width: 90%;
}

/* line 60, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumbs-inner-cont {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 66, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item-group {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 10px 0px;
  gap: 6px;
}

/* line 75, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item {
  display: flex;
  position: relative;
  max-width: 100px;
  white-space: nowrap;
}

/* line 82, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-arrow {
  display: flex;
  width: 14px;
  height: auto;
  background-image: url(/assets/home_images/Chevron_Right_01-781871680dc2aeb91bf93bce89716fda45801579e7d799c2fb61c5299bc625b2.svg);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
}

/* line 92, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item a {
  text-decoration: none;
  font-family: noto sans;
  font-size: 0.8rem;
  color: var(--text-label-gray);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 101, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item a:hover {
  color: var(--primary);
}

/* line 105, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item li[title]::after {
  content: attr(title);
}

/* line 109, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item li:hover::after {
  display: flex;
}

/* line 113, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-breadcrumb-item-active {
  text-decoration: none;
  font-family: noto sans;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--secondary);
}

/* ======== MAIN SECTION STARTS =============== */
/* line 123, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px 0px 20px 0px;
}

/* line 130, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: auto;
  width: 90%;
}

/* line 138, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-inner-cont {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: 20px;
}

/* line 145, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-header {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 30px;
}

/* line 152, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-title-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 158, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-title {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3rem;
  font-weight: 400;
  color: var(--secondary);
}

/* line 165, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-meta {
  display: flex;
}

/* line 169, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-date {
  font-family: noto sans;
  font-size: 1.6rem;
  color: var(--secondary);
}

/* line 175, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-details-container {
  display: flex;
}

/* line 179, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-details {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}

/* line 186, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-details p {
  font-size: 1rem;
  line-height: 1.5;
  font-family: noto sans;
  color: var(--dark-gray);
}

/* line 193, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-details p strong {
  font-size: 1rem;
  line-height: 1.5;
  font-family: noto sans;
  color: var(--dark-gray);
}

/* line 200, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-details ul {
  font-size: 1rem;
  line-height: 1.5;
  font-family: noto sans;
  color: var(--dark-gray);
}

/* line 207, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-para {
  font-family: noto sans;
  font-size: 1.1rem;
  width: 100%;
  color: var(--text-label-gray);
  line-height: 30px;
}

/* line 215, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-subheading {
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  color: var(--article-heading-dark-blue);
}

/* line 223, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-author-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Noto Sans", sans-serif;
}

/* line 230, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-author-info {
  display: flex;
  gap: 15px;
  background-color: var(--alice-blue);
  padding: 0.5rem 1rem 0.5rem 1rem;
}

/* line 237, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-author-pic {
  display: flex;
  width: 62px;
  height: 62px;
  background-image: url(/assets/home_images/Profile_Placeholder_01-35f9da964f795071f1bb92f0a3e8acc7335cada215ddd4f3df0319a0953d2a73.png);
  background-size: 100%;
}

/* line 245, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-author-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 0.9rem;
}

/* line 252, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-author-name {
  font-weight: 600;
  color: var(--secondary);
}

/* line 257, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-author-info {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 26px;
  color: var(--text-label-gray);
  padding: 2rem 0rem 2rem 0rem;
}

/* line 265, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-get-in-touch-btn-cont {
  display: flex;
}

/* line 269, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-get-in-touch-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  color: var(--secondary);
  font-family: 'Noto Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  width: 8rem;
  border: 1px solid var(--secondary);
  border-radius: 20px;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  cursor: pointer;
}

/* =========COMMENT FORM SECTION=========== */
/* line 287, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-form-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 10px 0px 20px 0px;
}

/* line 294, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-form-inner-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* line 300, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-form-cont {
  display: flex;
  flex-direction: column;
  width: 58%;
  gap: 20px;
  padding: 1.4rem 1rem 1rem 1rem;
  border: 1px solid var(--input-border-gray);
  border-radius: 12px;
}

/* line 310, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-form-title {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.7rem;
  font-weight: 400;
  color: var(--secondary);
}

/* line 317, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-form {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans", sans-serif;
  padding: 2rem 0rem 0rem 0rem;
  margin: 0;
  gap: 20px;
}

/* line 326, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-input-group {
  display: flex;
  gap: 20px;
}

/* line 331, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-input-subgroup {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 15px;
}

/* line 338, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-label {
  font-size: 1.4rem;
  color: var(--secondary);
  font-weight: 500;
}

/* line 344, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-input {
  width: 100%;
  height: 40px;
  padding: 0px 10px 0px 10px;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.3rem;
  color: var(--text-label-gray);
  outline: none;
  border: none;
  border-bottom: 1px solid var(--input-border-gray);
}

/* line 356, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-textarea {
  width: 100%;
  padding: 10px;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.3rem;
  color: var(--text-label-gray);
  outline: none;
  border: none;
  border-bottom: 1px solid var(--input-border-gray);
  resize: none;
}

/* line 368, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-submit-btn-cont {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

/* line 374, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--white);
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  width: 15rem;
  height: 3.5rem;
  border: none;
  border-radius: var(--btn-border-radius);
  cursor: pointer;
}

/* ===========LATEST COMMENT SECTION============ */
/* line 393, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 10px 0px 20px 0px;
}

/* line 400, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-container {
  display: flex;
  flex-direction: column;
  width: 58%;
  gap: 30px;
}

/* line 407, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-title {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.7rem;
  font-weight: 400;
  color: var(--secondary);
}

/* line 414, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-content-container {
  display: flex;
  font-family: "Noto Sans";
  gap: 20px;
  border-bottom: 1px solid var(--underline-gray);
  padding: 2.4rem 0rem 1rem 0rem;
}

/* line 422, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-pic {
  background-image: url(/assets/home_images/article-details_comment_placeholder_img_01-4be3d7de0e962e8b06bdead68242b84d5b4a507044486f643392132160876650.png);
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 50px;
}

/* line 430, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 436, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-name-details {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

/* line 442, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-latest-comment-name {
  font-size: 1.3rem;
  font-weight: 500;
}

/* line 447, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment {
  font-size: 1.2rem;
}

/* line 451, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-time {
  font-style: italic;
  color: var(--ashy-gray);
}

/* line 456, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-view-all-cont {
  display: flex;
}

/* line 460, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-comment-view-all-cont a {
  font-family: noto sans;
  color: var(--blue);
  font-size: 1.2rem;
}

/* ========== ARTICLE TOPIC ================ */
/* line 469, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-topic-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem 0rem 1rem 0rem;
  margin: 0px 0px 80px 0px;
}

/* line 478, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-topic-container {
  display: flex;
  flex-direction: column;
  width: 90%;
  gap: 40px;
}

/* line 485, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-topic-title {
  font-size: 2.7rem;
  font-family: "Roboto Condensed";
  font-weight: 400;
}

/* line 491, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-topic-card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  gap: 15px;
}

/* line 500, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-article-topic-card {
  display: flex;
  flex-direction: column;
  width: 32%;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  gap: 10px;
}

/* line 509, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-img-cont {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 210px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* line 518, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-img-01 {
  background-image: url(/assets/home_images/article_details_card_img_01-24162eb2e5b6482d718b55b0fca94c1e6ee9eed287b5933ac7f64d402bf61a24.png);
}

/* line 522, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-img-02 {
  background-image: url(/assets/home_images/article_details_card_img_02-0783f9a21c235717b92a1ac15898ca1336821ff8b6073bd7d1308025573d0802.png);
}

/* line 526, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-img-03 {
  background-image: url(/assets/home_images/article_details_card_img_03-5f5b3b70295cd736b227149a77096566264b20cd48a3e1de168407f36d98530c.png);
}

/* line 530, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-detail {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  gap: 15px;
  padding: 0rem 1rem 1rem 1rem;
  font-family: "Noto Sans";
}

/* line 540, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-title-cont {
  display: flex;
}

/* line 544, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-author-cont {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 549, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-title-cont a {
  font-size: 1.3rem;
  color: var(--article-heading-dark-blue);
  font-weight: 400;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}

/* line 562, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-title-cont a:hover {
  color: var(--primary);
}

/* line 566, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-info-cont {
  display: flex;
  flex-grow: 1;
}

/* line 571, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-info {
  font-size: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}

/* line 582, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-author-cont a {
  display: flex;
  font-size: 1.3rem;
  color: var(--article-heading-dark-blue);
  flex-direction: column;
  gap: 10px;
}

/* line 590, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-author-cont a:hover {
  color: var(--primary);
}

/* line 594, app/assets/stylesheets/articles/article-details-style-01.scss */
.rad-card-date {
  font-size: 1.2rem;
  color: var(--secondary);
}