@charset "utf-8";
/* CSS Document */


  :root{
    --brand: #262B6C;
    --brand-soft: #eef0fb;
    --brand-line: #d7daf3;
  }

 header#addheader.headvido .hero-content {
	position: relative !important;
	margin-top: 15% !important;
	right: 0 !important;
	left: 0 !important;
	text-transform: uppercase;
    border: 1px solid red;
}
#addheader .headvido .hero-content {
	margin: 0px !important;
	padding-bottom: 10%;
}
 
  .hero .badge-meta{
    background-color:#ffffff;
    color:var(--brand);
    border:1px solid var(--brand-line);
    font-weight:700;
    font-size:.85rem;
    padding:.5rem .9rem;
    border-radius:30px;
    margin-right:.5rem;
    margin-bottom:.5rem;
    display:inline-block;
  }
    #addsval h2 { font-size: 20px; font-weight: 700;}
#addsval h3 {
	padding-bottom: 10px !important;
	font-weight: 700;
	/* margin-bottom: 36px !important; */
	font-size: 20px;
}
  section{
    padding:55px 0;
  }
  section.alt{
    background-color:var(--brand-soft);
  }
p {
	margin: 0 0 22px !important;
}
.btn1{float: left;margin-right: 25px !important;}

  .section-title{
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-bottom:1.5rem;
    padding-bottom:.75rem;
    border-bottom:2px solid var(--brand-line);
  }
  .section-title i{
    font-size:19px;
  }
  .section-title h2{
    margin:0;
    font-size:1.9rem;
  }

#addsval h3 {
	padding-bottom: 10px !important;
	font-weight: 700;
	/* margin-bottom: 36px !important; */
    font-size:18px;
}
  h3{
    font-size:1.3rem;
    margin-top:1.75rem;
    margin-bottom:.75rem;
    display:flex;
    align-items:center;
    gap:.5rem;
  }
  h3 i{ color:var(--brand); font-size:1.2rem; }

.mb100 {margin-bottom: 80px;}
  h4{
    font-size:1.1rem;
    margin-top:1.25rem;
    margin-bottom:.4rem;
    display:flex;
    align-items:center;
    gap:.5rem;
  }
  h4 i{ color:var(--brand); font-size:1rem; }

  .icon-list{
    list-style:none;
    padding-left:0;
    margin-bottom:1rem;
  }
  .icon-list li{
    display:flex;
    align-items:flex-start;
    gap:.6rem;
    margin-bottom:.55rem;
      font-size:16px;
  }
  .icon-list li i{
    color:var(--brand);
    margin-top:.28rem;
    flex-shrink:0;
  }

  .card-box{
    background-color:#ffffff;
    border:1px solid var(--brand-line);
    border-radius:10px;
    padding:1.5rem;
    height:100%;
  }
  .card-box i.cat-icon{
    font-size:1.8rem;
    color:var(--brand);
    margin-bottom:.6rem;
    display:block;
  }
  .card-box h4{
    margin-top:0;
  }

  .highlight-card{
    background-color:var(--brand-soft);
    border:1px solid var(--brand-line);
    border-radius:10px;
    padding:1.5rem;
    height:100%;
  }
  .highlight-card i{
    font-size:26px;
    color:var(--brand);
    margin-bottom:.5rem;
    display:block;
  }

  .feature-item{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    margin-bottom:1.75rem;
  }

 .tech-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}
        
    .tech-tag {
	background:#F4F5FB;
	border: 1px solid #7780AD;
	border-radius: 6px;
	padding: 8px 18px;
	font-size: 16px;
	font-weight: 700;
	color: #262B6C;
	letter-spacing: 0.02em;
	display: flex;
	align-items: center;
	gap: 8px;
}

.tech-tag .dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--brand);
	opacity: 0.4;
}
.icon1 {	float: left;	margin-top:-0px;	font-size: 22px;	padding-right: 6px;}



.ln40 {	line-height: 40px;}  .feature-item i{
    font-size:1.6rem;
    color:var(--brand);
    background-color:var(--brand-soft);
    border:1px solid var(--brand-line);
    padding:.7rem;
    border-radius:50%;
    flex-shrink:0;
  }
  .feature-item h3{
    margin-top:0;
    margin-bottom:.3rem;
  }

  .cta-section{
    background-color:var(--brand);
    color:#ffffff;
    padding:60px 0;
  }
  .cta-section h2, .cta-section h3{
    color:#ffffff;
  }
  .cta-section .section-title{
    border-bottom:2px solid rgba(255,255,255,.25);
  }
  .cta-section p{
    color:#e6e8fa;
  }
  .btn-brand{
    background-color:#1a2540;
    color:#fff;
    font-weight:700;
    border:none;
    padding:.75rem 1.75rem;
    border-radius:6px;
  }
  .btn-brand:hover{
    background-color:#eef0fb;
    color:var(--brand);
  }

  .tech-table th, .tech-table td{
    color:var(--brand);
    vertical-align:middle;
  }
  .tech-table th{
    background-color:var(--brand-soft);
    white-space:nowrap;
  }

  .result-flow{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:.75rem;
    background-color:var(--brand-soft);
    border:1px solid var(--brand-line);
    border-radius:10px;
    padding:1.5rem;
    margin-top:1rem;
    text-align:center;
  }
  .result-flow .flow-item{
    font-weight:700;
    padding:.5rem 1rem;
    background-color:#ffffff;
    border:1px solid var(--brand-line);
    border-radius:8px;
  }
  .result-flow i{
    color:var(--brand);
  }

.page-header{
    background-color:var(--navy);
    color:#ffffff;
    padding:50px 0 40px;
    text-align:center;
  }
  .page-header i{
    font-size:2.4rem;
    color:var(--gold);
    margin-bottom:.75rem;
    display:inline-block;
  }
  .page-header h1{
    font-weight:700;
    margin-bottom:.5rem;
  }
  .page-header p{
    color:#cdd6e3;
    max-width:640px;
    margin:0 auto;
  }

  .map-wrap{
    padding:60px 0 80px;
  }


    
    .page-header{
    padding:60px 0 30px;
    text-align:center;
  }
  .eyebrow{
    text-transform:uppercase;
    letter-spacing:.15em;
    font-size:.8rem;
    font-weight:700;
    color:var(--teal);
    margin-bottom:.5rem;
  }
  .page-header h1{
    font-weight:800;
    font-size:2.1rem;
    color:var(--ink);
  }
  .page-header p{
    max-width:600px;
    margin:.5rem auto 0;
    color:#5b6f6d;
  }

  /* Org chart layout */
  .chart{
    padding:40px 0 90px;
    overflow-x:auto;
  }
  .level{
    display:flex;
    justify-content:center;
    position:relative;
  }
  .level-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

.pill {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	background-color: #172B57;
	color: #fff;
	padding: .85rem 1.6rem;
	border-radius: 50px;
	font-weight: normal;
	font-size: 18px;
	box-shadow: 0 4px 10px rgba(23,59,63,.18);
}
  .pill i{ color:#fff;font-size:18px;}

  .stem{
    width:2px;
    height:28px;
    background-color:#081F74;
  }

  .branch-container{
    position:relative;
    display:flex;
    justify-content:center;
    padding-top:0;
  }

  .branch-header{
    display:flex;
    align-items:center;
    gap:.6rem;
    background-color:#081F74;
    color:#fff;
    padding:.7rem 1.4rem;
    border-radius:8px;
    font-weight:700;
    margin-bottom:0;
    box-shadow:0 4px 10px rgba(31,111,107,.2);
  }
  .branch-header i{ color:#fff; }

  .branch-lines{
    width:100%;
    max-width:760px;
    margin:0 auto;
  }

  .kids{
    display:flex;
    justify-content:center;
    gap:0;
    position:relative;
  }
  .kid-col{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 12px;
    position:relative;
  }
  .kid-col::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:2px;
    height:20px;
    background-color:var(--line);
  }
  .kid-col .horiz{
    position:absolute;
    top:0;
    height:2px;
    background-color:var(--line);
  }

  .card-leaf{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:10px;
    padding:1rem 1.1rem;
    text-align:center;
    width:100%;
    max-width:210px;
    box-shadow:0 2px 6px rgba(23,59,63,.06);
    transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  }
  .card-leaf:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 16px rgba(23,59,63,.14);
    border-color:#1837B8;
  }
  .card-leaf i{
    font-size:18px;
    color:#1D18A6;
    display:block;
    margin-bottom:.4rem;
  }
  .card-leaf span{
    font-weight:600;
    font-size:15px;
    color:#262B6C;
  }

  .section-gap{
    height:50px;
  }

  .simple-pill-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

    .pd0 {padding: 0;}
    .pt0 {padding-top: 0;}
.mt65 { margin-top: 65px !important;}

#addsval .table {
	font-size: 18px;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 19px !important;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


@media only screen and (min-width: 300px) and (max-width:640px) {
  header {
    height: 23vh !important;
  }
    #addheader .headvido .hero-content {
  margin: 75px !important;
  padding-bottom: 10%;
}   
  .hero {
    padding: 0px 20px 80px;
 
}
    .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 13px !important;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
    .category-box {
	background: #f5f7fa;
	border: 1px solid #d9dee5;
	border-radius: 8px;
	padding: 8px 25px 0px 25px;
	transition: all 0.3s ease;
	/* min-height: 32vh; */
}
}