@font-face {
  font-family: 'BoldFont';
  src: url('fonts/bold.otf') format('opentype'); /* Correct the path */
  font-weight: normal;
  font-style: normal;
}

/* Usage of the font in the stylesheet */
h1,h2,h3,h4,h5 {
    font-family: 'BoldFont', sans-serif !important;
}

h1 {
    font-weight: bold;
    line-height: 1.2;
}

h1 {
  font-size: 75px; /* Default font size */
}

h2{
  font-size: 55px; /* Default font size */
}

@media (max-width: 768px) {
  h1 {
    font-size: 65px; /* Font size for tablets */
  }

    h2 {
    font-size: 45px; /* Font size for tablets */
  }

}

@media (max-width: 480px) {
  h1 {
    font-size: 45px; /* Font size for mobile devices */
  }

  h2 {
    font-size: 35px; /* Font size for tablets */
  }

}

.btn-custom {
    display: inline-block;
    text-decoration: none;
    border: 3px solid white; /* Thicker border */
    color: white;
    padding: 15px 40px; /* Increased padding for a larger button */
    font-size: 1.5rem; /* Larger font size */
    border-radius: 10px;
    background-color: transparent;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition */
    outline: none;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
    border: 3px solid white;
    background-color: transparent; /* Stay transparent on hover and focus */
    color: white; /* Keep text color white on hover and focus */
    outline: none; /* Ensure no outline on focus */
}

.btn-custom-black {
    display: inline-block;
    text-decoration: none;
    border: 3px solid black; /* Thicker border */
    color: black;
    padding: 15px 40px; /* Increased padding for a larger button */
    font-size: 1.5rem; /* Larger font size */
    border-radius: 10px;
    background-color: transparent;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition */
    outline: none;
}

.btn-custom-black:hover,
.btn-custom-black:focus,
.btn-custom-black:active {
    border: 3px solid black;
    background-color: transparent; /* Stay transparent on hover and focus */
    color: black; /* Keep text color white on hover and focus */
    outline: none; /* Ensure no outline on focus */
}


.btn-custom-purple {
    display: inline-block;
    text-decoration: none;
    border: 3px solid #5E4FE5; /* Thicker border */
    color: #5E4FE5;
    padding: 15px 40px; /* Increased padding for a larger button */
    font-size: 1.5rem; /* Larger font size */
    border-radius: 10px;
    background-color: transparent;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition */
    outline: none;
}

.btn-custom-purple:hover,
.btn-custom-purple:focus,
.btn-custom-purple:active {
    border: 3px solid #5E4FE5;
    background-color: transparent; /* Stay transparent on hover and focus */
    color: #5E4FE5; /* Keep text color white on hover and focus */
    outline: none; /* Ensure no outline on focus */
}


.btn-custom-purple-solid {

    display: inline-block;
    text-decoration: none;
    border: 3px solid #5E4FE5; /* Thicker border */
    color: white;
    padding: 10px 30px; /* Increased padding for a larger button */
    font-size: 1rem; /* Larger font size */
    border-radius: 10px;
    background-color: #5E4FE5;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition */
    outline: none;
}

.btn-custom-purple-solid:hover,
.btn-custom-purple-solid:focus,
.btn-custom-purple-solid:active {
    border: 3px solid #5E4FE5;
    background-color: #5E4FE5; /* Stay transparent on hover and focus */
    color: white; /* Keep text color white on hover and focus */
    outline: none; /* Ensure no outline on focus */
}


.btn-custom-white-solid {

    display: inline-block;
    text-decoration: none;
    border: 3px solid #5E4FE5; /* Thicker border */
    color: #E4FE5;
    padding: 10px 30px; /* Increased padding for a larger button */
    font-size: 1rem; /* Larger font size */
    border-radius: 10px;
    background-color: #fff;
    font-weight: bold;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition */
    outline: none;
}

.btn-custom-white-solid:hover,
.btn-custom-white-solid:focus,
.btn-custom-white-solid:active {
    border: 3px solid #5E4FE5;
    background-color: #fff; /* Stay transparent on hover and focus */
    color: #E4FE5; /* Keep text color white on hover and focus */
    outline: none; /* Ensure no outline on focus */
}

/* Main navigation */
.navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-item {
    display: inline-block;
    position: relative;
}

.menu-item a {
    padding: 10px;
    text-decoration: none;
}


/* Ensure the custom table spans full width */
.custom-table {
  display: table;
  width: 100%!important;                /* Full width of the container */
  border-collapse: collapse;  /* Merges borders for a cleaner look */
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
  overflow-x: auto;           /* Allows horizontal scrolling if needed */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on mobile */
}

/* Table cell styles */
.custom-table th,
.custom-table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  word-wrap: break-word;      /* Break long words within cells */
}


table {
  display: block; /* Make the table behave like a block element */
  overflow-x: auto; /* Enable horizontal scrolling */
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: left;
}


th, td {
  padding: 12px 15px;
  border: 1px solid #ddd; /* Add borders to cells */
  word-wrap: break-word; /* Break long words */
  overflow: hidden; /* Hide overflow content */
  text-overflow: ellipsis; /* Add "..." for overflowing content */
}


thead th {
  background-color: #f4f4f4; /* Header background color */
}

tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Alternate row colors */
}

tbody tr:hover {
  background-color: #f1f1f1; /* Row hover effect */
}


/* Custom styling for code blocks */
code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.95em;
    color: #5e4fe5;  /* A nice shade of pink for the code */
    background-color: #e4fe5; /* Light background for code readability */
    padding: 4px 8px;
    border-radius: 10px;
}

pre {
    background-color: #f8f9fa; /* Light grey background for pre-formatted text */
    border-left: 5px solid #5e4fe5; /* Left border to highlight the block */
    margin: 0!important; /* Remove default margins */
    padding: 1rem!important; /* Add consistent padding */
    overflow-x: auto; /* Horizontal scrolling for long lines */
    border-radius: 10px;
    font-family: 'Courier New', Courier, monospace;
}

pre code {
    font-family: monospace;
    font-size: 1rem; /* Adjust font size */
    white-space: pre-wrap; /* Wrap code when needed */
    background-color: transparent; /* Keep the pre block background consistent */
}

@media (max-width: 991px) {
    .sm-hide {
        display: none!important;
    }
}


@media (max-width: 767px) {
    iframe {
        width: 100% !important;
    }
}


.sources {
    background-color: #fff9db; /* Pastel yellow */
    border-radius: 10px;       /* Rounded corners */
    padding: 15px;             /* Inner padding for spacing */
    margin: 20px 0;            /* Margin to separate from other elements */
    font-family: Arial, sans-serif; /* Font style for readability */
}


@media (min-width: 1200px) {
  .container {
    max-width: 1500px!important; /* Adjust as needed */
  }
}