.elementor-2023 .elementor-element.elementor-element-aaa13ff{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2023 .elementor-element.elementor-element-896b8da.elementor-element{--align-self:center;}.elementor-2023 .elementor-element.elementor-element-896b8da{text-align:center;}.elementor-2023 .elementor-element.elementor-element-896b8da .elementor-heading-title{font-family:var( --e-global-typography-f5ea98d-font-family ), Sans-serif;font-size:var( --e-global-typography-f5ea98d-font-size );font-weight:var( --e-global-typography-f5ea98d-font-weight );line-height:var( --e-global-typography-f5ea98d-line-height );}.elementor-2023 .elementor-element.elementor-element-2544f89{--display:grid;--e-con-grid-template-columns:repeat(10, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF33;--border-color:#FFFFFF33;--border-radius:8px 8px 8px 8px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2023 .elementor-element.elementor-element-2544f89:not(.elementor-motion-effects-element-type-background), .elementor-2023 .elementor-element.elementor-element-2544f89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF1A;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2023 .elementor-element.elementor-element-63f6c73 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-db4dee8 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-031dc7c img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-4014e7b img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-c721e76 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-cc6e9c4 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-563912e img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-a9f52dc img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-11327d8 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-fb0e594 img{width:60px;height:60px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-2023 .elementor-element.elementor-element-fd1c4fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2023 .elementor-element.elementor-element-fd1c4fd.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-2023 .elementor-element.elementor-element-2544f89{--width:auto;}}@media(max-width:1366px){.elementor-2023 .elementor-element.elementor-element-896b8da .elementor-heading-title{font-size:var( --e-global-typography-f5ea98d-font-size );line-height:var( --e-global-typography-f5ea98d-line-height );}.elementor-2023 .elementor-element.elementor-element-2544f89{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-2023 .elementor-element.elementor-element-896b8da .elementor-heading-title{font-size:var( --e-global-typography-f5ea98d-font-size );line-height:var( --e-global-typography-f5ea98d-line-height );}.elementor-2023 .elementor-element.elementor-element-2544f89{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2023 .elementor-element.elementor-element-896b8da .elementor-heading-title{font-size:var( --e-global-typography-f5ea98d-font-size );line-height:var( --e-global-typography-f5ea98d-line-height );}.elementor-2023 .elementor-element.elementor-element-2544f89{--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-896b8da */.gradientwhite {
  background: linear-gradient(262.73deg, rgba(255, 255, 255, 0.38) -22.78%, #FFFFFF 77.45%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for non-webkit browsers */
  color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebbbfdf */.myiconimage {
  transition: transform 0.5s ease-in-out;
  transform: scale(1);
}
.myiconimage.active {
  transform: scale(1.2);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6843edc */.movie-filter-bar {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 30px;
}

.movie-filter-bar .filter-dropdown {
  background: #292F35;
  border: none;
  padding: 15px 10px;
  font-family: var(--e-global-typography-e337e2c-font-family), Sans-serif;
  font-size: var(--e-global-typography-e337e2c-font-size);
  font-weight: var(--e-global-typography-e337e2c-font-weight);
  line-height: var(--e-global-typography-e337e2c-line-height);
  color: var(--e-global-color-985a1b9);
  border-radius: 6px;
  min-height: 50px;
  appearance: none;
  background-image: url("http://vistareels.com/wp-content/uploads/2025/07/tabler-icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 24px 24px;
  padding-right: 10px;
}

.movie-filter-bar .clear-filters {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

/* Grid Layout: 5 fixed-width cards per row */
.movies-grid {
  display: grid;
   grid-template-columns: repeat(5, 1fr);

  gap: 23px;
  justify-content: start; /* Keeps cards left-aligned */
}
.movie-card:hover{
    border: 1px solid #FFFFFF;
}
.movie-card:hover .movie-card-overlay {
     bottom: 0%;
}
.movie-card-overlay {
  position: absolute;
  transition:0.4s ease;
  bottom: -150%;
 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);

  width: 100%;
  padding: 20px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
}

.watch-btn {
  
    font-family: var(--e-global-typography-e337e2c-font-family), Sans-serif;
  font-size: var(--e-global-typography-e337e2c-font-size);
  font-weight: var(--e-global-typography-e337e2c-font-weight);
  line-height: var(--e-global-typography-e337e2c-line-height);
  color: var(--e-global-color-985a1b9);
  margin-top: auto;
  background: #F1151D;
  color: white;
  margin-left: 6px;
  padding: 10px 14px;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}
.watch-btn:hover{
    color: white;
}
.movie-filter-bar button{
    padding: none;
    border: none;
    color:white;
     font-family: var(--e-global-typography-e337e2c-font-family), Sans-serif;
  font-size: var(--e-global-typography-e337e2c-font-size);
  font-weight: 500;
  line-height: var(--e-global-typography-e337e2c-line-height);
 
}
.movie-filter-bar button:hover{
    background: none;
}
.movie-filter-bar [type=button], [type=submit], button{
    background: transparent!important;
    border:0;
}

.movie-card {
  height: 356px;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  transition: 0.4s ease;
}
@media(max-width:1366px){
    .movies-grid {
  

  gap: 17px;

}
.movie-card {
  height: 316px;

}
}

@media(max-width:768px){
    .movie-filter-bar {

    flex-wrap: wrap;
}.movies-grid {
  
   grid-template-columns: repeat(2, 1fr);

  gap: 13px;
  justify-content: start; /* Keeps cards left-aligned */
}.movie-card {
  height: 256px;

}
}/* End custom CSS */