* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "Arial";
    font-size: 12px;
    background-color:rgb(248 249 250) !important;
    overflow-x: hidden;
    width: 100% 
 
  }
  .me-5.footer.text-uppercase h6{
    font-size: 12px;
  }
a, p , li, td{
    font-family: "Arial";
    font-size: 12px; 
  }
 .navbar-toggler{
	border: 3px solid #004fa3;
 }
 /*.navbar-toggler-icon{
	 background-color: #fff;
 }*/


 /*====== ALL Static Pages 08/07  ======*/ 
h6.media-heading {
	font-family: "Arial";
	font-size:12px;
}
 /*====== Responsive Images  ======*/ 
.responsive {
  max-width: 100%;
  height: auto;
}
.responsive.child {
  max-width: 100%;
  height: 150px;
}
table#child td{
  color: #004fa3;
  font-weight: 700;
}
  /*====== Style the header/ Top Banner ======*/
  .topBanner.responsive {
    background-image: url("../images/top/saps_topBanner.png");
    object-fit: cover; /* Maintains aspect ratio and fills the container **/
    max-width: 100%;
    overflow: hidden; /* Ensures no overflow */
    background-size: cover; /* or 'contain'*/
    background-repeat: no-repeat;
    background-position: center; /* Centers the image */
    height: 15vh; /* Full viewport height */

       /*height: auto;
    padding-bottom: 140px;*/
  }
.container-fluid.rowIcons .row  .col-lg-3 {
        flex: 0 0 auto;
        width: 9.5%;
    }
/*    .row.icons{
          width: 120%;
    margin-left: -129px;
    }*/
  .row.bannerNews{
    margin-bottom: 5px;
  }
  .mt-5.contact{
    margin-top: 1rem !important;
  }
  img.responsive.top{
  width: 100%;
  height: 100%;
  object-fit: contain; /* Maintains aspect ratio and fills the container */
  }
  .d-block.w-100.c-img{
   background-size: cover;
    object-fit: fill;
  }
  .topnav {
    background-color:#004fa3;
    /*  padding: 5px 5px;
   margin-bottom: 5px; */
  }
.topnavSearch .d-flex{
    height: 30px;
    margin-top: 3px;
}
  .topnavCss a {
    color: white;
  }
.container-fluid.bannerNews{
    margin: -5px;
    max-width: 100%;
}
/*.col-sm-4.index {
    margin-left: -30px;
    margin-top: -7px;
}*/
.custom-summary#selNews {
    width: 98%;
}

.custom-summary#selNews a#readMore { 
padding: 5px;
text-decoration: none;
}
  /* Style for Nav Menu Bar */ 
  .con-menu,  .con-menu2 {
   background-color: #ffffff;
   padding-top: 2px; 
   padding-bottom: 2px;
  }
.container-fluid.con-menu2 .collapse.navbar-collapse{
       margin-left: -10px;
  }
  .navbar-nav.nav-menu2.ul{    margin-left: -10px;}
  .row.mt-3.map {
    margin-bottom: 10px;
  }
  .nav-menu {
    padding-top: 5px;
    padding-bottom: 5px;
   /* padding-left: 11.5px;
    padding-right: 11.5px;*/
   }
  .nav-item .n-link {
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 2px;
  background: #004fa3;
  display: flex;
  border: #000 1px solid;
  border-radius: 50px;
  justify-content: space-between;
  margin: 2px 5px;
  }
  .button.nav{
     background: #004fa3;
    border: #000 1px solid;
    border-radius: 50px;
    margin: 2px -1px;
    display: inline-block;
    padding: 4px 3px;
  }
   .button.nav a{
  color: white;
  font-size: 12px;
  text-transform: uppercase;
    justify-content: space-between;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 2px;
  background: #004fa3;

  }
  .navbar-nav .nav-item ul > li {
    margin-right: 17px;
    }
.nav-item.active {
  color: #000;
}


/* sideMenu Color */ 
.bg-dark.sideMenu {
    background-color: #004fa3 !important;
  /*  border: 5px solid #eacf39; */
}
.bg-dark.sideMenu a {
  color: white;
}
  
  /* styler for Slider animation */ 
  .c-item {
    height: 400px;
  }
  
  .c-img {
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
  }

 .carousel-caption  p , h5 {
  color: white;
  }

  .indexHome .indexHome-waves {
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    top:25rem;
  }
  
  .indexHome .wave1 use {
    animation: move-forever1 5s linear infinite;
    animation-delay: -2s;
    fill: #da3b37;
    opacity: 0.6;
  }
  
  .indexHome .wave2 use {
    animation: move-forever2 7s linear infinite;
    animation-delay: -2s;
    fill: #eacf39;
    opacity: 0.6;
  }
  
  .indexHome .wave3 use {
    animation: move-forever3 10s linear infinite;
    animation-delay: -2s;
    fill: #008d56;
    opacity: 0.6;
  }

  @keyframes move-forever1 {
    0% {
      transform: translate(85px, 0%);
    }
  
    100% {
      transform: translate(-90px, 0%);
    }
  }
  
  @keyframes move-forever2 {
    0% {
      transform: translate(-90px, 0%);
    }
  
    100% {
      transform: translate(85px, 0%);
    }
  }
  
  @keyframes move-forever3 {
    0% {
      transform: translate(-90px, 0%);
    }
  
    100% {
      transform: translate(85px, 0%);
    }
  }

  /*FLASH Banner*/
  .carousel.slide.flash {
    max-width: 100%;
    height: auto;
    margin-top: -65px;
  }
  img.d-block.w-100.c-img.flash{
  width: 100%;
  height: 100%;
  object-fit: contain; /* Maintains aspect ratio and fills the container */
  }
   /* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */
   @media (max-width: 600px) {
    section {
      -webkit-flex-direction: column;
      flex-direction: column;
    }
  }

/* Style the Latest News content */
.services-selnews {
         margin-top: -46px;
    width: 100%;
    margin-left: 0px;
  } 
img#imagesRound {
    border-radius: 50%;
    max-width: 60px;
    max-height: 60px;
   /* background: #004fa3;*/
}
img#imagesRound2 {
    border-radius: 50%;
    max-width: 40px;
    max-height: 40px;
   /* background: #004fa3;*/
}


.feature {
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    text-align: center;
    transition: border 0.4s ease, background-color 0.4s ease;
}

.feature .feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    border: 10px solid #e6e6e6;
    box-sizing: border-box;
    margin-bottom: 5px;
    transition: border 0.4s ease;
}

.feature2 .feature-icon2 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    border: 10px solid #e6e6e6;
    box-sizing: border-box;
    margin-bottom: 5px;
    transition: border 0.4s ease;
}
.feature .feature-icon i.fa {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 110px;
    box-sizing: border-box;
    font-size: 48px;
    border-radius: 50%;
    color: #1082ff;
    transition: background-color 0.4s ease;
}
.feature :last-child {
    margin-bottom: 0px;
}
a.link {

    color: #000;
    text-decoration: none;
    transition: color 0.4s ease;
}
/*a.link:hover {
    color: #fff;
}*/

.zoom {
  transition: transform .2s;
}

.zoom#imagesRound:hover, .zoom#imagesLang:hover, .zoom#imagesRound2:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

img#imagesLang{
  width: 110px;
  height: 110px;
}

h4.title{
  font-size: 12px;
  font-weight: 700;
}
.text-white.min-vh-100 {
  min-height: auto !important; 
}

.feature:hover,.feature2:hover
 {
    border-color: #1082ff;
    background: rgba(0, 155, 212, 0.56);
    background: -webkit-linear-gradient(rgba(0, 155, 212, 0.56), rgb(28, 52, 161));
    background: -o-linear-gradient(rgba(0, 155, 212, 0.56) , rgb(28, 52, 161) );
    background: -moz-linear-gradient(rgba(0, 155, 212, 0.56) , rgb(28, 52, 161) );
    background: linear-gradient(rgba(0, 155, 212, 0.56), rgb(28, 52, 161));
    color: #fff;
}
.feature a:hover,.feature a.link:hover
 {
    color: #fff;
 }
h6.social-title, h6.contacts-title, h6.contacts-services  {
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: #004fa3;
    padding-top: 5px;
    padding-bottom: 5px;
}
h5.about-title{
	   color: #fff;
    font-size: 20px;
    text-align: center;
    background: #004fa3;
    padding-top: 5px;
    padding-bottom: 5px;
	
}
.nav.social, .nav.contacts, .nav.roll_honour {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nav.social li, .nav.contacts li, .nav.roll_honour {
    display: block;
    background-image: none;
    position: relative;
    padding: 0;
    width: 100%;
}
.nav.social > li > a, .nav.social > li > span.separator, .nav.contacts > li > a, .nav.contacts > li > span.separator, .nav.roll_honour > li > a, .nav.roll_honour > li > span.separator  {
    background: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    border-bottom: 3px solid #004fa3;
}
.nav.social li a, .nav.social li span.separator, .nav.contacts li a, .nav.contacts li span.separator, .nav.roll_honour li a, .nav.roll_honour li span.separator {
    display: block;
    color: inherit;
    line-height: 20px;
    font-weight: 500;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 0;
    text-decoration: none;
    background-color: transparent;
  /*   background-image: url('../images/socials/li.png'); */
    background-repeat: no-repeat;
    background-position: left center;
}
.nav.social li a img , .nav.roll_honour li a img{
    vertical-align: middle;
    margin: 0 0px 0 0;
}

img#selNewsImage {
  display: block; /* Ensures no extra space below the image */
  max-width: 100%; /* Makes the image responsive */
  margin-bottom: 15px;
  object-fit: contain; /* Maintains aspect ratio and fills the container */
  padding: 2px; /* Adds space between the image and the border */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    /*width: 100%;
  height: 100%;*/
 }
 h5.media-heading#selNews,  .custom-summary#selNews, .custom-footer#selNews{
  margin-bottom: 10px;
 }
.custom-summary#selNews, .custom-footer#selNews{
  font-size: 14px;
 }
 h5.media-heading#selNews{
    width: 120%;
}
.custom-summary#selNews{
  width: 107%;
 }
.col-news-1 p#title {
 font-family:'Courier New', Courier, monospace;
 font-size: large;
 font-weight: 600;
 font-style: italic;
 text-align: justify;
 margin-left: 20px;
 margin-right: 20px;
}
.col-news-1 p {
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
 }
.news-button {
  overflow: hidden;
  background-color: #004fa3;
  padding-bottom: 5px;
  
}
.news-btn-1 {
  float: right;
  margin-right: 20px;
   margin-top: 5px;
}
.news-btn {
  margin-top: 35px;
} 
.news-btn a, .news-btn-1 a{
  color:black;
  text-decoration: none;
}

/* Create three equal columns that floats next to each other */
.col-news-1  {
  float: left;
  color: white;
  padding: 15px;
}
.col-news-1 h5 {
  color: #eacf39;
  font-style: italic;
}
.col-news-2  {
  float: left;
  color: white;
  padding: 15px;
  width: 32.5%;
}
.col-twitter-3  {
  float: left;
  color: white;
  padding: 15px;
  
  background-color: white;
  height: 240px;
  margin-top: 15px;
}
/* Clear floats after the columns */
.news-row::after {
  content: "";
  display: table;
  clear: both;
}

/* Service section Index Page */
.icon img {
border-radius: 50%;
}

.services-saps {
padding-top: 10px;
background-color: #ebf1fc;
}
.services-saps.section-bg.career {
margin-top: -10px;
background-color: #fff;
}
.services-saps.section-bg.saps_no {
background-color: #f5f5f5;
}
.services-saps .title {
    font-weight: 700;
    margin-bottom: 0px;
    font-size: 12px;
    text-transform: uppercase;
}
.services-saps.section-bg.career .icon-box{
  margin-top: 5px;
}
.services-saps .icon-box {
    padding: 26px 20px;
    margin-top: 35px;
    margin-bottom: 5px;
    text-align: center;
   /* height: 100px;*/
    position: relative;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.container.service-saps2.index {
   margin-top: 20px;
  margin-bottom: 20px;
}
.services-saps .icon-box-body {
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 10px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    transition: ease-in-out 0.4s;
    border-radius: 5px;
}
.services-saps .icon-box-body:hover, .services-saps2 .icon-box-body:hover{
    background: #004fa3;
}
.services-saps .icon-box-body.career:hover, .services-saps .icon-box-body.random:hover{
    background: rgb(232, 232, 232);
}
.container.service-saps.careers p:hover,.services-saps .icon-box-body.career a:hover{
  color: #000;
}
.services-saps .icon-box-body a:hover, .services-saps2 .icon-box-body a:hover{
    color: #fff;
}
.services-saps .icon-box-body a, .services-saps2 .icon-box-body a {
   text-decoration: none;
}

.services-saps .icon {
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    transition: 0.2s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 60px;
    height: 60px;
    background: #004fa3;
}
.services-saps .icon i
 {
    color: #fff;
    font-size: 24px;
    line-height: 0;
}
.services-saps .icon-box:hover .icon {
    background: #fff;
    border: 2px solid #da3b37;
}
.services-saps .icon-box:hover .icon i {
    color: #da3b37;
}
.row#moreInfo .col-sm-3 {
margin-top: 25px;
width: 50%;
}
.row#moreInfo .col-sm-3 img#imgContact{
        width: 100px;
        height: 100px;
        border: 5px solid #0f5239;
        border-radius: 50%;
}
.row#moreInfo .col-sm-3 img#imgContact:hover{
        border: 2px solid red;
}
.container .service-saps2 {
  margin-top: 5px;
}
.container.service-saps2.careers{
  height: auto;
}


/*Section on Roll of Honour  */ 

.col-md-14 img#roll {
  width: 725px;
}
.services-roll {
padding-top: 10px;
background-color: #f8f9fb;
}
.services-roll .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 12px;
    text-transform: uppercase;
}
.services-roll .icon-box {
    padding: 50px 20px;
    margin-top: 35px;
    margin-bottom: 25px;
    text-align: center;
    height: 165px;
    position: relative;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.services-roll .icon-box-body {
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 30px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    transition: ease-in-out 0.4s;
    border-radius: 5px;
}
.services-roll .icon-box-body:hover{
    background: #004fa3;
}
.services-roll .icon-box-body a:hover{
    color: #fff;
}
.services-roll .icon-box-body a{
   text-decoration: none;
}

.services-roll .icon {
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    transition: 0.2s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 60px;
    height: 60px;
    background: #004fa3;
}
.services-roll .icon i
 {
    color: #fff;
    font-size: 24px;
    line-height: 0;
}
.services-roll.icon-box:hover .icon {
    background: #fff;
    border: 2px solid #da3b37;
}
.services-roll .icon-box:hover .icon i {
    color: #da3b37;
}

/*Child Safety pages  */
.row.childSafety{
    margin-bottom: 35px;
}
.col-sm-8.child{
    padding-top: 50px;
}

/*ALL pages  */ 
ul.breadcrumb#order li a {
    list-style: none;  

      color: #eacf39;
    border-radius: 4px;
    margin-top: -3px;
    margin-bottom: 0rem !important;
}
ul.breadcrumb#order li.active{
  color: #fff;
      text-decoration: none;
}
.breadcrumb>li+li:before {
    content: "/\00a0";
       padding: 0 5px;

}
.breadcrumb#order, #order.container { margin:0px;}
.RED { color: #F00;}
.col-md-14#order {padding:0px;}
.col-md-14#order2 { margin-top:20px;margin-bottom:20px;}
.col-md-14#order3 {margin-bottom:20px;}
.col-md-14#order4 {margin-bottom:20px;}
.col-md-14#order5 {margin:10px;margin-left:0px;}
.col-md-14#order6 {margin-top:10px;padding-bottom:15px;padding-left:20px;padding-right:20px;}

.col-md-3#order {text-align:right;}

.col-md-5#order {margin:10px;margin-left:0px;}
.col-md-5#order1 {text-align:center;margin-top:20px;}

.col-md-6#order3, .col-md-2#order4 { text-align:center;padding:10px;}

.col-md-7#order5 {padding-left:60px;}
.col-md-7#order {text-align:right;}
.col-md-7#Edu {margin:0px;}
.col-md-7#order6 {text-align:left;margin:0px;padding:0px;}
.col-md-7#order7 {text-align:right;margin:0px;padding:0px;}

.cust-col-md-3#order {padding-top:0px}
.cust-col-md-3#order2 {padding-top:40px}


.row#order {padding:0px;padding-top:0px;}

.panel-heading#row {background-color: #004fa3;color:#fff;}
.panel-heading#order {background-color: #004fa3;color:#fff;}
.panel-heading {
    padding: 4px 12px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-heading#info {background-color: #004fa3;color:#afd6f8;}

.panel-body#order {text-align:center}
.pagination#order {margin-top:0px;padding-top:0px;}

.pager#order {margin:0;padding:0;margin-bottom:10px;}
.pager#order2 {margin-bottom:10px;float:left;margin-top:0px;margin-left:-15px;}

.next#order {float:left;margin-left:15px;}
.thumbnail#order {padding:20px;}
.custom-wide#order{margin-top:10px;}
a#journal {color:#0066cc;}
td#fireArm{text-align:center} 
table#table5 {border-width: 0px}
table#table5 td {border-style: none; border-width: medium;}  

.td_main td div#popup {display:none; 
		      position:absolute; 
		      border-style: solid; 
		      background-color:#fff; 
		      padding: 5px;
		      color: #000000; left:74px; top:456px; width:274px; height:164px;}
  
 .panel-body form#form1 {margin-top:0px;margin-bottom:0px;}
  
  p#applyClearCert{margin-left: 36pt}
  ul#reservist{list-style-type:square;}
  .col-sm-14#noticeIndex {background-color:#fff; padding-top:10px;}
  .col-sm-14#announceIndex {background-color:#fff; padding-top:10px;}
 .list-group#announceIndex {padding-right:30px;padding-left:20px;padding-top:20px;margin-right:4px;}
 .url-link#announceIndex {margin:0px;padding-right:40px;margin-right:4px;margin-bottom:20px;}
  .col-md-14#news {background-color:#fff;padding:0px;}
.panel-heading#news {background-color: #004fa3;color:#fff;}
.row#news {padding:0px;padding-top:0px;}
.col-sm-14#covidIndex {background-color:#fff; padding-top:10px;}
font {color:#FF0000}
 font#call{color:#004fa3}  
.row#rowFav { padding:0px;padding-top:0px;}
.panel-heading#panel { background-color: #004fa3;color:#fff;}
  

img#pamphlet1, img#pamphlet2, img#pamphlet3{

height: 150px !important;
}

.column.pamph {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) 
.row.pamph::after {
  content: "";
  clear: both;
  display: table;
}



/*====== Tables ========*/

table#tableformat tr#title th, table#tableformat tr#title a
  {
	  text-transform: uppercase;
	    color: blue;
    font-weight: 900;
}
table#tableformat tr#title a, table#tableformat tr#summary a {
text-decoration: none;
}

table#tableformat td a, table#tableformat td li a {
	text-decoration: none;
}

/*====== Style the footer ========*/
.text-center .p-4, .d-flex.justify-content-center#latest {
  background-color: #004fa3 !important;
  color: #fff;;
  padding: 0.5rem !important;
}
.text-center .p-4 {
font-size: 12px;
}
.d-flex.justify-content-center#selNewsBtn {
    background-color: #004fa3 !important;
     padding: 1rem !important;
}
.d-flex.justify-content-center#selNewsBtn .me-5 {
    margin-top: -46px;
    margin-bottom: -11px;
}
.me-5 h6 {
    font-weight: bold;
    margin-bottom: 1px;
}
h5#selNews.media-heading a {
    color: #004fa3;
    text-decoration: none;
    font-size: 15px;
}
.d-flex.justify-content-center#latest {
margin-top: 5px;
}
.fa-phone, .fa.fa-home, .fa.fa-envelope {
  color: red;
}

.mt-3.footer{
    margin-top: -2rem !important;
}

h6.text-uppercase {
    text-transform: uppercase !important;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #004fa3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.col-md-3 li, .col-md-4 li {
    margin-left: 5px;
    color: #000;
    font-size: 12px;
    list-style: none;
    margin-bottom: 10px;
}
.row.mt-3 .col-md-4 li {
    margin-left: -25px;
  
}

.row.mt-3 .col-md-4 li {
    margin-left: -25px;
  
}
.col-md-4 ul.nav.roll_honour  li {
    margin-left: 0px;
  
}
a#supportIndex1, a#supportIndex2, a#supportIndex3 {
      color: #004fa3;
      text-decoration: none;
      font-size: 0.9em;
}
a#supportIndex1:hover, a#supportIndex2:hover, a#supportIndex3:hover {
      color: red;
}
.col-md-2 p, .col-md-2 a {
  color: #000;
  text-decoration: none;
  font-size: 12px;
}
.col-md-14#roll h5{
  font-size: 12px;
  font-family: Arial;
}
.col-md-2 p:hover, .col-md-2 a:hover {
   color: #004fa3;
}
.text-p.service{
font-size: 12px;
padding-left: 15px;

}
.text-p.service.Pcc{
padding-left: 0px;

}
/* .bg-body-tertiary {
    background-color: #ebf1fc !important;
} */
 
 /* General for round icon */

.round-icon {
      width: 100px; /* Set the width of the icon */
      height: 100px; /* Set the height of the icon */
      background-color: #4CAF50; /* Background color of the icon */
      color: white; /* Text color */
      display: flex; /* Center content */
      justify-content: center; /* Horizontally center content */
      align-items: center; /* Vertically center content */
      border-radius: 50%; /* Makes the shape circular */
      font-size: 24px; /* Font size for the text/icon */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    }
    .round-icon2 {
      width: 5px; /* Set the width of the icon */
      height: 5px; /* Set the height of the icon */
      background-color: #fff; /* Background color of the icon */
      color: black; /* Text color */
      display: flex; /* Center content */
      justify-content: center; /* Horizontally center content */
      align-items: center; /* Vertically center content */
      border-radius: 50%; /* Makes the shape circular */
      font-size: 5px; /* Font size for the text/icon */
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
    }
    .text-p {
    font-size: 1rem;
    line-height: 1.5rem;
    word-break: keep-all;
    margin-top: 16px;
}
img.l-img{
float:left;
max-width:50%;/*Can use no more than 50% of available space*/
margin:1% 1%;
box-shadow: 1px 1px 4px #000
}
img.l-img.talk{
    max-width: 35% !important;
    margin-right: 30px;
	
}
p#nb, b#nb{
  color: red;
}

.service.link {
    cursor: pointer;
}
a.decoration--none {
    text-decoration: none;
}
 a.service {
    color: #000;
}
.btn--icon .atom.image {
    width: 100%;
}
.row.crime-stop{
margin-top: 10px;
}

/* Create two columns/boxes that floats next to each other */
nav.services-2 {
  float: left;
  width: 30%;
  height: 300px; /* only for demonstration, should be removed */
  background: #ccc;
  padding: 20px;
}

/* Style the list inside the menu */
nav.services-2 ul {
  list-style-type: none;
  padding: 0;
}

article.services {
  float: left;
  padding: 20px;
  width: 70%;
  background-color: #f1f1f1;
  height: 300px; /* only for demonstration, should be removed */
}

/* Clear floats after the columns */
section.services-1::after {
  content: "";
  display: table;
  clear: both;
}

/*All table format */
table#tableformat, table#tableformat th, table#tableformat td {
  border: 1px solid #004fa3;
  border-collapse: collapse;
}
table#tableformat th#titles{
  background-color: #ddd;
}
table#tableformat {
  border-collapse: collapse;
  border-spacing: 0;
  width: 98%;
  border: 3px solid #004fa3;
  border-radius:16px;
 margin-bottom: 30px;
}

table#tableformat th a{
font-weight: 100;
}

table#tableformat th{
   font-size: 12px;
  text-align: left;
  padding: 8px;
  padding-top: 10px;
}

table#tableformat td{
  text-align: left;
  padding: 8px;
  padding-top: 10px;
  color: #000;
  vertical-align: top;
  font-size: 12px;
}

table#tableformat tr:nth-child(even){background-color: #f2f2f2;}

.table#contactAddress {
    vertical-align: bottom;
    color: #000;
    text-align: left;
    border-top: 5px solid #004fa3;
    border-bottom: 5px solid #004fa3;
}

table#tableformat th#titles{
	color: #fff; font-size:15px; padding-bottom: 10px; background-color: #004fa3
}
table#tableformat tr#headstyle th {
    background-color: #004fa3;
    width: 85%;
        color: #fff;
}
table#tableformatSearch th#titles{
	color: #fff; font-weight: 900; font-size:15px; padding-bottom: 10px; background-color: #004fa3
}
table#tableformatSearch tr#headstyle th {
    background-color: #004fa3;
    width: 85%;
}
table#tableCareer tr#headstyle th {
    background-color: #004fa3;
    width: 30%;
}
table#tableformat tr#headstyle th#title{
	 width:30% 
}
table#tableformat tr#headstyle th#desc{
	 width:50% 
}
table#tableformat tr#headstyle th#date{
	 width:20% 
}
table#tableformat tr#title a{
	color: blue;  font-weight: 900;
}
table#tableformat tr#summary img{
  padding:2px; border: 3; 
  width: 100px; 
 /*  height: 200px;  */
  margin-right:10px;
}

table#tableformat td#summary 0{
font-weight: 100;
}


/* Flash */
.col-lg-4.col-md-6.aos-init.aos-animate.flash-img {
  border: #004fa3 2px solid;
  border-radius: 20px;
  object-fit: cover;
}
 .mt-3.contact {
    margin-bottom: 20px;
    margin-left: -108px;
}