.card-style-modified {
    padding: 12px;
    border: 1px solid rgb(24 69 93);
    border-radius: 10px;
    background-color: #fff;
}

.image-wrapper {
    background-color: rgb(24 69 93);
    /* Light grey background */
    border-radius: 50%;
    /* Make the background circular */
    padding: 15px;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}

.image-wrapper img {
    width: 50px;
    /* Set the icon size */
    height: 50px;
}

.image-heading {
    margin-top: 10px;
    color: #333;
    background-color: transparent;
    /* No background color for the text */
}

.list-container {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    /* Light shadow */
    border: 1px solid #ddd;
    /* Light border */
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

h3 {
    /* text-align: center; */
    margin-bottom: 20px;
}

.shaded-background {
    background-color: rgba(0, 0, 0, 0.1);
    /* Light shade, adjust as needed */
    padding: 20px;
    /* Adjust padding as needed */
    border-radius: 5px;
    /* Optional: rounded corners */
    /* text-align: ; */
    /* Optional: center the text */
    color: #e74860;
}
.custom-bullets {
    list-style-type: disc;
    /* Use disc bullets */
    padding-left: 20px;
    /* Adjust left padding for spacing */
}

.custom-bullets li {
    position: relative;
    /* Positioning for custom bullets */
}

.custom-bullets li::marker {
    font-size: 1.5em;
    /* Change this value to adjust bullet size */
}
.image-heading2 {
    margin-top: 15px;
  
    font-size: 1.1rem;
 
    color: black;
 
    text-align: center;
 
}

.small-icon {
    padding: 12px;
    /* border: 1px solid gray; */
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

 

.small-icon-heading {
    margin-top: 10px;
    color: #333;
    background-color: transparent;
    /* No background color for the text */
}

/* *******new columns ******** */
.info-section {
    padding: 40px 20px;  
    
    border-radius: 12px; 
}

.info-row {
    display: flex;
    flex-wrap: wrap; /* Allows columns to wrap */
    justify-content: space-between; /* Space between columns */
    gap: 20px; /* Gap between the columns */
}

.info-col {
    flex: 1 1 calc(33.333% - 20px); /* Responsive columns */
    background-color: #ffffff; /* White background for each column */
    border-radius: 8px; /* Rounded corners for each column */
    padding: 20px; /* Padding inside each column */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Deeper shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for effects */
}

.info-col:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
}
 
.info-paragraph {
    font-size: 1rem; /* Standard font size for paragraphs */
    color: #666; /* Gray color for text */
    line-height: 1.6; /* Better readability */
    text-align: center; 
}

@media (max-width: 768px) {
    .info-col {
        flex: 1 1 100%; 
    }
}



/* *************tool image ********** */

.tool-logos {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
    background-color: #f9f9f9; 
    border-radius: 8px;
}

.tool img {
    max-width: 120px;  
    height: auto;
    display: block;
    object-fit: contain;  
}

@media (max-width: 768px) {
    .tool-logos {
        flex-direction: column; 
    }

    .tool {
        margin-bottom: 15px;
    }
}





/* ************service icon  heading ********** */

.service-icon-logo {
    display: flex;
    align-items: center; /* Align both the icon and heading vertically at the center */
    gap: 20px;
    margin: 20px 0;
}

.service-icon-logo .icon-background {
    background-color: #f0f0f0; /* Choose a background color */
    padding: 10px; /* Adjust padding to control the size of the background */
    border-radius: 50%; /* Makes the background circular */
    display: flex;
    align-items: center; /* Vertically centers the image */
    justify-content: center; /* Horizontally centers the image */
}

.service-icon-logo img {
    width: 30px;
    height: auto;
}

.service-icon-logo h5 {
    margin: 0;
    line-height: normal; /* Reset line-height to normal for better alignment */
}

.outsourcing-benefits {
    list-style-type: disc; /* Adds bullets to the list */
    margin-left: 20px; /* Adds left margin to indent the list */
    padding-left: 0;
}

.outsourcing-benefits li {
    margin-bottom: 10px; /* Adds space between each list item */
}

.outsourcing-benefits strong {
    font-weight: 600; /* Increases the font weight of the headings */
}



/* **********custom css********** */

.sercice-custom-icon {
    border:1px solid #e74860; /* Set the desired background color */
    padding: 15px; /* Adjust padding to control the size of the background */
    border-radius: 50%; /* Makes the background circular */
    display: flex;
    align-items: center; /* Vertically centers the icon */
    justify-content: center; /* Horizontally centers the icon */
    width: 50px; /* Set width for the circle */
    height: 50px; /* Set height for the circle */
}

.sercice-custom-icon i {
    font-size: 20px; /* Adjust icon size */
    color: white; /* Set the icon color to contrast with the background */
}

.linux-list {
    list-style-type: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
}

 
.linux-list i {
    margin-bottom: 10px; /* Space between items */
    font-weight: 500; /* Bold text */
    color: #e74860; /* Icon color */
    margin-right: 10px; /* Space between icon and text */
    font-size: 20px; /* Adjust icon size */
}
.linux-heading i {
    margin-bottom: 10px; /* Space between items */
    font-weight: bold; /* Bold text */
    color: #e74860; /* Icon color */
    margin-right: 10px; /* Space between icon and text */
    font-size: 24px; /* Adjust icon size */
    padding: 10px 11px; /* Padding inside the border */
    border: 2px solid #e74860; /* Border with the same color as the icon */
    border-radius: 50%; /* Rounded border */
    display: inline-block; /* Ensures the padding and border-radius apply properly */
}
.linux-heading .fa-pie-chart {
   
    padding: 12px 11px; /* Padding inside the border */
   
}
.linux-heading .fa-plug {
   
    padding: 10px 13px; /* Padding inside the border */
   
}
.linux-heading .fa-cloud {
   
    padding: 10px 8px; /* Padding inside the border */
   
}
.linux-heading .fa-graduation-cap, .linux-heading .fa-laptop-code, .linux-heading .fa-users , .linux-heading .fa-laptop,
.linux-heading .fa-network-wired , .linux-heading .fa-comments , .linux-heading .fa-terminal

 {
   
    padding: 12px 10px; /* Padding inside the border */
   
}
.linux-heading .fa-eye,.linux-heading .fa-long-arrow-right {
    
    padding: 11px 11px; /* Padding inside the border */
    
}
.linux-heading .fa-cogs ,.linux-heading .fa-cloud-upload-alt, .linux-heading .fa-wifi
{
   
    padding: 11px 9px; /* Padding inside the border */
   
}
.linux-heading .fa-code-branch {
   
    padding: 9px 11px; /* Padding inside the border */
   
}
.linux-heading .



/* **********dropbox list icon ************* */

.dropbox{
    list-style: none; /* Remove default bullets */
    padding-left: 0;
  }
.dropbox li {
    background: url('../img/icons/dropbox.png') no-repeat left center;
    background-size: 16px 16px; /* Adjust icon size */
    padding-left: 24px; /* Space between the icon and text */
    margin-bottom: 10px; /* Optional: Add spacing between items */
  }

/* **********google drive list  icon ************* */

.google-drive{
    list-style: none; /* Remove default bullets */
    padding-left: 0;
  }
.google-drive li {
    background: url('../img/icons/google-drive.png') no-repeat left center;
    background-size: 16px 16px; /* Adjust icon size */
    padding-left: 24px; /* Space between the icon and text */
    margin-bottom: 10px; /* Optional: Add spacing between items */
  }
/* **********google drive heading icon ************* */

 
h5.google-drive  {
    background: url('../img/icons/google-drive.png') no-repeat left center ;
    background-size: 26px 26px; /* Adjust icon size */
    padding-left: 28px; /* Space between the icon and text */
    margin-bottom: 15px; 

    
}
.google-drive-heading img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 8px;
 
     
}
 
/* **********pfSense heading icon ************* */

 
.pfsense-heading img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 8px;
 
}
 

/* **********dropbox list icon ************* */

.bacula{
    list-style: none; /* Remove default bullets */
    padding-left: 0;
  }
.bacula li {
    background: url('../img/icons/bacula.png') no-repeat left center;
    background-size: 16px 16px; /* Adjust icon size */
    padding-left: 24px; /* Space between the icon and text */
    margin-bottom: 10px; /* Optional: Add spacing between items */
  }