/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */

/* header-footer css start */

.header-menu-bar .elementor-icon-wrapper {
  display: flex;
}
.header-sec.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #00000033;
  backdrop-filter: blur(20px);
}
.elementor-location-popup {
  height: 100%;
}
/* header-footer css end */

/* home page css start */

.hero-main-sec:after {
  content: "";
  background-image: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Shap.svg);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 320px;
  height: 534px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
.hero-main-sec .e-con-inner {
  z-index: 1;
}
.circle-btn {
  width: 220px;
  height: 220px;
  border: 1px solid #b78049;
  border-radius: 100%;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
.circle-btn .elementor-button-text {
  width: 125px;
  position: relative;
}
.circle-btn.learn-more-btn .elementor-button-text {
  width: 108px;
}
.circle-btn .elementor-button {
  border-bottom: 1px solid #fff;
}
.circle-btn .elementor-button-text:before {
  content: "";
  background-image: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Vector-2.svg);
  width: 85px;
  height: 45px;
  position: absolute;
  background-repeat: no-repeat;
  left: -235px;
  right: 0;
  top: 20px;
  bottom: 0;
  margin: auto;
  background-size: 85px;
}
.roted-community-left-col:after {
  content: "";
  background-color: #292928;
  opacity: 40%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.logo-rotate::before,
.logo-rotate::after {
  content: "";
  position: absolute;
  width: 239.23px;
  height: 399.21px;
  top: 50%;
  left: 50%;
  border: 1px solid #9a7644;
  border-radius: 100%;
  pointer-events: none;
}
.logo-rotate::before {
  transform: translate(-50%, -50%) rotate(-35deg);
  animation: borderRotate1 15s linear infinite;
  transform-origin: center;
}
.logo-rotate::after {
  border-radius: 100%;
  transform: translate(-50%, -50%) rotate(35deg);
  animation: borderRotate2 20s linear infinite reverse;
}
@keyframes borderRotate1 {
  from {
    transform: translate(-50%, -50%) rotate(-35deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(325deg);
  }
}
@keyframes borderRotate2 {
  from {
    transform: translate(-50%, -50%) rotate(35deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-325deg);
  }
}
.private-events-right-col:after {
  content: "";
  background-color: #292928;
  opacity: 40%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.private-events-left-content::before {
  content: "" !important;
  background-image: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/1-1.jpg);
  position: absolute !important;
  width: 440px !important;
  height: 618px !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  right: 0 !important;
}
.our-menu-slider .swiper-initialized {
  width: calc(100vw - 37.5vw) !important;
}
.our-menu-slider .elementor-widget-image {
  aspect-ratio: 1/ 1.316;
}
.our-menu-slider .elementor-widget-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.our-menu-slider
  .elementor-swiper-button.elementor-swiper-button-next:hover
  svg,
.our-menu-slider
  .elementor-swiper-button.elementor-swiper-button-prev:hover
  svg {
  filter: brightness(0) saturate(100%) invert(54%) sepia(85%) saturate(293%)
    hue-rotate(349deg) brightness(84%) contrast(88%);
}
.our-menu-slider .elementor-swiper-button-prev,
.our-menu-slider .elementor-swiper-button-next {
  top: unset !important;
  bottom: 150px !important;
}
.circle-btn.events-cta-btn .elementor-button-text {
  width: 139px;
}
.review-carousel
  .elementor-swiper-button.elementor-swiper-button-next:hover
  svg,
.review-carousel
  .elementor-swiper-button.elementor-swiper-button-prev:hover
  svg {
  filter: brightness(0) saturate(100%) invert(54%) sepia(85%) saturate(293%)
    hue-rotate(349deg) brightness(84%) contrast(88%);
}
.review-carousel .elementor-swiper-button-prev,
.review-carousel .elementor-swiper-button-next {
  top: unset !important;
  bottom: 165px !important;
}
.gallery-slider .gallery {
  display: flex !important;
}
.gallery-slider .gallery .gallery-item {
  max-width: none !important;
  padding: 0 !important;
}
#gallery-2 {
  direction: rtl;
}
.gallery-slider .gallery-icon {
  padding: 20px 20px;
  display: flex;
}
.gallery-slider .gallery-icon img {
  aspect-ratio: 1/1;
  object-fit: cover;
  width: 100%;
}
#gallery-1 button.slick-arrow::before {
  display: none;
}
#gallery-1 button.slick-arrow {
  transform: unset;
  top: -60px;
  width: 72px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gallery-1 button.slick-arrow.slick-prev {
  right: auto;
  left: calc(50vw + 10px + 690px);
}
#gallery-1 button.slick-arrow.slick-next {
  right: auto;
  left: calc(50vw + 10px + 788px);
}

/* home page css end */

/* Food Menu Css Start  */
.head-gf .elementor-heading-title:after,
.shareables-item-col.gf .elementor-image-box-title:after {
  content: "";
  width: 25px;
  height: 25px;
  background: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Gluten-Free.svg)
    center center no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-left: 8px;
  position: relative;
  top: 3px;
}
.head-veg .elementor-heading-title:after,
.shareables-item-col.veg .elementor-image-box-title:after {
  content: "";
  width: 25px;
  height: 25px;
  background: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Vagetarian.svg)
    center center no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-left: 8px;
  position: relative;
  top: 3px;
}
.food-menu-shareables-item-col .elementor-widget-divider {
  margin-top: auto !important;
}
.shareables-item-col.veg-gf .elementor-image-box-title:after {
  content: "";
  width: 55px;
  height: 25px;
  background: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/GF-Veg.svg)
    center center no-repeat;
  background-size: contain;
  display: inline-flex;
  margin-left: 8px;
  position: relative;
  top: 3px;
}
.see-what-on-top-btn a {
  width: 220px !important;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b78049;
  border-radius: 50% !important;
}
.see-what-on-top-btn a span.elementor-button-icon {
  position: absolute;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.see-what-on-top-btn a span.elementor-button-icon svg {
  width: 100%;
  height: 100%;
}
.see-what-on-top-btn a span.elementor-button-text:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.see-what-on-top-btn a span.elementor-button-text {
  width: 125px;
  position: relative;
}
/* Food Menu Css End */

/* Events Page Css Start  */

.events-loop-item .type-tribe_events .elementor-widget-image img {
  aspect-ratio: 1/0.835;
  object-fit: cover;
}
.events-loop-item
  .elementor-widget-tec_events_elementor_widget_event_datetime
  .tec-events-elementor-event-widget__datetime-date--start:before {
  content: "";
  background: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Clip-path-group-1.svg)
    center center no-repeat;
  width: 23px;
  height: 23px;
  display: inline-flex;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.events-loop-item
  .elementor-widget-tec_events_elementor_widget_event_datetime
  .tec-events-elementor-event-widget__datetime-time--start:before {
  content: "";
  background: url(https://devstag.website/SteelWheel/wp-content/uploads/2026/09/Group-1.svg)
    center center no-repeat;
  width: 23px;
  height: 23px;
  display: inline-flex;
  margin-right: 10px;
  position: relative;
  top: 3px;
  margin-left: 30px;
}
.event-loop-stay-button span.elementor-button-icon svg {
  aspect-ratio: 1/1;
}

/* Events Page Css End */

/* ======= Responsive CSS: Start ======= */

/*
    Elementor Breakpoint For Responsive Screen :
    Mobile Portrait   : 575
    Mobile Landscape  : 767
    Tablet Portrait   : 991
    Tablet Landscape  : 1199
    Laptop            : 1599
    */

@media screen and (min-width: 1600px) {
  footer .footer-inner-row .footer-inner-right-col {
    max-width: 1119px !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1780px) {
  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    top: unset !important;
    bottom: 100px !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: 108px !important;
  }
}

@media screen and (max-width: 1780px) {
  #gallery-1 button.slick-arrow {
    width: 55px;
    height: 25px;
  }

  #gallery-1 button.slick-arrow.slick-prev {
    left: calc(100vw - 150px);
  }

  #gallery-1 button.slick-arrow.slick-next {
    left: calc(100vw - 75px);
  }
}

@media screen and (min-width: 1600px) and (max-width: 1680px) {
  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    top: unset !important;
    bottom: 100px !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: 0px !important;
  }
}

@media screen and (max-width: 1680px) {
     .hero-main-sec:after {
    height: 474px;
  }
}

@media screen and (max-width: 1599px) {
  .logo-rotate::before,
  .logo-rotate::after {
    width: 200px;
    height: 340px;
  }

  .circle-btn .elementor-button-text:before {
    width: 65px;
    height: 30px;
    left: -225px;
    top: 5px;
  }

  .circle-btn {
    width: 190px;
    height: 190px;
  }

  .private-events-left-content::before {
    height: 525px !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: 70px !important;
  }

  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    top: unset !important;
    bottom: 100px !important;
  }
 
  .events-loop-item
    .elementor-widget-tec_events_elementor_widget_event_datetime
    .tec-events-elementor-event-widget__datetime-time--start:before {
    margin-left: 25px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1470px) {
  .our-menu-slider .elementor-swiper-button-next {
    left: -135px !important;
    right: unset !important;
  }

  .our-menu-slider .elementor-swiper-button-prev {
    left: -150px !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: 0px !important;
  }
}

@media screen and (max-width: 1199px) {
  .private-events-left-content::before {
    height: 470px !important;
  }

  .circle-btn .elementor-button-text {
    width: 110px !important;
  }

  .circle-btn {
    width: 180px;
    height: 180px;
  }

  .circle-btn .elementor-button-text:before {
    width: 55px;
    height: 20px;
    left: -185px;
    background-size: contain;
  }

  .logo-rotate::before,
  .logo-rotate::after {
    width: 140px;
    height: 270px;
  }

  .gallery-slider .gallery-icon {
    padding: 10px;
  }
  .see-what-on-top-btn a {
    width: 190px !important;
  }
  #gallery-1 button.slick-arrow {
    top: -50px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    top: unset !important;
    bottom: 100px !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: 70px !important;
  }
}

@media screen and (max-width: 991px) {
  .hero-main-sec:after {
    height: 425px;
    background-size: contain;
    background-position: center center;
  }

  .circle-btn {
    position: unset !important;
  }

  .private-events-left-content::before {
    height: 100% !important;
  }

  .our-menu-slider .swiper-initialized {
    width: 100% !important;
  }

  .our-menu-slider .elementor-swiper-button-next,
  .review-carousel .elementor-swiper-button-next {
    left: unset !important;
    right: max(10px, calc((100% - 130px) / 2)) !important;
  }

  .our-menu-slider .elementor-swiper-button-prev {
    left: max(10px, calc((100% - 130px) / 2)) !important;
  }

  .our-menu-slider .elementor-swiper-button-prev,
  .our-menu-slider .elementor-swiper-button-next {
    top: unset !important;
    bottom: -50px !important;
  }

  .review-carousel .elementor-swiper {
    position: relative !important;
  }

  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    top: auto !important;
    bottom: 75px !important;
    right: auto !important;
    transform: none !important;
  }

  .review-carousel .elementor-swiper-button-prev {
    left: calc(50% - 50px) !important;
  }

  .review-carousel .elementor-swiper-button-next {
    left: calc(50% + 20px) !important;
  }

  .gallery-slider.gallery-slider-left,
  .gallery-slider .gallery {
    position: unset !important;
  }

  #gallery-1 button.slick-arrow {
    width: 45px;
    height: 23px;
    top: unset;
    bottom: 0px;
  }

  #gallery-1 button.slick-arrow.slick-prev {
    left: calc(50% - 55px);
  }

  #gallery-1 button.slick-arrow.slick-next {
    right: calc(50% - 55px);
    left: unset;
  }
  .head-gf .elementor-heading-title:after,
  .head-veg .elementor-heading-title:after,
  .shareables-item-col.gf .elementor-image-box-title:after,
  .shareables-item-col.veg .elementor-image-box-title:after {
    width: 22px;
    height: 22px;
  }
  .shareables-item-col.veg-gf .elementor-image-box-title:after {
    width: 49px;
    height: 22px;
  }
  .see-what-on-top-btn a {
    width: 170px !important;
  }
}

@media screen and (max-width: 767px) {
  .footer-menu .menu-item .menu-link {
    justify-content: center;
  }

  .logo-rotate::before,
  .logo-rotate::after {
    width: 120px;
    height: 220px;
  }

  .circle-btn .elementor-button-text:before {
    width: 50px;
    left: -170px;
  }

  .circle-btn {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 575px) {
  .logo-rotate {
    left: 0px !important;
    right: 0px !important;
  }

  .logo-rotate::before,
  .logo-rotate::after {
    width: 90px;
    height: 190px;
  }

  .private-events-left-content::before {
    height: 100% !important;
    width: 100% !important;
  }

  .client-name-box .elementor-image-box-wrapper {
    display: flex;
    gap: 10px;
  }

  .client-name-box .elementor-image-box-wrapper .elementor-image-box-img {
    margin: 0px !important;
  }

  .client-name-box .elementor-image-box-wrapper .elementor-image-box-content {
    width: auto;
  }

  .h-cta-form input[type="email"] {
    padding: 14px !important;
    min-height: fit-content;
  }

  .h-cta-form .elementor-button[type="submit"] {
    padding: 15px !important;
    min-height: auto !important;
  }

  .review-carousel .elementor-swiper-button-prev,
  .review-carousel .elementor-swiper-button-next {
    bottom: 45px !important;
  }

  .gallery-slider .gallery-icon {
    padding: 7px;
  }
}

/* ======= Responsive CSS: End ======= */