/* Risk Assessments Risk critical start block */
/* Container */
.risk-container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 0 0;
}

/* Button */
.risk-btn {
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ddd;
    transition: all 0.3s;
    margin-top: 10px;
    text-align: center;
}

.risk-btn:hover {
    background: #eee;
}

/* Header Section */
.risk-assessment-header {
    background-color: #004C97; 
    color: white;
   /* padding: 40px 0; */
    position: relative;
    overflow: hidden;
    font-family: 'Roboto' !important;
}

.risk-assessment-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* Image Styling */
.risk-assessment-image {
    width: 65%;
    border-radius: 0 71% 71% 0 / 0 100% 100% 0;
    overflow: hidden;
   /* margin: 0 auto 20px; */
}

.risk-assessment-image img {
    /* width: 100%;
    height: 100%; */
    height: 500px;
    margin: 0;
    padding: 0;
    display: block;
}

/* Text Content */
.risk-assessment-text {
    /* width: 60%; */
    padding-left: 30px;
    padding-right: 10%;
    margin: 0;
    line-height: 1.2;
}

.risk-assessment-text h1 {
    /* font-size: 2.5rem;
    margin-bottom: 20px;
    color: #fff; */
    font-size: 2.5rem;
    color: #fff;
    font-weight: 200;
    line-height: 1.2;
    /* padding-left: 30px; */
    padding-right: 10%;
    margin: 0;
    /* white-space: nowrap; */
}

.risk-assessment-text strong {
    font-weight: 700; /* Or bold */
  }


/* Large screens (≤1200px) */
@media (max-width: 1200px) {
  .risk-assessment-image {
    width: 60%;
    border-radius: 0px 40% 40% 0px;
  }

  .risk-assessment-text {
    padding-right: 5%;
  }

  .risk-assessment-text h1 {
    font-size: 2.2rem;
  }
}

/* Medium screens: laptops and tablets landscape (≤992px) */
@media (max-width: 992px) {
  .risk-assessment-content {
    flex-direction: column;
    text-align: center;
  }

  .risk-assessment-image {
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
    border-radius: 0px 50% 50% 0px;
  }

  .risk-assessment-image img {
    height: auto;
    width: 100%;
  }

  .risk-assessment-text {
    padding: 0 30px;
  }

  .risk-assessment-text h1 {
    font-size: 2rem;
  }
}

/* Small tablets and large phones (≤768px) */
@media (max-width: 768px) {
  .risk-assessment-text {
    padding: 0 20px;
  }

  .risk-assessment-text h1 {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .risk-btn {
    padding: 6px 16px;
    font-size: 14px;
  }
}

/* Mobile devices (≤576px) */
@media (max-width: 576px) {
  .risk-assessment-text h1 {
    font-size: 1.5rem;
  }

  .risk-btn {
    width: 100%;
    font-size: 13px;
  }

  .risk-assessment-text {
    padding: 0 15px;
  }
}

/* Extra small devices (≤400px) */
@media (max-width: 400px) {
  .risk-assessment-text h1 {
    font-size: 1.3rem;
  }

  .risk-btn {
    font-size: 12px;
    padding: 5px 14px;
  }
}





/* risk assessments risk posture block*/ 

.risk-posture-main {
   
   font-family: roboto;
   padding-top: 5%;
}

.risk-posture {
    display:flex;
    justify-content:center;
   /* padding: 40px 0; */
    background-color: #f8f9fa;
    text-align: center;
    justify-content: center;  /* centers horizontally */
    align-items: center;      /* centers vertically */
    font-family: roboto;
    padding-top: 5%;
}

.risk-posture .container {
    width: 100%;
   /* margin: 0 auto; */
    text-align: center;
    justify-content: center;  /* centers horizontally */
    align-items: center;      /* centers vertically */
}


.risk-posture-container h1 {
   font-family: roboto;
   font-size: 44px;
   color: #434343;
   line-height: 1.4;
    font-weight: 300;
}

.risk-posture-container p {
   font-family: roboto;
   font-size: 16px;
   color: #333740;
   line-height: 1.4;
    font-weight: 200;
}

.risk-posture img {
    width: auto;  /* maintain original image size */
    height: auto;
    max-width: 100%;
    display: flex;  /* removes extra spacing from inline images */
    justify-content: center;
    align-items: center;
    padding-left: 15%;




}

/* Desktop Large (max-width: 1200px) */
@media (max-width: 1200px) {
    .risk-posture-container h1 {
        font-size: 38px;
    }
    .risk-posture img {
        padding-left: 10%;
    }
}

/* Tablet Landscape (max-width: 992px) */
@media (max-width: 992px) {
    .risk-posture {
        flex-direction: column;
        padding-top: 4%;
    }

    .risk-posture-container h1 {
        font-size: 34px;
    }

    .risk-posture-container p {
        font-size: 15px;
    }

    .risk-posture img {
        padding-left: 0%;
        margin-top: 20px;
    }
}

/* Tablet Portrait (max-width: 768px) */
@media (max-width: 768px) {
    .risk-posture-container h1 {
        font-size: 30px;
    }

    .risk-posture-container p {
        font-size: 14px;
    }

    .risk-posture img {
        max-width: 90%;
    }
}

/* Mobile (max-width: 576px) */
@media (max-width: 576px) {
    .risk-posture-container h1 {
        font-size: 26px;
        line-height: 1.2;
    }

    .risk-posture-container p {
        font-size: 13px;
    }

    .risk-posture img {
        max-width: 100%;
    }
}

/* Extra Small Devices (max-width: 400px) */
@media (max-width: 400px) {
    .risk-posture-container h1 {
        font-size: 22px;
    }

    .risk-posture-container p {
        font-size: 12px;
    }

    .risk-posture img {
        max-width: 100%;
    }
}







/*3rd section */

.lead-with-data-driven-approach-wrapper {
	    padding: 50px 20px;
	    
	}

.lead-with-data-driven-approach-heading {
	    text-align: center;
	    margin-bottom: 30px;
        font-weight: 200;
        font-size: 30px;
        color: #0099d9 !important;
	}

.lead-with-data-driven-approach-heading h2 {
	    font-weight: 200;
        font-size: 30px;
        color: #0099d9 !important;
        font-family: roboto;
	}


.lead-with-data-driven-approach-container {
	    display: flex;
	    justify-content: space-between;
        align-items: center;
	    gap: 20px;
        font-size: 16px;
        font-weight: 200;
        font-family: roboto;
        padding-left: 100px;
        padding-right: 100px;
        }

.lead-with-data-driven-approach-item {
	    background-color: #fff;
    border-radius: 10px;
    
    max-width: 300px;
    font-size: 16px;
    color: color: #333740;
    text-align: center;
    
    border-radius: 0;
				    }


.lead-with-data-driven-approach-item1 {
    border-left: 1px solid #e9e9e9;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    alien-items: center;
    font-family: roboto;
    text-align: center;
    padding: 15px;
    color: #333740;

   
}


/* Large Tablets and Small Desktops */
@media (max-width: 1024px) {
  .lead-with-data-driven-approach-container {
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
    align-items: center;
  }

  .lead-with-data-driven-approach-item,
  .lead-with-data-driven-approach-item1 {
    max-width: 100%;
    width: 100%;
  }

  .lead-with-data-driven-approach-heading h2 {
    font-size: 26px;
  }
}

/* Tablets */
@media (max-width: 768px) {
  .lead-with-data-driven-approach-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lead-with-data-driven-approach-heading h2 {
    font-size: 22px;
  }

  .lead-with-data-driven-approach-item1 {
    flex-direction: column;
    text-align: center;
  }
}

/* Mobile Devices */
@media (max-width: 480px) {
  .lead-with-data-driven-approach-wrapper {
    padding: 30px 10px;
  }

  .lead-with-data-driven-approach-heading h2 {
    font-size: 20px;
  }

  .lead-with-data-driven-approach-item {
    font-size: 14px;
  }

  .lead-with-data-driven-approach-item1 {
    padding: 10px;
    font-size: 14px;
  }
}



/* multiple-risk-and-management 4th block */

.multiple-risk-and-management {
                                                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                                                    align-items: center;
                                                                                                                                                                                                                                                                    justify-content: space-between;
                                                                                                                                                                                                                                                                    padding: 50px 100px;
                                                                                                                                                                                                                                                                    gap: 40px;
                                                                                 font-family: roboto;
                                                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                                                    
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .multiple-risk-and-management-image img {
                                                                                                                                                                                                                                                                    width: 500px; /* Adjust for your layout */
                                                                                                                                                                                                                                                                    height: auto;
                                                                                                                                                                                                                                                                    border-radius: 10px; /* Optional: Smooth edges */
                                                                                                                                                                                                                                                                    object-fit: cover;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .multiple-risk-and-management-content {
                                                                                                                                                                                                                                                                    flex: 1;
                                                                                                                                                                                                                                                                    text-align: left;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .multiple-risk-and-management-content h2 {
                                                                                                                                                                                                                                                                    font-size: 30px;
                                                                                                                                                                                                                                                                    color: #333;
                                                                                                                                                                                                                                                                    margin-bottom: 15px;
                                                                                 font-family: roboto;
                                                                                 color: #009cde;
                                                                                 font-weight: 200;
                                                                                 line-height: 1.19;
                                                                                 
                                                                                 
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .multiple-risk-and-management-content p {
                                                                                                                                                                                                                                                                    font-size: 16px;
                                                                                                                                                                                                                                                                    color: #555;
                                                                                                                                                                                                                                                                    line-height: 1.6;
                                                                                 margin: 0 !important;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                /* Responsive: Adjust for smaller screens */
                                                                                                                                                                                                                                                                @media (max-width: 768px) {
                                                                                                                                                                                                                                                                    .multiple-risk-and-management {
                                                                                                                                                                                                                                                                        flex-direction: column;
                                                                                                                                                                                                                                                                        text-align: center;
                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                    .multiple-risk-and-management-image img {
                                                                                                                                                                                                                                                                        width: 100%;
                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                }

/* Large Desktops and Laptops (up to 1200px) */
@media (max-width: 1200px) {
  .multiple-risk-and-management {
    padding: 40px 80px;
    gap: 30px;
  }

  .multiple-risk-and-management-content h2 {
    font-size: 28px;
  }
}

/* Tablets (up to 992px) */
@media (max-width: 992px) {
  .multiple-risk-and-management {
    flex-direction: column;
    padding: 40px 60px;
    text-align: center;
  }

  .multiple-risk-and-management-content {
    text-align: center;
  }

  .multiple-risk-and-management-image img {
    width: 100%;
    max-width: 100%;
  }

  .multiple-risk-and-management-content h2 {
    font-size: 26px;
  }

  .multiple-risk-and-management-content p {
    font-size: 15px;
  }
}

/* Small Tablets and Large Phones (up to 768px) */
@media (max-width: 768px) {
  .multiple-risk-and-management {
    padding: 30px 40px;
    gap: 25px;
  }

  .multiple-risk-and-management-content h2 {
    font-size: 22px;
  }

  .multiple-risk-and-management-content p {
    font-size: 14px;
  }
}

/* Mobile Phones (up to 480px) */
@media (max-width: 480px) {
  .multiple-risk-and-management {
    padding: 20px 20px;
    gap: 20px;
  }

  .multiple-risk-and-management-content h2 {
    font-size: 20px;
  }

  .multiple-risk-and-management-content p {
    font-size: 13px;
  }
}




/* 5th block */

.track-and-measure-your-progress {
                                                                                                                                                                                                                                                                display: flex;
                                                                                                                                                                                                                                                                align-items: center;
                                                                                                                                                                                                                                                                justify-content: space-between;
                                                                                                                                                                                                                                                                gap: 40px;
                                                                                                                                                                                                                                                                padding: 50px 100px;
                                                                                                                                                                                                                                                                flex-direction: row-reverse;
                                                                                                                                                                                                                                                                
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-image img {
                                                                                                                                                                                                                                                                width: 500px; /* Adjust for your layout */
                                                                                                                                                                                                                                                                height: auto;
                                                                                                                                                                                                                                                                border-radius: 10px; /* Optional: Smooth edges */
                                                                                                                                                                                                                                                                object-fit: cover;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-content {
                                                                                                                                                                                                                                                                flex: 1;
                                                                                                                                                                                                                                                                text-align: left;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-content h2 {
                                                                                                                                                                                                                                                                font-size: 30px;
                                                                                                                                                                                                                                                                color: #009cde;;
                                                                                                                                                                                                                                                                margin-bottom: 0px;
                                                                             font-family: roboto;
                                                                             font-weight: 200;
                                                                             line-height: 1.2;
                                                                             
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-content p {
                                                                                                                                                                                                                                                                font-size: 16px;
                                                                                                                                                                                                                                                                color: #333740;
                                                                             font-family: roboto;
                                                                                                                                                                                                                                                                line-height: 1.6;
                                                                                                                                                                                                                                                                margin: 0px;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-content ul {
                                                                                                                                                                                                                                                                padding-left: 20px;
                                                                                                                                                                                                                                                                font-size: 16px;
                                                                             font-family: roboto;
                                                                                                                                                                                                                                                                color: #333740;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            .track-progress-content ul li {
                                                                                                                                                                                                                                                                margin-bottom: 5px;
                                                                                                                                                                                                                                                            }
                                                                                                                                                                                                                                                            /* Responsive: Adjust for smaller screens */
                                                                                                                                                                                                                                                            @media (max-width: 768px) {
                                                                                                                                                                                                                                                                .track-and-measure-your-progress {
                                                                                                                                                                                                                                                                    flex-direction: column;
                                                                                                                                                                                                                                                                    text-align: center;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .track-progress-image img {
                                                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                            }

/* Large Desktop (max-width: 1200px) */
@media (max-width: 1200px) {
    .track-and-measure-your-progress {
        padding: 40px 80px;
        gap: 30px;
    }
    .track-progress-content h2 {
        font-size: 28px;
    }
}

/* Tablet Landscape (max-width: 992px) */
@media (max-width: 992px) {
    .track-and-measure-your-progress {
        padding: 40px 60px;
        gap: 30px;
    }
    .track-progress-image img {
        width: 100%;
    }
    .track-progress-content h2 {
        font-size: 26px;
        text-align: center;
    }
    .track-progress-content p,
    .track-progress-content ul {
        text-align: center;
    }
}

/* Tablet Portrait (max-width: 768px) */
@media (max-width: 768px) {
    .track-and-measure-your-progress {
        flex-direction: column;
        text-align: center;
        padding: 30px 30px;
    }
    .track-progress-content {
        text-align: center;
    }
    .track-progress-content h2 {
        font-size: 24px;
    }
    .track-progress-content p,
    .track-progress-content ul {
        font-size: 14px;
    }
}

/* Mobile Devices (max-width: 576px) */
@media (max-width: 576px) {
    .track-and-measure-your-progress {
        padding: 20px 20px;
        gap: 20px;
    }
    .track-progress-content h2 {
        font-size: 22px;
    }
    .track-progress-content p,
    .track-progress-content ul {
        font-size: 13px;
    }
}

/* Very Small Devices (max-width: 400px) */
@media (max-width: 400px) {
    .track-progress-content h2 {
        font-size: 20px;
        line-height: 1.1;
    }
    .track-progress-content p,
    .track-progress-content ul {
        font-size: 12px;
    }
}


/* 6th block */

.prioritize-recommendation {
                                            display: flex;
                                            align-items: center;
                                            justify-content: space-between;
                                            gap: 40px;
                                            padding: 50px 100px;
                                            font-family: 'Roboto', sans-serif;
                                        }
                                        .prioritize-image img {
                                            width: 500px; /* Adjust for layout */
                                            height: auto;
                                            border-radius: 10px; /* Optional: Smooth edges */
                                            object-fit: cover;
                                        }
                                        .prioritize-content {
                                            flex: 1;
                                            text-align: left;
                                        }
                                        .prioritize-content h2 {
                                            font-size: 30px;
                                                                                                                                                                                                                                                                color: #009cde;;
                                                                                                                                                                                                                                                                margin-bottom: 0px;
                                                                             font-family: roboto;
                                                                             font-weight: 200;
                                                                             line-height: 1.2;
                                            
                                        }
                                        .prioritize-content p {
                                            font-size: 16px;
                                            font-family: roboto;
                                            color: #33740;
                                            
                                            margin: 0px;
                                        }



/* Large Desktop (max-width: 1200px) */
@media (max-width: 1200px) {
    .prioritize-recommendation {
        padding: 40px 80px;
        gap: 30px;
    }
    .prioritize-content h2 {
        font-size: 28px;
    }
}

/* Tablet Landscape (max-width: 992px) */
@media (max-width: 992px) {
    .prioritize-recommendation {
        flex-direction: column;
        padding: 40px 60px;
        text-align: center;
    }
    .prioritize-content {
        text-align: center;
    }
    .prioritize-image img {
        width: 100%;
        max-width: 100%;
    }
    .prioritize-content h2 {
        font-size: 26px;
    }
    .prioritize-content p {
        font-size: 15px;
    }
}

/* Tablet Portrait & Small Devices (max-width: 768px) */
@media (max-width: 768px) {
    .prioritize-recommendation {
        padding: 30px 40px;
        gap: 25px;
    }
    .prioritize-content h2 {
        font-size: 24px;
    }
    .prioritize-content p {
        font-size: 14px;
    }
}

/* Mobile Phones (max-width: 576px) */
@media (max-width: 576px) {
    .prioritize-recommendation {
        padding: 20px 20px;
        gap: 20px;
    }
    .prioritize-content h2 {
        font-size: 22px;
    }
    .prioritize-content p {
        font-size: 13px;
    }
}

/* Very Small Devices (max-width: 400px) */
@media (max-width: 400px) {
    .prioritize-content h2 {
        font-size: 20px;
        line-height: 1.1;
    }
    .prioritize-content p {
        font-size: 12px;
    }
}







/* 7th block */

.cybersecurity-risk {
                                                                                                                                                                                                                display: flex;
                                                                                                                                                                                                                align-items: center;
                                                                                                                                                                                                                justify-content: center;
                                                                                                                                                                                                                padding: 50px 100px;
                                                                                                                                                                                                                background-color: #005a9b;
                                                                                                                                                                                                                font-family: roboto;
                                                                                                                                                                                                                text-align: center;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .cybersecurity-content {
                                                                                                                                                                                                                 width: 100%;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .cybersecurity-risk-heading {
                                                                                                                                                                                                                font-size: 28px;
                                                                                                                                                                                                                color: #fff;
                                                                                                                                                                                                                margin-bottom: 15px;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .cybersecurity-content p {
                                                                                                                                                                                                                font-size: 16px;
                                                                                                                                                                                                                color: #fff;
                                                                                                                                                                                                                line-height: 1.6;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .cybersecurity-btn {
                                                                                                                                                                                                                display: inline-block;
                                                                                                                                                                                                                padding: 12px 20px;
                                                                                                                                                                                                                margin-top: 15px;
                                                                                                                                                                                                                font-size: 16px;
                                                                                                                                                                                                                color: #fff !important;
                                                                                                                                                                                                                background-color: #0073e6;
                                                                                                                                                                                                                border-radius: 5px;
                                                                                                                                                                                                                text-decoration: none;
                                                                                                                                                                                                                font-weight: bold;
                                                                                                                                                                                                                transition: 0.3s;
                                                                                                                                                                                                            }
                                                                                                                                                                                                             
                                                                                                                                                                                                            
                                                                                                                                                                                                            .strategic-insights-heading {
                                                                                                                                                                                                                font-size: 24px;
                                                                                                                                                                                                                color: #fff;
                                                                                                                                                                                                                margin-top: 40px;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .insights-cards {
                                                                                                                                                                                                                display: flex;
                                                                                                                                                                                                                flex-direction: row;
                                                                                                                                                                                                                justify-content: center; 
                                                                                                                                                                                                                gap: 10px;
                                                                                                                                                                                                                margin-top: 20px;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .insight-card {
                                                                                                                                                                                                                font-size: 18px;
                                                                                                                                                                                                                color: #fff;
                                                                                                                                                                                                                font-family:roboto;
                                                                                                                                                                                                                
                                                                                                                                                                                                                padding-left: 15px;
                                                                                                                                                                                                                transition: 0.3s;
                                                                                                                                                                                                            }
                                                                                                                                                                                                            .insight-card-border {
                                                                                                                                                                                                             border-left: 1px solid #e9e9e9; 
                                                                                                                                                                                                             color: #fff;
                                                                                                                                                                                                             }
                                                                                                                                                                                                            

/* Tablet View (≤1024px) */
@media (max-width: 1024px) {
  .cybersecurity-risk {
    flex-direction: column;
    padding: 40px 60px;
    text-align: center;
  }

  .cybersecurity-risk-heading {
    font-size: 26px;
  }

  .cybersecurity-content p {
    font-size: 15px;
  }

  .cybersecurity-btn {
    font-size: 15px;
    padding: 10px 18px;
  }

  .strategic-insights-heading {
    font-size: 22px;
  }

  .insights-cards {
    flex-direction: column;
    align-items: center;
  }

  .insight-card {
    padding-left: 0;
    border-left: none;
    text-align: center;
  }

  .insight-card-border {
    border-left: none;
  }
}

/* Mobile View (≤768px) */
@media (max-width: 768px) {
  .cybersecurity-risk {
    flex-direction: column;
    padding: 30px 30px;
  }

  .cybersecurity-risk-heading {
    font-size: 24px;
  }

  .cybersecurity-content p {
    font-size: 14px;
  }

  .cybersecurity-btn {
    font-size: 14px;
    padding: 10px 16px;
  }

  .strategic-insights-heading {
    font-size: 20px;
    margin-top: 30px;
  }

  .insights-cards {
    flex-direction: column;
    gap: 15px;
  }

  .insight-card {
    font-size: 14px;
    padding: 8px 0;
  }
}

/* Small Devices (≤480px) */
@media (max-width: 480px) {
  .cybersecurity-risk {
    padding: 20px;
  }

  .cybersecurity-risk-heading {
    font-size: 20px;
  }

  .cybersecurity-content p {
    font-size: 13px;
  }

  .cybersecurity-btn {
    font-size: 13px;
    padding: 8px 12px;
    width: 100%;
  }

  .strategic-insights-heading {
    font-size: 18px;
  }

  .insights-cards {
    gap: 10px;
  }

  .insight-card {
    font-size: 13px;
  }
}
                                                                                                                                                                                                           


/* 8Th Block  */

.the-power-of-peer {
    font-family: roboto !important;
    text-align: center;
    padding: 20px 0;
}
.peer-heading {
    font-weight: 200;
    color: #005a9b !important;
    margin-bottom: 5px;
}
.peer-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin: 0 !important;
}


/* 9th Block */
.make-security-key {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    padding: 40px 20px;
}
.security-content {
    max-width: 50%;
}
.security-heading {
    font-size: 30px;
    color: #005a9b !important;
    font-weight: 200;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.2;
    font-family: roboto;
    font-weight: 200;
}
.security-description {
    font-size: 16px;
    color: #333;
    font-weight: 200;
    line-height: 1.6;
    text-align: left;
    margin: 0 !important;
}
.security-btn {
    background-color: #005a9b;
    color: #fff;
    padding: 10px 20px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
    text-align: left;
    display: flex;
}
.security-btn:hover {
    background-color: #00407a;
}
.security-image img {
    width: 100%;
    height: 413.54px;
}

/* Tablet View (≤1024px) */
@media (max-width: 1024px) {
  .make-security-key {
    flex-direction: column;
    padding: 30px 20px;
    text-align: center;
  }

  .security-content {
    max-width: 100%;
    text-align: center;
  }

  .security-heading,
  .security-description,
  .security-btn {
    text-align: center;
  }

  .security-image img {
    height: auto;
  }
}

/* Mobile View (≤768px) */
@media (max-width: 768px) {
  .make-security-key {
    flex-direction: column;
    padding: 20px 15px;
  }

  .security-content {
    max-width: 100%;
  }

  .security-heading {
    font-size: 24px;
  }

  .security-description {
    font-size: 14px;
  }

  .security-btn {
    font-size: 14px;
    padding: 8px 16px;
  }

  .security-image img {
    height: auto;
    width: 100%;
  }
}

/* Small Devices (≤480px) */
@media (max-width: 480px) {
  .security-heading {
    font-size: 20px;
  }

  .security-description {
    font-size: 13px;
  }

  .security-btn {
    width: 100%;
    padding: 10px 0;
  }

  .security-image img {
    height: auto;
    width: 100%;
  }
}






/* 10th block slider */
.riskassessments-slider-wrapper {
    background: url('/drupal/sites/default/files/2025-03/bg-resource-scaled-1_1.jpg') no-repeat center center/cover;
    height: 564px !important;
    width: 100%;
    background-size: cover;
}

.riskassessments-slider {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5%;
    padding-right: 10%;
    height: auto;
}

.riskassessments-slide {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: 38px;
    left: 0;
    pointer-events: none;
    padding-top: 10%;
    padding-right:10%;
}

.riskassessments-slide.active {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}

.riskassessments-slide-content {
    text-align: left;
    line-height: 1.2;
    padding-left: 5%;
    font-family: roboto;
    font-size: 16px;
    max-width: 38%;
}

.riskassessments-slide-content h2 {
    color: #0099D9;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 28px;
}

.riskassessments-slide-content h6 {
    font-weight: 200;
}

.riskassessments-slide-content p {
    margin: 0px;
    font-size: 16px;
    font-weight: 200;
    padding-bottom:10px;
    color: #333740;
}

.riskassessments-slide-image {
    width: 90%;
    text-align: right;
    max-width: 405px;
}

.riskassessments-slide-image img {
    cursor: pointer;
    max-width: 507px;
    max-height: 274px;
}

.riskassessments-slide-image img:hover {
    transform: scale(1.05);
}

.riskassessments-slider-dots-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    top: 90%;
}

.riskassessments-slider-dots {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.riskassessments-slider-dots .riskassessments-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
}

.riskassessments-slider-dots .riskassessments-dot.active {
    background-color: #007bff;
}

.riskassessments-read-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF !important;
    background-color: #004C97;
    text-decoration: none;
    width: 200px;
    height: 46px;
    border: none;
    border-radius: 8px;
    padding: 0 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    line-height: 1.3;
    white-space: nowrap;
}

.riskassessments-read-more-btn .riskassessments-button-icon {
    width: 12.5px;
    height: 10.5px;
    margin-left: 5px;
}

/* Media Queries */
/* Medium screens: 700px (43.75rem) and up */
@media (min-width: 43.75rem) {
    .text-content p,
    .cke_editable p {
        /* margin-block-start: 0; */
        /* margin-block-end: 0; */
    }
}

/* Small desktops and tablets (landscape mode): max 1024px */
@media (max-width: 1024px) {
    .riskassessments-slider {
        flex-direction: column;
        padding: 0 5%;
    }

    .riskassessments-slide {
        flex-direction: column;
        text-align: center;
        padding-top: 5%;
    }

    .riskassessments-slide-content {
        max-width: 90%;
        text-align: center;
        padding-left: 0;
        padding-bottom: 20px;
    }

    .riskassessments-slide-image {
        max-width: 90%;
        text-align: center;
    }

    .riskassessments-slide-image img {
        max-width: 100%;
        height: auto;
    }

    .riskassessments-slider-dots-wrapper {
        top: 95%;
    }
}

/* Tablets and large phones: max 768px */
@media (max-width: 768px) {
    .riskassessments-slide-content h2 {
        font-size: 22px;
    }

    .riskassessments-slide-content p {
        font-size: 14px;
    }

    .riskassessments-read-more-btn {
        width: 180px;
        height: 42px;
        font-size: 14px;
    }

    .riskassessments-slider-dots .riskassessments-dot {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
}

/* Phones: max 480px */
@media (max-width: 480px) {
    .riskassessments-slide {
        padding-right: 5%;
        padding-top: 10%;
    }

    .riskassessments-slide-content h2 {
        font-size: 18px;
    }

    .riskassessments-slide-content p {
        font-size: 13px;
    }

    .riskassessments-read-more-btn {
        width: 160px;
        height: 40px;
        font-size: 13px;
    }

    .riskassessments-slide-image img {
        max-width: 100%;
        height: auto;
    }

    .riskassessments-slider-dots-wrapper {
        top: auto;
        margin-top: 15px;
    }
}



/* Styles for "Choose the Risk" section 9th block */
.choose-the-risk {
    font-family: roboto !important;
    padding: 60px 20px;
                           
    text-align: center;
}
.choose-the-risk-container {
    width: 100%;
    margin: 0 auto;
}
.choose-the-risk h2 {
    font-size: 44px;
    font-weight: 200;
    color: #434343;
    margin-bottom: 15px;
    text-align: start;
    padding-left: 15px; 

}
.choose-the-risk p {
    color: #333740;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: left;
    margin: 0;
    line-height: 1.5;
    padding-left: 20px
}
.choose-the-risk-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.choose-the-risk-box {
    flex: 1;
    min-width: 45%;
    padding: 20px;
    text-align: left;
}
.choose-the-risk-box h3 {
    font-size: 20px;
    font-weight: 500;
    color: #434343;
    margin-bottom: 10px;
}
.choose-the-risk-box .bullet {
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}
.choose-the-risk-box p strong {
    font-size: 16px;
    color: #333740;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}
.choose-the-risk-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 20px;
    background: #0099d9;
    color: white;
    text-decoration: none;
    font-weight: 500;
    border-radius: 5px;
    transition: background 0.3s ease-in-out;
}
.choose-the-risk-btn:hover {
    background: #007bb5;
}
/* Responsive */
@media (max-width: 768px) {
    .choose-the-risk-wrapper {
        flex-direction: column;
    }
    .choose-the-risk-box {
        min-width: 100%;
    }
}


/* Styles for "Why Critical Start" section */
.start-risk-critical-start {
    font-family: roboto;
    padding: 60px 20px;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.start-risk-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Heading */
.risk-heading {
    font-size: 44px;
    font-weight: 200;
    color: #434343;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2;

}

/* Description */
.risk-description {
    font-size: 18px;
    color: #333740;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 40px;

}

/* Content Wrapper */
.risk-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

/* Individual Item */
.risk-item {
    background: #fff;
    padding: 20px;
    width: 250px;


    transition: transform 0.3s ease-in-out;
}

.risk-item:hover {
    transform: translateY(-5px);
}

/* Image/Icon */
.risk-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}

/* Subheading */
.risk-subheading {
    font-size: 20px;
    font-weight: 600;
    color: #434343;
    margin-bottom: 10px;
    text-align: left;
    white-space: nowrap;
}

/* Sub-description */
.risk-subdescription {
    font-size: 16px;
    color: #333740;
    line-height: 1.5;
    text-align: left;
}