*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body{

	font-family:'Poppins',sans-serif;
	overflow-x:hidden;
	background:#fff;

}

a{
	text-decoration:none;
}

ul{

	list-style:none;
	padding:0;
	margin:0;

}


.custom-navbar {
    position: sticky;
    top: 0;

    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;

    background: #000;

    z-index: 1000;

    transition:
        background-color .45s ease,
        backdrop-filter .45s ease,
        -webkit-backdrop-filter .45s ease,
        box-shadow .45s ease,
        padding .45s ease;
}

.custom-navbar.scrolled{


    background:rgba(0,0,0,.92);

    backdrop-filter:blur(0.8571vw);
    -webkit-backdrop-filter:blur(0.8571vw);

    box-shadow:0 0.5714vw 1.7857vw rgba(0,0,0,.08);

}

/* Menu color after scroll */
/*.custom-navbar.scrolled .navbar-nav li a {
    color: #111;
}*/

.custom-navbar.scrolled .navbar-nav li a:hover {
    color: #b88d48;
}

.navbar-brand {
    min-width: 0;
}

/* Desktop */
.custom-navbar .navbar-collapse {
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
}

.custom-navbar .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5vw;
    margin-left: auto;
}


/* Logo */
.custom-navbar img {
    height: 3.5714vw; /* 60px at 1400px */
    transition: .3s;
}

.custom-navbar.scrolled img {
    height: 3.5714vw; /* 50px at 1400px */
}

/* Menu spacing */
.custom-navbar .navbar-nav {
    gap: 1.5vw;
}

/* Remove Bootstrap nav-link spacing */
.custom-navbar .navbar-nav .nav-link,
.custom-navbar .navbar-nav li a {
    padding-left: 0;
    padding-right: 0;

    color: #fff;
    font-weight: 500;
    letter-spacing: 0.0357vw;
    font-size: 1.0714vw;
    text-decoration: none;
}

.custom-navbar .navbar-nav li a:hover {
    color: #c59a53;
}


.custom-navbar .navbar-toggler {
    display: none;
}

.custom-navbar .container {
    display: flex;
    align-items: center;
}


.custom-navbar .navbar-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5vw;
    margin-left: auto;
}

.custom-navbar .navbar-nav .nav-item {
    display: block;
}



.hero{
	position:relative;
}

.overlay{

    position:absolute;
    inset:0;

   /* background:
        linear-gradient(
            90deg,
            rgba(248,244,236,.94) 0%,
            rgba(248,244,236,.82) 45%,
            rgba(248,244,236,.35) 75%,
            rgba(248,244,236,.08) 100%
        );*/

}

.hero-content{

	position:relative;
	z-index:5;

}

.hero h1 {
    font-family: 'Cinzel', serif;
    font-size: 3.5vw;       /* 55px at 1400px */
    color: #000;
    font-weight: 600;
    letter-spacing: 0.7143vw;  /* 10px at 1400px */
    margin-bottom: 1vw;   /* 15px at 1400px */
}

.hero h1 div {
    display: table;
    font-size: 1.5vw;       /* 24px at 1400px */
    letter-spacing: 1.3vw;  /* 18px at 1400px */
    color: #ec2828;
    width: auto;
    margin-top: 0;
    font-weight: 800;
    border-bottom: 0.1429vw solid #ec2828; /* 2px */
}

.hero h4 {
    color: #000;
    font-size: 1.4vw;       /* 22px at 1400px */
    margin-bottom: 0.2vw;   /* 20px */
}

.hero p {
    color: #000;
    font-size: 1vw;       /* 18px at 1400px */
    max-width: 41.4286vw;      /* 580px */
    line-height: 1.8;
    margin-bottom: 0.5vw;   /* 40px */
}

.pt-10 {
    padding-top: 6%;
}

.gold-btn {
    background: #b68d47;
    padding: 0.5vw 1vw; /* 16px 36px */
    color: white;
    display: inline-block;
    margin-right: 1.0714vw; /* 15px */
    transition: .4s;
    font-size: 1.2vw;
}


.gold-outline-btn {
    border: 1px solid #b68d47;
    padding: 0.5vw 1vw; /* 16px 36px */
    color: white;
    display: inline-block;
    margin-right: 1.0714vw; /* 15px */
    transition: .4s;
    font-size: 1vw;
}


.dark-btn {
    background: #10223d;
    padding: 0.5vw 2vw; /* 16px 36px */
    color: white;
    display: inline-block;
    transition: .4s;
    font-size: 1.2vw;
}


.dark-btn-view {
    
    padding: 0.5vw; /* 16px 36px */
    font-size: 1vw;
}

.gold-btn:hover{

	background:#d2ab67;
	color:white;

}


.dark-btn:hover{

	background:#1d3357;
	color:white;

}

.scroll-down {
   
   text-align: center;
    font-size: 1.5714vw;     /* 22px */
    color: white;
    /*padding: 20px;*/
    position: absolute;
    bottom: 2%;
    width: 100%;
       animation: updown 1.5s ease-in-out infinite;
}

@keyframes updown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(0.7143vw);
    }

    100% {
        transform: translateY(0);
    }
}

.stats {
    background: white;
    padding: 3.2143vw 0; /* 45px */
}

.stats i {
    font-size: 2.7143vw; /* 38px */
    color: #b68d47;
    margin-bottom: 1.0714vw; /* 15px */
}

.stats h2 {
    font-size: 2vw; /* 28px */
    font-weight: 700;
}

.stats p {
    font-size: 1.1vw;
    margin: 0;
    color: #444;
}



.featured-films {
    background: #07111f;
    padding: 5.7143vw 0; /* 80px */
    overflow: hidden;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2857vw; /* 60px */
    gap: 1.4286vw; /* 20px */
}

.section-title span {
    width: 5.7143vw;       /* 80px */
    height: 0.1429vw;      /* 2px */
    background: #b88d48;
}

.section-title h2 {
    color: white;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.2143vw; /* 3px */
    font-size: 1.8vw;      /* 34px */
    margin: 0;
    text-align: center;
}

.view-btn {
    background: #b88d48;
    color: #fff;
    padding: 0.8571vw 1.8571vw; /* 12px 26px */
    transition: .3s;
}

.view-btn:hover{

    background:#d5b071;
    color:#fff;

}

.moviesSlider {
    overflow: hidden;
    padding: 0.7143vw 0 3.5714vw; /* 10px 0 50px */
}

.swiper-slide {
    flex-shrink: 0;
    box-sizing: border-box;
}

.movie-card {
    overflow: hidden;
    border: 0.0714vw solid rgba(184, 141, 72, .3); /* 1px */
    background: #111;
}

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

.swiper-slide h4 {
    margin: 0.8571vw auto 0; /* 12px */
    text-align: center;
    color: #fff;
    font-size: 1.0714vw; /* 15px */
    padding-bottom: 0.7143vw; /* 10px */
}

.swiper-button-next,
.swiper-button-prev {
    width: 3.7143vw; /* 52px */
    height: 3.7143vw; /* 52px */
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(0.5714vw); /* 8px */
    transition: .3s;
    margin-top: -5vw !important; /* -70px */
}


.swiper-button-next:hover,
.swiper-button-prev:hover{

    background:#b88d48;

}

.swiper-button-next:after,
.swiper-button-prev:after{

    color:white;
    font-size: 1.2857vw;
    font-weight:bold;

}



.movie-overlay{

    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.55);
    opacity:0;
    transition:.4s;

}

.movie-card:hover .movie-overlay{

    opacity:1;

}

.movie-overlay a {
    font-size: 1vw;
}

.movie-card:hover img {
    transform: scale(1.08);
    transition: .4s;
}

.about-section {
    padding: 3.1429vw 0; /* 100px */
    background: #f7f7f7;
}

.about-box img {
    width: 90%;
    border-radius: 0.7143vw; /* 10px */
    margin-bottom: 1.7857vw; /* 25px */
}

.about-box h3,
.why-box h3,
.recognition-box h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.8vw; /* 30px */
    margin-bottom: 2.1429vw; /* 30px */
    color: #0f2238;
}

.about-box p {
    color: #555;
    line-height: 1.9;
    margin-bottom: 2.1429vw; /* 30px */
    font-size: 1.1vw;
}

.feature {
    display: flex;
    gap: 1.4286vw; /* 20px */
    margin-bottom: 2.5vw; /* 35px */
}

.feature i {
    width: 4.6429vw; /* 65px */
    height: 4.6429vw; /* 65px */
    background: #b88d48;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5714vw; /* 22px */
    flex-shrink: 0;
}

.feature h5 {
    margin-bottom: 0.5714vw; /* 8px */
    color: #10223d;
    font-weight: 600;
}


.feature p {
    color: #666;
    font-size: 1.1vw; /* 14px at 1400px */
    line-height: 1.8;
    margin: 0;
}

.recognition-box{

    text-align:center;

}
.counter {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 2.5vw; /* 35px */
}

.counter h2 {
    font-size: 5.3571vw; /* 75px */
    font-family: 'Cinzel', serif;
    color: #b88d48;
    margin: 0;
    line-height: 1;
}

.counter span {
    font-size: 2.5vw; /* 35px */
    color: #b88d48;
    margin-top: 0.7143vw; /* 10px */
    margin-left: 0.2857vw; /* 4px */
}

.recognition-box p {
    margin-top: 0.8571vw; /* 12px */
    font-size: 1.1vw;
    color: #555;
}

.feature h5{
    font-size: 1.2vw;
}


.work-together {
    position: relative;
    background: url('../images/index-cta.jpg') center center no-repeat;
    background-size: 100%;
    padding: 1.2857vw 0; /* 60px at 1400px */
    border-top: 0.2vw solid #fff;
}


.news-cta{
     background: url('../images/news-cta.jpg') center center no-repeat;
     background-size: 100%;
}

.production-cta{
     background: url('../images/production-cta.jpg') center center no-repeat;
     background-size: 100%;
}

.work-together .overlay{

    position:absolute;
    inset:0;
    background:rgba(0,0,0,.60);

}

.work-together .container{

    position:relative;
    z-index:5;

}

.section-subtitle {
    color: #d2a85b;
    letter-spacing: 0.2857vw; /* 4px */
    font-size: 1vw;           /* 14px */
    display: block;
    margin-bottom: 1.4286vw;  /* 20px */
}


.work-together h2 {
    color: #fff;
    font-size: 2.5vw;            /* 56px */
    font-family: 'Cinzel', serif;
    margin-bottom: 1.7857vw;   /* 25px */
}

.work-together p {
    color: #ddd;
    font-size: 1vw;       /* 18px */
    line-height: 1.6;
    max-width: 50vw;           /* 700px */
    margin: 0 auto 1vw;      /* 35px */
}

footer {
    border-top: 0.2vw solid #fff;
    background: #08111d;
    padding: 1.7143vw 0; /* 80px 0 30px */
    color: #ccc;
}

.footer-logo {
    height: 3.5vw;               /* 70px */
    margin-bottom: 1.7857vw;   /* 25px */
}

footer h4 {
    color: #fff;
    margin-bottom: 1vw;   /* 25px */
    font-family: 'Cinzel', serif;
}

footer p {
    line-height: 1;
    font-size: 1vw;
}

footer ul{

    padding:0;

    list-style:none;

}

footer li {
    margin-bottom: 0.1vw; /* 15px at 1400px */
    font-size: 1vw;
}

footer a{

    color:#ccc;
    transition:.3s;

}

footer a:hover{

    color:#b88d48;

}

footer i{

    color:#b88d48;
}

footer h4{
    font-size: 1.5vw;
}


.social-icons {
    display: flex;
    gap: 1.0714vw; /* 15px */
    align-items: center;
     justify-content: center;

}

.social-icons a {
    width: 3.2143vw; /* 45px */
    height: 3.2143vw; /* 45px */
    border: 0.0714vw solid rgba(255,255,255,.15); /* 1px */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}

.social-icons a i{
    font-size: 1.5vw;
    color: #fff;
}

.social-icons a:hover{

    background:#b88d48;

}

.social-icons a:hover i{

    color:#fff;

}

footer hr {
    margin: 3.5714vw 0 1.7857vw; /* 50px 0 25px */
    border-color: rgba(255,255,255,.08);
}

.copyright{

    margin-top: 2vw;
    text-align:center;
    font-size: 1vw;
    color:#888;

}


/*=====================================
Films Hero
=====================================*/

.films-hero{

    position:relative;
    align-items:center;

}


/* This maintains the image's space */
.hero::before {
    content: "";
    display: block;
    aspect-ratio: 1900 / 536; /* change this to your actual image ratio */
}



.abouts{
    background:url('../images/about-banner.jpg') center center no-repeat;
    background-size:cover;
}

.moviedet{
    background:none;
    max-height: inherit!important;
    background-size: 100% auto;
    height: 38vw;
}

.productions-hero{
 background:url('../images/production-banner-new.jpg') center center no-repeat;
 background-size:cover;
}


.news-hero{
 background:url('../images/news-banner-new.jpg') center center no-repeat;
 background-size:cover;
}


.films-hero .overlay{

    position:absolute;
    inset:0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.8) 0%,
            rgba(0,0,0,0.5) 45%,
            rgba(0,0,0,.0) 75%,
            rgba(0,0,0,.0) 100%
        );

}




.heroImage{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}



.films-hero .hero-content{
    position:relative;
    z-index:5;
}


.films-hero h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3vw;              /* 56px */
    line-height: .95;
    letter-spacing: 0.1429vw;    /* 2px */
    color: #fff;
    margin-bottom: 0.7143vw;     /* 10px */
    margin-top: 2vw;
   
}

.films-hero h3 {
    font-size: 1.5vw;              /* 28px */
    font-weight: 600;
    color: #f8e8c7;

}

.films-hero h3 span {
    color: #f8e8c7;
}

.films-hero p {
    font-size: 1vw;          
    line-height: 1.8vw;
    color: #fff;
}



.bannerContainer{
    position: absolute;
    left: 4%;
    top: 20%;
}

/*=====================================
Completed Films
=====================================*/
.completed-films {
    background: #070d18;
    padding: 2.8571vw 0; /* 40px */
}

.completedFilmsSlider {
    position: relative;
    padding: 0.7143vw 4.2857vw 5vw; /* 10px 60px 70px */
}


.completedFilmsSlider .swiper-slide{

    height:auto;

}

.completed-prev,
.completed-next {
    width: 3.7143vw;              /* 52px */
    height: 3.7143vw;             /* 52px */
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    backdrop-filter: blur(0.5714vw); /* 8px */
}

.completed-prev::after,
.completed-next::after{

    font-size: 1.2857vw;
    color:#fff;

}

.completed-prev:hover,
.completed-next:hover{

    background:#b88d48;

}

.completed-pagination{

    bottom:0 !important;

}

.completed-pagination .swiper-pagination-bullet{

    background:#b88d48;
    opacity:.35;

}

.completed-pagination .swiper-pagination-bullet-active{

    opacity:1;

}

.film-box {
    display: flex;
    align-items: center;
    gap: 2.5vw; /* 35px at 1400px */
}

.film-poster{

    flex:0 0 42%;

}

.film-poster img{

    width:100%;

    border:1px solid rgba(184,141,72,.45);

    display:block;

}

.film-content{

    flex:1;

}

.film-content h3 {
    color: #fff;
    font-size: 1.4286vw;       /* 20px */
    font-family: 'Cinzel', serif;
    margin-bottom: 0.5vw;   /* 18px */
}

.gold-line {
    width: 5vw;                /* 70px */
    height: 0.1429vw;          /* 2px */
    background: #b88d48;
    margin-bottom: 1vw;   /* 25px */
}

.film-content p {
    color: #d7d7d7;
    
    font-size: 0.9vw;             /* 14px */
    margin-bottom: 1vw;   /* 30px */
}



/* ======================================
   ORIGINAL FEATURE SCREENPLAYS
====================================== */

.original-screenplays {
    background: #080808;
    padding: 5.7143vw 0; /* 80px */
}

.screenplay-card {
    border: 0.0714vw solid rgba(184,141,72,.35); /* 1px */
    background: #111;
    transition: .35s;
    height: 100%;
}

.screenplay-card:hover {
    transform: translateY(-0.5714vw); /* -8px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 2.8571vw rgba(0,0,0,.45); /* 0 20px 40px */
}

.screenplay-poster{
    overflow:hidden;
}

.screenplay-poster img{

    width:100%;
    display:block;
    transition:.5s;

}
.screenplay-card:hover img {
    transform: scale(1.06);
}

.screenplay-content {
    padding: 0.8571vw; /* 12px */
}

.screenplay-content h3 {
    color: #fff;
    font-size: 1vw; /* 14px */
    line-height: 1.25;
    text-transform: uppercase;
    margin-bottom: 0.7143vw; /* 10px */
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.0714vw; /* 1px */
    height: 2.5714vw; /* 36px */
}

.screenplay-meta {
    margin-bottom: 0.7143vw; /* 10px */
}

.screenplay-meta p {
    margin-bottom: 0;
    color: #ddd;
    font-size: 0.8143vw; /* 10px */
}

.screenplay-meta span {
    color: #c59a53;
    font-weight: 600;
    margin-right: 0.3571vw; /* 5px */
}

.screenplay-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.7143vw; /* 10px */
    padding: 0.6571vw; /* 5px */
    border: 0.0714vw solid #b88d48; /* 1px */
    color: #d7aa60;
    text-transform: uppercase;
    font-size: 0.9143vw; /* 10px */
    letter-spacing: 0.0714vw; /* 1px */
    transition: .35s;
}

.screenplay-btn:hover{

    background:#b88d48;
    color:#fff;

}




/*=========================================
    FILMS CTA
=========================================*/

.films-cta {
    position: relative;
    padding: 1.2857vw 0; /* 60px at 1400px */
    background: url('../images/filmslate-cta-bg.jpg') center center / cover no-repeat;
    overflow: hidden;
    text-align: right;
    border-top: 0.2vw solid #fff;

}


.filmsandslate{
    background:url('../images/filmslate-cta-bg.jpg') center center/cover no-repeat;
}

.films-cta .overlay{

    position:absolute;
    inset:0;
    background: rgba(8,17,31,.4);

}

.films-cta .container{

    position:relative;
    z-index:2;

}
.films-cta h2 {
    font-family: 'Cinzel', serif;
    font-size: 2.5vw;       /* 46px */
    color: #fff;
    margin-bottom: 1.2857vw;   /* 18px */
    font-weight: 500;
}

.films-cta p {
    color: #d9d9d9;
    font-size: 1vw;           /* 21px */
    margin-bottom: 1vw;       /* 35px */
}

.films-cta .gold-btn {
   
    justify-content: center;
}

/*=========================================
ABOUT COMPANY
=========================================*/
.about-company {
    padding: 7.8571vw 0;
    background: #fff;
}

.about-image {
    position: relative;
    overflow: hidden;
    /*border-radius: 0.5714vw;*/
}

.about-image img{

    width:98%;
    display:block;
    transition:.5s;

}

.about-image:hover img{
    transform:scale(1.05);
}

.about-company .section-subtitle {
    display: inline-block;
    color: #b88d48;
    letter-spacing: 0.2143vw; /* 3px */
    font-weight: 600;
    margin-bottom: 1.4286vw; /* 20px */
    text-transform: uppercase;
    font-size: 1vw;
}

.about-company h2 {
    font-family: 'Cinzel', serif;
    font-size: 2.8571vw; /* 40px */
    line-height: 1.25;
    color: #08111f;
    margin-bottom: 2.1429vw; /* 30px */
}

.about-company h2 span{

    display:block;
    color:#b88d48;

}

.about-company p {
    color: #555;
    font-size: 1.2143vw; /* 17px */
    line-height: 1.9;
    margin-bottom: 1.5714vw; /* 22px */
}

.about-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2857vw 2.5vw; /* 18px 35px */
    margin: 2.8571vw 0; /* 40px */
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 1vw; /* 14px */
}

.feature-item i {
    width: 3.4286vw; /* 48px */
    height: 3.4286vw; /* 48px */
    background: #08111f;
    color: #c59a53;
    border-radius: 50%;
    display: flex;
    padding: 0.8vw;
    justify-content: center;
    align-items: center;
    font-size: 1.2857vw; /* 18px */
}

.feature-item span{

    color:#08111f;
    font-weight:600;
    font-size: 1.2857vw; /* 18px */

}

.about-hero{

    background:url('../images/about-banner.jpg') center center;

}



/*=========================================
OUR JOURNEY
=========================================*/
.our-journey {
    background: #08111f;
    padding: 4.8571vw 0; /* 110px */
    position: relative;
}

.journey-intro {
    max-width: 54.2857vw; /* 760px */
    margin: 0 auto 5vw; /* 70px */
    text-align: center;
    color: #cfcfcf;
    font-size: 1.2857vw;
    line-height: 1.9;
}

.timeline {
    position: relative;
    max-width: 67.8571vw; /* 950px */
    margin: auto;
}

.timeline::before {
    content: "";
    position: absolute;
    left: 12.1429vw; /* 170px */
    top: 0;
    bottom: 0;
    width: 0.1429vw; /* 2px */
    background: #b88d48;
}

.timeline-item {
    position: relative;
    display: flex;
    gap: 3.9286vw; /* 55px */
    margin-bottom: 2vw; /* 70px */
}


.timeline-item:last-child{

    margin-bottom:0;

}


.timeline-year {
    width: 11.4286vw; /* 160px */
    flex-shrink: 0;
    font-size: 1.4vw;
    font-family: 'Cinzel', serif;
    color: #c59a53;
    text-align: right;
    position: relative;
    font-weight: 600;
}

.timeline-year::after {
    content: "";
    position: absolute;
    right: -1.3571vw; /* -19px */
    top: 0.5vw; /* 7px */
    width: 1.1429vw; /* 16px */
    height: 1.1429vw; /* 16px */
    border-radius: 50%;
    background: #c59a53;
    border: 0.2857vw solid #08111f; /* 4px */
}


.timeline-content {
    flex: 1;
    background: rgba(255,255,255,.03);
    border: 0.0714vw solid rgba(184,141,72,.18); /* 1px */
    padding: 2.1429vw; /* 30px */
    border-radius: 0.5714vw; /* 8px */
    transition: .35s;
}

.timeline-content:hover {
    transform: translateX(0.5714vw); /* 8px */
    border-color: #c59a53;
    box-shadow: 0 1.0714vw 2.5vw rgba(0,0,0,.30); /* 15px 35px */
}


.timeline-content h3 {
    color: #fff;
    font-size: 1.4vw; /* 28px */
    margin-bottom: 1.0714vw; /* 15px */
    font-weight: 600;
    font-family: 'Cinzel', serif;
}

.timeline-content p {
    color: #cfcfcf;
    line-height: 1.9;
    margin: 0;
    font-size: 1.2vw;
}


/*=====================================
WHAT WE DO
=====================================*/
.what-we-do {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.what-we-do h2 {
    color: black;
}

.what-we-do .section-description {
    
    margin: 0 auto 4.2857vw; /* 60px */
    text-align: center;
    color: #222222;
    line-height: 1.9;
    font-size: 1.2vw;
}

.service-card {
    background: #fff;
    border: 0.0714vw solid #eee; /* 1px */
    padding: 3.2143vw 2.5vw; /* 45px 35px */
    text-align: center;
    transition: .4s;
    height: 100%;
}

.service-card:hover {
    transform: translateY(-0.7143vw); /* 10px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 3.5714vw rgba(0,0,0,.08); /* 20px 50px */
}

.service-icon {
    width: 5.7143vw; /* 80px */
    height: 5.7143vw; /* 80px */
    margin: 0 auto 2.1429vw; /* 30px */
    border-radius: 50%;
    background: #08111f;
    color: #c59a53;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 2.1429vw; /* 30px */
}

.service-card h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.7143vw; /* 24px */
    margin-bottom: 1.4286vw; /* 20px */
}

.service-card p {
    color: #666;
    line-height: 1.8;
    font-size: 1.1vw;
}


/*=====================================
WHY MEDIAMARK
=====================================*/
.why-mediamark {
    background: #08111f;
    padding: 2.8571vw 0; /* 110px */
}

.why-image {
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
}

.why-image img {
    width: 100%;
    display: block;
    transition: .5s;
}

.why-image:hover img {
    transform: scale(1.05);
}

.why-mediamark h2 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 2.8vw; /* 46px */
    margin-bottom: 0.5vw; /* 25px */
}

.why-mediamark p {
    color: #cfcfcf;
    line-height: 1.9;
    margin-bottom: 1.4vw; /* 35px */
    font-size: 1.2vw;
}

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

.why-list li {
    color: #fff;
    margin-bottom: 1.4286vw; /* 20px */
    display: flex;
    align-items: flex-start;
    gap: 1.0714vw; /* 15px */
    font-size: 1.1vw;
}

.why-list i {
    color: #c59a53;
    margin-top: 0.3571vw; /* 5px */
}

/*=====================================
Recognition
=====================================*/
.recognition-section {
    padding: 2.8571vw 0; /* 110px */
    background: #fff;
}

.recognition-section h2 {
    color: black;
}


.recognition-section .section-description{
    color: #222222;
}

.achievement-box {
    text-align: center;
    border: 0.0714vw solid #ececec; /* 1px */
    padding: 3.2143vw 1.7857vw; /* 45px 25px */
    transition: .35s;
    height: 100%;
}

.achievement-box:hover {
    transform: translateY(-0.5714vw); /* 8px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 3.2143vw rgba(0,0,0,.08); /* 20px 45px */
}

.achievement-box i {
    font-size: 2.4286vw; /* 34px */
    color: #c59a53;
    margin-bottom: 1.7857vw; /* 25px */
}

.achievement-box h3 {
    font-size: 3.5714vw; /* 50px */
    color: #08111f;
    font-family: 'Cinzel', serif;
    margin-bottom: 0.7143vw; /* 10px */
}

.achievement-box h4 {
    font-size: 1.4286vw; /* 20px */
    margin-bottom: 1.0714vw; /* 15px */
}

.achievement-box p {
    color: #666;
    line-height: 1.8;
    font-size: 1.1vw;
}


/*=====================================
Global Collaboration
=====================================*/
.global-collaboration {
    background: #08111f;
    padding: 1.8571vw 0; /* 110px */
}

.global-collaboration h2 {
    color: #fff;
    font-size: 2.8vw; /* 48px */
    font-family: 'Cinzel', serif;
    margin-bottom: 1.7857vw; /* 25px */
}

.global-collaboration p {
    color: #d0d0d0;
    line-height: 2;
    margin-bottom: 2.5vw; /* 35px */
    font-size: 1.1vw;
}

.world-map img {
    width: 100%;
}

.countries {
    display: flex;
    flex-wrap: wrap;
    gap: 1.0714vw; /* 15px */
    font-size: 1.1vw;
}

.countries span {
    border: 0.0714vw solid rgba(197,154,83,.35); /* 1px */
    color: #d7aa60;
    padding: 0.7143vw 1.2857vw; /* 10px 18px */
    border-radius: 2.1429vw; /* 30px */
    transition: .3s;
}

.countries span:hover {
    background: #c59a53;
    color: #fff;
}

/*=====================================
ABOUT CTA
=====================================*/
.about-cta {
    position: relative;
    padding: 1.8571vw 0; /* 40px */
    background: url('../images/aboutcta.jpg') center/cover;
    overflow: hidden;
    border-top: 0.2vw solid #fff;
}

.about-cta .overlay {
    position: absolute;
    inset: 0;
    background: rgba(8,17,31,.4);
}

.about-cta .container {
    position: relative;
    z-index: 2;
}

.about-cta h2 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 2.5vw; /* 52px */
    margin-bottom: 1.7857vw; /* 25px */
}

.about-cta p {
    color: #d8d8d8;
    font-size: 1vw; /* 20px */
    line-height: 1.6;
    margin-bottom: 1vw; /* 40px */
}

/*=====================================
PRODUCTION EXPERTISE
=====================================*/
.production-expertise {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.production-image {
    overflow: hidden;
    border-radius: 0.7143vw; /* 10px */
}

.production-image img, .production-expertise img {
    width: 100%;
    transition: .5s;
}

.production-image:hover img {
    transform: scale(1.05);
}

.production-expertise h2 {
    font-family: 'Cinzel', serif;
    font-size: 3vw; /* 48px */
    color: #08111f;
    margin: 1.4286vw 0 1.7857vw; /* 20px 0 25px */
}

.production-expertise h2 span {
    display: block;
    color: #c59a53;
}

.production-expertise p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 2.5vw; /* 35px */
    font-size: 1.1vw;
}

.expertise-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2857vw; /* 18px */
}

.expertise-item {
    display: flex;
    align-items: center;
    gap: 0.8571vw; /* 12px */
    font-size: 1.1vw;
}

.expertise-item i {
    color: #c59a53;
    font-size: 1.2857vw;
}

.expertise-item span {
    font-weight: 600;
}

/*=====================================
PRODUCTION SERVICES
=====================================*/
.production-services {
    background: #08111f;
    padding: 7.8571vw 0; /* 110px */
}

.production-services .section-description {
    color: #d0d0d0;
}

.production-service-card {
    background: rgba(255,255,255,.04);
    border: 0.0714vw solid rgba(197,154,83,.15); /* 1px */
    padding: 3.2143vw 2.1429vw; /* 45px 30px */
    text-align: center;
    transition: .35s;
    height: 100%;
}

.production-service-card:hover {
    transform: translateY(-0.5714vw); /* 8px */
    border-color: #c59a53;
}

.production-service-card i {
    font-size: 2.7143vw; /* 38px */
    color: #c59a53;
    margin-bottom: 1.7857vw; /* 25px */
}

.production-service-card h3 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 1.7143vw; /* 24px */
    margin-bottom: 1.2857vw; /* 18px */
}

.production-service-card p {
    color: #d0d0d0;
    line-height: 1.8;
}


/*=====================================
PRODUCTION PROCESS
=====================================*/
.production-process {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.production-process h2 {
    color: black;
}


.production-process .section-description{
    color: #000;
    font-size: 1vw;
}
.process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.1429vw; /* 30px */
    margin-top: 4.2857vw; /* 60px */
}

.process-grid-work-with-us {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.4286vw; /* 20px */
    margin-top: 4.2857vw; /* 60px */
}

.process-step-work-with-us {
    border: 0.0714vw solid #ececec; /* 1px */
    padding: 1.0714vw 0.7143vw; /* 15px 10px */
    text-align: center;
    position: relative;
    transition: .35s;
}

.process-step-work-with-us:hover {
    transform: translateY(-0.7143vw); /* 10px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 2.8571vw rgba(0,0,0,.08); /* 20px 40px */
}

.process-step-work-with-us h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.2857vw;
    margin-bottom: 1.2857vw; /* 18px */
}

.process-step-work-with-us p {
    color: #666;
    line-height: 1.8;
    font-size: 0.8571vw; /* 12px */
    margin-bottom: 2.1429vw; /* 30px */
}

.process-step-work-with-us .gold-btn {
    padding: 0.3571vw !important; /* 5px */
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.process-step {
    border: 0.0714vw solid #ececec; /* 1px */
    padding: 1vw; /* 45px 30px */
    text-align: center;
    position: relative;
    transition: .35s;
    background-color: #000;
}

.process-step:hover {
    transform: translateY(-0.7143vw); /* 10px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 2.8571vw rgba(0,0,0,.08); /* 20px 40px */
}

.process-step span {
    position: absolute;
    top: 1.4286vw; /* 20px */
    right: 1.4286vw; /* 20px */
    font-size: 2.7143vw; /* 38px */
    color: #fff;
    font-family: 'Cinzel', serif;
}

.process-step i {
    font-size: 2.8571vw; /* 40px */
    color: #c59a53;
    margin-bottom: 1.7857vw; /* 25px */
}

.process-step h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.7143vw; /* 24px */
    margin-bottom: 1.2857vw; /* 18px */
    color: #fff;
}

.process-step p {
    color: #fff;
    line-height: 1.8;
    font-size: 1.1vw;
}

/*=====================================
BEHIND THE SCENES
=====================================*/
.behind-scenes {
    padding: 3.8571vw 0; /* 110px */
    background: #08111f;
}

.gallery-large,
.gallery-small {
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    position: relative;
}

.gallery-large img,
.gallery-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.gallery-large:hover img,
.gallery-small:hover img {
    transform: scale(1.08);
}


/*=====================================
WHY PRODUCE
=====================================*/
.why-produce {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.why-produce h2 {
    font-family: 'Cinzel', serif;
    font-size: 3.2857vw; /* 46px */
    margin: 1.4286vw 0; /* 20px */
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2857vw; /* 18px */
    margin-top: 2.8571vw; /* 40px */
}

.why-grid div {
    display: flex;
    gap: 0.8571vw; /* 12px */
    align-items: center;
    font-weight: 600;
}

.why-grid i {
    color: #c59a53;
}

/*=====================================
PRODUCTION CAPABILITIES
=====================================*/
.production-capabilities {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.capability-box {
    text-align: center;
    border: 0.0714vw solid rgba(197,154,83,.20); /* 1px */
    padding: 3.5714vw 1.4286vw; /* 50px 20px */
}

.capability-box h3 {
    color: #c59a53;
    font-family: 'Cinzel', serif;
    font-size: 4.1429vw; /* 58px */
}

.capability-box p {
    color: #fff;
    margin-top: 1.0714vw; /* 15px */
    font-size: 1.1vw;
}


/*=====================================
OUR COMMITMENT
=====================================*/
.our-commitment {
    padding: 9.2857vw 0; /* 130px */
    background: #fff;
}

.quote-icon {
    font-size: 3.9286vw; /* 55px */
    color: #c59a53;
    margin-bottom: 2.5vw; /* 35px */
}

.our-commitment h2 {
    font-family: 'Cinzel', serif;
    font-size: 3vw; /* 42px */
    line-height: 1.6;
    color: #08111f;
}

.our-commitment span {
    display: block;
    margin-top: 2.8571vw; /* 40px */
    color: #c59a53;
    letter-spacing: 0.2143vw; /* 3px */
}


/*=====================================
FEATURED NEWS
=====================================*/
.featured-news {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.featured-news h2 {
    color: black;
}

.featured-news-box {
    margin-top: 4.2857vw; /* 60px */
    background: #08111f;
    overflow: hidden;
    border-radius: 0.8571vw; /* 12px */
    box-shadow: 0 1.4286vw 3.5714vw rgba(0,0,0,.12); /* 20px 50px */
}

.featured-news-image {
    overflow: hidden;
    height: 100%;
}

.featured-news-image img {
    width: 100%;
    height: 100%;
    min-height: 37.1429vw; /* 520px */
    object-fit: cover;
    transition: .5s;
}

.featured-news-box:hover img {
    transform: scale(1.05);
}

.featured-news-content {
    padding: 5vw 4.2857vw; /* 70px 60px */
}

.news-category {
    display: inline-block;
    padding: 0.5714vw 1.2857vw; /* 8px 18px */
    background: #c59a53;
    color: #fff;
    font-size: 0.9286vw; /* 13px */
    text-transform: uppercase;
    letter-spacing: 0.1429vw; /* 2px */
    border-radius: 2.1429vw; /* 30px */
    margin-bottom: 1.4286vw; /* 20px */
}

.news-date {
    display: block;
    color: #b8b8b8;
    margin-bottom: 1.4286vw; /* 20px */
    font-size: 1.0714vw; /* 15px */
}

.featured-news-content h2 {
    font-family: 'Cinzel', serif;
    color: #fff;
    font-size: 3vw; /* 42px */
    line-height: 1.35;
    margin-bottom: 1.7857vw; /* 25px */
}

.featured-news-content p {
    color: #d5d5d5;
    line-height: 2;
    margin-bottom: 2.5vw; /* 35px */
}

/*=====================================
LATEST NEWS
=====================================*/
.latest-news {
    padding: 7.8571vw 0; /* 110px */
    background: #f8f8f8;
}

.latest-news h2 {
    color: black;
}

.news-card {
    background: #fff;
    overflow: hidden;
    border-radius: 0.7143vw; /* 10px */
    transition: .35s;
    box-shadow: 0 0.8571vw 2.1429vw rgba(0,0,0,.06); /* 12px 30px */
    height: 100%;
}

.news-card:hover {
    transform: translateY(-0.5714vw); /* 8px */
}

.news-image {
    position: relative;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: 17.8571vw; /* 250px */
    object-fit: cover;
    transition: .5s;
}

.news-card:hover img {
    transform: scale(1.08);
}

.news-tag {
    position: absolute;
    top: 1.2857vw; /* 18px */
    left: 1.2857vw; /* 18px */
    background: #c59a53;
    color: #fff;
    padding: 0.5vw 1.1429vw; /* 7px 16px */
    font-size: 0.8571vw; /* 12px */
    letter-spacing: 0.0714vw; /* 1px */
    text-transform: uppercase;
    border-radius: 2.1429vw; /* 30px */
}

.news-content {
    padding: 2.1429vw; /* 30px */
}

.news-content h3 {
    font-family: 'Cinzel', serif;
    font-size: 1.7143vw; /* 24px */
    margin: 1.0714vw 0; /* 15px 0 */
}

.news-content p {
    color: #666;
    line-height: 1.8;
    font-size: 1.1vw;
}

.news-content a {
    color: #c59a53;
    font-weight: 600;
    text-decoration: none;
}

/*=====================================
PRESS RELEASES
=====================================*/
.press-releases {
    padding: 3.8571vw 0; /* 110px */
    background: #08111f;
}

.release-list {
    margin-top: 4.2857vw; /* 60px */
}

.release-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.0714vw 0; /* 15px */
    border-bottom: 0.0714vw solid rgba(255,255,255,.10); /* 1px */
}

.release-item h3 {
    color: #fff;
    font-size: 1.5714vw; /* 22px */
    margin-top: 0.7143vw; /* 10px */
}

.release-date {
    color: #c59a53;
    letter-spacing: 0.1429vw; /* 2px */
    text-transform: uppercase;
    font-size: 0.9vw;
}


/*=====================================
FESTIVAL TIMELINE
=====================================*/

.festival-timeline {
    padding: 7.8571vw 0 0 0; /* 110px */
    background: #fff;
}

.festival-timeline h2 {
    color: black;
}

.fest-timeline {
    position: relative;
    margin-top: 5vw; /* 70px */
}

.fest-timeline::before {
    content: "";
    position: absolute;
    left: 1.1429vw; /* 16px */
    top: 0;
    bottom: 0;
    width: 0.1429vw; /* 2px */
    background: #c59a53;
}

.fest-timeline-item {
    position: relative;
    padding-left: 5vw; /* 70px */
    margin-bottom: 4.2857vw; /* 60px */
}

.fest-timeline-header {
    display: flex;
    align-items: center;
    gap: 1.2857vw; /* 18px */
    margin-bottom: 1.2857vw; /* 18px */
    position: relative;
}

.timeline-dot {
    width: 1.5714vw; /* 22px */
    height: 1.5714vw; /* 22px */
    border-radius: 50%;
    background: #c59a53;

    position: absolute;
    left: -4.6429vw; /* -65px */
    top: 0.5714vw; /* 8px */
    z-index: 5;
}

.fest-timeline-year {
    color: #c59a53;
    font-size: 1.7857vw; /* 25px */
    font-weight: 700;
}

.fest-timeline-content {
    background: #f8f8f8;
    padding: 2.8571vw; /* 40px */
    border-left: 0.3571vw solid #c59a53; /* 5px */
}

.fest-timeline-content h3 {
    margin-bottom: 1.2857vw; /* 18px */
}

.fest-timeline-content p {
    color: #666;
    line-height: 1.8;
    font-size: 1.1vw;
}
.media-coverage {
    padding: 2.8571vw 0; /* 40px */
    background: #fff;
}

.media-coverage h2 {
    color: black;
}

.media-coverage p{
    font-size: 1.1vw;
}

.media-card {
    background: #f8f8f8;
    padding: 2.8571vw; /* 40px */
    height: 100%;
    transition: .35s;
    border-top: 0.2857vw solid transparent; /* 4px */
}

.media-card:hover {
    transform: translateY(-0.5714vw); /* 8px */
    border-color: #c59a53;
    box-shadow: 0 1.2857vw 2.8571vw rgba(0,0,0,.08); /* 18px 40px */
}

.media-logo img {
    height: 3vw; /* 42px */
    margin-bottom: 1.7857vw; /* 25px */
}

.media-date {
    display: block;
    color: #c59a53;
    font-weight: 600;
    font-size: 1.1vw;
    margin-bottom: 1.2857vw; /* 18px */
}

.media-card h3 {
    font-family: 'Cinzel', serif;
    font-size: 2vw; /* 28px */
    margin-bottom: 1.4286vw; /* 20px */
    color: #111;
}

.media-card p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 2.1429vw; /* 30px */
    font-size: 1.1vw;
}

.media-card a {
    color: #c59a53;
    text-decoration: none;
    font-weight: 600;
}
.newsletter-section {
    position: relative;
    padding: 8.5714vw 0; /* 120px */
    background: url("../images/newsletter-bg-new.jpg") center/cover;
    color: #fff;
}

.newsletter-section .overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.72);
}

.newsletter-section .container {
    position: relative;
    z-index: 2;
}

.newsletter-section h2 {
    font-family: 'Cinzel', serif;
    font-size: 3.8571vw; /* 54px */
    margin: 1.4286vw 0; /* 20px */
}

.newsletter-section h2 span {
    color: #c59a53;
}

.newsletter-section p {
    max-width: 51.4286vw; /* 720px */
    margin: auto;
    color: #ddd;
    line-height: 1.9;
    margin-bottom: 3.2143vw; /* 45px */
}

.newsletter-form {
    display: flex;
    justify-content: center;
    gap: 1.0714vw; /* 15px */
    flex-wrap: wrap;
}

.newsletter-form input {
    width: 30vw; /* 420px */
    max-width: 100%;
    height: 4.2857vw; /* 60px */
    border: none;
    padding: 0 1.7857vw; /* 25px */
    font-size: 1.1429vw; /* 16px */
    outline: none;
}

.newsletter-form button {
    height: 4.2857vw; /* 60px */
    padding: 0 2.8571vw; /* 40px */
    border: none;
    background: #c59a53;
    color: #fff;
    font-weight: 600;
    transition: .3s;
}

.newsletter-form button:hover{

    background:#b48a44;

}




.work-hero{
    background:
        linear-gradient(rgba(5,10,20,.45), rgba(5,10,20,.65)),
        url("../images/work-hero-new.jpg") center center/cover no-repeat;

    background-size:cover;
}




/*==========================================
BUILD STORIES
==========================================*/
.build-stories {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.build-image {
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    box-shadow: 0 1.4286vw 3.5714vw rgba(0,0,0,.15); /* 20px 50px */
}

.build-image img {
    width: 100%;
    display: block;
    transition: .5s;
}

.build-image:hover img {
    transform: scale(1.05);
}

.build-content .section-subtitle {
    display: inline-block;
    color: #c59a53;
    font-size: 1.0714vw; /* 15px */
    font-weight: 600;
    letter-spacing: 0.2143vw; /* 3px */
    text-transform: uppercase;
    margin-bottom: 1.2857vw; /* 18px */
}

.build-content h2 {
    font-family: 'Cinzel', serif;
    font-size: 3vw; /* 46px */
    color: #111;
    margin-bottom: 2vw; /* 28px */
}

.build-content p {
    color: #666;
    line-height: 1.9;
    margin-bottom: 1.5714vw; /* 22px */
    font-size: 1.2143vw; /* 17px */
}

.build-content .gold-btn {
    margin-top: 0.7143vw; /* 10px */
}



/*=====================================
WHO WE WORK WITH
=====================================*/
.who-we-work {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.who-we-work h2 {
    color: #fff;
}

.section-description {
    margin: 1.7857vw auto 4.2857vw; /* 25px auto 60px */
    text-align: center;
    color: #cfcfcf;
    line-height: 1.9;
    font-size: 1vw;
}

.partner-card {
    background: #111d2f;
    padding: 3.2143vw 2.5vw; /* 45px 35px */
    text-align: center;
    border-radius: 0.5714vw; /* 8px */
    height: 100%;
    transition: .35s;
    border: 0.0714vw solid rgba(255,255,255,.08); /* 1px */
}

.partner-card:hover {
    transform: translateY(-0.5714vw); /* 8px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 3.2143vw rgba(0,0,0,.35); /* 20px 45px */
}

.partner-icon {
    width: 5.8571vw; /* 82px */
    height: 5.8571vw; /* 82px */
    margin: 0 auto 2.1429vw; /* 30px */
    border-radius: 50%;
    background: #c59a53;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partner-icon i {
    font-size: 2.4286vw; /* 34px */
    color: #fff;
}

.partner-card h3 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 2vw; /* 28px */
    margin-bottom: 1.2857vw; /* 18px */
}

.partner-card p {
    color: #d4d4d4;
    line-height: 1.9;
    margin: 0;
    font-size: 1.1vw;
}

/*=====================================
COLLABORATION OPPORTUNITIES
=====================================*/
.collaboration-opportunities {
    padding: 3.8571vw 0; /* 110px */
    background: #fff;
}


.collaboration-opportunities .section-subtitle {
    color: #d2a85b;
    letter-spacing: 0.2857vw; /* 4px */
    font-size: 1vw;           /* 14px */
    display: block;
    margin-bottom: 0vw;  /* 20px */
}


.collab-image {
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    box-shadow: 0 1.4286vw 3.2143vw rgba(0,0,0,.15); /* 20px 45px */
}

.collab-image img {
    width: 100%;
    display: block;
    transition: .5s;
}

.collab-image:hover img {
    transform: scale(1.05);
}

.collab-content h2 {
    font-family: 'Cinzel', serif;
    font-size: 3vw;
    color: #111;
    margin: 1vw 0;
}

.collab-content p {
    color: #666;
   line-height: 1.5;
    margin-bottom: 1.5vw;
    font-size: 1vw;
}

.collab-list {
    margin-bottom: 1.5vw;
}

.collab-item {
    display: flex;
    align-items: center;
    gap: 1.0714vw; /* 15px */
    margin-bottom: 0.2vw;
}

.collab-item i {
    color: #c59a53;
    font-size: 1.4286vw; /* 20px */
}

.collab-item span {
    color: #222;
    font-size: 1.2143vw; /* 17px */
    font-weight: 500;
}

/*=====================================
WHY PARTNER
=====================================*/
.why-partner {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.why-partner h2 {
    color: #fff;
}

.partner-feature {
    background: #111d2f;
    padding: 3.2143vw 2.1429vw; /* 45px 30px */
    text-align: center;
    border-radius: 0.5714vw; /* 8px */
    height: 100%;
    transition: .35s;
    border: 0.0714vw solid rgba(255,255,255,.08); /* 1px */
}

.partner-feature:hover {
    transform: translateY(-0.5714vw); /* 8px */
    border-color: #c59a53;
    box-shadow: 0 1.4286vw 3.2143vw rgba(0,0,0,.35); /* 20px 45px */
}

.feature-icon {
    width: 5.7143vw; /* 80px */
    height: 5.7143vw; /* 80px */
    margin: 0 auto 1.7857vw; /* 25px */
    border-radius: 50%;
    background: #c59a53;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-icon i {
    color: #fff;
    font-size: 2.4286vw; /* 34px */
}

.partner-feature h3 {
    font-family: 'Cinzel', serif;
    color: #fff;
    font-size: 1.7143vw; /* 24px */
    margin-bottom: 1.2857vw; /* 18px */
}

.partner-feature p {
    color: #d4d4d4;
    line-height: 1.9;
    margin: 0;
    font-size: 1.1vw;
}


/*=====================================
FAQ
=====================================*/
.faq-section {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.faq-section h2 {
    color: black;
}

.faq-section .accordion-item {
    border: none;
    margin-bottom: 1.2857vw; /* 18px */
    box-shadow: 0 0.5714vw 1.7857vw rgba(0,0,0,.06); /* 8px 25px */
}

.faq-section .accordion-button {
    background: #f8f8f8;
    color: #111;
    font-weight: 600;
    padding: 1.7857vw 2.1429vw; /* 25px 30px */
    font-size: 1.2857vw;
    box-shadow: none;
}

.faq-section .accordion-button:not(.collapsed) {
    background: #c59a53;
    color: #fff;
}

.faq-section .accordion-button:focus {
    box-shadow: none;
}

.faq-section .accordion-body {
    padding: 2.1429vw; /* 30px */
    color: #666;
    line-height: 1.9;
}

/*=====================================
CONTACT
=====================================*/
.contact-section {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.contact-section h2 {
    color: #fff;
}

.contact-section .section-description {
    color: #d4d4d4;
}

.contact-info {
    background: #111d2f;
    padding: 3.5714vw; /* 50px */
    height: 100%;
    border-radius: 0.5714vw; /* 8px */
}

.contact-info h3 {
    font-family: 'Cinzel', serif;
    color: #fff;
    font-size: 2.7143vw; /* 38px */
    margin-bottom: 1.7857vw; /* 25px */
}

.contact-info p {
    color: #cfcfcf;
    line-height: 1.9;
    margin-bottom: 2.8571vw; /* 40px */
    font-size: 1.1vw;
}

.info-item {
    display: flex;
    gap: 1.2857vw; /* 18px */
    margin-bottom: 2.1429vw; /* 30px */
    font-size: 1.1vw;
}

.info-item i {
    width: 3.9286vw; /* 55px */
    height: 3.9286vw; /* 55px */
    border-radius: 50%;
    background: #c59a53;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4286vw; /* 20px */
    flex-shrink: 0;
}

.info-item h5 {
    color: #fff;
    margin-bottom: 0.3571vw; /* 5px */
    font-size: 1.2vw;
}

.info-item span{
    color:#d4d4d4;
}

/* FORM */
.contact-form-box {
    background: #fff;
    padding: 3.5714vw; /* 50px */
    border-radius: 0.5714vw; /* 8px */
}

.contact-form-box .form-control,
.contact-form-box .form-select {
    height: 4.1429vw; /* 58px */
    border-radius: 0;
    border: 0.0714vw solid #ddd; /* 1px */
    box-shadow: none;
    padding: 1.0714vw; /* 15px */
    font-size: 1.1vw;
}

.contact-form-box textarea.form-control {
    height: auto;
    resize: none;
}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus {
    border-color: #c59a53;
    box-shadow: none;
}

.contact-form-box .gold-btn {
    border: none;
}


/*=====================================
OFFICE
=====================================*/
.office-section {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.office-section h2 {
    color: black;
}

.office-card {
    text-align: center;
    background: #f8f8f8;
    padding: 3.2143vw 2.5vw; /* 45px 35px */
    height: 100%;
    border-radius: 0.5714vw; /* 8px */
    transition: .35s;
}

.office-card:hover {
    transform: translateY(-0.5714vw); /* 8px */
    box-shadow: 0 1.4286vw 3.2143vw rgba(0,0,0,.08); /* 20px 45px */
}

.office-card i {
    width: 5.7143vw; /* 80px */
    height: 5.7143vw; /* 80px */
    background: #c59a53;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 2.1429vw; /* 30px */
    margin-bottom: 1.7857vw; /* 25px */
}

.office-card h3 {
    font-family: 'Cinzel', serif;
    color: #111;
    margin-bottom: 1.4286vw; /* 20px */
}

.office-card p {
    color: #666;
    line-height: 1.9;
    margin: 0;
}




/*=====================================
MAP
=====================================*/
.map-section {
    line-height: 0;
}

.map-section iframe {
    width: 100%;
    height: 35.7143vw; /* 500px */
    border: 0;
    display: block;
}


/* =========================================
   FILM OVERVIEW
========================================= */

.film-overview {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.film-detail-poster {
    max-width: 30.7143vw; /* 430px */
    margin: auto;
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    box-shadow: 0 1.7857vw 4.2857vw rgba(0,0,0,.18); /* 25px 60px */
}

.film-detail-poster img {
    width: 100%;
    display: block;
    /*aspect-ratio: 2 / 3;*/
    object-fit: cover;
}

.film-overview-content {
    padding-left: 2.1429vw; /* 30px */
}

.film-overview-content .section-subtitle {
    color: #c59a53;
    font-size: 1vw; /* 14px */
    font-weight: 600;
    letter-spacing: 0.2143vw; /* 3px */
}

.film-overview-content h2 {
    font-family: 'Cinzel', serif;
    font-size: 3.4286vw; /* 48px */
    color: #111;
    margin: 1.2857vw 0; /* 18px */
}

.film-overview-content p {
    color: #666;
    line-height: 1.9;
    font-size: 1.2143vw; /* 17px */
    margin-bottom: 2.5vw; /* 35px */
}

.film-meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4286vw; /* 20px */
}

.film-meta div {
    padding: 1.2857vw 1.4286vw; /* 18px 20px */
    background: #f7f7f7;
    border-left: 0.2143vw solid #c59a53; /* 3px */
}

.film-meta strong {
    display: block;
    color: #111;
    font-size: 0.9286vw; /* 13px */
    text-transform: uppercase;
    letter-spacing: 0.0714vw; /* 1px */
    margin-bottom: 0.3571vw; /* 5px */
}

.film-meta span{

    color:#666;
    font-size: 0.9286vw; /* 13px */

}






/*=====================================
BEHIND THE STORY
=====================================*/
.behind-story {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.behind-story .section-title h2 {
    color: #fff;
}

.behind-story-image {
    position: relative;
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    box-shadow: 0 1.7857vw 4.2857vw rgba(0,0,0,.35); /* 25px 60px */
}

.behind-story-image img {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: .6s;
}

.behind-story-image:hover img {
    transform: scale(1.05);
}

.image-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.7857vw; /* 25px */
    background: linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );
}

.image-caption span {
    color: #fff;
    font-size: 0.8571vw; /* 12px */
    letter-spacing: 0.2143vw; /* 3px */
    font-weight: 600;
}

.behind-story-content {
    padding-left: 1.7857vw; /* 25px */
}

.behind-story-content .section-subtitle {
    color: #c59a53;
    font-size: 0.9286vw; /* 13px */
    font-weight: 600;
    letter-spacing: 0.2143vw; /* 3px */
}

.behind-story-content h3 {
    font-family: 'Cinzel', serif;
    color: #fff;
    font-size: 3vw; /* 42px */
    line-height: 1.3;
    margin: 1.2857vw 0; /* 18px */
}

.behind-story-content .gold-line {
    width: 5vw; /* 70px */
    height: 0.2143vw; /* 3px */
    background: #c59a53;
    margin-bottom: 2.1429vw; /* 30px */
}

.behind-story-content p {
    color: #cfcfcf;
    font-size: 1.1429vw; /* 16px */
    line-height: 1.9;
    margin-bottom: 1.4286vw; /* 20px */
}




/*=====================================
FILM GALLERY
=====================================*/
.film-gallery {
    padding: 7.8571vw 0; /* 110px */
    background: #fff;
}

.film-gallery h2 {
    color: black;
}


/* MAIN IMAGE */

.filmGallerySlider {
    position: relative;
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
    background: #111;
}

.filmGallerySlider .swiper-slide {
    width: 100% !important;
    padding: 0 !important;
}

.gallery-image {
    width: 100%;
    height: 46.4286vw; /* 650px */
    object-fit: cover;
    display: block;
}
/* DARK GRADIENT */

.film-gallery-slide{

    position:relative;

}

.film-gallery-slide:after{

    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.45),
        transparent 35%
    );

    pointer-events:none;

}


/* ARROWS */
.filmGallerySlider .swiper-button-next,
.filmGallerySlider .swiper-button-prev {
    width: 3.9286vw; /* 55px */
    height: 3.9286vw; /* 55px */

    border-radius: 50%;

    background: rgba(0,0,0,.55);

    backdrop-filter: blur(0.5714vw); /* 8px */

    transition: .3s;
}

.filmGallerySlider .swiper-button-next:hover,
.filmGallerySlider .swiper-button-prev:hover {
    background: #c59a53;
}

.filmGallerySlider .swiper-button-next::after,
.filmGallerySlider .swiper-button-prev::after {
    color: #fff;
    font-size: 1.2857vw;
    font-weight: bold;
}


/*=====================================
THUMBNAILS
=====================================*/

.filmGalleryThumbs {
    margin-top: 1.4286vw; /* 20px */
    padding: 0 3.2143vw; /* 45px */
}

.filmGalleryThumbs .swiper-slide {
    width: 9.2857vw !important; /* 130px */
    height: 6.0714vw; /* 85px */

    padding: 0 !important;

    opacity: .45;

    cursor: pointer;

    border-radius: 0.3571vw; /* 5px */

    overflow: hidden;

    transition: .3s;
}

.filmGalleryThumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.filmGalleryThumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.filmGalleryThumbs .swiper-slide-thumb-active {
    border: 0.1429vw solid #c59a53; /* 2px */
}




/*=====================================
CAST & CREW
=====================================*/
.cast-crew {
    padding: 7.8571vw 0; /* 110px */
    background: #08111f;
}

.cast-crew .section-title h2{

    color:#fff;

}


/*=====================================
CAST
=====================================*/
.cast-section {
    margin-top: 4.6429vw; /* 65px */
}

.cast-heading {
    margin-bottom: 2.5vw; /* 35px */
}

.cast-heading h3,
.crew-heading h3 {
    font-family: 'Cinzel', serif;
    color: #fff;
    font-size: 2.4286vw; /* 34px */
    margin-top: 0.8571vw; /* 12px */
}


/* CAST CARD */

.cast-card {
    position: relative;
    overflow: hidden;
    background: #111d2f;
    border-radius: 0.5714vw; /* 8px */
}

.cast-image {
    position: relative;
    overflow: hidden;
}

.cast-image img {
    width: 100%;
    height: 30vw; /* 420px */
    object-fit: cover;
    display: block;
    transition: .5s;
}

.cast-card:hover .cast-image img {
    transform: scale(1.05);
}


/* IMAGE GRADIENT */

.cast-image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;

    background: linear-gradient(
        transparent,
        rgba(0,0,0,.75)
    );
}


/* CAST INFORMATION */

.cast-info {
    padding: 1.7857vw 1.7857vw 2vw; /* 25px 25px 28px */
}

.cast-info h4 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 1.5vw; /* 21px */
    margin-bottom: 0.5714vw; /* 8px */
}

.cast-info span {
    color: #c59a53;
    font-size: 1vw; /* 14px */
    letter-spacing: 0.0357vw; /* .5px */
}


/*=====================================
CREW
=====================================*/

.crew-section {
    margin-top: 7.1429vw; /* 100px */
}

.crew-heading {
    margin-bottom: 2.5vw; /* 35px */
}

.crew-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.crew-member {
    width: 50%;
    padding: 1.7857vw 2.1429vw; /* 25px 30px */
    border-bottom: 0.0714vw solid rgba(255,255,255,.12); /* 1px */
}

.crew-member:nth-child(odd) {
    border-right: 0.0714vw solid rgba(255,255,255,.12); /* 1px */
}

.crew-role {
    color: #c59a53;
    font-size: 0.8571vw; /* 12px */
    font-weight: 600;
    letter-spacing: 0.1429vw; /* 2px */
    text-transform: uppercase;
    margin-bottom: 0.5714vw; /* 8px */
}

.crew-name {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 1.5vw; /* 21px */
}

.midCompleted{

    background:#1e2b42;
    

}



/*=====================================
FOUNDER
=====================================*/

.founder-section {
    padding: 2.8571vw 0; /* 110px */
    background: #08111f;
}

.founder-image{

     display: flex;
    justify-content: center;

}
.founder-image img {
    width: 98%;
    height: 25vw;
    object-fit: cover;
    object-position: 80%;
    display: block;
}

/* Gold accent */
.founder-image::after {
    content: "";
    position: absolute;
    margin: 24% 0 0 -18%;
    width: 5.7143vw; /* 80px */
    height: 0.2143vw; /* 3px */
    background: #c59a53;
}


.founder-section h2 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 2.4286vw; /* 48px */
    margin: 0.8571vw 0 0.5714vw; /* 12px 0 8px */
}

.founder-role {
    color: #c59a53;
    font-size: 1vw; /* 16px */
    font-weight: 500;
    letter-spacing: 0.1071vw; /* 1.5px */
    margin-bottom: 1vw; /* 30px */
}

.founder-intro {
    color: #ccc;
    font-size: 1vw; /* 17px */
    line-height: 1.4;
    max-width: 46.4286vw; /* 650px */
}

.founder-quote {
    position: relative;
    margin-top: 1vw; /* 35px */
    padding: 1.5vw 2vw; /* 25px 30px */
    border-left: 0.2143vw solid #c59a53; /* 3px */
    background: rgba(255,255,255,.04);
}

.quote-mark {
    color: #c59a53;
    font-family: Georgia, serif;
    font-size: 3.9286vw; /* 55px */
    line-height: 1.4286vw; /* 20px */
    float: left;
}

.founder-quote p {
    color: #fff;
    font-style: italic;
    font-family: 'Cinzel', serif;
    font-size: 1.2vw; /* 22px */
    line-height: 1.6;
    margin: 0vw 0 0.8571vw; /* 10px 0 12px */
}

.quote-author {
    color: #c59a53;
    font-size: 1vw; /* 14px */
    letter-spacing: 0.0714vw; /* 1px */
}


/*=====================================
VISION / MISSION / VALUES
=====================================*/
.vision-mission {
    padding: 4.8571vw 0; /* 110px */
    background: #fff;
}

.vision-mission .section-title h2 {
    color: #111;
}


/* FOUNDATION BOX */

.foundation-box {
    height: 100%;
    padding: 3.2143vw 2.5vw; /* 45px 35px */
    background: #000;
    border-top: 0.2143vw solid #c59a53; /* 3px */
    transition: .35s;
}

.foundation-box:hover {
    transform: translateY(-0.5714vw); /* 8px */
    box-shadow: 0 1.0714vw 2.8571vw rgba(0,0,0,.08); /* 15px 40px */
}


/* ICON */

.foundation-icon {
    width: 3.9286vw; /* 55px */
    height: 3.9286vw; /* 55px */

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 1.7857vw; /* 25px */

    border: 0.0714vw solid rgba(197,154,83,.4); /* 1px */

    color: #c59a53;

    font-size: 1.4286vw; /* 20px */
}


.foundation-box h3 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 1.7857vw; /* 25px */
    margin: 0.8571vw 0 1.4286vw; /* 12px 0 20px */
}


.foundation-box p {
    color: #fff;
    line-height: 1.9;
    margin: 0;
    font-size: 1.1vw;
}


/* VALUES */

.values-box ul {
    list-style: none;
    padding: 0;
    margin: 1.7857vw 0 0; /* 25px */
}

.values-box li {
    display: flex;
    align-items: center;
    gap: 0.8571vw; /* 12px */
    color: #fff;
    padding: 0.7143vw 0; /* 10px */
    border-bottom: 0.0714vw solid #e5e5e5; /* 1px */
    font-size: 1.1vw;
}

.values-box li:last-child {
    border-bottom: none;
}

.values-box li i {
    color: #c59a53;
    font-size: 0.8571vw; /* 12px */
}





/* =========================================
   FEATURED NEWS
========================================= */

.news-featured-section {
    padding: 2.8571vw 0; /* 40px */
    background: #f8f4ec;
}

/* =========================================
   SECTION TITLE
========================================= */
.news-featured-title {
    margin-bottom: 2.5vw; /* 35px */
}

.news-featured-title h2{

    color:#111;

    font-family:'Cinzel',serif;

}


/* =========================================
   MAIN LAYOUT
========================================= */

.news-featured-layout {

    display: grid;

    grid-template-columns: 32% 50% 18%;

   

}


/* =========================================
   FEATURED IMAGE
========================================= */

.news-featured-main-image{

    height:100%;

    overflow:hidden;

}


.news-featured-main-image img{

    width:100%;


    display:block;

    object-fit:cover;

}


/* =========================================
   FEATURED STORY CONTENT
========================================= */
.news-featured-main-content {
    padding: 0 1.4286vw; /* 0px 20px */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    border-right: 0.0714vw solid rgba(130,105,65,.35); /* 1px */
}

.news-featured-label {
    display: block;
    color: #b88d48;
    font-size: 1vw; /* 14px */
    font-weight: 700;
    letter-spacing: 0.1071vw; /* 1.5px */
    margin-bottom: 0.7143vw; /* 10px */
}

.news-featured-date {
    color: #b88d48;
    font-size: 0.9286vw; /* 13px */
    font-weight: 600;
    margin-bottom: 1.4286vw; /* 20px */
    display: none;
}

.news-featured-main-content h2 {
    color: #111;
    font-family: 'Cinzel', serif;
    font-size: 1.2857vw;
    line-height: 1.3;
    margin-bottom: 1.7857vw; /* 25px */
}

.news-featured-main-content p {
    color: #555;
    font-size: 0.8571vw; /* 12px */
    line-height: 1.9;
    margin-bottom: 2.1429vw; /* 30px */
    max-width: 37.1429vw; /* 520px */
}

/* =========================================
   READ MORE BUTTON
========================================= */
.news-featured-button {
    display: inline-flex;
    align-items: center;
    gap: 0.8571vw; /* 12px */
    width: max-content;
    padding: 0.9286vw 1.7143vw; /* 13px 24px */
    border: 0.0714vw solid #c59a53; /* 1px */
    color: #9d722f;
    text-decoration: none;
    font-size: 0.9286vw; /* 13px */
    font-weight: 700;
    letter-spacing: 0.0714vw; /* 1px */
    transition: .3s;
}

.news-featured-button i {
    font-size: 0.8571vw; /* 12px */
    transition: .3s;
}

.news-featured-button:hover {
    background: #c59a53;
    color: #fff;
}

.news-featured-button:hover i {
    transform: translateX(0.3571vw); /* 5px */
}


/* =========================================
   DOTS
========================================= */

.news-featured-dots {
    display: flex;
    gap: 0.8571vw; /* 12px */
    margin-top: 2.5vw; /* 35px */
}

.news-featured-dots span {
    width: 1.1429vw; /* 16px */
    height: 1.1429vw; /* 16px */
    border-radius: 50%;
    background: #cfc9bd;
    display: block;
}

.news-featured-dots span.active {
    background: #b88d48;
}


/* =========================================
   RIGHT NEWS LIST
========================================= */

.news-featured-list {
    padding-left: 0.7143vw; /* 10px */
    display: flex;
    flex-direction: column;
}


/* =========================================
   NEWS ITEM
========================================= */

.news-featured-item {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 1.4286vw; /* 20px */
    padding: 0 0 0.1429vw; /* 0 0 2px */
    margin-bottom: 1.5714vw; /* 22px */
    border-bottom: 0.0714vw solid rgba(130,105,65,.35); /* 1px */
}

.news-featured-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}


/* =========================================
   THUMBNAIL
========================================= */
.news-featured-thumb {
    width: 5vw; /* 70px */
    height: 5vw; /* 70px */
    overflow: hidden;
}

.news-featured-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* =========================================
   ITEM CONTENT
========================================= */

.news-featured-item-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.news-featured-item-date {
    color: #b88d48;
    font-size: 0.5714vw; /* 8px */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.0357vw; /* .5px */
    margin-bottom: 0.2857vw; /* 4px */
}

.news-featured-item-content h3 {
    color: #222;
    font-size: 0.7143vw; /* 10px */
    font-weight: 600;
    margin: 0 0 0.2857vw; /* 4px */
}

.news-featured-item-content a {
    color: #b88d48;
    text-decoration: none;
    font-size: 0.5714vw; /* 8px */
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.7143vw; /* 10px */
    width: max-content;
}

.news-featured-item-content a i {
    transition: .3s;
}

.news-featured-item-content a:hover i {
    transform: translateX(0.3571vw); /* 5px */
}


.container {
    max-width: 90% !important;
}




/* =========================================
   FESTIVALS & AWARDS
========================================= */

.awards-grid {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.1429vw; /* 30px */
    margin-top: 4.2857vw; /* 60px */
        align-items: start;
}


.rec-grid {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 1.1429vw; /* 30px */

    margin-top: 4.2857vw; /* 60px */

}



/* AWARD CARD */

.award-card {

    position: relative;

    display: block;

    height: 20vw; 

    overflow: hidden;

    border-radius: 0.5714vw; /* 8px */

    background: #fff;

    border: 1px solid rgba(197,154,83,.20);

    box-shadow: 0 1.4286vw 3.5714vw rgba(0,0,0,.12);

    text-decoration: none;

    transition: .4s ease;

}



/* AWARD CARD */

.rec-card {

    position: relative;
    display: block;
    padding: 1vw;
    overflow: hidden;
    border-radius: 0.5714vw; /* 8px */
   
    border: 1px solid rgba(197,154,83,.20);
    box-shadow: 0 1.4286vw 3.5714vw rgba(0,0,0,.12);
    text-decoration: none;
    transition: .4s ease;
}


/* IMAGE */

.award-card img {

    width: 100%;

    height: 100%;
    display: block;

    object-fit: cover;

    object-position: center;

    transition: .6s ease;

}


.rec-card img {

    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: .6s ease;
}


/* DARK OVERLAY */

.award-card::after {

    content: "";

    position: absolute;

    inset: 0;

   /* background: linear-gradient(
        to top,
        rgba(0,0,0,.45),
        transparent 50%
    );*/

    opacity: .7;

    transition: .4s ease;

}


/* HOVER */

.award-card:hover {

    transform: translateY(-0.5714vw); /* 8px */

    border-color: #c59a53;

    box-shadow: 0 1.7857vw 3.5714vw rgba(0,0,0,.20);

}

.award-card:hover img {

    transform: scale(1.06);

}

.award-card:hover::after {

    opacity: 1;

}



.film-meta-cap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.57vw;
    margin: 0vw 0 1vw;
}

.film-meta-item-cap {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    padding: 0.36vw 0.79vw;

    border: 0.07vw solid #b88d48;
   

    font-size: 0.79vw;
    line-height: 1.3;

    color: #fff;
    background: transparent;

    white-space: nowrap;

    margin-bottom: 0.1vw;
}

.film-meta-item-cap strong {
    font-weight: 600;
    margin-right: 0.29vw;
}


.makebold{
    font-size: 2.1vw!important;    
    font-weight: 800;    
}


.mainpage{
    top: 5%;
}