html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}


.padding_div_7{
    padding-right:20px;
}


.margin_right{
    margin-right: 15px;
}

.div_padding_system{
    padding-right:0px !important;
}

.scrollable-card-body {
    max-height: 300px; /* Adjust the height as needed */
    overflow-y: auto;  /* Enable vertical scrolling */
    padding-right: 10px; /* Add padding to avoid scrollbar overlap with content */
}

/* TV screens (large screens) */
@media only screen and (min-width: 1400px) {
    /* TV-specific styles */
    body {
        font-size: 16px; /* Example: larger font size for TV readability */
    }
    header {
        background-color: #333 !important;
    }
    .nav-link-nabil{
        font-size: 16px;
        padding: 8px !important;
    }
    .event-info{
        left:73%;
    }
}

/* Laptops and Desktops */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* Laptop-specific styles */
    body {
        font-size: 16px;
    }
    header {
        background-color: #444 !important;
    }
    .nav-link-nabil{
        font-size: 12px;
        padding: 5px !important;
    }
    .event-info{
        left:73%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Laptop-specific styles */
    body {
        font-size: 16px;
    }
    header {
        background-color: #444 !important;
    }
    .nav-link-nabil{
        font-size: 8px;
        padding: 5px !important;
    }
    .event-info{
        left:73%;
    }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Tablet-specific styles */
    body {
        font-size: 9px;
    }
    header {
        background-color: #555 !important;
    }
    .nav-link-nabil{
        font-size: 2px;
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
    .event-info{
        left:75%;
    }
}

/* Mobile Phones */
@media only screen and (max-width: 767px) {
    /* Mobile-specific styles */
    body {
        font-size: 12px;
    }
    header {
        background-color: #666 !important;
    }
    .nav-link-nabil{
        font-size: 12px;
        padding: 3px 0px 3px 0px !important;
    }
    .card_electronic_systems{
        width: 94%;
        margin-left: 19px !important;
        margin-bottom: 15px;
    }
    .div_padding_system{
          padding-right: calc(var(--gutter-x)* .5) !important;
          margin-top: 15px;
          margin-bottom: 15px;
    }
    .padding_div_7{
          padding-right: 0px !important;
          margin-bottom: 15px;
    }
    .card_radius{
        margin-top: 15px;
    }
    .event-info{
        left:45%;
    }
}