.navbar{
    position:absolute;
    top:0;
    left:0;
    right:0;

    width:100%;

    padding:16px 4%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

    min-height:92px;

    z-index:1000;
}

.logo{
    height:58px;
    width:auto;
}

.logo:hover{

    transform:scale(1.03);

}

.navbar-right {
  list-style: none;
  display: flex;
  align-items: center;
  gap:16px;
}

.navbar-right li {
  position: relative;
}

.navbar-right a {
  text-decoration: none;
  color: #424242;
  line-height: 100%;
  letter-spacing: 0;
}
.navbar-right a{

    font-size:.93rem;

    font-weight:600;
    transition:.25s;

}

.navbar-right > li > a{
    white-space:nowrap;
    font-size:15px;
    line-height:1.3;
}

.navbar .navbar-right > li > a:hover,
.navbar .navbar-right > li > a:focus,
.navbar .navbar-right > li > a:active{

    color:#287781 !important;
    background:transparent;

}
.navbar .navbar-right > li > a{

    color:#424242 !important;

}

.dropdown-content li a:hover{

    color:#287781 !important;

}


.navbar-right a.active {
  background: #59898E33;
  color: #287781 !important;
  border-radius: 6px;
  padding: 8px;
}

.dropdown.open .dropdown-content {
  display: block !important;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  min-width: 200px;
  max-height: 500px; 
  border-radius: 6px;
  overflow-y: auto; 
  z-index: 999;
  scrollbar-width: thin; 
  scrollbar-color: #287781 #f1f1f1;
}


.dropdown-content::-webkit-scrollbar {
  width: 6px;
}

.dropdown-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.dropdown-content::-webkit-scrollbar-thumb {
  background-color: #287781;
  border-radius: 10px;
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: #1d5e65;
}

.dropdown.open .dropdown-content {
  display: block !important;
}

.dropdown-content li a {
  display: block;
  padding: 12px 18px;
  color: #424242;
  transition: background-color 0.2s ease;
  text-decoration: none;
  justify-content: center;
  align-items: center;
}

.dropdown-content li a:hover {
  background-color: #59898E33;
  color: #287781;
}

.contact-btn {
  background-color: #287781;
  color: white !important;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 700;
  transition: background 0.3s;
  text-decoration: none;
}

.contact-btn:hover {
  background-color: #1d5e65 !important;
}
.navbar .navbar-right .contact-btn{
    background:#287781 !important;
    color:#fff !important;
    padding:10px 20px;
    border-radius:8px;
    font-weight:700;
    text-decoration:none;
}

.navbar .navbar-right .contact-btn:hover{
    background:#1d5e65 !important;
    color:#fff !important;
}

.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
}
/* ===============================
   Laptop (1400px)
================================ */

@media (max-width:1400px){

    .navbar{
        padding:14px 2%;
    }

    .logo{
        height:52px;
    }

    .navbar-right{
        gap:12px;
    }

    .navbar-right > li > a{
        font-size:13px;
    }

    .partner-btn,
    .befikar-ai-btn,
    .contact-btn{

        padding:.55rem .9rem !important;

        font-size:13px;

        border-radius:10px;
    }

}
/* ===============================
   Small Laptop
================================ */

@media (max-width:1200px){

    .logo{
        height:48px;
    }

    .navbar-right{
        gap:8px;
    }

    .navbar-right > li > a{

        font-size:12px;

    }

    .partner-btn,
    .befikar-ai-btn,
    .contact-btn{

        font-size:12px;

        padding:.5rem .8rem !important;

    }

}
@media (max-width:992px){

    .navbar{

        padding:14px 20px;

        min-height:80px;

    }

    .logo{

        height:54px;

    }

    .mobile-menu-btn{

        display:block;

        color:#287781;

    }

    .navbar-right{

        display:none;

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

        position:absolute;

        top:80px;

        left:0;

        width:100%;

        background:#fff;

        padding:24px;

        box-shadow:0 12px 25px rgba(0,0,0,.08);

        overflow-y:auto;

        max-height:calc(100vh - 80px);

    }

    .navbar-right.active{

        display:flex;

    }

    .navbar-right li{

        width:100%;

    }

    .navbar-right > li > a{

        width:100%;

        display:flex;

        justify-content:space-between;

        font-size:15px;

    }

    .dropdown-content{

        position:static;

        width:100%;

        display:none;

        box-shadow:none;

        border:none;

        margin-top:8px;

        padding-left:12px;

        background:#f8fbfb;

    }

    .dropdown.open .dropdown-content{

        display:block;

    }

    .partner-btn,
    .befikar-ai-btn,
    .contact-btn{

        width:100%;

        justify-content:center;

    }

}
@media (max-width:480px){

    .navbar{

        padding:12px 16px;

    }

    .logo{

        height:46px;

    }

    .mobile-menu-btn{

        font-size:26px;

    }

}
@media (max-width: 992px){
  .navbar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    position: relative;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .mobile-menu-btn {
    display: block;
    font-size: 1.6rem;
    color: #287781;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  
  .navbar-right {
    flex-direction: column;
    gap: 40px;
    width: 100%;
    margin: 10px auto;
    display: none;
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 999;
    max-height: calc(100vh - 120px); 
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .navbar-right.active {
    display: flex;
  }


  .dropdown-content {
    margin: 15px auto 0;
    position: static;
    display: none;
    border-left: 2px solid #28778122;
  }

  .dropdown.open .dropdown-content {
    display: flex;
    flex-direction: column;
  }

  .dropdown-content a {
    padding: 0;
    font-size: 1rem;
    color: #424242;
  }

  .befikar-ai-btn,
.partner-btn{

    justify-content:center;

    width:fit-content;

    margin:0 auto;

}

}

.befikar-ai-btn {
  background: linear-gradient(135deg, #F47C20 0%, #ff9d4d 100%);
  color: white !important;
  padding: .65rem 1.25rem !important;
  border-radius: 14px;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(244,124,32,.25);
  transition: all .2s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  position: relative;
}

.befikar-ai-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(244,124,32,.35);
  background: linear-gradient(135deg, #ff8c2f 0%, #ffb067 100%);
}

.befikar-ai-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.25);
}

.befikar-ai-btn {
  animation: aiGlow 2.5s infinite;
   will-change: transform;
}

@keyframes aiGlow {
  0%,100% {
    box-shadow: 0 4px 12px rgba(244,124,32,.22);
  }
  50% {
    box-shadow: 0 6px 18px rgba(244,124,32,.32);
  }
}
.befikar-ai-btn.active {
  box-shadow: 0 0 0 3px rgba(244,124,32,.25);
}

.partner-btn{
    background:#ffffff;
    color:#287781 !important;

    padding:.65rem 1.25rem !important;

    border:2px solid #287781;

    border-radius:14px;

    font-weight:700 !important;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    transition:.25s ease;

    white-space:nowrap;
}

.partner-btn:hover{
    background:#287781;
    color:#fff !important;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(40,119,129,.18);
}