/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

:root{
  --np-navy:#01295A;
  --np-gold:#C48A00;
  --np-hair:#E3E7EE;
  --np-tint:#F5F7FA;
  
}

.in-footer .in-btn,
.in-footer .in-btn--filled-dark{
  font-size:15px !important;
  line-height:18px !important;
  letter-spacing:.1px !important;
  text-transform:uppercase !important;
  padding:9px 20px !important;
  background-color:var(--np-navy) !important;
  border:2px solid var(--np-navy) !important;
  border-radius:0 !important;
  color:#FFFFFF !important;
}
.in-footer .in-btn .in-btn__text{
  font-size:15px !important;
  line-height:18px !important;
  letter-spacing:.1px !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  color:#FFFFFF !important;
}
.in-footer .in-btn:hover,
.in-footer .in-btn--filled-dark:hover{
  background-color:#FFFFFF !important;
  border-color:var(--np-navy) !important;
}
}
.in-footer .in-btn:hover .in-btn__text{ color:var(--np-navy) !important; }

.in-tc__mini-title{
  display:inline-block;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
}

h1, h2 {
  position:relative;
  padding-bottom:18px;
  width:fit-content;
}
h1::after, h2::after {
  content:"";
  position:absolute; left:0; bottom:0;
  width:100%; height:2px;
  background:var(--np-gold);
}
.in-banner h2 {
  padding-bottom: initial;
}
.in-banner h2::after {
  display:none;
}

.in-img img,
.in-banner__img img{ border-radius:0 !important; }

.in-icon-box__col,
.in-icon-box__col-card{
  background:transparent !important;
  border:0 !important;
  border-top:1px solid var(--np-hair) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:28px 28px 28px 0 !important;
  position:relative;
  transition:padding-left .22s ease, background-color .22s ease;
}
.in-icon-box__col:hover{
  padding-left:20px !important;
  background-color:var(--np-tint) !important;
}
.in-icon-box__title{ color:var(--np-navy) !important; }

.in-icon-box__btn-wrap{ margin-top:18px; }
.in-icon-box__btn{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  padding:10px 18px !important;
  border:1px solid var(--np-navy) !important;
  border-radius:0 !important;
  color:var(--np-navy) !important;
  background:transparent !important;
  text-decoration:none !important;
  font-size:14px;
  line-height:1.2;
  letter-spacing:.02em;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.in-icon-box__btn:hover,
.in-icon-box__col:hover .in-icon-box__btn{
  background-color:var(--np-navy) !important;
  border-color:var(--np-navy) !important;
  color:#FFFFFF !important;
}
.in-icon-box__btn-icon{
  display:inline-flex;
  transition:transform .2s ease;
}
.in-icon-box__btn-icon svg,
.in-icon-box__btn-icon path{ fill:currentColor; stroke:currentColor; }
.in-icon-box__col:hover .in-icon-box__btn-icon{ transform:translateX(4px); }


.in-banner.banner__bg-img::after {
  background-color: transparent !important;
  background-image: linear-gradient(90deg,
    #03172f 0%,
    #03172fd9 50%,
    #03172f80 60%,
    #03172f00 75%) !important;
}

.in-btn.in-btn--outlined_light {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #FFFFFF;
  background-color: rgba(255, 255, 255, 0);
  color: #FFFFFF;
}
.in-btn.in-btn--outlined_light svg path {
  fill: #FFFFFF;
}
.in-btn.in-btn--outlined_light:hover,
.in-btn.in-btn--outlined_light:focus,
.in-btn.in-btn--outlined_light:active {
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  color: #01295A;
}
.in-btn.in-btn--outlined_light:hover svg path,
.in-btn.in-btn--outlined_light:focus svg path,
.in-btn.in-btn--outlined_light:active svg path {
  fill: #01295A;
}
.in-btn.in-btn--outlined_light.in-btn-animation:hover::before {
  background-color: #FFFFFF;
}
.in-btn.in-btn--outlined_light.in-btn-animation:hover {
  background-color: unset;
  color: #01295A;
}

.in-btn.in-btn--filled_gold {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #C48A00;
  background-color: #C48A00;
  color: #FFFFFF;
}
.in-btn.in-btn--filled_gold svg path {
  fill: #FFFFFF;
}
.in-btn.in-btn--filled_gold:hover,
.in-btn.in-btn--filled_gold:focus,
.in-btn.in-btn--filled_gold:active {
  border: 2px solid #C48A00;
  background-color: #01295A;
  color: #FFFFFF;
}
.in-btn.in-btn--filled_gold:hover svg path,
.in-btn.in-btn--filled_gold:focus svg path,
.in-btn.in-btn--filled_gold:active svg path {
  fill: #FFFFFF;
}
.in-btn.in-btn--filled_gold.in-btn-animation:hover::before {
  background-color: #01295A;
}
.in-btn.in-btn--filled_gold.in-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}

.in-btn.in-btn--outlined_gold {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #C48A00;
  background-color: rgba(255, 255, 255, 0);
  color: #C48A00;
}
.in-btn.in-btn--outlined_gold svg path {
  fill: #C48A00;
}
.in-btn.in-btn--outlined_gold:hover,
.in-btn.in-btn--outlined_gold:focus,
.in-btn.in-btn--outlined_gold:active {
  border: 2px solid #C48A00;
  background-color: #C48A00;
  color: #FFFFFF;
}
.in-btn.in-btn--outlined_gold:hover svg path,
.in-btn.in-btn--outlined_gold:focus svg path,
.in-btn.in-btn--outlined_gold:active svg path {
  fill: #FFFFFF;
}
.in-btn.in-btn--outlined_gold.in-btn-animation:hover::before {
  background-color: #C48A00;
}
.in-btn.in-btn--outlined_gold.in-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}

  @media (max-width: 767px) {
  .in-banner.banner__bg-img::after {
    background-image: linear-gradient(180deg,
      #03172f 0%,	
      #03172fbf 100%) !important;
  }
        .hs-logo-grid__logo-wrapper {
        flex: 0 1 45%!important;
        max-width: 100%;
    }
}

@keyframes npta-rise{
  from{ opacity:0; transform:translateY(14px); }
  to  { opacity:1; transform:none; }
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .body-container--home-seo .in-tc,
    .body-container--home-seo .in-icon-box__col,
    .body-container--home-seo .in-why-us__column,
    .body-container--home-seo .in-img{
      animation:npta-rise linear both;
      animation-timeline:view();
      animation-range:entry 5% entry 50%;
    }
  }
}
@media (prefers-reduced-motion: reduce){
  .in-icon-box__col,
  .in-icon-box__btn,
  .in-icon-box__btn-icon{ transition:none !important; }
}

.body-wrapper > div:has(> header.header){
  position:sticky;
  top:0;
  z-index:100;
}
.in-header{ background-color:#FFFFFF; }

@supports (animation-timeline: scroll()){
  .in-header{
    animation:npta-stick linear both;
    animation-timeline:scroll(root);
    animation-range:0 90px;
  }
  @keyframes npta-stick{
    from{ box-shadow:0 1px 0 rgba(227,231,238,0), 0 6px 18px rgba(1,41,90,0); }
    to  { box-shadow:0 1px 0 var(--np-hair), 0 6px 18px rgba(1,41,90,.08); }
  }
}

@media (min-width:992px){
  .in-header--btn-wrap .in-btn{ white-space:nowrap !important; }
}
@media (min-width:992px) and (max-width:1399px){
  .in-header--btn-wrap .in-btn{
    font-size:13px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}
@media (min-width:768px){
  .in-footer .in-btn,
  .in-footer .in-btn--filled-dark{ white-space:nowrap !important; }
}

.in-icon-box__row .in-icon-box__col:not(:last-child):hover .in-icon-box__btn-icon svg,
.in-icon-box__row .in-icon-box__col:not(:last-child):hover .in-icon-box__btn-icon svg path{
  fill:#FFFFFF !important;
  stroke:#FFFFFF !important;
}

@media (max-width:767px){
  .in-btn__icon,
  .in-icon-box__btn-icon{ display:none !important; }
  .in-header .in-logo img{
    max-width:150px !important;
    height:auto !important;
  }
}