/* RESET */
*{ margin:0; padding:0; box-sizing:border-box; }

body{
  font-family: Arial, sans-serif;
  background: #0b1220;
  color: #fff;
  padding: 24px;
}

/* Sarlavha (agar header bo'lsa) */
h1,h2,h3{ font-weight: 700; }

/* CARD umumiy */
.card{
  position: relative;
  height: 280px;
  border-radius: 22px;
  overflow: hidden;
  margin: 18px 0;
  border: 1px solid rgba(255,255,255,0.08);

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 12px 30px rgba(0,0,0,0.35);
  transform: translateZ(0);
}

/* Har bir kartaga rasm + gradient (rasm ko‘rinishi uchun eng ishonchli usul) */
.card.turkey{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.65)),
    url("Turkiya.jpg");
}
.card.dubai{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.65)),
    url("Dubay2.jpg");
}
.card.malaysia{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.65)),
    url("Malaziya2.jpg");
}

/* Overlay ichidagi kontent */
.overlay{
  position: absolute;
  inset: 0;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
}

/* Matnlar */
.overlay h3{
  font-size: 26px;
  letter-spacing: 0.2px;
}

.overlay p{
  font-size: 16px;
  opacity: 0.92;
}

.price{
  font-size: 18px;
  font-weight: 700;
}

/* Tugma */
.btn{
  display: inline-block;
  width: fit-content;
  padding: 12px 18px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.18);
}

.btn.primary{
  background: rgba(120, 215, 255, 0.22);
  backdrop-filter: blur(6px);
  color: #eaf8ff;
}

.btn.primary:hover{
  background: rgba(120, 215, 255, 0.32);
}

/* Mobilga mos */
@media (max-width: 480px){
  body{ padding: 14px; }
  .card{ height: 260px; }
  .overlay h3{ font-size: 22px; }
}
/* Background rasmlar */

.card {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.incoming {
    background-image: url("Buxoro.jpg");
}

.outgoing {
    background-image: url("Parij.jpg");
}

.domestic {
    background-image: url("Xiva.jpg");
}
/* ===== RASM CHIQISHI UCHUN 100% FIX ===== */

.card{
  position: relative;
  overflow: hidden;

  /* rasm sozlamalari */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 3 ta card */
.card.incoming{ background-image: url("Buxoro.jpg"); }
.card.outgoing{ background-image: url("Parij.jpg"); }
.card.domestic{ background-image: url("Xiva.jpg"); }
/* ===== RASM CHIQISHI UCHUN 100% FIX ===== */
/* RASMNI JOYLASH */
.card.incoming { background-position: center 45% !important; }
.card.outgoing { background-position: center 55% !important; }
.card.domestic { background-position: center 50% !important; }
.card{
  background-size: 100% auto !important;
}
/* ===== HERO ORQASIGA SAMALYOT ===== */

.hero{
  position: relative;
  padding: 80px 24px;
  border-radius: 20px;

  background-image: url("samalyot.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Qoraytirish */
.hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

.hero *{
  position: relative;
  z-index: 2;
}
.price-lists{
  margin-top: 30px;
}

.price-lists h2{
  margin-bottom: 16px;
}

.plist{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 18px;
  margin: 16px 0;
}

.plist h3{
  margin-bottom: 12px;
  font-size: 18px;
}

.plist-head{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  font-weight: 700;
  opacity: 0.9;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.plist-rows{
  list-style: none;
  margin: 0;
  padding: 0;
}

.plist-rows li{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.plist-rows li:last-child{
  border-bottom: none;
}

.plist-rows li span:last-child{
  font-weight: 700;
  white-space: nowrap;
  opacity: 0.95;
}

@media (max-width: 520px){
  .plist-head, .plist-rows li{
    grid-template-columns: 1fr;
  }
  .plist-rows li span:last-child{
    opacity: 0.9;
  }
}
.narxlar{
  margin-top: 40px;
}

.narx-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.narx-card{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 22px;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.
.narx-card{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 22px;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.narx-card h3{
  margin-bottom: 16px;
  font-size: 20px;
}

.row{
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.row:last-child{
  border-bottom: none;
}

.row strong{
  color: #7dd3fc;
}
/* ===== FAQAT XIZMATLAR UCHUN RASM ===== */

#xizmatlar .card{
  position: relative;
  height: 260px;
  border-radius: 20px;
  overflow: hidden;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Qoramtir overlay */
#xizmatlar .card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

#xizmatlar .card *{
  position: relative;
  z-index: 2;
}

/* 3 ta rasm */
#xizmatlar .card.avia{
  background-image: url("Aviachipta.jpg");
}

#xizmatlar .card.visa{
  background-image: url("Visa.jpg");
}

#xizmatlar .card.turlar{
  background-image: url("Turlar.jpg");
}
.lang-switch{
  display:flex;
  gap:10px;
  margin-left:20px;
}

.lang-switch button{
  padding:6px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.05);
  color:white;
  cursor:pointer;
}

.lang-switch button.active{
  background:#4db8ff;
  color:#000;
}
body{
  font-family: "Times New Roman", Times, serif;
  color: white;
  font-weight: 600;
}
.about-section{
  padding: 80px 20px;
  text-align: center;
}

.about-section h2{
  font-size: 32px;
  margin-bottom: 20px;
}

.about-section p{
  max-width: 700px;
  margin: 0 auto 40px;
  opacity: 0.9;
}

.about-stats{
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.about-stats h3{
  font-size: 28px;
  margin-bottom: 5px;
}
.contact-card{
  padding-bottom: 40px;   /* knopka kesilmasin */
}
/* Contact form joyi tugma ko‘rinishi uchun */
.contact-card, .card, .right, .panel, .form-box {
  overflow-y: auto;
  padding-bottom: 60px;
}
/* Textarea ichidagi yozuv (placeholder) kichrayishi */
textarea{
  font-size: 14px;
}

/* Placeholder matnini alohida kichraytirish */
textarea::placeholder{
  font-size: 12px;
}
.pay-section{
  text-align:center;
  margin-top:40px;
}

.pay-btn{
  background: linear-gradient(135deg,#2b6df3,#00c6ff);
  color:white;
  border:none;
  padding:14px 32px;
  font-size:18px;
  border-radius:30px;
  cursor:pointer;
  transition:0.3s;
  box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.pay-btn:hover{
  transform:scale(1.05);
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
}