@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.html {
    font-family: "Montserrat", sans-serif;
  	font-style: normal;
}

p { color: #0d1846; }

/* Nav */
.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
    background-color: #0d1846;
}
.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 }

/* Headings */
h2.Header__searchTitle { font-size: 70px; font-weight: 600; line-height: 80px; }
.Header__searchSection .Header__description { font-size: 20px; font-weight: 600; line-height: 1.2; color:#e46317 }

/* Widgets Boxes */
.ContentBox__boxInnerHome { padding: 3em; background: #e3e3e34d; border-radius: 1em 1em 1em 1em; }
.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 }


/* 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: #406fb7;
  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: #406fb7 !important;
  border-color: #406fb7;
}
.ContentBox__alignCenter > p {
  order: 2;
}

/* Footer */
.Footer__footerBg { display: none;  }
.custom-footer { background: #0d1846; padding: 1.875rem 0; }
.Footer__footerInfo { flex-direction: column; }
.Footer__footerInfo .Footer__footerQus { font-size: 20px; font-weight: 600; line-height: 1.2; color:#e46317 }
.Footer__footerInfo .Footer__footerDescription { font-size: 40px; font-weight: 600; line-height: 1.2; color:#FFFFFF }
.Footer__footerInfo .Button__footerBtn { background: #e95623; border: none; padding: 0.6em 1.2em; transition: all 0.3s ease; border: 2px solid transparent; }
.Footer__footerInfo .Button__footerBtn:hover { background-color: transparent; color: #e95623 !important; border-color: #e95623; }
.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: #e3e3e34d;
    border-radius: 1em 1em 1em 1em;
    margin: 1em;
  	color: #0d1846;
}
.UserContainer__innerContainer2 { 
  display: flex;
  align-items: center; 
}
.UserContainer__innerContainer1 {
    padding: 2em 2.5em;
    border: 1px solid #0d1846;
    background: none;
}
.UserContainer__innerContainer1 iframe .btn.primary { 
}
.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: 1em;
    font-size: 20px;
    color: #0d1846;
    font-weight: 600;
    line-height: 1.2;
}
#ticket_module .ContentBox__indexIcon.commonStyle__displayBlock::after {
    content: "Sign In & View Tickets";
    display: block;
    margin-top: 1em;
    font-size: 20px;
    color: #0d1846;
    font-weight: 600;
    line-height: 1.2;
}

@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% 
  }
}