@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");

.Footer__footerCopyrigt, .Footer__footerBg,
.Header__homeContent.Header__homeNavbarFixed .Header__navbar .Header__logo {
  display:none!important; 
}
.Footer__footerQus, .Footer__footerDescription{
  color:white;
  text-align:left;
}

.Button__footerBtn:hover{
  background-color:#FBF00B;
  color:#000;
}

:root {
 --color-brand: #000!important; 
}
.Readingprogress__progressBar {
  background: #FBF00B!important;
}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
  background-color:#000!important;
}

.Header__tabs__link,
[data-id="tab_signin"] {
  text-transform:uppercase;
}

h1,h2,h3,h4,h5,h6 {
 font-family:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;
font-weight:normal!important;
}

[data-id="home"] {
    border-radius:16px;
}

[data-id="searchButton"] {
    background-color:#FBF00B;
}

[data-id="searchButton"] svg {
    fill:#000;
}

span.SearchContainer__searchBoxIcon.commonStyle__cursor.commonStyle__positionAbs {
	height:100%;
    display:flex;
    align-content:center;
    justify-content:center;
    flex-direction:column;
	padding:0 1em;
	top:0;
	right:0;
	border-top-right-radius:3px;
    border-bottom-right-radius:3px;
	border:1px solid #fff;
}

/*grayscale social icons*/
.KbDetailLtContainer__socialIcon svg {
  filter: grayscale(100%);
  opacity: 0.6;           /* optional, softens them */
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.KbDetailLtContainer__socialIcon:hover svg {
  filter: grayscale(0%);
  opacity: 1;
}

.BreadCrumbs__breadcrumbsView ul li:last-child,
.LoginDetail__tabLink,
.BreadCrumbs__breadcrumbsView ul li+li:before {
  color:#FBF00B;
}
span.NormalTextRun {
    line-height: 2em;
}

[data-id="articleDetail"] {
    padding:2em;
    margin-top:1em;
    margin-bottom:1em;
    border-radius:1em
}

.Layout__layout2 >div {
    position:sticky;
    top:0;
}

::selection {
  background: #FBF00B;
  color: #000;
}

::-moz-selection {
  background: #FBF00B;
  color: #000;
}

@media (max-width: 768px) {
  [data-id="articleDetail"] {
    padding: 4vw;
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .Layout__twoColumn .Layout__layout1 {
    padding:0;
  }
  #mainContainer {
    margin-right:2vw;
	margin-left:2vw;
  }
}

/* WebKit */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #FBF00B;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e6da00; /* slightly darker on hover */
}

[data-id="tab_signin"],
.Signin__loginHalf.Signin__forgotpassword,
.UserContainer__innerContainer1 {
    display:none;
}
span.LocalePopup__localeText.commonStyle__overflowDotted.commonStyle__flex1 {
    width:auto!important;
    overflow:visible!important;
}
.Footer__formwidgetcustom {
  margin-top: 32px !important;
  background: #111111 !important;
  border: 1px solid #222222 !important;
  border-radius: 16px !important;
  padding: 28px 32px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important;
}

.Footer__formwidgetcustom .Footer__container1,
.Footer__formwidgetcustom .Footer__container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.Footer__formwidgetcustom .Footer__footerContent {
  width: 100% !important;
}

.Footer__formwidgetcustom .Footer__footerInfo {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  text-align: left !important;
}

.Footer__formwidgetcustom .commonStyle__tAlignCenter {
  text-align: left !important;
}

.Footer__formwidgetcustom .colour {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

.Footer__formwidgetcustom .Footer__footerDescription,
.Footer__formwidgetcustom .Footer__footerDescription span {
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  display: block !important;
  max-width: 560px !important;
}

.Footer__formwidgetcustom .Footer__footerBtn {
  display: block !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.Footer__formwidgetcustom .Footer__footerBtn a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 12px 22px !important;
  background: #ffe600 !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border: 2px solid #ffe600 !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18) !important;
  white-space: normal !important;
}

.Footer__formwidgetcustom .Footer__footerBtn a:hover,
.Footer__formwidgetcustom .Footer__footerBtn a:focus {
  background: #ffffff !important;
  color: #111111 !important;
}

.Footer__formwidgetcustom .Footer__footerBtn a br {
  display: none !important;
}

@media (max-width: 768px) {
  .Footer__formwidgetcustom {
    margin-top: 24px !important;
    padding: 22px 20px !important;
    border-radius: 14px !important;
  }

  .Footer__formwidgetcustom .Footer__footerInfo {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    text-align: left !important;
  }

  .Footer__formwidgetcustom .colour {
    font-size: 20px !important;
  }

  .Footer__formwidgetcustom .Footer__footerDescription,
  .Footer__formwidgetcustom .Footer__footerDescription span {
    font-size: 14px !important;
    max-width: 100% !important;
  }

  .Footer__formwidgetcustom .Footer__footerBtn {
    width: 100% !important;
  }

  .Footer__formwidgetcustom .Footer__footerBtn a {
    display: flex !important;
    width: 100% !important;
    padding: 12px 16px !important;
    text-align: center !important;
  }
}

.Header__tabsTab {
width:auto!important;
overflow:visible!important;
}