/* =========================================================
COLOR CHANGES
========================================================= */

.SearchContainer__searchIcon,.AppContainer__backToTop,.Button__footerBtn:hover,.LoginDetail__profileBtn. {
background:#BD1839
}
.SearchContainer__downArrow{
border-top-color:#BD1839
}
.commonStyle__zt3BrandFill{
fill:#BD1839;
    color:#BD1839
}
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover, .globalfixednav .globalSignin:hover, .globalfixednav .globalSignup:hover,.globalfixednav .LoginDetail__signin:hover,.globalfixednav .LoginDetail__signup:hover{
border-bottom: .1875rem solid #BD1839;
    color: #BD1839;
}
.globalfixednav .aPlusIcon:hover,.Signin__userLink,.Link__link2,.Icon__hoverbrand:hover,.Icon__brand,.Comment__cmtUsrNme,.TabFilter__tab:hover, .ThreadedComment__commentContent a,.FileUpload__userLink,.AvatarText__avatarText,.TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span, .TopicDetailRightContainer__viewCount>span,.Button__primaryBorder, .Button__warningBorder,.TopicPreview__txtPrimary,.Pill__pillText,.NoContent__contentDescription a, .NoContent__title,.TopicDetailLeftContainer__creatorName,.ThreadedComment__userNameType2,.TopicPreview__creatorName, .globalfixednav .CustomizeContainer__aPlus:hover,.ForgetPasswordContainer__userLink,.Captcha__captchaText,.communityDetail .description a,.articleDetail .description a,.FilterTabs__activeFilter,.ForumTabs__activeFilter,.LoginDetail__userMail .commonStyle__zt3Brand,.TopicListRightContainer__countValue,.commonStyle__zt3Brand,.TicketFilterPopup__active,.TicketFilterPopup__filterValue:hover {
color: #BD1839 !important;
}
.AvatarText__avatarText{
background: #fff;
}

.FileUpload__attachPin,.AvatarText__avatarText,.Button__primaryBorder, .Button__warningBorder,.Pill__pill{
border-color:#BD1839;
}

.ErrorPage__errorTitle {
    color: #BD1839;
}

  
/* COLOR CHANGES*/

/* =====================================================
   Portal auth pages: Next button (#nextbtn) default + hover
   Works for /signin, /signup, and forgetPassword flow
   ===================================================== */

/* DEFAULT (must beat: .blue, .blue#nextbtn { background-color: ... } ) */
.blue#nextbtn,
button.blue#nextbtn,
button#nextbtn.btn.blue {
  background-color: #BD1839 !important;
  background: #BD1839 !important;
  background-image: none !important;
  border-color: #BD1839 !important;
  color: #fff !important;
}

button#nextbtn.btn.blue::before,
button#nextbtn.btn.blue::after {
  background: #BD1839 !important;
}

/* HOVER / FOCUS */
.blue#nextbtn:hover,
button.blue#nextbtn:hover,
button#nextbtn.btn.blue:hover,
.blue#nextbtn:focus,
button.blue#nextbtn:focus,
button#nextbtn.btn.blue:focus {
  background-color: #a91533 !important;
  background: #a91533 !important;
  background-image: none !important;
  border-color: #a91533 !important;
  color: #fff !important;
}

/* =====================================================
   Profile menu – Manage Profile (text + icon)
   ===================================================== */

/* Text color */
li[data-id="profile_manageaccount"] {
  color: #BD1839 !important;
}

/* Icon color (SVG uses currentColor) */
li[data-id="profile_manageaccount"] svg,
li[data-id="profile_manageaccount"] svg * {
  fill: #BD1839 !important;
  stroke: #BD1839 !important;
}

/* Manage profile link */
.ProfileTabs__activeTab {
color: #BD1839 !important;
}

/* MAIN MENU */
.Header__tabsTab .Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__tabsTab:hover {
    color: #F74350;
}

/* Search box right icon */
.commonStyle__zt3BrandBg {
  background-color:#BD1839;
}

/* Follow button – default state */
.KbDetailRtContainer__followOption button.Button__primaryBorder {
  border-color: #BD1839;
  color: #BD1839;
}

/* Search icon – default */
.SearchContainer__searchBoxIcon svg {
  fill: #BD1839;
}

/* KB article links — robust across Zoho layouts */
div[class*="KbDetail"] a,
div[class*="ArticleDetail"] a,
div[class*="KBDetail"] a,
.KbDetailRtContainer a,
.KbDetailContainer a {
  color: #BD1839 !important;
}

/* Hover/focus */
div[class*="KbDetail"] a:hover,
div[class*="ArticleDetail"] a:hover,
div[class*="KBDetail"] a:hover,
.KbDetailRtContainer a:hover,
.KbDetailContainer a:hover,
div[class*="KbDetail"] a:focus,
div[class*="ArticleDetail"] a:focus,
div[class*="KBDetail"] a:focus,
.KbDetailRtContainer a:focus,
.KbDetailContainer a:focus {
  color: #9f132f !important;
}

/* Attach a file – text */
.FileUpload__userLink {
  color: #BD1839 !important;
}

/* Attach a file – paperclip icon */
.FileUpload__attachPin {
  border-color: #BD1839 !important;
}

/* If the paperclip is an SVG inside the span */
.FileUpload__attachPin svg {
  fill: #BD1839 !important;
}

/* Hover & focus */
.FileUpload__userLink:hover,
.FileUpload__userLink:focus {
  color: #9f132f !important;
}
/* END Attach  a File link + icon */

/* END KB article links — robust across Zoho layouts */

/* Footer "Submit a ticket" hover state */
/* Footer "Submit a ticket" hover state */
.Footer__footerBtn .Button__footerBtn:hover {
    background-color: #BD1839;
    color: #ffffff;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* =========================================================
   HEADER GRADIENT OVERLAY
   ========================================================= */

/* Ensure header is the positioning context */
.Header__homeContent {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay: darker at top, lighter at bottom */
.Header__homeContent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.55) 0%,   /* darkest at top */
    rgba(0, 0, 0, 0.15) 50%,
    rgba(0, 0, 0, 0) 100%  /* fades toward bottom */
  );
  z-index: 1;
  pointer-events: none;
}

/* Keep header content above the overlay */
.Header__homeContent > * {
  position: relative;
  z-index: 2;
}
/* END Header gradient overlay */

.Header__searchTitle {
  margin-bottom: 5px;
  font-size: 3rem;
}

.Header__name {  
  display:none;
}

.Header__description { 
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 60px;
}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
  background-color: #f5f5f5;
}

.Footer__container2 {
 height: 100px;
}

 /* Home page custom widgets*/
 /* Widget container */
.zg-widgets {
  display: flex;
  justify-content: center;
  gap: 48px;                     /* wider horizontal spacing */
  flex-wrap: wrap;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

/* Card */
.zg-widget-card {
  width: 275px;                  /* ~25% larger than original */
  min-height: 275px;
  display: block;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  background: #ffffff;
  color: #111;
  text-decoration: none;

  box-shadow: 0 3px 8px rgba(0,0,0,0.07);
  transition:
    transform 200ms ease,
    box-shadow 200ms ease,
    border-color 200ms ease,
    background 200ms ease;
}

/* Hover */
.zg-widget-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 36px rgba(0,0,0,0.16);
  border-color: #d5d5d5;
  background: #fafafa;
}

/* Inner layout */
.zg-widget-inner {
  height: 100%;
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
}

/* Icon */
.zg-widget-icon {
  width: 66px;          /* was 44px → +50% */
  height: 66px;
  margin-bottom: 20px;  /* a bit more breathing room */
  display: block;
}

.zg-widget-card:hover .zg-widget-icon {
  opacity: 0.85;
}

/* Title */
.zg-widget-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* Supporting text */
.zg-widget-text {
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

/* Outline-only CTA tab */
.Header__tabsTab--cta .Header__tabs__link {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;           /* pill outline */
  border: 1.5px solid #ffffff;
  background: transparent;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
  line-height: 1;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    opacity 150ms ease;
}

/* Hover */
.Header__tabsTab--cta .Header__tabs__link:hover {
      background: rgba(255,255,255,0.30);
}

/* Focus (keyboard accessibility) */
.Header__tabsTab--cta .Header__tabs__link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.35);
}

/* Hide social meida buttons on articles */
.KbDetailLtContainer__userSocialIcon {
  display: none;
}

/*Hide Sign in and Sign Up menu options in top horizontal menu */
#portal_tabsignin,
#portal_tabsignup {
  display: none !important;
}

li.LoginDetail__signin,
li.LoginDetail__signup,
li.globalSignin,
li.globalSignup {
  display: none !important;
}

/* -----------------------------------------
   CTA buttons – DEFAULT (unscrolled) hover
   White buttons with subtle translucent hover
------------------------------------------ */

/* Target only the CTA buttons */
.Header__tabsTab--cta .Header__tabs__link {
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  transition: 
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

/* Hover effect when header is NOT scrolled */
.Header__tabsTab--cta .Header__tabs__link:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

/* =========================================================
   NEWS & UPDATES WIDGET – ACCORDION + BUTTON STYLES
   ========================================================= */

/* --- Remove default browser disclosure arrow --- */
summary::-webkit-details-marker {
  display: none;
}
summary::marker {
  content: "";
}

/* --- MUCH larger custom accordion arrow (rotates on open) --- */
.qt-news-arrow {
  font-size: 50px;              /* bigger arrow */
  line-height: 1;
  display: inline-block;
  opacity: 0.65;
  transform: rotate(0deg);
  transition: transform 0.25s ease, opacity 0.2s ease;
}

/* Rotate arrow when item is open */
details[open] .qt-news-arrow {
  transform: rotate(180deg);
  opacity: 0.9;
}

/* =========================================================
   OPEN ARTICLE BUTTON (hover)
   ========================================================= */

/* Base button state */
details .qt-news-open-btn {
  color: #666 !important;
  border: 1px solid #666 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  transition:
    color 0.15s ease,
    border-color 0.15s ease,
    background-color 0.15s ease;
}

/* Hover + focus state */
details .qt-news-open-btn:hover,
details .qt-news-open-btn:focus {
  color: #c80815 !important;
  border-color: #c80815 !important;
  background-color: rgba(251, 147, 151, 0.08)  !important;
}

/* =========================================================
   RECENT AND POPULAR ARTICLES WIDGETS (SIDE-BY-SIDE + CENTERED)
   ========================================================= */

/* Limit Recent + Popular (misspelled) widgets to 5 visible articles */
.recentArticles .ContentList__topicList:nth-child(n+7),
.popularAricles .ContentList__topicList:nth-child(n+7) {
  display: none !important;
}

/* Desktop / tablet */
@media (min-width: 769px) {
  

  /* Center inline-block children (only affects items that become inline-block) */
  .AppContainer__homePage .WidgetContainer__list {
    text-align: center;
  }

  /* Default: keep all other widgets full-width and normal */
  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList {
    display: block;
    width: 100%;
    text-align: left; /* prevents text from centering inside widgets */
  }

  /* Last two widgets (Recent + Popular): side-by-side and centered as a pair */
  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList:nth-last-child(2),
  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList:last-child {
    display: inline-block;
    vertical-align: top;

    /* Centering works because these are narrower than 50% */
    width: 30%;
    min-width: 360px;   /* prevents too narrow */
    max-width: 520px;   /* prevents too wide */
  }

  /* Space between Recent and Popular */
  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList:nth-last-child(2) {
    margin-right: 24px;
  }
}

/* Mobile: stack */
@media (max-width: 768px) {

  /* Restore normal flow */
  .AppContainer__homePage .WidgetContainer__list {
    text-align: left;
  }

  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList:nth-last-child(2),
  .AppContainer__homePage .WidgetContainer__list > li.WidgetContainer__contentList:last-child {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
  }
}



html { outline: 10px solid magenta !important; }



/* =====================================================
   Helpful section – Thumbs up / down (final consolidated)
   ===================================================== */

/* Base color (covers currentColor-based SVGs) */
span[data-id="like_article"],
span[data-id="dislike_article"] {
  color: #BD1839 !important;
}

/* Hover / focus (prevent Zoho orange) */
span[data-id="like_article"]:hover,
span[data-id="dislike_article"]:hover,
span[data-id="like_article"]:focus,
span[data-id="dislike_article"]:focus {
  color: #BD1839 !important;
}

/* Convert icons to thin outline style */
span[data-id="like_article"] svg,
span[data-id="dislike_article"] svg {
  fill: none !important;
  opacity: 0.65;
}

/* Thin strokes + rounded edges */
span[data-id="like_article"] svg *,
span[data-id="dislike_article"] svg * {
  fill: none !important;
  stroke: #BD1839 !important;
  stroke-width: 0.9 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Explicitly override Zoho hover-brand class */
span[data-id="like_article"] .Icon__hoverbrand,
span[data-id="dislike_article"] .Icon__hoverbrand,
span[data-id="like_article"]:hover .Icon__hoverbrand,
span[data-id="dislike_article"]:hover .Icon__hoverbrand {
  color: #BD1839 !important;
  fill: none !important;
  stroke: #BD1839 !important;
}

/* Subtle hover emphasis */
span[data-id="like_article"]:hover svg,
span[data-id="dislike_article"]:hover svg {
  opacity: 0.9;
}

/* =====================================================
  ARTICLE READING PROGRESS BAR
   ===================================================== */

.Readingprogress__progressBar {
    height: 4px;
    transition: all .2s;
    /* zoho default - background: linear-gradient(90deg, #fa8318 16%, #fa8639 75.89%, #edba11 99.8%); */
 	background: linear-gradient(90deg,rgba(189, 24, 57, 1) 85%, rgba(186, 0, 37, 0) 100%);
    box-shadow: rgba(0, 0, 0, 0.24) 0 8px 18px;
    border-radius: 0 5px 5px 0;
}

/* =====================================================
  ARTICLE SIDE BAR
   ===================================================== */

/* Sidebar Headers */
.ListHeader__listHeader1 {
    margin: 0 0 .625rem;
    border: none;
  	padding: 0;
   /* zoho default - border-bottom: 1px solid var(--color-border1);
  	padding: 0 0 .5rem; */
    
}

/* =====================================================
   Article action icons – PDF / Print / Reader View
   Default: Zoho grey
   Hover: lighter, thinner red
   ===================================================== */

/* Hover / focus: lighter brand red */
.KbDetailLtContainer__pdfView:hover,
.KbDetailLtContainer__printView:hover,
.KbDetailLtContainer__readerView:hover,
.KbDetailLtContainer__pdfView:focus,
.KbDetailLtContainer__printView:focus,
.KbDetailLtContainer__readerView:focus {
  color: #d14a5e !important;
}

/* Hover SVG: soften appearance */
.KbDetailLtContainer__pdfView:hover svg,
.KbDetailLtContainer__printView:hover svg,
.KbDetailLtContainer__readerView:hover svg,
.KbDetailLtContainer__pdfView:focus svg,
.KbDetailLtContainer__printView:focus svg,
.KbDetailLtContainer__readerView:focus svg {
  opacity: 0.8;
}

/* Hover SVG internals: thinner strokes */
.KbDetailLtContainer__pdfView:hover svg *,
.KbDetailLtContainer__printView:hover svg *,
.KbDetailLtContainer__readerView:hover svg *,
.KbDetailLtContainer__pdfView:focus svg *,
.KbDetailLtContainer__printView:focus svg *,
.KbDetailLtContainer__readerView:focus svg * {
  fill: #d14a5e !important;
  stroke: #d14a5e !important;
  stroke-width: 1.1 !important;
}

/* Override Zoho hover-brand behavior (hover only) */
.KbDetailLtContainer__pdfView:hover .Icon__hoverbrand,
.KbDetailLtContainer__printView:hover .Icon__hoverbrand,
.KbDetailLtContainer__readerView:hover .Icon__hoverbrand,
.KbDetailLtContainer__pdfView:focus .Icon__hoverbrand,
.KbDetailLtContainer__printView:focus .Icon__hoverbrand,
.KbDetailLtContainer__readerView:focus .Icon__hoverbrand {
  color: #d14a5e !important;
  fill: #d14a5e !important;
  stroke: #d14a5e !important;
}

/* =========================================================
   NEWS & UPDATES WIDGET – NEW BADGE
   ========================================================= */

/* Base NEW badge */
details summary span[style*="text-transform: uppercase"] {
  background-color: #00B050 !important; /* green background */
  color: #ffffff !important;            /* white text */
  border-color: #00B050 !important;     /* match border */
}

/* Optional: slightly darker on hover of the row */
details summary:hover span[style*="text-transform: uppercase"] {
  background-color: #009645 !important;
  border-color: #009645 !important;
}

/* =========================================================
   HEADER CTA BUTTONS (Contact Us / Log In or Sign Up)
   Goal:
   - Default (hero header): white outline + white text
   - Scrolled and/or hamburger menu open: black outline + black text
   ========================================================= */

/* CTA buttons (default / hero state): white pill + white text */
.Header__tabsTab--cta .Header__tabs__link{
  color: #ffffff !important;
  border: 1.5px solid #ffffff !important;
  background: transparent !important;
}

/* ===== CTA buttons: default state (hero) stays white ===== */
.Header__tabsTab--cta .Header__tabs__link{
  color: #ffffff !important;
  border: 1.5px solid #ffffff !important;
  background: transparent !important;
}

/* ===== When scrolled OR the hamburger menu is open: make CTA buttons black ===== */
/* These classes appear on the <portal> wrapper in your screenshot */
portal.Header__homeNavbarFixed .Header__tabsTab--cta > .Header__tabs__link,
portal.globalfixednav .Header__tabsTab--cta > .Header__tabs__link,
portal.Header__navopen .Header__tabsTab--cta > .Header__tabs__link,
portal.globalnavopen .Header__tabsTab--cta > .Header__tabs__link{
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Optional: hover when in the "open / fixed" state */
portal.Header__homeNavbarFixed .Header__tabsTab--cta > .Header__tabs__link:hover,
portal.globalfixednav .Header__tabsTab--cta > .Header__tabs__link:hover,
portal.Header__navopen .Header__tabsTab--cta > .Header__tabs__link:hover,
portal.globalnavopen .Header__tabsTab--cta > .Header__tabs__link:hover{
  background-color: rgba(0,0,0,0.08) !important;
}


/* Scrolled / fixed header state: black pill + black text */
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab--cta .Header__tabs__link,
.Header__navbarFixed .Header__navbar .Header__tabsTab--cta .Header__tabs__link{
  color: #000000 !important;
  border-color: #000000 !important;
}

/* Optional: hover when scrolled */
.Header__homeNavbarFixed .Header__navbar .Header__tabsTab--cta .Header__tabs__link:hover,
.Header__navbarFixed .Header__navbar .Header__tabsTab--cta .Header__tabs__link:hover{
  background: rgba(0,0,0,0.08) !important;
}

/* END Header CTA buttons */

/* =========================================================
   SIGN-IN WELCOME / INFO SECTION (NO JS)
   Key fix:
   - Zoho inserts .qtSignInIntro INSIDE #headerContainer
   - So we ABSOLUTE-position it (removes it from header flow)
   - Then we add padding to the page content to make room
   ========================================================= */

:root{
  /* Tune these two values only */
  --qtIntroTopOffset: 120px;   /* how far BELOW the breadcrumb row the card starts */
  --qtIntroSpace: 120px;      /* how much space to reserve above the sign-in content */
}

/* Make header a positioning context */
#headerContainer{
  position: relative;
}

/* ======================================================
   SIGN-IN INTRO VISIBILITY CONTROL
   ====================================================== */

/* Hide the Sign-In intro everywhere by default */
.qtSignInIntro,
section.qtSignInIntro{
  display: none !important;
}

/* Show it ONLY on the Sign In page */
portal.signin .qtSignInIntro,
portal.signin section.qtSignInIntro{
  display: block !important;
}



/* ---------------------------------------------------------
   Card placement: remove from header flow + place below header
   --------------------------------------------------------- */
#headerContainer .qtSignInIntro{
  /* Remove from header layout so header image/menu stay original */
  position: absolute !important;
  left: 50%;
  top: calc(100% + var(--qtIntroTopOffset));
  transform: translateX(-50%) !important;

  /* Keep it above content */
  z-index: 5;

  /* Reset margins that can create weird gaps */
  margin: 0 !important;
}

/* Reserve space in the content below so nothing overlaps the card
#mainContainer,
main#mainContainer,
#signin,
[data-id="signin"],
.Layout_oneColumn{
  padding-top: var(--qtIntroSpace) !important;
}*/

/* Reserve space ONLY on the Sign In page (portal has class="signin") */
portal.signin #mainContainer,
portal.signin main#mainContainer,
portal.signin #signin,
portal.signin [data-id="signin"],
portal.signin .Layout_oneColumn{
  padding-top: var(--qtIntroSpace) !important;
}

/* Optional safety reset (prevents leftover padding on non-signin pages) */
portal:not(.signin) #mainContainer,
portal:not(.signin) main#mainContainer{
  padding-top: 0 !important;
}


/* =========================================================
   WELCOME CARD STYLES
   ========================================================= */
.qtSignInIntro{
  width: min(1100px, 92vw);
  padding: 18px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 14px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 8px 22px rgba(0,0,0,0.06);
}

.qtSignInIntro__inner{
  max-width: 1100px;
}

.qtSignInIntro__title{
  margin: 0 0 8px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  color: #BD1839;
}

.qtSignInIntro__lead{
  margin: 0 0 14px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: rgba(0,0,0,0.75);
}

.qtSignInIntro__link{
  color: #BD1839;
  text-decoration: none;
  font-weight: 600;
}
.qtSignInIntro__link:hover{
  text-decoration: underline;
}

.qtSignInIntro__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.qtSignInIntro__card{
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 12px;
  background: #fff;
}

.qtSignInIntro__cardTitle{
  font-weight: 700;
  margin: 0 0 6px;
  line-height: 1.3;
}

.qtSignInIntro__cardBody{
  margin: 0;
  color: rgba(0,0,0,0.72);
  line-height: 1.55;
  font-size: 0.95rem;
}

/* =========================================================
   HIDE QUIKTRAK SUPPORT BOX FROM KNOWLEDGE BASE PAGE
   ========================================================= */

.KbCategory__box.contactus {
  display: none !important;
}



/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 768px){

  portal.signin .Signin__form,
  portal.signin .Signin__loginForm,
  portal.signin .UserContainer__innerContainer1{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  portal.signin .UserContainer__innerContainer2{
    margin-top: -250px !important;
    padding-top: 0 !important;
  }

  portal.signin .UserContainer__innerContainer,
  portal.signin .UserContainer__loginMainContainer{
    row-gap: 8px !important;
    gap: 8px !important;
  }
}