/**
Theme Name: RUBC
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rubc
Template: astra
*/

.entry-content p {
  margin-bottom: 15px;
}

.white {
  color: #fff !important;
}

*:not(p),
footer p,
header p,
body p:last-child,
.no-mb {
  margin-bottom: 0px !important;
}

.vc_column-inner {
  padding-top: 0px !important;
}

*:focus {
  outline: 0px !important;
	border:0px!important;
}

.ast-menu-toggle{
	box-shadow:0 0 0!important;
}

.pd-side-none>div>div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ast-site-title-wrap .site-title a {
  font-size: 20px;
  width: 150px;
  display: block;
  color: #000;
  line-height: 30px;
}

.web-btns a,
#gform_submit_button_1,
#gform_submit_button_2, #gform_submit_button_3 {
  background: #EC1C24;
  padding: 12px 30px;
  display: inline-block;
  font-family: "Anton";
  color: #fff;
  letter-spacing: 0.5px;
  transition: 0.5s all;
  border-radius: 10px;
  font-size: 18px;
  line-height: 25px;
}

.web-btns a:hover,
.web-btns .yellow-btn,
#gform_submit_button_1:hover,
#gform_submit_button_2:hover, #gform_submit_button_3:hover {
  background: #fed209;
  color: #000;
}

.web-btns .yellow-btn:hover {
  background: #EC1C24;
  color: #fff;
}

.center {
  text-align: center;
}

.wd70 {
  width: 60%;
  margin: auto;
}

header .web-btns {
  display: flex;
  column-gap: 10px;
}

#gfield_description_2_7{
	padding-bottom:0px!important;
}

/* Home Banner Css Start */

.home-banner:before {
  content: "";
  display: block;
  background: linear-gradient(197deg, #00000099, #0000004f, #00000024, #000000);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.home-banner .web-btns {
  padding-top: 30px;
}

.home-banner-txt {
  padding-top: 100px;
  display: grid;
  grid-row-gap: 150px;
}

.home-banner-txt h1 {
  color: #fff;
  font-size: 120px;
  text-transform: uppercase;
  width: 520px;
  line-height: 120px;
}

.ban-big-head {
  color: #fff;
  font-family: "Anton";
  font-size: 50px;
  text-transform: uppercase;
  width: 370px;
  line-height: 50px;
}

/* Home Banner Css End */

/* Home About Sec Start */

.home-abt-sec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
}

.home-abt-left {
  background: url('/wp-content/uploads/2026/08/facility-gallery-img4.webp');
}

.bg-img {
  background-position: center !important;
  background-size: cover !important;
  border-radius: 10px;
}

.home-abt-right {
  padding: 50px 0;
}

/* Home About Sec End */

/* Type of Bowling Css Start */

.ban-bot-sec {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
}

.ban-bot-in {
  background: #f5f5f5;
  padding: 30px 20px;
  text-align: center;
  color: #000000;
  border-radius: 10px;
}

.ban-bot-head {
  font-family: "Anton";
  line-height: 30px;
  margin-bottom: 0px !important;
  font-size: 23px;
  letter-spacing: 0.5px;
}

.ban-bot-txt {
  padding-bottom: 10px;
  min-height: 65px;
}

/* Type of Bowling Css End */

/*home-faqs-css-start*/
.faq-answer {
  display: none;
  padding: 0 20px 20px;
}

.faq-sec {
  display: grid;
  grid-row-gap: 30px;
  width: 70%;
  margin: auto;
}

.faq-item {
  border: 1px solid #00000026;
  transition: 0.5s all;
  cursor: pointer;
  border-radius: 10px;
}

.faq-question {
  display: grid;
  justify-content: space-between;
  padding: 20px;
  font-size: 17px !important;
  align-items: center;
  column-gap: 20px;
  line-height: 22px !important;
  grid-template-columns: auto 30px;
}

.faq-sec .accordion {
  display: grid;
  grid-row-gap: 10px;
}

.faq-head {
  display: flex;
  column-gap: 10px;
  letter-spacing: 0.5px;
}

.faqs-links a {
  font-size: 15px;
  background: #f5f5f5;
  padding: 10px 25px;
  border-radius: 20px;
  color: #3c3d4b;
  display: inline-block;
  margin: 0 10px 10px 0 !important;
}

.faqs-links {
  display: table;
}

.faqs-links a:hover {
  background: #3c3d4b;
  color: #fff;
}

.faq-plus {
  position: relative;
  transition: 0.5s all;
  width: 30px;
  height: 30px;
  background: #EC1C24;
  display: grid;
  justify-self: anchor-center;
  border-radius: 5px;
}

.faq-plus:before {
  content: "→";
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 30px;
}

.faq-item.active .faq-plus:after {
  opacity: 0;
}

.sub-head {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.faq-item.active .faq-plus {
  background: #fed209;
  color: #000;
}

.faq-item.active .faq-plus:before {
  color: #000;
  transform: rotate(90deg);
}

/*home-faqs-css-end*/

/* Image Slider css start */

.slider-section {
  overflow: hidden;
  width: 100%;
}

.slider-track {
  display: flex;
  width: max-content;
  gap: 20px;
  align-items: center;
  padding-bottom: 18px;
  will-change: transform;
}

.slide-narrow {
  width: 260px;
  flex-shrink: 0;
}

.slide-medium {
  width: 320px;
  flex-shrink: 0;
}

.slide-wide {
  width: 300px;
  flex-shrink: 0;
}

.slider-section img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}

/* Image Slider css end */

/* Footer Css Start */

footer * {
  color: #fff;
  letter-spacing: 1px;
  font-family: "Anton";
  font-weight: 400 !important;
}

.site-below-footer-wrap {
  background: url('/wp-content/uploads/2026/09/footer-bg-img.webp') !important;
  height: 450px;
  background-size: cover !important;
  background-position: center bottom !important;
}

.foot-top {
  display: grid;
  grid-template-columns: 1.1fr 1.9fr;
  grid-column-gap: 100px;
}

.foot-head {
  font-size: 25px;
  padding-bottom: 15px;
  color: #fed209;
}

.foot-top-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
}

.foot-social a {
  border: 1px solid #fed209;
  padding: 9px 15px;
  display: inline-block;
  line-height: 17px;
  color: #000;
  background: #fed209;
  border-radius: 10px;
}

.foot-social a:hover {
  background: #EC1C24;
  border-color: #EC1C24;
  color: #fff;
}

.foot-social {
  display: flex;
  column-gap: 10px;
}

.foot-txt p {
  font-size: 18px;
  width: 70%;
  padding-bottom: 15px;
}

.foot-email a {
  font-size: 35px;
  display: block;
  line-height: 35px;
}

.foot-right-1 {
  display: grid;
  align-content: space-between;
}

.foot-open p {
  font-size: 18px;
}

.foot-top-left {
  display: grid;
  grid-row-gap: 20px;
  align-content: space-between;
}

.foot-email {
  display: grid;
  grid-row-gap: 20px;
  padding: 50px 0 20px;
}

.privacy-term {
  display: flex;
  column-gap: 25px;
}

.site-above-footer-inner-wrap {
  padding: 0px !important;
}

/* Footer CSS end */

/* Privacy CSS Start */

.privacy-bot {
  display: grid;
  grid-row-gap: 30px;
  padding-top: 10px;
}

.privacy-head {
  font-family: "Anton";
  font-size: 20px;
  margin-bottom: 10px !important;
  letter-spacing: 0.5px;
}

.bullet-points {
  margin: 0px !important;
  padding: 0px 0 15px !important;
  display: grid;
  grid-row-gap: 5px;
}

.bullet-points>li {
  position: relative;
  list-style-type: none;
  padding-left: 30px;
}

.bullet-points>li:before {
  content: "✓";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 3px;
  background: #EC1C24;
  text-align: center;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
}

.bullet-points ol {
  padding: 8px 0;
  display: grid;
  grid-row-gap: 5px;
}

/* Privacy Page CSS End */

/* What's On CSS Start */

.shortcode-events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  padding-top: 40px;
}

.shortcode-event-card {
  transition: 0.5s all;
  text-align: center;
}

.shortcode-event-card:hover {
  transform: translateY(-4px);
}

.shortcode-event-poster {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.shortcode-event-body {
  padding-top: 20px;
}

.shortcode-event-title {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0;
}

.shortcode-event-title a {
  text-decoration: none;
  color: #000;
  letter-spacing: 0px;
  font-family: Inter, 'sans-serif';
}

.single-whats-on #primary,
.single-gallery #primary {
  margin-top: 0px !important;
}

.single-whats-on #content,
.single-gallery #content {
  background: #fff;
}

.single-whats-on .type-whats-on {
  padding: 0px !important;
  text-align: center;
  display: grid;
  grid-row-gap: 30px;
}

.cpt-featured-poster {
  width: 70%;
  margin: auto;
}

.cpt-featured-poster img {
  box-shadow: 0px 0px 0px !important;
  border-radius: 10px;
}

.event-post-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ccc;
  padding: 40px 0;
}

.event-post-navigation .nav-previous,
.event-post-navigation .nav-next {
  width: 48%;
}

.event-post-navigation .nav-previous {
  text-align: left;
}

.event-post-navigation .nav-next {
  text-align: right;
}

.event-post-navigation .nav-link-box {
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
  color: #000000;
  gap: 12px;
}

.event-post-navigation .nav-next .nav-link-box {
  justify-content: flex-end;
}

.event-post-navigation .nav-arrow {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1;
  color: #000;
}

.event-post-navigation .nav-text-content {
  display: flex;
  flex-direction: column;
}

.event-post-navigation .nav-sublabel {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #94a3b8;
  font-weight: 600;
}

.event-post-navigation .nav-title {
  font-weight: 600;
  transition: color 0.2s ease;
  color: #000;
}

.event-post-navigation .nav-link-box:hover .nav-title {
  color: #EC1C24;
}

.event-share-wrapper svg {
  width: 30px;
  height: 30px;
}

.event-share-wrapper {
  display: flex;
  column-gap: 20px;
  justify-content: center;
  padding-bottom: 50px;
}

/* What's On CSS End */

/* Gallery page CSS Start */

.gallery-in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
  align-items: center;
}

.gallery-bot-sec {
  padding-top: 30px;
  display: grid;
  grid-row-gap: 100px;
}

.fac-head {
  font-size: 35px;
  line-height: 35px;
  border-bottom: 1px solid #000;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 5px !important;
  font-family: 'Anton';
}

.gallery-inner img, .gallery-in img {
  border-radius: 10px;
}

.gallery-bot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
}

.gallery-head {
  color: #fff;
  font-size: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding-bottom: 15px;
  transition: 0.5s all;
  font-weight: 700;
}

.gallery-inner a {
  display: block;
  position: relative;
}

.gallery-inner a:hover .gallery-head {
  color: #fed209;
}

.gallery-inner a:before {
  content: '';
  display: block;
  background: linear-gradient(2deg, #000000ad, transparent);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
}

.cpt-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding-top: 40px;
}

.cpt-gallery-item {
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  position: relative;
  border-radius: 10px;
  background: #000;
}

.cpt-gallery-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border-radius: 10px;
}

.cpt-gallery-item:hover img {
  transform: scale(1.05);
  opacity: 0.9;
}


.single-gallery .type-gallery {
  padding: 0px !important;
  text-align: center;
}

/* Gallery page CSS End */

/* Homepage 4 Tiles Css Start*/

.home-ban-in img {
  border-radius: 10px;
}

.home-ban-sec2 {
  display: grid;
  grid-template-columns: 0.5fr 2.5fr;
  grid-column-gap: 20px;
  align-items: center;
}

.home-ban-sec-left {
  display: grid;
  grid-row-gap: 20px;
  grid-template-rows: repeat(4, 1fr);
  height: 100%;
}

.home .ast-primary-header-bar {
  background-color: #fff !important;
}

.home-ban-sec-right {
  overflow: hidden;
}

.home-ban-in {
  position: relative;
  display: grid;
  border-radius: 10px;
  background-size: cover !important;
  background-position: center !important;
}

.home-ban-in a {
  display: block;
  position: relative;
}

.home-ban-in p {
  position: absolute;
  bottom: 38%;
  left: 10px;
  right: 10px;
  text-align: center;
  background: linear-gradient(92deg, transparent, black, transparent);
  padding: 5px;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  border-radius: 10px;
  font-family: 'Anton';
  letter-spacing: 1px;
}

.home-ban-in:first-child {
  background: url('/wp-content/uploads/2026/08/facility-gallery-img10.webp')
}

.home-ban-in:nth-child(2) {
  background: url('/wp-content/uploads/2026/09/barefoot-social.webp');
}

.home-ban-in:nth-child(3) {
  background: url('/wp-content/uploads/2026/08/whats-on-main-img.webp');
}

.home-ban-in:last-child {
  background: url('/wp-content/uploads/2026/08/Facilities-main-img.webp');
}

.home-ban-in a:before {
  content: '';
  display: block;
  background: #00000012;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.home-video-banner {
  padding: 20px 25px !important;
}

.video-slider {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);

}

.video-slider__track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.video-slider__item {
  min-width: 100%;
  height: 100%;
  position: relative;
}

.video-slider__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-slider__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  transition: background 0.3s ease, color 0.3s ease;
}

.video-slider__btn:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #000;
}

.video-slider__btn--prev,
.video-slider__btn--next, #gfield_instruction_2_7 {
  display: none;
}

.video-slider__dots {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

.video-slider__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.video-slider__dot--active {
  background: #fff;
  transform: scale(1.3);
}

/* Homepage Extra CSS End*/

/* About Us Page CSS Start */

.history-header {
  text-align: center;
  padding-bottom: 50px;
}

.history-main-sec .history-badge {
  display: inline-block;
  font-family: 'Anton', sans-serif;
  font-size: 0.95rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fad209;
  background: rgba(250, 210, 9, 0.1);
  border: 1px solid rgba(250, 210, 9, 0.3);
  padding: 6px 20px;
  border-radius: 50px;
  margin-bottom: 15px;
}

.history-main-sec .history-title {
  font-family: 'Anton', sans-serif;
  font-size: 3.5rem;
  color: #ffffff;
  margin: 0 0 10px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.history-main-sec .history-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 20px;
}

.history-main-sec .history-divider span {
  width: 60px;
  height: 3px;
  background: #fad209;
  position: relative;
}

.history-main-sec .history-subtitle {
  font-size: 1.1rem;
  color: #94a3b8;
  max-width: 600px;
  margin: 0 auto;
  font-weight: 300;
}

/* Timeline Layout */
.history-main-sec .history-timeline {
  position: relative;
  display: grid;
  grid-row-gap: 100px;
}

/* Central Line */
.history-main-sec .history-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: linear-gradient(180deg, rgba(250, 210, 9, 0) 0%, #fed209 15%, #fed209 85%, rgba(250, 210, 9, 0) 100%);
  transform: translateX(-50%);
}

/* Timeline Rows */
.history-main-sec .history-item {
  position: relative;
  margin-bottom: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Central Marker */
.history-main-sec .history-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #231f20;
  border: 2px solid #fed209;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  box-shadow: 0 0 20px rgba(250, 210, 9, 0.25);
}

.history-main-sec .history-year {
  font-family: 'Anton', sans-serif;
  color: #fed209;
  font-size: 1.25rem;
  letter-spacing: 1px;
}

/* Content Box (Text) */
.history-main-sec .history-content-box {
  width: 42%;
  background: #231f20;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
}

.history-main-sec .history-content-box:hover {
  transform: translateY(-5px);
  border-color: rgba(250, 210, 9, 0.4);
  box-shadow: 0 25px 50px rgba(250, 210, 9, 0.1);
}

.history-main-sec .history-text {
  padding: 30px;
}

.history-main-sec .history-text h4 {
  color: #fff;
  padding-bottom: 15px;
}

.history-main-sec .history-text p {
  color: #ffffff;
}

.history-main-sec .history-text p:last-child {
  margin-bottom: 0;
}

/* Image Box */
.history-main-sec .history-image-box {
  width: 42%;
}

.history-main-sec .history-image-wrap {
  position: relative;
  height: 380px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.history-main-sec .history-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.history-main-sec .history-image-wrap:hover img {
  transform: scale(1.05);
}

.history-main-sec .history-overlay-tag {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #231f20;
  backdrop-filter: blur(4px);
  color: #ffffff;
  font-family: 'Anton', sans-serif;
  font-size: 0.85rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 4px;
  border-left: 3px solid #fed209;
}

.what-offer-sec,
.media-coverage {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 50px;
}

.what-offer-in {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 10px;
}

.media-in img {
  border-radius: 10px;
}

.media-in {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.media-in>div:last-child {
  text-align: center;
  padding: 20px;
}

.media-date {
  font-weight: 700;
  position: absolute;
  background: #ffffffcc;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 10px;
  top: 35px;
  left: 35px;
}

.media-head {
  font-family: 'Anton';
  font-size: 18px;
  letter-spacing: 0.5px;
}

/* About Us Page CSS End */

/* Bookings Page CSS Start */

.book-main-in img {
  border-radius: 10px;
  width: 100%;
}

.book-main-top {
  padding-bottom: 35px;
}

.gfield_description {
  color: #000 !important;
  padding-bottom: 20px !important;
  font-size: 15px !important;
}

.book-main-bot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
}

.book-main-in {
  border-radius: 10px;
  border: 1px solid #c5c5c5;
  padding: 20px;
}

.book-bot {
  padding-top: 20px;
}

.book-head {
  font-family: 'Anton';
  font-size: 25px;
}

.key-info-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
}

.key-info-in img {
  border-radius: 10px;
}

.key-head {
  background: #ec1c25;
  margin-top: 10px;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  font-weight: 700;
  font-size: 20px;
}

.book-enquire form {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 10px;
}

.book-enquire input[type=text],
.book-enquire input[type=email],
.book-enquire input[type=tel],
.book-enquire input[type=number],
.book-enquire select,
.book-enquire button[type=button],
.book-enquire textarea {
  padding: 10px 15px !important;
  height: inherit !important;
  font-size: 18px !important;
  border: 0px;
  border-radius: 10px !important;
  box-shadow: 0 0 0px !important;
  color: #000 !important;
  line-height: 25px !important;
  background: #fff !important;
}

#country_selector_button_4 {
  border-radius: 10px 0 0 10px !important;
}

#input_1_4_visible,
#input_2_4_visible, #input_3_4_visible {
  border-radius: 0 10px 10px 0 !important;
}

.book-enquire legend,
.book-enquire label {
  padding-bottom: 12px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.gform_required_legend {
  padding-bottom: 10px;
}

#gform_fields_1,
#gform_fields_2, #gform_fields_3 {
  grid-row-gap: 25px;
}

.book-enquire .gform-footer.gform_footer {
  justify-content: center;
}

/* Bookings Page CSS End */

/* Membership Page CSS Start */

.memb-sec-bot {
     padding-top: 40px;
    grid-template-columns: 1.2fr 1.8fr;
    grid-column-gap: 100px;
    display: grid;
    align-items: center;
}

.memb-sec-right h6 {
  padding-top: 10px;
}

.memb-pointers {
  margin: 0px !important;
  padding: 0px 0 20px 0 !important;
  list-style-type: none;
  display: grid;
  grid-row-gap: 10px;
}

.memb-pointers li:before {
  content: '✓';
  display: block;
  width: 20px;
  height: 20px;
  background: #fad209;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 5px;
}

.memb-pointers li {
  position: relative;
  padding-left: 35px;
}

.social-member {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
  align-items: center;
}

.club-doc-in {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 10px;
  align-items: center;
  display: grid;
  grid-row-gap: 20px;
  text-align: center;
}

.member-info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.member-card {
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  padding: 30px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.member-card img {
  border-radius: 10px;
}

.member-card .member-title {
  font-size: 25px;
  padding: 20px 0 25px;
}


/* Membership Page CSS End */

/* – Media Screen CSS – */

@media only screen and (min-width: 1600px) {
  .wd-contained {
    max-width: 1440px;
    margin: auto !important;
  }
}

@media only screen and (min-width: 768px) {
  .stretchMe {
    position: relative;
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
    max-width: inherit !important;
  }

  nav#primary-site-navigation ul.main-header-menu li:last-child a {
    padding-right: 0px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .pd-100 {
    padding: 120px 0px !important;
  }

  .pd-top {
    padding-top: 120px !important;
  }

  .pd-bottom {
    padding-bottom: 120px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pd-100 {
    padding: 100px 0px !important;
  }

  .pd-top {
    padding-top: 100px !important;
  }

  .pd-bottom {
    padding-bottom: 100px !important;
  }

  .site-primary-footer-inner-wrap,
  .wd-contained {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
  .site-below-footer-inner-wrap,
  .site-above-footer-inner-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    column-gap: 30px;
  }
	
	.foot-top, .foot-top-right{
		grid-template-columns:1fr;
		    text-align: left;
    grid-row-gap: 30px;
	}
	
	.site-above-footer-inner-wrap, .home-abt-right{
		padding:0px!important;
	}
	
	.home-ban-sec-left{
		          grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-template-rows: auto;
	}
	
	.bg-img{
		height:350px;
	}
	
	.home-abt-sec, .memb-sec-bot, .social-member{
		grid-template-columns:1fr;
		grid-row-gap:30px;
	}
	
	.foot-email, .memb-sec-bot, .gallery-bot-sec{
		padding-top:0px;
	}
	
	.fac-head {
    font-size: 25px;
    line-height: 25px;
	}
	
	.foot-email a {
    font-size: 25px;
    line-height: 25px;
}
	
	.site-primary-footer-wrap{
		padding:70px 0!important;
	}
	
	.foot-right-2 img{
		    width: 300px;
    margin: auto;
    display: block;
    padding-top: 20px;
	}
	
	.book-main-bot, .media-coverage{
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
	}
	
	.key-info-main, .member-info-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
	
	.key-head{
		    margin-top: 0px;
    border-radius: 0 0 10px 10px;
	}
	
	.key-info-in img{
		border-radius:10px 10px 0 0;
	}
	
	.wd70{
		width:100%;
	}
	
	.shortcode-events-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 30px;
}
	
	.gallery-in{
		    grid-column-gap: 50px;
	}
	
	.cpt-gallery-item img{
		height:200px;
	}
	
	.cpt-gallery-grid{
		grid-template-columns:repeat(3, 1fr);
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	.ast-builder-menu-1 .menu-item > .menu-link{
		padding:0px 12px!important;
	}
	
	.site-header-focus-item[data-section="sidebar-widgets-header-widget-1"]{
		padding:0px!important;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .ast-primary-header-bar .site-primary-header-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }


  .ast-container,
  .wd-contained {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  h2,
  .entry-content h2,
  h1,
  .entry-content h1 {
    font-size: 35px;
    line-height: 45px;
  }
	
	.site-footer-primary-section-1{
		padding:0px 20px;
	}
	
	.foot-email a {
    font-size: 25px;
    line-height: 25px;
	}
	
	.foot-top, .foot-top-right{
		        grid-column-gap: 50px;
        text-align: left;
	}
	
	.home-abt-sec, .memb-sec-bot, .social-member, .gallery-in{
		 grid-column-gap: 50px;
	}
	
	.wd70{
		width:100%;
	}
	
	.privacy-term{
		display:grid;
	}
	
	.foot-top-right{
		grid-template-columns: 1.8fr 1.2fr;
	}
	
	.foot-social a{
		font-size:15px;
	}
	
	header .web-btns a{
		    padding: 8px 25px;
	}
	
	.home-abt-right, .memb-sec-bot, .gallery-bot-sec{
		padding:0px;
	}
	
	.home-video-banner{
		padding:20px!important;
	}
	
	.home-ban-in{
		height:250px;
	}
	
	.home-ban-sec-left{
		grid-template-columns:repeat(4, 1fr);
		grid-column-gap:20px;
		grid-template-rows:auto;
		order:2;
	}
	
	.home-ban-sec2{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	
	.book-main-bot{
		grid-template-columns:repeat(2, 1fr);
		grid-row-gap:30px;
		grid-column-gap:30px;
	}
	
	.key-info-main{
		grid-column-gap:20px;
	}
	
	.key-head{
		line-height:26px;
	}
	
	.shortcode-events-grid, .media-coverage{
		grid-column-gap:30px;
	}
	
	.media-in>div:last-child{
		padding:20px 0 0;
	}
	
	.media-date {
    padding: 5px 10px;
    font-size: 13px;
    left: 30px;
    top: 30px;
}
}

@media only screen and (max-width: 767px) {

  .pd-100,
  .site-primary-footer-wrap {
    padding: 70px 0px !important;
  }

  .pd-top {
    padding-top: 70px !important;
  }

  .pd-bottom {
    padding-bottom: 70px !important;
  }

  .wd-contained {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
	
	 .facility-gal-right {
    order: 2;
  }
	
	.privacy-head {
    font-size: 18px;
    margin-bottom: 5px !important;
    letter-spacing: 0px;
	}
	
	.cpt-gallery-grid{
		    grid-template-columns: repeat(2, 1fr);
    padding-top: 25px;
}
	
	.book-enquire .head-sep{
		height:20px!important;
	}
	
	.cpt-gallery-item img {
    height: 160px;
	}
	
.book-enquire form{
		padding:20px!important;
	}
	
	#gform_fields_1, #gform_fields_2, #gform_fields_3 {
    grid-row-gap: 15px;
}
	
	.privacy-term{
		display:grid;
		row-gap:5px;
	}
	
	header .web-btns .yellow-btn{
		    font-size: 14px;
    padding: 8px 20px;
	}
	
	.member-info-grid{
		        grid-template-columns: repeat(2, 1fr);
	}
	
	.member-title{
		font-size:20px!important;
	}
	
  .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
    grid-template-columns: 1fr;
    row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-below-footer-inner-wrap,
  .ast-separate-container #content .ast-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .home-abt-sec,
  .book-main-bot,
  .memb-sec-bot,
  .social-member,
  .club-memb-doc-bot,
  .gallery-in,
  .what-offer-sec,
  .media-coverage {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }

  .social-memb-left .btn-sep,
  .gallery-in .btn-sep,
  .what-offer-in .head-sep,
  .what-offer-in .btn-sep {
    height: 10px !important;
  }

  .gallery-bot-sec {
    grid-row-gap: 50px;
  }

  .home-abt-right {
    padding: 0px;
  }

  .bg-img,
  .site-below-footer-wrap,
  .site-above-footer-wrap iframe {
    height: 250px;
  }

  .foot-top {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .foot-head {
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 15px;
  }

  .gallery-in img {
    opacity: 1;
    transition: none;
    clip-path: unset;
    margin-bottom: 10px !important;
  }

  .fac-head {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
  }

  .foot-email {
    padding-top: 0px;
  }

  .foot-email a {
    font-size: 23px;
    line-height: 23px;
  }

  .privacy-term,
  .history-header {
    padding-bottom: 30px;
  }

  .foot-top-right {
    grid-template-columns: 1fr;
    grid-row-gap: 50px;
  }

  .foot-social {
    padding-top: 5px;
  }

  .foot-right-2 {
    text-align: center;
  }

  .slide-narrow {
    width: 200px;
  }

  .slide-medium {
    width: 240px;
  }

  .foot-right-2 img,
  .slide-wide {
    width: 250px;
  }

  .foot-txt p,
  .wd70,
  .cpt-featured-poster {
    width: 100%;
  }

  .book-main-top:after {
    display: none;
  }

  .book-main-top {
    padding-bottom: 25px;
  }

  .sub-head {
    font-weight: 400;
  }

  .book-bot, .media-in>div:last-child {
           padding: 20px 0 0;
  }

  .book-head {
    font-size: 20px;
    margin-bottom: 7px !important;
  }

  .key-info-main {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .key-head {
    margin-top: 5px;
    font-size: 18px;
    line-height: 25px;
  }

  .key-info .head-sep,
  .club-memb-doc .head-sep {
    height: 25px !important;
  }

  .shortcode-events-grid {
    padding-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

  .shortcode-event-title {
    font-size: 18px;
  }

  .shortcode-event-body {
    padding-top: 12px;
  }

  .single-whats-on .type-whats-on {
    grid-row-gap: 20px;
  }

  .event-share-wrapper {
    padding-bottom: 15px;
  }

  .event-share-wrapper svg {
    width: 22px;
    height: 22px;
  }

  .sub-head {
    font-size: 16px;
  }

  .book-main-top {
    padding-bottom: 20px;
  }

  .memb-sec-bot,
  .what-offer-sec, .gallery-bot-sec {
           padding-top: 0;
  }

  .club-memb-doc-bot,
  .club-doc-in {
    grid-column-gap: 20px;
  }

  .gallery-bot {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .media-head {
    font-size: 18px;
    margin-bottom: 8px !important;
  }

  .media-date {
    padding: 7px 20px;
    font-size: 14px;
  }

}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {

  .ast-container,
  .ast-container-fluid {
    max-width: 1240px;
  }

  .wd-contained {
    max-width: 1200px;
    margin: auto !important;
  }

  h2,
  .entry-content h2,
  h1,
  .entry-content h1 {
    font-size: 40px;
  }
	
	.main-header-menu .menu-link, .main-header-menu>a{
		padding: 0px 15px;
	}
	
	.site-header-focus-item[data-section="sidebar-widgets-header-widget-1"]{
		padding-right:0px!important;
	}
	
	#masthead .ast-container, .site-primary-footer-wrap .ast-builder-grid-row-container-inner{
		padding:0px 20px!important;
	}
	
	.home-ban-in p{
		bottom:34%;
		font-size: 17px;
	}
	
	.home-abt-sec, .memb-sec-bot, .social-member, .gallery-in{
		grid-column-gap:50px;
	}
	
	.foot-top{
		grid-column-gap:70px;
	}
	
	.key-info-main{
		grid-column-gap:20px;
	}
	
	.memb-sec-bot, .gallery-bot-sec{
		padding-top:20px;
	}
}

@media only screen and (max-width:1023px) {
  .history-main-sec .history-timeline::before {
    left: 35px;
  }

  .history-main-sec .history-item {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 85px;
    margin-bottom: 60px;
  }

  .history-main-sec .history-marker {
    top: 0;
    left: 35px;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
  }

  .history-main-sec .history-content-box,
  .history-main-sec .history-image-box {
    width: 100%;
  }

  .history-image-wrap {
    height: inherit !important;
  }

  .history-main-sec .history-image-box {
    padding-bottom: 20px;
  }

  .home-ban-sec2 {
    padding: 0px;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }

  .video-slider {
    height: inherit;
  }

  .home-ban-in p {
          font-size: 20px;
        bottom: 42%;
        line-height: 35px;
  }

  .web-btns a,
  #gform_submit_button_1 {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
  }

  .gallery-bot {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .gallery-head {
    font-size: 18px;
    padding-bottom: 5px;
  }

  .history-content-box, .home-ban-sec-left {
    order: 2;
  }

	.home-video-banner{
		padding:20px!important;
	}
	
		.home-ban-in{
		height:250px;
	}

}