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


/* Updated fonts - 2025 */

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Light.woff2') format('woff2'),
        url('../fonts/TTHoves-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Medium.woff2') format('woff2'),
        url('../fonts/TTHoves-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-BoldItalic.woff2') format('woff2'),
        url('../fonts/TTHoves-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-DemiBold.woff2') format('woff2'),
        url('../fonts/TTHoves-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Italic.woff2') format('woff2'),
        url('../fonts/TTHoves-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Bold.woff2') format('woff2'),
        url('../fonts/TTHoves-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves';
    src: url('../fonts/TTHoves-Regular.woff2') format('woff2'),
        url('../fonts/TTHoves-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*logo bar */

* {  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {height: 100%;}

body {width:100%;
margin:0;
padding:0;
background-color:#F4F4F2;
font-family: 'TT Hoves', sans-serif;
font-weight: 400;
display: flex;
flex-direction: column;}

.flex-content {flex: 1 0 auto;
display: flex;
flex-direction: column;}

p {margin:0;
padding:0;}

#logo-bar {
    width:100%;
    height:auto;
    display: flex;
    flex-direction: column;
    background-color:#000;
    color:#fff;
    padding-top:25px;
    padding-bottom:25px;
    position: relative;
    z-index: 1;
    min-height: 97px;
}

#logo-bar-contents {
width:90%;
max-width: 1600px;
margin:auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items:center;
}

#logos img {width:100%;}

.menu-icon {display: none;}

button {
padding:7px 24px 7px 24px;
border-radius:15px;
font-size: 14px;
font-weight: 600;
background-color: transparent;
font-family: 'TT Hoves', sans-serif;
}

.black-button {background-color:#000;
border:1px solid #fff;
color:#fff;
transition: ease all 0.3s;
cursor: pointer;
font-family: 'TT Hoves', sans-serif;
}

.black-button:hover {background-color:rgba(255,255,255,.25);
border:1px solid #fff;
color:#fff;
transition: ease all 0.3s;
cursor: pointer;}

.black-button:active {background-color:rgba(255,255,255,.25);
border:1px solid rgba(255,255,255,.25);
color:rgba(255,255,255,.25);
transition: ease all 0.3s;
cursor: pointer;}

#introduction {width: 90%;
max-width: 1600px;
margin:auto;
display: flex;
flex-direction: column;
padding-top:40px;
padding-bottom: 40px;
position: relative;
z-index: -1;}

.welcome-text {
	font-size:34px;
	line-height: 42px;
	padding-bottom:40px;
	font-weight: 600;
}

.name {font-weight: 600;}

.tracker-text {font-size: 21px;
line-height: 31px;
font-weight: bold;}

/*DROP DOWN MENU*/

#drop-down-menu {width:100%;
height: auto;
position: absolute;
z-index: 2;
top:97px;}

.dd-hide {top:-2px;}

.dd-show {top:100px;}

#drop-down-wrapper {width:100%;
	margin:auto;
	background-color:#fff;
	display: flex;
flex-direction: column;
box-shadow: 0px 3px 6px #00000020;}

#drop-down-content {
	width:90%;
	max-width: 1600px;
	margin:auto;
	display: flex;
	flex-direction: row;
	color:#000;
	margin-top:5px;
	margin-bottom:5px;
}

#drop-down-tab {
	width: 90%;
	max-width: 1600px;
	display: flex;
	position: absolute;
	left: 0;
right: 0;
	top:97px;
margin: auto
}

#drop-down-tab-open {width: auto;
	padding:10px 20px 10px 20px;
float:right;
background-color:#FA582D;
color:#fff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 14px;
text-align:right;
	cursor: pointer;
	box-shadow: 0px 3px 6px #00000020;
	transition: ease all 300ms;
	margin-left:auto;
	display: flex;
	align-items: center;
}



#drop-down-tab-close {width: auto;
	padding:10px 20px 10px 20px;
background-color:#FA582D;
color:#fff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 12px;
text-align:center;
	margin-left:auto;
	cursor: pointer;
	box-shadow: 0px 3px 6px #00000020;
	transition: ease all 300ms;
}



#drop-down-tab-close:hover {
background-color: #e04d28;
transition: ease all 300ms;
}

#drop-down-tab-open:hover {
background-color: #e04d28;
	transition: ease all 300ms;
}


.current-status {font-size: 15px;
font-weight: bold;}

.dd-name {font-size: 34px;
font-weight: bold;
border-right:1px solid #dcdcdc;
width: auto;
padding-right:25px;
margin-right:25px;
padding-top:20px;
padding-bottom:20px;}

.dd-status {width:auto;
padding-top:20px;
padding-bottom:20px;}

.dd-status p:nth-child(1){font-size:21px;
	padding-bottom: 5px;
font-weight: bold;}

.dd-status p:nth-child(2){font-size:14px;}

.dd-icons {width: auto;
	display: flex;
flex-direction: row;
margin-left: auto;
align-self: center;
align-items: center;}

.icon {margin-right:10px;}

.icon img {height: 40px;}

.icon img.tall {height: 45px;}

.triangle {width: 0;
height: 0;
border-style: solid;
border-width: 0px 8px 15px 8px;
border-color: transparent transparent #fff transparent;
display: inline-block;
margin-left:15px;}

.triangle-one {width: 0;
height: 0;
border-style: solid;
border-width: 15px 8px 0px 8px;
border-color: #fff transparent transparent transparent;
display: inline-block;
margin-left:15px;}

.triangle-two {width: 0;
height: 0;
border-style: solid;
border-width: 8px 4px 0 4px;
border-color: #000 transparent transparent transparent;
display: inline-block;
margin-left:15px;
margin-right:15px;}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext
{
	font-size:14px;
  visibility: hidden;
  width: 130px;
  background-color: #F4F4F2;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -65px;
	box-shadow: 0px 3px 6px #00000040;
}
.tooltip .tooltiptext-one {
	font-size:14px;
  visibility: hidden;
  width: 80px;
  background-color: #F4F4F2;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -40px;
	box-shadow: 0px 3px 6px #00000040;
}
.tooltip .tooltiptext-two
{
	font-size:14px;
  visibility: hidden;
  width: 100px;
  background-color: #F4F4F2;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -50px;
	box-shadow: 0px 3px 6px #00000040;
}

.tooltip .tooltiptext-three
{
	font-size:14px;
  visibility: hidden;
  width: 60px;
  background-color: #F4F4F2;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -30px;
	box-shadow: 0px 3px 6px #00000040;
}

.tooltip .tooltiptext::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #F4F4F2 transparent transparent transparent;
}
.tooltip .tooltiptext-one::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #F4F4F2 transparent transparent transparent;
}
.tooltip .tooltiptext-two::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #F4F4F2 transparent transparent transparent;
}

.tooltip .tooltiptext-three::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #F4F4F2 transparent transparent transparent;
}

.tooltip:hover .tooltiptext
{
  visibility: visible;
}

.tooltip:hover .tooltiptext-one
{
  visibility: visible;
}

.tooltip:hover .tooltiptext-two
{
  visibility: visible;
}

.tooltip:hover .tooltiptext-three
{
  visibility: visible;
}

/**MOBILE MENU**/

.mobile-menu {width: 100%;
	height: 100vh;
	position: absolute;
	top:0px;
display: flex;
flex-direction: column;
background-color:rgba(0,0,0,.92);
color:#fff;
z-index: 2;
overflow: scroll;
padding-bottom:30px;}

.mobile-menu-content {width: 100%;
margin-left:auto;
margin-right:auto;}

.mobile-menu-content-white {width: 100%;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:20px;
background-color:#fff;
color:#000;}

.mob-current-status {width: 80%;
margin:auto;}

.mob-current-status p:nth-child(1) {font-size: 18px;
	padding-bottom:7px;
font-weight: 500;}

.mob-current-status p:nth-child(2) {font-size: 12px;}

.mob-status-icons {display: flex;
flex-direction: row;
padding-top:10px;
border-bottom:1px solid #F4F4F235;
align-items: center;}

.mob-current-progress {padding-top:35px;
margin:auto;
width: 80%;}

.mob-current-progress p:nth-child(2) {font-size: 12px;}

.mob-title {font-size: 18px;
	padding-bottom:7px;
font-weight: 500;}

.mob-level {display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom:1px solid #F4F4F235;
padding-top:25px;
padding-bottom: 20px;
align-items: flex-start;}

.mob-level p {font-size:24px;
padding-bottom:10px;}

.level-icons {display:flex;
flex-direction: row;
align-items: center;}

.level-icons img:nth-child(2){margin-left:10px;}

.level-icons img:nth-child(3){margin-left:10px;}

.level-icons img:nth-child(4){margin-left:10px;}

/**TABS**/

#platform {cursor: pointer;}

#services {cursor: pointer;}

#special-ops {cursor: pointer;}

#sentry-services{
	cursor: pointer;
}

#tabs {width:90%;
max-width: 1600px;
height: auto;
margin:auto;
position: relative;
margin-bottom: -1px;
display: flex;
flex-direction: row;
justify-content: space-between;
z-index: 1;}

.tab {display: flex;
flex-direction: row;
justify-content: space-between;
flex: 1;
position: relative;}

.tab-title {font-size: 24px;
font-weight: 600;}

.tab-subtitle
{font-size: 12px;}

.inactive .tab-subtitle {
    display: none;
}

.badges {width:auto;
display: flex;
flex-direction: row;}

.badges img:nth-child(-n+5) {
	padding-right:7px;
	max-width: 31px;
}

/*.badges[data-id="special-ops-badge"] img:nth-child(1) {
    padding-right:0px;
}*/

.tab-front {padding:10px 15px 10px 15px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;}

.tab-shadow {padding:10px 25px 10px 25px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
width: 100%;
height: auto;
position: absolute;
z-index: -1;}

.active {background-color:#fff;
border-top:.75px solid #807C7BBF;
border-right:.75px solid #807C7BBF;
border-left:.75px solid #807C7BBF;}

.active-shadow {box-shadow: 0px 3px 6px #00000040;
height: 40px;
padding:15px;}

.inactive {background-color:#DBDBDA;
border-bottom: .75px solid #807C7BBF;
/*transition: ease all 300ms;*/}

.tab-front.inactive:hover {background-color:#CBCBCB;
/*transition: ease all 300ms;*/}

.tab:nth-child(1){margin-right:1.5%;
}

.tab:nth-child(3){margin-left:1.5%;}
.tab:nth-child(4){margin-left:1.5%;}

/**STATUS MENU**/

#status-menu {width: 100%;
	flex: 1 0 auto;
background-color:#fff;
padding-top:20px;
padding-bottom:30px;
border-top:.75px solid #807C7BBF;
z-index: 0;}

.update-info {display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin:auto;
font-size:18px;
align-items: center;
width: 90%;
max-width: 1600px;
}



.line {width:auto;
flex:1;
height: 1px;
border:.5px solid #807C7B80;}

.divider {display: inline-block;
padding-left:10px;
padding-right:10px;
font-size: 12px;}

#status-matrix {
	width: 90%;
	max-width: 1600px;

	margin:auto;
	margin-top:20px;
	display: flex;
	flex-direction: row;
	border:1px solid #807C7B80;
	min-height: 425px;
}


#status-matrix-guardian {
	width: 90%;
	max-width: 1600px;

	margin:auto;
	margin-top:20px;
	display: flex;
	flex-direction: row;
	border:1px solid #807C7B80;
	min-height: 425px;
}



/**CURRENT lEVEL**/

.current-level {width:30%;
background-color:#F4F4F280;
display: flex;
flex-direction: column;
flex:1;}

.current-level-guardian {width:30%;
background-color:#F4F4F280;
display: flex;
flex-direction: column;
flex:1;}

.current-level .title {width: 100%;
text-align: center;
background-color:#000;
color:#fff;
font-size:21px;
font-weight: 600;
height: 44px;
line-height: 44px;}

.current-level-guardian .title {width: 100%;
text-align: center;
background-color:#000;
color:#fff;
font-size:21px;
font-weight: 600;
height: 44px;
line-height: 44px;}

.current-level-status {
background-color:#F4F4F280;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;}


.current-level-status img {
	margin:auto;
	max-width: 203px;
}

.current-level-status p {font-size: 21px;
font-weight: 600;
text-align: center;
line-height: 30px;
margin-top:auto;
margin-bottom:auto;
padding-top:0px;}

.current-level-carrot { width: 0;
  height: 0;
 border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-top: 25px solid #000;
margin:auto;
position:absolute;
left:0;
right:0;}

.current-level-carrot-so { display: none;}

/**NEXT lEVEL**/

.blue {color:#00C0E8;}

.blue-bg {background-color:#00C0E8;}

.blue-bg-trans {background-color:rgba(0, 192, 232,.9);}

.yellow {color:#FFCB06;}

.yellow-bg {background-color:#FFCB06;}

.yellow-bg-trans {background-color:rgba(255, 203, 6,.9);}

.red {color:#FA582D;}

.red-bg {background-color:#FA582D;}

.red-bg-trans {background-color:rgba(250, 88, 45,.9);}

.green {color:#00CC66;}

.green-bg {background-color:#00CC66;}

.green-bg-trans {background-color:rgba(0, 204, 102,.9);}

.sentry-green { color: #00914C;}

.sentry-green-bg {background-color:#00914C;}

.sentry-green-bg-trans {background-color:rgba(0, 145, 76,.9);}

.blue-rule {
	border-bottom: 2px solid #00C0E8;
	width:100%;
}
.title-blue-rule {
	border-bottom: 2px solid #00C0E8;
	width: 90%;
	margin: 0 auto -2px;
}

.yellow-rule {
	border-bottom: 2px solid #FFCB06;
	width:100%;
}

.title-yellow-rule {
	border-bottom: 2px solid #FFCB06;
	width: 90%;
	margin: 0 auto -2px;
}

.red-rule {
	border-bottom: 2px solid #FA582D;
	width:100%;
}

.title-red-rule {
	border-bottom: 2px solid #FA582D;
	width: 90%;
	margin: 0 auto -2px;
}

.green-rule {border-bottom: 2px solid #00CC66;
width:100%;}

.sentry-green-rule {
	border-bottom: 2px solid #00914C;
	width:100%;
}

.so-level {width:100%;
background-color:#F4F4F280;
display: flex;
flex-direction: column;}

.next-level {width:70%;
background-color:#F4F4F280;
display: flex;
flex-direction: column;}

.next-level-guardian {width:70%;
background-color:#F4F4F280;
display: flex;
flex-direction: column;}

.next-level-requirements p.no-path {margin:auto;
padding-top:45px;
font-size: 18px;
	line-height: 1.3em;
width:80%;}

.next-level-title-bar {width: 100%;
display: flex;
flex-direction: row;
background-color:#000;
font-size:21px;
font-weight: 500;
height: 44px;
color:#fff;}

.next-level-white {width:20%;
text-align: center;
line-height: 44px;
font-weight: 600;
color:#fff;}

.next-level-blk {width:20%;
text-align: center;
line-height: 44px;
font-weight: 600;
color:#000;}

.next-level-carrot-blue { width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
	border-left: 15px solid #00C0E8;}

.next-level-carrot-yellow { width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
	border-left: 15px solid #FFCB06;}

.next-level-carrot-red { width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
	border-left: 15px solid #FA582D;}

.next-level-carrot-green { width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
	border-left: 15px solid #00CC66;}

.next-level-carrot-sentry-green {
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 15px solid #00914C;
}

.next-level-earn {line-height: 44px;
padding-left:20px;}

.next-level-earn-so {line-height: 44px;
padding-left:20px;}

.next-level-requirements {width: 100%;
border-left:1px solid #807C7B80;
padding-top:2%;
padding-bottom:2%;
margin:auto;
flex:1;
display:flex;
flex-direction: row;}

.next-level-requirements .title {
	font-size: 21px;
	font-weight: 600;
	/* height: 40px; */
	line-height: 40px;
	padding-left:5%;
	border-bottom:1px solid #807C7B40;
}

.next-level-requirements .sp-title {
	font-size: 21px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	padding-left: 5%;
}
.next-level-requirements .full-column .sp-title {
	padding-left: 3%;
}

.next-level-requirements .full-column .title-blue-rule{
	width: 94%;
}

.next-level-requirements .so-title {font-size: 21px;
font-weight: 600;
height: 40px;
line-height: 40px;
text-align: center;
border-bottom:1px solid #807C7B40;}

.left-column {width: 57%;
display: flex;
flex-direction: column;
padding-left:2%;}

.right-column {width: 41%;
display: flex;
flex-direction: column;
padding-left:2%;}

.full-column{
	width: 98%;
	display: flex;
	flex-direction: column;
	padding-left:2%;
}

.split-column{
	width: 49%;
	display: flex;
	flex-direction: column;
	padding-left:2%;
}

.split-column ul{
	padding-left: 5%;
}

.next-level-subtitle-bar{
	border-left: 1px solid #807C7B80;
    padding: 1% 2% 0;
}

.next-level-subtitle-bar .title{
	font-size: 21px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #807C7B40;
}

.certifications {background-color:#fff;
display: flex;
flex-direction: column;
flex-grow: 1;
border:1px solid #807C7B40;}


.sub-title {font-size: 15px;
width:100%;
font-weight: 600;
padding-top:10px;
padding-bottom:10px;}

.xps {background-color:#fff;
border:1px solid #807C7B40;
margin-bottom:4%;
min-height: 110px;
display: flex;
flex-direction: column;}

.bookings {background-color:#fff;
border:1px solid #807C7B40;
display: flex;
flex-direction: column;
flex-grow: 1;}

.content {width: 100%;
margin:auto;
position: relative;
display: flex;
flex-grow:1;
flex-direction: column;}

.complete {position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
display: flex;
flex-grow:1;}

.complete-min{
	min-height: 60px;
}

.complete img {margin:auto;
width:150px;}


.complete-so {position: absolute;
top:0px;
left:0px;
width: 101%;
height: 100%;
display: flex;
flex-grow:1;}

.complete-so img {margin:auto;
width:150px;}

.row {display: flex;
flex-direction: row;
align-items: center;
margin: auto;}

.certs-data {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    padding-top: 10px;
}

.certs-data ul {
    padding-left: 33px;
}

.bookings-data {width: 90%;
	margin-left:auto;
margin-right:auto;}

.xps-data {width: 90%;
	margin-left:auto;
margin-right:auto;}

.certs-data li {
	line-height: 34px;
}
.bookings li{
	line-height: 40px;
}

.split-column .certs-data li{
	line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/* added a line to the bottom of each list item - removing for now */

/*
.certs-data li:not(:last-child) {
	border-bottom:1px solid #E5E5E580;
}
*/

.certs-data-info {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 22px;
    font-size: 14px;
}

.number {width: 50px;
font-size: 30px;
font-weight: 600;}

.xps p {font-size: 18px;}

.bookings-data p {line-height: 50px;
	height: 45px;
	font-size:22px;
	font-weight: 500;
}

.bookings-data p:not(:last-child) {
	border-bottom:1px solid #E5E5E580;

}

.bookings-data p .label {
	font-size:16px;
	font-weight: 400;
	display: inline-block;
	padding-left:25px;
}


.hero-content {display: flex;
flex-direction: column;
margin:auto;
width: 70%;}

.hero-content img{
	max-width: 160px;
}

.hero-content p {
	padding-top: 40px;
	color:#fff;
}

.so-hero-content {display: flex;
flex-direction: column;
margin:auto;
width: 80%;
padding-top:30px;
padding-bottom:30px;}

.so-hero-content p {padding-top:10px;
color:#fff;}

.hero-image-row img {width:90%;
max-width: 800px;}

#learn-more {width: 100%;
display: flex;
flex-direction: column;
padding-top:30px;
padding-bottom:30px;
background-color:#000;
color:#fff;
margin-top:auto;
flex-shrink: 0;}

#learn-more-content {display:flex;
flex-direction: row;
	justify-content: space-between;
	align-items: center;
width: 465px;
margin:auto;}

#learn-more-content p {font-size: 21px;}

#copyright {background-color:#F4F4F2;
height: 40px;
line-height: 40px;
font-size: 10px;
text-align: center;
}


/*SPECIAL OPS MENU */

.special-ops-menu {width: 96%;
margin-left:auto;
margin-right:auto;}

#special-ops-logos {width: 100%;
display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding-top: 10px;
    padding-bottom: 10px;
}

#requirements {width: 100%;
	background-color:#DBDBDA;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	margin-top:15px;
	margin-bottom:15px;
	font-size:14px;

}

.requirements {width: 100%;
	background-color:#DBDBDA;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size:14px;

}

.special-ops-mobile {display: none;}


.current-level-so-images {width: 100%;
display: flex;
flex-direction: column;
padding-top:60px;
padding-bottom:60px;}

.current-level-so-images img {width: 60%;}

.current-level-so-images img:nth-child(2){padding-top:20px;
padding-bottom:20px;}

.special-ops-column {flex: 1;
display: flex;
flex-direction: column;}

.special-ops-column:nth-child(2){
	margin-left:1.5%;
	margin-right:1.5%;
}

.special-ops-row {width: 100%;
display:flex;
flex-direction: row;
justify-content: space-between;
margin-bottom:1%;}


.special-ops-reqs {background-color:#fff;
display: flex;
flex-direction: row;
flex-grow: 1;
border:1px solid #807C7B40;}

.special-ops-reqs-labels {
display: flex;
flex-direction: row;
flex-grow: 1;
}

.special-ops-reqs-labels .content:nth-child(n+2) p {font-weight: bold;
text-align: center;
font-size: 16px;}

.special-ops-reqs-labels .content:nth-child(n+4) p {font-weight: bold;
text-align: center;
margin:auto;
	max-width: 400px;
	width:75%;
font-size: 16px;}


.special-ops-reqs .title {text-align: center;}

/* Special OPs fy26 */
.cloudsec {
    border-left: 4px solid #00CC66;
    width:100%;
}

.netsec{
    border-left: 4px solid #FFCB06;
    width:100%;
}

.secops {
    border-left: 4px solid #00CC66;
    width:100%;
}
/* End Special OPs fy26 */

.prisma {border-left: 4px solid #00C0E8;
width:100%;}

.strata {border-left: 4px solid #FFCB06;
width:100%;}

.cortex {border-left: 4px solid #00CC66;
width:100%;}

.so-data {width: 100%;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	text-align: center;

}

.guar-data {width: 100%;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: center;
margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	text-align: center;

}

.border{
	border-left: 1px solid #807C7B40;
}

.content:nth-last-child(1) {
min-width: 30%;
}

.content.guar:nth-last-child(1) {
min-width: 0%;
}


.content:nth-child(1) .so-data p {
width: 75%;
	max-width: 400px;
}

.content:nth-child(1) .guar-data p {
width: 90%;
	max-width: 400px;
}

.content:nth-last-child(1) .so-data {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	flex:1;
}

.content:nth-last-child(1) .guar-data {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	flex:1;
}

.content:nth-last-child(1) .so-data img:nth-child(2) {
	margin:auto;
	max-width: 400px;
	width:75%;
}

.block-logo {
	margin:auto;
	max-width: 400px;
	width:75%;
}


.so-data p {margin:auto;}

.guar-data p {margin:auto;}

.guar-data .complete p {font-weight: 600;
color:#fff;}

sup.registered{
    font-size: 10px;
}

.bold-title {
margin-top:auto;
margin-bottom:auto;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
text-align: left;}

.bold-title-sub {
margin-top:auto;
margin-bottom:0px !important;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
text-align: left;}

.sub-guar-title {font-size: 14px;
color:#807c7b;
text-transform: uppercase;
font-weight: 600;
text-align: left;
margin-top: 0px !important;}

.complete-flex {
	margin-bottom:auto;
	margin-top:auto;
	width: 100%;
}

.guar-data .bold-number {font-size: 26px;
font-weight: 600;
color:#807C7B;
margin-bottom: 0px !important;}

.so-data .bold-number {font-size: 26px;
font-weight: 600;
color:#807C7B;
margin:auto;}

.subtitle {margin-top:0px!important;
font-size: 14px;}

.hero-image-row {width: 100%;
margin-left:auto;
margin-right:auto;
/*display: flex;
flex-direction: row;*/
padding-bottom: 20px;
justify-content: space-between;}

/*SPECIAL OPS MENU NEW CODE AUG 2020 */

.guardian-complete-mob {display: none;}

.guardian-complete-desktop {display: block;}

.guardian-mobile-label {display: none;}

.cyber_link {
    color: #FA582D;
	text-decoration: none;
}

.mobile {display: none;}

.desktop {display: block;}

.so-level {width: 100%;
background-color:#F4F4F250;}

.so-next-level {width: 100%;
border-left:1px solid #807C7B80;
padding-top:2%;
padding-bottom:2%;
margin:auto;
flex:1;
display:flex;
flex-direction: row;}

/* Special OPs fy26 */
.cloudsec-complete {
    background-color:rgba(0, 204, 102,.9);
    color:#fff;
    border-left: 4px solid #000;
    width: 100%;
}

.cloudsec-complete {
    background-color:rgba(0, 204, 102,.9);
    color:#fff;
    border-left: 4px solid #000;
    width: 100%;
}

.netsec-complete {
    background-color:rgba(255, 203, 6,.9);
    color:#fff;
    border-left: 4px solid #000;
    width: 100%;
}

/* End Special OPs fy26 */

.prisma-complete {background-color:rgba(0, 192, 232,.9);
color:#fff;
border-left: 4px solid #000;
width: 100%;}

.strata-complete {background-color:rgba(255, 203, 6,.9);
color:#fff;
border-left: 4px solid #000;
width: 100%;}

.cortex-complete {background-color:rgba(0, 204, 102,.9);
color:#fff;
border-left: 4px solid #000;
width: 100%;}

.guardian-complete {background-color:rgba(0, 204, 102,.9);
color:#fff;
border-left: 4px solid rgba(0, 204, 102,.9);
padding-left: 5px;
width: 100%;}

.tri {position: absolute;
opacity: .91;
top:-8px;
left:-1px;}

.white-line {width:1px;
border-right:1px solid #fff;
height:80%;
align-self:center;
/*margin-left: auto;*/}

.grey-line {width:1px;
border-right:1px solid #5a5a5a;
height:80%;
align-self:center;}

.white-line-bottom {width:1px;
border-right:1px solid #fff;
height:80%;
align-self:center;}

	.dt-hero-img {display: block;}

	.mob-hero-img {display: none;}


#footer {
    /*margin-top:10px;*/
display: flex;
align-items: center;
justify-content: space-between;
padding-left:20px;
padding-right: 20px;
color:#807C7B;}

svg {fill: #807c7b;
transition: ease all 0.3s;}

svg:hover {
	fill:#141314;
	transition: ease all 0.3s;
}

.footer-icons svg:nth-child(1){margin-right: 5px;}


/***************************************************** Paige's Changes - 2025 */


/* Dashboard */

.or-header {
    display: inline-block !important;
}

.or-header::first-letter {
    text-transform: lowercase;
}

/*BEGIN RESPONSIVE CODE */

@media only screen and (max-width: 1400px) {
.tab-title {font-size: 18px;}

}

@media only screen and (max-width: 1250px) and (min-width: 901px)  {
    .tab-front {
        flex-direction: column;
        align-items: start;
    }
}

@media only screen and (max-width: 1100px) {

	.current-level-status p {
padding-top:30px;}


.next-level-requirements {
flex-direction: column;}

.left-column {
	width: 96%;
	margin:auto;
	padding-left:0%;
	padding-bottom:2%;
}

.right-column {
	width: 96%;
	margin:auto;
	padding-left:0%;
}

.split-column{
	width: 96%;
	margin: auto;
	padding-bottom: 2%;
	padding-left: 0;
}

.split-column:last-of-type{
	padding-bottom: 0;
}


	.xps {margin-bottom: 2%;}

	#status-matrix-guardian {flex-direction: column;
	width: 100%;
	border:0px;}

	.next-level-guardian {width: 90%;
	margin:auto;

	}

	.next-level-guardian .next-level-requirements {border-bottom:1px solid #807c7b80;
	border-right:1px solid #807c7b80;}

	.current-level-guardian {width: 90%;
	margin:auto;
		border:1px solid #807C7B80;
		margin-bottom:40px;

	}

		.current-level-guardian .title {
    font-size: 18px;
    font-weight: 600;
}

	.current-level-guardian .mobile {display: block;
	padding-top:50px;
	padding-bottom: 30px;}



.desktop {display: none;}

	.next-level-requirements p.no-path {margin:auto;
padding-top:15px;
padding-bottom: 15px;
font-size: 18px;
	line-height: 1.3em;
width:80%;}
}

@media only screen and (max-width: 900px) {

	.tab-front {justify-content: space-around;}

	.badges {display: none;}




}


@media only screen and (max-width: 800px) {

	.complete-flex {
		margin:auto;}

	.guardian-complete-mob {display: block;}

.guardian-complete-desktop {display: none;}


	.guardian-mobile-label {display: block;
	font-size: 16px;
	font-weight: bold;}

	.special-ops-reqs-labels {
display: none;}

	.complete {flex-direction: column;}

		.so-data {
    margin-top: 0px;
   margin-bottom: 0px;

}

			.guar-data {
    margin-top: 0px;
   margin-bottom: 0px;
				padding-top:2%;
				padding-bottom:2%;

}

	.special-ops-reqs {background-color:#fff;
display: flex;
flex-direction: column;
flex-grow: 1;
border:1px solid #807C7B40;}


	.special-ops-reqs .content:nth-child(1){display: none;}

	.special-ops-reqs .content:nth-last-child(1){display: none;}

	.border {border:0px;}

	.prisma {border-top: 4px solid #00C0E8;
		border-left: 1px solid #807C7B40;
		border-right: 1px solid #807C7B40;
		background-color:#fff;
width:100%;}

.strata {border-top: 4px solid #FFCB06;
	border-left: 1px solid #807C7B40;
		border-right: 1px solid #807C7B40;
		background-color:#fff;
width:100%;}

.cortex {border-top: 4px solid #00CC66;
	border-left: 1px solid #807C7B40;
		border-right: 1px solid #807C7B40;
		background-color:#fff;
width:100%;}

	.prisma-complete {
color:#fff;
border-top: 4px solid #000;
border-left: 0px;
width: 100%;}

.strata-complete {
color:#fff;
border-top: 4px solid #000;
border-left: 0px;
width: 100%;}

.cortex-complete {
color:#fff;
border-top: 4px solid #000;
border-left: 0px;
width: 100%;}

	.guardian-complete {
color:#fff;
border-top: 4px solid rgba(0, 204, 102,.9);
border-left: 0px;
padding-left: 0px;
width: 100%;}


	.content:nth-child(1) .so-data p {
		margin-left:auto;
	margin-right:auto;
	text-align: center;}

	.content:nth-child(1) .guar-data p {
		margin-left:auto;
	margin-right:auto;
	text-align: center;}

	.special-ops-mobile {margin-top:30px;}

	.white-line {display: none;}

	.white-line-bottom {width: 90%;
    border-bottom: 1px solid #fff;
    height: 1px;
		align-self: center;}

	.grey-line-bottom {width: 90%;
    border-bottom: 1px solid #DBDBDA;
    height: 1px;
		align-self: center;}

	.dt-hero-img {display: none;}

	.mob-hero-img {display: block;}

	.mob-hero-image:nth-child(n+2) {margin-top:20px;}


	#status-menu {

    padding-bottom: 0px;

}

	.welcome-text {

    padding-bottom: 20px;

}

	.current-level-status img:nth-child(n+3) {
    margin: auto;
    margin-top: 30px;
}

	.current-level-guardian	.current-level-status img:nth-child(n+3) {
    margin: auto;
    margin-top: 0px;
}


	#drop-down-tab-open {display: none;}
	#drop-down-menu {display: none;}

	#logos {margin-right:auto;}

	#logos img {width:280px;}

	.menu-icon {display: block;
	cursor: pointer;}

	#status-matrix {flex-direction: column;
	width: 100%;
	border:0px;}

	.current-level {width: 90%;
	margin:auto;
		border:1px solid #807C7B80;
		margin-bottom:40px;

	}

	.current-level .mobile {display: block;}

	.next-level {width: 100%;}

	.next-level-guardian {width: 100%;}

	#log-out {display: none;}

	#mob-log-out {width: 120px;
	margin-top:35px;
	margin-left:10%;}

	#introduction {flex-direction: column;
	text-align: center;}

	.tracker-text {text-align: center;
	padding-top:10px;}

	#tabs {width: 96%;}

	.tab-front {padding: 10px 5px 10px 5px;}

	.tab-title {font-size: 16px;
	font-weight: 600;
	text-align: center;}


	.current-level .title {
    font-size: 18px;
    font-weight: 600;
}

	.current-level-carrot{top:-1px;}

	.current-level-carrot-so {
		display: block;
		width: 0;
  height: 0;
 border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-top: 25px solid #000;
margin:auto;
position:absolute;
left:0;
right:0;
		top:47px;
	}

	.current-level-status {padding-top: 50px;
    padding-bottom: 40px;}


	.current-level-guardian .current-level-status {padding-top: 0px;
    padding-bottom: 0px;}

	/*.current-level-status p {padding-bottom:60px;}*/

	.next-level-title-bar {flex-direction: column;
	position: relative;
	font-size: 18px;}

	.next-level-white {width:100%;
font-weight: 600;
line-height: 36px;}

.next-level-blk {width:100%;
font-weight: 600;
line-height: 36px;}

	.next-level-carrot-blue {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 25px solid #00C0E8;
		 margin: auto;
    position: absolute;
    left: 0;
    right: 0;
		top:35px;
}


	.next-level-carrot-yellow {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 25px solid #FFCB06;
		 margin: auto;
    position: absolute;
    left: 0;
    right: 0;
		top:35px;
}


	.next-level-carrot-red {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 25px solid #FA582D;
		 margin: auto;
    position: absolute;
    left: 0;
    right: 0;
		top:35px;
}


	.next-level-carrot-green {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 25px solid #00CC66;
		 margin: auto;
    position: absolute;
    left: 0;
    right: 0;
		top:35px;
}
.next-level-carrot-sentry-green {
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 25px solid #00914C;
	margin: auto;
    position: absolute;
    left: 0;
    right: 0;
	top:35px;
}

	.next-level-earn {
    display: block;
    width: 100%;
    background-color: #000;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 24px;
    padding-left: 0px;
    line-height: 1.2em;
}

	.next-level-earn-so {display: block;
	width:100%;
	background-color:#000;
	text-align: center;
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 0px;
	line-height: 18px;}

	.next-level-earn-so p {width: 70%;
	margin:auto;}

	.next-level-requirements {border-left: 0px;}

	.certifications {margin-top:100px;
	margin-bottom:20px;}

	.xps {margin-bottom:20px;}

	.bookings {margin-bottom:20px;}

	.defender .certifications,
	.defender .xps,
	.defender .bookings {border-top:4px solid #00C0E8;}

	.commander .certifications,
	.commander .xps,
	.commander .bookings {border-top:4px solid #FFCB06;}

	.hero .certifications,
	.hero .xps,
	.hero .bookings {border-top:4px solid #FA582D;}

	.next-level-subtitle-bar{
		margin-top: 80px;
	}

	.split-column .certifications{
		margin-top: 20px;
	}

	.split-column .certifications:last-of-type{
		margin-top: 0;
	}

	.hero-content p {width: 80%;
	margin:auto;
		padding-top:20px;
		padding-bottom:0px;
	font-size:18px;}

	.so-hero-content p.so {width: 100%;
	margin:auto;
		padding-top:20px;
		padding-bottom:0px;
	font-size:18px;}


.so-hero-content {
width: 80%;}


	.special-ops-column {width: 100%;
display:flex;
flex-direction: column;
	margin-bottom:60px;}

.special-ops-row {width: 100%;
display:flex;
flex-direction: column;
justify-content: space-between;}

		.special-ops-column:nth-child(1){
	margin-top:40px;
}

	.special-ops-column:nth-child(2){
	margin-left:0%;
	margin-right:0%;
}


	#special-ops-logos {display: none;}

	.special-ops-mobile {display: block;
	text-align: center;}

	#requirements {display: none;}

	.hero-image-row {flex-direction: column;
	padding-bottom:0px;}

	.hero-image-row img {width: auto;
    margin: auto;
    margin-bottom: 0px;
}

	.current-level-so-images {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 20px;
}

#learn-more-content {display:flex;
flex-direction: column;
	justify-content: space-between;
	align-items: center;
width: 90%;
margin:auto;}

#learn-more-content p {font-size: 18px;
	padding-bottom:20px;}

#copyright {text-align: center;
	padding-left: 0%;}


}

@media only screen and (max-width: 600px) {

	.subtitle {margin-top:0px!important;
font-size: 14px;
	padding-bottom: 10px;}

	.special-ops-row {width: 94%;margin:auto;}

	.next-level-requirements .title {text-align: center;
	padding-left:0px;}

	.current-level-guardian .current-level-status p {
padding-top:40px;
	padding-bottom:30px;}

		.current-level-status p {
padding-top:0px;}

	.mobile {display: block;}

	.line{display: none;}

		.current-level-carrot-so {
		display: block;
		width: 0;
  height: 0;
 border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-top: 25px solid #000;
margin:auto;
position:absolute;
left:0;
right:0;
		top:65px;
	}

			.current-level-carrot-so-short {
		display: block;
		width: 0;
  height: 0;
 border-left: 100px solid transparent;
      border-right: 100px solid transparent;
      border-top: 25px solid #000;
margin:auto;
position:absolute;
left:0;
right:0;
		top:47px;
	}


	.update-info {width: 90%;
	text-align: center;
	display: block;
	font-size:14px;}

	#footer {flex-direction: column;}
}

@media only screen and (max-width: 370px){
#logos img {
    width: 230px;
}
}

.hide {display: none;}

.show {display: block;}

.opacity {opacity: .70;}

.noscroll {overflow: hidden;}