/* devanagari */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */



            .fqcBlogArchive,
            .fqcBlogArchive * {
              box-sizing: border-box;
            }

            .fqcBlogArchive {
              --fqc-green: #0b7e7e;
              --fqc-blue: #487FC0;
              --fqc-navy: #212C59;
              --fqc-text: #5f6d7f;
              --fqc-muted: #7b8797;
              --fqc-line: rgba(33, 44, 89, 0.10);
              --fqc-soft-green: rgba(11, 126, 126, 0.08);
              --fqc-soft-blue: rgba(72, 127, 192, 0.09);

              width: 100vw;
              margin-left: calc(50% - 50vw);
              margin-right: calc(50% - 50vw);
              padding: 78px 0 88px;
              background: #ffffff;
              font-family: "Poppins", Arial, sans-serif;
              color: var(--fqc-text);
              position: relative;
              overflow: hidden;
              isolation: isolate;
            }

            .fqcBlogArchive::before {
              content: "";
              position: absolute;
              inset: 0;
              z-index: -3;
              background-image:
                linear-gradient(rgba(33, 44, 89, 0.032) 1px, transparent 1px),
                linear-gradient(90deg, rgba(33, 44, 89, 0.032) 1px, transparent 1px);
              background-size: 54px 54px;
              opacity: 0.72;
              pointer-events: none;
            }

            .fqcBlogArchive::after {
              content: "";
              position: absolute;
              right: -290px;
              top: -310px;
              width: 660px;
              height: 660px;
              border-radius: 999px;
              border: 86px solid rgba(72, 127, 192, 0.065);
              z-index: -2;
              pointer-events: none;
            }

            .fqcBlogArchiveShape {
              position: absolute;
              left: -180px;
              bottom: -190px;
              width: 390px;
              height: 390px;
              border-radius: 999px;
              border: 62px solid rgba(11, 126, 126, 0.07);
              z-index: -1;
              pointer-events: none;
            }

            .fqcBlogArchiveWrap {
              width: min(1360px, calc(100% - 88px));
              margin: 0 auto;
              position: relative;
              z-index: 2;
            }

            .fqcBlogArchiveHead {
              display: grid;
              grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
              align-items: end;
              gap: 50px;
              margin-bottom: 42px;
            }

            .fqcBlogArchiveBadge {
              display: inline-flex;
              align-items: center;
              gap: 12px;
              color: var(--fqc-green);
              font-size: 12px;
              font-weight: 500;
              letter-spacing: 0.16em;
              text-transform: uppercase;
              margin-bottom: 15px;
              padding: 9px 14px;
              border-radius: 999px;
              background: var(--fqc-soft-green);
              border: 1px solid rgba(11, 126, 126, 0.13);
            }

            .fqcBlogArchiveBadge::before {
              content: "";
              width: 9px;
              height: 9px;
              border-radius: 999px;
              background: var(--fqc-green);
              box-shadow: 0 0 0 5px rgba(11, 126, 126, 0.12);
              flex: 0 0 auto;
            }

            .fqcBlogArchiveTitle {
              margin: 0;
              color: var(--fqc-navy);
              font-size: clamp(32px, 3.2vw, 48px);
              line-height: 1.1;
              font-weight: 500;
              letter-spacing: -0.032em;
            }

            .fqcBlogArchiveTitle span {
              color: var(--fqc-blue);
              font-weight: 500;
            }

            .fqcBlogArchiveDesc {
              margin: 0;
              max-width: 760px;
              color: var(--fqc-text);
              font-size: 15.5px;
              line-height: 1.82;
              font-weight: 400;
            }

            .fqcBlogArchiveGrid {
              display: grid;
              grid-template-columns: repeat(3, minmax(0, 1fr));
              gap: 20px;
              align-items: stretch;
            }

            .fqcBlogArchiveCard {
              min-height: 500px;
              background: #ffffff;
              border: 1px solid var(--fqc-line);
              border-radius: 30px;
              overflow: hidden;
              display: flex;
              flex-direction: column;
              text-decoration: none !important;
              color: inherit;
              box-shadow: 0 22px 58px rgba(33, 44, 89, 0.07);
              transition: 0.28s ease;
              position: relative;
              isolation: isolate;
            }

            .fqcBlogArchiveCard::before {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 76px;
              height: 5px;
              border-radius: 0 0 999px 0;
              background: var(--fqc-green);
              z-index: 5;
              transition: 0.28s ease;
            }

            .fqcBlogArchiveCard:hover,
            .fqcBlogArchiveCard:focus {
              transform: translateY(-7px);
              border-color: rgba(11, 126, 126, 0.22);
              box-shadow: 0 30px 78px rgba(33, 44, 89, 0.115);
              text-decoration: none !important;
              outline: none !important;
            }

            .fqcBlogArchiveCard:hover::before,
            .fqcBlogArchiveCard:focus::before {
              width: 126px;
              background: var(--fqc-blue);
            }

            .fqcBlogArchiveMedia {
              height: 235px;
              position: relative;
              overflow: hidden;
              background: #f4f8fd;
            }

            .fqcBlogArchiveMedia img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              display: block;
              transition: 0.42s ease;
            }

            .fqcBlogArchiveCard:hover .fqcBlogArchiveMedia img {
              transform: scale(1.045);
            }

            .fqcBlogArchiveMedia::after {
              content: "";
              position: absolute;
              inset: 0;
              background: linear-gradient(180deg, rgba(33, 44, 89, 0.02) 0%, rgba(33, 44, 89, 0.28) 100%);
              pointer-events: none;
            }

            .fqcBlogArchiveDate {
              position: absolute;
              top: 18px;
              right: 18px;
              z-index: 3;
              min-width: 74px;
              height: 72px;
              padding: 0 10px;
              border-radius: 20px;
              background: rgba(255, 255, 255, 0.94);
              color: var(--fqc-navy);
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              border: 1px solid rgba(255, 255, 255, 0.55);
              box-shadow: 0 18px 34px rgba(33, 44, 89, 0.15);
            }

            .fqcBlogArchiveDate strong {
              color: var(--fqc-blue);
              font-size: 19px;
              line-height: 1;
              font-weight: 500;
              letter-spacing: -0.02em;
            }

            .fqcBlogArchiveDate span {
              margin-top: 5px;
              color: var(--fqc-text);
              font-size: 11px;
              line-height: 1;
              font-weight: 400;
            }

            .fqcBlogArchiveBody {
              padding: 24px 24px 22px;
              flex: 1;
              display: flex;
              flex-direction: column;
            }

            .fqcBlogArchiveMeta {
              display: flex;
              align-items: center;
              gap: 14px;
              flex-wrap: wrap;
              margin-bottom: 16px;
              color: var(--fqc-muted);
              font-size: 12.5px;
              line-height: 1;
              font-weight: 400;
            }

            .fqcBlogArchiveMetaItem {
              display: inline-flex;
              align-items: center;
              gap: 7px;
            }

            .fqcBlogArchiveMetaItem svg {
              width: 15px;
              height: 15px;
              color: var(--fqc-blue);
              stroke: currentColor;
              stroke-width: 2;
              fill: none;
              stroke-linecap: round;
              stroke-linejoin: round;
              display: block;
            }

            .fqcBlogArchiveCardTitle {
              margin: 0;
              color: var(--fqc-navy) !important;
              font-size: 20px;
              line-height: 1.36;
              font-weight: 500;
              letter-spacing: -0.022em;
              text-decoration: none !important;
            }

            .fqcBlogArchiveExcerpt {
              margin: 14px 0 0;
              color: var(--fqc-text);
              font-size: 14px;
              line-height: 1.72;
              font-weight: 400;
              flex: 1;
            }

            .fqcBlogArchiveFooter {
              margin-top: 22px;
              padding-top: 17px;
              border-top: 1px solid var(--fqc-line);
              display: flex;
              align-items: center;
              justify-content: space-between;
              gap: 12px;
            }

            .fqcBlogArchiveRead {
              min-height: 40px;
              padding: 0 15px;
              border-radius: 999px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              gap: 10px;
              color: #ffffff;
              background: var(--fqc-blue);
              border: 1px solid var(--fqc-blue);
              font-size: 13px;
              line-height: 1;
              font-weight: 500;
              transition: 0.26s ease;
              box-shadow: 0 12px 26px rgba(72, 127, 192, 0.18);
              white-space: nowrap;
            }

            .fqcBlogArchiveRead svg {
              width: 16px;
              height: 16px;
              stroke: currentColor;
              stroke-width: 2.2;
              fill: none;
              stroke-linecap: round;
              stroke-linejoin: round;
              transition: 0.26s ease;
            }

            .fqcBlogArchiveCard:hover .fqcBlogArchiveRead {
              background: var(--fqc-green);
              border-color: var(--fqc-green);
              color: #ffffff;
              box-shadow: 0 14px 30px rgba(11, 126, 126, 0.20);
            }

            .fqcBlogArchiveCard:hover .fqcBlogArchiveRead svg {
              transform: translateX(4px);
            }

            .fqcBlogArchiveTag {
              min-height: 30px;
              padding: 0 11px;
              border-radius: 999px;
              background: rgba(72, 127, 192, 0.08);
              color: var(--fqc-blue);
              display: inline-flex;
              align-items: center;
              justify-content: center;
              font-size: 11px;
              line-height: 1;
              font-weight: 500;
              white-space: nowrap;
              transition: 0.26s ease;
            }

            .fqcBlogArchiveCard:hover .fqcBlogArchiveTag {
              background: rgba(11, 126, 126, 0.08);
              color: var(--fqc-green);
            }

            .fqcBlogArchiveEmpty {
              grid-column: 1 / -1;
              padding: 34px;
              border-radius: 24px;
              background: #ffffff;
              border: 1px solid var(--fqc-line);
              color: var(--fqc-text);
              font-size: 15px;
              line-height: 1.6;
              box-shadow: 0 18px 46px rgba(33, 44, 89, 0.06);
            }

            .fqcBlogArchivePagination {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 10px;
              flex-wrap: wrap;
              margin-top: 42px;
            }

            .fqcBlogArchivePagination .page-numbers {
              min-width: 44px;
              height: 44px;
              padding: 0 14px;
              border-radius: 999px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              background: #ffffff;
              border: 1px solid rgba(33, 44, 89, 0.12);
              color: var(--fqc-navy) !important;
              font-size: 14px;
              font-weight: 500;
              text-decoration: none !important;
              transition: 0.24s ease;
              box-shadow: 0 10px 26px rgba(33, 44, 89, 0.055);
            }

            .fqcBlogArchivePagination .page-numbers.current,
            .fqcBlogArchivePagination .page-numbers:hover {
              background: var(--fqc-green);
              border-color: var(--fqc-green);
              color: #ffffff !important;
            }

            .fqcBlogArchive a,
            .fqcBlogArchive a:hover,
            .fqcBlogArchive a:focus,
            .fqcBlogArchive a:active,
            .fqcBlogArchive a:visited {
              text-decoration: none !important;
              outline: none !important;
            }

            .fqcBlogArchive strong,
            .fqcBlogArchive b {
              font-weight: 500 !important;
            }

            @media (max-width: 1180px) {
              .fqcBlogArchiveGrid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
              }

              .fqcBlogArchiveHead {
                grid-template-columns: 1fr;
                gap: 18px;
              }
            }

            @media (max-width: 720px) {
              .fqcBlogArchive {
                padding: 58px 0 68px;
              }

              .fqcBlogArchiveWrap {
                width: min(100% - 28px, 1360px);
              }

              .fqcBlogArchiveTitle {
                font-size: 32px;
              }

              .fqcBlogArchiveDesc {
                font-size: 14.5px;
              }

              .fqcBlogArchiveGrid {
                grid-template-columns: 1fr;
                gap: 16px;
              }

              .fqcBlogArchiveCard {
                min-height: auto;
                border-radius: 24px;
              }

              .fqcBlogArchiveMedia {
                height: 210px;
              }

              .fqcBlogArchiveBody {
                padding: 22px 20px 20px;
              }

              .fqcBlogArchiveFooter {
                align-items: flex-start;
                flex-direction: column;
              }

              .fqcBlogArchiveRead {
                width: 100%;
                justify-content: center;
              }
            }