.senFont {
  font-family: "Sen", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}
.swiper-pagination-bullet {
  display: none !important;
}
.cstm-text-justify {
  text-align: justify;
}
/* .cstm-icon-size {
  width: 110px;
  height: 110px;
} */
.wptb-icon-box5 {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  align-items: baseline;
}
/* .supportersMainDiv {
  border-right: 1px solid #3c3c3c;
  } */
/*  */
.supportersMainDiv {
  position: relative;
}

.supportersMainDiv::before {
  content: "";
  position: absolute;
  top: 23%;
  right: 0;
  height: 60%;
  width: 1px;
  background-color: #3c3c3c;
}

.supportersMainDiv:last-child::before {
  display: none; /* Remove the border for the last element */
}

/*  */

.supportImgDiv {
  width: 300px;
  text-align: center;
}
.cstm-padding-section {
  padding: 60px 0;
}

/* parallax */
/* .parallax-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;

}

.parallax-image {
  width: 100%;
  height: auto;
  transition: transform 0.1s ease-out;
} */
/* end parallax */

/* 3d prallax */
.parallax-container {
  position: relative;
  overflow: hidden;
  perspective: 1000px; /* Needed for 3D effect */
  width: 100%;
  height: auto; /* Adjust based on your image size */
}

.parallax-image {
  width: 80%;
  /* width: 100%;
  height: auto; */
  transition: transform 0.1s ease-out; /* Smooth transition for rotation */
  transform-style: preserve-3d; /* Enables 3D transform */
}

/* end 3d prallax */

.threed-services-container {
  background: black;
  border-radius: 15px;
}
.threed-services-text {
  padding: 25px 10px;
  text-align: center;
}

/*  */
.educational-3D-theatre {
  position: relative;
  overflow: hidden;
}

.educational-3D-theatre::before,
.educational-3D-theatre::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px; /* Adjust width for blur size */
  z-index: 10;
  pointer-events: none; /* Prevent interaction issues */
}

/* Left blur with #151515 color */
.educational-3D-theatre::before {
  left: 0;
  background: linear-gradient(to right, rgba(21, 21, 21, 1), rgba(21, 21, 21, 0)); /* #151515 to transparent */
}

/* Right blur with #151515 color */
.educational-3D-theatre::after {
  right: 0;
  background: linear-gradient(to left, rgba(21, 21, 21, 1), rgba(21, 21, 21, 0)); /* #151515 to transparent */
}

/* Styling for the content */
.threed-services-container {
  background: black;
  border-radius: 15px;
}

.threed-services-text {
  padding: 25px 10px;
  text-align: center;
}

/*  */

.eduTheatre {
  width: 80%;
  text-align: center;
}
.wolfAwardImgDiv {
  border: 1px solid #3c3c3c;
  height: 100%;
}
.wolfAwardImgDiv img {
  padding: 20px;
  filter: grayscale(100);
}
.wolfAwardImgDiv img:hover {
  filter: grayscale(0);
}
.cstm-remove-padding {
  padding: 0;
}
.cstm-side-gap-wolfAir {
  gap: 10px;
}
.wolfAwardImgDivAwards {
  padding: 0 !important;
}
.overlayInnerPageBanner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.cstm-inner-banner {
  height: 100vh !important;
  background-position: bottom !important;
  /* heading style reset */
  display: flex;
  justify-content: center;
  text-align: center;
  /* end heading style reset */
}
.creativeCafeCardP {
  font-weight: 900;
}
.creativepageCard {
  min-height: 255px !important;
  padding: 0 50px !important;
}
.hardwareIconColDivCstmPadding {
  padding: 0;
}
/* .hardwareIconDiv {
  border: 1px solid #3c3c3c;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
} */

/*  */
.hardwareIconDiv {
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 1px solid #3c3c3c;
  /* position: relative; */
}
.noBorder {
  border: none !important;
}
.cstmBorder {
  position: relative;
}
.cstmBorder::after {
  content: "";
  position: absolute;
  top: 20%; /* Adjust the offset from the top */
  right: 0; /* Align the border to the right */
  height: 55%; /* Adjust the border height */
  width: 1px; /* Border width */
  background-color: #3c3c3c; /* Border color */
}

.cstmBorder:last-child::after {
  display: none; /* Ensure the last element has no border */
}

/*  */

/* .lectureVideoImgDiv {
  width: 80%;
} */
.bgLectureVideoSuite {
  background-position: center !important;
  background-size: cover !important;
  /* background-attachment: fixed !important; */
}
.oneTouchRowDiv {
  background: #1e1e1e;
}
.oneLectureBoxText p {
  font-size: 1.3rem;
  font-weight: bold;
  color: white;
}
.threedContentImgDiv {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.subHeading {
  font-size: 1.5rem;
}
.theaterSizeContainer {
  background: var(--color-dark-four);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
.aboutusSection {
  padding: 60px 0;
}
.btnHomeTheater {
  min-width: 100% !important;
}

/* gallery styles */
.gallery-item {
  margin-bottom: 15px;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), filter 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Use cubic-bezier for smoother animation */
  transform-origin: center center; /* Ensure scaling is centered */
}

/* Hover Effect: Scale and slightly enhance brightness */
.gallery-item:hover img {
  transform: scale(1.05); /* Slightly reduced scaling to make it smoother */
  filter: brightness(1.05); /* Subtle brightness increase */
}

/* Masonry layout */
.masonry {
  column-count: 4;
  column-gap: 15px;
}

@media (max-width: 1200px) {
  .masonry {
    column-count: 3;
  }
}

@media (max-width: 768px) {
  .masonry {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .masonry {
    column-count: 1;
  }
}
.gallerySection {
  padding: 60px 0;
}

/* end gallery styles */

.cstmFontSizeTheaterInnerPage {
  font-size: 25px !important;
  font-weight: 700 !important;
}
.fourCardText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fourCardText:hover {
  -webkit-line-clamp: unset;
  overflow: visible;
  white-space: normal; /* Allows text to wrap to full length */
}
.cstm-color-blue:hover {
  color: #0092d1 !important;
}
.cstm-color-blue {
  font-size: 24px !important;
}
/* .swiper-button-next {
  width: 20px !important;
  background-color: white;
} */
.optionSpan {
  color: #f3d064;
  font-weight: bold;
}

/* style for removing the up and down arrow in the contact form */
/* Remove arrows in Chrome, Edge, and Safari */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove arrows in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/* end style for removing the up and down arrow in the contact form */

.wptb-slider .wptb-bottom-pane {
  z-index: 10;
  /* bottom: 20%; */
}
.cstm-swiper-btn-left::after,
.cstm-swiper-btn-right::after {
  color: white;
  font-size: unset;
  font-size: 30px !important;
}
.cstm-swiper-btn-left,
.cstm-swiper-btn-right {
  /* top: 36%; */
  z-index: 30;
  /* height: 20px; */
}
.eduTheatre {
  background: white;
  padding: 25px;
}
.cstm-inner-banner h2 {
  /* width: 50%; */
  color: #f6f6de !important;
}
.iconMobileMenu::before {
  color: var(--color-one) !important;
}
.boderColorHover {
  transition: border-color 0.3s ease;
}
.boderColorHover:hover {
  border: 1px solid var(--color-one);
}
.oneTouchPagePointA {
  font-size: 1.4rem;
}
.footerAllRights {
  font-size: 12px;
}

.rc-anchor-normal-footer {
  background: linear-gradient(180deg, #151515 0%, #212121 100%) !important;
}