:root {
      --saffron:    #E8651A;
      --deep-orange: #C94F0C;
      --golden:     #D4A017;
      --cream:      #FDF6EC;
      --dark-brown: #2C1A0E;
      --warm-red:   #B83215;
      --teal:       #0D7A6E;
      --sand:       #F5E6C8;
      --text-dark:  #1A0E05;
      --text-mid:   #5C3A1A;
    }   

    /* ─── SECTION TITLES ─── */
    .sec-title-wrap { text-align: center; margin-bottom: 52px; }
    .sec-title-wrap .badge-pill {
      display: inline-block;
      background: linear-gradient(90deg, var(--saffron), var(--golden));
      color: #fff;
      font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 4px 16px; border-radius: 30px;
      margin-bottom: 14px;
    }
    .sec-title {
      font-family: 'Noto-Sans-Oriya', serif;
      font-size: clamp(1.8rem, 3.5vw, 2.8rem);
      color: var(--dark-brown);
      font-weight: 700;
      line-height: 1.2;
    }
    .sec-line {
      width: 64px; height: 4px;
      background: linear-gradient(90deg, var(--saffron), var(--golden));
      border-radius: 2px;
      margin: 14px auto 0;
    }



   /* ─── QUICK ACTION CARDS ─── */
    .quick-actions { padding: 80px 0; background: var(--cream); }
    
    .q-card {
      background: #fff;
      border-radius: 16px;
      padding: 20px 15px;
      text-align: center;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      border: 1px solid rgba(212,160,23,0.2);
      transition: all .3s;
      cursor: pointer;
      height: 100%;
    }
    .q-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 40px rgba(232,101,26,0.18);
      border-color: var(--saffron);
    }
    .q-card .icon-wrap {
      width: 72px; height: 72px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 20px;
      font-size: 1.9rem;
    }
    .q-card .card-label {
      font-size: 1.2rem;
      font-weight: 500;
      color: var(--text-dark);
    }
    .q-card .card-sub { font-size: 0.82rem; color: var(--text-mid); margin-top: 6px; }

    /* ─── ABOUT ─── */
    .about-section { padding: 90px 0; background: var(--sand); }
    .about-text p { font-size: 1.05rem; line-height: 1.95; color: var(--text-mid); margin-bottom: 16px; }
    .about-highlight {
      background: linear-gradient(135deg, var(--dark-brown), #3D1F0A);
      color: #fff;
      border-radius: 16px;
      padding: 32px 28px;
      position: relative;
      overflow: hidden;
    }
    .about-highlight::before {
      content: ''; position: absolute; top: -40px; right: -40px;
      width: 130px; height: 130px;
      border-radius: 50%;
      background: rgba(212,160,23,0.15);
    }
    .about-highlight blockquote {
      font-size: 1.1rem; line-height: 1.8;
      font-style: italic; color: #f0d9b0;
      border-left: 4px solid var(--golden);
      padding-left: 18px; margin: 0;
    }
    .about-highlight .author {
      margin-top: 18px;
      font-weight: 600; color: var(--golden); font-size: 0.92rem;
    }

    .custdfleft{
      margin-left: 0;
    }
    @media screen and (max-width: 700px) {
      .custdfleft{
        margin-left: auto;
        margin-right: auto;
      }
        .q-card {
            padding: 8px 7px;
        }
        .q-card .card-label {
          font-size: 1rem;
        }
      .cyt3{
          margin-top: 10px;
          margin-bottom: 10px;
      }
      .q-card .icon-wrap {
          width: 62px;
          height: 62px;
          font-size: 1.3rem;
      }
    }


    /* ─── VIDEO MESSAGES ─── */
    .videos-section { padding: 90px 0; background: var(--dark-brown); }
    .videos-section .sec-title { color: #fff; }
    .videos-section .sec-title-wrap .badge-pill { background: linear-gradient(90deg, var(--saffron), var(--golden)); }
    .video-card {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(212,160,23,0.2);
      border-radius: 14px;
      overflow: hidden;
      transition: all .3s;
      cursor: pointer;
    }
    .video-card:hover { background: rgba(255,255,255,0.1); transform: translateY(-4px); border-color: var(--golden); }
    .video-thumb {
      position: relative; height: 150px; overflow: hidden;
    }
    .video-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity .3s; }
    .video-card:hover .video-thumb img { opacity: 1; }
    .play-btn {
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
    }
    .play-btn i {
      width: 46px; height: 46px;
      background: rgba(232,101,26,0.9);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.2rem; color: #fff;
      transition: transform .2s, background .2s;
    }
    .video-card:hover .play-btn i { transform: scale(1.1); background: var(--saffron); }
    .video-card .vcard-body { padding: 14px 16px; }
    .video-card .person-name { font-weight: 700; color: #f0d9b0; font-size: 0.88rem; }
    .video-card .person-role { font-size: 0.75rem; color: #a08060; }

    /* ─── GALLERY 2 ─── */
    .gallery-section2 { padding: 90px 0; background: var(--cream); }
    .gallery-grid2 {
      columns: 4; 
      column-gap: 12px;
    }
    @media (max-width: 768px) { .gallery-grid2 { columns: 4; } }
    .gallery-item2 {
      break-inside: avoid;
      margin-bottom: 12px;
      border-radius: 10px;
      overflow: hidden;
      display: block;
      position: relative;
    }
    .gallery-item2 img {
      width: 100%; display: block;
      transition: transform .4s, filter .4s;
      filter: brightness(0.92);
    }
    .gallery-item2:hover img { transform: scale(1.04); filter: brightness(1); }
    .gallery-overlay2 {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(44,26,14,0.7) 0%, transparent 60%);
      opacity: 0; transition: opacity .3s;
      display: flex; align-items: flex-end;
      padding: 14px;
    }
    .gallery-item2:hover .gallery-overlay2 { opacity: 1; }
    .gallery-overlay2 i { color: #fff; font-size: 1.2rem; }


    .gallery-grid3 {
      columns: 14; 
      column-gap: 8px;
    }

    @media (max-width: 768px) { 
      .cistgdtect-center{
        text-align: center !important;
      }
      .gallery-grid3 { columns: 6; } 
    }

    .gallery-item3 {
      break-inside: avoid;
      margin-bottom: 12px;
      border-radius: 10px;
      overflow: hidden;
      display: block;
      position: relative;
    }

    .gallery-item3 img {
      width: 100%;
      display: block;
      transition: transform .4s, filter .4s;
      filter: brightness(0.92);
    }

    .gallery-item3:hover img { 
      transform: scale(1.04); 
      filter: brightness(1); 
    }

    .gallery-overlay3 {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(44,26,14,0.7) 0%, transparent 60%);
      opacity: 0; transition: opacity .3s;
      display: flex; align-items: flex-end;
      padding: 14px;
    }

    .gallery-item3:hover .gallery-overlay3 { opacity: 1; }
    .gallery-overlay3 i { color: #fff; font-size: 1.2rem; }



/* ─── GALLERY ─── */
.gallery-section { padding: 90px 0; background: var(--cream); }

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

@media (max-width: 768px) { 
  .gallery-grid { grid-template-columns: repeat(5, 1fr); } 
}

@media (max-width: 480px) { 
  .gallery-grid { grid-template-columns: repeat(2, 1fr); } 
}

.gallery-item {
  border-radius: 10px;
  overflow: hidden;
  display: block;
  position: relative;
  aspect-ratio: 1 / 1; /* makes all boxes same square size */
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crops image to fill the box */
  display: block;
  transition: transform .4s, filter .4s;
  filter: brightness(0.92);
}

.gallery-item:hover img { transform: scale(1.04); filter: brightness(1); }

.gallery-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(44,26,14,0.7) 0%, transparent 60%);
  opacity: 0; transition: opacity .3s;
  display: flex; align-items: flex-end;
  padding: 14px;
}

.gallery-item:hover .gallery-overlay { opacity: 1; }
.gallery-overlay i { color: #fff; font-size: 1.2rem; }


  .btn-hero-outline {
      background: transparent;
      color: var(--golden);
      border: 2px solid var(--golden);
      padding: 11px 28px;
      font-size: 1rem;
      font-weight: 600;
      border-radius: 8px;
      transition: all .3s;
  }
.btn-hero-outline:hover {
    background: var(--golden);
    color: var(--dark-brown);
    transform: translateY(-2px);
}


    /* ─── ABOUT ─── */
    .about-section { padding: 90px 0; background: var(--sand); }
    .about-text p { font-size: 1.05rem; line-height: 1.95; color: var(--text-mid); margin-bottom: 16px; }
    .about-highlight {
      background: linear-gradient(135deg, var(--dark-brown), #3D1F0A);
      color: #fff;
      border-radius: 16px;
      padding: 32px 28px;
      position: relative;
      overflow: hidden;
    }
    .about-highlight::before {
      content: ''; position: absolute; top: -40px; right: -40px;
      width: 130px; height: 130px;
      border-radius: 50%;
      background: rgba(212,160,23,0.15);
    }
    .about-highlight blockquote {
      font-size: 1.1rem; line-height: 1.8;
      font-style: italic; color: #f0d9b0;
      border-left: 4px solid var(--golden);
      padding-left: 18px; margin: 0;
    }
    .about-highlight .author {
      margin-top: 18px;
      font-weight: 600; color: var(--golden); font-size: 0.92rem;
      
    }

    .reelsCounts{
      position: absolute;
      right: 10px;
      top: 1px;
    }
    .reelsCounts .maincountr{
      font-size: 1.5rem;
      color: #857164;
      text-align: end;
      font-weight: 600;
    }
    .reelsCounts .cokbls{
      font-size: 0.7rem;
      color: #939393;
    }


/* ─── CTA BANNER ─── */
    .cta-section {
      padding: 90px 0;
      background: linear-gradient(135deg, var(--saffron) 0%, var(--deep-orange) 50%, #8B2500 100%);
      position: relative; overflow: hidden;
    }
    .cta-section::before {
      content: ''; position: absolute; inset: 0;
      background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0, rgba(255,255,255,0.04) 1px, transparent 0, transparent 50%),
        repeating-linear-gradient(-45deg, rgba(255,255,255,0.04) 0, rgba(255,255,255,0.04) 1px, transparent 0, transparent 50%);
      background-size: 24px 24px;
    }
    .cta-section .cta-title {
      font-family: 'Cinzel Decorative', serif;
      color: #fff; font-size: clamp(1.6rem, 3.5vw, 2.6rem);
      text-shadow: 0 2px 12px rgba(0,0,0,0.3);
    }
    .cta-section .cta-sub { color: rgba(255,255,255,0.85); font-size: 1.05rem; max-width: 520px; margin: 0 auto; }
    .btn-cta-white {
      background: #fff; color: var(--saffron);
      border: none; padding: 14px 36px;
      font-size: 1rem; font-weight: 700;
      border-radius: 8px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.2);
      transition: all .3s;
      margin: 0 20px;
    }
    .btn-cta-white:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); color: var(--deep-orange); }
    .btn-cta-outline-white {
      background: transparent; color: #fff;
      border: 2px solid rgba(255,255,255,0.7);
      padding: 12px 32px;
      font-size: 1rem; font-weight: 600;
      border-radius: 8px;
      transition: all .3s;
        margin-top: 10px;
     margin-bottom: 10px;
    }
    .btn-cta-outline-white:hover { background: rgba(255,255,255,0.15); border-color: #fff; color: #fff; }


    .sfkdhfgg{
      position: absolute;
      bottom: 0;
      width: 100%;
      background: #01010178;
      color: #fff;
      text-align: center;
      padding: 3px 3px;
      font-size: 0.9rem;
    }




    /* ─── FOOTER ─── */
    footer {
      background: #120700;
      color: #9c7a55;
      padding: 60px 0 28px;
    }
    footer .footer-logo { height: 55px; margin-bottom: 14px; }
    footer .footer-tagline { font-size: 0.85rem; line-height: 1.7; max-width: 260px; }
    footer h6 {
      color: var(--golden); font-size: 0.82rem;
      letter-spacing: 0.1em; text-transform: uppercase;
      margin-bottom: 18px; font-weight: 700;
    }
    footer ul { list-style: none; padding: 0; }
    footer ul li { margin-bottom: 10px; }
    footer ul li a { color: #9c7a55!important; text-decoration: none; font-size: 0.88rem; transition: color .2s; }
    footer ul li a:hover { color: var(--golden); }
    .footer-social a {
      display: inline-flex; align-items: center; justify-content: center;
      width: 36px; height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.15);
      color: #9c7a55; font-size: 1rem; text-decoration: none;
      transition: all .25s; margin-right: 8px;
    }
    .footer-social a:hover { background: var(--saffron); border-color: var(--saffron); color: #fff; }
    .footer-divider { border-color: rgba(255,255,255,0.08); margin: 36px 0 20px; }
    .footer-bottom { font-size: 0.8rem; color: #5C3A1A; text-align: center; }
    .footer-bottom a { color: var(--golden); text-decoration: none; }


    
        /* ─── ANIMATIONS ─── */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes fadeInRight {
      from { opacity: 0; transform: translateX(30px); }
      to   { opacity: 1; transform: translateX(0); }
    }
    .fade-in { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
    .fade-in.visible { opacity: 1; transform: translateY(0); }














    
.appSectionInstall {
  --saffron:      #E8631A;
  --deep-saffron: #C4501A;
  --gold:         #D4A017;
  --bright-gold:  #F5C842;
  --maroon:       #5C1414;
  --cream:        #FDF6E3;
  --dark-bg:      #2C1A0E;

  /* display: none;  */
  width: 100%;
  max-width: 900px;
  margin: 2rem auto;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  font-family: 'Noto Serif Oriya', serif;
  box-shadow: 0 20px 60px rgba(44,26,14,.40);
  background: linear-gradient(135deg, var(--dark-bg) 0%, #4A2810 45%, var(--maroon) 100%);
}

/* gold top stripe */
.appSectionInstall::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gold), var(--bright-gold), var(--saffron), var(--bright-gold), var(--gold));
  z-index: 3;
}

/* faint grid texture */
.appSectionInstall::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(212,160,23,.06) 30px, rgba(212,160,23,.06) 31px),
    repeating-linear-gradient(0deg,  transparent, transparent 30px, rgba(212,160,23,.06) 30px, rgba(212,160,23,.06) 31px);
  pointer-events: none;
  z-index: 0;
}

.app-install__wheel {
  position: absolute;
  right: -50px; top: 50%;
  transform: translateY(-50%);
  width: 340px; height: 340px;
  opacity: .07;
  pointer-events: none;
  z-index: 0;
}

.app-install__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
}

/* ── Left art panel ── */
.app-install__art {
  flex-shrink: 0;
  width: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2.5rem 1.5rem;
  background: rgba(232,99,26,.12);
  border-right: 1px solid rgba(212,160,23,.25);
  position: relative;
}

.app-install__phone {
  width: 88px;
  height: 152px;
  background: linear-gradient(160deg, #111827, #1f2937);
  border: 2.5px solid var(--gold);
  border-radius: 17px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: 0 0 28px rgba(212,160,23,.3), inset 0 0 14px rgba(0,0,0,.5);
  animation: ai-float 3s ease-in-out infinite;
}
.app-install__phone::before {
  content: '';
  position: absolute;
  top: 7px;
  width: 26px; height: 4px;
  background: var(--gold);
  border-radius: 4px;
  opacity: .65;
}
.app-install__phone-emoji { font-size: 22px; margin-top: 8px; }
.app-install__phone-label {
  color: var(--bright-gold);
  font-size: 9px;
  font-weight: 700;
  text-align: center;
  line-height: 1.35;
  letter-spacing: .4px;
}

.app-install__dots { display: flex; gap: 5px; }
.app-install__dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  animation: ai-dot-pulse 1.4s ease-in-out infinite;
}
.app-install__dot:nth-child(1) { background: var(--saffron); }
.app-install__dot:nth-child(2) { background: var(--gold); animation-delay: .2s; }
.app-install__dot:nth-child(3) { background: var(--bright-gold); animation-delay: .4s; }

.app-install__rating {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(212,160,23,.14);
  border: 1px solid rgba(212,160,23,.32);
  border-radius: 20px;
  padding: 4px 13px;
  color: var(--bright-gold);
  font-size: 11px;
      font-family: 'Noto-Sans-Oriya';
}

.app-install__sparkle {
  position: absolute;
  color: var(--bright-gold);
  pointer-events: none;
  animation: ai-twinkle 2s ease-in-out infinite;
  opacity: .8;
}
.app-install__sparkle--1 { top: 14%; left: 10%; font-size: 13px; }
.app-install__sparkle--2 { top: 22%; right: 8%; font-size: 9px; animation-delay: .7s; }
.app-install__sparkle--3 { bottom: 18%; left: 16%; font-size: 10px; animation-delay: 1.3s; }

/* ── Right content panel ── */
.app-install__content {
  flex: 1;
  padding: 2.5rem 2.5rem 2.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.app-install__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(232,99,26,.18);
  border: 1px solid rgba(232,99,26,.42);
  border-radius: 30px;
  padding: 4px 14px;
  width: fit-content;
}
.app-install__badge span {
  color: var(--saffron);
  font-size: 11px;
      font-family: 'Noto-Sans-Oriya';
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.app-install__badge-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--saffron);
  animation: ai-live-pulse 1.5s ease-in-out infinite;
}

.app-install__title {
  font-size: clamp(1.4rem, 3vw, 1.85rem);
  color: var(--bright-gold);
  line-height: 1.25;
  font-weight: 700;
}

.app-install__sub {
  color: rgba(253,246,227,.82);
  font-size: .92rem;
  line-height: 1.75;
}

.app-install__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.app-install__feature {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(253,246,227,.78);
  font-size: .8rem;
      font-family: 'Noto-Sans-Oriya';
}
.app-install__feature-icon { font-size: 15px; flex-shrink: 0; }

.app-install__cta-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* ✅ Button keeps id="installBtn" exactly as your JS expects */
#installBtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--saffron) 0%, var(--deep-saffron) 100%);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 13px 30px;
  font-family: 'Noto Serif Oriya', serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(232,99,26,.42), inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden;
}
#installBtn::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
  transition: left .4s ease;
}
#installBtn:hover::before { left: 100%; }
#installBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(232,99,26,.55), inset 0 1px 0 rgba(255,255,255,.18);
}
#installBtn:active { transform: translateY(0); }
.app-install__btn-icon { font-size: 1.15rem; }

.app-install__divider {
  width: 1px; height: 34px;
  background: rgba(212,160,23,.28);
  flex-shrink: 0;
}
.app-install__side-note {
  color: rgba(253,246,227,.52);
  font-size: .76rem;
      font-family: 'Noto-Sans-Oriya';
  line-height: 1.55;
}
.app-install__secure {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(253,246,227,.45);
  font-size: .75rem;
      font-family: 'Noto-Sans-Oriya';
}

/* ── Animations ── */
@keyframes ai-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
@keyframes ai-dot-pulse {
  0%,100% { transform: scale(1);   opacity: .8; }
  50%      { transform: scale(1.4); opacity: 1;  }
}
@keyframes ai-twinkle {
  0%,100% { opacity: .35; transform: scale(1)   rotate(0deg);  }
  50%      { opacity: 1;   transform: scale(1.3) rotate(20deg); }
}
@keyframes ai-live-pulse {
  0%,100% { box-shadow: 0 0 0 0   rgba(232,99,26,.5); }
  50%      { box-shadow: 0 0 0 5px rgba(232,99,26,0);  }
}

/* ── Mobile ── */
@media (max-width: 620px) {
  .app-install__inner    { flex-direction: column; }
  .app-install__art {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
    padding: 1.8rem;
    border-right: none;
    border-bottom: 1px solid rgba(212,160,23,.25);
  }
  .app-install__content  { padding: 1.6rem; }
  .app-install__features { grid-template-columns: 1fr; }
  .app-install__divider, .app-install__side-note { display: none; }
}

.retHtys{
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #e9ba7a;
    border-radius: 10px;
}

.q-card .card-label2 {
    color: #2c1a0e;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    color: #545454;
}
.q-card .card-sub2 {
  text-align: left;
  font-size: 1.5rem;
    margin-bottom: 11px;
}

.q-card  .qrcodeimg{
    width: 100%;
}

.q-card .card-para2{
  text-align: left;
  margin-top: 11px;
  margin-bottom: 11px;
  color: #545454;
}

.qrscantect{
    text-align: left;
    font-size: 1.2rem;
    border-radius: 20px;
    background: #f5e6c8;
    display: inline-block;
    float: left;
    padding: 10px 15px;
    color: #341c0c;
    margin-top: 10px;
}



@media (max-width: 750px) {
  .q-card .card-label2 {
      font-size: 1.6rem;
      text-align: center;
  }
  .q-card .card-sub2, .q-card .card-para2 {
    text-align: center;
  }

  .q-card  .qrcodeimg{
      width: 200px;
  }

  .qrscantect {
        text-align: center;
        margin-bottom: 20px;
  }
}