.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 1;
}
    
    .ht-box-images.style-05:hover .image-box-wrap:hover {
    background-color: #086ad8;
}
    
.ht-box-icon.style-01:hover .icon-box-wrap:hover {
    background-color: #086ad8;
}

    
    .ht-box-icon.style-01 .icon-box-wrap .content {
    color: #086ad8;
}
 
    .ht-box-icon.style-01 .icon-box-wrap .heading {
    color: #086ad8;
}
    
.ht-box-icon.style-01 .icon-box-wrap:hover .content {
    color: white;
}
 
    .ht-box-icon.style-01 .icon-box-wrap:hover .heading {
    color: white;
}
    
.ht-box-icon.style-01 .icon-box-wrap:hover .icon {
    fill: white;
}

        .ht-box-icon.style-01 .icon-box-wrap:hover .button-text {
    color: white;
}
    .ht-box-icon.style-01 .icon-box-wrap:hover .svg-icon{

        filter: brightness(0) invert(1);
    }
    
.header__navigation .has-children > a::after {
    content: none !important; 
}

.icon-list .list-item {
    font-size: 16px;
}

  .highlighted {
    color: #fbfff1 !important;
    font-size: 21px;
    background-color: #000080;
   /* border-radius: 0px 30px 30px 0px; */
     
}

.highlighted span{
    color: #fbfff1;
}
    
    a:hover span.nav {
        color: white !important;
        background-color: #086ad8;
}

    .megamenu li a {
    color: #000080 !important;
}


    .megamenu li a .highlighted {
    color: white !important;
}

#key-offer{
    margin: auto !important;
  }

  div#key-offer-cyberoper {
    margin-right: 90px;
}

img#photo-operation {
    margin-left: -184px;
}

img#photo-operation-2 {
    margin-right: -184px;
}
#section-title-cus-benefit{
    margin-left: 370px;
}

ul#cyber-head {
    margin-left: -179px;
    font-size: 20px;
}

#cyber-head span {
    margin-left: 25px;
}

ul#cyber-head li {
    margin-left: 75px;
    border-bottom: 1px black solid;
    margin-right: -30px;
}

#cybersecurity-lists{
    font-size: 16px;
}

  .accordion-button {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #333;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .accordion-button:hover {
    background-color: royalblue;
    color: white;
  }
  .accordion-body {
    background-color: #fff;
    border-top: 1px solid #ddd;
      font-size: 14px;
  }
  .accordion-item {
    border: none;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }




img#nav-img {
    /* background-size: 1000px; */
    margin-bottom: -33px;
    margin-top: -35px;
    margin-left: -20px;
    margin-right: 50px;
}

#cyber-nav-img {
    /* background-size: 1000px; */
    margin-bottom: -33px;
    margin-top: -35px;
    margin-left: -63px;
    margin-right: 30px;
}

li#about-item{
    font-size: 20px;
    border-bottom: black solid 1px;
    width: 432px;
}

li#about-item:hover{
    background-color: #000080;
    color: white;
    text-decoration-color: white;
    border-bottom: solid thin black;
}

li#about-item span:hover{
    color: white;
}

figcaption#pic-captions {
    width: 280px;
}


#sub-item-header{
    font-size: 20px;
    width: 410px; 
    margin-top: 10px;
}

ul#cyber-head li:hover {
    background-color: #000080;
    text-decoration-color: white;
    color: white;
    border-bottom: solid thin black;
}

ul#cyber-head #sub-item-header:hover{
    color: white;
}

ul#cyber-head span:hover {
    color: white;
}

#icon-nav-list{
    margin-top: 22px;
    color: grey;
}

a#discover-nav:hover {
    color: #008000ff !important;
}

#discover-nav{
    margin-top: 100px;
}

#discover-nav-abt{
    margin-top: 60px;
    margin-left: 2px;
}

a#discover-nav-abt:hover {
    color: greenyellow !important;
}

#abt-article-pic{
    margin-left: -67px;
    width: 380px;
    font-size: 16px;
}
#header-stick {

    background-color: white;
    
}

li#nav-heads.active{
    /* background-color: #000080;  */
}


#nav-items {
    color: black;
}

#sub-menu-title{
    margin-left: -80px;
}

.page-list-title{
    width: 340px;
}

li#abt-li {
    margin-left: -38px;
}

#about-item span {
    margin-left: 25px;
}

h1#abt-title {
    margin-left: 25px;
}

li#abt-service {
    padding-left: 70px;
}

div#discover-btn {
    margin-top: 70px;
    margin-left: 12px;
}

li#cyber-content{
    width: 279px;
    justify-items: flex-start;
}

div#cus-benefits-box{
    border: #333 3px solid;
    padding: 20px;
    border-radius: 20px;
    /*margin-bottom: 20px;*/
    margin-right: 60px;
}

#bar1{
    border-left: 6px solid #000080;
    height: 100px;
    left: 50%;
    margin-left: 230px;
    top: 10px;

  }

  #bar2{
    border-left: 6px solid #000080;
    height: 100px;
    left: 50%;
    margin-left: 270px;
    top: 10px;
  }

  #operations-subtitle{
    margin-left: -297px;
    font-size: 17px;
    width: 1180px
  }

#operation-container{
    margin-left: 250px;
    margin-top: 210px;
}

#cyber-side-img{
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

#cyber-side-img:hover{
    box-shadow: 0 5px 15px rgba(0, 0, 128, 0.3);
    transform: translateY(-5px);

}


  #background-images{
    background: url('Images/Photo_Bank/5672.jpg');
    background-size: cover;
  }

  #blue-bg-container{
    height: 900px;
    padding-top: 0px;
  }


  @media only screen and (max-width: 800px) {
    #section-title-cus-benefit{
        margin-left: 67px;
    }

    #operations-subtitle{
        margin-left: 0px;
        font-size: 17px;
        width: 100%;
    }
    
    #operation-container{
        margin-left: 0px;
    }

    #section-contact{
        height: 600px !important;
    }
  }


@media screen and (min-width: 1024px) and (max-width: 1400px) {
    /* Laptop */
    #nav-mega-menu {
        width: 105vw !important;
        margin-left: -133px !important;

      }

      #cybersecurity-lists {
        width: 105vw !important;
        margin-left: -128px !important;
      }

      li#cyber-content {
        justify-items: center;
        margin-left: 30px;
        transform: scale(0.9);
    }

    ul#cyber-head {
        width: 450px;
        transform: scale(0.9);
        margin-top: -18px;
        margin-left: -142px;
    }

    li#about-item {
        font-size: 20px;
        border-bottom: black solid 1px;
        width: 390px;
        transform: scale(0.9);
    }


  #abt-us-article-img {
    margin-left: 0px;
}

div#about-service {
    transform: scale(0.9);
    margin-left: -35px;
}

li#abt-service {
    padding-left: 37px;
}
}




@media screen and (min-width: 1600px){

    #cybersecurity-lists {
        margin-left: -264px !important;
    }

    #nav-mega-menu {
        margin-left: -264px !important;
    }
}

@media screen and (min-width: 1900px){

    #cybersecurity-lists {
        margin-left: -364px !important;
    }

    #nav-mega-menu {
        margin-left: -364px !important;
    }

    #cyber-nav-img{
        margin-left: -80px;
    }
}