/* =========================================================
   IJRCSIT PREMIUM HOMEPAGE
   COMPACT • ELITE • ACADEMIC
========================================================= */

:root {
    --ijrcsit-primary: #1e4356;
    --ijrcsit-primary-dark: #163544;
    --ijrcsit-primary-deep: #102b38;

    --ijrcsit-accent: #68a4c4;
    --ijrcsit-accent-dark: #4f8eae;
    --ijrcsit-accent-light: #eaf4f9;

    --ijrcsit-white: #ffffff;
    --ijrcsit-background: #f4f8fb;
    --ijrcsit-text: #555555;
    --ijrcsit-text-dark: #354b57;

    --ijrcsit-border: #dce7ed;
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-hero {
    position: relative;
    min-height: 380px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(16, 43, 56, 0.96) 0%,
            rgba(30, 67, 86, 0.88) 48%,
            rgba(30, 67, 86, 0.58) 100%
        ),
        url("../img/hero-bg.jpg") center center / cover no-repeat;
}


/* Premium dark overlay */

.ijrcsit-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 75% 50%,
            rgba(104, 164, 196, 0.20),
            transparent 38%
        );
}


/* Hero content */

.ijrcsit-hero-content {
    position: relative;
    z-index: 2;

    max-width: 850px;

    padding: 55px 0;
}


/* Small label */

.ijrcsit-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;

    color: #d9edf7;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;

    letter-spacing: 0.5px;
}

.ijrcsit-hero-label i {
    color: var(--ijrcsit-accent);
    font-size: 16px;
}


/* Hero title */

.ijrcsit-hero h1 {
    margin: 0;

    max-width: 820px;

    color: var(--ijrcsit-white);

    font-family: "Raleway", sans-serif;
    font-size: 43px;
    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -0.5px;
}


/* Hero paragraph */

.ijrcsit-hero p {
    max-width: 690px;

    margin: 18px 0 25px;

    color: rgba(255, 255, 255, 0.86);

    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.7;
}


/* Hero buttons */

.ijrcsit-hero-buttons {
    display: flex;
    align-items: center;
    gap: 12px;

    flex-wrap: wrap;
}

.ijrcsit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 45px;

    padding: 0 22px;

    border-radius: 4px;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.25s ease;
}


/* Primary button */

.ijrcsit-btn-primary {
    color: #ffffff;
    background: var(--ijrcsit-accent);

    border: 1px solid var(--ijrcsit-accent);
}

.ijrcsit-btn-primary:hover {
    color: #ffffff;

    background: var(--ijrcsit-accent-dark);
    border-color: var(--ijrcsit-accent-dark);

    transform: translateY(-2px);
}


/* Outline button */

.ijrcsit-btn-outline {
    color: #ffffff;

    background: rgba(255, 255, 255, 0.05);

    border: 1px solid rgba(255, 255, 255, 0.55);
}

.ijrcsit-btn-outline:hover {
    color: var(--ijrcsit-primary);

    background: #ffffff;

    border-color: #ffffff;
}


/* Bottom accent */

.ijrcsit-hero-bottom {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        var(--ijrcsit-accent),
        #ffffff,
        var(--ijrcsit-accent)
    );
}


/* =========================================================
   SECTION HEADING
========================================================= */

.ijrcsit-section-heading {
    text-align: center;

    margin-bottom: 28px;
}

.ijrcsit-section-heading span,
.ijrcsit-eyebrow {
    display: block;

    margin-bottom: 7px;

    color: var(--ijrcsit-accent-dark);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.7px;
}

.ijrcsit-section-heading h2 {
    margin: 0;

    color: var(--ijrcsit-primary);

    font-family: "Raleway", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ijrcsit-heading-line {
    width: 42px;
    height: 3px;

    margin: 11px auto 0;

    background: var(--ijrcsit-accent);

    border-radius: 10px;
}


/* =========================================================
   JOURNAL INFORMATION
========================================================= */

.ijrcsit-journal-info {
    padding: 55px 0;

    background: var(--ijrcsit-background);
}


.ijrcsit-info-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid var(--ijrcsit-border);

    border-radius: 8px;

    box-shadow:
        0 8px 30px rgba(30, 67, 86, 0.07);
}


/* Information item */

.ijrcsit-info-item {
    min-height: 88px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 17px 20px;

    border-right: 1px solid var(--ijrcsit-border);
    border-bottom: 1px solid var(--ijrcsit-border);

    transition: background 0.25s ease;
}

.ijrcsit-info-item:hover {
    background: var(--ijrcsit-accent-light);
}


/* Icon */

.ijrcsit-info-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ijrcsit-primary);

    background: var(--ijrcsit-accent-light);

    border-radius: 5px;
}

.ijrcsit-info-icon i {
    font-size: 17px;
}


/* Info text */

.ijrcsit-info-item span {
    display: block;

    margin-bottom: 3px;

    color: #7a8991;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 500;

    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ijrcsit-info-item strong {
    display: block;

    color: var(--ijrcsit-primary);

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;

    line-height: 1.35;
}


/* =========================================================
   ABOUT
========================================================= */

.ijrcsit-about {
    padding: 65px 0;

    background: #ffffff;
}


/* Image wrapper */

.ijrcsit-about-image {
    position: relative;

    overflow: hidden;

    border-radius: 8px;

    box-shadow:
        0 12px 35px rgba(30, 67, 86, 0.13);
}

.ijrcsit-about-image img {
    display: block;

    width: 100%;
    height: 340px;

    object-fit: cover;

    transition: transform 0.5s ease;
}

.ijrcsit-about-image:hover img {
    transform: scale(1.025);
}


/* Image badge */

.ijrcsit-image-badge {
    position: absolute;

    left: 18px;
    bottom: 18px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 11px 15px;

    color: #ffffff;

    background: rgba(30, 67, 86, 0.94);

    border-left: 3px solid var(--ijrcsit-accent);

    border-radius: 4px;
}

.ijrcsit-image-badge > i {
    color: var(--ijrcsit-accent);

    font-size: 21px;
}

.ijrcsit-image-badge strong {
    display: block;

    font-family: "Poppins", sans-serif;
    font-size: 13px;
}

.ijrcsit-image-badge span {
    display: block;

    margin-top: 2px;

    color: rgba(255, 255, 255, 0.72);

    font-size: 10px;
}


/* About content */

.ijrcsit-about-content {
    padding-left: 18px;
}

.ijrcsit-about-content h2 {
    max-width: 570px;

    margin: 0;

    color: var(--ijrcsit-primary);

    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 700;

    line-height: 1.25;
}

.ijrcsit-title-line {
    width: 45px;
    height: 3px;

    margin: 12px 0 17px;

    background: var(--ijrcsit-accent);

    border-radius: 5px;
}


/* About paragraphs */

.ijrcsit-about-content p {
    max-width: 650px;

    margin-bottom: 12px;

    color: var(--ijrcsit-text);

    font-family: "Roboto", sans-serif;
    font-size: 15px;

    line-height: 1.7;
}

.ijrcsit-about-content .ijrcsit-about-lead {
    color: var(--ijrcsit-text-dark);

    font-size: 15.5px;
}


/* About points */

.ijrcsit-about-points {
    margin-top: 18px;
    margin-bottom: 20px;
}

.ijrcsit-about-point {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    margin-bottom: 9px;

    color: var(--ijrcsit-text);

    font-size: 14px;
    line-height: 1.5;
}

.ijrcsit-about-point i {
    flex: 0 0 auto;

    margin-top: 2px;

    color: var(--ijrcsit-accent-dark);

    font-size: 15px;
}


/* About button */

.ijrcsit-about-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    color: #ffffff;

    background: var(--ijrcsit-primary);

    border-radius: 4px;

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.25s ease;
}

.ijrcsit-about-button:hover {
    color: #ffffff;

    background: var(--ijrcsit-accent-dark);

    transform: translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-hero {
        min-height: 360px;
    }

    .ijrcsit-hero h1 {
        font-size: 36px;
    }

    .ijrcsit-about-content {
        padding-left: 0;
    }

    .ijrcsit-info-item {
        border-right: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ijrcsit-hero {
        min-height: 440px;

        background-position: center;
    }

    .ijrcsit-hero-content {
        padding: 45px 0;
    }

    .ijrcsit-hero h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .ijrcsit-hero p {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.6;
    }

    .ijrcsit-hero-buttons {
        gap: 9px;
    }

    .ijrcsit-btn {
        min-height: 43px;

        padding: 0 17px;

        font-size: 12px;
    }


    /* Journal information */

    .ijrcsit-journal-info {
        padding: 45px 0;
    }

    .ijrcsit-section-heading {
        margin-bottom: 22px;
    }

    .ijrcsit-section-heading h2 {
        font-size: 25px;
    }

    .ijrcsit-info-item {
        min-height: 78px;

        padding: 14px 16px;

        border-bottom: 1px solid var(--ijrcsit-border);
    }


    /* About */

    .ijrcsit-about {
        padding: 48px 0;
    }

    .ijrcsit-about-image img {
        height: 270px;
    }

    .ijrcsit-about-content h2 {
        font-size: 26px;
    }

    .ijrcsit-about-content p {
        font-size: 15px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ijrcsit-hero {
        min-height: 470px;
    }

    .ijrcsit-hero h1 {
        font-size: 27px;
    }

    .ijrcsit-hero-label {
        font-size: 11px;
    }

    .ijrcsit-hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .ijrcsit-btn {
        width: 100%;
    }

    .ijrcsit-info-item strong {
        font-size: 13px;
    }

}
/* =========================================================
   IJRCSIT — PREMIUM / ELITE ABOUT PAGE
   COMPACT ACADEMIC DESIGN
   ========================================================= */

.ijrcsit-about-page {

  --ij-about-primary: #1e4356;
  --ij-about-primary-dark: #163544;
  --ij-about-primary-deep: #102b38;

  --ij-about-accent: #68a4c4;
  --ij-about-accent-dark: #4f8eae;
  --ij-about-accent-light: #eaf4f9;

  --ij-about-white: #ffffff;
  --ij-about-light: #f4f8fb;

  --ij-about-text: #555555;
  --ij-about-muted: #71818a;

  --ij-about-border: #dce7ed;
  --ij-about-border-light: #eaf0f4;

  background: #ffffff;
}


/* =========================================================
   RESET / TYPOGRAPHY
   ========================================================= */

.ijrcsit-about-page h1,
.ijrcsit-about-page h2,
.ijrcsit-about-page h3 {
  font-family: "Raleway", sans-serif;
}

.ijrcsit-about-page p {
  font-family: "Roboto", sans-serif;
}

.ijrcsit-about-page .container {
  position: relative;
}


/* =========================================================
   COMPACT PREMIUM HERO
   ========================================================= */

.ijrcsit-about-hero {
    position: relative;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* Dark academic overlay */

.ijrcsit-about-hero-overlay {

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(16, 43, 56, 0.93),
      rgba(30, 67, 86, 0.82),
      rgba(16, 43, 56, 0.91)
    );

}


/* subtle premium line */

.ijrcsit-about-hero::after {

  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 100%;
  height: 3px;

  transform: translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--ij-about-accent),
      transparent
    );

}


.ijrcsit-about-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center !important;

    transform: translateY(30px);
}


.ijrcsit-hero-kicker {

  display: block;

  margin-bottom: 9px;

  color: var(--ij-about-accent);

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 1.8px;

  text-transform: uppercase;

}


.ijrcsit-about-hero h1 {

  margin: 0 0 9px;

  color: #ffffff;

  font-size: 34px;

  line-height: 1.15;

  font-weight: 700;

}


.ijrcsit-about-hero-content > p {
  display: block;
  width: 100%;
  max-width: 650px;

  margin: 0 auto 15px !important;

  color: rgba(255,255,255,0.82);

  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.6;

  text-align: center !important;
}


.ijrcsit-hero-breadcrumb {

  display: flex;

  justify-content: center;
  align-items: center;

  gap: 8px;

  font-family: "Poppins", sans-serif;

  font-size: 11px;

}


.ijrcsit-hero-breadcrumb a {

  color: rgba(255,255,255,0.70);

  text-decoration: none;

  transition: 0.25s ease;

}


.ijrcsit-hero-breadcrumb a:hover {

  color: var(--ij-about-accent);

}


.ijrcsit-hero-breadcrumb i {

  color: var(--ij-about-accent);

  font-size: 9px;

}


.ijrcsit-hero-breadcrumb span {

  color: #ffffff;

}


/* =========================================================
   COMMON SECTION
   ========================================================= */

.ijrcsit-about-introduction,
.ijrcsit-about-purpose,
.ijrcsit-about-scope,
.ijrcsit-about-quality,
.ijrcsit-about-access,
.ijrcsit-about-support,
.ijrcsit-about-collaboration {

  padding: 55px 0;

}


.ijrcsit-section-kicker {

  display: inline-block;

  margin-bottom: 7px;

  color: var(--ij-about-accent-dark);

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

  text-transform: uppercase;

}


.ijrcsit-section-header {

  max-width: 700px;

  margin: 0 auto 20px;
  
  margin-top: -32px;

  text-align: center;

}


.ijrcsit-section-header h2 {

  margin: 0 0 9px;

  color: var(--ij-about-primary);

  font-size: 28px;

  line-height: 1.25;

  font-weight: 700;

}


.ijrcsit-section-header p {

  max-width: 650px;

  margin: 0 auto;

  color: var(--ij-about-text);

  font-size: 15px;

  line-height: 1.65;

  display: block;

  margin: 0 auto 15px !important;

  
  line-height: 1.6;

  text-align: center !important;

}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.ijrcsit-about-introduction {

  background: #ffffff;

}


.ijrcsit-intro-layout {

  display: grid;

  grid-template-columns:
    minmax(0, 1.5fr)
    minmax(310px, 0.8fr);

  gap: 55px;

  align-items: center;

}


.ijrcsit-intro-main h2 {

  margin: 0 0 8px;

  color: var(--ij-about-primary);

  font-size: 29px;

  line-height: 1.25;

  font-weight: 700;

}


.ijrcsit-heading-line {

  width: 43px;
  height: 3px;

  margin: 0 0 18px;

  background: var(--ij-about-accent);

  border-radius: 2px;

}


.ijrcsit-intro-main p {

  margin-bottom: 14px;

  color: var(--ij-about-text);

  font-size: 15px;

  line-height: 1.75;

  text-align: justify;

}


.ijrcsit-intro-main p:last-child {

  margin-bottom: 0;

}


/* =========================================================
   INTRO SIDE CARDS
   ========================================================= */

.ijrcsit-intro-side {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 11px;

}


.ijrcsit-mini-card {

  min-height: 91px;

  display: flex;

  align-items: center;

  gap: 11px;

  padding: 15px;

  background: #ffffff;

  border: 1px solid var(--ij-about-border);

  border-radius: 6px;

  box-shadow:
    0 4px 15px rgba(30,67,86,0.045);

  transition: 0.25s ease;

}


.ijrcsit-mini-card:hover {

  border-color: rgba(104,164,196,0.55);

  transform: translateY(-2px);

}


.ijrcsit-mini-icon {

  flex: 0 0 35px;

  width: 35px;
  height: 35px;

  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--ij-about-accent-dark);

  background: var(--ij-about-accent-light);

  border-radius: 5px;

  font-size: 15px;

}


.ijrcsit-mini-card strong {

  display: block;

  margin-bottom: 3px;

  color: var(--ij-about-primary);

  font-family: "Raleway", sans-serif;

  font-size: 13.5px;

  font-weight: 700;

}


.ijrcsit-mini-card small {

  display: block;

  color: var(--ij-about-muted);

  font-size: 11.5px;

  line-height: 1.4;

}


/* =========================================================
   VISION / MISSION
   ========================================================= */

.ijrcsit-about-purpose {

  background: var(--ij-about-light);

}


.ijrcsit-purpose-layout {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 22px;

}


.ijrcsit-purpose-item {

  position: relative;

  padding: 27px 28px;

  background: #ffffff;

  border: 1px solid var(--ij-about-border);

  border-radius: 7px;

  box-shadow:
    0 5px 20px rgba(30,67,86,0.045);

}


.ijrcsit-purpose-mission {

  border-top: 3px solid var(--ij-about-accent);

}


.ijrcsit-purpose-top {

  display: flex;

  align-items: center;

  gap: 11px;

  margin-bottom: 15px;

}


.ijrcsit-purpose-icon {

  width: 40px;
  height: 40px;

  display: flex;

  align-items: center;
  justify-content: center;

  color: #ffffff;

  background: var(--ij-about-primary);

  border-radius: 6px;

  font-size: 17px;

}


.ijrcsit-purpose-mission .ijrcsit-purpose-icon {

  background: var(--ij-about-accent-dark);

}


.ijrcsit-purpose-tag {

  color: var(--ij-about-accent-dark);

  font-family: "Poppins", sans-serif;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.2px;

}


.ijrcsit-purpose-item h3 {

  margin: 0 0 11px;

  color: var(--ij-about-primary);

  font-size: 20px;

  font-weight: 700;

}


.ijrcsit-purpose-item p {

  margin-bottom: 13px;

  color: var(--ij-about-text);

  font-size: 14.5px;

  line-height: 1.7;

}


.ijrcsit-purpose-item p:last-child {

  margin-bottom: 0;

}


.ijrcsit-mission-intro {

  font-weight: 500;

}


.ijrcsit-mission-list {

  padding: 0;

  margin: 0;

  list-style: none;

}


.ijrcsit-mission-list li {

  display: flex;

  align-items: flex-start;

  gap: 9px;

  margin-bottom: 10px;

  color: var(--ij-about-text);

  font-size: 13.8px;

  line-height: 1.6;

}


.ijrcsit-mission-list li:last-child {

  margin-bottom: 0;

}


.ijrcsit-mission-list i {

  flex: 0 0 auto;

  margin-top: 3px;

  color: var(--ij-about-accent-dark);

  font-size: 14px;

}


/* =========================================================
   SCOPE
   ========================================================= */

.ijrcsit-about-scope {
    

  background: #ffffff;

}


.ijrcsit-scope-wrapper {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 12px 22px;

}


.ijrcsit-scope-column {

  display: flex;

  flex-direction: column;

  gap: 10px;

}


.ijrcsit-scope-item {
    
    

  display: flex;

  align-items: center;

  gap: 12px;

  min-height: 56px;

  padding: 8px 9px;

  background: #fbfdfe;

  border: 1px solid var(--ij-about-border-light);

  border-radius: 5px;

  color: var(--ij-about-text);

  font-size: 14px;

  line-height: 1.45;

  transition: 0.25s ease;

}


.ijrcsit-scope-item:hover {

  background: var(--ij-about-accent-light);

  border-color: rgba(104,164,196,0.45);

  transform: translateX(2px);

}


.ijrcsit-scope-item i {

  flex: 0 0 30px;

  width: 30px;
  height: 30px;

  display: flex;

  align-items: center;
  justify-content: center;

  color: var(--ij-about-accent-dark);

  background: var(--ij-about-accent-light);

  border-radius: 5px;

  font-size: 14px;

}


.ijrcsit-scope-note {

  display: flex;

  align-items: center;

  gap: 11px;

  margin-top: 18px;

  padding: 13px 16px;

  background: var(--ij-about-light);

  border-left: 3px solid var(--ij-about-accent);

  border-radius: 4px;

}


.ijrcsit-scope-note i {

  color: var(--ij-about-accent-dark);

  font-size: 16px;

}


.ijrcsit-scope-note p {

  margin: 0;

  color: var(--ij-about-muted);

  font-size: 13.5px;

  line-height: 1.5;

}


/* =========================================================
   QUALITY
   ========================================================= */

.ijrcsit-about-quality {

  background: var(--ij-about-light);

}


.ijrcsit-quality-layout {

  display: grid;

  grid-template-columns: 65px minmax(0, 1fr);

  gap: 24px;

  max-width: 1000px;

  margin: 0 auto;

}



.ijrcsit-quality-content {

  padding-left: 25px;

  border-left: 1px solid var(--ij-about-border);

}


.ijrcsit-quality-content h2 {

  margin: 0 0 15px;

  color: var(--ij-about-primary);

  font-size: 27px;

  line-height: 1.3;

  font-weight: 700;

}


.ijrcsit-quality-content p {

  margin-bottom: 13px;

  color: var(--ij-about-text);

  font-size: 15px;

  line-height: 1.75;

}


.ijrcsit-quality-content p:last-child {

  margin-bottom: 0;

}


/* =========================================================
   OPEN ACCESS
   ========================================================= */

.ijrcsit-about-access {

  background: #ffffff;

}


.ijrcsit-access-layout {

  display: grid;

  grid-template-columns:
    minmax(0, 1.5fr)
    300px;

  gap: 55px;

  align-items: center;

  max-width: 1050px;

  margin: 0 auto;

}


.ijrcsit-access-content h2 {

  margin: 0 0 15px;

  color: var(--ij-about-primary);

  font-size: 27px;

  line-height: 1.3;

  font-weight: 700;

}


.ijrcsit-access-content p {

  margin-bottom: 12px;

  color: var(--ij-about-text);

  font-size: 15px;

  line-height: 1.75;

}


.ijrcsit-access-content p:last-child {

  margin-bottom: 0;

}


.ijrcsit-access-panel {

  padding: 27px 22px;

  text-align: center;

  background: var(--ij-about-primary);

  border-radius: 7px;

  box-shadow:
    0 9px 25px rgba(30,67,86,0.13);

}


.ijrcsit-access-panel-icon {

  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin: 0 auto 13px;

  color: var(--ij-about-primary);

  background: #ffffff;

  border-radius: 50%;

  font-size: 19px;

}


.ijrcsit-access-panel strong {

  display: block;

  margin-bottom: 6px;

  color: #ffffff;

  font-family: "Raleway", sans-serif;

  font-size: 16px;

}


.ijrcsit-access-panel span {

  display: block;

  color: rgba(255,255,255,0.72);

  font-size: 12px;

  line-height: 1.55;

}


/* =========================================================
   SUPPORT RESEARCHERS
   ========================================================= */

.ijrcsit-about-support {

  background: var(--ij-about-light);

}


.ijrcsit-support-layout {

  display: grid;

  grid-template-columns: 0.85fr 1.4fr;

  gap: 65px;

  max-width: 1050px;

  margin: 0 auto;

}


.ijrcsit-support-title h2 {

  margin: 0;

  color: var(--ij-about-primary);

  font-size: 27px;

  line-height: 1.3;

  font-weight: 700;

}


.ijrcsit-support-text {

  padding-left: 28px;

  border-left: 2px solid var(--ij-about-accent);

}


.ijrcsit-support-text p {

  margin-bottom: 13px;

  color: var(--ij-about-text);

  font-size: 15px;

  line-height: 1.75;

}


.ijrcsit-support-text p:last-child {

  margin-bottom: 0;

}


/* =========================================================
   COLLABORATION
   ========================================================= */

.ijrcsit-about-collaboration {

  padding-top: 0;

  background: #ffffff;

}


.ijrcsit-collaboration-inner {

  display: grid;

  grid-template-columns: 0.85fr 1.4fr;

  gap: 55px;

  padding: 31px 34px;

  background:
    linear-gradient(
      135deg,
      var(--ij-about-light),
      #ffffff
    );

  border: 1px solid var(--ij-about-border);

  border-top: 3px solid var(--ij-about-primary);

  border-radius: 7px;

}


.ijrcsit-collaboration-heading h2 {

  margin: 0;

  color: var(--ij-about-primary);

  font-size: 26px;

  line-height: 1.3;

  font-weight: 700;

}


.ijrcsit-collaboration-text p {

  margin-bottom: 12px;

  color: var(--ij-about-text);

  font-size: 14.5px;

  line-height: 1.72;

}


.ijrcsit-collaboration-text p:last-child {

  margin-bottom: 0;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .ijrcsit-about-introduction,
  .ijrcsit-about-purpose,
  .ijrcsit-about-scope,
  .ijrcsit-about-quality,
  .ijrcsit-about-access,
  .ijrcsit-about-support,
  .ijrcsit-about-collaboration {

    padding: 48px 0;

  }


  .ijrcsit-intro-layout {

    grid-template-columns: 1fr;

    gap: 28px;

  }


  .ijrcsit-intro-side {

    max-width: 650px;

  }


  .ijrcsit-access-layout {

    grid-template-columns: 1fr 260px;

    gap: 30px;

  }


  .ijrcsit-support-layout,
  .ijrcsit-collaboration-inner {

    gap: 35px;

  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .ijrcsit-about-hero {

    min-height: 225px;

  }


  .ijrcsit-about-hero-content {

    padding: 37px 15px 33px;

  }


  .ijrcsit-hero-kicker {

    font-size: 9px;

    letter-spacing: 1.2px;

  }


  .ijrcsit-about-hero h1 {

    font-size: 29px;

  }


  .ijrcsit-about-hero-content > p {

    font-size: 13.5px;

    line-height: 1.55;

  }


  .ijrcsit-about-introduction,
  .ijrcsit-about-purpose,
  .ijrcsit-about-scope,
  .ijrcsit-about-quality,
  .ijrcsit-about-access,
  .ijrcsit-about-support,
  .ijrcsit-about-collaboration {

    padding: 40px 0;

  }


  .ijrcsit-section-header {

    margin-bottom: 25px;

  }


  .ijrcsit-section-header h2 {

    font-size: 24px;

  }


  .ijrcsit-section-header p {

    font-size: 14px;

  }


  .ijrcsit-intro-main h2 {

    font-size: 25px;

  }


  .ijrcsit-intro-main p {

    font-size: 14.5px;

    line-height: 1.7;

    text-align: left;

  }


  .ijrcsit-intro-side {

    grid-template-columns: 1fr 1fr;

    gap: 9px;

  }


  .ijrcsit-mini-card {

    min-height: 82px;

    padding: 12px;

    gap: 8px;

  }


  .ijrcsit-mini-icon {

    flex: 0 0 31px;

    width: 31px;
    height: 31px;

    font-size: 13px;

  }


  .ijrcsit-mini-card strong {

    font-size: 12px;

  }


  .ijrcsit-mini-card small {

    font-size: 10.5px;

  }


  .ijrcsit-purpose-layout {

    grid-template-columns: 1fr;

    gap: 14px;

  }


  .ijrcsit-purpose-item {

    padding: 23px 20px;

  }


  .ijrcsit-purpose-item h3 {

    font-size: 19px;

  }


  .ijrcsit-purpose-item p {

    font-size: 14px;

    line-height: 1.65;

  }


  .ijrcsit-mission-list li {

    font-size: 13.5px;

  }


  .ijrcsit-scope-wrapper {

    grid-template-columns: 1fr;

    gap: 10px;

  }


  .ijrcsit-scope-item {

    min-height: 53px;

    font-size: 13.5px;

  }


  .ijrcsit-scope-note {

    align-items: flex-start;

  }


  .ijrcsit-scope-note p {

    font-size: 12.5px;

  }


  .ijrcsit-quality-layout {

    grid-template-columns: 1fr;

    gap: 9px;

  }




  .ijrcsit-quality-content {

    padding-left: 0;

    border-left: 0;

  }


  .ijrcsit-quality-content h2,
  .ijrcsit-access-content h2,
  .ijrcsit-support-title h2 {

    font-size: 24px;

  }


  .ijrcsit-quality-content p,
  .ijrcsit-access-content p,
  .ijrcsit-support-text p {

    font-size: 14.5px;

    line-height: 1.7;

  }


  .ijrcsit-access-layout {

    grid-template-columns: 1fr;

    gap: 23px;

  }


  .ijrcsit-access-panel {

    max-width: 310px;

    margin: 0 auto;

  }


  .ijrcsit-support-layout {

    grid-template-columns: 1fr;

    gap: 20px;

  }


  .ijrcsit-support-text {

    padding-left: 0;

    padding-top: 17px;

    border-left: 0;

    border-top: 2px solid var(--ij-about-accent);

  }


  .ijrcsit-collaboration-inner {

    grid-template-columns: 1fr;

    gap: 21px;

    padding: 24px 20px;

  }


  .ijrcsit-collaboration-heading h2 {

    font-size: 23px;

  }


  .ijrcsit-collaboration-text p {

    font-size: 14px;

    line-height: 1.68;

  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

  .ijrcsit-about-hero {

    min-height: 215px;

  }


  .ijrcsit-about-hero h1 {

    font-size: 27px;

  }


  .ijrcsit-about-hero-content > p {

    max-width: 330px;

    font-size: 13px;

  }


  .ijrcsit-intro-side {

    grid-template-columns: 1fr;

  }


  .ijrcsit-mini-card {

    min-height: 70px;

  }


  .ijrcsit-section-header h2 {

    font-size: 23px;

  }


  .ijrcsit-purpose-item {

    padding: 21px 18px;

  }


  .ijrcsit-scope-item {

    font-size: 13px;

  }


  .ijrcsit-quality-content h2,
  .ijrcsit-access-content h2,
  .ijrcsit-support-title h2 {

    font-size: 22px;

  }

}
/* =========================================================
   IJRCSIT — SUBMISSION GUIDELINES
   EXACT ABOUT PAGE VISUAL SYSTEM
   COMPACT PREMIUM ACADEMIC DESIGN
   ========================================================= */

.ijrcsit-submission-page {

    --ij-about-primary: #1e4356;
    --ij-about-primary-dark: #163544;
    --ij-about-primary-deep: #102b38;

    --ij-about-accent: #68a4c4;
    --ij-about-accent-dark: #4f8eae;
    --ij-about-accent-light: #eaf4f9;

    --ij-about-white: #ffffff;
    --ij-about-light: #f4f8fb;

    --ij-about-text: #555555;
    --ij-about-muted: #71818a;

    --ij-about-border: #dce7ed;
    --ij-about-border-light: #eaf0f4;

    background: #ffffff;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.ijrcsit-submission-page h1,
.ijrcsit-submission-page h2,
.ijrcsit-submission-page h3 {

    font-family: "Raleway", sans-serif;
}


.ijrcsit-submission-page p,
.ijrcsit-submission-page li,
.ijrcsit-submission-page span {

    font-family: "Roboto", sans-serif;
}


/* =========================================================
   HERO
   SAME AS ABOUT PAGE
   ========================================================= */

.ijrcsit-submission-hero {

    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;

    overflow: hidden;
}


/* SAME DARK ACADEMIC OVERLAY */

.ijrcsit-submission-hero-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16, 43, 56, 0.93),
            rgba(30, 67, 86, 0.82),
            rgba(16, 43, 56, 0.91)
        );
}


/* SAME PREMIUM BOTTOM LINE */

.ijrcsit-submission-hero::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 100%;
    height: 3px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-about-accent),
            transparent
        );
}


/* HERO CONTENT */

.ijrcsit-submission-hero-content {

    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    padding: 0 15px;

    text-align: center !important;

    transform: translateY(30px);
}


/* KICKER */

.ijrcsit-submission-hero .ijrcsit-hero-kicker {

    display: block;

    margin-bottom: 9px;

    color: var(--ij-about-accent);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


/* TITLE */

.ijrcsit-submission-hero h1 {

    margin: 0 0 9px;

    color: #ffffff;

    font-size: 34px;

    line-height: 1.15;

    font-weight: 700;
}


/* SUBTITLE */

.ijrcsit-submission-hero-content > p {

    display: block;

    width: 100%;
    max-width: 650px;

    margin: 0 auto 15px !important;

    color: rgba(255,255,255,0.82);

    font-family: "Roboto", sans-serif;

    font-size: 14px;

    line-height: 1.6;

    text-align: center !important;
}


/* BREADCRUMB */

.ijrcsit-hero-breadcrumb {

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 8px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
}


.ijrcsit-hero-breadcrumb a {

    color: rgba(255,255,255,0.70);

    text-decoration: none;

    transition: 0.25s ease;
}


.ijrcsit-hero-breadcrumb a:hover {

    color: var(--ij-about-accent);
}


.ijrcsit-hero-breadcrumb i {

    color: var(--ij-about-accent);

    font-size: 9px;
}


.ijrcsit-hero-breadcrumb span {

    color: #ffffff;
}


/* =========================================================
   INTRODUCTION
   SAME 55px ABOUT SECTION
   ========================================================= */

.ijrcsit-submission-introduction {

    padding: 55px 0;

    background: #ffffff;
}


.ijrcsit-submission-intro {

    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


.ijrcsit-section-kicker {

    display: inline-block;

    margin-bottom: 7px;

    color: var(--ij-about-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.ijrcsit-submission-intro h2 {

    margin: 0 0 9px;

    color: var(--ij-about-primary);

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;
}


.ijrcsit-heading-line {

    width: 43px;

    height: 3px;

    margin: 0 auto 18px;

    background: var(--ij-about-accent);

    border-radius: 2px;
}


.ijrcsit-submission-intro p {

    max-width: 850px;

    margin: 0 auto;

    color: var(--ij-about-text);

    font-size: 15px;

    line-height: 1.75;

    text-align: justify;
}


/* =========================================================
   MAIN GUIDELINE SECTIONS
   ========================================================= */

.ijrcsit-submission-section {

    padding: 55px 0;

    background: #ffffff;
}


.ijrcsit-submission-light {

    background: var(--ij-about-light);
}


/* =========================================================
   GUIDELINE HEADING
   ========================================================= */

.ijrcsit-guideline-heading {

    display: grid;

    grid-template-columns: 58px 1fr;

    gap: 17px;

    align-items: center;

    max-width: 1000px;

    margin: 0 auto 20px;
}


.ijrcsit-guideline-number {

    color: var(--ij-about-accent);

    font-family: "Raleway", sans-serif;

    font-size: 25px;

    line-height: 1;

    font-weight: 700;
}


.ijrcsit-guideline-heading .ijrcsit-section-kicker {

    margin-bottom: 5px;
}


.ijrcsit-guideline-heading h2 {

    margin: 0;

    color: var(--ij-about-primary);

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;
}


.ijrcsit-guideline-intro {

    max-width: 1000px;

    margin: 0 auto 22px;

    color: var(--ij-about-text);

    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   MANUSCRIPT CARDS
   ========================================================= */

.ijrcsit-manuscript-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px 22px;

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-manuscript-item {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 15px 16px;

    min-height: 78px;

    background: #ffffff;

    border: 1px solid var(--ij-about-border-light);

    border-radius: 5px;

    transition: 0.25s ease;
}


.ijrcsit-manuscript-item:hover {

    background: var(--ij-about-accent-light);

    border-color: rgba(104,164,196,0.45);

    transform: translateX(2px);
}


.ijrcsit-manuscript-item > i {

    flex: 0 0 31px;

    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--ij-about-accent-dark);

    background: var(--ij-about-accent-light);

    border-radius: 5px;

    font-size: 14px;
}


.ijrcsit-manuscript-item h3 {

    margin: 0 0 4px;

    color: var(--ij-about-primary);

    font-size: 14px;

    line-height: 1.35;

    font-weight: 700;
}


.ijrcsit-manuscript-item p {

    margin: 0;

    color: var(--ij-about-muted);

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   NOTE
   SAME ABOUT NOTE STYLE
   ========================================================= */

.ijrcsit-submission-note {

    display: flex;

    align-items: center;

    gap: 11px;

    max-width: 1000px;

    margin: 18px auto 0;

    padding: 13px 16px;

    background: var(--ij-about-light);

    border-left: 3px solid var(--ij-about-accent);

    border-radius: 4px;
}


.ijrcsit-submission-note i {

    color: var(--ij-about-accent-dark);

    font-size: 16px;
}


.ijrcsit-submission-note p {

    margin: 0;

    color: var(--ij-about-muted);

    font-size: 13.5px;

    line-height: 1.5;
}


/* =========================================================
   PREPARATION BLOCK
   ========================================================= */

.ijrcsit-preparation-block {

    max-width: 1000px;

    margin: 0 auto 20px;

    padding: 25px 27px;

    background: #ffffff;

    border: 1px solid var(--ij-about-border);

    border-radius: 7px;

    box-shadow:
        0 5px 20px rgba(30,67,86,0.045);
}


.ijrcsit-preparation-block:last-child {

    margin-bottom: 0;
}


/* =========================================================
   PREPARATION TITLE
   ========================================================= */

.ijrcsit-preparation-title {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 16px;
}


.ijrcsit-preparation-icon {

    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #ffffff;

    background: var(--ij-about-primary);

    border-radius: 6px;

    font-size: 16px;
}


.ijrcsit-preparation-title h3 {

    margin: 0;

    color: var(--ij-about-primary);

    font-size: 20px;

    line-height: 1.3;

    font-weight: 700;
}


/* =========================================================
   CHECK LIST
   ========================================================= */

.ijrcsit-check-list {

    padding: 0;

    margin: 0;

    list-style: none;
}


.ijrcsit-check-list li {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin-bottom: 10px;

    color: var(--ij-about-text);

    font-size: 14px;

    line-height: 1.65;
}


.ijrcsit-check-list li:last-child {

    margin-bottom: 0;
}


.ijrcsit-check-list li i {

    flex: 0 0 auto;

    margin-top: 4px;

    color: var(--ij-about-accent-dark);

    font-size: 14px;
}


/* =========================================================
   STRUCTURE INTRO
   ========================================================= */

.ijrcsit-structure-intro {

    margin: 0 0 15px;

    color: var(--ij-about-text);

    font-size: 14.5px;

    line-height: 1.65;
}


/* =========================================================
   PAPER STRUCTURE
   ========================================================= */

.ijrcsit-paper-structure {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px 18px;
}


.ijrcsit-paper-item {

    display: flex;

    flex-direction: column;

    gap: 3px;

    padding: 11px 13px;

    background: #fbfdfe;

    border: 1px solid var(--ij-about-border-light);

    border-radius: 5px;
}


.ijrcsit-paper-item strong {

    color: var(--ij-about-primary);

    font-family: "Raleway", sans-serif;

    font-size: 13.5px;

    font-weight: 700;
}


.ijrcsit-paper-item span {

    color: var(--ij-about-text);

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ijrcsit-submission-introduction,
    .ijrcsit-submission-section {

        padding: 48px 0;
    }


    .ijrcsit-manuscript-grid {

        gap: 10px 15px;
    }


    .ijrcsit-paper-structure {

        gap: 9px 14px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ijrcsit-submission-hero {

        min-height: 225px;
    }


    .ijrcsit-submission-hero-content {

        padding: 37px 15px 33px;
    }


    .ijrcsit-submission-hero .ijrcsit-hero-kicker {

        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .ijrcsit-submission-hero h1 {

        font-size: 29px;
    }


    .ijrcsit-submission-hero-content > p {

        font-size: 13.5px;

        line-height: 1.55;
    }


    .ijrcsit-submission-introduction,
    .ijrcsit-submission-section {

        padding: 40px 0;
    }


    .ijrcsit-submission-intro h2 {

        font-size: 24px;
    }


    .ijrcsit-submission-intro p {

        padding: 0 5px;

        font-size: 14.5px;

        line-height: 1.7;

        text-align: left;
    }


    .ijrcsit-guideline-heading {

        grid-template-columns: 42px 1fr;

        gap: 10px;

        margin-bottom: 17px;
    }


    .ijrcsit-guideline-number {

        font-size: 20px;
    }


    .ijrcsit-guideline-heading h2 {

        font-size: 24px;
    }


    .ijrcsit-guideline-intro {

        font-size: 14.5px;

        line-height: 1.7;
    }


    .ijrcsit-manuscript-grid {

        grid-template-columns: 1fr;

        gap: 9px;
    }


    .ijrcsit-manuscript-item {

        min-height: 0;

        padding: 13px;
    }


    .ijrcsit-preparation-block {

        padding: 21px 19px;

        margin-bottom: 14px;
    }


    .ijrcsit-preparation-title h3 {

        font-size: 19px;
    }


    .ijrcsit-paper-structure {

        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ijrcsit-paper-item {

        padding: 10px 12px;
    }


    .ijrcsit-check-list li {

        font-size: 13.5px;

        line-height: 1.65;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ijrcsit-submission-hero {

        min-height: 215px;
    }


    .ijrcsit-submission-hero h1 {

        font-size: 27px;
    }


    .ijrcsit-submission-hero-content > p {

        max-width: 330px;

        font-size: 13px;
    }


    .ijrcsit-submission-intro h2 {

        font-size: 23px;
    }


    .ijrcsit-guideline-heading h2 {

        font-size: 22px;
    }


    .ijrcsit-preparation-block {

        padding: 20px 17px;
    }


    .ijrcsit-manuscript-item h3 {

        font-size: 13.5px;
    }


    .ijrcsit-manuscript-item p {

        font-size: 12.5px;
    }


    .ijrcsit-paper-item strong {

        font-size: 13px;
    }


    .ijrcsit-paper-item span {

        font-size: 12.5px;
    }

}
/* =========================================================
   IJRCSIT — PLAGIARISM POLICIES
   SAME ABOUT US VISUAL SYSTEM
   ========================================================= */

.ijrcsit-plagiarism-page {

    --ij-about-primary: #1e4356;
    --ij-about-primary-dark: #163544;
    --ij-about-primary-deep: #102b38;

    --ij-about-accent: #68a4c4;
    --ij-about-accent-dark: #4f8eae;
    --ij-about-accent-light: #eaf4f9;

    --ij-about-white: #ffffff;
    --ij-about-light: #f4f8fb;

    --ij-about-text: #555555;
    --ij-about-muted: #71818a;

    --ij-about-border: #dce7ed;
    --ij-about-border-light: #eaf0f4;

    background: #ffffff;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.ijrcsit-plagiarism-page h1,
.ijrcsit-plagiarism-page h2,
.ijrcsit-plagiarism-page h3 {

    font-family: "Raleway", sans-serif;
}

.ijrcsit-plagiarism-page p,
.ijrcsit-plagiarism-page li,
.ijrcsit-plagiarism-page span {

    font-family: "Roboto", sans-serif;
}


/* =========================================================
   HERO
   EXACT ABOUT US HERO
   ========================================================= */

.ijrcsit-plagiarism-hero {

    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");

    background-size: cover;
    background-position: center;

    overflow: hidden;
}


.ijrcsit-plagiarism-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,0.93),
            rgba(30,67,86,0.82),
            rgba(16,43,56,0.91)
        );
}


.ijrcsit-plagiarism-hero::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 100%;
    height: 3px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-about-accent),
            transparent
        );
}


.ijrcsit-plagiarism-hero-content {

    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    padding: 0 15px;

    text-align: center !important;

    transform: translateY(30px);
}


.ijrcsit-plagiarism-hero .ijrcsit-hero-kicker {

    display: block;

    margin-bottom: 9px;

    color: var(--ij-about-accent);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.ijrcsit-plagiarism-hero h1 {

    margin: 0 0 9px;

    color: #ffffff;

    font-size: 34px;

    line-height: 1.15;

    font-weight: 700;
}


.ijrcsit-plagiarism-hero-content > p {

    display: block;

    width: 100%;
    max-width: 650px;

    margin: 0 auto 15px !important;

    color: rgba(255,255,255,0.82);

    font-family: "Roboto", sans-serif;

    font-size: 14px;

    line-height: 1.6;

    text-align: center !important;
}


.ijrcsit-hero-breadcrumb {

    display: flex;

    justify-content: center;
    align-items: center;

    gap: 8px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
}


.ijrcsit-hero-breadcrumb a {

    color: rgba(255,255,255,0.70);

    text-decoration: none;

    transition: 0.25s ease;
}


.ijrcsit-hero-breadcrumb a:hover {

    color: var(--ij-about-accent);
}


.ijrcsit-hero-breadcrumb i {

    color: var(--ij-about-accent);

    font-size: 9px;
}


.ijrcsit-hero-breadcrumb span {

    color: #ffffff;
}


/* =========================================================
   INTRO
   ========================================================= */

.ijrcsit-plagiarism-introduction {

    padding: 55px 0;

    background: #ffffff;
}


.ijrcsit-plagiarism-intro {

    max-width: 850px;

    margin: 0 auto;

    text-align: center;
}


.ijrcsit-section-kicker {

    display: inline-block;

    margin-bottom: 7px;

    color: var(--ij-about-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.ijrcsit-plagiarism-intro h2 {

    margin: 0 0 9px;

    color: var(--ij-about-primary);

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;
}


.ijrcsit-heading-line {

    width: 43px;
    height: 3px;

    margin: 0 auto 18px;

    background: var(--ij-about-accent);

    border-radius: 2px;
}


.ijrcsit-plagiarism-intro p {

    max-width: 700px;

    margin: 0 auto;

    color: var(--ij-about-text);

    font-size: 15px;

    line-height: 1.75;
}


/* =========================================================
   COMMON SECTION
   ========================================================= */

.ijrcsit-plagiarism-section {

    padding: 55px 0;

    background: #ffffff;
}


.ijrcsit-plagiarism-light {

    background: var(--ij-about-light);
}


/* =========================================================
   POLICY HEADING
   ========================================================= */

.ijrcsit-policy-heading {

    display: grid;

    grid-template-columns: 58px 1fr;

    gap: 17px;

    align-items: center;

    max-width: 1000px;

    margin: 0 auto 20px;
}


.ijrcsit-policy-number {

    color: var(--ij-about-accent);

    font-family: "Raleway", sans-serif;

    font-size: 25px;

    line-height: 1;

    font-weight: 700;
}


.ijrcsit-policy-heading .ijrcsit-section-kicker {

    margin-bottom: 5px;
}


.ijrcsit-policy-heading h2 {

    margin: 0;

    color: var(--ij-about-primary);

    font-size: 28px;

    line-height: 1.25;

    font-weight: 700;
}


/* =========================================================
   POLICY CARD
   ========================================================= */

.ijrcsit-policy-card {

    max-width: 1000px;

    margin: 0 auto;

    padding: 24px 27px;

    background: #ffffff;

    border: 1px solid var(--ij-about-border);

    border-radius: 7px;

    box-shadow:
        0 5px 20px rgba(30,67,86,0.045);
}


/* =========================================================
   CHECK LIST
   ========================================================= */

.ijrcsit-check-list {

    padding: 0;

    margin: 0;

    list-style: none;
}


.ijrcsit-check-list li {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-bottom: 12px;

    color: var(--ij-about-text);

    font-size: 14.5px;

    line-height: 1.7;
}


.ijrcsit-check-list li:last-child {

    margin-bottom: 0;
}


.ijrcsit-check-list li i {

    flex: 0 0 auto;

    margin-top: 5px;

    color: var(--ij-about-accent-dark);

    font-size: 14px;
}


/* =========================================================
   POLICY NOTE
   ========================================================= */

.ijrcsit-policy-note {

    display: flex;

    align-items: center;

    gap: 11px;

    max-width: 1000px;

    margin: 18px auto 0;

    padding: 13px 16px;

    background: var(--ij-about-light);

    border-left: 3px solid var(--ij-about-accent);

    border-radius: 4px;
}


.ijrcsit-policy-note i {

    color: var(--ij-about-accent-dark);

    font-size: 16px;
}


.ijrcsit-policy-note p {

    margin: 0;

    color: var(--ij-about-muted);

    font-size: 13.5px;

    line-height: 1.5;
}


/* =========================================================
   REVIEW INTRO
   ========================================================= */

.ijrcsit-policy-intro {

    max-width: 1000px;

    margin: 0 auto 20px;

    color: var(--ij-about-text);

    font-size: 14.5px;

    line-height: 1.7;
}


/* =========================================================
   PEER REVIEW GRID
   ========================================================= */

.ijrcsit-review-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px 22px;

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-review-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 17px;

    background: #ffffff;

    border: 1px solid var(--ij-about-border-light);

    border-radius: 6px;

    transition: 0.25s ease;
}


.ijrcsit-review-item:hover {

    background: var(--ij-about-accent-light);

    border-color: rgba(104,164,196,0.45);

    transform: translateX(2px);
}


.ijrcsit-review-icon {

    flex: 0 0 35px;

    width: 35px;
    height: 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--ij-about-accent-dark);

    background: var(--ij-about-accent-light);

    border-radius: 5px;

    font-size: 15px;
}


.ijrcsit-review-item h3 {

    margin: 0 0 4px;

    color: var(--ij-about-primary);

    font-size: 14px;

    line-height: 1.35;

    font-weight: 700;
}


.ijrcsit-review-item p {

    margin: 0;

    color: var(--ij-about-text);

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   SIMPLE POLICY
   ========================================================= */

.ijrcsit-simple-policy {

    display: grid;

    grid-template-columns: 55px 1fr;

    gap: 20px;

    max-width: 1000px;

    margin: 0 auto;

    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid var(--ij-about-border);

    border-radius: 7px;

    box-shadow:
        0 5px 20px rgba(30,67,86,0.045);
}


.ijrcsit-simple-icon {

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #ffffff;

    background: var(--ij-about-primary);

    border-radius: 6px;

    font-size: 18px;
}


.ijrcsit-simple-policy h2 {

    margin: 0 0 12px;

    color: var(--ij-about-primary);

    font-size: 26px;

    line-height: 1.3;

    font-weight: 700;
}


.ijrcsit-simple-policy p {

    margin: 0;

    color: var(--ij-about-text);

    font-size: 14.5px;

    line-height: 1.72;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .ijrcsit-plagiarism-introduction,
    .ijrcsit-plagiarism-section {

        padding: 48px 0;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .ijrcsit-plagiarism-hero {

        min-height: 225px;
    }


    .ijrcsit-plagiarism-hero-content {

        padding: 37px 15px 33px;
    }


    .ijrcsit-plagiarism-hero .ijrcsit-hero-kicker {

        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .ijrcsit-plagiarism-hero h1 {

        font-size: 29px;
    }


    .ijrcsit-plagiarism-hero-content > p {

        font-size: 13.5px;

        line-height: 1.55;
    }


    .ijrcsit-plagiarism-introduction,
    .ijrcsit-plagiarism-section {

        padding: 40px 0;
    }


    .ijrcsit-plagiarism-intro h2 {

        font-size: 24px;
    }


    .ijrcsit-plagiarism-intro p {

        font-size: 14.5px;

        line-height: 1.7;
    }


    .ijrcsit-policy-heading {

        grid-template-columns: 42px 1fr;

        gap: 10px;

        margin-bottom: 17px;
    }


    .ijrcsit-policy-number {

        font-size: 20px;
    }


    .ijrcsit-policy-heading h2 {

        font-size: 24px;
    }


    .ijrcsit-policy-card {

        padding: 20px 18px;
    }


    .ijrcsit-check-list li {

        font-size: 13.5px;

        line-height: 1.65;
    }


    .ijrcsit-review-grid {

        grid-template-columns: 1fr;

        gap: 9px;
    }


    .ijrcsit-review-item {

        padding: 14px;
    }


    .ijrcsit-simple-policy {

        grid-template-columns: 1fr;

        gap: 13px;

        padding: 22px 19px;
    }


    .ijrcsit-simple-icon {

        width: 40px;
        height: 40px;

        font-size: 16px;
    }


    .ijrcsit-simple-policy h2 {

        font-size: 23px;
    }


    .ijrcsit-simple-policy p {

        font-size: 14px;

        line-height: 1.7;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .ijrcsit-plagiarism-hero {

        min-height: 215px;
    }


    .ijrcsit-plagiarism-hero h1 {

        font-size: 27px;
    }


    .ijrcsit-plagiarism-hero-content > p {

        max-width: 330px;

        font-size: 13px;
    }


    .ijrcsit-plagiarism-intro h2 {

        font-size: 23px;
    }


    .ijrcsit-policy-heading h2 {

        font-size: 22px;
    }


    .ijrcsit-policy-card {

        padding: 19px 16px;
    }


    .ijrcsit-review-item h3 {

        font-size: 13.5px;
    }


    .ijrcsit-review-item p {

        font-size: 12.5px;
    }

}
/* =========================================================
   IJRCSIT — CALL FOR PAPER
   PREMIUM / COMPACT / ELITE DESIGN
========================================================= */

.ijrcsit-call-page {

    --ij-primary: #1e4356;
    --ij-primary-dark: #163544;
    --ij-primary-deep: #102b38;

    --ij-accent: #68a4c4;
    --ij-accent-dark: #4f8eae;
    --ij-accent-light: #eaf4f9;

    --ij-white: #ffffff;
    --ij-light: #f4f8fb;

    --ij-text: #555555;
    --ij-muted: #71818a;

    --ij-border: #dce7ed;
    --ij-border-light: #eaf0f4;

    background: #ffffff;
    color: var(--ij-text);
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-call-hero {

    position: relative;
    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;

    overflow: hidden;
}


.ijrcsit-call-hero-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.93),
            rgba(30,67,86,.82),
            rgba(16,43,56,.91)
        );
}


.ijrcsit-call-hero-line {

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-accent),
            transparent
        );
}


.ijrcsit-call-hero-content {

    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;
    padding: 0 15px;

    text-align: center;

    transform: translateY(30px);
}


/* =========================================================
   HERO TEXT
========================================================= */

.ijrcsit-call-kicker {

    display: block;

    margin-bottom: 8px;

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;
    text-transform: uppercase;
}


.ijrcsit-call-hero h1 {

    margin: 0 0 8px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;
    font-size: 34px;
    font-weight: 700;

    line-height: 1.15;
}


.ijrcsit-call-hero-content > p {

    display: block;

    width: 100%;
    max-width: 650px;

    margin: 0 auto 15px !important;

    color: rgba(255,255,255,.82);

    font-family: "Roboto", sans-serif;
    font-size: 14px;

    line-height: 1.6;

    text-align: center !important;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.ijrcsit-call-breadcrumbs {

    display: flex;
    justify-content: center;
    align-items: center;

    gap: 8px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
}


.ijrcsit-call-breadcrumbs a {

    color: rgba(255,255,255,.78);

    text-decoration: none;

    transition: .25s ease;
}


.ijrcsit-call-breadcrumbs a:hover {

    color: var(--ij-accent);
}


.ijrcsit-call-breadcrumbs i {

    color: rgba(255,255,255,.45);
    font-size: 9px;
}


.ijrcsit-call-breadcrumbs span {

    color: var(--ij-accent);
}


/* =========================================================
   COMMON SECTION
========================================================= */

.ijrcsit-call-section,
.ijrcsit-call-domains,
.ijrcsit-call-info,
.ijrcsit-call-categories {

    padding: 52px 0;
}


.ijrcsit-call-domains {

    background: var(--ij-light);
}


.ijrcsit-call-info {

    background: #ffffff;
}


.ijrcsit-call-categories {

    background: var(--ij-light);
}


/* =========================================================
   SECTION HEADING
========================================================= */

.ijrcsit-call-section-heading {

    max-width: 720px;

    margin: 0 auto 30px;

    text-align: center;
}


.ijrcsit-call-section-heading.compact {

    margin-bottom: 27px;
}


.ijrcsit-call-section-heading > span {

    display: block;

    margin-bottom: 7px;

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.7px;
    text-transform: uppercase;
}


.ijrcsit-call-section-heading h2 {

    margin: 0;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;
    font-size: 28px;
    font-weight: 700;

    line-height: 1.25;
}


.ijrcsit-call-section-heading h2 strong {

    color: var(--ij-accent-dark);
    font-weight: 700;
}


.ijrcsit-call-section-heading p {

    max-width: 650px;

    margin: 10px auto 0;

    color: var(--ij-muted);

    font-size: 14.5px;
    line-height: 1.65;
}


.ijrcsit-call-heading-line {

    width: 42px;
    height: 2px;

    margin: 12px auto 0;

    background: var(--ij-accent);
}


/* =========================================================
   INTRO
========================================================= */

.ijrcsit-call-intro {

    max-width: 940px;

    margin: 0 auto;

    text-align: justify;
}


.ijrcsit-call-intro p {

    margin: 0 0 14px;

    color: var(--ij-text);

    font-family: "Roboto", sans-serif;
    font-size: 15px;

    line-height: 1.75;
}


.ijrcsit-call-intro p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   RESEARCH DOMAIN GRID
========================================================= */

.ijrcsit-domain-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px 16px;

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-domain-item {

    min-height: 57px;

    display: flex;
    align-items: center;

    position: relative;

    padding: 10px 16px;

    background: #ffffff;

    border: 1px solid var(--ij-border-light);
    border-left: 3px solid transparent;

    border-radius: 5px;

    box-shadow: 0 3px 12px rgba(30,67,86,.035);

    transition:
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


.ijrcsit-domain-item:hover {

    border-left-color: var(--ij-accent);

    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(30,67,86,.08);
}


.ijrcsit-domain-number {

    width: 29px;

    margin-right: 11px;

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;
}


.ijrcsit-domain-item i {

    width: 31px;
    height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 11px;

    color: var(--ij-accent-dark);

    background: var(--ij-accent-light);

    border-radius: 50%;

    font-size: 14px;

    flex-shrink: 0;
}


.ijrcsit-domain-item > span:last-child {

    color: var(--ij-primary);

    font-family: "Roboto", sans-serif;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.4;
}


/* =========================================================
   INFORMATION CARD
========================================================= */

.ijrcsit-info-card {

    max-width: 1100px;

    margin: 0 auto;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 7px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(30,67,86,.055);
}


.ijrcsit-info-row {

    display: grid;

    grid-template-columns: 35% 65%;

    min-height: 57px;

    border-bottom: 1px solid var(--ij-border-light);
}


.ijrcsit-info-row:last-child {

    border-bottom: 0;
}


.ijrcsit-info-label {

    display: flex;
    align-items: center;

    padding: 12px 18px;

    color: var(--ij-primary);

    background: #f8fbfd;

    border-right: 1px solid var(--ij-border-light);

    font-family: "Poppins", sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.4;
}


.ijrcsit-info-label i {

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 9px;

    color: var(--ij-accent-dark);

    background: var(--ij-accent-light);

    border-radius: 50%;

    font-size: 13px;

    flex-shrink: 0;
}


.ijrcsit-info-value {

    display: flex;
    align-items: center;

    padding: 12px 18px;

    color: var(--ij-text);

    font-family: "Roboto", sans-serif;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.5;
}


.ijrcsit-info-value a {

    color: var(--ij-accent-dark);

    font-weight: 600;

    text-decoration: none;

    word-break: break-word;
}


.ijrcsit-info-value a:hover {

    color: var(--ij-primary);
}


/* =========================================================
   CATEGORY CARDS
========================================================= */

.ijrcsit-category-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 14px;

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-category-card {

    display: flex;

    gap: 15px;

    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 6px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ijrcsit-category-card:hover {

    transform: translateY(-3px);

    border-color: rgba(104,164,196,.55);

    box-shadow: 0 9px 22px rgba(30,67,86,.08);
}


.ijrcsit-category-card > span {

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    font-weight: 600;

    padding-top: 3px;
}


.ijrcsit-category-card i {

    display: block;

    margin-bottom: 6px;

    color: var(--ij-accent-dark);

    font-size: 18px;
}


.ijrcsit-category-card h3 {

    margin: 0 0 5px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.35;
}


.ijrcsit-category-card p {

    margin: 0;

    color: var(--ij-muted);

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   CLOSING NOTE
========================================================= */

.ijrcsit-call-note {

    padding: 35px 0;

    background: var(--ij-primary-deep);
}


.ijrcsit-call-note-inner {

    max-width: 1000px;

    display: flex;
    align-items: center;

    gap: 18px;

    margin: 0 auto;
    padding: 20px 24px;

    border: 1px solid rgba(104,164,196,.22);

    border-radius: 7px;

    background: rgba(255,255,255,.035);
}


.ijrcsit-call-note-icon {

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ij-accent);

    border: 1px solid rgba(104,164,196,.28);

    border-radius: 50%;

    font-size: 18px;

    flex-shrink: 0;
}


.ijrcsit-call-note-inner span {

    display: block;

    margin-bottom: 4px;

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


.ijrcsit-call-note-inner h3 {

    margin: 0 0 5px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 18px;
    font-weight: 700;
}


.ijrcsit-call-note-inner p {

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 13.5px;

    line-height: 1.55;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-call-section,
    .ijrcsit-call-domains,
    .ijrcsit-call-info,
    .ijrcsit-call-categories {

        padding: 46px 0;
    }

    .ijrcsit-domain-grid,
    .ijrcsit-category-grid {

        gap: 10px;
    }

    .ijrcsit-info-row {

        grid-template-columns: 38% 62%;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ijrcsit-call-hero {

        min-height: 225px;
    }


    .ijrcsit-call-hero-content {

        padding: 0 15px;

        transform: translateY(30px);
    }


    .ijrcsit-call-kicker {

        font-size: 9px;

        letter-spacing: 1.5px;

        margin-bottom: 7px;
    }


    .ijrcsit-call-hero h1 {

        font-size: 29px;

        line-height: 1.15;
    }


    .ijrcsit-call-hero-content > p {

        max-width: 500px;

        font-size: 13.5px;

        line-height: 1.55;
    }


    .ijrcsit-call-breadcrumbs {

        font-size: 10px;
    }


    .ijrcsit-call-section,
    .ijrcsit-call-domains,
    .ijrcsit-call-info,
    .ijrcsit-call-categories {

        padding: 40px 0;
    }


    .ijrcsit-call-section-heading {

        margin-bottom: 24px;

        padding: 0 8px;
    }


    .ijrcsit-call-section-heading > span {

        font-size: 9px;

        letter-spacing: 1.4px;
    }


    .ijrcsit-call-section-heading h2 {

        font-size: 24px;

        line-height: 1.25;
    }


    .ijrcsit-call-section-heading p {

        font-size: 14px;

        line-height: 1.6;
    }


    .ijrcsit-call-intro {

        padding: 0 3px;
    }


    .ijrcsit-call-intro p {

        font-size: 14.5px;

        line-height: 1.7;

        text-align: left;
    }


    .ijrcsit-domain-grid {

        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ijrcsit-domain-item {

        min-height: 53px;

        padding: 9px 12px;
    }


    .ijrcsit-domain-number {

        width: 25px;

        margin-right: 7px;
    }


    .ijrcsit-domain-item i {

        width: 29px;
        height: 29px;

        margin-right: 9px;

        font-size: 13px;
    }


    .ijrcsit-domain-item > span:last-child {

        font-size: 13.5px;
    }


    .ijrcsit-info-card {

        border-radius: 6px;
    }


    .ijrcsit-info-row {

        display: block;
    }


    .ijrcsit-info-label {

        padding: 10px 13px;

        border-right: 0;
        border-bottom: 1px solid var(--ij-border-light);

        font-size: 12.5px;
    }


    .ijrcsit-info-value {

        min-height: 43px;

        padding: 9px 13px;

        font-size: 13.5px;
    }


    .ijrcsit-category-grid {

        grid-template-columns: 1fr;

        gap: 9px;
    }


    .ijrcsit-category-card {

        padding: 15px;

        gap: 12px;
    }


    .ijrcsit-category-card h3 {

        font-size: 15px;
    }


    .ijrcsit-category-card p {

        font-size: 13px;
    }


    .ijrcsit-call-note {

        padding: 25px 0;
    }


    .ijrcsit-call-note-inner {

        margin: 0 15px;

        padding: 17px;

        gap: 12px;
    }


    .ijrcsit-call-note-icon {

        width: 38px;
        height: 38px;

        font-size: 15px;
    }


    .ijrcsit-call-note-inner h3 {

        font-size: 16px;
    }


    .ijrcsit-call-note-inner p {

        font-size: 12.5px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-call-hero {

        min-height: 215px;
    }


    .ijrcsit-call-hero-content {

        transform: translateY(28px);
    }


    .ijrcsit-call-hero h1 {

        font-size: 27px;
    }


    .ijrcsit-call-hero-content > p {

        max-width: 330px;

        font-size: 13px;
    }


    .ijrcsit-call-section,
    .ijrcsit-call-domains,
    .ijrcsit-call-info,
    .ijrcsit-call-categories {

        padding: 36px 0;
    }


    .ijrcsit-call-section-heading h2 {

        font-size: 23px;
    }


    .ijrcsit-domain-item > span:last-child {

        font-size: 13px;
    }


    .ijrcsit-info-label {

        font-size: 12px;
    }


    .ijrcsit-info-value {

        font-size: 13px;
    }

}
/* =========================================================
   IJRCSIT — REVIEWER GUIDELINES
   SAME PREMIUM SYSTEM AS ABOUT / PLAGIARISM
========================================================= */

.ijrcsit-reviewer-page {

    --ij-primary: #1e4356;
    --ij-primary-dark: #163544;
    --ij-primary-deep: #102b38;

    --ij-accent: #68a4c4;
    --ij-accent-dark: #4f8eae;
    --ij-accent-light: #eaf4f9;

    --ij-white: #ffffff;
    --ij-light: #f4f8fb;

    --ij-text: #555555;
    --ij-muted: #71818a;

    --ij-border: #dce7ed;
    --ij-border-light: #eaf0f4;

    background: #ffffff;
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-reviewer-hero {

    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;

    overflow: hidden;
}


.ijrcsit-reviewer-overlay {

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.93),
            rgba(30,67,86,.82),
            rgba(16,43,56,.91)
        );
}


.ijrcsit-reviewer-line {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-accent),
            transparent
        );
}


.ijrcsit-reviewer-hero-content {

    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;
    padding: 0 15px;

    text-align: center;

    transform: translateY(30px);
}


.ijrcsit-reviewer-kicker {

    display: block;

    margin-bottom: 8px;

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;
}


.ijrcsit-reviewer-hero h1 {

    margin: 0 0 8px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 34px;
    font-weight: 700;

    line-height: 1.15;
}


.ijrcsit-reviewer-hero-content > p {

    width: 100%;
    max-width: 650px;

    margin: 0 auto 15px !important;

    color: rgba(255,255,255,.82);

    font-family: "Roboto", sans-serif;

    font-size: 14px;
    line-height: 1.6;

    text-align: center !important;
}


/* =========================================================
   BREADCRUMBS
========================================================= */

.ijrcsit-reviewer-breadcrumbs {

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
}


.ijrcsit-reviewer-breadcrumbs a {

    color: rgba(255,255,255,.78);

    text-decoration: none;
}


.ijrcsit-reviewer-breadcrumbs a:hover {

    color: var(--ij-accent);
}


.ijrcsit-reviewer-breadcrumbs i {

    color: rgba(255,255,255,.45);

    font-size: 9px;
}


.ijrcsit-reviewer-breadcrumbs span {

    color: var(--ij-accent);
}


/* =========================================================
   SECTIONS
========================================================= */

.ijrcsit-reviewer-section,
.ijrcsit-reviewer-light {

    padding: 52px 0;
}


.ijrcsit-reviewer-light {

    background: var(--ij-light);
}


/* =========================================================
   MAIN INTRO HEADING
========================================================= */

.ijrcsit-reviewer-heading {

    max-width: 720px;

    margin: 0 auto 28px;

    text-align: center;
}


.ijrcsit-reviewer-heading > span {

    display: block;

    margin-bottom: 7px;

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.7px;
}


.ijrcsit-reviewer-heading h2 {

    margin: 0;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 28px;
    font-weight: 700;

    line-height: 1.25;
}


.ijrcsit-reviewer-heading h2 strong {

    color: var(--ij-accent-dark);
}


.ijrcsit-reviewer-heading-line {

    width: 42px;
    height: 2px;

    margin: 12px auto 0;

    background: var(--ij-accent);
}


.ijrcsit-reviewer-intro {

    max-width: 940px;

    margin: 0 auto;

    text-align: justify;
}


.ijrcsit-reviewer-intro p {

    margin: 0 0 14px;

    color: var(--ij-text);

    font-size: 15px;
    line-height: 1.75;
}


.ijrcsit-reviewer-intro p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   NUMBERED SECTION HEADINGS
========================================================= */

.ijrcsit-reviewer-section-title {

    display: flex;
    align-items: center;

    gap: 14px;

    max-width: 1000px;

    margin: 0 auto 20px;
}


.ijrcsit-reviewer-section-title > span {

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 25px;
    font-weight: 600;

    line-height: 1;
}


.ijrcsit-reviewer-section-title small {

    display: block;

    margin-bottom: 3px;

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


.ijrcsit-reviewer-section-title h2 {

    margin: 0;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 25px;
    font-weight: 700;
}


.ijrcsit-reviewer-lead {

    max-width: 1000px;

    margin: 0 auto 17px;

    color: var(--ij-text);

    font-size: 14.5px;

    line-height: 1.65;
}


/* =========================================================
   COMMON POINTS
========================================================= */

.ijrcsit-reviewer-points {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 9px 14px;

    margin: 0 auto;
}


.ijrcsit-reviewer-point {

    display: flex;
    align-items: flex-start;

    gap: 9px;

    padding: 12px 14px;

    background: #ffffff;

    border: 1px solid var(--ij-border-light);

    border-radius: 5px;
}


.ijrcsit-reviewer-point i {

    color: var(--ij-accent-dark);

    font-size: 14px;

    margin-top: 2px;
}


.ijrcsit-reviewer-point span {

    color: var(--ij-text);

    font-size: 13.5px;

    line-height: 1.55;
}


/* =========================================================
   NOTE
========================================================= */

.ijrcsit-reviewer-note {

    max-width: 1000px;

    display: flex;
    align-items: flex-start;

    gap: 10px;

    margin: 17px auto 0;

    padding: 12px 15px;

    background: var(--ij-accent-light);

    border-left: 3px solid var(--ij-accent);

    border-radius: 4px;
}


.ijrcsit-reviewer-note i {

    color: var(--ij-accent-dark);

    font-size: 15px;

    margin-top: 2px;
}


.ijrcsit-reviewer-note p {

    margin: 0;

    color: var(--ij-primary);

    font-size: 13.5px;

    line-height: 1.55;
}


/* =========================================================
   EXPECTATIONS
========================================================= */

.ijrcsit-expectation-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 12px;

    margin: 0 auto;
}


.ijrcsit-expectation-card {

    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 6px;

    transition: .25s ease;
}


.ijrcsit-expectation-card:hover {

    transform: translateY(-3px);

    border-color: rgba(104,164,196,.5);

    box-shadow: 0 8px 20px rgba(30,67,86,.07);
}


.ijrcsit-expectation-card i {

    color: var(--ij-accent-dark);

    font-size: 20px;
}


.ijrcsit-expectation-card h3 {

    margin: 9px 0 5px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 16px;
}


.ijrcsit-expectation-card p {

    margin: 0;

    color: var(--ij-muted);

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   DOUBLE BLIND
========================================================= */

.ijrcsit-blind-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 13px;

    margin: 0 auto 18px;
}


.ijrcsit-blind-card {

    padding: 18px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 6px;
}


.ijrcsit-blind-card i {

    color: var(--ij-accent-dark);

    font-size: 21px;
}


.ijrcsit-blind-card h3 {

    margin: 8px 0 4px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 16px;
}


.ijrcsit-blind-card p {

    margin: 0;

    color: var(--ij-muted);

    font-size: 13.5px;
}


.ijrcsit-reviewer-process-intro {

    max-width: 1000px;

    margin: 0 auto 15px;

    color: var(--ij-text);

    font-size: 14px;
}


/* =========================================================
   PROCESS
========================================================= */

.ijrcsit-process-list {

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-process-item {

    display: grid;

    grid-template-columns: 43px 1fr;

    gap: 13px;

    padding: 13px 0;

    border-bottom: 1px solid var(--ij-border-light);
}


.ijrcsit-process-item:last-child {

    border-bottom: 0;
}


.ijrcsit-process-item > span {

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ij-accent-dark);

    background: var(--ij-accent-light);

    border-radius: 50%;

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;
}


.ijrcsit-process-item h3 {

    margin: 0 0 3px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 15px;
}


.ijrcsit-process-item p {

    margin: 0;

    color: var(--ij-text);

    font-size: 13.5px;

    line-height: 1.55;
}


/* =========================================================
   EVALUATION CRITERIA
========================================================= */

.ijrcsit-criteria-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;

    margin: 0 auto;
}


.ijrcsit-criteria-card {

    position: relative;

    padding: 18px 19px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 6px;
}


.ijrcsit-criteria-card > span {

    position: absolute;

    top: 15px;
    right: 17px;

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 10px;
}


.ijrcsit-criteria-card i {

    color: var(--ij-accent-dark);

    font-size: 19px;
}


.ijrcsit-criteria-card h3 {

    margin: 8px 0 8px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 16px;
}


.ijrcsit-criteria-card ul {

    margin: 0;
    padding-left: 17px;
}


.ijrcsit-criteria-card li {

    margin-bottom: 5px;

    color: var(--ij-text);

    font-size: 13px;

    line-height: 1.5;
}


.ijrcsit-criteria-card li:last-child {

    margin-bottom: 0;
}


/* =========================================================
   REVIEW REPORT
========================================================= */

.ijrcsit-report-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px 14px;

    margin: 0 auto;
}


.ijrcsit-report-item {

    display: flex;

    gap: 12px;

    padding: 14px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 5px;
}


.ijrcsit-report-item > i {

    color: var(--ij-accent-dark);

    font-size: 18px;
}


.ijrcsit-report-item h3 {

    margin: 0 0 4px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 15px;
}


.ijrcsit-report-item p {

    margin: 0;

    color: var(--ij-muted);

    font-size: 13px;

    line-height: 1.5;
}


.ijrcsit-recommendation {

    max-width: 1000px;

    margin: 17px auto 0;

    padding: 14px 17px;

    background: var(--ij-accent-light);

    border: 1px solid rgba(104,164,196,.22);

    border-radius: 5px;
}


.ijrcsit-recommendation > span {

    display: block;

    margin-bottom: 9px;

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.4px;
}


.ijrcsit-recommendation-options {

    display: flex;
    flex-wrap: wrap;

    gap: 8px;
}


.ijrcsit-recommendation-options b {

    padding: 6px 12px;

    color: var(--ij-primary);

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 4px;

    font-size: 12px;
}


/* =========================================================
   POLICY BOXES
========================================================= */

.ijrcsit-reviewer-two-column {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 15px;

    margin: 0 auto;
}


.ijrcsit-policy-box {

    padding: 20px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 6px;
}


.ijrcsit-policy-heading {

    display: flex;

    gap: 12px;

    align-items: center;

    margin-bottom: 15px;
}


.ijrcsit-policy-heading > span {

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 23px;
    font-weight: 600;
}


.ijrcsit-policy-heading small {

    color: var(--ij-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 8.5px;

    letter-spacing: 1.3px;
}


.ijrcsit-policy-heading h2 {

    margin: 3px 0 0;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 20px;
}


.ijrcsit-policy-box p {

    margin: 0 0 9px;

    color: var(--ij-text);

    font-size: 13.5px;
}


.ijrcsit-policy-box ul {

    margin: 0;
    padding: 0;

    list-style: none;
}


.ijrcsit-policy-box li {

    display: flex;

    gap: 8px;

    margin-bottom: 9px;

    color: var(--ij-text);

    font-size: 13px;

    line-height: 1.55;
}


.ijrcsit-policy-box li i {

    color: var(--ij-accent-dark);

    margin-top: 3px;
}


.ijrcsit-mini-note {

    margin-top: 12px;

    padding: 9px 11px;

    color: var(--ij-primary);

    background: var(--ij-accent-light);

    border-radius: 4px;

    font-size: 12.5px;

    line-height: 1.5;
}


/* =========================================================
   BENEFITS
========================================================= */

.ijrcsit-benefits-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 9px 14px;

    margin: 0 auto;
}


.ijrcsit-benefits-grid > div {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 13px 14px;

    background: #ffffff;

    border: 1px solid var(--ij-border-light);

    border-radius: 5px;
}


.ijrcsit-benefits-grid i {

    color: var(--ij-accent-dark);

    font-size: 16px;
}


.ijrcsit-benefits-grid span {

    color: var(--ij-text);

    font-size: 13.5px;

    line-height: 1.55;
}


/* =========================================================
   QUALITY
========================================================= */

.ijrcsit-quality-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 10px;

    margin: 0 auto;
}


.ijrcsit-quality-grid > div {

    padding: 16px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 5px;
}


.ijrcsit-quality-grid strong {

    display: block;

    margin-bottom: 5px;

    color: var(--ij-primary);

    font-family: "Raleway", sans-serif;

    font-size: 15px;
}


.ijrcsit-quality-grid span {

    color: var(--ij-muted);

    font-size: 12.5px;

    line-height: 1.5;
}


/* =========================================================
   RECOGNITION
========================================================= */

.ijrcsit-recognition-grid {

    max-width: 1000px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 12px;

    margin: 0 auto;
}


.ijrcsit-recognition-grid > div {

    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 15px;

    background: #ffffff;

    border: 1px solid var(--ij-border);

    border-radius: 5px;
}


.ijrcsit-recognition-grid i {

    color: var(--ij-accent-dark);

    font-size: 18px;
}


.ijrcsit-recognition-grid span {

    color: var(--ij-text);

    font-size: 13px;

    line-height: 1.55;
}


/* =========================================================
   JOIN REVIEWER
========================================================= */

.ijrcsit-join-list {

    max-width: 1000px;

    margin: 0 auto;
}


.ijrcsit-join-list > div {

    display: grid;

    grid-template-columns: 35px 1fr;

    gap: 12px;

    align-items: center;

    padding: 11px 0;

    border-bottom: 1px solid var(--ij-border-light);
}


.ijrcsit-join-list > div:last-child {

    border-bottom: 0;
}


.ijrcsit-join-list span {

    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--ij-accent-dark);

    background: var(--ij-accent-light);

    border-radius: 50%;

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;
}


.ijrcsit-join-list p {

    margin: 0;

    color: var(--ij-text);

    font-size: 13.5px;

    line-height: 1.5;
}


.ijrcsit-join-note {

    max-width: 1000px;

    display: flex;

    gap: 9px;

    margin: 15px auto 0;

    padding: 11px 14px;

    background: var(--ij-accent-light);

    border-left: 3px solid var(--ij-accent);

    border-radius: 4px;
}


.ijrcsit-join-note i {

    color: var(--ij-accent-dark);

    margin-top: 2px;
}


.ijrcsit-join-note p {

    margin: 0;

    color: var(--ij-primary);

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   CLOSING
========================================================= */

.ijrcsit-reviewer-closing {

    padding: 38px 0;

    background: var(--ij-primary-deep);
}


.ijrcsit-reviewer-closing-inner {

    max-width: 1000px;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin: 0 auto;

    padding: 21px 24px;

    background: rgba(255,255,255,.035);

    border: 1px solid rgba(104,164,196,.22);

    border-radius: 7px;
}


.ijrcsit-reviewer-closing-icon {

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    color: var(--ij-accent);

    border: 1px solid rgba(104,164,196,.3);

    border-radius: 50%;

    font-size: 19px;
}


.ijrcsit-reviewer-closing-inner > div:last-child > span {

    display: block;

    margin-bottom: 4px;

    color: var(--ij-accent);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


.ijrcsit-reviewer-closing h2 {

    margin: 0 0 7px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 20px;

    line-height: 1.3;
}


.ijrcsit-reviewer-closing p {

    margin: 0 0 7px;

    color: rgba(255,255,255,.72);

    font-size: 13.5px;

    line-height: 1.6;
}


.ijrcsit-reviewer-closing p:last-child {

    margin-bottom: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-reviewer-section,
    .ijrcsit-reviewer-light {

        padding: 46px 0;
    }

    .ijrcsit-expectation-grid {

        grid-template-columns: repeat(2, 1fr);
    }

    .ijrcsit-quality-grid {

        grid-template-columns: repeat(2, 1fr);
    }

    .ijrcsit-recognition-grid {

        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ijrcsit-reviewer-hero {

        min-height: 225px;
    }


    .ijrcsit-reviewer-hero-content {

        padding: 0 15px;

        transform: translateY(30px);
    }


    .ijrcsit-reviewer-kicker {

        font-size: 9px;

        letter-spacing: 1.4px;
    }


    .ijrcsit-reviewer-hero h1 {

        font-size: 29px;
    }


    .ijrcsit-reviewer-hero-content > p {

        font-size: 13.5px;

        line-height: 1.55;
    }


    .ijrcsit-reviewer-breadcrumbs {

        font-size: 10px;
    }


    .ijrcsit-reviewer-section,
    .ijrcsit-reviewer-light {

        padding: 40px 0;
    }


    .ijrcsit-reviewer-heading {

        padding: 0 8px;

        margin-bottom: 23px;
    }


    .ijrcsit-reviewer-heading h2 {

        font-size: 24px;
    }


    .ijrcsit-reviewer-intro {

        padding: 0 3px;
    }


    .ijrcsit-reviewer-intro p {

        font-size: 14.5px;

        line-height: 1.7;

        text-align: left;
    }


    .ijrcsit-reviewer-section-title {

        gap: 10px;

        padding: 0 3px;

        margin-bottom: 17px;
    }


    .ijrcsit-reviewer-section-title > span {

        font-size: 21px;
    }


    .ijrcsit-reviewer-section-title small {

        font-size: 8px;
    }


    .ijrcsit-reviewer-section-title h2 {

        font-size: 21px;
    }


    .ijrcsit-reviewer-lead {

        padding: 0 3px;

        font-size: 14px;
    }


    .ijrcsit-reviewer-points,
    .ijrcsit-expectation-grid,
    .ijrcsit-blind-grid,
    .ijrcsit-criteria-grid,
    .ijrcsit-report-grid,
    .ijrcsit-reviewer-two-column,
    .ijrcsit-benefits-grid,
    .ijrcsit-recognition-grid {

        grid-template-columns: 1fr;
    }


    .ijrcsit-reviewer-point {

        padding: 11px 12px;
    }


    .ijrcsit-reviewer-point span {

        font-size: 13px;
    }


    .ijrcsit-expectation-card {

        padding: 15px;
    }


    .ijrcsit-process-item {

        grid-template-columns: 35px 1fr;

        gap: 10px;
    }


    .ijrcsit-process-item > span {

        width: 30px;
        height: 30px;
    }


    .ijrcsit-criteria-card {

        padding: 16px;
    }


    .ijrcsit-policy-box {

        padding: 16px;
    }


    .ijrcsit-policy-heading h2 {

        font-size: 18px;
    }


    .ijrcsit-quality-grid {

        grid-template-columns: 1fr 1fr;

        gap: 8px;
    }


    .ijrcsit-quality-grid > div {

        padding: 13px;
    }


    .ijrcsit-reviewer-closing {

        padding: 27px 0;
    }


    .ijrcsit-reviewer-closing-inner {

        margin: 0 15px;

        padding: 17px;

        gap: 12px;
    }


    .ijrcsit-reviewer-closing-icon {

        width: 39px;
        height: 39px;

        font-size: 15px;
    }


    .ijrcsit-reviewer-closing h2 {

        font-size: 17px;
    }


    .ijrcsit-reviewer-closing p {

        font-size: 12.5px;
    }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-reviewer-hero {

        min-height: 215px;
    }


    .ijrcsit-reviewer-hero-content {

        transform: translateY(28px);
    }


    .ijrcsit-reviewer-hero h1 {

        font-size: 27px;
    }


    .ijrcsit-reviewer-hero-content > p {

        max-width: 330px;

        font-size: 13px;
    }


    .ijrcsit-reviewer-section,
    .ijrcsit-reviewer-light {

        padding: 36px 0;
    }


    .ijrcsit-reviewer-heading h2 {

        font-size: 23px;
    }


    .ijrcsit-reviewer-section-title h2 {

        font-size: 19px;
    }


    .ijrcsit-quality-grid {

        grid-template-columns: 1fr;
    }

}
/* =========================================================
   IJRCSIT — JOIN WITH US
   MATCHED TO PREMIUM ABOUT US DESIGN
========================================================= */

.ijrcsit-join-page {
    --ij-primary: #1e4356;
    --ij-primary-dark: #163544;
    --ij-primary-deep: #102b38;

    --ij-accent: #68a4c4;
    --ij-accent-dark: #4f8eae;
    --ij-accent-light: #eaf4f9;

    --ij-white: #ffffff;
    --ij-light: #f4f8fb;

    --ij-text: #555555;
    --ij-muted: #71818a;

    --ij-border: #dce7ed;
    --ij-border-light: #eaf0f4;

    background: #ffffff;
}


/* =========================================================
   HERO — SAME VISUAL STYLE AS ABOUT
========================================================= */

.ijrcsit-join-hero {
    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;

    overflow: hidden;
}

.ijrcsit-join-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.93),
            rgba(30,67,86,.82),
            rgba(16,43,56,.91)
        );
}

.ijrcsit-join-hero-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-accent),
            transparent
        );
}

.ijrcsit-join-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 760px;

    margin: 0 auto;
    padding: 0 15px;

    text-align: center;

    transform: translateY(30px);
}

.ijrcsit-join-kicker {
    display: block;

    margin-bottom: 7px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;
    text-transform: uppercase;

    color: var(--ij-accent);
}

.ijrcsit-join-hero h1 {
    margin: 0 0 8px;

    font-family: "Raleway", sans-serif;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;

    color: #ffffff;
}

.ijrcsit-join-hero-content > p {
    width: 100%;
    max-width: 650px;

    margin: 0 auto 15px !important;

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.6;

    color: rgba(255,255,255,.82);

    text-align: center !important;
}

.ijrcsit-join-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 8px;

    margin: 0;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
}

.ijrcsit-join-breadcrumbs a {
    color: rgba(255,255,255,.78);
    text-decoration: none;
}

.ijrcsit-join-breadcrumbs a:hover {
    color: var(--ij-accent);
}

.ijrcsit-join-breadcrumbs span {
    color: rgba(255,255,255,.5);
}


/* =========================================================
   MAIN SECTION
========================================================= */

.ijrcsit-join-section {
    padding: 52px 0;
    background: #ffffff;
}


/* =========================================================
   INTRO
========================================================= */

.ijrcsit-join-intro {
    display: grid;
    grid-template-columns: 1.5fr .55fr;

    gap: 55px;

    align-items: center;

    padding-bottom: 42px;

    border-bottom: 1px solid var(--ij-border-light);
}

.ijrcsit-join-section-kicker {
    display: block;

    margin-bottom: 7px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.7px;
    text-transform: uppercase;

    color: var(--ij-accent-dark);
}

.ijrcsit-join-intro-content h2 {
    margin: 0 0 15px;

    font-family: "Raleway", sans-serif;
    font-size: 29px;
    line-height: 1.25;
    font-weight: 700;

    color: var(--ij-primary);
}

.ijrcsit-join-intro-content p {
    margin: 0 0 12px;

    font-size: 15px;
    line-height: 1.75;

    text-align: justify;
}

.ijrcsit-join-intro-content p:last-child {
    margin-bottom: 0;
}

.ijrcsit-join-intro-box {
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 20px;

    border: 1px solid var(--ij-border);
    border-radius: 7px;

    background: var(--ij-light);

    text-align: center;
}

.ijrcsit-join-intro-box i {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;

    border-radius: 50%;

    background: var(--ij-accent-light);
    color: var(--ij-accent-dark);

    font-size: 21px;
}

.ijrcsit-join-intro-box strong {
    margin-bottom: 4px;

    font-family: "Raleway", sans-serif;
    font-size: 16px;

    color: var(--ij-primary);
}

.ijrcsit-join-intro-box span {
    font-size: 12px;
    color: var(--ij-muted);
}


/* =========================================================
   CONTENT BLOCKS
========================================================= */

.ijrcsit-join-block {
    padding: 37px 0;

    border-bottom: 1px solid var(--ij-border-light);
}

.ijrcsit-join-block:last-of-type {
    border-bottom: 0;
}

.ijrcsit-join-heading {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    margin-bottom: 20px;
}

.ijrcsit-join-heading > span {
    flex: 0 0 auto;

    font-family: "Raleway", sans-serif;
    font-size: 17px;
    font-weight: 700;

    color: var(--ij-accent-dark);
}

.ijrcsit-join-heading h2 {
    margin: 0;

    font-family: "Raleway", sans-serif;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;

    color: var(--ij-primary);
}

.ijrcsit-join-lead {
    margin: -5px 0 17px;

    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   LIST
========================================================= */

.ijrcsit-join-list {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 10px 22px;
}

.ijrcsit-join-list-item {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 11px 13px;

    border: 1px solid var(--ij-border-light);
    border-radius: 5px;

    background: #ffffff;
}

.ijrcsit-join-list-item i {
    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--ij-accent-dark);

    font-size: 14px;
}

.ijrcsit-join-list-item p {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   ROLE CARDS
========================================================= */

.ijrcsit-role-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;
}

.ijrcsit-role-card {
    padding: 22px;

    border: 1px solid var(--ij-border);
    border-radius: 7px;

    background: #ffffff;

    box-shadow: 0 5px 18px rgba(30,67,86,.035);
}

.ijrcsit-role-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 12px;

    border-radius: 5px;

    background: var(--ij-accent-light);
    color: var(--ij-accent-dark);

    font-size: 19px;
}

.ijrcsit-role-label {
    display: block;

    margin-bottom: 3px;

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.2px;

    color: var(--ij-accent-dark);
}

.ijrcsit-role-card h3 {
    margin: 0 0 14px;

    font-family: "Raleway", sans-serif;
    font-size: 20px;

    color: var(--ij-primary);
}

.ijrcsit-role-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.ijrcsit-role-card li {
    position: relative;

    padding-left: 17px;
    margin-bottom: 9px;

    font-size: 13.5px;
    line-height: 1.6;
}

.ijrcsit-role-card li::before {
    content: "•";

    position: absolute;
    left: 0;
    top: 0;

    color: var(--ij-accent-dark);

    font-weight: 700;
}


/* =========================================================
   BENEFITS
========================================================= */

.ijrcsit-benefit-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px 20px;
}

.ijrcsit-benefit {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 17px 18px;

    border: 1px solid var(--ij-border);
    border-radius: 6px;

    background: #ffffff;
}

.ijrcsit-benefit > i {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 5px;

    background: var(--ij-accent-light);
    color: var(--ij-accent-dark);

    font-size: 16px;
}

.ijrcsit-benefit h3 {
    margin: 0 0 4px;

    font-family: "Raleway", sans-serif;
    font-size: 16px;

    color: var(--ij-primary);
}

.ijrcsit-benefit p {
    margin: 0;

    font-size: 13.5px;
    line-height: 1.6;
}


/* =========================================================
   APPLICATION
========================================================= */

.ijrcsit-apply-list {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px 20px;
}

.ijrcsit-apply-item {
    display: flex;
    align-items: center;

    gap: 13px;

    padding: 15px 17px;

    border: 1px solid var(--ij-border);
    border-radius: 6px;

    background: var(--ij-light);
}

.ijrcsit-apply-item > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: var(--ij-primary);
    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;
}

.ijrcsit-apply-item p {
    margin: 0;

    font-size: 13.5px;
    line-height: 1.55;
}


/* =========================================================
   FINAL MESSAGE
========================================================= */

.ijrcsit-join-final {
    display: grid;

    grid-template-columns: 60px 1fr;

    gap: 18px;

    margin-top: 35px;
    padding: 25px 27px;

    border-radius: 7px;

    background: var(--ij-primary);
}

.ijrcsit-join-final-icon {
    width: 49px;
    height: 49px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(104,164,196,.13);
    color: var(--ij-accent);

    font-size: 21px;
}

.ijrcsit-join-final .ijrcsit-join-section-kicker {
    color: var(--ij-accent);
}

.ijrcsit-join-final h2 {
    margin: 0 0 9px;

    font-family: "Raleway", sans-serif;
    font-size: 24px;

    color: #ffffff;
}

.ijrcsit-join-final p {
    margin: 0 0 8px;

    font-size: 13.5px;
    line-height: 1.7;

    color: rgba(255,255,255,.78);
}

.ijrcsit-join-final strong {
    display: block;

    margin-top: 12px;

    font-size: 13px;
    line-height: 1.5;

    color: #ffffff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-join-intro {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .ijrcsit-join-intro-box {
        max-width: 280px;
        margin: 0 auto;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ijrcsit-join-hero {
        min-height: 225px;
    }

    .ijrcsit-join-hero-content {
        padding: 37px 15px 33px;
        transform: translateY(8px);
    }

    .ijrcsit-join-kicker {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .ijrcsit-join-hero h1 {
        font-size: 29px;
    }

    .ijrcsit-join-hero-content > p {
        font-size: 13.5px;
        line-height: 1.55;
    }

    .ijrcsit-join-breadcrumbs {
        font-size: 10px;
    }


    .ijrcsit-join-section {
        padding: 40px 0;
    }

    .ijrcsit-join-intro {
        padding-bottom: 30px;
    }

    .ijrcsit-join-intro-content h2 {
        font-size: 24px;
    }

    .ijrcsit-join-intro-content p {
        font-size: 14.5px;
        line-height: 1.7;
        text-align: left;
    }


    .ijrcsit-join-block {
        padding: 30px 0;
    }

    .ijrcsit-join-heading {
        gap: 12px;
        margin-bottom: 17px;
    }

    .ijrcsit-join-heading > span {
        font-size: 15px;
    }

    .ijrcsit-join-heading h2 {
        font-size: 22px;
    }

    .ijrcsit-join-lead {
        font-size: 14px;
    }


    .ijrcsit-join-list,
    .ijrcsit-role-grid,
    .ijrcsit-benefit-grid,
    .ijrcsit-apply-list {
        grid-template-columns: 1fr;
    }

    .ijrcsit-join-list-item p {
        font-size: 13.5px;
    }

    .ijrcsit-role-card {
        padding: 19px;
    }

    .ijrcsit-role-card h3 {
        font-size: 19px;
    }

    .ijrcsit-role-card li {
        font-size: 13.5px;
    }


    .ijrcsit-join-final {
        grid-template-columns: 1fr;

        gap: 13px;

        margin-top: 28px;
        padding: 22px 19px;
    }

    .ijrcsit-join-final h2 {
        font-size: 22px;
    }

    .ijrcsit-join-final p {
        font-size: 13.5px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-join-hero {
        min-height: 215px;
    }

    .ijrcsit-join-hero-content {
        padding: 32px 13px 29px;
        transform: translateY(6px);
    }

    .ijrcsit-join-hero h1 {
        font-size: 27px;
    }

    .ijrcsit-join-hero-content > p {
        max-width: 330px;
        font-size: 13px;
    }

    .ijrcsit-join-section {
        padding: 36px 0;
    }

    .ijrcsit-join-heading h2 {
        font-size: 21px;
    }

}
/* =========================================================
   IJRCSIT — EDITORIAL BOARD
   PREMIUM / COMPACT / RESPONSIVE
========================================================= */

.ijrcsit-editorial-page {
    --ij-primary: #1e4356;
    --ij-primary-dark: #163544;
    --ij-primary-deep: #102b38;

    --ij-accent: #68a4c4;
    --ij-accent-dark: #4f8eae;
    --ij-accent-light: #eaf4f9;

    --ij-white: #ffffff;
    --ij-background: #f4f8fb;

    --ij-text: #555555;
    --ij-muted: #71818a;

    --ij-border: #dce7ed;
    --ij-border-light: #eaf0f4;

    background: #ffffff;
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-editorial-hero {
    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("../img/about-bg.jpg");
    background-size: cover;
    background-position: center;

    overflow: hidden;
}

.ijrcsit-editorial-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.93),
            rgba(30,67,86,.82),
            rgba(16,43,56,.91)
        );
}

.ijrcsit-editorial-hero-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--ij-accent),
            transparent
        );
}

.ijrcsit-editorial-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 760px;

    padding: 0 15px;

    text-align: center;

    transform: translateY(30px);
}

.ijrcsit-editorial-kicker {
    display: block;

    margin-bottom: 7px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;
    text-transform: uppercase;

    color: var(--ij-accent);
}

.ijrcsit-editorial-hero h1 {
    margin: 0 0 8px;

    font-family: "Raleway", sans-serif;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 700;

    color: #ffffff;
}

.ijrcsit-editorial-hero p {
    max-width: 650px;

    margin: 0 auto 15px;

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.6;

    color: rgba(255,255,255,.82);
}

.ijrcsit-editorial-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 8px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
}

.ijrcsit-editorial-breadcrumbs a {
    color: rgba(255,255,255,.78);
    text-decoration: none;
}

.ijrcsit-editorial-breadcrumbs a:hover {
    color: var(--ij-accent);
}

.ijrcsit-editorial-breadcrumbs span {
    color: rgba(255,255,255,.5);
}


/* =========================================================
   MAIN SECTION
========================================================= */

.ijrcsit-editorial-section {
    padding: 52px 0;

    background: #ffffff;
}


/* =========================================================
   SECTION TITLES
========================================================= */

.ijrcsit-editorial-section-title,
.ijrcsit-editorial-members-heading {
    text-align: center;

    margin-bottom: 28px;
}

.ijrcsit-editorial-section-title > span,
.ijrcsit-editorial-members-heading > span {
    display: block;

    margin-bottom: 6px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.7px;
    text-transform: uppercase;

    color: var(--ij-accent-dark);
}

.ijrcsit-editorial-section-title h2,
.ijrcsit-editorial-members-heading h2 {
    margin: 0 0 7px;

    font-family: "Raleway", sans-serif;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;

    color: var(--ij-primary);
}

.ijrcsit-editorial-section-title p,
.ijrcsit-editorial-members-heading p {
    max-width: 650px;

    margin: 0 auto;

    font-size: 14px;
    line-height: 1.65;

    color: var(--ij-muted);
}


/* =========================================================
   CHIEF EDITOR
========================================================= */

.ijrcsit-chief-card {
    display: grid;

    grid-template-columns: 220px 1fr;

    align-items: center;

    max-width: 850px;

    margin: 0 auto 55px;

    padding: 22px;

    border: 1px solid var(--ij-border);

    border-radius: 8px;

    background: #ffffff;

    box-shadow: 0 7px 22px rgba(30,67,86,.055);
}

.ijrcsit-chief-photo {
    width: 180px;
    height: 180px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 7px;

    background: var(--ij-background);
}

.ijrcsit-chief-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.ijrcsit-chief-info {
    padding-left: 8px;
}

.ijrcsit-member-role {
    display: block;

    margin-bottom: 5px;

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.3px;

    color: var(--ij-accent-dark);
}

.ijrcsit-chief-info h3 {
    margin: 0 0 9px;

    font-family: "Raleway", sans-serif;
    font-size: 22px;
    line-height: 1.3;

    color: var(--ij-primary);
}

.ijrcsit-member-institution {
    display: flex;
    align-items: flex-start;

    gap: 7px;

    margin: 0 0 13px;

    font-size: 13.5px;
    line-height: 1.6;

    color: var(--ij-text);
}

.ijrcsit-member-institution i {
    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--ij-accent-dark);
}


/* =========================================================
   CONTACT LINKS
========================================================= */

.ijrcsit-member-contact {
    display: flex;
    flex-wrap: wrap;

    gap: 7px 14px;
}

.ijrcsit-member-contact a {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    font-size: 12px;
    font-weight: 500;

    color: var(--ij-primary);

    text-decoration: none;
}

.ijrcsit-member-contact a:hover {
    color: var(--ij-accent-dark);
    text-decoration: underline;
}

.ijrcsit-member-contact i {
    font-size: 13px;
    color: var(--ij-accent-dark);
}


/* =========================================================
   EDITORIAL MEMBERS
========================================================= */

.ijrcsit-editorial-members-heading {
    margin-bottom: 25px;
}


/* =========================================================
   MEMBER GRID
========================================================= */

.ijrcsit-members-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}


/* =========================================================
   MEMBER CARD
========================================================= */

.ijrcsit-member-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    border: 1px solid var(--ij-border);

    border-radius: 7px;

    overflow: hidden;

    background: #ffffff;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.ijrcsit-member-card:hover {
    transform: translateY(-3px);

    border-color: #c9dce5;

    box-shadow: 0 9px 25px rgba(30,67,86,.08);
}


/* =========================================================
   MEMBER IMAGE
========================================================= */

.ijrcsit-member-photo {
    width: 100%;
    height: 215px;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #f4f8fb,
            #eaf4f9
        );

    overflow: hidden;
}

.ijrcsit-member-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}

.ijrcsit-member-card:hover .ijrcsit-member-photo img {
    transform: scale(1.025);
}


/* =========================================================
   MEMBER INFO
========================================================= */

.ijrcsit-member-info {
    padding: 17px 18px 18px;

    display: flex;
    flex-direction: column;

    flex: 1;
}

.ijrcsit-member-info h3 {
    min-height: 43px;

    margin: 0 0 8px;

    font-family: "Raleway", sans-serif;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;

    color: var(--ij-primary);
}

.ijrcsit-member-info .ijrcsit-member-institution {
    min-height: 64px;

    margin-bottom: 12px;

    font-size: 12.8px;
    line-height: 1.55;
}

.ijrcsit-member-info .ijrcsit-member-contact {
    margin-top: auto;

    padding-top: 10px;

    border-top: 1px solid var(--ij-border-light);
}

.ijrcsit-member-info .ijrcsit-member-contact a {
    font-size: 11.5px;
}


/* =========================================================
   PAGINATION
========================================================= */

.ijrcsit-pagination {
    display: flex;
    justify-content: center;
    align-items: center;

    gap: 13px;

    margin-top: 38px;
}

.ijrcsit-page-numbers {
    display: flex;
    align-items: center;

    gap: 5px;
}

.ijrcsit-page-numbers a,
.ijrcsit-page-prev,
.ijrcsit-page-next {
    height: 35px;

    min-width: 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 11px;

    border: 1px solid var(--ij-border);

    border-radius: 5px;

    background: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 500;

    color: var(--ij-primary);

    text-decoration: none;

    transition: .2s ease;
}

.ijrcsit-page-numbers a:hover,
.ijrcsit-page-prev:hover,
.ijrcsit-page-next:hover {
    border-color: var(--ij-accent);

    background: var(--ij-accent-light);

    color: var(--ij-primary);
}

.ijrcsit-page-numbers a.active {
    border-color: var(--ij-primary);

    background: var(--ij-primary);

    color: #ffffff;
}

.ijrcsit-page-prev,
.ijrcsit-page-next {
    gap: 6px;
}


/* =========================================================
   PAGE STATUS
========================================================= */

.ijrcsit-page-status {
    margin-top: 13px;

    text-align: center;

    font-size: 11.5px;

    color: var(--ij-muted);
}

.ijrcsit-page-status strong {
    color: var(--ij-primary);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-members-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ijrcsit-chief-card {
        grid-template-columns: 190px 1fr;
    }

    .ijrcsit-chief-photo {
        width: 155px;
        height: 155px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ijrcsit-editorial-hero {
        min-height: 225px;
    }

    .ijrcsit-editorial-hero-content {
        padding: 37px 15px 33px;

        transform: translateY(8px);
    }

    .ijrcsit-editorial-kicker {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .ijrcsit-editorial-hero h1 {
        font-size: 29px;
    }

    .ijrcsit-editorial-hero p {
        font-size: 13.5px;
    }


    .ijrcsit-editorial-section {
        padding: 40px 0;
    }


    .ijrcsit-editorial-section-title h2,
    .ijrcsit-editorial-members-heading h2 {
        font-size: 24px;
    }


    .ijrcsit-chief-card {
        grid-template-columns: 1fr;

        gap: 18px;

        padding: 18px;

        margin-bottom: 40px;
    }

    .ijrcsit-chief-photo {
        width: 160px;
        height: 160px;
    }

    .ijrcsit-chief-info {
        padding-left: 0;

        text-align: center;
    }

    .ijrcsit-chief-info .ijrcsit-member-institution {
        justify-content: center;
    }

    .ijrcsit-member-contact {
        justify-content: center;
    }


    .ijrcsit-members-grid {
        grid-template-columns: 1fr;

        gap: 15px;
    }


    .ijrcsit-member-photo {
        height: 230px;
    }


    .ijrcsit-member-info h3 {
        min-height: auto;

        font-size: 18px;
    }

    .ijrcsit-member-info .ijrcsit-member-institution {
        min-height: auto;
    }


    .ijrcsit-pagination {
        gap: 7px;

        margin-top: 30px;
    }

    .ijrcsit-page-prev,
    .ijrcsit-page-next {
        padding: 0 8px;

        font-size: 10px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-editorial-hero {
        min-height: 215px;
    }

    .ijrcsit-editorial-hero-content {
        padding: 32px 13px 29px;
    }

    .ijrcsit-editorial-hero h1 {
        font-size: 27px;
    }

    .ijrcsit-editorial-section {
        padding: 36px 0;
    }

    .ijrcsit-member-photo {
        height: 215px;
    }

    .ijrcsit-pagination {
        flex-wrap: wrap;
    }

}
/* =========================================================
   EDITORIAL BOARD JS EFFECTS
========================================================= */

.ijrcsit-member-card {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity .45s ease,
        transform .45s ease,
        box-shadow .25s ease;
}

.ijrcsit-member-card.ijrcsit-card-visible {
    opacity: 1;
    transform: translateY(0);
}

.ijrcsit-member-card:hover {
    transform: translateY(-4px);
}


/* Broken image fallback */

.image-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ijrcsit-accent-light);
    color: var(--ijrcsit-primary);
    font-size: 42px;
}


/* Page loading */

body.ijrcsit-page-loading {
    cursor: progress;
}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .ijrcsit-member-card {
        opacity: 1;
        transform: none;
        transition: none;
    }

}
/* =========================================================
   IJRCSIT — PROCESSING CHARGES
   MATCHES EXISTING WEBSITE THEME
========================================================= */

:root {
    --ijrcsit-primary: #1e4356;
    --ijrcsit-primary-dark: #163544;
    --ijrcsit-primary-deep: #102b38;

    --ijrcsit-accent: #68a4c4;
    --ijrcsit-accent-dark: #4f8eae;
    --ijrcsit-accent-light: #eaf4f9;

    --ijrcsit-white: #ffffff;
    --ijrcsit-background: #f4f8fb;
    --ijrcsit-surface: #ffffff;

    --ijrcsit-heading: #1e4356;
    --ijrcsit-text: #555555;
    --ijrcsit-text-dark: #354b57;
    --ijrcsit-muted: #71818a;

    --ijrcsit-border: #dce7ed;
    --ijrcsit-border-light: #eaf0f4;
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-charges-hero {
    position: relative;
    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image:
        linear-gradient(
        90deg,
            rgba(16, 43, 56, 0.96) 0%,
            rgba(30, 67, 86, 0.88) 48%,
            rgba(30, 67, 86, 0.58) 100%
    ),
        url("../img/about-bg.jpg");

    background-size: cover;
    background-position: center;

    border-bottom: 3px solid transparent;

    border-image:
        linear-gradient(
            90deg,
            var(--ijrcsit-primary),
            var(--ijrcsit-accent),
            var(--ijrcsit-primary)
        ) 1;
}


.ijrcsit-charges-hero-content {
    width: 100%;
    max-width: 760px;

    padding: 30px 20px 20px;

    text-align: center;

    transform: translateY(30px);
}


.ijrcsit-charges-kicker {
    display: block;

    margin-bottom: 7px;

    color: rgba(255,255,255,.72);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;
    text-transform: uppercase;
}


.ijrcsit-charges-hero h1 {
    margin: 0 0 9px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;
    font-size: 34px;
    font-weight: 700;

    line-height: 1.15;
}


.ijrcsit-charges-hero-content > p {
    display: block;

    width: 100%;
    max-width: 650px;

    margin: 0 auto 14px;

    color: rgba(255,255,255,.82);

    font-family: "Roboto", sans-serif;
    font-size: 14px;

    line-height: 1.6;

    text-align: center;
}


.ijrcsit-charges-breadcrumb {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    color: rgba(255,255,255,.65);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
}


.ijrcsit-charges-breadcrumb a {
    color: #ffffff;

    text-decoration: none;

    transition: .2s ease;
}


.ijrcsit-charges-breadcrumb a:hover {
    color: var(--ijrcsit-accent);
}


.ijrcsit-charges-breadcrumb i {
    font-size: 8px;
}


/* =========================================================
   SECTIONS
========================================================= */

.ijrcsit-charges-section {
    padding: 55px 0;
}


.ijrcsit-charges-soft {
    background: var(--ijrcsit-background);
}


/* =========================================================
   INTRO
========================================================= */

.ijrcsit-charges-intro {
    display: grid;

    grid-template-columns: 1.5fr .8fr;

    gap: 55px;

    align-items: center;
}


.ijrcsit-section-label {
    display: inline-block;

    margin-bottom: 8px;

    color: var(--ijrcsit-accent-dark);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.6px;
    text-transform: uppercase;
}


.ijrcsit-charges-intro h2,
.ijrcsit-centered-heading h2,
.ijrcsit-policy-heading h2,
.ijrcsit-two-column h2 {
    margin: 0 0 14px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.25;
}


.ijrcsit-charges-intro-content p {
    max-width: 760px;

    margin: 0 0 12px;

    color: var(--ijrcsit-text);

    font-size: 15px;

    line-height: 1.75;
}


.ijrcsit-charges-intro-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   POLICY NOTE
========================================================= */

.ijrcsit-policy-note {
    display: flex;

    gap: 14px;

    padding: 20px;

    background: var(--ijrcsit-surface);

    border: 1px solid var(--ijrcsit-border);

    border-left: 3px solid var(--ijrcsit-accent);

    border-radius: 6px;
}


.ijrcsit-policy-note-icon {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijrcsit-accent-light);

    color: var(--ijrcsit-primary);

    border-radius: 50%;

    font-size: 17px;
}


.ijrcsit-policy-note span {
    display: block;

    margin-bottom: 5px;

    color: var(--ijrcsit-primary);

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.2px;
}


.ijrcsit-policy-note p {
    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 13.5px;

    line-height: 1.6;
}


/* =========================================================
   CENTERED HEADING
========================================================= */

.ijrcsit-centered-heading {
    max-width: 720px;

    margin: 0 auto 30px;

    text-align: center;
}


.ijrcsit-centered-heading p {
    margin: 0;

    color: var(--ijrcsit-muted);

    font-size: 14px;

    line-height: 1.65;
}


/* =========================================================
   FEE CARD
========================================================= */

.ijrcsit-fee-card {
    max-width: 850px;

    margin: 0 auto;

    background: var(--ijrcsit-surface);

    border: 1px solid var(--ijrcsit-border);

    border-radius: 7px;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(30,67,86,.06);
}


.ijrcsit-fee-card-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    padding: 22px 25px;

    background: var(--ijrcsit-primary);

    color: #ffffff;
}


.ijrcsit-fee-label {
    display: block;

    margin-bottom: 5px;

    color: rgba(255,255,255,.68);

    font-family: "Poppins", sans-serif;
    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.4px;
}


.ijrcsit-fee-card-header h3 {
    margin: 0;

    color: #ffffff;

    font-family: "Raleway", sans-serif;
    font-size: 21px;
    font-weight: 700;
}


.ijrcsit-fee-icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.10);

    border: 1px solid rgba(255,255,255,.16);

    border-radius: 50%;

    font-size: 19px;
}


.ijrcsit-fee-body {
    padding: 25px;
}


.ijrcsit-fee-amount {
    display: flex;

    align-items: baseline;

    gap: 14px;

    margin-bottom: 12px;
}


.ijrcsit-fee-amount span {
    color: var(--ijrcsit-muted);

    font-family: "Poppins", sans-serif;

    font-size: 12px;
    font-weight: 500;
}


.ijrcsit-fee-amount strong {
    color: var(--ijrcsit-primary);

    font-family: "Raleway", sans-serif;

    font-size: 24px;
    font-weight: 700;
}


.ijrcsit-fee-body p {
    max-width: 700px;

    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   SUPPORT GRID
========================================================= */

.ijrcsit-support-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 18px;
}


.ijrcsit-support-card {
    position: relative;

    padding: 23px 20px;

    background: var(--ijrcsit-surface);

    border: 1px solid var(--ijrcsit-border);

    border-radius: 6px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ijrcsit-support-card:hover {
    transform: translateY(-3px);

    border-color: rgba(104,164,196,.55);

    box-shadow:
        0 10px 25px rgba(30,67,86,.08);
}


.ijrcsit-support-number {
    position: absolute;

    top: 14px;
    right: 16px;

    color: rgba(30,67,86,.12);

    font-family: "Raleway", sans-serif;

    font-size: 22px;
    font-weight: 700;
}


.ijrcsit-support-icon {
    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 14px;

    background: var(--ijrcsit-accent-light);

    color: var(--ijrcsit-primary);

    border-radius: 5px;

    font-size: 17px;
}


.ijrcsit-support-card h3 {
    margin: 0 0 8px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 17px;
    font-weight: 700;
}


.ijrcsit-support-card p {
    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 13.5px;

    line-height: 1.65;
}


/* =========================================================
   POLICY LAYOUT
========================================================= */

.ijrcsit-policy-layout {
    display: grid;

    grid-template-columns: .8fr 1.5fr;

    gap: 60px;

    align-items: start;
}


.ijrcsit-policy-heading {
    position: sticky;
    top: 100px;
}


.ijrcsit-policy-content {
    display: flex;

    flex-direction: column;

    gap: 18px;
}


.ijrcsit-policy-row {
    display: flex;

    gap: 15px;

    padding-bottom: 18px;

    border-bottom: 1px solid var(--ijrcsit-border);
}


.ijrcsit-policy-row:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


.ijrcsit-policy-check {
    flex: 0 0 31px;

    width: 31px;
    height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijrcsit-accent-light);

    color: var(--ijrcsit-primary);

    border-radius: 50%;

    font-size: 14px;
}


.ijrcsit-policy-row h3 {
    margin: 1px 0 6px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 17px;
    font-weight: 700;
}


.ijrcsit-policy-row p {
    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   IMPORTANT BOX
========================================================= */

.ijrcsit-important-box {
    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 25px;

    background: var(--ijrcsit-primary);

    border-radius: 7px;

    box-shadow:
        0 10px 30px rgba(16,43,56,.10);
}


.ijrcsit-important-icon {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.10);

    color: var(--ijrcsit-accent);

    border: 1px solid rgba(255,255,255,.14);

    border-radius: 50%;

    font-size: 20px;
}


.ijrcsit-important-box span {
    display: block;

    margin-bottom: 6px;

    color: rgba(255,255,255,.62);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


.ijrcsit-important-box h2 {
    margin: 0 0 9px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 21px;
    font-weight: 700;
}


.ijrcsit-important-box p {
    max-width: 850px;

    margin: 0;

    color: rgba(255,255,255,.78);

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================================
   RESPONSIBILITY
========================================================= */

.ijrcsit-two-column {
    display: grid;

    grid-template-columns: .85fr 1.3fr;

    gap: 60px;

    align-items: start;
}


.ijrcsit-responsibility-list {
    display: flex;

    flex-direction: column;

    gap: 13px;
}


.ijrcsit-responsibility-list > div {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 12px 0;

    border-bottom: 1px solid var(--ijrcsit-border);
}


.ijrcsit-responsibility-list > div:last-child {
    border-bottom: 0;
}


.ijrcsit-responsibility-list i {
    margin-top: 2px;

    color: var(--ijrcsit-accent-dark);

    font-size: 15px;
}


.ijrcsit-responsibility-list span {
    color: var(--ijrcsit-text);

    font-size: 14px;

    line-height: 1.6;
}


/* =========================================================
   CONTACT
========================================================= */

.ijrcsit-contact-card {
    display: flex;

    align-items: center;

    gap: 20px;

    padding: 25px;

    background: var(--ijrcsit-surface);

    border: 1px solid var(--ijrcsit-border);

    border-radius: 7px;
}


.ijrcsit-contact-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--ijrcsit-accent-light);

    color: var(--ijrcsit-primary);

    border-radius: 50%;

    font-size: 19px;
}


.ijrcsit-contact-content {
    flex: 1;
}


.ijrcsit-contact-content > span {
    display: block;

    margin-bottom: 4px;

    color: var(--ijrcsit-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1.4px;
}


.ijrcsit-contact-content h2 {
    margin: 0 0 5px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 20px;
    font-weight: 700;
}


.ijrcsit-contact-content p {
    max-width: 680px;

    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 13.5px;

    line-height: 1.6;
}


.ijrcsit-contact-button {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 11px 17px;

    background: var(--ijrcsit-primary);

    color: #ffffff;

    border-radius: 4px;

    font-family: "Poppins", sans-serif;

    font-size: 12px;
    font-weight: 500;

    text-decoration: none;

    white-space: nowrap;

    transition: .25s ease;
}


.ijrcsit-contact-button:hover {
    background: var(--ijrcsit-primary-dark);

    color: #ffffff;

    transform: translateX(2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-charges-intro {
        grid-template-columns: 1fr;

        gap: 25px;
    }


    .ijrcsit-support-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .ijrcsit-policy-layout {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .ijrcsit-policy-heading {
        position: static;
    }


    .ijrcsit-two-column {
        grid-template-columns: 1fr;

        gap: 25px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .ijrcsit-charges-hero {
        min-height: 225px;
    }


    .ijrcsit-charges-hero-content {
        padding: 25px 17px 18px;

        transform: translateY(8px);
    }


    .ijrcsit-charges-hero h1 {
        font-size: 29px;
    }


    .ijrcsit-charges-hero-content > p {
        font-size: 14px;

        line-height: 1.55;
    }


    .ijrcsit-charges-section {
        padding: 40px 0;
    }


    .ijrcsit-charges-intro h2,
    .ijrcsit-centered-heading h2,
    .ijrcsit-policy-heading h2,
    .ijrcsit-two-column h2 {
        font-size: 24px;
    }


    .ijrcsit-charges-intro-content p {
        font-size: 14px;

        line-height: 1.7;
    }


    .ijrcsit-support-grid {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    .ijrcsit-support-card {
        padding: 19px;
    }


    .ijrcsit-fee-card-header {
        padding: 19px;
    }


    .ijrcsit-fee-body {
        padding: 20px;
    }


    .ijrcsit-fee-amount {
        flex-direction: column;

        align-items: flex-start;

        gap: 3px;
    }


    .ijrcsit-important-box {
        padding: 20px;

        gap: 14px;
    }


    .ijrcsit-important-box h2 {
        font-size: 19px;
    }


    .ijrcsit-important-box p {
        font-size: 13.5px;
    }


    .ijrcsit-contact-card {
        flex-wrap: wrap;

        padding: 20px;
    }


    .ijrcsit-contact-button {
        width: 100%;

        justify-content: center;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-charges-hero {
        min-height: 215px;
    }


    .ijrcsit-charges-hero h1 {
        font-size: 27px;
    }


    .ijrcsit-charges-section {
        padding: 35px 0;
    }


    .ijrcsit-policy-note {
        padding: 16px;
    }


    .ijrcsit-fee-card-header h3 {
        font-size: 19px;
    }


    .ijrcsit-fee-amount strong {
        font-size: 21px;
    }


    .ijrcsit-important-box {
        flex-direction: column;
    }

}
/* =========================================================
   IJRCSIT — ARCHIVE
   Existing Website Theme
========================================================= */

:root {
    --ijrcsit-primary: #1e4356;
    --ijrcsit-primary-dark: #163544;
    --ijrcsit-primary-deep: #102b38;

    --ijrcsit-accent: #68a4c4;
    --ijrcsit-accent-dark: #4f8eae;
    --ijrcsit-accent-light: #eaf4f9;

    --ijrcsit-white: #ffffff;
    --ijrcsit-background: #f4f8fb;
    --ijrcsit-surface: #ffffff;

    --ijrcsit-heading: #1e4356;
    --ijrcsit-text: #555555;
    --ijrcsit-text-dark: #354b57;
    --ijrcsit-muted: #71818a;

    --ijrcsit-border: #dce7ed;
    --ijrcsit-border-light: #eaf0f4;
}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-archive-hero {
    position: relative;

    min-height: 190px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image:
        linear-gradient(
            90deg,
            rgba(16,43,56,.93),
            rgba(30,67,86,.82),
            rgba(16,43,56,.91)
        ),
        url("../img/about-bg.jpg");

    background-size: cover;
    background-position: center;

    border-bottom: 3px solid transparent;

    border-image:
        linear-gradient(
            90deg,
            var(--ijrcsit-primary),
            var(--ijrcsit-accent),
            var(--ijrcsit-primary)
        ) 1;
}


.ijrcsit-archive-hero-content {
    width: 100%;
    max-width: 760px;

    padding: 30px 20px 20px;

    text-align: center;

    transform: translateY(30px);
}


.ijrcsit-archive-kicker {
    display: block;

    margin-bottom: 7px;

    color: rgba(255,255,255,.72);

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.ijrcsit-archive-hero h1 {
    margin: 0 0 9px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 34px;
    font-weight: 700;

    line-height: 1.15;
}


.ijrcsit-archive-hero-content > p {
    display: block;

    width: 100%;
    max-width: 650px;

    margin: 0 auto 14px;

    color: rgba(255,255,255,.82);

    font-family: "Roboto", sans-serif;

    font-size: 14px;

    line-height: 1.6;

    text-align: center;
}


.ijrcsit-archive-breadcrumb {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    color: rgba(255,255,255,.65);

    font-family: "Poppins", sans-serif;

    font-size: 11px;
}


.ijrcsit-archive-breadcrumb a {
    color: #ffffff;

    text-decoration: none;

    transition: .2s ease;
}


.ijrcsit-archive-breadcrumb a:hover {
    color: var(--ijrcsit-accent);
}


.ijrcsit-archive-breadcrumb i {
    font-size: 8px;
}


/* =========================================================
   SECTION
========================================================= */

.ijrcsit-archive-section {
    padding: 55px 0;
}


.ijrcsit-archive-soft {
    background: var(--ijrcsit-background);
}


.ijrcsit-section-label {
    display: inline-block;

    margin-bottom: 8px;

    color: var(--ijrcsit-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.6px;

    text-transform: uppercase;
}


.ijrcsit-archive-section-heading h2,
.ijrcsit-archive-heading-row h2 {
    margin: 0;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.25;
}


/* =========================================================
   LATEST ISSUE
========================================================= */

.ijrcsit-latest-card {
    display: grid;

    grid-template-columns: 1fr 230px;

    margin-top: 28px;

    background: var(--ijrcsit-primary);

    border-radius: 7px;

    overflow: hidden;

    box-shadow:
        0 12px 30px rgba(30,67,86,.10);
}


.ijrcsit-latest-main {
    padding: 28px 30px;
}


.ijrcsit-latest-badge {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 12px;

    padding: 6px 10px;

    background: rgba(255,255,255,.10);

    border: 1px solid rgba(255,255,255,.15);

    border-radius: 4px;

    color: rgba(255,255,255,.88);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.ijrcsit-latest-badge i {
    color: var(--ijrcsit-accent);
}


.ijrcsit-latest-main h3 {
    margin: 0 0 7px;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 25px;
    font-weight: 700;
}


.ijrcsit-latest-date {
    display: flex;

    align-items: center;

    gap: 7px;

    margin: 0 0 12px;

    color: rgba(255,255,255,.68);

    font-size: 13px;
}


.ijrcsit-latest-description {
    max-width: 650px;

    margin: 0 0 20px;

    color: rgba(255,255,255,.76);

    font-size: 14px;

    line-height: 1.7;
}


.ijrcsit-latest-actions {
    display: flex;

    align-items: center;

    gap: 9px;

    flex-wrap: wrap;
}


.ijrcsit-btn-primary,
.ijrcsit-btn-secondary {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 15px;

    border-radius: 4px;

    font-family: "Poppins", sans-serif;

    font-size: 11.5px;
    font-weight: 500;

    text-decoration: none;

    transition: .25s ease;
}


.ijrcsit-btn-primary {
    background: #ffffff;

    color: var(--ijrcsit-primary);
}


.ijrcsit-btn-primary:hover {
    background: var(--ijrcsit-accent-light);

    color: var(--ijrcsit-primary);
}


.ijrcsit-btn-secondary {
    background: rgba(255,255,255,.08);

    border: 1px solid rgba(255,255,255,.17);

    color: #ffffff;
}


.ijrcsit-btn-secondary:hover {
    background: rgba(255,255,255,.14);

    color: #ffffff;
}


.ijrcsit-latest-stats {
    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 25px;

    background: rgba(0,0,0,.12);

    border-left: 1px solid rgba(255,255,255,.10);
}


.ijrcsit-latest-stats > div {
    padding: 13px 0;

    border-bottom: 1px solid rgba(255,255,255,.10);

    text-align: center;
}


.ijrcsit-latest-stats > div:last-child {
    border-bottom: 0;
}


.ijrcsit-latest-stats strong {
    display: block;

    color: #ffffff;

    font-family: "Raleway", sans-serif;

    font-size: 24px;
    font-weight: 700;
}


.ijrcsit-latest-stats span {
    color: rgba(255,255,255,.60);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   ARCHIVE HEADING
========================================================= */

.ijrcsit-archive-heading-row {
    margin-bottom: 24px;
}


.ijrcsit-archive-heading-row p {
    margin: 7px 0 0;

    color: var(--ijrcsit-muted);

    font-size: 14px;
}


/* =========================================================
   FILTER
========================================================= */

.ijrcsit-archive-filter {
    display: grid;

    grid-template-columns: 1fr 190px auto auto;

    gap: 9px;

    margin-bottom: 18px;
}


.ijrcsit-search-box,
.ijrcsit-year-box {
    position: relative;
}


.ijrcsit-search-box i,
.ijrcsit-year-box i {
    position: absolute;

    top: 50%;
    left: 13px;

    transform: translateY(-50%);

    color: var(--ijrcsit-muted);

    font-size: 13px;

    pointer-events: none;
}


.ijrcsit-search-box input,
.ijrcsit-year-box select {
    width: 100%;

    height: 42px;

    padding: 0 13px 0 36px;

    background: #ffffff;

    border: 1px solid var(--ijrcsit-border);

    border-radius: 4px;

    outline: none;

    color: var(--ijrcsit-text-dark);

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    transition: .2s ease;
}


.ijrcsit-year-box select {
    cursor: pointer;

    appearance: none;
}


.ijrcsit-search-box input:focus,
.ijrcsit-year-box select:focus {
    border-color: var(--ijrcsit-accent);
}


.ijrcsit-filter-button {
    height: 42px;

    padding: 0 17px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    background: var(--ijrcsit-primary);

    border: 0;

    border-radius: 4px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 11.5px;
    font-weight: 500;

    cursor: pointer;

    transition: .25s ease;
}


.ijrcsit-filter-button:hover {
    background: var(--ijrcsit-primary-dark);
}


.ijrcsit-clear-filter {
    height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 0 14px;

    border: 1px solid var(--ijrcsit-border);

    border-radius: 4px;

    background: #ffffff;

    color: var(--ijrcsit-text-dark);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    text-decoration: none;
}


.ijrcsit-clear-filter:hover {
    color: var(--ijrcsit-primary);

    border-color: var(--ijrcsit-accent);
}


/* =========================================================
   RESULTS
========================================================= */

.ijrcsit-results-bar {
    display: flex;

    justify-content: flex-end;

    margin-bottom: 15px;

    color: var(--ijrcsit-muted);

    font-size: 12px;
}


.ijrcsit-results-bar strong {
    color: var(--ijrcsit-primary);
}


/* =========================================================
   ISSUE GRID
========================================================= */

.ijrcsit-issue-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 17px;
}


.ijrcsit-issue-card {
    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 250px;

    padding: 21px;

    background: var(--ijrcsit-surface);

    border: 1px solid var(--ijrcsit-border);

    border-radius: 6px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ijrcsit-issue-card:hover {
    transform: translateY(-4px);

    border-color: rgba(104,164,196,.60);

    box-shadow:
        0 12px 28px rgba(30,67,86,.08);
}


.ijrcsit-issue-card-top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 16px;
}


.ijrcsit-issue-year {
    display: inline-flex;

    padding: 5px 8px;

    background: var(--ijrcsit-accent-light);

    border-radius: 3px;

    color: var(--ijrcsit-primary);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: .7px;
}


.ijrcsit-issue-icon {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f5f8fa;

    border: 1px solid var(--ijrcsit-border-light);

    border-radius: 50%;

    color: var(--ijrcsit-accent-dark);

    font-size: 14px;
}


.ijrcsit-issue-number {
    margin-bottom: 7px;

    color: var(--ijrcsit-muted);

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    font-weight: 500;
}


.ijrcsit-issue-number span {
    margin: 0 4px;

    color: var(--ijrcsit-accent);
}


.ijrcsit-issue-card h3 {
    margin: 0 0 17px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 19px;
    font-weight: 700;

    line-height: 1.3;
}


.ijrcsit-issue-meta {
    display: flex;

    align-items: center;

    gap: 15px;

    padding-top: 12px;

    border-top: 1px solid var(--ijrcsit-border-light);
}


.ijrcsit-issue-meta div {
    display: flex;

    align-items: center;

    gap: 6px;

    color: var(--ijrcsit-muted);

    font-size: 11.5px;
}


.ijrcsit-issue-meta i {
    color: var(--ijrcsit-accent-dark);

    font-size: 12px;
}


.ijrcsit-issue-actions {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-top: auto;

    padding-top: 17px;
}


.ijrcsit-issue-actions > a:first-child {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--ijrcsit-primary);

    font-family: "Poppins", sans-serif;

    font-size: 11.5px;
    font-weight: 600;

    text-decoration: none;
}


.ijrcsit-issue-actions > a:first-child i {
    font-size: 10px;

    transition: transform .2s ease;
}


.ijrcsit-issue-card:hover
.ijrcsit-issue-actions > a:first-child i {
    transform: translateX(3px);
}


.ijrcsit-download-link {
    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: var(--ijrcsit-accent-light);

    border-radius: 4px;

    color: var(--ijrcsit-primary);

    font-size: 13px;

    text-decoration: none;

    transition: .2s ease;
}


.ijrcsit-download-link:hover {
    background: var(--ijrcsit-primary);

    color: #ffffff;
}


/* =========================================================
   PAGINATION
========================================================= */

.ijrcsit-pagination {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-top: 32px;
}


.ijrcsit-page-numbers {
    display: flex;

    align-items: center;

    gap: 5px;
}


.ijrcsit-pagination a,
.ijrcsit-pagination .active,
.ijrcsit-pagination .disabled {
    min-width: 34px;
    height: 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 0 9px;

    border: 1px solid var(--ijrcsit-border);

    border-radius: 4px;

    background: #ffffff;

    color: var(--ijrcsit-text-dark);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    text-decoration: none;

    box-sizing: border-box;
}


.ijrcsit-pagination a:hover {
    border-color: var(--ijrcsit-accent);

    color: var(--ijrcsit-primary);
}


.ijrcsit-pagination .active {
    background: var(--ijrcsit-primary);

    border-color: var(--ijrcsit-primary);

    color: #ffffff;
}


.ijrcsit-page-prev,
.ijrcsit-page-next {
    gap: 6px;
}


.ijrcsit-pagination .disabled {
    opacity: .45;

    cursor: not-allowed;
}


.ijrcsit-page-dots {
    min-width: 24px;

    text-align: center;

    color: var(--ijrcsit-muted);

    font-size: 13px;
}


/* =========================================================
   NO RESULTS
========================================================= */

.ijrcsit-no-results {
    max-width: 520px;

    margin: 35px auto 0;

    padding: 35px 25px;

    background: #ffffff;

    border: 1px solid var(--ijrcsit-border);

    border-radius: 7px;

    text-align: center;
}


.ijrcsit-no-results-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin: 0 auto 13px;

    background: var(--ijrcsit-accent-light);

    border-radius: 50%;

    color: var(--ijrcsit-primary);

    font-size: 18px;
}


.ijrcsit-no-results h3 {
    margin: 0 0 7px;

    color: var(--ijrcsit-heading);

    font-family: "Raleway", sans-serif;

    font-size: 19px;
}


.ijrcsit-no-results p {
    margin: 0 0 15px;

    color: var(--ijrcsit-muted);

    font-size: 13.5px;
}


.ijrcsit-no-results a {
    display: inline-flex;

    padding: 9px 14px;

    background: var(--ijrcsit-primary);

    border-radius: 4px;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    text-decoration: none;
}


/* =========================================================
   ARCHIVE NOTE
========================================================= */

.ijrcsit-archive-note {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid var(--ijrcsit-border);

    border-left: 3px solid var(--ijrcsit-accent);

    border-radius: 6px;
}


.ijrcsit-archive-note-icon {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: var(--ijrcsit-accent-light);

    border-radius: 50%;

    color: var(--ijrcsit-primary);

    font-size: 16px;
}


.ijrcsit-archive-note span {
    display: block;

    margin-bottom: 5px;

    color: var(--ijrcsit-primary);

    font-family: "Poppins", sans-serif;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 1.3px;
}


.ijrcsit-archive-note p {
    margin: 0;

    color: var(--ijrcsit-text);

    font-size: 13.5px;

    line-height: 1.65;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-latest-card {
        grid-template-columns: 1fr;
    }


    .ijrcsit-latest-stats {
        display: grid;

        grid-template-columns: repeat(3, 1fr);

        padding: 12px 20px;

        border-left: 0;

        border-top: 1px solid rgba(255,255,255,.10);
    }


    .ijrcsit-latest-stats > div {
        border-bottom: 0;

        border-right: 1px solid rgba(255,255,255,.10);
    }


    .ijrcsit-latest-stats > div:last-child {
        border-right: 0;
    }


    .ijrcsit-issue-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .ijrcsit-archive-filter {
        grid-template-columns: 1fr 170px auto;
    }


    .ijrcsit-clear-filter {
        grid-column: 3;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .ijrcsit-archive-hero {
        min-height: 225px;
    }


    .ijrcsit-archive-hero-content {
        padding: 25px 17px 18px;

        transform: translateY(8px);
    }


    .ijrcsit-archive-hero h1 {
        font-size: 29px;
    }


    .ijrcsit-archive-hero-content > p {
        font-size: 14px;

        line-height: 1.55;
    }


    .ijrcsit-archive-section {
        padding: 40px 0;
    }


    .ijrcsit-archive-section-heading h2,
    .ijrcsit-archive-heading-row h2 {
        font-size: 24px;
    }


    .ijrcsit-latest-main {
        padding: 22px;
    }


    .ijrcsit-latest-main h3 {
        font-size: 22px;
    }


    .ijrcsit-latest-description {
        font-size: 13.5px;
    }


    .ijrcsit-latest-stats {
        padding: 10px 15px;
    }


    .ijrcsit-latest-stats strong {
        font-size: 20px;
    }


    .ijrcsit-archive-filter {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ijrcsit-filter-button,
    .ijrcsit-clear-filter {
        width: 100%;
    }


    .ijrcsit-clear-filter {
        grid-column: auto;
    }


    .ijrcsit-results-bar {
        justify-content: flex-start;

        margin-top: 15px;
    }


    .ijrcsit-issue-grid {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    .ijrcsit-issue-card {
        min-height: 230px;
    }


    .ijrcsit-pagination {
        gap: 6px;
    }


    .ijrcsit-page-prev span,
    .ijrcsit-page-next span {
        display: none;
    }


    .ijrcsit-pagination a,
    .ijrcsit-pagination .active,
    .ijrcsit-pagination .disabled {
        min-width: 33px;

        height: 33px;
    }


    .ijrcsit-archive-note {
        padding: 17px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-archive-hero {
        min-height: 215px;
    }


    .ijrcsit-archive-hero h1 {
        font-size: 27px;
    }


    .ijrcsit-archive-section {
        padding: 35px 0;
    }


    .ijrcsit-latest-actions {
        flex-direction: column;

        align-items: stretch;
    }


    .ijrcsit-btn-primary,
    .ijrcsit-btn-secondary {
        justify-content: center;
    }


    .ijrcsit-latest-stats strong {
        font-size: 18px;
    }


    .ijrcsit-latest-stats span {
        font-size: 8px;
    }


    .ijrcsit-page-numbers {
        gap: 3px;
    }


    .ijrcsit-pagination a,
    .ijrcsit-pagination .active,
    .ijrcsit-pagination .disabled {
        min-width: 30px;

        padding: 0 6px;
    }

}
/* =========================================================
   JS CARD REVEAL
========================================================= */

.ijrcsit-issue-card {
    opacity: 0;
    transform: translateY(10px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.ijrcsit-issue-card.ijrcsit-issue-visible {
    opacity: 1;
    transform: translateY(0);
}


body.ijrcsit-archive-loading {
    cursor: progress;
}


@media (prefers-reduced-motion: reduce) {

    .ijrcsit-issue-card {
        opacity: 1;
        transform: none;
        transition: none;
    }

}
/* =========================================================
   IJRCSIT — PREMIUM ABOUT SECTION
   Matches Dark Blue / Teal Research Visual Style
========================================================= */

.ijrcsit-about {
    position: relative;
    padding: 58px 0;
    background: #ffffff;
    overflow: hidden;
}

.ijrcsit-about-wrapper {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: stretch;
    gap: 58px;
}


/* =========================================================
   IMAGE
========================================================= */

.ijrcsit-about-visual {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    border-radius: 7px;
    background: #102b38;
    box-shadow: 0 15px 40px rgba(16,43,56,.13);
}

.ijrcsit-about-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.90) 0%,
            rgba(16,43,56,.50) 48%,
            rgba(16,43,56,.12) 100%
        );
    pointer-events: none;
}

.ijrcsit-about-visual img {
    width: 100%;
    height: 100%;
    min-height: 470px;
    display: block;
    object-fit: cover;
}


/* =========================================================
   IMAGE TEXT
========================================================= */

.ijrcsit-about-overlay {
    position: absolute;
    z-index: 2;
    left: 38px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}

.ijrcsit-visual-kicker {
    display: block;
    margin-bottom: 12px;

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #68a4c4;
}

.ijrcsit-about-overlay strong {
    display: block;

    font-family: "Raleway", sans-serif;
    font-size: 31px;
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: -.3px;
}

.ijrcsit-visual-line {
    width: 48px;
    height: 2px;
    margin-top: 20px;

    background: #68a4c4;
}


/* =========================================================
   IMAGE BADGE
========================================================= */

.ijrcsit-about-badge {
    position: absolute;
    z-index: 3;

    left: 25px;
    bottom: 24px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 11px 15px;

    background: rgba(255,255,255,.96);
    border-left: 3px solid #68a4c4;
    border-radius: 4px;

    box-shadow: 0 8px 25px rgba(0,0,0,.18);
}

.ijrcsit-about-badge i {
    font-size: 23px;
    color: #1e4356;
}

.ijrcsit-about-badge strong {
    display: block;

    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #1e4356;
}

.ijrcsit-about-badge span {
    display: block;
    margin-top: 2px;

    font-family: "Roboto", sans-serif;
    font-size: 11px;
    line-height: 1.3;
    color: #71818a;
}


/* =========================================================
   CONTENT
========================================================= */

.ijrcsit-about-content {
    align-self: center;
    padding: 4px 0;
}

.ijrcsit-eyebrow {
    display: inline-block;
    margin-bottom: 10px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;

    color: #4f8eae;
}

.ijrcsit-about-content h2 {
    max-width: 600px;
    margin: 0;

    font-family: "Raleway", sans-serif;
    font-size: 29px;
    line-height: 1.25;
    font-weight: 700;

    color: #1e4356;
}

.ijrcsit-title-line {
    width: 52px;
    height: 2px;
    margin: 17px 0 18px;

    background: linear-gradient(
        90deg,
        #68a4c4,
        #4f8eae
    );
}

.ijrcsit-about-content p {
    max-width: 650px;
    margin: 0 0 13px;

    font-family: "Roboto", sans-serif;
    font-size: 14.5px;
    line-height: 1.72;

    color: #555555;
}

.ijrcsit-about-content .ijrcsit-about-lead {
    color: #354b57;
    font-size: 15px;
    line-height: 1.72;
}


/* =========================================================
   POINTS
========================================================= */

.ijrcsit-about-points {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.ijrcsit-about-point {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ijrcsit-about-point > i {
    flex-shrink: 0;
    margin-top: 2px;

    font-size: 17px;
    color: #68a4c4;
}

.ijrcsit-about-point strong {
    display: block;
    margin-bottom: 2px;

    font-family: "Raleway", sans-serif;
    font-size: 13.5px;
    line-height: 1.35;
    font-weight: 700;

    color: #1e4356;
}

.ijrcsit-about-point span {
    display: block;

    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 1.5;

    color: #71818a;
}


/* =========================================================
   BUTTON
========================================================= */

.ijrcsit-about-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 22px;
    padding: 11px 18px;

    border: 1px solid #1e4356;
    border-radius: 4px;

    background: #1e4356;
    color: #ffffff;

    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 500;

    text-decoration: none;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.ijrcsit-about-button i {
    font-size: 14px;
    transition: transform .25s ease;
}

.ijrcsit-about-button:hover {
    background: #163544;
    border-color: #163544;
    color: #ffffff;

    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(30,67,86,.18);
}

.ijrcsit-about-button:hover i {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-about {
        padding: 48px 0;
    }

    .ijrcsit-about-wrapper {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .ijrcsit-about-visual {
        min-height: 390px;
    }

    .ijrcsit-about-visual img {
        min-height: 390px;
    }

    .ijrcsit-about-content {
        padding: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ijrcsit-about {
        padding: 40px 0;
    }

    .ijrcsit-about-wrapper {
        gap: 30px;
    }

    .ijrcsit-about-visual {
        min-height: 330px;
        border-radius: 5px;
    }

    .ijrcsit-about-visual img {
        min-height: 330px;
    }

    .ijrcsit-about-overlay {
        left: 24px;
    }

    .ijrcsit-visual-kicker {
        font-size: 9px;
        margin-bottom: 9px;
    }

    .ijrcsit-about-overlay strong {
        font-size: 26px;
    }

    .ijrcsit-about-badge {
        left: 16px;
        bottom: 16px;
        padding: 9px 12px;
    }

    .ijrcsit-about-badge i {
        font-size: 19px;
    }

    .ijrcsit-about-badge strong {
        font-size: 12.5px;
    }

    .ijrcsit-about-badge span {
        font-size: 10px;
    }

    .ijrcsit-eyebrow {
        font-size: 9px;
        letter-spacing: 1.7px;
    }

    .ijrcsit-about-content h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    .ijrcsit-title-line {
        margin: 14px 0 15px;
    }

    .ijrcsit-about-content p,
    .ijrcsit-about-content .ijrcsit-about-lead {
        font-size: 13.5px;
        line-height: 1.65;
    }

    .ijrcsit-about-points {
        margin-top: 17px;
        gap: 10px;
    }

    .ijrcsit-about-point > i {
        font-size: 15px;
    }

    .ijrcsit-about-point strong {
        font-size: 12.5px;
    }

    .ijrcsit-about-point span {
        font-size: 12px;
        line-height: 1.45;
    }

    .ijrcsit-about-button {
        margin-top: 19px;
        padding: 10px 15px;
        font-size: 11px;
    }

}
/* =========================================================
   IJRCSIT — EDITORIAL EXCELLENCE SECTION
========================================================= */

.ijrcsit-about-quality {
    position: relative;
    padding: 62px 0;
    background-image: url("../img/editorial-excellence.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}


/* =========================================================
   DARK BLUE OVERLAY
========================================================= */

.ijrcsit-quality-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(10, 38, 52, 0.94),
            rgba(30, 67, 86, 0.76),
            rgba(52, 91, 108, 0.60)
        );


    z-index: 0;
}


/* =========================================================
   CONTENT LAYOUT
========================================================= */

.ijrcsit-about-quality .container {
    position: relative;
    z-index: 2;
}

.ijrcsit-quality-layout {
    display: grid;
    grid-template-columns: 105px 1fr;
    gap: 38px;
    align-items: start;
}


/* =========================================================
   NUMBER
========================================================= */


/* =========================================================
   CONTENT
========================================================= */

.ijrcsit-quality-content {
    max-width: 850px;
}

.ijrcsit-section-kicker {
    display: inline-block;
    margin-bottom: 9px;

    font-family: "Poppins", sans-serif;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 2px;

    color: #68a4c4;
}

.ijrcsit-quality-content h2 {
    margin: 0;

    font-family: "Raleway", sans-serif;
    font-size: 29px;
    line-height: 1.25;
    font-weight: 700;

    color: #ffffff;
}

.ijrcsit-quality-line {
    width: 52px;
    height: 2px;
    margin: 17px 0 19px;

    background: #68a4c4;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.ijrcsit-quality-content p {
    max-width: 850px;
    margin: 0 0 14px;

    font-family: "Roboto", sans-serif;
    font-size: 14.5px;
    line-height: 1.75;

    color: rgba(255,255,255,.82);
}

.ijrcsit-quality-content p:last-of-type {
    margin-bottom: 0;
}


/* =========================================================
   QUALITY TAGS
========================================================= */

.ijrcsit-quality-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    margin-top: 23px;
}

.ijrcsit-quality-tags span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 8px 12px;

    border: 1px solid rgba(104,164,196,.32);
    border-radius: 4px;

    background: rgba(255,255,255,.055);

    font-family: "Poppins", sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;

    color: rgba(255,255,255,.88);
}

.ijrcsit-quality-tags i {
    font-size: 13px;
    color: #68a4c4;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-about-quality {
        padding: 58px 0;
    }

    .ijrcsit-quality-layout {
        grid-template-columns: 75px 1fr;
        gap: 25px;
    }

    .ijrcsit-quality-number {
        font-size: 48px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ijrcsit-about-quality {
        padding: 45px 0;
        background-position: center;
    }

    .ijrcsit-quality-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(16,43,56,.96),
                rgba(16,43,56,.91)
            );
    }

    .ijrcsit-quality-layout {
        display: block;
    }

    .ijrcsit-quality-number {
        margin-bottom: 14px;

        font-size: 38px;
        letter-spacing: -1px;

        color: rgba(104,164,196,.35);
    }

    .ijrcsit-section-kicker {
        font-size: 9px;
        letter-spacing: 1.7px;
    }

    .ijrcsit-quality-content h2 {
        font-size: 24px;
        line-height: 1.28;
    }

    .ijrcsit-quality-line {
        margin: 14px 0 16px;
    }

    .ijrcsit-quality-content p {
        font-size: 13.5px;
        line-height: 1.68;
        margin-bottom: 12px;
    }

    .ijrcsit-quality-tags {
        margin-top: 19px;
        gap: 7px;
    }

    .ijrcsit-quality-tags span {
        padding: 7px 10px;
        font-size: 10px;
    }

}
/* =========================================================
   IJRCSIT — VOLUME 1 ISSUE 1
   PREMIUM ISSUE PAGE
========================================================= */

:root {

    --v1-primary: #1e4356;
    --v1-primary-dark: #163544;
    --v1-primary-deep: #102b38;

    --v1-accent: #68a4c4;
    --v1-accent-dark: #4f8eae;
    --v1-accent-light: #eaf4f9;

    --v1-white: #ffffff;
    --v1-background: #f4f8fb;
    --v1-surface: #ffffff;

    --v1-heading: #173847;
    --v1-text: #30383d;
    --v1-text-dark: #202c32;
    --v1-muted: #596970;

    --v1-border: #dce7ed;
    --v1-border-light: #eaf0f4;

}


/* =========================================================
   GLOBAL
========================================================= */

.ijrcsit-v1s1-hero,
.ijrcsit-v1s1-info,
.ijrcsit-v1s1-articles,
.ijrcsit-v1s1-note {

    font-family: "Roboto", sans-serif;

}


.ijrcsit-v1s1-hero h1,
.ijrcsit-v1s1-info h2,
.ijrcsit-v1s1-articles h2,
.ijrcsit-v1s1-card h3 {

    font-family: "Raleway", sans-serif;

}


/* =========================================================
   HERO
========================================================= */

.ijrcsit-v1s1-hero {

    position: relative;

    min-height: 225px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(16,43,56,.96),
            rgba(30,67,86,.86),
            rgba(16,43,56,.94)
        );

    border-bottom: 3px solid var(--v1-accent);

}


.ijrcsit-v1s1-hero-overlay {

    position: absolute;

    inset: 0;

    pointer-events: none;

}


.ijrcsit-v1s1-hero .container {

    position: relative;

    z-index: 2;

}


.ijrcsit-v1s1-hero-content {

    max-width: 850px;

    margin: 0 auto;

    text-align: center;

    transform: translateY(12px);

}


.ijrcsit-v1s1-kicker {

    display: block;

    margin-bottom: 9px;

    color: rgba(255,255,255,.75);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.ijrcsit-v1s1-hero h1 {

    margin: 0;

    color: #ffffff;

    font-size: 34px;

    font-weight: 700;

    line-height: 1.15;

}


.ijrcsit-v1s1-hero h1 span {

    margin: 0 5px;

    color: var(--v1-accent);

}


.ijrcsit-v1s1-hero-content > p {

    max-width: 680px;

    margin: 10px auto 14px;

    color: rgba(255,255,255,.83);

    font-size: 14px;

    line-height: 1.6;

}


.ijrcsit-v1s1-breadcrumb {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 7px;

    color: rgba(255,255,255,.67);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

}


.ijrcsit-v1s1-breadcrumb a {

    color: rgba(255,255,255,.86);

    text-decoration: none;

}


.ijrcsit-v1s1-breadcrumb a:hover {

    color: #ffffff;

}


.ijrcsit-v1s1-breadcrumb i {

    font-size: 9px;

    color: var(--v1-accent);

}


/* =========================================================
   ISSUE INFORMATION
========================================================= */

.ijrcsit-v1s1-info {

    padding: 55px 0 48px;

    background: var(--v1-white);

}


.ijrcsit-v1s1-info-grid {

    display: grid;

    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);

    gap: 55px;

    align-items: center;

}


.ijrcsit-v1s1-section-kicker {

    display: block;

    margin-bottom: 7px;

    color: var(--v1-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.7px;

    text-transform: uppercase;

}


.ijrcsit-v1s1-info-main h2 {

    margin: 0;

    color: var(--v1-heading);

    font-size: 29px;

    font-weight: 700;

    line-height: 1.2;

}


.ijrcsit-v1s1-title-line {

    width: 48px;

    height: 3px;

    margin: 13px 0 18px;

    border-radius: 2px;

    background: linear-gradient(
        90deg,
        var(--v1-primary),
        var(--v1-accent)
    );

}


.ijrcsit-v1s1-info-main p {

    max-width: 760px;

    margin: 0 0 13px;

    color: var(--v1-text);

    font-size: 15px;

    line-height: 1.75;

}


.ijrcsit-v1s1-info-main .ijrcsit-v1s1-lead {

    color: var(--v1-text-dark);

    font-size: 15.5px;

    font-weight: 500;

}


/* =========================================================
   BUTTONS
========================================================= */

.ijrcsit-v1s1-actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 22px;

}


.ijrcsit-v1s1-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 40px;

    padding: 9px 17px;

    border-radius: 4px;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-decoration: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;

}


.ijrcsit-v1s1-btn.primary {

    color: #ffffff;

    background: var(--v1-primary);

    border: 1px solid var(--v1-primary);

}


.ijrcsit-v1s1-btn.secondary {

    color: var(--v1-primary);

    background: #ffffff;

    border: 1px solid var(--v1-border);

}


.ijrcsit-v1s1-btn:hover {

    transform: translateY(-2px);

}


.ijrcsit-v1s1-btn.primary:hover {

    background: var(--v1-primary-dark);

    box-shadow: 0 7px 18px rgba(16,43,56,.15);

}


.ijrcsit-v1s1-btn.secondary:hover {

    border-color: var(--v1-accent);

    background: var(--v1-accent-light);

}


/* =========================================================
   ISSUE META CARD
========================================================= */

.ijrcsit-v1s1-meta {

    padding: 23px;

    background: #f8fbfd;

    border: 1px solid var(--v1-border);

    border-radius: 6px;

}


.ijrcsit-v1s1-meta-header {

    display: flex;

    align-items: center;

    gap: 12px;

    padding-bottom: 16px;

    margin-bottom: 5px;

    border-bottom: 1px solid var(--v1-border);

}


.ijrcsit-v1s1-meta-header > i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 39px;

    height: 39px;

    flex: 0 0 39px;

    color: #ffffff;

    background: var(--v1-primary);

    border-radius: 5px;

    font-size: 17px;

}


.ijrcsit-v1s1-meta-header strong {

    display: block;

    color: var(--v1-heading);

    font-size: 14px;

    font-weight: 700;

}


.ijrcsit-v1s1-meta-header span {

    display: block;

    margin-top: 2px;

    color: var(--v1-muted);

    font-size: 11px;

}


.ijrcsit-v1s1-meta-list > div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 9px 0;

    border-bottom: 1px solid var(--v1-border-light);

}


.ijrcsit-v1s1-meta-list > div:last-child {

    border-bottom: 0;

}


.ijrcsit-v1s1-meta-list span {

    color: var(--v1-muted);

    font-size: 12px;

}


.ijrcsit-v1s1-meta-list strong {

    color: var(--v1-text-dark);

    font-size: 12.5px;

    font-weight: 600;

    text-align: right;

}


/* =========================================================
   ARTICLES SECTION
========================================================= */

.ijrcsit-v1s1-articles {

    padding: 52px 0 58px;

    background: var(--v1-background);

}


.ijrcsit-v1s1-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 25px;

    margin-bottom: 27px;

}


.ijrcsit-v1s1-heading h2 {

    margin: 0;

    color: var(--v1-heading);

    font-size: 28px;

    line-height: 1.2;

}


.ijrcsit-v1s1-heading .ijrcsit-v1s1-title-line {

    margin-bottom: 0;

}


.ijrcsit-v1s1-count {

    padding: 7px 11px;

    color: var(--v1-muted);

    background: #ffffff;

    border: 1px solid var(--v1-border);

    border-radius: 4px;

    font-size: 11px;

}


.ijrcsit-v1s1-count strong {

    color: var(--v1-primary);

    font-weight: 700;

}


/* =========================================================
   ARTICLE CARD
========================================================= */

.ijrcsit-v1s1-list {

    display: flex;

    flex-direction: column;

    gap: 13px;

}


.ijrcsit-v1s1-card {

    display: grid;

    grid-template-columns: 65px minmax(0, 1fr);

    background: #ffffff;

    border: 1px solid var(--v1-border);

    border-radius: 6px;

    overflow: hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;

}


.ijrcsit-v1s1-card:hover {

    transform: translateY(-2px);

    border-color: #cbdde6;

    box-shadow: 0 10px 25px rgba(16,43,56,.08);

}


/* NUMBER */

.ijrcsit-v1s1-number {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding-top: 25px;

    color: rgba(30,67,86,.18);

    background: #f4f8fb;

    font-family: "Raleway", sans-serif;

    font-size: 24px;

    font-weight: 700;

}


/* CONTENT */

.ijrcsit-v1s1-card-content {

    min-width: 0;

    padding: 20px 24px 18px;

}


.ijrcsit-v1s1-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 7px;

}


.ijrcsit-v1s1-article-label {

    color: var(--v1-accent-dark);

    font-family: "Poppins", sans-serif;

    font-size: 9.5px;

    font-weight: 700;

    letter-spacing: 1.2px;

}


.ijrcsit-v1s1-pages {

    color: var(--v1-muted);

    font-size: 11px;

}


.ijrcsit-v1s1-card h3 {

    margin: 0 0 9px;

    color: var(--v1-heading);

    font-size: 18px;

    font-weight: 700;

    line-height: 1.35;

}


.ijrcsit-v1s1-authors {

    display: flex;

    align-items: flex-start;

    gap: 7px;

    margin-bottom: 13px;

    color: var(--v1-text-dark);

    font-size: 12.5px;

}


.ijrcsit-v1s1-authors i {

    margin-top: 2px;

    color: var(--v1-accent-dark);

}


/* =========================================================
   ABSTRACT
========================================================= */

.ijrcsit-v1s1-abstract {

    padding: 13px 15px;

    margin-bottom: 15px;

    background: #f8fbfd;

    border-left: 3px solid var(--v1-accent);

    border-radius: 0 4px 4px 0;

}


.ijrcsit-v1s1-abstract strong {

    display: block;

    margin-bottom: 5px;

    color: var(--v1-heading);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .3px;

}


.ijrcsit-v1s1-abstract p {

    margin: 0;

    color: var(--v1-text);

    font-size: 13px;

    line-height: 1.65;

}


/* =========================================================
   CARD FOOTER
========================================================= */

.ijrcsit-v1s1-card-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding-top: 12px;

    border-top: 1px solid var(--v1-border-light);

}


.ijrcsit-v1s1-doi {

    max-width: 70%;

    overflow: hidden;

    color: var(--v1-muted);

    font-size: 10.5px;

    text-overflow: ellipsis;

    white-space: nowrap;

}


.ijrcsit-v1s1-doi i {

    margin-right: 3px;

    color: var(--v1-accent-dark);

}


.ijrcsit-v1s1-read {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: var(--v1-primary);

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;

    text-decoration: none;

    white-space: nowrap;

}


.ijrcsit-v1s1-read i {

    transition: transform .2s ease;

}


.ijrcsit-v1s1-read:hover {

    color: var(--v1-accent-dark);

}


.ijrcsit-v1s1-read:hover i {

    transform: translateX(3px);

}


/* =========================================================
   PAGINATION
========================================================= */

.ijrcsit-v1s1-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-top: 30px;

}


.ijrcsit-v1s1-pagination a,
.ijrcsit-v1s1-pagination span {

    text-decoration: none;

}


.page-prev,
.page-next {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    min-height: 35px;

    padding: 7px 11px;

    color: var(--v1-primary);

    background: #ffffff;

    border: 1px solid var(--v1-border);

    border-radius: 4px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;

}


.page-prev:hover,
.page-next:hover {

    background: var(--v1-accent-light);

    border-color: var(--v1-accent);

}


.page-prev.disabled,
.page-next.disabled {

    opacity: .45;

    pointer-events: none;

}


.page-numbers {

    display: flex;

    align-items: center;

    gap: 5px;

}


.page-numbers a,
.page-numbers span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;

    height: 34px;

    color: var(--v1-primary);

    background: #ffffff;

    border: 1px solid var(--v1-border);

    border-radius: 4px;

    font-size: 11px;

    font-weight: 600;

}


.page-numbers a:hover {

    background: var(--v1-accent-light);

    border-color: var(--v1-accent);

}


.page-numbers span.active {

    color: #ffffff;

    background: var(--v1-primary);

    border-color: var(--v1-primary);

}


/* =========================================================
   NOTE
========================================================= */

.ijrcsit-v1s1-note {

    padding: 0 0 55px;

    background: var(--v1-background);

}


.ijrcsit-v1s1-note-box {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 17px 20px;

    background: #ffffff;

    border: 1px solid var(--v1-border);

    border-left: 3px solid var(--v1-accent);

    border-radius: 5px;

}


.ijrcsit-v1s1-note-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    flex: 0 0 32px;

    color: var(--v1-primary);

    background: var(--v1-accent-light);

    border-radius: 50%;

}


.ijrcsit-v1s1-note-box strong {

    display: block;

    margin-bottom: 3px;

    color: var(--v1-heading);

    font-size: 13px;

}


.ijrcsit-v1s1-note-box p {

    margin: 0;

    color: var(--v1-text);

    font-size: 12px;

    line-height: 1.6;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-v1s1-info-grid {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    .ijrcsit-v1s1-meta {

        max-width: 700px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .ijrcsit-v1s1-hero {

        min-height: 215px;

    }


    .ijrcsit-v1s1-hero-content {

        transform: translateY(8px);

        padding: 0 10px;

    }


    .ijrcsit-v1s1-hero h1 {

        font-size: 28px;

    }


    .ijrcsit-v1s1-hero-content > p {

        font-size: 13.5px;

    }


    .ijrcsit-v1s1-info {

        padding: 40px 0;

    }


    .ijrcsit-v1s1-info-main h2 {

        font-size: 24px;

    }


    .ijrcsit-v1s1-info-main p {

        font-size: 14px;

        line-height: 1.7;

    }


    .ijrcsit-v1s1-actions {

        margin-top: 18px;

    }


    .ijrcsit-v1s1-btn {

        min-height: 38px;

        padding: 8px 13px;

        font-size: 11px;

    }


    .ijrcsit-v1s1-articles {

        padding: 40px 0 45px;

    }


    .ijrcsit-v1s1-heading {

        align-items: flex-start;

        flex-direction: column;

        gap: 12px;

        margin-bottom: 22px;

    }


    .ijrcsit-v1s1-heading h2 {

        font-size: 24px;

    }


    .ijrcsit-v1s1-card {

        grid-template-columns: 45px minmax(0, 1fr);

    }


    .ijrcsit-v1s1-number {

        padding-top: 20px;

        font-size: 19px;

    }


    .ijrcsit-v1s1-card-content {

        padding: 17px 15px;

    }


    .ijrcsit-v1s1-card h3 {

        font-size: 16px;

    }


    .ijrcsit-v1s1-abstract {

        padding: 11px 12px;

    }


    .ijrcsit-v1s1-abstract p {

        font-size: 12.5px;

        line-height: 1.6;

    }


    .ijrcsit-v1s1-card-footer {

        align-items: flex-start;

        flex-direction: column;

        gap: 8px;

    }


    .ijrcsit-v1s1-doi {

        max-width: 100%;

    }


    .ijrcsit-v1s1-pagination {

        gap: 8px;

    }


    .page-prev,
    .page-next {

        padding: 7px 8px;

        font-size: 10px;

    }


}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ijrcsit-v1s1-kicker {

        font-size: 8.5px;

        letter-spacing: 1.5px;

    }


    .ijrcsit-v1s1-hero h1 {

        font-size: 26px;

    }


    .ijrcsit-v1s1-hero h1 span {

        margin: 0 2px;

    }


    .ijrcsit-v1s1-breadcrumb {

        font-size: 10px;

    }


    .ijrcsit-v1s1-meta {

        padding: 17px;

    }


    .ijrcsit-v1s1-meta-list > div {

        padding: 8px 0;

    }


    .ijrcsit-v1s1-card {

        grid-template-columns: 1fr;

    }


    .ijrcsit-v1s1-number {

        justify-content: flex-start;

        padding: 8px 14px;

        font-size: 15px;

    }


    .ijrcsit-v1s1-card-top {

        align-items: flex-start;

        flex-direction: column;

        gap: 3px;

    }


    .page-prev,
    .page-next {

        font-size: 0;

        width: 34px;

        justify-content: center;

    }


    .page-prev i,
    .page-next i {

        font-size: 12px;

        margin: 0;

    }


}
/* =========================================================
   IJRCSIT — FRESH ARTICLE DESIGN
   COMPACT / EDITORIAL / READABLE
========================================================= */



/* =========================================================
   ARTICLE BODY
========================================================= */

.ijrcsit-paper-body {

    padding: 34px 0 38px;

    background: #f4f8fb;

}


.ijrcsit-paper-layout {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        235px;

    gap: 42px;

    align-items: start;

}


.ijrcsit-paper-main {

    min-width: 0;

}


/* =========================================================
   SECTIONS
========================================================= */

.ijrcsit-paper-section {

    margin-bottom: 27px;

}


.ijrcsit-paper-section-title {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

    padding-bottom: 6px;

    border-bottom: 1px solid #dce7ed;

}


.ijrcsit-paper-section-title span {

    position: relative;

    display: inline-block;

    padding-bottom: 6px;

    margin-bottom: -7px;

    color: #173847;

    font-family: "Raleway", sans-serif;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 700;

}


.ijrcsit-paper-section-title span::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 34px;

    height: 2px;

    background: #68a4c4;

}


/* =========================================================
   ABSTRACT
========================================================= */

.ijrcsit-abstract-text {

    margin: 0;

    color: #30383d;

    font-family: "Roboto", sans-serif;

    font-size: 14.5px;

    line-height: 1.8;

    text-align: justify;

}


/* =========================================================
   KEYWORDS
========================================================= */

.ijrcsit-keyword-section {

    margin-bottom: 25px;

}


.ijrcsit-keyword-text {

    margin: 0;

    color: #354850;

    font-family: "Roboto", sans-serif;

    font-size: 13.5px;

    line-height: 1.7;

}


.ijrcsit-keyword-text::before {

    content: "";

}


/* =========================================================
   CITATION
========================================================= */

.ijrcsit-citation-content {

    position: relative;

    padding: 13px 15px;

    border-left: 3px solid #68a4c4;

    background: #ffffff;

}


.ijrcsit-citation-content p {

    margin: 0;

    padding-right: 105px;

    color: #35434a;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.7;

}


.ijrcsit-copy-button {

    position: absolute;

    top: 11px;

    right: 11px;

    display: inline-flex;

    align-items: center;

    gap: 5px;

    padding: 6px 9px;

    border: 1px solid #dce7ed;

    border-radius: 3px;

    background: #ffffff;

    color: #1e4356;

    font-family: "Poppins", sans-serif;

    font-size: 9.5px;

    font-weight: 500;

    cursor: pointer;

}


.ijrcsit-copy-button:hover {

    background: #eaf4f9;

    border-color: #68a4c4;

}


/* =========================================================
   REFERENCES
========================================================= */

.ijrcsit-reference-list {

    border-top: 1px solid #dce7ed;

}


.ijrcsit-reference {

    margin: 0;

    padding: 9px 0;

    border-bottom: 1px solid #eaf0f4;

    color: #30383d;

    font-family: "Roboto", sans-serif;

    font-size: 13.5px;

    line-height: 1.65;

}


/* =========================================================
   SIDEBAR
========================================================= */

.ijrcsit-paper-sidebar {

    position: sticky;

    top: 85px;

}


.ijrcsit-sidebar-heading {

    padding-bottom: 9px;

    border-bottom: 2px solid #68a4c4;

    color: #173847;

    font-family: "Raleway", sans-serif;

    font-size: 18px;

    font-weight: 700;

}


.ijrcsit-sidebar-item {

    padding: 10px 0;

    border-bottom: 1px solid #dce7ed;

}


.ijrcsit-sidebar-item span {

    display: block;

    margin-bottom: 2px;

    color: #71818a;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    letter-spacing: .5px;

    text-transform: uppercase;

}


.ijrcsit-sidebar-item strong {

    display: block;

    color: #263940;

    font-family: "Roboto", sans-serif;

    font-size: 12.5px;

    line-height: 1.45;

    font-weight: 600;

    overflow-wrap: anywhere;

}


.ijrcsit-sidebar-item .sidebar-doi {

    font-size: 11px;

}


.ijrcsit-sidebar-download {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: 100%;

    min-height: 37px;

    margin-top: 13px;

    box-sizing: border-box;

    border-radius: 4px;

    background: #1e4356;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 10.5px;

    font-weight: 600;

    text-decoration: none;

    transition: .2s ease;

}


.ijrcsit-sidebar-download:hover {

    background: #163544;

    color: #ffffff;

}


/* =========================================================
   BOTTOM DOWNLOAD
========================================================= */

.ijrcsit-paper-download {

    padding: 22px 0 27px;

    background: #ffffff;

    border-top: 1px solid #dce7ed;

}


.ijrcsit-paper-download-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding: 16px 0;

}


.ijrcsit-paper-download-inner > div {

    min-width: 0;

}


.ijrcsit-paper-download-inner span {

    display: block;

    margin-bottom: 3px;

    color: #4f8eae;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1.2px;

}


.ijrcsit-paper-download-inner h2 {

    margin: 0 0 3px;

    color: #173847;

    font-family: "Raleway", sans-serif;

    font-size: 18px;

    line-height: 1.35;

}


.ijrcsit-paper-download-inner p {

    margin: 0;

    color: #71818a;

    font-family: "Roboto", sans-serif;

    font-size: 12px;

}


.ijrcsit-bottom-download {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    flex-shrink: 0;

    min-height: 40px;

    padding: 9px 17px;

    border-radius: 4px;

    background: #1e4356;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 600;

    text-decoration: none;

    transition: .2s ease;

}


.ijrcsit-bottom-download:hover {

    background: #163544;

    color: #ffffff;

    transform: translateY(-1px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-paper-layout {

        grid-template-columns: 1fr;

        gap: 25px;

    }


    .ijrcsit-paper-sidebar {

        position: static;

    }


    .ijrcsit-sidebar-heading {

        font-size: 17px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .ijrcsit-paper-header {

        padding: 15px 0 20px;

    }


    .ijrcsit-paper-topline {

        margin-bottom: 13px;

        font-size: 8.5px;

    }


    .paper-type {

        width: 100%;

        margin-left: 0;

        margin-top: 2px;

    }


    .ijrcsit-paper-header-grid {

        grid-template-columns: 1fr;

        gap: 17px;

    }


    .ijrcsit-paper-title-area h1 {

        font-size: 23px;

        line-height: 1.27;

    }


    .ijrcsit-paper-authors {

        font-size: 13px;

    }


    .ijrcsit-paper-meta {

        font-size: 11.5px;

    }


    .ijrcsit-paper-doi {

        font-size: 10.5px;

    }


    .ijrcsit-paper-cover-area {

        justify-content: flex-start;

    }


    .ijrcsit-paper-cover {

        width: 105px;

        height: 133px;

    }


    .ijrcsit-header-actions {

        width: 100%;

    }


    .ijrcsit-download-button {

        flex: 1;

    }


    .ijrcsit-cite-button {

        flex: 0 0 auto;

    }


    .ijrcsit-paper-body {

        padding: 27px 0 32px;

    }


    .ijrcsit-paper-section {

        margin-bottom: 24px;

    }


    .ijrcsit-paper-section-title span {

        font-size: 20px;

    }


    .ijrcsit-abstract-text {

        font-size: 14px;

        line-height: 1.75;

        text-align: left;

    }


    .ijrcsit-keyword-text {

        font-size: 13px;

        line-height: 1.7;

    }


    .ijrcsit-citation-content p {

        padding-right: 0;

        padding-bottom: 34px;

        font-size: 12.8px;

    }


    .ijrcsit-paper-download {

        padding: 18px 0 22px;

    }


    .ijrcsit-paper-download-inner {

        flex-direction: column;

        align-items: flex-start;

        gap: 13px;

    }


    .ijrcsit-bottom-download {

        width: 100%;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-paper-title-area h1 {

        font-size: 21px;

    }


    .ijrcsit-paper-cover {

        width: 95px;

        height: 121px;

    }


    .ijrcsit-download-button {

        font-size: 10px;

        padding-left: 10px;

        padding-right: 10px;

    }


    .ijrcsit-cite-button {

        font-size: 9.5px;

        padding-left: 9px;

        padding-right: 9px;

    }


    .ijrcsit-paper-section-title span {

        font-size: 19px;

    }


    .ijrcsit-reference {

        font-size: 13px;

    }


    .ijrcsit-paper-download-inner h2 {

        font-size: 17px;

    }

}
/* =========================================================
   IJRCSIT ARTICLE PAGE
   COMPACT EDITORIAL DESIGN
========================================================= */


/* =========================================================
   ROOT
========================================================= */

:root {

    --ijrcsit-blue: #204b5f;
    --ijrcsit-blue-dark: #173c4d;
    --ijrcsit-blue-deep: #102f3e;

    --ijrcsit-teal: #287c82;
    --ijrcsit-accent: #3c9ba0;

    --ijrcsit-text: #182b35;
    --ijrcsit-text-soft: #3e505a;
    --ijrcsit-muted: #687981;

    --ijrcsit-background: #f4f7f8;
    --ijrcsit-white: #ffffff;

    --ijrcsit-border: #d9e2e6;

}


/* =========================================================
   PAGE
========================================================= */

.ijrcsit-article-page {

    background: var(--ijrcsit-background);

    color: var(--ijrcsit-text);

}


/* =========================================================
   ARTICLE HEADER
========================================================= */

.ijrcsit-article-header {

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            100deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.95) 42%,
            rgba(255,255,255,.78) 100%
        );

    border-bottom: 1px solid var(--ijrcsit-border);

}


/* =========================================================
   BACKGROUND IMAGE
========================================================= */

.ijrcsit-article-header-bg {

    position: absolute;

    top: 0;
    right: 0;

    width: 58%;
    height: 100%;

    background-image:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.78) 28%,
            rgba(255,255,255,.18) 100%
        ),
        url("../img/article-background.jpg");

    background-size: cover;

    background-position: center;

    opacity: .75;

    pointer-events: none;

}


/* =========================================================
   HEADER INNER
========================================================= */

.ijrcsit-article-header-inner {

    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: 150px minmax(0, 1fr);

    gap: 34px;

    max-width: 1100px;

    margin: 0 auto;

    padding: 38px 34px 34px;

}


/* =========================================================
   COVER COLUMN
========================================================= */

.ijrcsit-article-cover-column {

    display: flex;

    flex-direction: column;

    align-items: center;

}


/* =========================================================
   COVER IMAGE
========================================================= */

.ijrcsit-article-cover {

    width: 135px;
    height: 178px;

    overflow: hidden;

    background: #eef3f5;

    border: 1px solid #cbd8dd;

    box-shadow:
        0 8px 22px rgba(18,48,62,.16);

}


.ijrcsit-article-cover img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

}


/* =========================================================
   PDF BUTTON UNDER COVER
========================================================= */

.ijrcsit-pdf-button {

    width: 135px;

    min-height: 38px;

    margin-top: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding: 8px 10px;

    border-radius: 3px;

    background: var(--ijrcsit-blue);

    color: #ffffff;

    text-decoration: none;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .1px;

    transition:
        background .2s ease,
        transform .2s ease;

}


.ijrcsit-pdf-button:hover {

    background: var(--ijrcsit-blue-dark);

    color: #ffffff;

    transform: translateY(-1px);

}


.ijrcsit-pdf-button i {

    font-size: 14px;

}


/* =========================================================
   INTRODUCTION
========================================================= */

.ijrcsit-article-introduction {

    min-width: 0;

    padding: 3px 0 0;

}


/* =========================================================
   LABEL
========================================================= */

.ijrcsit-article-label {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 12px;

    color: var(--ijrcsit-teal);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.3px;

    text-transform: uppercase;

}


.ijrcsit-article-label span {

    color: #a3b1b7;

}


/* =========================================================
   ARTICLE TITLE
========================================================= */

.ijrcsit-article-introduction h1 {

    max-width: 790px;

    margin: 0;

    color: #142831;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(27px, 3vw, 42px);

    line-height: 1.17;

    font-weight: 700;

    letter-spacing: -.45px;

}


/* =========================================================
   TITLE ACCENT
========================================================= */

.ijrcsit-article-rule {

    width: 48px;
    height: 3px;

    margin: 18px 0 17px;

    background: var(--ijrcsit-teal);

}


/* =========================================================
   AUTHORS
========================================================= */

.ijrcsit-article-authors {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    max-width: 780px;

    color: #253c47;

    font-size: 15px;

    line-height: 1.55;

    font-weight: 600;

}


.ijrcsit-article-authors i {

    flex: 0 0 auto;

    margin-top: 3px;

    color: var(--ijrcsit-teal);

    font-size: 17px;

}


/* =========================================================
   META
========================================================= */

.ijrcsit-article-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 18px;

    margin-top: 18px;

}


.ijrcsit-meta-item {

    display: flex;

    flex-direction: column;

    gap: 3px;

}


.ijrcsit-meta-item span {

    color: #72838a;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.ijrcsit-meta-item strong {

    color: #263d47;

    font-size: 13px;

    font-weight: 700;

}


.ijrcsit-meta-divider {

    width: 1px;

    height: 29px;

    background: #cad6da;

}


/* =========================================================
   ARTICLE TYPE
========================================================= */

.ijrcsit-article-type {

    display: inline-flex;

    margin-top: 17px;

    padding: 5px 10px;

    border-left: 3px solid var(--ijrcsit-teal);

    background: rgba(39,124,130,.07);

    color: #38606a;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .5px;

}


/* =========================================================
   CONTENT WRAPPER
========================================================= */

.ijrcsit-article-content {
    margin-top: -50px;

    padding: 25px 0 35px;

}


/* =========================================================
   PAPER
========================================================= */

.ijrcsit-paper {

    max-width: 1100px;

    margin: 0 auto;

    background: var(--ijrcsit-white);

    border: 1px solid var(--ijrcsit-border);

}


/* =========================================================
   CONTENT SECTION
========================================================= */

.ijrcsit-content-section {

    padding: 25px 34px 27px;

}


.ijrcsit-content-section + .ijrcsit-content-section {

    border-top: 1px solid var(--ijrcsit-border);

}


/* =========================================================
   HEADING
========================================================= */

.ijrcsit-content-heading {

    margin-bottom: 12px;

}


.ijrcsit-content-heading h2 {

    position: relative;

    margin: 0;

    padding-bottom: 9px;

    color: #183744;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.25;

    font-weight: 700;

}


.ijrcsit-content-heading h2::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 34px;
    height: 2px;

    background: var(--ijrcsit-teal);

}


/* =========================================================
   READING TEXT
========================================================= */

.ijrcsit-reading-text {

    margin: 0;

    color: #273b45;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.85;

    text-align: justify;

}


/* =========================================================
   KEYWORDS
========================================================= */

.ijrcsit-keywords {

    margin: 0;

    color: #3b5059;

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   REFERENCES
========================================================= */

.ijrcsit-reference-list {

    display: flex;

    flex-direction: column;

    gap: 13px;

}


.ijrcsit-reference {

    margin: 0;

    color: #334952;

    font-size: 14px;

    line-height: 1.7;

    text-align: justify;

}


/* =========================================================
   BOTTOM PDF ACTION
========================================================= */

.ijrcsit-bottom-action {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding: 21px 34px;

    background: #f1f6f7;

    border-top: 1px solid var(--ijrcsit-border);

}


.ijrcsit-bottom-action-text {

    display: flex;

    flex-direction: column;

    gap: 3px;

}


.ijrcsit-bottom-action-text span {

    color: var(--ijrcsit-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.2px;

}


.ijrcsit-bottom-action-text strong {

    color: #203944;

    font-size: 15px;

    font-weight: 700;

}


.ijrcsit-bottom-pdf {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-width: 180px;

    padding: 11px 18px;

    background: var(--ijrcsit-blue);

    color: #ffffff;

    text-decoration: none;

    border-radius: 3px;

    font-size: 12px;

    font-weight: 700;

    transition:
        background .2s ease,
        transform .2s ease;

}


.ijrcsit-bottom-pdf:hover {

    background: var(--ijrcsit-blue-dark);

    color: #ffffff;

    transform: translateY(-1px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .ijrcsit-article-header-inner {

        grid-template-columns: 125px minmax(0, 1fr);

        gap: 25px;

        padding: 30px 25px;

    }


    .ijrcsit-article-cover {

        width: 115px;
        height: 155px;

    }


    .ijrcsit-pdf-button {

        width: 115px;

    }


    .ijrcsit-article-introduction h1 {

        font-size: 30px;

    }


    .ijrcsit-content-section {

        padding-left: 25px;
        padding-right: 25px;

    }


    .ijrcsit-bottom-action {

        padding-left: 25px;
        padding-right: 25px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .ijrcsit-article-header-bg {

        width: 100%;

        opacity: .16;

        background:
            url("../img/article-background.jpg");

        background-size: cover;

        background-position: center;

    }


    .ijrcsit-article-header {

        background: #ffffff;

    }


    .ijrcsit-article-header-inner {

        display: grid;

        grid-template-columns: 100px minmax(0, 1fr);

        gap: 18px;

        padding: 23px 16px 24px;

    }


    .ijrcsit-article-cover {

        width: 95px;
        height: 130px;

    }


    .ijrcsit-pdf-button {

        width: 95px;

        min-height: 34px;

        padding: 6px 4px;

        font-size: 10px;

    }


    .ijrcsit-pdf-button i {

        font-size: 12px;

    }


    .ijrcsit-article-label {

        margin-bottom: 8px;

        font-size: 8px;

        letter-spacing: .8px;

    }


    .ijrcsit-article-introduction h1 {

        font-size: 22px;

        line-height: 1.23;

        letter-spacing: -.2px;

    }


    .ijrcsit-article-rule {

        width: 35px;

        height: 2px;

        margin: 12px 0;

    }


    .ijrcsit-article-authors {

        font-size: 12px;

        line-height: 1.45;

    }


    .ijrcsit-article-authors i {

        font-size: 14px;

    }


    .ijrcsit-article-meta {

        display: grid;

        grid-template-columns: 1fr;

        gap: 8px;

        margin-top: 13px;

    }


    .ijrcsit-meta-divider {

        display: none;

    }


    .ijrcsit-meta-item {

        gap: 2px;

    }


    .ijrcsit-meta-item span {

        font-size: 8px;

    }


    .ijrcsit-meta-item strong {

        font-size: 11px;

        word-break: break-word;

    }


    .ijrcsit-article-type {

        margin-top: 11px;

        font-size: 8px;

    }


    .ijrcsit-article-content {
        
        margin-bottom: -30px;

        padding: 15px 0 25px;

    }


    .ijrcsit-paper {

        border-left: 0;
        border-right: 0;

    }


    .ijrcsit-content-section {

        padding: 20px 16px 22px;

    }


    .ijrcsit-content-heading h2 {

        font-size: 19px;

    }


    .ijrcsit-reading-text {

        font-size: 14px;

        line-height: 1.75;

    }


    .ijrcsit-keywords {

        font-size: 13px;

        line-height: 1.75;

    }


    .ijrcsit-reference-list {

        gap: 11px;

    }


    .ijrcsit-reference {

        font-size: 13px;

        line-height: 1.65;

    }


    .ijrcsit-bottom-action {

        align-items: flex-start;

        flex-direction: column;

        gap: 14px;

        padding: 19px 16px;

    }


    .ijrcsit-bottom-pdf {

        width: 100%;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .ijrcsit-article-header-inner {

        grid-template-columns: 88px minmax(0, 1fr);

        gap: 14px;

        padding: 20px 13px;

    }


    .ijrcsit-article-cover {

        width: 84px;
        height: 116px;

    }


    .ijrcsit-pdf-button {

        width: 84px;

        font-size: 9px;

    }


    .ijrcsit-article-introduction h1 {

        font-size: 19px;

    }


    .ijrcsit-article-authors {

        font-size: 11px;

    }

}
/* =========================================================
   IJRCSIT — COMPACT ARTICLE TITLE BANNER
   ONLY HERO / TITLE BANNER
========================================================= */

.ijrcsit-paper-header {
    position: relative;
    padding: 34px 0 32px;
    background:
        linear-gradient(
            105deg,
            rgba(18, 59, 79, 0.97) 0%,
            rgba(24, 76, 96, 0.94) 55%,
            rgba(30, 92, 111, 0.90) 100%
        );
    overflow: hidden;
}

/* subtle background image layer */
.ijrcsit-paper-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(18, 59, 79, 0.96),
            rgba(18, 59, 79, 0.78)
        ),
        url("../img/article-background.jpg") center center / cover no-repeat;
    opacity: 0.42;
    pointer-events: none;
}

/* keep content above background */
.ijrcsit-paper-header .container {
    position: relative;
    z-index: 2;
}

/* =========================================================
   TOP INFORMATION LINE
========================================================= */

.ijrcsit-paper-topline {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.72);
}

.ijrcsit-paper-topline-separator {
    color: rgba(255, 255, 255, 0.35);
}

.ijrcsit-paper-topline .paper-type {
    margin-left: 8px;
    padding-left: 10px;

    border-left: 1px solid rgba(255, 255, 255, 0.25);

    color: rgba(255, 255, 255, 0.88);
}

/* =========================================================
   TITLE + COVER
========================================================= */

.ijrcsit-paper-header-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 135px;
    align-items: center;
    gap: 28px;
}

/* =========================================================
   TITLE
========================================================= */

.ijrcsit-paper-title-area h1 {
    margin: 0;

    max-width: 850px;

    font-size: clamp(25px, 3vw, 39px);
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: -0.5px;

    color: #ffffff;
}

/* smaller accent */
.ijrcsit-paper-accent {
    width: 42px;
    height: 3px;
    margin: 14px 0 14px;

    background: #55b9d7;
    border-radius: 2px;
}

/* =========================================================
   AUTHORS
========================================================= */

.ijrcsit-paper-authors {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 9px;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;

    color: rgba(255, 255, 255, 0.94);
}

.author-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    color: #73c8df;
    font-size: 15px;
}

/* =========================================================
   META
========================================================= */

.ijrcsit-paper-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    margin-bottom: 7px;

    font-size: 12px;
    color: rgba(255, 255, 255, 0.72);
}

.ijrcsit-paper-meta strong {
    margin-right: 4px;

    font-weight: 600;
    color: rgba(255, 255, 255, 0.96);
}

.meta-dot {
    color: rgba(255, 255, 255, 0.35);
}

/* =========================================================
   DOI
========================================================= */

.ijrcsit-paper-doi {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 15px;

    font-size: 11px;
}

.ijrcsit-paper-doi span {
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;

    color: #73c8df;
}

.ijrcsit-paper-doi strong {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
}

/* =========================================================
   PDF BUTTON
========================================================= */

.ijrcsit-header-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.ijrcsit-download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-height: 38px;
    padding: 8px 16px;

    border-radius: 4px;

    background: #ffffff;
    color: #16445a;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.ijrcsit-download-button:hover {
    background: #f2fbfd;
    color: #123b4f;

    transform: translateY(-1px);

    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);

    text-decoration: none;
}

.ijrcsit-cite-button {
    min-height: 38px;
    padding: 8px 14px;

    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 4px;

    background: rgba(255, 255, 255, 0.07);

    color: #ffffff;

    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition: background 0.2s ease;
}

.ijrcsit-cite-button:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* =========================================================
   COMPACT COVER IMAGE
========================================================= */

.ijrcsit-paper-cover-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ijrcsit-paper-cover {
    width: 115px;
    height: 150px;

    overflow: hidden;

    background: #ffffff;

    border: 3px solid rgba(255, 255, 255, 0.9);

    border-radius: 3px;

    box-shadow:
        0 12px 25px rgba(0, 0, 0, 0.25);
}

.ijrcsit-paper-cover img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ijrcsit-paper-header {
        padding: 28px 0;
    }

    .ijrcsit-paper-header-grid {
        grid-template-columns: minmax(0, 1fr) 110px;
        gap: 22px;
    }

    .ijrcsit-paper-title-area h1 {
        font-size: 28px;
    }

    .ijrcsit-paper-cover {
        width: 95px;
        height: 130px;
    }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ijrcsit-paper-header {
        padding: 22px 0 24px;
    }

    .ijrcsit-paper-topline {
        margin-bottom: 10px;
        font-size: 9px;
        gap: 6px;
    }

    .ijrcsit-paper-header-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ijrcsit-paper-title-area h1 {
        font-size: 24px;
        line-height: 1.22;
    }

    .ijrcsit-paper-accent {
        margin: 10px 0;
    }

    .ijrcsit-paper-authors {
        font-size: 13px;
    }

    .ijrcsit-paper-meta {
        font-size: 11px;
    }

    .ijrcsit-paper-doi {
        font-size: 10px;
        flex-wrap: wrap;
    }

    .ijrcsit-header-actions {
        flex-wrap: wrap;
    }

    .ijrcsit-download-button,
    .ijrcsit-cite-button {
        min-height: 36px;
        font-size: 11px;
    }

    .ijrcsit-paper-cover-area {
        justify-content: flex-start;
    }

    .ijrcsit-paper-cover {
        width: 82px;
        height: 108px;
    }
}
/* =========================================================
   IJRCSIT — COMPACT ARTICLE TITLE BANNER
   ONLY BANNER STYLING
========================================================= */

.ijrcsit-article-banner {
    position: relative;
    padding: 28px 0 30px;
    overflow: hidden;
    background: #eef4f7;
}

/* Background image */
.ijrcsit-banner-background {
    position: absolute;
    inset: 0;
    background: #ffffff;
    background-size: cover;
    background-position: center;
    z-index: 0;
}

/* Main banner container */
.ijrcsit-article-banner .container {
    position: relative;
    
    z-index: 1;
}

/* =========================================================
   ARTICLE HEADER
========================================================= */

.ijrcsit-article-header {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 24px;
    align-items: center;

    max-width: 1100px;
    margin: 0 auto;

    padding: 22px 28px;

    background-image:
        linear-gradient(
              90deg,
        rgba(238,244,247,.72) 0%,
        rgba(238,244,247,.55) 48%,
        rgba(238,244,247,.30) 100%
        ),
        url("../img/article.jpg");

    border-left: 4px solid #24566b;
    background-repeat: no-repeat;
    background-size: cover;

    box-shadow: 0 8px 25px rgba(16,43,56,.08);
}


/* =========================================================
   COVER IMAGE
========================================================= */

.ijrcsit-article-cover {
    
    
    width: 165px;
    height: 260px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d7e2e8;

    box-shadow: 0 5px 14px rgba(16,43,56,.12);
}

.ijrcsit-article-cover img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


/* =========================================================
   ARTICLE INFORMATION
========================================================= */

.ijrcsit-article-heading {
    
    margin-left: 62px;
    min-width: 0;
}


/* Small journal label */

.ijrcsit-article-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 7px;

    color: #5c7481;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .8px;
    text-transform: uppercase;
}

.ijrcsit-article-label span {
    color: #a3b2b9;
}


/* =========================================================
   ARTICLE TITLE
========================================================= */

.ijrcsit-article-heading h1 {
    margin: 0;

    max-width: 820px;

    color: #102f3d;

    font-size: 28px;
    line-height: 1.22;

    font-weight: 700;

    letter-spacing: -.3px;
}


/* Accent line */

.ijrcsit-title-line {
    width: 42px;
    height: 3px;

    margin: 10px 0 9px;

    background: #2b7182;
}


/* =========================================================
   AUTHORS
========================================================= */

.ijrcsit-article-authors {
    margin: 0 0 8px;

    color: #273f4b;

    font-size: 14px;
    line-height: 1.5;

    font-weight: 500;
}


/* =========================================================
   METADATA
========================================================= */

.ijrcsit-article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px 10px;

    color: #506672;

    font-size: 12.5px;
    line-height: 1.5;
}

.ijrcsit-article-meta strong {
    color: #183b4b;
    font-weight: 700;
}

.meta-divider {
    color: #9aabb3;
}


/* =========================================================
   ARTICLE TYPE
========================================================= */

.ijrcsit-article-type {
    display: inline-block;

    margin-top: 9px;

    color: #24566b;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .4px;
    text-transform: uppercase;
}


/* =========================================================
   PDF ACTION
========================================================= */

.ijrcsit-top-action {
    margin-top: 13px;
}

.ijrcsit-pdf-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 38px;

    padding: 9px 18px;

    background: #204f63;

    color: #ffffff !important;

    border-radius: 4px;

    font-size: 12.5px;
    font-weight: 700;

    text-decoration: none !important;

    box-shadow: 0 4px 12px rgba(32,79,99,.16);

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.ijrcsit-pdf-button i {
    font-size: 14px;
}

.ijrcsit-pdf-button:hover {
    background: #153e50;

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow: 0 6px 16px rgba(32,79,99,.22);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

    .ijrcsit-article-banner {
        padding: 20px 0 22px;
    }

    .ijrcsit-article-header {
        grid-template-columns: 88px minmax(0, 1fr);

        gap: 18px;

        padding: 18px 20px;
    }

    .ijrcsit-article-cover {
        width: 88px;
        height: 116px;
    }

    .ijrcsit-article-heading h1 {
        font-size: 23px;
        line-height: 1.25;
    }

    .ijrcsit-article-authors {
        font-size: 13px;
    }

    .ijrcsit-article-meta {
        font-size: 12px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 576px) {

    .ijrcsit-article-banner {
        padding: 14px 0 16px;
    }

    .ijrcsit-article-header {
        grid-template-columns: 72px minmax(0, 1fr);

        gap: 13px;

        padding: 15px 14px;

        border-left-width: 3px;
    }

    .ijrcsit-article-cover {
        width: 72px;
        height: 96px;
    }

    .ijrcsit-article-label {
        font-size: 9px;
        gap: 5px;

        margin-bottom: 5px;
    }

    .ijrcsit-article-heading h1 {
        font-size: 18px;
        line-height: 1.25;
        letter-spacing: 0;
    }

    .ijrcsit-title-line {
        width: 32px;
        height: 2px;

        margin: 7px 0;
    }

    .ijrcsit-article-authors {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .ijrcsit-article-meta {
        display: block;

        font-size: 11px;
        line-height: 1.65;
    }

    .meta-divider {
        margin: 0 4px;
    }

    .ijrcsit-article-type {
        margin-top: 6px;
        font-size: 9px;
    }

    .ijrcsit-top-action {
        margin-top: 9px;
    }

    .ijrcsit-pdf-button {
        min-height: 34px;
        padding: 7px 12px;

        font-size: 11px;
    }

    .ijrcsit-pdf-button i {
        font-size: 12px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .ijrcsit-article-header {
        grid-template-columns: 65px minmax(0, 1fr);
        gap: 11px;

        padding: 13px 11px;
    }

    .ijrcsit-article-cover {
        width: 65px;
        height: 88px;
    }

    .ijrcsit-article-heading h1 {
        font-size: 16px;
    }

    .ijrcsit-article-authors {
        font-size: 11px;
    }

    .ijrcsit-pdf-button {
        width: 100%;
    }
}