@font-face {
    font-family: 'Montserrat Arabic';
    src: url('/nabil_theme_company/static/src/font/Montserrat-Arabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Apply the font to specific elements */
body {
    font-family: 'Montserrat Arabic', sans-serif !important; /* Fallback to sans-serif */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat Arabic', sans-serif !important;
}

p, a, div {
    font-family: 'Montserrat Arabic', sans-serif !important;
}


html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  font-family: 'Montserrat Arabic', sans-serif !important;
  /* 2 */
}


.padding_div_7{
    padding-left:20px;
}


.margin_right{
    margin-left: 15px;
}

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

.scrollable-card-body {
    max-height: 300px; /* Adjust the height as needed */
    overflow-y: auto;  /* Enable vertical scrolling */
    padding-left: 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: 14px;
    }
    .event-info{
        right:56%;
    }
}

/* 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: 14px;
    }
    .event-info{
        right:56%;
    }
}

@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: 11px;
    }
    .event-info{
        right:56%;
    }
}

/* 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: 7px;
    }
    .event-info{
        right:59%;
    }
}

/* 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-right: 19px !important;
        margin-bottom: 15px;
    }
    .div_padding_system{
          padding-left: calc(var(--gutter-x)* .5) !important;
          margin-top: 15px;
          margin-bottom: 15px;
    }
    .padding_div_7{
          padding-left: 0px !important;
          margin-bottom: 15px;
    }
    .card_radius{
        margin-top: 15px;
    }
    .event-info{
        right:14%;
    }
}