@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Black.woff2') format('woff2'),
        url('../font/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Bold.woff2') format('woff2'),
        url('../font/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-BoldItalic.woff2') format('woff2'),
        url('../font/Poppins-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-BlackItalic.woff2') format('woff2'),
        url('../font/Poppins-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-ExtraLightItalic.woff2') format('woff2'),
        url('../font/Poppins-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-ExtraBold.woff2') format('woff2'),
        url('../font/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Italic.woff2') format('woff2'),
        url('../font/Poppins-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-ExtraLight.woff2') format('woff2'),
        url('../font/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/Poppins-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-LightItalic.woff2') format('woff2'),
        url('../font/Poppins-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Medium.woff2') format('woff2'),
        url('../font/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-MediumItalic.woff2') format('woff2'),
        url('../font/Poppins-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Light.woff2') format('woff2'),
        url('../font/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-SemiBold.woff2') format('woff2'),
        url('../font/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../font/Poppins-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-ThinItalic.woff2') format('woff2'),
        url('../font/Poppins-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../font/Poppins-Thin.woff2') format('woff2'),
        url('../font/Poppins-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



/*-- Font End --*/

/*-- Basic Style Start --*/
* {
margin: 0;
padding: 0;
}
body {font-family: 'Poppins';font-size: 16px;background:#000; font-size: 13px;}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #3c4253;
font-weight: 600;
}
p {
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 0;
    font-size: 13px;
    color: #fff;
    font-family: 'Poppins';
    line-height: 1.5em;
    font-weight: 200;
    letter-spacing: 1px;
}
a {/* -webkit-transition-duration: 500ms;
transition-duration: 500ms; */text-decoration: none;outline: none;font-size: 13px;}
a:hover,
a:focus {/* -webkit-transition-duration: 500ms;
transition-duration: 500ms; */text-decoration: none;outline: none;font-size: 13px;}
ul,
ol {
margin: 0;
}
ul li,
ol li {
list-style: none;
}
img {
height: auto;
max-width: 100%;
}
.subhding{
    font-family: 'Poppins';
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6{
font-family: 'Poppins';
}
.h2, h2 {
    font-size: 26px;
}
.h3, h3 {
    font-size: 24px;
}
.fonts{
    font-family: 'Poppins';
    font-weight: bold;
}
.dg-top-pd{
  padding-top:100px;
}
.dg-bottom-pd{
  padding-bottom:100px;
}
.dg-both{
  padding: 100px 0px;
}
.button {
  min-width: 170px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
}
.form-control,
.form-control:focus{
        box-shadow: none;
    border-radius: 0px !important;
}
.button-2 {
  color: #880215;
  border: 3px solid #880215;
  background-image: -webkit-linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-image: linear-gradient(30deg, #f4c22f 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-2:hover {
  background-position: 100%;
  color: #890215;
}

/*-- Basic Style End --*/

/*-- Header Top Start --*/
header.header-area{
    /* overflow: hidden; */
}
.top-header-area {
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}
.top-header-area a {
    color: #000000;
}
.top-header-area a i{
    color: rgb(255, 215, 0);
}
.email-address {
    display: flex;
    align-items: center;
}

.email-address p {
    margin: 0px;
    font-size: 16px;
    padding: 0px 10px;
    margin: 0px 10px;
    color: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.email-address p i {
    color: rgb(255, 215, 0);
}
.email-address a.hdrtopbtnbox {
    background: #2b2a29;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    text-shadow: none;
    border: none !important;
    margin: 0px;
}
.top-rt {
    display: flex;
    align-items: center;
    justify-content: left;
}

.topbar-btn {
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.topbar-btn .tbtn-item a {
    display: block;
    background: #fcd900;
    color: #4a010b;
    font-weight: 600;
    padding: 15px 25px;
    margin-left: 1px;
    text-transform: uppercase;
}
.social-icons a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #fff;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.email-address a {
    margin-right: 10px;
}
.main-header-area {
    box-shadow: none;
}
.sticky{
   position: fixed;
   top: 0;
   width: 100%;
   left: 0px;
   z-index: 9999;
   background: #000;
   f
   width: 100%;
   transition: all 0.3s ease-in-out;
   animation: smoothScroll 1s forwards;
   box-shadow: none;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.sticky + .content {
  padding-top: 102px;
}
.social-icons a svg {
    height: 20px;
    color: #fff;
    fill: #fff;
}
.dark.classy-nav-container a.logo1hdr {
    max-width: 100px;
}
.dark.classy-nav-container a.mainitemmenu.active-menu {
    color: #fff;
}

.homepage-template .classy-nav-container {
    background: transparent;
}
.homepage-template .classy-nav-container.sticky{
        background: transparent;
}
.homepage-template .classy-navbar {
    border-bottom: none;
}
.homepage-template .classy-nav-container.sticky .classy-navbar{
        border-bottom: none;
}
/*-- Header Top End --*/

/*-- Banner Section Start --*/
.videosecbanner video{
    width:100%;
    height: auto;
}
.sec-banner {
    position: relative;
    margin-top: -130px;
    z-index: -1;
}

.sec-banner-text {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.sec-banner-inner h1,
.sec-banner-inner h3 {
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
}

.sec-banner-inner p {
    color: #fff;
    margin: 0px;
    text-align: center;
}

.btnstyle {
    display: inline-block;
    padding: 10px 15px;
    margin-top: 20px;
    background: #c5c4c4;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
}
.btnstyle:hover{
    color: #000000;
}
.sec-banner:after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(178deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 30%, rgba(0, 0, 0, 1) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.sec-1 hr {
    background: #fff;
    margin-top: 80px;
    opacity: 0.1;
}
.videosecbanner .positonfilxbox {
    min-height: auto;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 0;
}

section {
    background-color: #000;
    position: relative;
}
.notfixedbox{
    opacity: 0 !important;
    height: 100vh !important;
}
/*-- Banner Section End --*/

/*-- Section 2 Start --*/
.titlebox h2 {
    text-align: center;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
}
.movie-items .movie-card {
    position: relative;
    color: #fff;
    text-align: center;
  }
.movie-items .movie-card img {
    width: 100%;
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
  }
  .movie-items .movie-card:hover img{
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .playbtnani,
.movie-items .play-btn {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f21313;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f4f4f4;
    border-radius: 100%;
    background: #0d0d0d00;
    padding: 3px 0px 0px 5px;
  }
  .playbtnani:after,
  .playbtnani:before,
  .movie-items .play-btn:after,
  .movie-items .play-btn:before{
        content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    -webkit-animation: button-ripple 3s infinite;
    animation: button-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
  }
@keyframes button-ripple {
  70% {
    -webkit-box-shadow: 0 0 0 25px currentColor;
    box-shadow: 0 0 0 25px currentColor;
    opacity: 0;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}


  .movie-items .play-btn:before{
    color: #f4f4f4;
  }
  .movie-items .play-btn:before{
    color: #f4f4f4;
  }
.movie-items .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
.movie-items .popup video {
    width: 70%;
    max-height: 80%;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
.movie-items .close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    font-weight: 300;
  }
.slideitemcontentmov {
    position: absolute;
    bottom: 0;
    padding: 26px 15px;
}

.slideitemcontentmov h3 {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
}

.slideitemcontentmov p {
    margin: 0px;
    color: #fff;
    font-size: 13px;
    font-weight: 200;
}
.movie-items {
    position: relative;
}
.slidearrow .owl-nav button,
.movie-items .owl-nav button{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);height: 40px;width: 40px;border: none;font-size: 33px;line-height: 13px;color: #000000;}
.slidearrow .owl-nav button.owl-prev,
.movie-items .owl-nav button.owl-prev {
    left: 20px;
}
.slidearrow .owl-nav button.owl-next,
.movie-items .owl-nav button.owl-next{
    right: -20px;
    left: auto;
}
.textleft h2, .textleft h1, .textleft h3, .textleft h4, .textleft h5, .textleft h6, .textleft p, .textleft a{
    text-align: left;
}
.justifytext p{
    text-align: justify;
}
.popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.85);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.popup.open { display: flex; }

.video-container {
  width: 90%;
  max-width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  text-align: center;
}
.popup iframe {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 0;
  max-width: 700px;
}
.close-btn {
  position: absolute;
  top: 22px;
  right: 28px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  z-index: 10001;
  user-select: none;
}
.play-btn { cursor: pointer; }
.movie-card { position: relative; }
.movie-card img { width: 100%; display:block; }
.play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 36px; color: #fff; opacity: .95; }

/*-- Section 2 End --*/

/*-- Section 3 Start --*/
.sec-4{
    position: relative;
}
.sec-4 .sec4banner:after{
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(270deg, #0D0D0D00 5%, #0D0D0B 85%);
    display: block;
    width: 100%;
    height: 100%;
}
.sec4banner {
    position: relative;
    z-index: 0;
}

.contentsec4 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 700px;
}

.sec4-text h2 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
}
.contentsec4 .playbtnani {
    position: static;
}
.contentsec4 .playbtnani {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
}

.contentsec4 .btnplaycl {
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.contentsec4 .btnplaycl span {
    margin-left: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}
.popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.popup.active { display: flex; }
.popup video {max-width: 90%;border-radius: 10px;width: 70%;max-height: 80%;}
.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
  font-weight: 300;
}
.crm-global-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.crm-global-popup.open { display: flex; }
.crm-global-popup .popup-inner {width: 100%;text-align: center;padding: 10px;}
.crm-global-popup iframe {
  width: 100%;
  height: 600px;
  border: none;
  max-width: 1100px;
}
.crm-global-popup .crm-close {
  position: absolute;
  top: -40px;
  right: -10px;
  background: transparent;
  color: #fff;
  font-size: 40px;
  border: none;
  cursor: pointer;
}
/*-- Section 3 End --*/

/*-- Section 4 Start --*/
.sec-5{
    background-image: url(../img/project-background-img.jpg);
        background-size: cover;
}
.video-popup {
  display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.video-popup video {
    width: 70%;
    max-height: 80%;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.close-btn {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
  font-weight: 300;
}
.play-icon {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px;
  color: #fff;
  pointer-events: none;
}
.vidprobox5 {
  position: relative;
  cursor: pointer;
}
.secitemvidpro .playbtnani{
        top: 50%;
}
.vidprobox5 img {
    height: auto;
    width: 100%;
    object-fit: cover;
}
.secitemvidpro {
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #2f2f2f;
}
/*-- Section 4 End --*/

/*-- Section 5 Start --*/
.blogitem-img img {
    height: 250px;
    object-fit: cover;
}
.blog-itemcontent .date {
    color: #da0000;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-itemcontent {
    margin-top: 20px;
    min-height: 110px;
}

.blog-itemcontent h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 300;
}
.upcpro{
    text-align: left;
    position: absolute;
    width: 100%;
    padding: 10px  20px;
    bottom: 0;
    left: 0;
}
.upcpro a.btnstyle {
    margin: 0px;
}
.crm-global-popup{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);align-items:center;justify-content:center;width: 100%;flex-wrap: wrap;}
.crm-global-popup.open{ display:flex; }
.crm-global-popup .popup-inner{}
.crm-global-popup video{height:auto;background:#000;display:block;width: 70%;max-height: 80%;border-radius: 10px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.crm-global-popup .crm-close{height: auto;position: absolute;top: 30px;right: 40px;font-size: 40px;color: #fff;cursor: pointer;z-index: 10000;font-weight: 300;background: transparent;border: none;line-height: normal;outline: none !important;box-shadow: none;}
#propfosec .video-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#propfosec .video-popup-content {
  position: relative;
  max-width: 900px;
  width: 100%;
}

#propfosec .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
}

#propfosec .video-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

#propfosec .close-btn {
  position: absolute;
  top: -30px;
  right: -10px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
.video-popup-content.popup-inner {
    width: 100%;
    text-align: center;
}

.video-container.video-wrapper {
    text-align: center;
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-container.video-wrapper iframe {
    width: 100%;
    height: 500px;
    border: none;
    max-width: 800px;
}
/*-- Section 5 End --*/

/*-- Footer Section Start --*/
.ftsec{
    background-image: url(../img/footer-bg-2.jpg);
    position: relative;
    background-size: cover;
    background-position: top center;
    padding: 40px 0px 30px;
}
.ft-logo .nav-brand img {
    max-width: 240px;
}
.ft-logo {
    text-align: center;
}

.ft-logo .nav-brand img {
    max-width: 240px;
}

.ft-nav ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.ft-nav ul li a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
}

.ft-nav {
    margin-top: 30px;
}
.ftsec:before{
        content: "";
        height: 100%;
        width: 100%;
        display: block;
        background: linear-gradient(178deg, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 10%, rgba(0, 0, 0, 0) 210%);
        position: absolute;
        left: 0;
        z-index: 0;
        top: -1px;
        opacity: 0.9;
}
.ftsec .container {
    position: relative;
    z-index: 1;
}
.elementor-social-icons-wrapper svg {
    height: 20px;
    fill: #fff;
    color: #fff;
}

.elementor-social-icons-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}
.copyright {
    text-align: center;
    color: #fff;
    margin-top: 210px;
    font-size: 14px;
}

.copyright a {
    color: #fff;
    font-size: 14px;
}
/*-- Footer Section End --*/

/*-- Leoding Screen Start --*/
  /* Preloader wrapper */
    #preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    /* Logo animation */
    #preloader img {
      opacity: 0;
      transform: translateX(-100px);
      animation: slideFade 1.5s forwards;
      width: 100%;
      max-width: 600px;
    }

    @keyframes slideFade {
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* Hide preloader when done */
    .hide-preloader {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.6s ease, visibility 0.6s ease;
    }
/*-- Leoding Screen end --*/

.founderimgbox .fimg {
    line-height: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.founderimgbox .fimg .hoverim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.founderimgbox:hover .fimg .hoverim {
opacity: 1;
    transition: all 0.3s ease-in-out;
}

.founderimgbox .fimg img {
    width: 100%;
}

.founderimgbox h4 {
    text-align: center;
    color: #fff;
    font-weight: 200;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 20px;
}
.founderimgbox p {
    text-align: center;
}



/*-- Contact Us Page Start --*/
.innerbanner-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 80%;
}

.innerbanner-heading h1 {
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    text-transform: uppercase;
    margin: 0px;
    text-align: center;
}
.info-item-img {
    text-align: center;
    margin-bottom: 20px;
}

.info-item-img img {
    max-width: 60px;
}

.info-item-text {
    text-align: center;
}

.info-item-text h3 {
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
}

.info-item-text a {
    color: #fff;
    font-size: 13px;
}
.formbox .form-control {
    background: transparent;
    border: 1px solid #fff;
    padding: 25px;
    margin-bottom: 16px;
    border-radius: 0px;
    color: #fff;
}
.formbox textarea.form-control:focus,
.formbox .form-control:focus{
    outline: none;
    box-shadow: none;
}
.formbox textarea.form-control {
    height: 200px;
}
.formhdg p {
    text-align: center;
    margin: 0px;
    font-size: 18px;
}

.formhdg {
    margin-bottom: 30px;
}
/*-- Contact Us Page End --*/

/*-- News Section Start --*/
.newspagesec .blogitem {
    margin-bottom: 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.newspagesec .row .col-lg-12:last-child .blogitem{
    margin-bottom: 0px;
}
/*-- News Section End --*/

/*-- Blog Section Start --*/
.news-ddate {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.news-dcontenttext h2, .news-dcontenttext h3, .news-dcontenttext h4 {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 300;
}
.news-dcontenttext ul li {
    color: #fff;
    list-style: circle;
    margin-top: 9px;
}

.news-dcontenttext ul {
    padding-left: 15px;
    margin-bottom: 10px;
}
.news-dimage img {
    width: 100%;
}
.rpost-item a{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    border: 1px solid #303030;
}

.rpost-item .rpost-item-img {
    width: 40%;
}

.rpost-titlebox {
    width: 60%;
    padding: 13px;
    color: #fff;
}

.rpost-titlebox a {
    color: #fff;
}
.rpost-titlebox span {
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.commentbox  h3 {
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px;
}

.commentbox {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #303030;
}
.newspagesec .blogitem .blogitem-img {
    width: 60%;
}

.newspagesec .blogitem .blog-itemcontent {
    width: 40%;
    margin: 0px;
    padding: 50px;
    padding-right: 0px;
}

.newspagesec .blogitem .blog-itemcontent h3 {
    font-size: 32px;
}

.newspagesec .blogitem .blogitem-img img {
    height: 500px;
}

.revercebloglayout .blogitem {
    flex-direction: row-reverse;
}
.revercebloglayout .blogitem .blog-itemcontent {
    padding-left: 0px;
    padding-right: 50px;
}
/*-- Blog Section End --*/

/*-- Movie Section Start --*/
.movietra iframe{
    width: 100%;
    height: auto;
}
.movietra {
    border: 1px solid #303030;
    overflow: hidden;
    line-height: 0px;
}
.posterbox img {
    width: 100%;
}
.movieinfo-cast h3 {
    color: #fff;
    font-weight: 300;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #303030;
}

.castteam h3 {
    color: #fff;
    font-weight: 300;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #303030;
}

.castteam {
    margin-top: 30px;
    margin-bottom: 30px;
}
.castteam ul li,
.movieinfo-cast ul li {
    list-style: circle;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
}
.castteam ul,
.movieinfo-cast ul {
    padding-left: 15px;
}

.movieinfo-cast ul li strong {
    font-weight: 500;
}
/*-- Movie Section End --*/

/*-- Upcomming project start --*/
.projectvid {
    line-height: 0px;
    border: 1px solid #303030;
    margin-top: 0;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.diractby{
    color: #fff;
    margin-top: 20px;
        font-size: 18px;
}
.card-item-text h3 {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
}

.card-item-text span {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 15px;
    display: inline-block;
}

.card-item-text {
    margin-top: 20px;
}

.card-item {
    position: relative;
}

.cardhovertext {
    position: absolute;
    top: 20px;
    left: 0;
    width: 80%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.cardhovertext h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

.cardhovertext .datum {
    color: #fff;
}

.cardhovertext .overlay-data-group {
    margin-bottom: 5px;
}
.card-item-img {
    overflow: hidden;
    position: relative;
}

.card-item-img:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background: #000000;
    bottom: -100%;
    left: 0;
    position: absolute;
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
}
.card-item:hover .card-item-img:after{
    bottom: 0%;
    transition: all 0.3s ease-in-out;
}
.card-item:hover .cardhovertext{
    left: 20px;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}
.card-item-img img{
     transition: all 0.3s ease-in-out;
}
.card-item:hover .card-item-img img{
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.mb-100 {
    margin-bottom: 100px !important;
    padding-left: 50px;
    padding-right: 50px;
  }
.card-item a {
    display: inline-block;
    width: 100%;
}
.shortingbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sort-bar button {
    background: transparent;
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.sort-bar {
    display: flex;
    align-items: center;
    gap: 30px;
}

.sort-bar button.active {border-bottom: 1px solid #fff;}
.sort-bar span {
    color: #fff;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
}
.innersec-4{
    position: relative;
}
.innersec-4  .titlebox {
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 9;
}
.innerupcpro .credits .grid.top-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.cardinputbox .cellrow {
    color: #fff;
}

.cardinputbox .overlay-data-group.credit {
    margin-bottom: 20px;
}

.cardinputbox .overlay-data-group.credit h4 {
    color: #fff;
    margin-top: 30px;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.cardinputbox .overlay-data-group.credit .datum {
    font-size: 32px;
}
hr.innerspacehr {
    margin: 70px 0px;
    background: #fff;
}
.sumrrypost img {
    max-width: 100%;
    width: 100%;
}

.sumrrypost {
    margin-top: 30px;
}
.sharing-options svg {
    color: #fff;
    fill: #fff;
    height: 20px;
    width: 20px;
}
ul.sharing-options {
    gap: 15px;
    display: flex;
    align-items: center;
    padding: 0px;
    margin-top: 30px;
}

ul.sharing-options h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0px;
}
.newlettersecbox button {
    width: 100%;
}
.blogitem-img iframe {
       width: 100%;
    border: 1px solid #494949;
}
/*-- Upcomming project end --*/

.form-control::placeholder {
    color: #ffffff !important;
    opacity: 1; /* For Firefox */
}
.moviesec-upcom .titlebox {
    padding-left: 35px;
    padding-right: 35px;
}
.cardinputbox {
    padding-left: 35px;
    padding-right: 35px;
}

.movie-hero {
  position: relative;
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.6s ease-in-out;
  margin-top: -80px;
}

.movie-hero .overlay {
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 20%);
}

/* LEFT LIST */
.movie-list {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translate(0%, -40%);
  -ms-transform: translate(0%, -40%);
  transform: translate(0%, -40%);
  max-width: 500px;
  overflow-y: scroll;
  padding-right: 20px;
}

.movie-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.movie-list li a{
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 18px;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
  letter-spacing: -1px;
}

.movie-list li:hover {
  color: #bfbfbf;
  opacity: 0.5;
}

/* Scrollbar Track */
.myScrollDiv::-webkit-scrollbar {
  width: 2px;              /* Scrollbar width */
}

/* Background Track */
.myScrollDiv::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Scrollbar Thumb */
.myScrollDiv::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Scrollbar Thumb on Hover */
.myScrollDiv::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.movie-list li span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
}
.movie-hero-mobile{
    display: none;
}
.founderimgbox strong {
    text-align: center;
    color: #fff;
    display: block;
    font-weight: 400;
}
.contentsec4 .btnplaycl.newbtndeign .playbtnani:after,
.contentsec4 .btnplaycl.newbtndeign .playbtnani:before{
    display: none !important;
}
.contentsec4 .btnplaycl.newbtndeign .playbtnani{border:none !important;font-size: 70px;color: #fff;}
.contentsec4 .btnplaycl.newbtndeign .playbtnani {
    height: auto;
    width: auto;
    padding: 0px;
}
.rpost-item .rpost-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imageboxlgo {
    padding: 40px;
}
.newlettersecbox .form-control {
    border: none;
    border-bottom: 1px solid #eee !important;
}

.newlettersecbox button {
    width: 100%;
    max-width: 150px;
}
.newlettersecbox p.text-center.mt-3,
.newlettersecbox  .col-md-12.text-center {
    text-align: right !important;
}
video.vjs-tech.inlinevideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.videopopslidersec .column {
  width: 100%;
  height: 300px; /* apni required height set karein */
  overflow: hidden;
  position: relative;
  display: block;
}

/* The Modal (background) */
.videopopslidersec .modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  padding: 15px;
}

/* Modal Content */
.videopopslidersec .modal-content {
  position: absolute;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1200px;
  background: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* The Close Button */
.videopopslidersec .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 20px;
  font-weight: bold;
}

.videopopslidersec .close:hover,
.videopopslidersec .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.videopopslidersec .mySlides {
  display: none;
  text-align: center;
  background: transparent;
}

.videopopslidersec .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.videopopslidersec .prev,
.videopopslidersec .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 1px solid #595454;
  font-size: 23px;
}

/* Position the "next button" to the right */
.videopopslidersec .next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.videopopslidersec .prev:hover,
.videopopslidersec .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.videopopslidersec .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.videopopslidersec img {
  margin-bottom: -4px;
}

.videopopslidersec .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.videopopslidersec .demo {
  opacity: 0.6;
}

.videopopslidersec .active,
.videopopslidersec .demo:hover {
  opacity: 1;
}

.videopopslidersec img.hover-shadow {
  transition: 0.3s;
}

.videopopslidersec .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.videopopslidersec .videoinforbox {
    position: absolute;
    z-index: 9;
    bottom: 0;
    color: #fff;
    padding: 30px;
}

.videopopslidersec .videoinforbox span {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.videopopslidersec .videoinforbox label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
}
section.videopopslidersec{
    position: static;
}
.mySlides .video-custom {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    height: 50vh;
    border: 1px solid #303030;
    line-height: 0px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.videopopslidersec .mySlides .videoinforbox {
    position: static;
    float: left;
}
/* Thumbnails strip parent */
.thumbnailrow {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 10px;
  padding-bottom: 10px;
  scroll-behavior: smooth;
}

/* Hide scrollbar */
.thumbnailrow::-webkit-scrollbar {
  display: none;
}

/* Each thumbnail */
.thumbnailrow .column {
  flex: 0 0 25%; /* Thumbnail width */
  height: auto;
  padding: 10px;
}

.thumbnailrow .column img {
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.thumbnailrow .column img.active {
  border: 3px solid #fff;
  opacity: 0.7;
}
p#caption {
    display: none;
}
/* Unique classes for these tabs only */
.bh-tabs .bh-tab.active {
  font-weight: 600;
  border-bottom: 2px solid #fff;
  opacity: 1;
}
.bh-tabs .bh-panel {
  background: transparent;
  border: none !important;
}
.bn-tab-btn {
    border: none;
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    opacity: 0.4;
}

.bh-tablist {
    justify-content: center;
    gap: 20px;
}
.bhtabcontent .bhtab-vbox {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: block;
}

.bhtabcontent .bhtab-vbox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.videopopslidersec .sec-banner-text {
    margin-top: 30px;
}
.bhtabcontent .bhtab-vbox .videoinforbox {
    position: absolute;
    z-index: 9;
    bottom: 0;
    color: #fff;
    padding: 30px;
}

.bhtabcontent .bhtab-vbox .videoinforbox label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
}

.bhtabcontent .bhtab-vbox .videoinforbox label span {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}
.sec-banner-inner h5 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
}
            .videopopslidersec .column{
                    height: 400px;
            }
            .videowrap iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 36vw;   /* 16:9 ratio */
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    border: none;
}

.videopopslidersec .column .videowrap {
    height: 320px;
    position: relative;
    overflow: hidden;
}
.videopopslidersec .column .videowrap .covervide {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videopopslidersec .videowrap {
    position: relative;
}

.videopopslidersec .covervide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    cursor: pointer;
}

.videopopslidersec .mySlides iframe.vimeoFrame {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    max-width: 700px;
    border: 1px solid #3e3e3e;
    border-radius: 10px;
}
.videopopslidersec .column {
    height: auto;
}
.videopopslidersec .bgVimeo {
  pointer-events: none;
}
.videopopslidersec .thumbnailrow {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.videopopslidersec .thumbnailrow::-webkit-scrollbar {
  height: 6px;
}
.videopopslidersec .demo.active {
  border: 2px solid #fff;
  opacity: 1;
  transform: scale(1.05);
}
.videopopslidersec .demo {
  opacity: 0.6;
  transition: 0.3s;
}
#myapModal iframe.bgVimeo {
  pointer-events: none;
}
.video-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.bgVimeo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.blogslider  img.video-thumb{
    position: relative !important;
}
span.wpcf7-spinner{
	display:none !important;
}
.page-template-default h1.entry-title {
    color: #fff;
    font-weight: 400;
	font-size: 26px;
    text-transform: uppercase;
}
.llmpage h3, .llmpage h2 {
    color: #fff;
    margin-bottom: 15px;
    text-align: left;
    font-size: 22px;
    font-weight: 300;
    margin-top: 25px;
}

.llmpage  p {
    font-size: 13px;
}

.llmpage ul li {
    list-style: disc;
}

.llmpage ul {
    padding-left: 20px;
}
/* .page-template-tpl-commercial .sec-banner:after{
	display:none !important;
}
.page-template-tpl-commercial section.sec-1.dg-bottom-pd{
	padding-top:60px;
} */
/*-- Responsive Start --*/
@media only screen and (min-width: 1200px) and (max-width: 1400px){
.classynav ul li a{
    font-size: 14px;
        padding: 0 5px;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){
.classynav ul li a{
    font-size: 11px;
        padding: 0 5px;
}
    video.vjs-tech.inlinevideo {
        height: auto !important;
    }
	.movie-hero{
		    height: 50vh;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1023px){
.ipad{width:100%}
.dg-top-pd{
  padding-top:40px;
}
.dg-bottom-pd{
  padding-bottom:40px;
}
.dg-both{
  padding:40px 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.banner-content .h1{
    font-size: 24px;
}
.badgeimg{
        right: -20px;
}
.banner-content .subhding{
    font-size: 18px;
}
.stickybtnwhatsapp {
        display: none;
    }
.email-address p{
    display: none;
}
.top-lf{
    width: 100%;
}
.email-address{
    justify-content:space-between;
}


.videosecbanner video{
    height: auto;
}
.sec-banner-text {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    text-align: center;
    padding: 20px;
    max-width: 100%;
}
.sec4-text h2,
.titlebox h2,
	.sec-banner-inner h1,
.sec-banner-inner h3{
        font-size: 34px;
}
.sec-banner:after{
    display: none;
}
.videosecbanner {
    position: relative;
}
.sec-banner .videosecbanner:after{
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(178deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 30%, rgba(0, 0, 0, 1) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.sec-3 .titlebox h2,
.sec-3 .contentbox {
    text-align: center;
}
.imageboxsec3 {
    margin-top: 40px;
}
.contentsec4 {
    width: auto;
}
.ft-nav ul{
        gap: 10px;
}
.ft-nav ul li a{
    letter-spacing: 2px;
    text-align: center;
}
.ftsec{
        padding: 80px 0px 40px;
}
.sec-banner{
       margin-top: -80px;
}
.sec-1 hr{
        margin-top: 40px;
    opacity: 0.3;
}
.justifytext p{
    text-align: justify;
    text-align-last: center;
}

/*-- Inner Page Start --*/
.innerbanner-sec1.sec-banner:after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(178deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 30%, rgba(0, 0, 0, 1) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.cp-info-item {
    margin-top: 20px;
}
.movieinfo-cast {
    margin-top: 30px;
}
.projectvid{
        margin-top: 0;
}
.newspagesec .blogitem .blogitem-img {
    width: 50%;
}

.newspagesec .blogitem .blog-itemcontent {
    width: 50%;
    padding: 30px 50px;
            padding-right: 0;
}
.revercebloglayout .blogitem .blog-itemcontent {
    padding-left: 0px;
    padding-right: 50px;
}
.newspagesec .blogitem .blog-itemcontent h3 {
    font-size: 32px;
}

.newspagesec .blogitem .blogitem-img img {
    height: 350px;
}

.newspagesec .blogitem {
    margin-bottom: 80px;
}
.logo-se{
    margin: 0 auto;
}
.titlebox h2.text-start {
    text-align: center !important;
}
.innersec-4 .titlebox {
    width: 100%;
    margin-bottom: 20px !important;
}
hr.innerspacehr {
    margin: 40px 0px;
    background: #fff;
}
.mb-100 {
    margin-bottom: 100px !important;
    padding-left: 30px;
    padding-right: 30px;
}
.moviesec-upcom .titlebox {
    padding-left: 15px;
    padding-right: 15px;
}
.movie-hero{
    display: none;
}
.movie-hero-mobile{
    display: block;
}
  .movie-hero-mobile {
    overflow: hidden;
    height: 100vh; /* Set slider height */
    position: relative;
    margin-top: -90px;
  }

  .movieslidermobile {
    display: flex;
    flex-direction: column;
    transition: transform 0.6s ease-in-out;
  }

  .movieslidermobile .item {
    height: 100vh; /* Same as container height */
    flex-shrink: 0;
  }

  .movie-boxitem img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .textmvit {
    position: absolute;
    bottom: 90px;
    left: 50px;
    color: #fff;
     12px;
    border-radius: 4px;
    font-size: 90px;
    font-weight: 500;
  }

  .contentboxmvbt {
    position: relative;
    width: 100%;
    height: 100vh;
  }
.textmvit span {
    font-size: 30px;
    display: block;
}
.videopopslidersec .modal-content{
    padding: 30px;
}
.videopopslidersec .prev, .videopopslidersec .next{
    background: #fff;
    color: #000;
}
.videopopslidersec .next {
    right: 10px;
}
.videopopslidersec .prev {
    left: 10px;
}
.videopopslidersec .column .videowrap{
    height: 230px;
}
/*-- Inner Page End --*/
    video.vjs-tech.inlinevideo {
        height: auto !important;
    }
	.contentboxmvbt,
	.movie-boxitem img, .movie-hero-mobile,
		.movieslidermobile .item{
		    height: 50vh;
	}
	.textmvit{
		        font-size: 40px;
	}
/* 	.page-template-tpl-commercial section.sec-1.dg-bottom-pd {
    padding-top: 0;
}
	.page-template-tpl-commercial .sec-banner .videosecbanner:after{
	display:none !important;
} */
}

@media only screen and (min-width: 320px) and (max-width: 766px){
.ipad{width:100%}
.dg-top-pd{
  padding-top:40px;
}
.dg-bottom-pd{
  padding-bottom:40px;
}
.dg-both{
  padding:40px 0px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.banner-content .h1{
    font-size: 24px;
}
.banner-content .subhding{
    font-size: 18px;
}
.email-address a:nth-child(2),
.top-rt {
    display: none;
}
.top-lf {
    width: 100%;
    text-align: center;
}
.stickybtnwhatsapp {
        display: none;
    }
    .content-text.inertabledes {
    overflow: scroll;
}
.email-address a:nth-child(3),
.email-address a.hdrtopbtnbox,
.email-address p{
    display: none;
}
.top-lf{
    width: 100%;
}
.email-address{
    justify-content:center;
}
.classy-navbar{
        padding: .5em 1em;
        justify-content: center !important;
}
.nav-brand img {
    max-width: 190px;
    width: 100%;
}
.dark.classy-nav-container a.logo1hdr {
    max-width: 80px;
}
.classynav ul li a{
        font-size: 16px;
}
.breakpoint-on .classynav ul li a{
        padding: 8px 10px;
}
.videosecbanner video{
    height: auto;
}
.sec-banner-text {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    text-align: center;
    padding: 20px;
    max-width: 100%;
    padding-top: 30px;
}
.sec4-text h2,
.titlebox h2,
.sec-banner-inner h3{
        font-size: 26px;
        text-align: center;
}
.sec-banner:after{
    display: none;
}
.videosecbanner {
    position: relative;
}
.sec-banner .videosecbanner:after{
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(178deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 30%, rgba(0, 0, 0, 1) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.sec-3 .titlebox h2,
.sec-3 .contentbox {
    text-align: center;
}
.imageboxsec3 {
    margin-top: 40px;
}
.contentsec4 {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ft-nav ul{
        gap: 10px;
        flex-wrap: wrap;
}
.ft-nav ul li a{
    letter-spacing: 2px;
    text-align: center;
}
.ftsec{
        padding: 40px 0px 40px;
}
.sec-banner{
        margin-top: 0px;
}
.btnstyle{
        padding: 10px 15px;
            letter-spacing: 2px;
    font-size: 13px;
}
.contentsec4 .btnplaycl span{
        font-size: 18px;
}
.contentsec4 .btnplaycl{
    justify-content: center;
}
.sec-4 .sec4banner:after{
    display: none;
}
.btnbox,
.blog-itemcontent {
    text-align: center;
}
.ft-nav ul li {
    width: 100%;
    text-align: center;
}
.video-popup video,
.popup video,
.movie-items .popup video{
        width: 90%;
    max-height: 100%;
}
.copyright {
    margin-top: 60px;
}
.sec-banner{
       margin-top: 10px;
}
.sec-1 hr{
        margin-top: 30px;
        opacity: 0.3;
        margin-bottom: 0px;
}
.justifytext p{
    text-align: justify;
    text-align-last: center;
}
.sec-5 .secitemvidpro {
    margin-bottom: 15px;
}
#preloader img{
    max-width: 250px;
}
.founderimgbox h4{
  letter-spacing: 6px;
}

/*-- Inner Page Start --*/
.innerbanner-sec1.sec-banner:after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(178deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 0%, rgba(0, 0, 0, 1) 90%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.cp-info-item {
    margin-top: 20px;
}
.innerimgbanner img {
    height: 220px;
    object-fit: cover;
    object-position: center;
}
.recentpostlist {
    margin-top: 40px;
}
.news-dcontenttext h2 {
    font-size: 24px;
}

.news-dcontenttext h3 {
    font-size: 20px;
}

.news-dcontenttext h4 {
    font-size: 18px;
}
.movieinfo-cast {
    margin-top: 30px;
}
.projectvid{
        margin-top: 0;
}
.newspagesec .blogitem {
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.newspagesec .blogitem .blogitem-img {
    width: 100%;
}

.newspagesec .blogitem .blog-itemcontent {
    width: 100%;
    padding: 20px 0px 0px 0px;
}

.newspagesec .blogitem .blog-itemcontent h3 {
    font-size: 24px;
}

.newspagesec .blogitem .blogitem-img img {
    height: auto;
}
.newlettersecbox button.m-0.h-100.btnstyle {
    width: 100%;
    height: 60px !important;
}
.titlebox h2.text-start {
    text-align: center !important;
}
.mb-100 {
    margin-bottom: 40px !important;
}
.shortingbox {
    justify-content: center;
}

.sort-bar {
    gap: 20px;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}
hr.innerspacehr {
    margin: 20px 0px;
    background: #fff;
}
.innersec-4 .titlebox {
    width: 100%;
    margin-bottom: 0px !important;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 30px !important;
}
.cardinputbox .overlay-data-group.credit h4 {
    margin-top: 10px;
}

.cardinputbox .overlay-data-group.credit .datum {
    font-size: 24px;
}
.blogitem-img iframe {
    height: auto;
}
.cardinputbox .blog-itemcontent {
    text-align: left;
}
.mb-100 {
    margin-bottom: 50px !important;
    padding-left: 30px;
    padding-right: 30px;
}
.moviesec-upcom .titlebox {
    padding-left: 15px;
    padding-right: 15px;
}
.cardinputbox {
    padding-left: 15px;
    padding-right: 15px;
}
.videosecbanner .positonfilxbox{
        top: 40px;
}
.movie-hero{
    display: none;
}
.movie-hero-mobile{
    display: block;
}
  .movie-hero-mobile {
    overflow: hidden;
    height: 100vh; /* Set slider height */
    position: relative;
    margin-top: -90px;
  }

  .movieslidermobile {
    display: flex;
    flex-direction: column;
    transition: transform 0.6s ease-in-out;
  }

  .movieslidermobile .item {
    height: 100vh; /* Same as container height */
    flex-shrink: 0;
  }

  .movie-boxitem img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .textmvit {
    position: absolute;
    bottom: 40px;
    left: 20px;
    color: #fff;
    border-radius: 4px;
    font-size: 26px;
    font-weight: 500;
  }

  .contentboxmvbt {
    position: relative;
    width: 100%;
    height: 100vh;
  }
.textmvit span {
    font-size: 20px;
    display: block;
}
.contentsec4 .btnplaycl.newbtndeign .playbtnani svg {
    height: 60px;
    width: 60px;
}
.imageboxlgo {
    padding: 20px;
}
.mobiledotes .owl-dots {
    justify-content: center;
    display: flex;
    gap: 6px;
    margin-top: 15px;
}

.mobiledotes .owl-dots button {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: none;
    opacity: 0.3;
}

.mobiledotes .owl-dots button.active {
    opacity: 1;
}
.newlettersecbox p.text-center.mt-3,
.newlettersecbox  .col-md-12.text-center {
    text-align: center !important;
}
.videopopslidersec .modal-content{
    padding: 30px;
}
.videopopslidersec .prev, .videopopslidersec .next{
    background: #fff;
    color: #000;
    height: 30px;
    width: 30px;
    font-size: 16px;
}
.videopopslidersec .next {
    right: 10px;
}
.videopopslidersec .prev {
    left: 10px;
}
.mySlides .video-custom{
        height: 30vh;
}
.videopopslidersec .column{
        height: 220px;
}
  .thumbnailrow .column {
    flex: 0 0 80%;
  }
.bn-tab-btn{
        width: 50%;
        font-size: 14px;
}
.bhtabcontent .bhtab-vbox{
        height: 200px;
}
.bh-tabs .bh-panel {
    padding: 5px !important;
}
.videopopslidersec .sec-banner-text {
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 0px;
}
.sec-banner-inner h5 {
    font-size: 20px;
}

.videopopslidersec .column .videowrap {
    height: 220px;
    position: relative;
}
.videopopslidersec .mySlides iframe.vimeoFrame{
        height: 180px;
}
video.vjs-tech.inlinevideo{
    height: auto;
}
.notfixedbox{
        height: auto !important;
}
.videopopslidersec img{
    display: none;
}

/*-- Inner Page End --*/

.newspagesec .blogitem .blog-itemcontent h3 a {
	font-size: 24px;
	}
    .sec-banner {
        margin-top: -60px;
    }
.videosecbanner .positonfilxbox {
        top: 0px;
    }

	.contentboxmvbt,
	.movie-boxitem img, .movie-hero-mobile,
		.movieslidermobile .item{
		    height: 50vh;
	}
/* 	.page-template-tpl-commercial section.sec-1.dg-bottom-pd {
    padding-top: 0;
}
	.page-template-tpl-commercial .sec-banner .videosecbanner:after{
	display:none !important;
} */
}
/*-- Responsive End --*/