.single-service .icon-wrapper img {
  width: 60px !important;
  height: 60px !important;
  object-fit: contain !important;
}

.single-offer-product.verticle .promo-img {
  width: 100%;
  height: 680px !important;
  object-fit: cover !important;
}

.single-offer-product .promo-img {
  width: 100%;
  height: 328px !important;
  object-fit: cover !important;
}

.gs-footer-section .footer-row .left-info .social-links a i {
  color: black;
  transition: all 0.3s;
}

.gs-footer-section .footer-row .left-info .social-links a:hover i {
  color: white;
}

#cardNumber,
#securityCode,
#expirationDate {
  height: 60px;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  color: #505050;
  font-size: 14px;
  padding: 0px 18px;
}

#cardNumber,
#securityCode,
#expirationDate {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .single-offer-product .promo-img {
    height: 200px !important;
  }

  .single-offer-product.verticle .promo-img {
    height: 400px !important;
  }
}


.sidebar-active-color {
  color: #bd8f62 !important;
}

/* Premium Branding Enhanced Styles */
:root {
  --primary-color: #0d3c42;
  --secondary-color: #bd8f62;
  --accent-color: #012b2e;
  --light-sand: #f4ede4;
}

.template-btn {
  background: linear-gradient(135deg, var(--primary-color) 0%, #155a63 100%) !important;
  box-shadow: 0 4px 15px rgba(13, 60, 66, 0.2);
  border: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.template-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(13, 60, 66, 0.3);
  background: linear-gradient(135deg, #155a63 0%, var(--primary-color) 100%) !important;
}

.template-btn.yellow-btn {
  background: linear-gradient(135deg, var(--secondary-color) 0%, #d4a373 100%) !important;
  color: #fff !important;
}

.template-btn.yellow-btn:hover {
  background: linear-gradient(135deg, #d4a373 0%, var(--secondary-color) 100%) !important;
}

/* Premium Card Hover */
.single-product:hover {
  box-shadow: 0 10px 30px rgba(13, 60, 66, 0.1) !important;
  border-color: var(--secondary-color) !important;
}

/* Header Adjustments */
.info-bar {
  background: var(--accent-color) !important;
}

.header-top .create-navbar {
  border-bottom: 2px solid var(--secondary-color);
}

.logo {
  height: 73px;
  width: 120px;
  margin-top: -32px;
}