.logo img {
    width: 150px;
}

.footer-logo img {
    width: 160px;
}

.nav-list-black {
    color: #000000 !important;
    text-shadow: none !important;
}

.banner-video-height-width {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.banner-video-height-width video {
    width: 100%;
    object-fit: cover;
    margin-top: -100px;

}


/* Mute / Volume control panel */
.video-controls {
    position: absolute;
    bottom: 8%;
    right: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px 14px;
    border-radius: 30px;
    backdrop-filter: blur(6px);
}

.video-controls i {
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    transition: 0.3s;
}

.video-controls i:hover {
    color: #ffffffff;
}

.video-controls input[type="range"] {
    width: 100px;
    accent-color: #e7d7c0ff;
    cursor: pointer;
}

.owl-carousel .owl-item {
    transition: opacity 0.8s ease-in-out;
}

.owl-carousel .owl-item.active {
    opacity: 1 !important;
}

.owl-carousel .owl-item {
    opacity: 0;
}

.play-button {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #ffffff, #dcdcdc);
    box-shadow:
        inset 4px 4px 8px rgba(0, 0, 0, 0.15),
        inset -4px -4px 8px rgba(255, 255, 255, 0.8),
        0 4px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-button:hover {
    box-shadow:
        inset 3px 3px 6px rgba(0, 0, 0, 0.1),
        inset -3px -3px 6px rgba(255, 255, 255, 0.9),
        0 6px 12px rgba(0, 0, 0, 0.2);
}

.play-icon {
    width: 0;
    height: 0;
    border-left: 28px solid #ff4141;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    margin-left: 5px;
}

.play-button:hover .play-icon {
    border-left: 28px solid #000000ff;
    transition: 0.3s ease-in-out;
}

.color-black {
    color: #000000;
}

.social-3d-icons {
    display: flex;
    justify-content: center;
    align-items: center;

}

.social-3d-icons ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.social-3d-icons li {
    list-style: none;
    margin: 0 40px;
}

.social-3d-icons li:hover .icon-style {
    color: #fff;
}

.social-3d-icons a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.5);
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(0, 0);
    transition: 0.5s;
}

.social-3d-icons a:before,
.social-3d-icons a:after {
    content: "";
    position: absolute;
    transition: 0.5s;
}

.social-3d-icons a:before {
    top: 10px;
    left: -20px;
    height: 100%;
    width: 20px;
    transform: rotate(0deg) skewY(-45deg);
}

.social-3d-icons a:after {
    bottom: -20px;
    left: -10px;
    height: 20px;
    width: 100%;
    transform: rotate(0deg) skewX(-45deg);
}

.social-3d-icons a:hover {
    transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
    box-shadow: -50px 50px 50px rgba(0, 0, 0, 0.5);
}

/* LinkedIn */
.social-3d-icons li:nth-child(1) a {
    background-color: #007bb5;
}

.social-3d-icons li:nth-child(1) a:before {
    background-color: #006a9d;
}

.social-3d-icons li:nth-child(1) a:after {
    background-color: #1aa1e0;
}

/* Facebook */
.social-3d-icons li:nth-child(2) a {
    background-color: #1877f2;
}

.social-3d-icons li:nth-child(2) a:before {
    background-color: #1669d6;
}

.social-3d-icons li:nth-child(2) a:after {
    background-color: #3a8cf4;
}

/* Instagram */
.social-3d-icons li:nth-child(3) a {
    background-color: #c32aa3;
}

.social-3d-icons li:nth-child(3) a:before {
    background-color: #ac2590;
}

.social-3d-icons li:nth-child(3) a:after {
    background-color: #cf43ad;
}

/* Twitter */
.social-3d-icons li:nth-child(4) a {
    background-color: #1da1f2;
}

.social-3d-icons li:nth-child(4) a:before {
    background-color: #178ed9;
}

.social-3d-icons li:nth-child(4) a:after {
    background-color: #3db1f5;
}

/* YouTube */
.social-3d-icons li:nth-child(5) a {
    background-color: #ff0000;
}

.social-3d-icons li:nth-child(5) a:before {
    background-color: #e50000;
}

.social-3d-icons li:nth-child(5) a:after {
    background-color: #ff1a1a;
}

.social-3d-icons .icon-style {
    font-size: 30px;
    color: #262626;
    line-height: 60px;
    transition: 0.5s;
}

.flame span {
    height: 300px;
    width: 100%;
    background-image: url("../img/flame.webp");
    background-position: 0 -1000px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: fire 4s linear infinite;
}

.flame h3 {
    color: #fff;
    font-size: 60px;
    text-align: center;
    margin-top: 50px;
    font-family: mokoko, serif;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
}

@keyframes fire {
    0% {
        background-position: 0% -50%;
    }

    100% {
        background-position: 0% -25%;
    }
}

.position-relative-zindexnine {
    position: relative;
    z-index: 9;
}

.anim-3d-gallery-wrapper {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative;
}

.anim-3d-gallery-card img {
    width: 100%;
    height: 100%;

}


.anim-3d-gallery-wrap {
    position: absolute;
    transform-style: preserve-3d;
    aspect-ratio: 3 / 4;
    width: 100%;
    max-width: 12%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) perspective(22vw) scale(2) rotateY(0);
    animation: rotation3dcardZoom 60s linear infinite;
}

@keyframes rotation3dcardNormal {
    0% {
        transform: translate(-50%, -50%) perspective(22vw) rotateY(0);
    }

    100% {
        transform: translate(-50%, -50%) perspective(22vw) rotateY(360deg);
    }
}

@keyframes rotation3dcardZoom {
    0% {
        transform: translate(-50%, -50%) perspective(22vw) scale(2) rotateY(0);
    }

    100% {
        transform: translate(-50%, -50%) perspective(22vw) scale(2) rotateY(360deg);
    }
}

.anim-3d-gallery-card {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotateY(calc((var(--position) - 1)*(360/var(--qty)) * 1deg)) translateZ(23vw);
}

.bg-black {
    background: #242426;
}

.margin-top-negitive-100 {
    margin-top: -14%;
    margin-bottom: -14%;
}

.our-team {
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}

.our-team .pic {
    background: #242426;
    transition: all 0.3s ease 0s;
}

.our-team:hover .pic {
    padding: 2px;
    transform: scale(0.6) translateY(-20%);
}

.our-team .pic img {
    width: 100%;
    height: auto;
}

.our-team .team-content {
    width: 100%;
    padding: 7px 15px;
    background: #242426;
    position: absolute;
    bottom: -30%;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.our-team:hover .team-content {
    opacity: 1;
    bottom: -10px;
}

.our-team .title {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.our-team .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    font-style: italic;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}

.our-team .social {
    padding: 0;
    margin: 0;
    list-style: none;
    transition: all 0.35s ease 0s;
}

.our-team .social li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.our-team .social li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 15px 0 15px 0;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.35s ease 0s;
}

.our-team .social li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #242426;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .social li a:hover:before {
    left: 0;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.our-team-section {
    padding: 90px 0 0;
}

.blog-section {
    padding: 70px 0 70px;
}

.footer-logo {
    filter: drop-shadow(5px 5px 5px hwb(0 63% 37%));
}

.movi-card {
    background-color: #242426;
    padding: 10px 10px;
}

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

.breadcrumb-area {
    position: relative;
}

.breadcrumb-area .breadcrumb-content {
    position: absolute;
    z-index: 9;
    bottom: 10%;
    width: 100%;
}

.video-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.0) 70%);
    pointer-events: none;
}

.movie-details-img img {
    width: 100%;
}

.tr-movie-menu-active button.active {
    background-color: #070707;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.color-white {
    color: #ffffff;
}

.movie-content .top .title a {
    color: #FAF9F6;
}

.blog-post-content .date {
    color: #fff;
}

.blog-post-content .title a {
    color: #FAF9F6;
}

.breadcrumb-content .title {
    color: #fff;
}

.movi-poster-img img {
    width: 100%;
}

.cast-profile img {
    width: 100%;
    border-radius: 10px;
    border: 0.5px solid #cbcaca;
}

.actor-name {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

.actor-roll-name {
    text-align: center;
    font-size: 16px;
    font-weight: 550;
}

.border {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #000000;
}

.video-box {
    flex: 1 1 50%;
    /* 2 per row */
    height: 50vh;
    /* adjust as needed */
    box-sizing: border-box;
    padding: 5px;
}

@media (max-width: 768px) {
    .video-box {
        flex: 1 1 100%;
        height: 40vh;
    }
}

.video-box iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Gallery section CSS */
/* Grid setup */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-auto-rows: 6px;
    gap: 8px;
    align-items: start;
}

.gallery-item {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: middle;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.02);
}

@media (max-width: 640px) {
    .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-auto-rows: 5px;
    }
}

/* === LIGHTBOX === */
.lightbox {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
}

.lightbox.active {
    display: flex;
}

.lightbox img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
    transition: transform 0.4s ease;
}

/* Nav buttons */
.lightbox .prev,
.lightbox .next,
.lightbox .close {
    position: absolute;
    color: white;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s;
    user-select: none;
    text-align: center;
}

.lightbox .prev:hover,
.lightbox .next:hover,
.lightbox .close:hover {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.3);
}

.lightbox .close {
    top: 20px;
    right: 30px;
}

.lightbox .prev {
    left: 30px;
}

.lightbox .next {
    right: 30px;
}


/* Review & Rating CSS Start */

/* Rating Css start here */

.Rating_Heading {
   font-size: 20px;
   font-weight: 600;
}

.chart {
   /* width: 500px; */
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   height: 100%;
}

.chart .rate-box {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 15px;
   height: 30px;
   padding: 16px 0;
}

.chart .rate-box>* {
   font-weight: 500;
   color: #131313;
}

.rate-box .value {
   display: flex;
   align-items: center;
}

.rate-box .value:hover {
   color: #242328;
}

.chart .value {
   font-size: 20px;
   cursor: pointer;
}

.rate-box .progress-bar {
   border-width: 1px;
   position: relative;
   background-color: #cfd8dc91;
   height: 9px;
   border-radius: 100px;
   width: 80%;
}

.rate-box .progress-bar .progress {
   background-color: #242328;
   height: 100%;
   border-radius: 100px;
   transition: 300ms ease-in-out;
   top: 0;
   left: 0;
}

.global {
   display: flex;
   align-items: center;
   gap: 8px;
}

.one .fa-star {
   color: #cfd8dc;
}

.two {
   -webkit-background-clip: text !important;
   -webkit-text-fill-color: transparent;
   transition: 0.5s ease-in-out all;
}

.global>h5 {
   font-size: 50px;
   font-weight: 500;
}

.rating-icons {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   width: 15vw;
   height: 10%;
}

.rating-icons span {
   position: absolute;
   display: flex;
   font-size: 30px;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 5px;
}

.total-reviews {
   font-size: 25px !important;
}

.Review_Main_Box {
   display: flex;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   height: 100%;
}

.value_box {
   display: flex;
   align-items: center;
}

.value_box i {
   margin-left: 5px;
   color: #ffa800;
   font-size: 18px;
}

.totalReviewBox {
   margin-top: 20px;
}

.total-review-text {
   font-size: 20px;
   font-weight: 550;
}

/* rating sellect css */
.starrate span.ctrl {
   position: absolute;
   z-index: 2;
}

.starrate {
   color: #f9d00a;
   cursor: pointer
}

.starrate.saved {
   color: #ff9a00;
}

.starrate:hover {
   color: #ff9a00;
}

.starrate.saved:hover {
   color: #ff9a00;
}

.RatingSelectOuter {
   display: flex;
   align-items: center;
}

.rateExperience {
   font-weight: 500;
}

.RatingStar25 {
   font-size: 25px;
}

.text-16 {
   margin: 0 !important;
   font-size: 16px !important;
   font-weight: 500;
}

.marginleft-5 {
   margin-left: 10px;
   font-weight: 500;
}

.submitbutton {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.customer_Review_box {
   padding-bottom: 20px;
   border-bottom: 1px solid #F6931E87;
   margin-bottom: 20px;
}

.customer-Review-first {
   display: flex;
   align-items: baseline;
}

.reviewerLogo {
   height: 40px;
   width: 40px;
   background: #242328;
   border: 1px solid #242328;
   margin-right: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
}

.reviewerLogo span {
   color: #ffffff;
   font-size: 25px;
   font-weight: 500;
}

.reviwer-text {
   font-size: 25px;
   font-weight: 400;
}

.verified-text {
   margin-left: 20px;
   font-size: 18px;
   color: #242328;
}

.Rating_star .review {
   display: flex;
   flex-direction: row;
}

.Rating_star .review li i {
   color: #f9d00a;
   font-size: 16px;
}

.Rating_Date {
   margin-left: 10px;
   color: #242328;
   font-size: 16px;
   font-weight: 400;
   margin-right: 10px;
}

.rating_main_text {
   font-size: 16px;
}

.rating_Name {
   margin-left: 5px;
   font-size: 16px;
   font-weight: 500;
   color: #023e02;
}

.contact_message textarea {
   height: 110px;
   border: 1px solid #adadad;
   resize: none;
   width: 100%;
   padding: 5px 10px;
   color: #171717;
}

.contact_message textarea::placeholder {
   color: #6c6c6c;
}

.contact_message input {
   border: 1px solid #adadad;
   height: 45px;
   width: 100%;
   padding: 0 10px;
   color: #171717;
}

.contact_message input::placeholder {
 color: #6c6c6c;
}

.contact_message p {
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 10px;
}

.fontS30W600 {
   font-size: 30px;
   font-weight: 600;
}

.border1px {
   border: 1px solid #000;
}

.color-White {
   color: #fbfbfb;
}

.customer-Review-first p {
   margin-top: 10px;
   line-height: 20px;
}

.btn-style-one {

   background: #070707;
   padding: 10px 30px;
   border: none;
   font-size: 18px;
   text-align: center;
   font-weight: 700;
   text-transform: capitalize;
   border-radius: 10px;
   color: #ffffff;
   transition: ease-in-out 0.5s all;
   cursor: pointer;
   border: 1px solid #c3c3c3;
}

.btn-style-one:hover {
   background: #c3c3c3;
   color: #070707;
   transition: ease-in-out 0.5s all;
   border: 1px solid #070707;
}

.image-width-100 {
   width: 100%;
}
.write-review-section{
    background: #f4f4f4;
}
.thumb img{
    width: 100%;
}
.color-ofwhite{
    color: #c1c1c1;
}
.color-ofwhite:hover{
    color: #ffffff;
}
/* Chrome, Safari, Edge ke spinner hide karne ke liye */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox ke spinner hide karne ke liye */
input[type=number] {
    -moz-appearance: textfield;
}
.about-us{
    padding: 60px 0;
}
.mission-vision{
    padding: 60px 0;
    background: #242426;
    color: #ffffff;
}
.image-box img{
    width: 100%;
}
.image-box {
    position: relative;
    overflow: hidden;
}

.image-box img {
    width: 100%;
    display: block;
    mask-image: radial-gradient(circle, white 20%, transparent 80%);
    -webkit-mask-image: radial-gradient(circle, white 20%, transparent 80%);
}
   
/* Unique Card Style */
.unique-card {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 25px;
    border: 1px solid rgba(200, 200, 200, 0.35);
    padding: 35px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.35s ease-in-out;
    backdrop-filter: blur(7px);
    transform: translateY(0px);
    position: relative;
    overflow: hidden;
}

/* Soft Gradient Highlight */
.unique-card::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -40%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(0, 123, 255, 0.08), transparent 60%);
    transform: translate(-20px, -20px);
    opacity: 0;
    transition: 0.4s ease;
}

/* Hover 3D Effect */
.unique-card:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.12);
}

/* Hover Gradient Glow */
.unique-card:hover::before {
    opacity: 1;
}

/* Icon Box */
.icon-box {
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 20px;
    background: linear-gradient(145deg, #f3f3f3, #ffffff);
    box-shadow:
        6px 6px 12px rgba(0,0,0,0.08),
        -6px -6px 12px rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-box i {
    font-size: 42px;
    color: #333;
}

.pagination {
                        display: flex;
                        align-items: center;
                        gap: 6px;
                        font-family: Arial, sans-serif;
                        margin: 20px 0;
                        justify-content: center;
                    }

                    .pagination a,
                    .pagination span.dots {
                        padding: 7px 12px;
                        border: 1px solid #888;
                        border-radius: 4px;
                        text-decoration: none;
                        color: #111;
                        font-size: 14px;
                        background-color: #fff;
                    }

                    .pagination .page:hover {
                        background-color: #f0f2f2;
                    }

                    .pagination .active {
                        font-weight: bold;
                        border-color: #e77600;
                        background-color: #fef7f2;
                        color: #e77600;
                    }

                    .pagination .prev,
                    .pagination .next {
                        border: none;
                        font-weight: bold;
                        color: #007185;
                        padding: 7px 6px;
                    }

                    .pagination .prev:hover,
                    .pagination .next:hover {
                        background: none;
                    }

                    .pagination .dots {
                        border: none;
                        padding: 7px 4px;
                        color: #555;
                    }