body{
    background-color:lightslategrey;
    max-width: 650px;
    margin: 0 auto;
}

.inquiry-banner {
        display: flex;
        flex-wrap: wrap;
        /* border: 1px solid #ccc; */
        overflow: hidden;
        background-color: #fff;
    }
    .inquiry-left {
        background-color: #d32f2f;
        color: white;
        font-weight: bold;
        font-size: 1.25rem;
        padding: 20px 30px;
        clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }
    .inquiry-right {
        background-color: white;
        color: #000;
        font-weight: bold;
        font-size: 1.25rem;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }


.s-p-2 span{
    font-size: 2.5rem;
    font-weight: bold;
    color: green;
    padding-right: 1rem;
}
.s-p-2{
    color: #fff;
    font-size: 1.5rem;

}

.custom-border{
    border-bottom: 1px solid #000;
}


   .review-card {
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .review-avatar {
      width: 50px;
      height: 50px;
      object-fit: cover;
      border-radius: 50%;
    }
    .verified-icon {
      width: 18px;
      height: 18px;
    }


    

     .bg-yellow-custom {
      background-color: #edd300;
      color: #000
    }
    .main-heading {
      font-weight: 900;
    }
    .sub-heading {
      position: relative;
      top: -10px;
    }
    @media (min-width: 576px) {
      .main-heading {
        font-size: 4rem;
      }
      .sub-heading {
        top: -15px;
      }
    }
    @media (max-width: 575.98px) {
      .main-heading {
        font-size: 3rem;
      }
    }






    .bg-dark-custom {
      background-color: #1a1a1a;
    }
    .card-title-custom {
      color: red;
      border: 1px solid red;
      padding-top: 8px;
      padding-bottom: 4px;
    }
    .img-container {
      width: 250px;
      height: 150px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .img-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 6px;
    }


    .bg-black-custom {
      background-color: #000;
    }
    .bg-slate-50 {
      background-color: #f8fafc;
    }
    .border-custom {
      border-color: #d6c1a5;
    }
    .btn-custom {
      background-color: #18181b;
      border-radius: 50px;
      transition: background-color 0.3s;
    }
    .btn-custom:hover {
      background-color: #0f0f10;
    }
    .country-code {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      border-right: 1px solid black;
      padding-right: 10px;
    }
    .pl-50 {
      padding-left: 3.5rem !important;
    }

    .form *{
        color: #000 !important;
    }


    .bg-slate-50 {
      background-color: #f8fafc;
    }
    .phone-prefix {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      border-right: 1px solid #000;
      padding-right: 8px;
    }
    .pl-custom {
      padding-left: 3.5rem;
    }
    
    

    .floating-order{
  position: fixed;
  left: 20px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  
  
  color: #fff;
  font-weight: 700;
  border-radius: 999px;
  
  text-decoration: none;
  z-index: 9999;
  transform: translateY(0);
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
}

/* icon */
.floating-order .order-icon{ font-size: 1.1rem; line-height:1; }

/* subtle lift on hover/touch */
.floating-order:hover,
.floating-order:focus{
 
}

/* small pulse ring */
.floating-order::after{
  
}

@keyframes pulse{
  0% { box-shadow: 0 0 0 0 rgba(255,107,107,0.28); transform: scale(1); }
  70% { box-shadow: 0 0 0 16px rgba(255,107,107,0); transform: scale(1.02); }
  100% { box-shadow: 0 0 0 0 rgba(255,107,107,0); transform: scale(1); }
}

/* responsive: hide text on small screens */
@media (max-width:480px){
  .floating-order{ padding:10px 12px; gap:8px; right:14px; bottom:14px; }
  .floating-order .order-text{ display:none; }
}