body,
  html {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
  }
  /* section{padding: 60px 60px !important;} */
  h2{font-size: 3.5rem;} h2 span{color: var(--tj-color-theme-primary);}
  
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
.instrument-serif-regular {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.instrument-serif-regular-italic {
  font-family: "Instrument Serif", serif;
  font-style: italic;
}





      .content {
        position: relative;
        z-index: 1;
        padding: 100px 0px;
        color: white;
      }




      .big-title {
        font-family: "Gotham-Ultra", Helvetica, sans-serif;
        font-weight: 900;
        font-size: 110px;
        text-transform: uppercase;
        color: #fff;
      text-align: left;
      }




body {
  margin: 0;
  overflow-x: hidden;
}

 .video-scroll {
  position: relative;
  height: 250vh;   /* panels × 100vh */
}

/* Sticky video */
.video-bg {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}

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

/* Content overlay */
.scroll-content {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}



.next-section {
  height: 100vh;
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* DARK OVERLAY */
.video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.60);
  z-index: 1;
}

/* Each scroll section */
.panel {
  height: 25vh;
  display: block;
    color: #fff;
  text-align: left;
  padding-left: 50px;
  width: 60%;
  padding-top: 25%;
}
.panel p{font-size: 20px;}



.p-t100{padding-top: 100px;}
.p-b100{padding-bottom: 100px;}
.mt40{margin-top: 40px;}
.charcoal-blue{background-color: #3E4655;}
.gray-bg{background-color: #F5F8E5;}

.charcoal-blue-text{color: #3E4655;}
.golden-text{color: #D4AF37;}
.white-bg{background-color: #fff;}
.txt-white{color: #fff;}
.mainmenu ul > li > .mega-menu-service li a:hover svg {color: #D71721;}
/* .tj-page-header-content{width: 90%;     margin: auto;} */
.post-details-wrapper h2{padding-bottom: 34px;}

.bg-1{background-color: #F5F8E5;}

.tj-blog-section{background-color: #F5F8E5;}


.btn-ui1 {
    background-color:#e0f465;
}
.txt1{color: #6c7c0c !important;}
.bg1{background-color: #6c7c0c !important;}
.golf-bg{background-image: url('images/golf-bg.jpg'); background-size: cover;}

/* .client-logo img{width: 90% !important;} */

.m-t24{margin-top: 24px;}

.tj-page-header1{padding-top:10% !important; margin-bottom: 50px; padding: 0px;}
.tj-page-header1 .tj-page-title{text-align: center;}
.tj-page-header1 .tj-page-title p{padding-left: 100px;}
.tj-contact-section-2{padding: 60px 0px 60px 0px;}

.mainmenu ul > li > .sub-menu > li > a:hover{color: #6c7c0c  !important;}


@media (max-width: 450px) {

  .big-title{font-size: 40px; font-weight: 700;}
  .video-scroll {
    position: relative;
    height: 100vh;
}
.scroll-content {
    padding-top: 200px;
}
.panel {
    height: inherit;
    margin-bottom: 49px;
    padding-top: 0px;
}
h2 {
    font-size: 2.5rem;
}
.golf-bg, .service-item.style-5{ background-size: cover;}

.tj-page-header{height: 45vh;}
.tj-page-title{text-align: center;
    line-height: 60px;
    font-size: 2.4em;    padding: 0px 0px;}












}



























.flip-card {
  perspective: 1000px;
  min-height: 400px; /* Set a minimum height for the flip card */
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  top: 0; /* Set the top and left properties to ensure */
  left: 0; /* the front and back cards are overlaid on each other */
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  
}
.flip-card-front,
.flip-card-back {
  /* ... existing styles ... */
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: transparent;
  min-height: 400px;
  color: black;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 10px;
  position: relative;
  z-index: 1; /* Ensure the front card stays on top initially */
}

.flip-card-front img {
  object-fit: cover; /* This will ensure the image covers the entire container */
  width: 100%;
  height: 100%;
  min-height: 400px;
  border-radius: 10px;
}
.flip-card-back {
  /* ... existing styles ... */
  transform: rotateY(-180deg);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-text {
  position: absolute;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 5px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.flip-card-back {
  box-sizing: border-box; /* make padding included in the height */
  background-color: #3E4655;
  color: white;

  transform: rotateY(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}

.flip-card-back .content-container h4{color: #fff;}
.flip-card-back .content-container p{font-size: 16px;}
.flip-card-back .content-container {
  padding: 24px;
  height: 100%;
  overflow-y: auto;
  text-align: left;
}