@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playwrite+NZ+Basic:wght@100..400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
    body {
        background: #FFF1D6;
      }
    h1,h2,h3
    {
      font-family: Playfair Display;
      text-align: center;
      color: #D63B3B;
      /*text-transform: uppercase;*/
    }
    h3
    {
      font-family: Playfair Display;
      text-align: center;
      color: #FFF1D6;
      font-size: 29px;
      /*text-transform: uppercase;*/
    }
    button
    {
      font-family: Roboto;

    }
    h4
    {
      font-family: Playfair Display;
      text-align: justify;
      color: #D63B3B;
    }
    p
    {
      font-family: Playwrite NZ Basic;
      color: #555;
      line-height: 1.7;
      font-size: 15px;
      text-align: center;
      text-align: justify;
    }
    h5,h6
    {
      font-family: Playwrite NZ Basic;
      color: #555;
      line-height: 1.7;
      font-size: 15px;
      text-align: left;
    }
    ul
    {
      font-family: Playwrite NZ Basic;
      color: #555;
      line-height: 1.7;
      font-size: 14.8px;
      text-align: left;
      /*border: 2px solid black;*/
      padding-left: 9px;
    }

    .page-bg {
      background: #FFF1D6;
      padding: 40px 15px;
    }

    /* Phone Button */
    .phone-btn {
      background: #FFB703;
      border-radius: 30px;
      padding: 8px 18px;
      color: #fff;
      font-weight: 600;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .phone-btn i {
      font-size: 18px;
    }

    /* Center Text */
    .center-text h2{
      font-size: 39px;
      font-weight: 500;
      color: #D63B3B;
    }

    /* Mobile spacing */
    @media (max-width: 576px) {
      .phone-btn {
        width: 56%;
        justify-content: center;
      }
    }

    .city-search-wrapper {
      width: 600px;
      margin-top: 1%;
      margin-bottom: 5%;

    }

    .city-select {
      height: 48px;
      border-radius: 8px 0 0 8px;
    }

    .search-btn {
      width: 56px;
      background: linear-gradient(135deg, #D63B3B, #E63946);
      border: none;
      border-radius: 0 8px 8px 0;
      color: #fff;
    }
        /* Container */
    .carousel-wrapper {
      width: 100%;
      height: 300px;
      overflow: hidden;
      margin-bottom: 40px;  
    }

    /* Track */
    .carousel-track {
      display: flex;
      gap: 20px;
      width: max-content;
      animation: scroll 10s linear infinite;
    }

    /* Slide */
    .slide {
      width: 250px;
      height: 300px;
      flex-shrink: 0;
    }

    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Pause on hover (optional) */
    /*.carousel-wrapper:hover .carousel-track {
      animation-play-state: paused;
    }*/

    /* Animation */
    @keyframes scroll {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(-50%);
      }
    }

      .about-section {
      background: #E63946;
      border-radius: 30px;
      padding: 50px;
      margin-bottom: 90px;
    }

    .about-title {
      color: #FFB703;
      text-align: left;
      font-size: 50px;
      margin-bottom: 13px;
    }
    .about-section h4{
      text-align: right;
      font-size: 50px;
    }
    .about-text {
      color: #ffffff;
      line-height: 1.7;
      text-align: left;
      text-align: justify;
    }

    .read-btn {
      border: 1px solid #FFB703;
      background: #FFB703;
      color: #ffffff;
      padding: 6px 29px;
      border-radius: 30px;
      font-family: Playfair Display;
      letter-spacing: 0.5px;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 25px;

    }

    .read-btn:hover {
      
       background: transparent;
       color: #FFB703;
    }

    .image-box {
      background: #fcf4f4;
      padding: 11px;
      border-radius: 30px;
    }

    .image-box img {
      width: 100%;
      border-radius: 30px;
    }
    #para-2
    {
      margin-bottom: 50px;
    }
    #para-3
    {
      margin-bottom: 55px;
    }
    #para-4
    {
      margin-bottom: 40px;
    }
    #para-5
    {
      margin-bottom: 36px;
    }   
    #para-6
    {
      margin-bottom: 66px;
      margin-top: 60px;
    }
    #para-7
    {
      margin-bottom: 36px;
    }
    #para-8
    {
      margin-bottom: 45px;
      margin-top: 10px;
    }
    #content-2
    {
      margin-bottom: 60px;
    }

    {
      border: 2px solid black;
    }
    .content 
    {
      margin-bottom: 60px;
    }
    /* GRID LAYOUT */
    .card-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 24px;
      margin-bottom: 70px;
    }

    /* RESPONSIVE */
    @media (max-width: 576px) {
      .card-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

   /* @media (max-width: 576px) {
      .card-grid {
        grid-template-columns: 1fr;
      }
    }*/

    /* CARD DESIGN */
    .profile-card {
      position: relative;
      overflow: hidden;
      border-radius: 0px 0px 0px 0px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
    .profile-card h6 
    {
      font-size: 16px;
      text-align: left;
    }
    .profile-card p 
    {
      font-size: 16px;
      text-align: left;
    }
    .profile-card img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .card-overlay {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: rgba(0,0,0,0.26);
      padding: 14px;
    }

    .card-overlay h6 {
      margin: 0;
      font-weight: 600;
      color: #FFF1D6;
    }

    .card-overlay p {
      margin: 0;
      font-size: 14px;
      color: #FFF1D6;

    }

    .icon-box {
      position: absolute;
      right: 14px;
      bottom: 18px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .icon-box i {
      font-size: 27px;
      cursor: pointer;
    }
    .section-bg {
  background: #E63946;
  margin-bottom: 65px;
}

    .feature-card {
      height: 100%;
      border-radius: 10px;
      padding: 26px;
      transition: transform 0.3s ease;
    }

    .feature-card:hover {
      transform: translateY(-6px);
    }

    .feature-light {
      background: #fff;
    }

    .feature-dark {
      background: #fff;
      color: #fff;
    }

    .feature-icon {
      font-size: 28px;
      margin-bottom: 12px;
      color: #E63946;
    }

    .feature-dark .feature-icon {
      color: #E63946;
    }

    .feature-card h6 {
      font-weight: 600;
      margin-bottom: 10px;
      color: #D63B3B;
    }

    .feature-card p {
      font-size: 15px;
      line-height: 1.7;
    }
    .info-section {
      background: #E63946;
      padding: 60px 0;
    }

    .info-card {
      background: #ffffff;
      border-radius: 10px;
      padding: 40px 30px;
      text-align: center;
      height: 100%;
    }

    .info-card h5 {
      font-weight: 600;
      margin-bottom: 8px;
      color: #E63946;
    }

    .info-card p {
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
      color: #111111;
    }
    .toy-banner-section {
      background: #E63946;
      padding: 60px 15px;
      margin-bottom: 68px;
    }

    .toy-banner {
      background: #FFFFFF;
      border-radius: 30px;
      position: relative;
      padding: 80px 60px;
      padding-bottom: 260px;
      overflow: hidden;
      padding-bottom: 470px;
    }

    /* COMMON HEADING STYLE */
    .toy-heading {
      color: #555;
      font-weight: 700;
      font-size: 42px;
      line-height: 1.3;
      max-width: 600px;

    }

    /* TOP LEFT HEADING */
    .toy-heading-top {
      position: absolute;
      top: 60px;
      left: 100px;
    }

    /* BOTTOM RIGHT HEADING */
    .toy-heading-bottom {
      position: absolute;
      bottom: 77px;
      right: 100px;
      text-align: center;
    }

    /* BUTTON */
    .toy-btn {
      position: absolute;
      bottom: 25px;
      font-size: 13.5px;
      right: 115px;
      background: #FFB703;
      color: #ffffff;
      padding: 9px 25px;
      border-radius: 30px;
      border: 2px solid #FFB703;
      font-weight: 700;
      font-family: Playwrite NZ Basic;
    }

    /* RIGHT IMAGE */
    .toy-img-right {
      position: absolute;
      top: -60px;
      right: 100px;
      background: #D63B3B;
      padding: 8px;
      border-radius: 50%;
    }

    .toy-img-left {
      position: absolute;
      bottom: -60px;
      left: 100px;
      background: #D63B3B;
      padding: 8px;
      border-radius: 50%;
    }

    .toy-img-right img,
    .toy-img-left img {
      width: 300px;
      height: 300px;
      object-fit: cover;
      border-radius: 50%;
    }

    /* =====================
       MOBILE RESPONSIVE
    ===================== */
    @media (max-width: 768px) {
      .toy-banner {
        padding: 40px 20px;
        padding-bottom: 40px;
        text-align: center;
      }

      .toy-heading {
        font-size: 26px;
        position: static;
        margin-bottom: 20px;
        text-align: center;
      }

    @media (max-width: 768px) {
      .toy-img-right,
      .toy-img-left {
        position: static;
        width: 300px;
        height: 300px;
        margin: 28px auto;
      }

      .toy-img-right img,
      .toy-img-left img {
        width: 100%;
        height: 100%;
      }
    }


      .toy-btn {
        position: static;
        margin-top: 0px;
      }
    }


    /* FIXED BOTTOM BAR */
    .fixed-call-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 9999;
      display: flex;
    }

    /* COMMON BUTTON STYLE */
    .call-btn,
    .whatsapp-btn,
    .telegram-btn {
      width: 33.33%;
      padding: 14px 10px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      text-decoration: none;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    /* CALL */
    .call-btn {
      background: #E63946;
    }

    /* WHATSAPP */
    .whatsapp-btn {
      background: #11c450;
    }

    /* TELEGRAM */
    .telegram-btn {
      background: #1C7EF2;
    }
    /* ICON SIZE */
    .fixed-call-bar i {
      font-size: 18px;
    }

    /* OPTIONAL: hide on desktop */
 /*   @media (min-width: 992px) {
      .fixed-call-bar {
        display: none;
      }
    }*/

    /* Avoid content hiding behind bar */
    body {
      padding-bottom: 40px;
/*      padding-left: 18px;
      padding-right: 18px;*/
    }


    /* Force row colors (Bootstrap override) */
    .table tbody tr:nth-child(odd) td {
      background-color: #FFF1D6 !important; /* Yellow */
    }

    .table tbody tr:nth-child(even) td {
      background-color: #FFF1D6 !important; /* Pink */
    }

    /* Header */
    .table thead th {
      background-color: #E63946 !important;
      color: #ffffff;
      text-align: center;
      font-family: Playwrite NZ Basic;
      font-size: 16px;
    }

    /* Cell styling */
    .table td {
      text-align: center;
      font-weight: 500;
      white-space: nowrap;
      font-family: Playwrite NZ Basic;
      font-size: 14px;
      font-weight: 500;
      color: #555;

    }

    /* Mobile friendly spacing */
    @media (max-width: 576px) {
      .table td, .table th {
        font-size: 14px;
      }
    }

    .table-bordered {
      border: 1px solid #ffffff;
    }

    .table-bordered th,
    .table-bordered td {
      border: 1px solid #555;
    }

    .pill-wrap{
      gap:12.9px;
    }

    /* Common pill style */
    .pill-btn{
      padding:10px 30px;
      border-radius:999px;
      border:none;
      font-size:15.2px;
      font-weight:600;
      white-space:nowrap;
      color:#fff;
      font-family: Roboto;
      font-weight: 500;
    }

    /* Colors */
    .pill-red{
      background:#E63946;
    }
    .pill-yellow{
      background:#FFB703;
      color:#000;
    }
    .pill-pink{
      background:#D63B3B;
    }

    .pill-red:hover{ background:#D63B3B; }
    .pill-yellow:hover{ background:#f9d34a; }
    .pill-pink:hover{ background:#E63946; }


    @media (max-width: 768px){
      .pill-btn{
        width: 100%;
      }
      
    }


    /* PARALLAX BACKGROUND */
    .hero-section{
      min-height:51vh;
      background-image:url('./img/Payal.webp');
      background-position:center;
      background-repeat:no-repeat;
      background-size:cover;
      background-attachment:fixed; /* 👈 PARALLAX */
      display:flex;
      align-items:center;
      justify-content:center;
      margin-top: 10px;
      /*padding:20px;*/
      /*border: 2px solid black;*/
    
    }

    /* CONTENT CARD */
    .welcome-card{
      background:#E63946;
      color:#fff;
      max-width:1300px;
      width:100%;
      padding:40px 30px;
      text-align:center;
      border-radius: 30px;
    }

    .welcome-card h2{
      color: #FFB703;
      font-size: 40px;
      /*text-transform:uppercase;*/
    }

    .welcome-card p{
      line-height:1.7;
      margin:20px 0 30px;
      color: #ffffff;
      text-align: center;
    }

    .welcome-card .btn{
      background:#FFB703;
      color:#fff;
      font-weight:700;
      padding:12px 30px;
      border: 1px solid #FFB703;
      border-radius:30px;
    }

    .welcome-card .btn:hover{
      background:transparent;
      color: #ffb703;

    }

    /* MOBILE FIX (parallax disabled for performance) */
    @media (max-width: 768px){
      .hero-section{
        background-attachment:scroll;
      }
      
    }


    .review-card{
      background:#fff;
      border-radius:12px;
      padding:30px 25px 20px;
      position:relative;
      height:100%;
    }

    /* TOP LABEL */
    .review-tag{
      background:#E63946;
      color:#fff;
      padding:14px 20px;
      border-radius:12px 12px 12px 0;
      position:absolute;
      top:-30px;
      left:20px;
      width:75%;
      font-family: Roboto;
      letter-spacing: 0.4px;
    }

    .review-tag small{
      display:block;
      font-size:13px;
      opacity:0.8;
      font-family: Roboto;
    }

    .stars i{
      color:#FFB703;
    }

    /* PROFILE IMAGE */
    .profile-img{
      width:100px;
      height:100px;
      border-radius:50%;
      border:5px solid #fff;
      object-fit:cover;
      position:absolute;
      top:-20px;
      right:20px;
    }

    /* NAME */
    .person-name{
      color:#D63B3B;
      font-weight:700;
      margin-top:70px;
      text-align:center;
    }

    .person-role{
      font-size:13px;
      color:#888;
      text-align:center;
      margin-bottom:5px;
      font-family: Roboto;
    }

    .review-text{
      font-size:14.5px;
      color:#555;
      text-align:center;
      line-height:1.7;
      /*text-align: justify;*/
    }
    @media (max-width: 767px) {
      .col-lg-4,
      .col-md-6 {
        margin-bottom: 35px;
      }
    }

    .footer-top {
      background: #E63946;
      color: #fff;
      padding: 16px 0;
      text-align: center;
      font-weight: 600;
    }

    .footer-main {
      background: #ffffff;
      padding: 30px 15px;
      text-align: center;
    }

    .footer-social a {
      color: #D63B3B;
      font-size: 22px;
      margin: 0 10px;
      transition: 0.3s;
      font-family: Roboto;

    }

    .footer-social a:hover {
      opacity: 0.7;
    }

    .footer-text {
      color: #D63B3B;
      font-size: 14px;
      margin-top: 12px;
      font-family: Roboto;

    }

    .footer-link {
      display: block;
      color: #D63B3B;
      font-size: 13px;
      text-decoration: none;
      margin-top: 6px;
      font-family: Roboto;

    }

    .footer-link:hover {
      text-decoration: underline;
    }