@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

.html { font-family: "inter", sans-serif; font-style: normal; }
p { color: #0d1846; }
.AppContainer__arrowShow { display: block; background-color: #0d1846;}
.AppContainer__backToTop:hover { background-color:#1fbac0; }
.SearchContainer__searchBox .Icon__brand { color: #0d1846; }

/* Nav */
.Header__homeContent.Header__homeNavbarFixed .Header__navbar { background-color: #0a2540; }
.Header__homeNavbarFixed .Header__menu, .Header__homeNavbarFixed .Header__menu:after, .Header__homeNavbarFixed .Header__menu:before { background-color: #FFFFFF; }
.Header__navopen .Header__tabs__link { color:#FFFFFF }
.Header__navopen .Header__tabs__link:hover { color:#e46317 }
.Header__navopen .LoginDetail__LogoutDetail .LoginDetail__signin .LoginDetail__tabLink { color:#FFFFFF }
.Header__navopen .LoginDetail__LogoutDetail .LoginDetail__signin .LoginDetail__tabLink:hover { color:#e46317 }
.Header__navopen .CustomizeContainer__CustomizeOption .CustomizeContainer__aPlus .Icon__icon { color:#FFFFFF }
.Header__navopen .CustomizeContainer__CustomizeOption .CustomizeContainer__aPlus .Icon__icon:hover { color:#e46317 }
.Header__navopen li.Header__active .Header__tabs__link { color:#e46317 }
.Header__homeNavbarFixed .SearchContainer__searchIcon { background-color: #0a2540; padding:.6rem 1rem 0; }
.Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active, .Header__tabsTab:hover { color: #5efec6; }
.Header__navopen li.Header__active .Header__tabs__link { color: #5efec6; }
.Header__navopen .Header__tabs__link:hover { color: #5efec6; }

/* Headings */
h2.Header__searchTitle { font-size: 50px; font-weight: 600; line-height: 80px; letter-spacing:0.7px }
.Header__searchSection .Header__description { font-size: 20px; font-weight: 600; line-height: 1.2; color:#1fbac0 }
.Header__searchSection .Header__globalSearch .SearchContainer__searchIcon { background-color: #0a2540; border: 1px solid #FFF; }

/* Widgets Boxes */
.ContentBox__boxInnerHome { padding: 3em; background: #FFF; border-radius: 1em 1em 1em 1em; border: 1px solid #1fbac0 }
.ContentBox__boxThree:nth-child(2):last-child, 
.ContentBox__boxThree:nth-last-child(2):first-child, 
.ContentBox__boxThree:first-child:last-child {width: 48%; margin: 1%; }
.ContentBox__headerMid .Link__link { color: #0d1846 }
.ContentBox__headerMid .Link__link:hover { color: #e46317; }
.ContentBox__boxThree:nth-child(2):last-child svg, 
.ContentBox__boxThree:nth-last-child(2):first-child svg {display: none; }

/* Reposition elements using Flexbox */
.ContentBox__alignCenter { display: flex; flex-direction: column; align-items: center; }
.ContentBox__alignCenter > span { order: 1; }
.ContentBox__alignCenter > h3 { order: 3; margin-bottom: 0 }
.ContentBox__alignCenter > h3 a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  padding: 0.6em 1.2em;
  background-color: #0a2540;
  color: #fff !important;
  text-decoration: none;
  border-radius: 4em;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.ContentBox__alignCenter > h3 a:hover { background-color: transparent; color: #0a2540 !important; border-color: #0a2540; }
.ContentBox__alignCenter > p { order: 2; }

/* Footer */
.Footer__footerBg { display: none;  }
.custom-footer { background: #0a2540; padding: 1.875rem 0; }
.Footer__footerInfo { flex-direction: column; }
.Footer__footerInfo .Footer__footerQus { font-size: 20px; font-weight: 600; line-height: 1.2; color:#1fbac0 }
.Footer__footerInfo .Footer__footerDescription { font-size: 40px; font-weight: 600; line-height: 1.2; color:#FFFFFF }
.Footer__footerInfo .Button__footerBtn { background: transparent; padding: 0.8em 1.2em; transition: all 0.3s ease; border: 1px solid #FFF; }
.Footer__footerInfo .Button__footerBtn:hover { background-color: transparent; color: #1fbac0 !important; border-color: #1fbac0; }
.Footer__footerBtn { padding-bottom: 0; }

/* Form Styling */
#layoutContainer { display: flex; align-items: center; }
#layoutContainer .Layout__layout1 { width: 100%; }
.UserContainer__logInMainContainer { width: 100%; margin: auto; display: flex; justify-content: center; align-items: stretch; }
.UserContainer__innerContainer1, .UserContainer__innerContainer2 { width: 46%; float: left; padding: 2em; background: transparent; border-radius: 1em 1em 1em 1em; margin: 1em; color: #0d1846; border: 1px solid #1fbac0; }
.UserContainer__innerContainer2 { display: flex; align-items: center; }
.UserContainer__innerContainer1 { padding: 2em 2.5em; }
.Signin__loginSubTitle { margin: .1rem 0 1.25rem; color: #0d1846; }
.Signin__userDesc { color: #0d1846; }
#kb_module .ContentBox__indexIcon.commonStyle__displayBlock::after { content: "Knowledge Base"; display: block; margin-top: 0; font-size: 35px; color: #0d1846; font-weight: 600; line-height: 1.2; }
#ticket_module .ContentBox__indexIcon.commonStyle__displayBlock::after { content: "Tickets"; display: block; margin-top: 0; font-size: 35px; color: #0d1846; font-weight: 600; line-height: 1.2; }
.Signin__userHeader a { color: #1fbac0; }

@media (max-width: 1140px) {
  .ContentBox__boxThree:nth-child(2):last-child, 
  .ContentBox__boxThree:nth-last-child(2):first-child, 
  .ContentBox__boxThree:first-child:last-child { 
    width:98% 
  }
}