body {
      font-family: system-ui, sans-serif;
      margin: 0;
    }
    .hero-section {
      background-color: #2a9d8f;
      color: #fff;
    }
    .testimonial-img {
      width: 80px;
      height: 80px;
      object-fit: cover;
    }
    .testimonial-box {
      background-color: #e0f7fa;
      border-radius: 0.5rem;
    }
    .footer {
      background-color: #2a9d8f;
      color: #fff;
    }
    .footer a {
      color: #fff;
    }


    /*---modal---*/

.modal {
display: none; 
position: fixed; 
/* z-index: 1;  */
padding-top: 100px; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgba(0,0,0,0.0);
}

.modal-img {
margin: auto;
display: block;
width: 100%;
max-width: 450px;
}

.close-btn {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}

.close-btn:hover {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* modal */
.modal-content {
  background-color: #2a9d8f;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.modal-content .modal-body img {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
/*   border-radius: 4px; */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modal-backdrop {
    --bs-backdrop-zindex: inherit !important;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: inherit !important; 
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.modal-backdrop.show {
    display: none !important; 
}

.modal-backdrop.fade {
    display: none !important;
}


@media only screen and (max-width: 600px) {
  .modal-backdrop{
    width: 100%;
    height: 100%;
  }

  .second-number{
    font-size: 12px;
  } 

}

 /*---modal---*/


 a{
  text-decoration: none;
 }



 /* counting */

    .count-section {
      background: url('../image/cybersecurity-banner.jpg') no-repeat center center;
      background-size: cover;
      background-attachment: fixed;
      color: white;
      padding: 5rem 0;
      position: relative;
    }

    .count-section::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      height: 100%; width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 0;
    }

    .count-container {
      position: relative;
      z-index: 1;
    }

    .stat-box {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 0.5rem;
      padding: 2rem;
      backdrop-filter: blur(4px);
    }

    .stat-number {
      font-size: 2.5rem;
      font-weight: 700;
    }

    p {
      margin-bottom: 0;
    }
 
 /* counting */



 /* partner logo */

 .square-holder {
  padding:30px;
  border: 1px solid #cecece;
  align-items: center;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-bottom:20px;
  background-color:#fff;
  min-height:200px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.stat-number{
text-shadow: 1px 1px 3px #2a9d8f;
}

.square-holder img {
  max-width:100%;
  transition: all 0.3s;
}

/* .square-holder:hover img{
  filter:none;
  filter: grayscale(100%);
} */