/*HOME PAGE CSS START*/
.tpd-video-hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 110px 0;
    background: #111
}

.tpd-video-hero video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0
}

.tpd-video-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1
}

.tpd-glass-box {
    position: relative;
    z-index: 3;
    max-width: 1115px;
    margin: auto;
    padding: 60px 70px;
    border-radius: 38px;
    text-align: center;
    color: #fff;
    background: rgba(70, 55, 45, .62);
    border: 1px solid rgba(255, 255, 255, .25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 35px 90px rgba(0, 0, 0, .35)
}

.tpd-badge-new {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 26px;
    border-radius: 50px;
    background: #fff;
    color: #b18352;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 24px
}

.tpd-glass-box h1 {
    font-family: Georgia, serif;
    font-size: clamp(34px, 4.5vw, 58px);
    line-height: 1.15;
    font-weight: 800;
    margin-bottom: 24px
}

.tpd-glass-box p {
    max-width: 1120px;
    margin: 0 auto 24px;
    font-size: 19px;
    line-height: 1.7;
    color: #fff
}

.tpd-points {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 34px 0;
    font-size: 16px;
    color: #fff
}

.tpd-points span:not(:last-child)::after {
    content: "|";
    margin-left: 20px;
    opacity: .8
}

.tpd-hero-btns {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap
}

.tpd-hero-btns .btn {
    padding: 15px 32px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 18px
}

.tpd-hero-btns .btn-theme {
    background: #c79a5b;
    color: #fff;
    border: 1px solid #c79a5b
}

.tpd-hero-btns .btn-outline-theme {
    background: #fff;
    color: #c79a5b;
    border: 1px solid #c79a5b
}

.tpd-vector {
    position: absolute;
    z-index: 2;
    color: rgba(255, 255, 255, .35);
    font-size: 58px;
    animation: floatVec 5s ease-in-out infinite
}

.tpd-v1 {
    left: 7%;
    top: 18%
}

.tpd-v2 {
    right: 8%;
    top: 22%;
    animation-delay: 1s
}

.tpd-v3 {
    left: 10%;
    bottom: 16%;
    animation-delay: 1.6s
}

.tpd-v4 {
    right: 12%;
    bottom: 15%;
    animation-delay: 2.2s
}

@keyframes floatVec {

    0%,
    100% {
        transform: translateY(0) rotate(0deg)
    }

    50% {
        transform: translateY(-18px) rotate(8deg)
    }
}

@media(max-width:767px) {
    .tpd-video-hero {
        padding: 90px 0
    }

    .tpd-glass-box {
        padding: 42px 22px;
        border-radius: 26px
    }

    .tpd-glass-box p {
        font-size: 16px
    }

    .tpd-points {
        font-size: 16px;
        gap: 10px
    }

    .tpd-points span {
        width: 100%
    }

    .tpd-points span::after {
        display: none
    }

    .tpd-hero-btns .btn {
        width: 100%
    }

    .tpd-vector {
        display: none
    }

    h1.Professional-heading {
        font-size: 25px !important
    }
}

h1.Professional-heading {
    font-size: 50px
}
/*HOME PAGE CSS END*/


  .about-premium-page {
      --about-theme: #caa979;
      --about-theme-dark: #aa8151;
      --about-ink: #2a1d14;
      --about-soft: #fbf7ef;
      --about-cream: #fffaf4;
      --about-shadow: 0 24px 70px rgba(170, 129, 81, .18);
      color: var(--about-ink);
      overflow: hidden;
   }

   .about-premium-page .section-title h2,
   .about-premium-page h2 {
      font-family: "Cormorant Garamond", serif;
      font-weight: 700;
      line-height: 1.08;
   }

   .about-premium-page p {
      color: #000000;
      line-height: 1.75;
   }

   .about-premium-page .mini {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      background: #fff;
      border: 1px solid rgba(202, 169, 121, .25);
      border-radius: 999px;
      padding: .5rem 1rem;
      color: var(--about-theme-dark);
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
      box-shadow: 0 14px 35px rgba(170, 129, 81, .12);
   }

   .about-premium-page .about-hero {
      position: relative;
      padding: 115px 0 95px;
      background:
         linear-gradient(120deg, rgba(255, 250, 244, .96) 0 52%, rgba(202, 169, 121, .42) 52% 100%),
         url('https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1800&q=90') center/cover no-repeat;
      overflow: hidden;
   }

   .about-premium-page .about-hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background:
         radial-gradient(circle at 10% 25%, rgba(202, 169, 121, .18), transparent 14%),
         radial-gradient(circle at 87% 20%, rgba(170, 129, 81, .22), transparent 16%);
      pointer-events: none;
   }

   .about-premium-page .about-hero:after {
      content: "";
      position: absolute;
      right: -80px;
      top: 40px;
      width: min(520px, 46vw);
      height: 360px;
      background: url('https://images.unsplash.com/photo-1519791883288-dc8bd696e667?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat;
      opacity: .18;
      transform: rotate(-10deg);
      border-radius: 40px;
      box-shadow: var(--about-shadow);
   }

   .about-premium-page .about-hero .container,
   .about-premium-page section .container {
      position: relative;
      z-index: 2;
   }

   .about-premium-page .about-hero .section-title {
      max-width: 940px;
      margin: 0 auto;
      background: rgba(255, 255, 255, .74);
      border: 1px solid rgba(202, 169, 121, .2);
      border-radius: 34px;
      padding: 3rem;
      backdrop-filter: blur(14px);
      box-shadow: var(--about-shadow);
   }

   .about-premium-page .about-hero h2 {
      color: var(--about-ink);
      font-size: clamp(2.4rem, 5vw, 5rem);
   }

   .about-premium-page .disclaimer-band {
      position: relative;
      background: linear-gradient(135deg, var(--about-theme), var(--about-theme-dark));
      color: #fff;
      padding: 42px 0;
      text-align: center;
   }

   .about-premium-page .disclaimer-band p {
      color: #fff;
      max-width: 1050px;
      margin: 0 auto;
      font-weight: 700;
   }

   .about-premium-page .disclaimer-band:after {
      content: "";
      width: 330px;
      height: 3px;
      background: linear-gradient(90deg, transparent, #24160b, transparent);
      position: absolute;
      left: 50%;
      bottom: -2px;
      transform: translateX(-50%);
      opacity: .65;
   }

   .about-premium-page .section-pad {
      padding: 95px 0;
      position: relative;
   }

   .about-premium-page .premium-card,
   .about-premium-page .service-card,
   .about-premium-page .trust-card {
      background: linear-gradient(180deg, #fff, #fff8ef);
      border: 1px solid rgba(202, 169, 121, .22);
      border-radius: 28px;
      box-shadow: 0 20px 55px rgba(170, 129, 81, .10);
      transition: .3s ease;
      position: relative;
      overflow: hidden;
   }

   .about-premium-page .premium-card:before,
   .about-premium-page .service-card:before,
   .about-premium-page .trust-card:before {
      content: "";
      position: absolute;
      right: -55px;
      top: -55px;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: rgba(202, 169, 121, .15);
   }

   .about-premium-page .premium-card {
      padding: 2.4rem;
      height: 100%;
   }

   .about-premium-page .service-card,
   .about-premium-page .trust-card {
      padding: 1.6rem;
      height: 100%;
   }

   .about-premium-page .service-card:hover,
   .about-premium-page .trust-card:hover,
   .about-premium-page .premium-card:hover {
      transform: translateY(-8px);
      box-shadow: var(--about-shadow);
   }

   .about-premium-page .service-icon,
   .about-premium-page .trust-card > i {
      width: 64px;
      height: 64px;
      border-radius: 20px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, var(--about-theme), var(--about-theme-dark));
      color: #fff;
      font-size: 1.75rem;
      margin-bottom: 1rem;
      box-shadow: 0 16px 35px rgba(170, 129, 81, .24);
   }

   .about-premium-page .image-frame {
      position: relative;
      border-radius: 34px;
      overflow: hidden;

    
   }

   .about-premium-page .image-frame img {
      width: 100%;
      height: 470px;
      object-fit: cover;
      display: block;
   }

   .about-premium-page .floating-pen {
      position: absolute;
      right: 5%;
      top: 35px;
      width: 230px;
      max-width: 28vw;
      transform: rotate(18deg);
      opacity: .42;
      filter: drop-shadow(0 20px 25px rgba(0,0,0,.16));
      z-index: 1;
      pointer-events: none;
   }

   .about-premium-page .soft-bg {
      background:
         radial-gradient(circle at 10% 20%, rgba(202, 169, 121, .12), transparent 20%),
         linear-gradient(135deg, #fffaf4, #f8f1e8);
   }

   .about-premium-page .dark-bg {
      background:
         linear-gradient(135deg, rgba(43, 29, 16, .94), rgba(27, 18, 8, .94)),
         url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?auto=format&fit=crop&w=1800&q=85') center/cover fixed;
      color: #fff;
   }

   .about-premium-page .dark-bg p,
   .about-premium-page .dark-bg .tick {
      color: #efe5d7;
   }

   .about-premium-page .tick {
      display: flex;
      align-items: flex-start;
      gap: .75rem;
      margin: .85rem 0;
      color: #403328;
      font-weight: 800;
   }

   .about-premium-page .tick i {
      color: var(--about-theme-dark);
      font-size: 1.2rem;
      margin-top: .15rem;
   }

   .about-premium-page .cta-story {
      background:
         linear-gradient(90deg, rgba(202, 169, 121, .92), rgba(170, 129, 81, .86)),
         url('https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1800&q=85') center/cover fixed;
      padding: 90px 0;
      color: #fff;
      text-align: center;
   }

   .about-premium-page .cta-story h2,
   .about-premium-page .cta-story p,
   .about-premium-page .cta-story .mini {
      color: #fff;
   }

   .about-premium-page .location-card {
      background: #fff;
      border: 1px solid rgba(202, 169, 121, .22);
      border-radius: 28px;
      padding: 2rem;
      height: 100%;
      box-shadow: 0 18px 45px rgba(170, 129, 81, .10);
      text-align: center;
   }

   .about-premium-page .address-icon {
      max-width: 150px;
      filter: drop-shadow(0 20px 30px rgba(170,129,81,.20));
   }

   .about-premium-page .transparency-note {
      background: linear-gradient(180deg, #fff, #fff8ef);
      border: 1px solid rgba(202, 169, 121, .22);
      border-radius: 30px;
      padding: 2.4rem;
      box-shadow: var(--about-shadow);
   }

   .about-premium-page .btn-theme {
      background: linear-gradient(135deg, var(--about-theme), var(--about-theme-dark));
      border: 0;
      color: #fff;
      font-weight: 900;
      border-radius: 999px;
      padding: .85rem 1.35rem;
      box-shadow: 0 16px 32px rgba(170,129,81,.28);
   }

   .about-premium-page .btn-outline-theme {
      border: 2px solid var(--about-theme-dark);
      color: var(--about-theme-dark);
      font-weight: 900;
      border-radius: 999px;
      padding: .78rem 1.25rem;
      background: #fff;
   }

   .about-premium-page .btn-outline-theme:hover,
   .about-premium-page .btn-theme:hover {
      background: linear-gradient(135deg, #d8b98d, #b88b57);
      color: #fff;
      border-color: var(--about-theme-dark);
      transform: translateY(-2px);
   }

   @media(max-width:991px){
      .about-premium-page .about-hero{padding:75px 0;background:linear-gradient(180deg,#fffaf4,#f8f1e8)}
      .about-premium-page .about-hero .section-title{padding:2rem}
      .about-premium-page .section-pad{padding:70px 0}
      .about-premium-page .image-frame img{height:340px}
      .about-premium-page .floating-pen{display:none}
      .about-premium-page .section-title.text-start{text-align:center}
   }

   @media(max-width:575px){
      .about-premium-page .about-hero{padding:55px 0}
      .about-premium-page .about-hero .section-title{padding:1.35rem;border-radius:22px}
      .about-premium-page .section-title h2{font-size:2.2rem!important}
      .about-premium-page .section-pad{padding:55px 0}
      .about-premium-page .premium-card,.about-premium-page .service-card,.about-premium-page .trust-card,.about-premium-page .location-card,.about-premium-page .transparency-note{padding:1.25rem;border-radius:22px}
      .about-premium-page .image-frame img{height:280px}
      .about-premium-page .cta-story{padding:60px 0}
   }
/*ABOUT US PAGE CSS END*/

.signup-section{
   min-height:100vh;
   display:flex;
   align-items:center;
   justify-content:center;
   padding:120px 0 80px;
   background:linear-gradient(rgba(255,250,244,.92),rgba(255,250,244,.94)),
   url('https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1800&q=90') center/cover no-repeat;
}
form.border.p-4.rounded.shadow {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #071b39;
    color: #fff;
}
form.border.p-4.rounded.shadow {
    padding: 50px !important;
}
.signup-card{
   width:100%;
   max-width:650px;
   background:rgba(255,255,255,.86);
   backdrop-filter:blur(16px);
   border:1px solid rgba(202,169,121,.25);
   border-radius:32px;
   padding:2.5rem;
   box-shadow:0 25px 70px rgba(170,129,81,.18);
}

.signup-card h1{
   font-family:"Cormorant Garamond",serif;
   text-align:center;
   font-size:3.5rem;
   color:#2a1d14;
}

.signup-card p{
   text-align:center;
   color:#6f5b49;
   margin-bottom:2rem;
}

.form-icon{
   position:relative;
}

.form-icon i{
   position:absolute;
   left:16px;
   top:50%;
   transform:translateY(-50%);
   color:#aa8151;
   z-index:5;
}

.form-icon .form-control,
.form-icon .form-select{
   padding-left:45px;
}

.signup-card .form-control,
.signup-card .form-select{
   height:56px;
   border:1px solid rgba(202,169,121,.25);
   border-radius:14px;
   box-shadow:none;
}

.signup-card .form-control:focus,
.signup-card .form-select:focus{
   border-color:#caa979;
   box-shadow:0 0 0 .2rem rgba(202,169,121,.18);
}

.btn-theme{
   background:linear-gradient(135deg,#caa979,#aa8151);
   border:none;
   color:#fff;
   font-weight:800;
   border-radius:999px;
   padding:1rem;
}

.btn-theme:hover{
   color:#fff;
   background:linear-gradient(135deg,#d8b98d,#b88b57);
}

@media(max-width:575px){
   .signup-card{
      padding:1.5rem;
      border-radius:24px;
   }
   .signup-card h1{
      font-size:2.5rem;
   }
}
/*signup End*/



      :root {
         --theme: #000000;
         --theme-dark: #000000;
         --theme-light: #d8c8ac;
         --ink: #151515;
         --charcoal: #202124;
         --cream: #fbf7ef;
         --soft: #f3eadc;
         --muted: #0000;
         --white: #fff;
         --shadow: 0 24px 70px rgba(31, 27, 22, .18)
      }

      * {
         box-sizing: border-box
      }

      html {
         scroll-behavior: smooth
      }

      body {
         margin: 0;
         font-family: "Plus Jakarta Sans", sans-serif !important;
         color: var(--ink);
         background: var(--cream);
         overflow-x: hidden
      }

      h1,
      h2,
      h3,
      h4,
      .serif {
         font-family: "Poppins", serif;
         font-weight: 700;
         line-height: 1.02
      }

     p {
    color: #000000 !important;
    line-height: 1.75;
}
      .about-premium-page .mini {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: #fff;
    border: 1px solid rgba(202, 169, 121, .25);
    border-radius: 999px;
    padding: .5rem 1rem;
    color: var(--about-theme-dark);
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    box-shadow: 0 14px 35px rgba(170, 129, 81, .12);
}

      .theme-text {
         color: #FFC107;
      }

      @keyframes fadeInUp {
         from {
            opacity: 0;
            transform: translateY(42px)
         }

         to {
            opacity: 1;
            transform: translateY(0)
         }
      }

      @keyframes floaty {

         0%,
         100% {
            transform: translateY(0) rotate(0)
         }

         50% {
            transform: translateY(-18px) rotate(7deg)
         }
      }

      @keyframes drift {
         0% {
            transform: translateX(0) rotate(0)
         }

         50% {
            transform: translateX(14px) rotate(-8deg)
         }

         100% {
            transform: translateX(0) rotate(0)
         }
      }

      .fade-up {
         opacity: 0;
         animation: fadeInUp .9s ease forwards
      }

      .delay-1 {
         animation-delay: .15s
      }

      .delay-2 {
         animation-delay: .3s
      }

      .delay-3 {
         animation-delay: .45s
      }

      .delay-4 {
         animation-delay: .6s
      }

      .vector {
         position: absolute;
         z-index: 1;
         pointer-events: none;
         opacity: .42;
         color: var(--theme);
         filter: drop-shadow(0 12px 22px rgba(161, 137, 98, .18))
      }

      .vector i {
         font-size: inherit
      }

      .v-book {
         font-size: 44px;
         left: 4%;
         top: 95px;
         animation: floaty 5.2s ease-in-out infinite
      }

      .v-feather {
         font-size: 36px;
         right: 7%;
         top: 135px;
         animation: drift 6s ease-in-out infinite
      }

      .v-star {
         font-size: 28px;
         left: 10%;
         bottom: 80px;
         animation: floaty 4.6s ease-in-out infinite
      }

      .v-pen {
         font-size: 42px;
         right: 9%;
         bottom: 90px;
         animation: drift 5.5s ease-in-out infinite
      }

      .topbar {
         background: var(--charcoal);
         color: #eee;
         font-size: .88rem;
         padding: .65rem 0
      }

      .navbar {
         padding: 0px !important;
         background: rgba(251, 247, 239, .94);
         backdrop-filter: blur(12px);
         box-shadow: 0 8px 26px rgba(0, 0, 0, .06);
         padding: .8rem 0
      }

      /*.navbar-brand img {*/
      /*   width: 115px;*/
      /*   max-width: 100%;*/
      /*   height: auto;*/
      /*   object-fit: contain*/
      /*}*/

      .navbar-toggler {
         border: none;
         padding: .45rem .7rem;
         border-radius: 14px;
         background: rgba(161, 137, 98, .12)
      }

      .navbar-toggler:focus {
         box-shadow: none
      }

      .navbar-toggler-icon {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28111,91,63,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
      }

      .navbar.navbar-brand {
         font-weight: 900;
         letter-spacing: .04em;
         color: var(--ink) !important
      }

      .logo-mark {
         width: 48px;
         height: 48px;
         display: grid;
         place-items: center;
         border-radius: 50%;
         background: linear-gradient(135deg, var(--theme), var(--theme-dark));
         color: #fff;
         box-shadow: 0 12px 30px rgba(161, 137, 98, .35)
      }

      .nav-link {
         font-weight: 800;
         color: #2b2b2b !important;
         font-size: .60rem
      }

      .nav-link:hover {
         color: var(--theme) !important
      }

      .btn-theme {
         background: linear-gradient(135deg, #FFC107, #FF9800);
         border: 0;
         color: #fff;
         font-weight: 900;
         border-radius: 999px;
         padding: .9rem 1.35rem;
         box-shadow: 0 16px 32px rgba(161, 137, 98, .35);
         transition: .25s
      }

      .btn-theme:hover {
         color: #fff;
         transform: translateY(-3px)
      }

      .btn-outline-theme {
         border: 2px solid var(--theme);
         color: var(--theme-dark);
         font-weight: 900;
         border-radius: 999px;
         padding: .78rem 1.25rem;
         background: #fff
      }

      .btn-outline-theme:hover {
         background: var(--theme);
         color: #fff
      }

      .section-title {
         text-align: center;
         margin-bottom: 3rem
      }

      .section-title .mini {
         display: inline-flex;
         gap: .45rem;
         align-items: center;
         text-transform: uppercase;
         font-size: .78rem;
         font-weight: 900;
         letter-spacing: .18em;
         color: var(--theme-dark);
         background: #fff;
         border: 1px solid rgba(161, 137, 98, .25);
         border-radius: 999px;
         padding: .5rem 1rem;
         margin-bottom: 1rem
      }

      .section-title h2 {
         font-size: clamp(2.2rem, 4vw, 4rem)
      }

      .section-title p {
         max-width: 840px;
         margin: .8rem auto 0
      }

      .hero {
         position: relative;
         min-height: 820px;
         padding: 115px 0 90px;
         overflow: hidden;
         background: linear-gradient(rgba(18, 18, 18, .18), rgba(18, 18, 18, .18)), url('https://images.unsplash.com/photo-1524995997946-a1c2e315a42f?auto=format&fit=crop&w=1800&q=90') center/cover no-repeat
      }

      .hero:before {
         content: "";
         position: absolute;
         inset: 0;
         background: linear-gradient(120deg, rgba(251, 247, 239, .92) 0 52%, transparent 52% 60%, rgba(32, 33, 36, .58) 60%);
         pointer-events: none
      }

      .hero-content {
         position: relative;
         z-index: 2
      }

      .hero .col-lg-6:first-child {
         padding-right: 4rem;
         position: relative;
         z-index: 3
      }

      .eyebrow {
         font-size: 0.7rem;
         display: inline-flex;
         align-items: center;
         gap: .55rem;
         color: var(--theme-dark);
         font-weight: 900;
         text-transform: uppercase;
         letter-spacing: .14em;
         background: #fff;
         border: 1px solid rgba(161, 137, 98, .24);
         padding: .55rem 1rem;
         border-radius: 999px
      }

      .hero h1,
      .hero h2 {
         font-size: clamp(2.6rem, 5vw, 4.9rem);
         max-width: 760px
      }

      .hero p {
         font-size: 1.1rem;
         max-width: 650px
      }

      .hero-stats {
         display: flex;
         gap: 1rem;
         flex-wrap: wrap;
         margin-top: 2rem
      }

      .stat {
         background: rgba(255, 255, 255, .82);
         border: 1px solid rgba(161, 137, 98, .22);
         border-radius: 20px;
         padding: 1rem 1.25rem;
         min-width: 140px;
         box-shadow: 0 12px 30px rgba(0, 0, 0, .08)
      }

      .stat strong {
         display: block;
         font-size: 1.45rem;
         color: var(--theme-dark)
      }
      .form_color {
    padding: 30px;
    background-color: #071b39 !important;
    border-radius: 20px;
}




      .form-stage {
         position: relative;
         z-index: 3;
         border-radius: 36px;
         padding: 24px;
         background: url('https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?auto=format&fit=crop&w=1200&q=90') center/cover no-repeat;
         border: 2px solid rgba(255, 255, 255, .55);
         backdrop-filter: blur(22px);
         box-shadow: var(--shadow);
         overflow: hidden
      }
.form-stage:before {
    content: "";
    position: absolute;
    inset: 0;
    background: unset !important;
    backdrop-filter: unset !important;
    z-index: 0;
}
      /*.form-stage:before {*/
      /*   content: "";*/
      /*   position: absolute;*/
      /*   inset: 0;*/
      /*   background: linear-gradient(135deg, rgba(161, 137, 98, .48), rgba(32, 33, 36, .42));*/
      /*   backdrop-filter: blur(10px);*/
      /*   z-index: 0*/
      /*}*/

      .sale-card {
         position: relative;
         z-index: 2;
         width: 100%;
         background: #071b39;
         color: #fff;
         padding: 2rem;
         border-radius: 30px;
         box-shadow: 0 20px 55px rgba(0, 0, 0, .18);
         border: 1px solid rgba(255, 255, 255, .22)
      }

      .sale-card strong {
         font-size: 2.35rem;
         color: var(--theme-light);
         line-height: 1
      }

      .sale-card .form-control,
      .sale-card .form-select {
         border-radius: 16px;
         border: 1px solid rgba(255, 255, 255, .14);
         padding: .92rem;
         background: rgba(255, 255, 255, .95);
         margin-bottom: .8rem
      }

      .sale-card textarea {
         min-height: 132px
      }

      section {
         position: relative;
         overflow: hidden
      }

      .services {
         padding: 90px 0;
         background: var(--cream)
      }

      .services:before {
         content: "";
         position: absolute;
         inset: 0;
         background: url('https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1800&q=80') center/cover fixed;
         opacity: .055
      }

      .service-card {
         position: relative;
         height: 100%;
         background: #fff;
         border: 1px solid rgba(161, 137, 98, .18);
         border-radius: 28px;
         padding: 1.6rem;
         box-shadow: 0 18px 44px rgba(0, 0, 0, .07);
         transition: .28s;
         overflow: hidden
      }

      .service-card:before {
         content: "";
         position: absolute;
         right: -45px;
         top: -45px;
         width: 130px;
         height: 130px;
         border-radius: 50%;
         background: rgba(161, 137, 98, .12)
      }

      .service-card:hover {
         transform: translateY(-10px);
         box-shadow: var(--shadow)
      }

      .service-icon {
         width: 64px;
         height: 64px;
         border-radius: 20px;
         background: linear-gradient(135deg, #ff9d01, #ffa102);
         color: #fff;
         display: grid;
         place-items: center;
         font-size: 1.75rem;
         margin-bottom: 1.1rem
      }

      .service-card h5 {
         font-weight: 900;
         color: #222
      }

      .service-card p {
         font-size: .95rem;
         margin-bottom: 0
      }

      .portfolio {
         padding: 95px 0;
         background: linear-gradient(rgba(32, 33, 36, .88), rgba(32, 33, 36, .88)), url('https://images.unsplash.com/photo-1507842217343-583bb7270b66?auto=format&fit=crop&w=1800&q=85') center/cover fixed;
         color: #fff
      }

      .portfolio .section-title p,
      .portfolio p {
         color: #ded7cd
      }

      @keyframes autoPortfolio {
         0% {
            transform: translateX(0)
         }

         100% {
            transform: translateX(-50%)
         }
      }

      .portfolio-wrap {
         overflow: hidden;
         padding: 12px 6px 28px
      }

      .portfolio-track {
         display: flex;
         gap: 1.4rem;
         width: max-content;
         animation: autoPortfolio 28s linear infinite
      }

      .portfolio-wrap:hover .portfolio-track {
         animation-play-state: paused
      }

      .portfolio-card {
         position: relative;
         flex: 0 0 210px;
         min-width: 210px;
         border-radius: 24px;
         overflow: hidden;
         background: #FF9800;
         padding: .45rem;
         box-shadow: 0 24px 55px rgba(0, 0, 0, .32);
         transition: .25s;
         scroll-snap-align: start
      }

      .portfolio-card:hover {
         transform: translateY(-8px) rotate(-1deg)
      }

      .portfolio-card img {
         width: 100%;
         aspect-ratio: 2/3;
         object-fit: cover;
         border-radius: 18px;
         display: block
      }

      .book-overlay {
         position: absolute;
         left: .45rem;
         right: .45rem;
         bottom: .45rem;
         padding: 1rem;
         border-radius: 0 0 18px 18px;
         background: linear-gradient(180deg, transparent, rgba(161, 137, 98, .97));
         color: #fff;
         min-height: 45%;
         display: flex;
         align-items: end
      }

      .book-overlay h5 {
         margin: 0;
         font-weight: 900;
         text-shadow: 0 3px 12px rgba(0, 0, 0, .28)
      }

      .expertise {
         padding: 95px 0;
         background: var(--soft)
      }

      .feature-card {
         background: #fff;
         border-radius: 34px;
         padding: 2.3rem;
         box-shadow: var(--shadow);
         border: 1px solid rgba(161, 137, 98, .18)
      }

      .feature-img {
         width: 100%;
         border-radius: 30px;
         min-height: 470px;
         object-fit: cover;
         box-shadow: 0 22px 50px rgba(0, 0, 0, .18)
      }

      .tick {
         display: flex;
         gap: .75rem;
         margin: .9rem 0;
         color: #403b34;
         font-weight: 800
      }

      .tick i {
         color: var(--theme);
         font-size: 1.2rem
      }

      .genre-strip {
         padding: 85px 0;
         background: linear-gradient(90deg, rgba(161, 137, 98, .90), rgba(111, 91, 63, .90)), url('https://images.unsplash.com/photo-1516979187457-637abb4f9353?auto=format&fit=crop&w=1800&q=85') center/cover fixed;
         color: #fff
      }

      .genre-strip p {
         color: #f3eadc
      }

      .genre-box {
         background: rgba(255, 255, 255, .12);
         border: 1px solid rgba(255, 255, 255, .23);
         border-radius: 26px;
         padding: 1.4rem;
         backdrop-filter: blur(8px);
         height: 100%
      }

      .genre-box i {
         font-size: 2rem;
         color: #fff
      }

      .genre-box h5 {
         font-weight: 900;
         margin-top: .75rem
      }

      .process {
         padding: 100px 0;
         background: var(--charcoal);
         color: #fff
      }

      .process:before {
         content: "";
         position: absolute;
         inset: 0;
         background: url('https://images.unsplash.com/photo-1521587760476-6c12a4b040da?auto=format&fit=crop&w=1800&q=85') center/cover fixed;
         opacity: .13
      }

      .process .container {
         position: relative;
         z-index: 2
      }

      .process p {
         color: #d9d3ca
      }

      .step {
         display: flex;
         gap: 1rem;
         margin-bottom: 1.2rem;
         background: rgba(255, 255, 255, .07);
         border: 1px solid rgba(255, 255, 255, .1);
         border-radius: 24px;
         padding: 1rem
      }

      .step-icon {
         flex: 0 0 52px;
         width: 52px;
         height: 52px;
         border-radius: 18px;
         display: grid;
         place-items: center;
         background: #FF9800;
         color: #fff;
         font-size: 1.35rem
      }

      .step h5 {
         font-weight: 900;
         color: var(--theme-light);
         margin-bottom: .15rem
      }

      .author-img {
         width: 100%;
         max-width: 440px;
         border-radius: 36px;
         box-shadow: var(--shadow);
         border: 8px solid rgba(161, 137, 98, .8)
      }

      @keyframes testimonialMarquee {
         0% {
            transform: translateX(0)
         }

         100% {
            transform: translateX(-50%)
         }
      }

      .reviews {
         padding: 90px 0;
         background: var(--cream)
      }

      .reviews-slider {
         position: relative
      }

      .reviews-slider:after {
         content: "";
         position: absolute;
         left: 6%;
         right: 6%;
         bottom: -18px;
         height: 46px;
         background: rgba(31, 27, 22, .24);
         filter: blur(25px);
         border-radius: 50%;
         z-index: 0
      }

      .reviews-wrap {
         overflow: hidden;
         padding: 16px 0 42px;
         position: relative;
         z-index: 2
      }

      .reviews-track {
         display: flex;
         gap: 1.5rem;
         width: max-content;
         animation: testimonialMarquee 28s linear infinite
      }

      .reviews-track:hover {
         animation-play-state: paused
      }

      .review-slide {
         width: 360px;
         flex: 0 0 360px
      }

      .review-card {
         height: 100%;
         background: #fff;
         border-radius: 28px;
         padding: 1.6rem;
         border: 1px solid rgba(161, 137, 98, .17);
         box-shadow: 0 18px 42px rgba(0, 0, 0, .07)
      }

      .stars {
         color: var(--theme);
         letter-spacing: .08em
      }
.quote-mark {
    font-size: 4.5rem !important;
    line-height: 1;
    color: #FFC107 !important;
    font-family: serif;
}
     
      .footer {
         background: #071b39;
         color: #cfc8bc;
         padding: 65px 0 25px
      }

      .footer p,
      .footer a {
         color: #cfc8bc
      }

      .footer a {
         text-decoration: none;
         display: block;
         margin: .4rem 0
      }

      .footer a:hover {
         color: #fff
      }

      .footer h5 {
         color: #ffae04;
         font-weight: 900
      }

      .ad-slot {
         border: 1px dashed rgba(161, 137, 98, .45);
         background: rgba(255, 255, 255, .65);
         border-radius: 22px;
         min-height: 110px;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
         color: var(--muted);
         font-size: .9rem;
         margin: 36px auto;
         max-width: 970px
      }

      .trust-section {
         padding: 100px 0 100px 0 !important;
         background: #fff
      }

      .trust-card {
         height: 100%;
         background: var(--cream);
         border: 1px solid rgba(161, 137, 98, .18);
         border-radius: 26px;
         padding: 1.5rem;
         box-shadow: 0 14px 34px rgba(0, 0, 0, .06)
      }

      .trust-card i {
         font-size: 2rem;
         color: var(--theme);
         margin-bottom: .75rem
      }

      .policy-section {
         padding: 80px 0;
         background: var(--soft)
      }

      .policy-card {
          height: 385px !important;
         background: #fff;
         border: 1px solid rgba(161, 137, 98, .18);
         border-radius: 28px;
         padding: 2rem;
         box-shadow: 0 18px 42px rgba(0, 0, 0, .07)
      }

      .policy-card h4 {
         margin-top: 1.25rem
      }

      .policy-card ul {
         color: var(--muted);
         line-height: 1.8
      }

      .footer .legal-links {
         display: flex;
         flex-wrap: wrap;
         gap: 1rem;
      }

      .footer .legal-links a {
         display: inline-block;
         margin: 0
      }

      .floating-chat {
         position: fixed;
         right: 18px;
         bottom: 18px;
         background: linear-gradient(135deg, var(--theme), var(--theme-dark));
         color: #fff;
         border-radius: 999px;
         padding: .9rem 1.15rem;
         font-weight: 900;
         box-shadow: var(--shadow);
         z-index: 50;
         text-decoration: none
      }

      h1.mt-4.fs-1 {
         font-weight: 900;
         font-size: 58px !important;
      }
      .tpd-video-hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 110px 0;
    background: #111;
}

      @media(max-width:991px) {
         h1.mt-4.fs-1 {
            font-weight: 900;
            font-size: 30px !important;
         }

         /*.navbar-brand img {*/
         /*   width: 80px !important;*/
         /*   max-width: 100%;*/
         /*   height: auto;*/
         /*   object-fit: contain;*/
         /*}*/

         .navbar-collapse {
            background: #fff;
            border-radius: 22px;
            margin-top: 1rem;
            padding: 1rem;
            box-shadow: 0 18px 40px rgba(0, 0, 0, .08)
         }

         .hero {
            min-height: auto;
            padding: 70px 0;
            background: linear-gradient(180deg, #fbf7ef 0, #efe2cf 100%)
         }

         .hero:before {
            background: linear-gradient(180deg, rgba(251, 247, 239, .94), rgba(251, 247, 239, .72))
         }

         .hero .col-lg-6:first-child {
            padding-right: 25px;
            text-align: center
         }

         .hero p {
            margin-left: auto;
            margin-right: auto
         }

         .hero .d-flex,
         .hero-stats {
            justify-content: center
         }

         .form-stage {
            margin-top: 1.5rem
         }

         .portfolio-card {
            flex-basis: 250px;
            min-width: 250px
         }

         .feature-img {
            min-height: 360px
         }

         .author-img {
            max-width: 360px
         }

         .review-slide {
            width: 320px;
            flex-basis: 320px
         }

         .reviews-track {
            animation-duration: 24s
         }
      }


@media (max-width: 767px) {
    .topbar {
    display: none !important;
    background: var(--charcoal);
    color: #eee;
    font-size: .88rem;
    padding: .65rem 0;
}
    span.vector.v-book {
        display: none !important;
    }
    .topbar {
    display: none;
}
}
/*span.vector {*/
/*    display: none !important;*/
/*}*/
/*}*/
/*      @media(max-width:575px) {*/
/*          span.vector {*/
/*    display: none !important;*/
/*}*/
/*          .policy-card {*/
/*    height: 544px !important;*/
/*    background: #fff;*/
/*    border: 1px solid rgba(161, 137, 98, .18);*/
/*    border-radius: 28px;*/
/*    padding: 2rem;*/
/*    box-shadow: 0 18px 42px rgba(0, 0, 0, .07);*/
/*}*/
       
         .navbar-brand span:last-child {
            font-size: .86rem
         }

         .logo-mark {
            width: 42px;
            height: 42px
         }

         .hero {
            padding: 55px 0
         }

         .eyebrow {
            font-size: .68rem;
            letter-spacing: .08em;
            white-space: normal;
            text-align: center
         }

         .hero h1 {
            font-size: 2.55rem
         }

         .hero p {
            font-size: 1rem
         }

         .section-title {
            margin-bottom: 2rem
         }

         .section-title h2 {
            font-size: 2.3rem
         }

         .section-title .mini {
            font-size: .68rem;
            letter-spacing: .1em
         }

         .stat {
            flex: 1 1 100%
         }

         .form-stage {
            padding: 14px;
            border-radius: 26px
         }

         .sale-card {
            padding: 1.25rem;
            border-radius: 22px
         }

         .sale-card strong {
            font-size: 1.8rem
         }

         .sale-card .form-control,
         .sale-card .form-select {
            padding: .8rem
         }

         .services,
         .portfolio,
         .expertise,
         .genre-strip,
         .process,
         .reviews {
            padding: 62px 0
         }

         .service-card,
         .feature-card,
         .review-card {
            border-radius: 22px;
            padding: 1.25rem
         }
label.check_new_boxx {
    font-size: 13px;
}
         .portfolio-card {
            flex-basis: 220px;
            min-width: 220px
         }

         .portfolio-track {
            animation-duration: 24s
         }

         .feature-img {
            min-height: 280px
         }

         .genre-box {
            padding: 1.2rem
         }

         .step {
            align-items: flex-start
         }

         .step-icon {
            flex-basis: 44px;
            width: 44px;
            height: 44px;
            border-radius: 14px;
            font-size: 1.1rem
         }

         .review-slide {
            width: 280px;
            flex-basis: 280px
         }

         .reviews-track {
            gap: 1rem;
            animation-duration: 22s
         }

         .ad-slot {
            min-height: 90px;
            margin: 28px auto
         }

         .trust-section,
         .policy-section {
            padding: 62px 0
         }

         .policy-card {
            padding: 1.25rem;
            border-radius: 22px
         }

         .floating-chat {
            right: 12px;
            bottom: 12px;
            padding: .75rem .95rem;
            font-size: .85rem
         }
      }
      /* =========================
   HEADER / NAVBAR
========================= */

.navbar{
   background: rgba(255,255,255,.92);
   backdrop-filter: blur(18px);
   padding: 14px 0;
   box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

.navbar-nav{
   margin: auto;
}

.nav-link{
   font-size: 18px;
   font-weight: 500;
   color: #1b1b1b !important;
   padding: 12px 18px !important;
   transition: .3s ease;
}

.nav-link:hover{
   color: #6c3cf0 !important;
}

/* =========================
   DROPDOWN
========================= */

.nav-item.dropdown{
   position: relative;
}

.dropdown-menu{
   display: block;
   opacity: 0;
   visibility: hidden;
   transform: translateY(15px);

   transition: .3s ease;

   border: 0;
   border-radius: 18px;

   padding: 12px;

   min-width: 220px;

   background: rgba(255,255,255,.96);
   backdrop-filter: blur(18px);

   box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.dropdown-item{
   padding: 12px 14px;
   border-radius: 12px;

   font-size: 16px;
   font-weight: 500;

   transition: .3s ease;
}

.dropdown-item:hover{
   background: rgba(108,60,240,.08);
   color: #6c3cf0;
}

/* Hover Show Dropdown */
.nav-item.dropdown:hover .dropdown-menu{
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

/* Mobile */
@media(max-width:991px){

   .navbar-collapse{
      background:#fff;
      padding:20px;
      border-radius:20px;
      margin-top:15px;
   }

   .dropdown-menu{
      display:none;
      opacity:1;
      visibility:visible;
      transform:none;
      box-shadow:none;
      background:#f8f8f8;
      margin-top:10px;
   }

   .dropdown-menu.show{
      display:block;
   }

}
.form-select {
    height: 55px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding-right: 45px !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #fff;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7l5 5 5-5'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}