.header_img{
    width: 90px !important;
    margin: 10px 0px 10px 0px;
}

.video-slide {
    position: relative;
    overflow: hidden;
}

.bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-hover{
    background: #00000091;
}

.section-dark {
    position: relative;
}
/* smooth transition */

/* change background on hover */
.bg-color-3:hover .bg-light {
    background-color: #f8ffe6d9 !important;
}

.section-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55); /* adjust darkness */
    z-index: 1;
}

.section-dark .container {
    position: relative;
    z-index: 2;
}
/* Left Image */
/* Pod Type Dropdown - Black Theme */
#podType {
    background-color: #181818 !important;
    color: #fff !important;
    border: 1px solid #333;
}

/* Dropdown options */
#podType option {
    background-color: #181818;
    color: #fff;
}

/* Disabled option */
#podType option:disabled {
    color: #777;
}

/* Remove focus glow */
#podType:focus {
    outline: none;
    box-shadow: none;
}
#podType {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.feedback-image {
    position: relative;
    background: url("../images/homepage/feedback.jpg") bottom/cover no-repeat;
}

.feedback-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.75),
        rgba(0, 0, 0, 0.35)
    );
    z-index: 1;
}

/* Keep content above overlay */
.feedback-image > * {
    position: relative;
    z-index: 2;
}

.image-overlay{
  
  color:#fff;
  height:100%;
  padding:70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.image-overlay h1{
  font-size:48px;
  font-weight:700;
}

.image-overlay p{
  font-size:18px;
  margin-top:15px;
  max-width:420px;
}

/* Outer wrapper */
.gallery-wrapper {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

/* Track */
.gallery-track {
    display: flex;
    width: max-content;
    animation: marquee 60s linear infinite;
}

/* Pause on hover */
.gallery-wrapper:hover .gallery-track {
    animation-play-state: paused;
}

/* Items */
.gallery-item {
    flex: 0 0 auto;
    width: 300px;
    margin-right: 16px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* Input Button Issue */
input[type="submit"], button {
  height: 50px;           /* fixed height */
  padding: 0 15px;
  line-height: 50px;
  box-sizing: border-box; /* consistent sizing */
}

/* Seamless animation */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .gallery-item {
        width: 220px;
    }
    .gallery-item img {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .col-center img {
        content: url("../images/mobile_logo.png");
        width: 160px !important;
    }
}
@media (max-width: 768px) {
    .hero-img {
        height: 60vh;
    }
}

/* Modal Image */
.modal-img {
    width: 100%;
    height: 100vh;
    object-fit: contain;
    background: #000;
}

.gallery_sec{
  padding-top: 80px;
}

/* Form */
.feedback-form{
  background:#fff;
  padding:40px;
  border-radius:14px;
  box-shadow:0 20px 40px rgba(0,0,0,.1);
  max-width:640px;
  width:100%;
}

.form-control, .form-select{
  /* border-radius:10px; */
  padding:12px;
}

.btn-submit{
  background:#6b8e23;
  color:#fff;
  border:none;
  padding:14px;
  border-radius:30px;
  transition:.3s;
}

.btn-submit:hover{
  background:#556b2f;
  transform:translateY(-3px);
}
.rating_tab{
    align-items: center !important;
}

/* Map Section */
.map-section {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

/* Responsive iframe */
.map-section iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(20%);
    transition: transform 0.6s ease, filter 0.6s ease;
}

/* Hover animation */
.map-section:hover iframe {
    transform: scale(1.03);
    filter: grayscale(0%);
}

/* Optional overlay */
.map-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.15)
    );
    pointer-events: none;
}
/* Mobile */
@media(max-width:991px){
  .image-overlay{
    padding:40px;
    text-align:center;
  }
  .image-overlay h1{
    font-size:34px;
  }
}
.contact-section{
    padding:80px 0;
}
.highlight{
    color:#c79a2b;
}
.contact-info i{
    background:#c79a2b;
    color:#fff;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    /* border-radius:50%; */
    font-size:18px;
}
.form-control, .form-select{
    background:#f4f6f4;
    border:1px solid #dcdcdc;
    color:#333;
    /* border-radius:12px; */
    padding:14px;
}
.form-control::placeholder{
    color:#888;
}
.form-control:focus, .form-select:focus{
    box-shadow:none;
    border-color:#c79a2b;
}
.submit-btn{
    background:#c79a2b;
    color:#fff;
    border:none;
    padding:0px 28px;
    border-radius:30px;
    font-weight:600;
    transition:0.3s;
}
.submit-btn:hover{
    background:#b3881f;
    transform:translateY(-2px);
}
.fade-up{
    animation:fadeUp 1s ease both;
}

.cardamom-rating {
  direction: rtl;
  display: inline-flex;
  gap: 6px;
}

.cardamom-rating input {
  display: none;
}

.cardamom-rating label {
  font-size: 28px;
  cursor: pointer;
  filter: grayscale(100%);
  transition: 0.3s;
}

.cardamom-rating input:checked ~ label,
.cardamom-rating label:hover,
.cardamom-rating label:hover ~ label {
  filter: grayscale(0%);
  transform: scale(1.1);
}

@keyframes fadeUp{
    from{opacity:0;transform:translateY(30px)}
    to{opacity:1;transform:translateY(0)}
}

@media (max-width: 576px) {
.service_row{
    display: flex;
            white-space-collapse: collapse;
        text-wrap-mode: wrap;
        line-height: 25px;
}

}