.btn-sky-blue2 {
    background-color: #87CEEB; /* Sky blue */
    border-color: #87CEEB; /* Sky blue */
}

.btn-sky-blue2:hover {
    background-color: #76C0E4; /* Slightly darker on hover */
    border-color: #76C0E4; /* Match border color on hover */
}

.btn-sky-blue2:focus, .btn-sky-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(135, 206, 235, 0.5); /* Light blue shadow */
}

.btn-sky-blue3 {
    
    border-color: #87CEEB; /* Sky blue */
}
.text-colorSky {
    font-size: 1.4rem !important;
  color: #35a8e0 !important ;
}
.btn-sky-blue3:hover {
   
    border-color: #76C0E4; /* Match border color on hover */
}


    .title-dividerBluSky {
    background: #f59e2b !important;
    height: 3px;
    border-radius: 50px;
}
.section .title-dividerBluSky  {
    margin: 10px 0;
    width: 80px;
    height: 5px;
    background: #f59e2b ;
}
   .section .icon-subtitleblueSky i {
    font-size: 2.4rem;
    color: #009de2;
}
/* Flex container for aligning items in the box-content-container */
.box-content-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Align content to the top */
    text-align: center; /* Center text within container */
    padding: 20px; /* Add padding for spacing */
    height: 100%; /* Ensure it takes full height of its container */
}
.pxMT20 {
margin-top: 20px;
}
.pxMT30 {
margin-top: 30px;
}
/* Ensure consistent spacing between title and content */
.box-title {
    margin-bottom: 10px; /* Space between title and content */
    font-size: 1.25rem; /* Adjust font size as needed */
}

.box-content {
    margin: 0; /* Remove default margins */
    font-size: 1rem; /* Ensure consistent font size */
}


    .text-center{
        text-align: center !important;
    }
    .grid-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../grid.svg');
  background-size: cover; /* Ensures the grid covers the entire background */
  background-repeat: repeat; /* Repeats the grid to fill the whole area */
  z-index: -1; /* Ensures it stays behind all other elements */
  pointer-events: none; /* Makes sure the background doesn't interfere with other elements */
}