body::-webkit-scrollbar {
  display: none;

}
body {
  -ms-overflow-style: none;  
  scrollbar-width: none; 
  
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
	cursor: pointer;
}
.bluebanner{background:#0b1d39 url('../images/mosaic_hero.png') no-repeat right bottom; background-size: 1000px auto; position:relative; overflow:hidden; min-height:520px;}

.logo{
width: 136px;
height: 40px;
margin-left: 40px;

}

.logo2{
	width: 83.91px;
height: 23px;
margin-left: 27px;

}
.logo1{
width: 45px;
height: 45px;
margin:23px;

}
.gap{
	margin-top: 32px;
}
.search{
background: #0F4198;
border-radius: 7px;
color:white;
height: 29px;
border:0px;
}
.linktext{

font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 13px;
color:#b3b3b3;
text-decoration:none;
text-align: center;
white-space: nowrap;

}
.linktext:hover{
	color:white;
	text-decoration:none;
}
.linktext:visited{
	color:#b3b3b3 ;
	text-decoration:none !important;
	outline :none;
}
.linktext:active{
	color:#b3b3b3 ;
	text-decoration:none;
}
.linktext:link{
	text-decoration:none;
}
.borderbtn{
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 12.3px;
color: #FBFBFB;
text-decoration:none;
text-align: center;
white-space: nowrap;
border: 1.5px solid #FFFFFF;
box-sizing: border-box;
border-radius: 44px;
line-height: 120%;
padding:6.3px 22px;
margin-left:-18px;
}
.borderbtn:hover{
	color: #FBFBFB;
text-decoration:none;
background:#0053FF;
border: 1.5px solid #0053FF;
}

.gap2{
	margin-top: 72px;
}

.gap3{
	margin-top: 1%;
}
.gap4{
	margin-top: 5px;
}
.TextHeading{

font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 34.2px;
color: #FFFFFF;
white-space: nowrap;
line-height:22px;
}

.TextHeading2{
font-family: Roboto;
font-style: normal;
font-weight: 800 !important;
font-size: 20px;
color: #000000;
margin-top:33px;
margin-left:73px;
margin-bottom:25px;
}
.Text1{
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 17px;
color: #53FBE6;
white-space: nowrap;
line-height:40px;
}
.Text2{
font-family: Roboto;
font-style: normal;
font-weight:400;
font-size: 15.5px;
color:#b3b3b3;
white-space: nowrap;
}
.Text3{
margin-top:15px;
font-family: Roboto;
font-weight: 900;
font-size: 13px;
text-align: center;
color: rgba(0, 0, 0, 0.8);
white-space: nowrap;
margin-left:-10px !important;
}
.Text4{
margin-top:10px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FBFBFB;
 
	
}
.Text5{
text-align:left;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 11px;
color: grey;
}

.Text6{
margin-top:10px;
margin-left:70px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FBFBFB;
 
	
}
.custmBtn{
margin-top:20%;
margin-bottom:45%;
background: rgb(0,83,255);
background: linear-gradient(90deg, rgba(0,83,255,1) 0%, rgba(0,201,211,1) 100%);
border-radius: 44px;
padding:12px 31px;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 15.2px;
}

.custmBtn:hover{
background: rgb(0,201,211);
background: linear-gradient(90deg, rgba(0,201,211,1) 0%, rgba(0,83,255,1) 100%);
}

.box{

width: 80px;
height: 80px;
background: #FFFFFF;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.09);
border-radius: 27px;
margin-left:10px;
display: flex;
justify-content: center;
align-items: center;
}
.box:hover{

}


.outbox{
width: 130px !important;
height: max-content;
margin-left:15px;
cursor: pointer;
}
.outboxL{

width: 130px !important;
height: max-content;
margin-left:50px;
cursor: pointer;
}

.blackrow{
	background:black;
	color:white;
	height:40px;
padding-top:5px;
 
}

.sideGap{
	margin-left:37px;
}
.sidegap2{
	margin-left:75px;
	margin-right:0px;
}

#sidebar,#sidebar1,#sidebar2,#sidebar3,#sidebar4,#sidebar5,#sidebar6,#sidebar7{
	visibility: hidden;
}


@media only screen 
and (min-device-width: 405px) 
and (max-device-width: 990px) {

.bluebanner{
	background:#001D4F;
	
}
.sidegap2{
	margin-left:-100px;
	margin-right:10px;
	
}
.outboxL{
width: 170px;
height: 270px;
margin-left:15px
}


}


@media only screen 
and (min-device-width: 990px) 
and (max-device-width: 1295px) {

.outboxL{
width: 170px;
height: 270px;
margin-left:15px
}
}


@media only screen 
and (min-device-width: 1295px) 
and (max-device-width: 1330px) {

.outboxL{
width: 170px;
height: 270px;
margin-left:15px
}
}


@media only screen 
and (min-device-width: 0px) 
and (max-device-width: 405px) {

.bluebanner{
	background:#001D4F;
	
}
.sidegap2{
	margin-left:-100px;
	margin-right:10px;
	
}
.outboxL{
width: 170px;
height: 270px;
margin-left:15px
}

.blackrow{
	
padding-top:0px;
 
}
}
@media only screen
and (min-device-width: 405px)
and (max-device-width: 1250px) {
.borderbtn{margin-left:0px;}
}
@media only screen
and (min-device-width: 0px)
and (max-device-width: 850px) {
.borderbtn{visibility:hidden;}
}




/* overlay removed for image-backed hero */


/* === Minimal anti-duplicate & anti-overlap patch === */
.bluebanner{ position:relative !important; overflow:hidden !important; }
.topnav, .gap4, .borderbtn, .linktext, .buttonblue, .ssobtn{
  position:relative !important; z-index:6 !important;
  text-shadow:none !important; mix-blend-mode:normal !important;
}
/* Hide any header anchors that are outside the main nav block */
header > a.linktext, header > a.borderbtn{ display:none !important; }
/* Ensure the main nav shows links as normal */
.topnav a.linktext{ display:inline-block !important; }
/* Remove pseudo-element duplicates */
.linktext::before, .linktext::after, .borderbtn::before, .borderbtn::after{ content:none !important; }
/* Keep CTA above everything */
.ssobtn, .buttonblue{ z-index:7 !important; }