html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.logo-img {
    height: 50px;
}

@media (max-width: 768px) {
    .logo-img {
        height: 30px;
    }
}

@media (max-width: 991.98px) {
    /* only style the dropdown panel */
    .navbar-collapse.collapse.show {
        background-color: #000 !important;
        border-radius: 0 0 15px 15px !important;
    }

    .navbar-collapse .nav-link {
        color: #fff !important;
    }

    /* when we add .opened to the nav, make the top-bar black too */
    .navbar.opened {
        background-color: #000 !important;
        border-radius: 15px !important;
    }
}


.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.prbtn,
.prbtn:hover,
.prbtn:focus,
.prbtn:active {
    background-color: #2B90C4 !important;
}

html {
    position: relative;
    min-height: 100%;
}

body {
}


/* site.css */
#searchForm .shadow {
    border-radius: 1.5rem !important;
}

#searchForm .form-control {
    border-radius: 1rem !important; 
}

#searchForm .btn {
    border-radius: 1rem !important; 
}

.form-select {
  border-radius: 1rem !important;
}

/* لو حاب تضيف تأثير عند التركيز */
.form-select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37, 140, 251, 0.25) !important;
  border-color: #258cfb !important;
}

.form-select {.form-select {
  border-radius: 1rem !important;
}

/* لو حاب تضيف تأثير عند التركيز */
.form-select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37, 140, 251, 0.25) !important;
  border-color: #258cfb !important;
}
    border-radius: 1rem !important;
}

    /* لو حاب تضيف تأثير عند التركيز */
    .form-select:focus {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(37, 140, 251, 0.25) !important;
        border-color: #258cfb !important;
    }

.material-symbols-outlined {
    font-size: 3rem; /* نفس الـ fs-1 */
    color: #262562;
    align-content: center;
}

.feature-icon {
    font-size: 3rem;
    color: #262562;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    margin-top:0.5rem;
    width: 48px;
    height: 48px;
    text-align: center;
}

@media (max-width: 576px) {
    .feature-icon {
        font-size: 2.5rem;
        width: 40px;
        height: 40px;
        padding: 0.3rem;
    }
}

.hero {
    position: relative;
    color: white;
    text-align: center;
    background-size: cover;
    background-position: center;
}

    .hero h1, .hero h2, .hero p {
        text-shadow: 1px 1px 5px rgba(0,0,0,0.6);
    }

.mt-n5 {
    margin-top: -3rem !important;
}

.card .card-title {
    font-weight: bold;
}

.card .card-text {
    font-size: 0.9rem;
    color: #666;
}

footer img {
    max-width: 140px;
}