body {
  color : #222F3E;
  font-family : 'Amazon Ember', sans-serif;
  font-weight : 500;
  font-size : 33px !important;
  line-height : normal;
  letter-spacing : 0%;
}
/**/h1 {
  font-weight : 500;
  font-style : Medium;
  font-size : 70px !important;
  line-height : 90px;
  letter-spacing : 0%;
  color : #252F3E;
}
.h1-home {
  text-transform : capitalize; font-size : 84px !important; line-height : 90px;
  padding : 60px 0; margin : 0; color : #252F3E;
}
p {
  line-height : normal
}
.height100vh {
  height : 100vh
}
.section-box {
  display : none; height : 100vh
}
.section-box.active {
  display : block;
}
.category {
  display : none;
}
.category.active {
  display : block;
}
.btn-primary, .btn-primary:hover 
  {
  background-color : #499EFF;
  border : 1px solid #FFFFFF;
  box-shadow : 0px 4px 4px 0px #000040;
  font-size : 25px !important;
  line-height : 100%;
  text-align : center;
  vertical-align : middle;
  transition : background-color 0.5s ease;
}
  .btn-primary:hover {
  background-color : #3080DC
}
.logo1 {
  max-width : 175px; height : auto
}
.logo {
  max-width : 67px; height : auto
}
.bg-dark {
  background-color : #222F3E
}
.btn-circle {
  width : 237px; height : 237px; border-color : #fff; border-style : solid; box-shadow: 10px 10px 10px 0px #00000040; transition : background-color 0.5s ease;
}
  .btn-circle:hover {
  background-color : #434795 !important;
}
.btn-circle2 {
  width : 59px; height : 59px; background-color : #434795; border-color : #fff; border-style : solid; box-shadow: 6px 6px 6px 0px rgba(0, 0,0, 0.25); transition : background-color 0.5s ease;
}
  .btn-circle2:hover {
  background-color : #499EFF !important;
}
a {
  color : #222F3E; text-decoration : none
}
.shadow-wh {
  text-shadow : 0px 3px 8px #fff;
}
p.shadow-wh a {
  transition : text-shadow 0.5s ease;
}
  p.shadow-wh a:hover {
  text-shadow : none
}
.shadow-bl {
  text-shadow : 0px 4px 4px rgba(0, 0,0, 0.25);
}
p.shadow-bl a {
  transition : text-shadow 0.5s ease;
}
  p.shadow-bl a:hover {
  text-shadow : none
}
.fontcolor1 {
  color : #252F3E
}
.fontweight400 {
  font-weight : 400
}
.fontweight500 {
  font-weight : 500
}
.fontweight700 {
  font-weight : 700
}
.text1 {
  font-size : 20px !important;
}
.text2 {
  font-size : 60px !important; line-height : normal
}
.text3 {
  font-size : 22.4px !important; line-height : 31.36px
}
.text4 {
  font-size : 55px !important;  line-height : normal
}
.text5 {
  font-size : 36.25px !important; font-weight : 500
}
.text6 {
  font-size : 27px !important;
}
.text7 {
  font-size : 40px !important;
}
.text8 {
  font-size : 33px !important;
}
.text9 {
  font-size : 35px !important;
}
.text10 {
  font-size : 29px !important;
}
.text11 {
  font-size : 24px !important;
}
.text12 {
  font-size : 30px !important;
}
.text13 {
  font-size : 45px !important;
}
.text14 {
  font-size : 42px !important;
}
.text15 {
  font-size : 24px; font-style: italic; font-weight : 800
}
.text16 {
  font-size : 25px  !important;
}
.text17 {
  font-size : 17px  !important;
}
.colortxt1 {
  color : #499EFF;
}
.colortxt2 {
  color : #5FC9F6;
}
.colortxt3 {
  color : #897CFF;
}
.cursor-pointer {
  cursor : pointer
}
.footerBtns {
  max-width : 140px
}
.footerBtns .prev-btn {
  left : 0
}
.left-col {
  background : linear-gradient(152.46deg, #348DFA 25.8%, #96F1EE 103.54%);
}
.left-col-bg2 {
  background : url("images/bg1.webp") no-repeat 0 0; background-size : auto 100%
}
.right-col-bg2 {
  background : #252F3E url("images/icon-agentic-ai-1.svg") no-repeat 100% 100%; background-size : auto 555px
}
.bg1 {
  background : url("images/bg1.webp") no-repeat 100% 100%; background-size : cover
}
.bg2 {
  background-color : blue; position : fixed; top : 0; bottom : 0; left : 0; width : 36%; z-index : 0
}
.bg3 {
  background : url("images/icon-fed gov-building-black.svg") no-repeat 100% 100%
}
.bg4 {
  background : linear-gradient(188.19deg, rgba(37, 47, 62, 0.9) 49.77%, rgba(98, 124, 164, 0.9) 118.14%);
}
.bg5 {
  background : url("images/icon-fed-government-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg6 {
  background : url("images/icon-soldieroffice-badge-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg7 {
  background : url("images/icon-laptop-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg8 {
  background : url("images/icon-student-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg9 {
  background : url("images/icon-research-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg10 {
  background : url("images/icon-airplane-bl.svg") no-repeat 50% 50%; background-size : auto 90%
}
.bg11 {
  background : url("images/icon-public-safety-badge-bl.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg12 {
  background : url("images/icon-finance-graph-up-bl.svg") no-repeat 50% 50%; background-size : auto 90%
}
.bg13 {
  background : url("images/icon-labor-workforce2-bl.svg") no-repeat 50% 50%; background-size : auto 90%
}
.bg14 {
  background : url("images/icon-health-heart-bl.svg") no-repeat 50% 50%; background-size : auto 90%
}
.bg15 {
  background : linear-gradient(152.46deg, #348DFA 25.8%, #96F1EE 103.54%);
}
.bg16 {
  background : url("images/icon-soldieroffice-badge-bl-2.svg") no-repeat 50% 50%; background-size : auto 100%
}
.bg17 {
  background-color : #434795
}
.bg18 {
  background : url("images/icon-fedGovBuilding-bl.svg") no-repeat 50% 50%; background-size : auto 95%
}
.bg19 {
  background : url("images/icon-soldieroffice-badge-bl.svg") no-repeat 120% 150%;  background-size : auto 80%
}
.main-header {
  z-index : 999
}
.fed-gov-trends .icon {
  background-color : #252F3E; max-width : 178px; border-radius : 26px; margin-right : 20px; display : inline-flex; width : 100%;
  align-items : center; justify-content : center
}
.fed-gov-trends .trendTxt {
  background : linear-gradient(80.56deg, #252F3E 3.97%, #627CA4 91.97%);
  width : 806px;
  border-radius : 26px;
}
.fed-gov-trends .trendTxt h2 {
  color : #499EFF;
  font-size : 90p !important;
  font-weight : 500;
  margin : 0;
  padding : 0
}
.fed-gov-trends .trendTxt p {
  font-size : 40px  !important;
  font-weight : 500;
  color : #fff;
  line-height : 40px;
  margin : 0;
  padding : 0
}
.row-custom-card-1 .card {
  background : linear-gradient(157.12deg, #252F3E 30.54%, #627CA4 128.96%);
  border-radius : 27px; color : #fff; padding : 0 10px 50px
}
.row-custom-card-1 .card-title {
  background : linear-gradient(90deg, #6890FF 0%, #3E71FE 100%);
  box-shadow : 8px 8px 8px 0px #0000008C;
  font-size : 30px  !important;
  text-align : center;
  font-weight : 500; height : 70px; display : flex; align-items : center; justify-content : center;
  position : relative; top : -60px; margin : 0; padding : 0;
  border-radius : 100px
}
.row-custom-card-1 .card-text ul {
  margin : 0 40px; padding : 0 0 50px;
}
.row-custom-card-1 .card-text ul li {
  margin : 0; padding : 0; font-size : 30px   !important;
}
.cardbg {
  background : url("images/icon-workforce2.svg") no-repeat 50% 50%; position : absolute; left : 0; right : 0; top : 0; bottom : 0; width : 100%;
  background-size : auto 100%
}
.cardbg2 {
  background : url("images/icon-security-bl-1.svg") no-repeat 50% 50%; position : absolute; left : 0; right : 0; top : 0; bottom : 0; width : 100%;
  background-size : auto 100%
}
.cardbg3 {
  background : url("images/icon-agentic-ai-2.svg") no-repeat 50% 50%; position : absolute; left : 0; right : 0; top : 0; bottom : 0; width : 100%;
  background-size : auto 100%
}
.row-challenges .imgbox {
  width : 77px; height : 77px; border-radius : 9.35px; background-color : #000; margin-right : 10px
}
.row-custom-card-1 .row-challenges h3 {
  font-weight : 400; font-size : 30px !important;
}
.row-custom-card-1 .row-challenges ul li {
  font-weight : 400; font-size : 24px !important;
}
.row-challenges .imgbox2 {
  width : 148px; height : 148px; border-radius : 148px; background-color : #000; margin-right : 0px;
  border : 1.5px solid #fff
}
.row-challenges h3.font2 {
  font-size : 25px !important; font-weight : 500
}
.row-challenges h4 {
  font-size : 29px !important; font-weight : 500; color : #5FC9F6; border-bottom : 1.5px solid #fff; min-height : 130px; font-family: "Amazon Ember Medium"; line-height: 1.1;
}
.row-challenges p {
  font-size : 25px !important; margin-top : 10px; padding-top : 10px; font-weight : 400
}
.list-agent-ai li {
  padding-left : 100px; position : relative;
}
  .list-agent-ai li:before {
  content : ""; position : absolute; left : 20px; top : 5px; background-color : #5FC9F6; color : #5FC9F6; display : block; width : 30px; height : 30px; border-radius : 30px
}
.list-agent-ai li ul.list2 li {
  list-style-type : disc; padding-left : 0
}
  .list-agent-ai li ul.list2 li:before {
  display : none
}
.play-vid {
  background-color : rgba(0, 0,0, 0.2);
}
.footerBtns2 {
  width : 100%; max-width : 200px; left : 50%; margin-left : -100px; z-index : 9
}


/* New css for section #fed-9-3  */
body
{
    font-family: 'Amazon Ember Medium';

}
ul, li
{
    font-family: 'Amazon Ember';

}
#fed-9-2 .row-custom-card-1 .card-text ul {
    list-style: none;
}
#fed-9-3 .row-custom-card-1 .card
{
 min-height: 580px ;
}

#fed-9-3 .row-custom-card-1  .card-text{
    padding-top: 80px;
}

#fed-9-3 .row-custom-card-1 .card-text ul {
    margin: 0 0px 0 25px;
}
.fed-9-4-pl
{
  padding-left: 135px;
}

.text70 {
  font-size : 70px !important;  line-height : normal;
  font-family: 'Amazon Ember Medium';
    font-weight: 500;
}

.fed-videos-6 video
{
  width:100%;
  max-height: 825px;
  border-radius: 27px;
}

#fed-9-5 .pl-35
{
  padding-left: 140px;
}

.blue-container {
  width: 410px;
  line-height: 100%;
  text-align: center;
  display: flex;               /* ADD */
  flex-direction: column;      /* ADD – stack buttons vertically */
  align-items: center;         /* center horizontally */
  justify-content: center;     /* center vertically */
  margin: 0 auto 0 auto;    /* auto centers entire block */
}

.blue-row {
  background: linear-gradient(157.12deg, #252f3e 30.54%, #627ca4 128.96%);
  box-shadow: 8px 8px 8px 0px #0000008c;
  color: white;
  padding: 10px;
  border-radius: 5px;
  font-size: 27px !important;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}

.responsible-ai-grid {
    max-width: 1600px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px 32px;
    margin: 20px auto 70px auto;
}

.rai-pill {
    background: linear-gradient(157.12deg, #252f3e 30.54%, #627ca4 128.96%);
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 27px;
    box-shadow: 8px 8px 8px 0px #00000040;
    min-width: 380px;
}
.colorblue
{
  color:#499EFF;
}
.subtext_10_10
{
  padding-top: 30px;;
}
.def-bg-lm {
  background : url("images/icon-fed-government-lm.svg") no-repeat 50% 50%; background-size : auto 100%
}

.fed-bg-lm {
  background : url("images/icon-fed-government-lm.svg") no-repeat 50% 50%; background-size : auto 100%
}
.text-left
{
  text-align: left !important;
}
#fed-9-7 .row-challenges h3.font2 {
    padding-bottom: 10px;
}
#fed-10-7 .row-challenges h3.font2 {
    padding-bottom: 15px;
}

#fed-9-8 h2{
  line-height: 1.2;
}
#fed-10-8 h2{
  line-height: 1.2;
}
#fed-9-3 .row-custom-card-1 .card-title,
#def-10-2 .row-custom-card-1 .card-title
{

font-size: 41px !important;

}
.pad-t80
{
  padding-top: 80px !important;
}

/* timestamp height adjustment */

#fed-9-13 .timestamps-section li {
    margin-bottom: 0;
}

#fed-9-13  .progress-tracker-bottom-line {
    bottom: 0;
}
#fed-9-13 .timestamps-section {
    margin-right: 20px;
}


#fed-9-14 .timestamps-section li {
    margin-bottom: 80px;
}

#fed-9-14  .progress-tracker-bottom-line {
    bottom: 80px;
}
#fed-9-14 .timestamps-section {
    margin-right: 20px;
}


#fed-9-15 .timestamps-section li {
    margin-bottom: 80px;
}

#fed-9-15  .progress-tracker-bottom-line {
    bottom: 80px;
}
#fed-9-15 .timestamps-section {
    margin-right: 20px;
}

#fed-9-16 .timestamps-section li {
    margin-bottom: 120px;
}

#fed-9-16  .progress-tracker-bottom-line {
    bottom: 120px;
}
#fed-9-16 .timestamps-section {
    margin-right: 20px;
}


#def-10-13 .timestamps-section li {
    margin-bottom: 55px;
}
#def-10-13  .progress-tracker-bottom-line {
    bottom: 55px;
}
#def-10-13 .timestamps-section {
    margin-right: 20px;
}


#def-10-14 .timestamps-section li {
    margin-bottom: 3px;
}
#def-10-14  .progress-tracker-bottom-line {
    bottom: 3px;
}
#def-10-14 .timestamps-section {
    margin-right: 20px;
}

#def-10-15 .timestamps-section li {
    margin-bottom: 17px;
}
#def-10-15  .progress-tracker-bottom-line {
    bottom: 17px;
}
#def-10-15 .timestamps-section {
    margin-right: 20px;
}


#def-10-16 .timestamps-section li {
    margin-bottom: 3px;
}
#def-10-16  .progress-tracker-bottom-line {
    bottom:3px;
}
#def-10-16 .timestamps-section {
    margin-right: 20px;
}



/* FIXED SIZE POPUP */
.image-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1920px;
    height: 1080px;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    z-index: 999999;
    display: none;
    overflow: hidden;
}

/* SCROLLABLE AREA — NO VERTICAL PADDING */
.image-popup-content {
    width: 95%;
    height: 95%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 40px;
    box-sizing: border-box;

    /* FIX: Remove transform centering */
    position: relative;
    margin: auto;                /* correct centering */

    background: #FFFFFF;
    border-radius: 25px;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

/* WRAPPER TO CENTER SMALLER IMAGES */
.image-center-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; 
    padding-top: 20px;    /* small safe gap instead of 40px */
}

/* IMAGE (no restrictions) */
#popupImage {
    /* max-width: 95%; */
    height: auto;
    max-height: none;
    display: block;
    width: 100%;
}
/* Close button */
.popup-close-btn {
    position: absolute;
    bottom: 70px;
    right: 110px;
    font-size: 45px;
    color: white;
    background: #FF0000;
    border: none;
    cursor: pointer;
    z-index: 1000;
	width: 59px;
    height: 59px;
    border-radius: 50%;
    background: var(--purple-box-1);
    border: 4px solid white;
    color: white;
    font-size: 1.8rem;
    cursor: pointer;
    box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.25);
    
}
.image-center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* AWS-style Scrollbar (Matches screenshot) */
.image-popup-content::-webkit-scrollbar {
    width: 22px;                   /* Thin scrollbar */
}

.image-popup-content::-webkit-scrollbar-thumb {
    background: #333333;           /* Light grey thumb */
    border-radius: 12px;           /* Rounded */
}

.image-popup-content::-webkit-scrollbar-track {
    background: #CCCCCC;           /* Very light track */
    border-radius: 12px;
}

#fed-9-11 .stock-videos-10,
#def-10-11 .stock-videos-10
{
  display: flex;
    justify-content: center;
    align-items: center;
}


#fed-9-11 .stock-videos-10 video,
#def-10-11 .stock-videos-10 video
{
  max-width: 1364px;
}

.fed-videos-4 video,
.fed-videos-6 video,
.fed-videos-8 video,
.fed-videos-10 video,
.def-videos-6 video,
.def-videos-8 video,
.def-videos-6 video,
.def-videos-4 video,
#fed-9-11 video,
#def-10-11 video,
#def-10-11 video,
.stock-videos-10 video,
.def-videos-10 video
{
  border-radius: 27px;
}
.section_9_wrapper {
   margin-top: 60px;
   margin-left: 80px;
}
.section_9 {
    display: flex;
    align-items: flex-start;
    gap: 20px 40px;
    margin-bottom: 45px;
}

/* Icon Circle */
.section_9 .icon-circle {
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: none;
    background: #000000;
    border: 1px solid #5FC9F6;
    border-radius: 27px;
}

.section_9 .icon-circle img {
    max-width: 35px;
    max-height: 35px;
    object-fit: contain;
}




/* LI styling (isolated) */
.section_9 ul li {
    line-height: 28px;
    margin-bottom: 4px;
    font-size: 30px;
    line-height: 1;
}
.section-content h3 {
    
    margin: 0 0 8px;
font-weight: 500;
font-size: 30px;
line-height: 1;

}
.bold-9-4
{
font-weight: 800;
font-style: Heavy;
font-size: 36px;
line-height: 100%;

}

#fed-9-17 .qr-section {
    gap: 0 45px;
}
#fed-9-17 .qr-box {
    width: 408px;
}

#def-10-16 .qr-section,
#def-10-17 .qr-section{
    gap: 0 50px;
}
#def-10-16 .qr-box,
#def-10-17 .qr-box {
    width: 308px;
}

#fed-9-2 .card img
{
  border-radius: 27px;
}
#def-10-0 .card img,
#def-10-1 .card img,
#def-10-2 .card img
{
  border-radius: 27px;
}
#fed-9-3 .row-custom-card-1 .row-challenges h3 {
  
    color: #5FC9F6;
}

.header-white .text1 {
    color: #ffffff !important;
}
.main-header.header-white .text1 {
    color: #ffffff !important;
}


.progress-tracker {
   opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
    padding-left: 40px;
    padding-right: 20px;
}


.def-ed-bg {
  background : url("images/def-ed-bg.png") no-repeat 50% 50%; background-size : auto 100%
}