.elementor-4931 .elementor-element.elementor-element-1b2ba30{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:15px;--padding-right:15px;}.elementor-4931 .elementor-element.elementor-element-1b2ba30:not(.elementor-motion-effects-element-type-background), .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gldsys.com/wp-content/uploads/2026/08/Testimonial-bg.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4931 .elementor-element.elementor-element-1b2ba30::before, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .elementor-background-video-container::before, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .e-con-inner > .elementor-background-video-container::before, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .elementor-background-slideshow::before, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B1120BA;--background-overlay:'';}.elementor-4931 .elementor-element.elementor-element-1b2ba30 > .elementor-shape-bottom .elementor-shape-fill, .elementor-4931 .elementor-element.elementor-element-1b2ba30 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-4931 .elementor-element.elementor-element-1b2ba30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4931 .elementor-element.elementor-element-3a24d1f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4931 .elementor-element.elementor-element-3a24d1f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-subtitle.elementskit-style-border::before{background-color:#FFA00000;width:0px;margin:0px 0px 0px 0px;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-subtitle.elementskit-style-border::after{background-color:rgba(35,164,85,0);width:0px;margin:0px 0px 0px 0px;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f{background-color:#0A1C3400;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .ekit-heading__description{max-width:58%;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-title{color:#ffffff;margin:2px 0px 10px 0px;font-family:"Lato", Sans-serif;font-size:60px;font-weight:900;line-height:68px;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-subtitle{color:#FFA000;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:700;margin:0px 0px 10px 0px;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-subtitle.elementskit-style-border::before, .elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-subtitle.elementskit-style-border::after{height:3px;transform:translateY(-6px);-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper p{color:#ffffff;font-family:"Roboto", Sans-serif;font-size:16px;margin:0px 0px 0px 0px;}.elementor-4931 .elementor-element.elementor-element-9bd655c{--display:flex;}@media(min-width:768px){.elementor-4931 .elementor-element.elementor-element-1b2ba30{--content-width:100%;}.elementor-4931 .elementor-element.elementor-element-3a24d1f6{--width:87.543%;}}@media(max-width:1024px){.elementor-4931 .elementor-element.elementor-element-1b2ba30{--padding-top:100px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-title{font-size:38px;}}@media(max-width:767px){.elementor-4931 .elementor-element.elementor-element-4ab81f3f .ekit-heading__description{max-width:100%;}.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;line-height:40px;}}/* Start custom CSS for elementskit-heading, class: .elementor-element-4ab81f3f */.elementor-4931 .elementor-element.elementor-element-4ab81f3f .elementskit-section-subtitle {
    background: linear-gradient(
        90deg,
        #835f18 0%,    /* Dark bronze/gold shadow at the far left */
        #cfab43 18%,   /* Warm mid-gold transition */
        #ebd076 38%,   /* Soft, bright gold building up to the reflection */
        #fffdf0 48%,   /* Ultra-bright white-gold highlight (center reflection) */
        #fffdf0 52%,   /* Peak reflection hold */
        #cfab43 62%,   /* Drops back down to mid-gold */
        #997523 70%,   /* Deep lowlight band (the darker vertical strip on the right) */
        #ebd076 85%,   /* Second, softer gold reflection */
        #835f18 100%   /* Deep shadow ending on the far right edge */
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c1d752 *//* --- Scoped Gallery Container --- */
.gallery-section {
  width: 100%; /* Spans full width of screen without squeezing other sections */
  padding: 4rem 1.5rem;
  background-color: #f8fafc;
  box-sizing: border-box;

  /* Scoped CSS Variables */
  --navy-dark: #0f1c2e;
  --text-dark: #2b323d;
  --text-muted: #5e6672;
  --gold-primary: #ca9f3e;
  --gold-gradient: linear-gradient(180deg, #d8b24d 0%, #a68128 100%);
  --gold-border: rgba(202, 159, 62, 0.7);
  --radius-card: 22px;
}

/* Inner Centered Grid Container */
.gallery-section .gallery-inner {
  max-width: 1240px;
  margin: 0 auto;
}

/* --- Header Styling --- */
.gallery-section .gallery-header {
  margin-bottom: 2rem;
}

.gallery-section .subtitle-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.5rem;
}

.gallery-section .gold-line {
  width: 28px;
  height: 3px;
  background-color: var(--gold-primary);
  border-radius: 2px;
}

.gallery-section .subtitle {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--navy-dark);
  letter-spacing: 0.3px;
}

.gallery-section .title {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--navy-dark);
  margin-bottom: 0.5rem;
}

.gallery-section .description {
  color: var(--text-muted);
  font-size: 1rem;
}

/* --- Filter Bar --- */
.gallery-section .filter-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.gallery-section .filter-btn {
  padding: 10px 22px;
  border-radius: 50px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: var(--text-dark);
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.25s ease;
}

.gallery-section .filter-btn:hover {
  border-color: var(--gold-primary);
  color: var(--gold-primary);
}

.gallery-section .filter-btn.active {
  background: var(--navy-dark);
  color: #ffffff;
  border-color: var(--navy-dark);
}

/* --- Video Grid (3 Columns) --- */
.gallery-section .video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  margin-bottom: 4rem;
}

/* --- Card Architecture --- */
.gallery-section .video-card {
  background: #ffffff;
  border-radius: calc(var(--radius-card) + 4px);
  border: 1px solid #e1e8f0;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 24px rgba(15, 28, 46, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
}

.gallery-section .video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(15, 28, 46, 0.08);
}

/* --- Frame & Image Layering --- */
.gallery-section .video-frame {
  position: relative;
  width: 100%;
  padding: 5px; /* Creates inner gap for double border effect */
  border-radius: var(--radius-card);
  border: 1.5px solid var(--gold-border);
  background: transparent;
  box-sizing: border-box;
}

.gallery-section .video-thumbnail {
  position: relative;
  width: 100%;
  height: 220px; /* Fixed height forces image to fill completely */
  border-radius: calc(var(--radius-card) - 4px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery-section .thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image completely fills the space without gaps */
  display: block;
}

.gallery-section .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(15, 28, 46, 0.4) 100%);
  z-index: 1;
}

/* --- Play Icon --- */
.gallery-section .play-btn {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(202, 159, 62, 0.85);
  border: 8px solid rgba(202, 159, 62, 0.35);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
  backdrop-filter: blur(2px);
}

.gallery-section .play-icon {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #ffffff;
  margin-left: 3px;
}

.gallery-section .play-btn:hover {
  transform: scale(1.08);
  background-color: rgba(202, 159, 62, 1);
}

/* --- Card Details & CTA --- */
.gallery-section .card-body {
  padding-top: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.gallery-section .card-tag {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--gold-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.35rem;
}

.gallery-section .card-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--navy-dark);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.gallery-section .card-text {
  font-size: 0.92rem;
  color: var(--text-muted);
  line-height: 1.5;
  margin-bottom: 1.5rem;
  flex-grow: 1;
}

.gallery-section .btn-gold {
  display: inline-block;
  align-self: flex-start;
  padding: 10px 24px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff !important; /* Force readable white text */
  text-decoration: none;
  background: var(--gold-gradient);
  border-radius: 50px;
  box-shadow: 0 6px 14px rgba(184, 142, 47, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  transition: all 0.3s ease;
}

.gallery-section .btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(184, 142, 47, 0.45);
}

/* --- Pagination --- */
.gallery-section .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.gallery-section .page-btn, 
.gallery-section .page-num {
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: var(--text-dark);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.gallery-section .page-num.active {
  background: var(--navy-dark);
  color: #ffffff;
  border-color: var(--navy-dark);
}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
  .gallery-section .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .gallery-section .video-grid {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */