.incident-response-entire-page{
font-family: 'Roboto' !important;
}
.incident-response-entire-page p{
font-size:16px;
    margin-block-end: 0 !important;
        margin-block-start: 0 !important;
}
.incident-response-entire-page h2{
 margin-block: 10px;
        font-weight: bold;
color: #343741;
}
.incident-response-entire-page h3{
 margin-block: 10px;
 font-weight: 500;
    font-size: 24px;
    color: #343741;
}
.incident-response-main-section{
max-width: 1440px;
    width: 90%;
    margin: auto;
    text-align: center
}
.incident-response-main-section h2{
 font-size: 48px;
}
.incident-response-cards{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    text-align: left;
}
.incident-response-card{
padding: 30px 50px;
    width: 45%;
}
.incident-response-links{
display: inline-flex;
    margin-top: 30px;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 500;
    background-color: #005a9b;
    color: #fff !important;
    border-color: transparent;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Roboto' !important;
    transition: all 0.3s ease-in-out !important;
    line-height: 1.5;
}

.incident-response-links:hover{
background-color: #3370ac;
    transform: scale(1.05) !important;

}
@media (max-width: 768px) {
  .incident-response-main-section {
    width: 95%;
    padding: 30px 20px;
    text-align: center;
  }

  .incident-response-main-section h2 {
    font-size: 26px;
  }

  .incident-response-cards {
    flex-direction: column;
    gap: 30px;
    align-items: stretch;
    text-align: center;
  }

  .incident-response-card {
    width: 100%;
    padding: 25px 20px;
  }
}
@media (max-width: 480px) {
  .incident-response-main-section {
    width: 95%;
    padding: 20px 10px;
    text-align: center;
  }

  .incident-response-main-section h2 {
    font-size: 22px;
  }

  .incident-response-cards {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
    text-align: center;
  }

  .incident-response-card {
    width: 100%;
    padding: 20px 15px;
  }
}
.incident-response-datasheet-wrapper{
    margin-top: 30px;
               background-image: url('https://www.criticalstart.com/wp-content/uploads/2020/12/bg-resource-scaled.jpg');
   
   }
          .incident-response-datasheet {
              
               padding: 20px;
               overflow: hidden;
               max-width: 1300px;
       margin: auto;
           }
           .incident-response-datasheet-cards {
               display: flex;
               width: 200%;
               margin: auto;
               transition: transform 0.3s ease;
           }
           .incident-response-datasheet-card {
               flex: 1;
               min-width: 50%;
               box-sizing: border-box;
               display: flex;
               gap: 20px;
           }
           .incident-response-datasheet-content, .incident-response-datasheet-img {
               width: 40%;
               margin-left: 30px;
           }
           .incident-response-datasheet-content{
           padding: 20px;
          }
          .incident-response-datasheet-content h2{
           color: #005a9b !important;
       font-weight: 300;
       margin-block: 0 !important;
   }
.incident-response-datasheet-content h5{
margin-block: 0;
    font-weight: 400;
    color: #343741;
}
   .incident-response-costumer-link{
color: #004C97 !important;
 transition: all 0.3s ease-in-out !important;

}
.incident-response-costumer-link:hover{
color: #009cde !important;
    transform: scale(1.05) !important;

}
.incident-response-costumer-link svg{
margin-bottom: -3px;
    margin-left: 4px;
}
           .incident-response-datasheet-img img {
               width: 100%;
               height: auto;
           }
           .incident-response-slider-dots {
               display: flex;
               justify-content: center;
               gap: 10px;
               margin-top: 20px;
           }
           .incident-response-dot {
               height: 15px;
               width: 15px;
               background-color: #fff;
               border: 2px solid #005a9b;
               border-radius: 50%;
               display: inline-block;
               cursor: pointer;
           }
           .active-dot {
               background-color: #005a9b;
           }
   
   
   
   /* Media Queries */
   
   /* For tablets and below (768px and below) */
   @media (max-width: 768px) {
     .incident-response-datasheet-cards {
       gap:30px;
       width: 100%;
     }
   
     .incident-response-datasheet-card {
       min-width: 100%; /* Make cards full width */
       align-items: center;
       gap: 30px;
       text-align: center;
     }
   
     .incident-response-datasheet-content,
     .incident-response-datasheet-img {
       width: 90%; /* Adjust content width */
       margin: 0 auto;
     }
   
     .incident-response-datasheet-content h2 {
       font-size: 24px;
     }
   }
   
   /* For mobile screens (480px and below) */
   @media (max-width: 480px) {
     .incident-response-datasheet {
       padding: 10px;
     }
   
     .incident-response-datasheet-cards {
      
       width: 100%;
   gap:30px;
     }
   
     .incident-response-datasheet-card {
       flex-direction: column;
       min-width: 100%;
       align-items: center;
       gap: 20px;
       text-align: center;
     }
   
     .incident-response-datasheet-content,
     .incident-response-datasheet-img {
       width: 100%; /* Adjust content width */
       margin: 0 auto;
     }
   
     .incident-response-datasheet-content h2 {
       font-size: 22px;
     }
   
     .incident-response-slider-dots {
       margin-top: 15px;
     }
   
     .incident-response-dot {
       height: 12px;
       width: 12px;
     }
 }