:root {
    --bs-body-font-family: "Montserrat", sans-serif;
    --color-header-scrolled: #1d1c1b;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

textarea {
    resize: none !important;
}

.hero-slider {

    height: 100vh;

}

.hero-slider .carousel,
.hero-slider .carousel-item {

    height: 100vh;

}

.hero-slider .carousel,
.hero-slider .carousel-inner,
.hero-slider .carousel-item {

    height: 100vh;

}

.hero-slider .carousel-item {

    position: relative;

    overflow: hidden;

}

.hero-slider .carousel-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 180px;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 10.95));
}

.hero-slider img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition: transform 7s ease;

}

.hero-slider .carousel-item.active img {

    transform: scale(1.08);

}

.overlay {

    position: absolute;

    inset: 0;

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

}

/* Caption animation */

.carousel-caption {

    position: absolute;

    left: 5%;

    /* left: 8%; */

    right: auto;

    bottom: 12%;


    max-width: 700px;

    text-align: left;

    z-index: 10;

    opacity: 0;

    transform: translateX(-100px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

/* Active slide */

.carousel-item.active .carousel-caption {

    opacity: 1;

    transform: translateX(0);

}

.text-scramble__text span {
    word-break: break-word;
}

.hero-subtitle {

    color: #fff;

    letter-spacing: 2px;

    font-size: .75rem;

}

.carousel-caption h1 {

    font-size: 4rem;

    color: #fff;

    font-weight: 700;

    line-height: 1;

    margin: 15px 0;

}

.carousel-caption h1 span {

    display: block;

    color: #ff6600;

}

.carousel-caption p {
    color: #fff;
    font-size: 16px;
    width: 600px;
    line-height: 33px;
    margin-bottom: 35px;

}

.hero-btn {
    background: #ff6600;
    color: #fff;
    padding: 13px 24px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 0;
    font-weight: 600;
}

.hero-btn:hover {

    background: #ff7a1a;

    color: #fff;

}

.carousel-control-prev,
.carousel-control-next {

    width: 5%;

}

.hero-indicators {

    position: absolute;
    left: 4%;
    bottom: 10px;

    display: flex;

    justify-content: flex-start;

    margin: 0;

    width: auto;

    gap: 12px;

    padding: 18px;

}

.hero-indicators button {

    width: 40px !important;
    height: 4px !important;

    margin: 0 !important;

    border: none !important;

    background: #fff !important;

    opacity: .4;

}

.hero-indicators button.active {

    background: #ff6600 !important;

    opacity: 1;

}

.hero-indicators button:hover {

    opacity: 1;

}

@media(max-width:1024px) {

    .carousel-caption {

        left: 5%;
        right: 5%;
        bottom: 10%;

    }

    .carousel-caption h1 {

        font-size: 2.8rem;

    }

    .carousel-caption p {
        font-size: 14px;
    }

    .hero-subtitle {
        font-size: .65rem;
    }

}

@media(max-width:991px) {

    .carousel-caption {
        left: 5%;
        right: 5%;
        bottom: 10%;
    }

    .carousel-caption h1 {
        font-size: 2.6rem;
    }

    .carousel-caption p {
        font-size: 15px;
    }

    .hero-subtitle {
        font-size: .60rem;
    }

}

@media (max-width:768px) {

    .hero-indicators {

        left: 20px;
        bottom: 20px;

        padding: 14px;

    }

    .hero-indicators button {

        width: 28px;

    }

}

@media(max-width:576px) {

    .carousel-caption h1 {
        text-align: center;
        width: auto;
        font-size: 40px;
    }

    .carousel-caption {
        left: 5%;
        right: 5%;
        bottom: 29%;
        transform: translateY(100px);
    }

    .carousel-item.active .carousel-caption {
        opacity: 1;
        transform: translateY(0);

    }

    .hero-subtitle {
        font-size: .69rem;
        text-align: center;
        display: block;
        width: auto;
    }

    .hero-indicators {
        /* left: 108px; */
        left: 28%;
        /* bottom: 120px; */
        bottom: 20%;
    }

    .event-body h3 {
        font-size: 15px !important;
    }

    .event-body {
        height: 48% !important;
    }

    .project-text h2,
    .landscape-content h4 {
        font-size: 17px !important;
    }

    .project-text p {
        font-size: 12px !important;
    }

    .studio-size,
    .studio-desc {
        font-size: 11px !important;
    }

    .film-lineup .section-title {
        white-space: wrap !important;
        font-size: 36px !important;
    }

    .studio-content h3 {
        font-size: 18px !important;
    }

    .project-title {
        font-size: 36px !important;
    }

    .artist-title {
        font-size: 36px !important;
    }

    .culture-title {
        white-space: wrap !important;
    }

    .project-text .sub-title {
        font-size: 11px !important;
    }

    .project-category {
        font-size: 9px !important;
    }

    .carousel-caption p {
        font-size: 14px;
        width: auto;
        text-align: center;
    }

    .hero-btn {

        width: 100%;

    }
}

.navbar {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    background: transparent;

    z-index: 1000;

    padding: 30px 0;

}

.navbar-nav .nav-link.active {
    color: #ff6b00;
}

.navbar-brand img {

    height: 43px;

}

.offcanvas.show {
    background: black;
}

.offcanvas-title {
    color: #fff;
}

.navbar-nav .nav-link {

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: .8px;

    text-transform: uppercase;

    transition: .3s;

    position: relative;

}

.navbar-nav .nav-link:hover {

    color: #ff6b00;

}

.navbar-expand-xl .navbar-nav {
    gap: 5px;
}

.navbar-expand-xl .offcanvas .offcanvas-body {
    justify-content: center;
}

.navbar-nav .nav-link::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -6px;

    width: 0;

    height: 2px;

    background: #ff6b00;

    transition: .35s;

}

.navbar-nav .nav-link:hover::after {

    width: 100%;

}

.search-btn {
    border: 1px solid rgba(255, 255, 255, .8);
    color: #fff;
    text-decoration: none;
    padding: 7px 21px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    transition: .3s;
    margin-right: 65px;
}

.header-search {
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .8);
    overflow: hidden;
    height: 37px;
    width: 121px;
    transition: .3s;
    margin-right: 65px;
}

.header-search:hover {
    background: #ff6b00;
    border-color: #ff6b00;
    color: #fff;
}

.header-search input {
    background: transparent;
    border: none;
    color: #fff;
    box-shadow: none;
    font-weight: 600;
    font-size: 14px;
    padding-left: 1px;
}

.header-search input::placeholder {
    color: rgba(255, 255, 255, .8);
}

.header-search input:focus {
    background: transparent;
    color: #fff;
    box-shadow: none;
}

.header-search button {
    background: transparent;
    border: none;
    color: #fff;
    padding: 0 0px 1px 15px;
}

@media (max-width: 992px) {
    .search-btn {
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .search-btn {
        margin-right: 20px;
    }

    .navbar-brand img {
        height: 40px;
    }
}

@media (max-width: 576px) {
    .search-btn {
        margin-right: 0;
    }
}

.fa-solid {
    font-size: 12px;
    margin-right: 3px
}

.search-btn:hover {
    background: #ff6b00;
    border-color: #ff6b00;
    color: #fff;
}

#nav-main {
    transition: .35s;
}

#nav-main.scrolled {
    background: var(--color-header-scrolled);
    padding: 15px 0;
}

/* 7/3/2026 */

.brand-strip {
    margin-top: -1px;
    background: linear-gradient(180deg, #010101 0%, #222222 100%);
    padding: 45px 0;
}

.brand-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.brand-strip img {
    max-width: 150px;
    width: 100%;
    height: auto;
    transition: .35s;
}

.brand-strip img:hover {
    transform: translateY(-5px);
}

/* Large screens */
@media (max-width:1400px) {

    .brand-strip img {
        max-width: 135px;
    }

}

/* Tablet */
@media (max-width:992px) {

    .brand-strip {
        padding: 35px 0;
    }

    .brand-strip img {
        max-width: 120px;
    }

}

/* Mobile */
@media (max-width:768px) {

    .brand-strip {
        padding: 30px 0;
    }

    .brand-item {
        margin: 20px 0;
    }

    .brand-strip img {
        max-width: 110px;
    }

}

/* Small phones */
@media (max-width:576px) {

    .brand-strip {
        padding: 25px 0 50px 0;
    }

    .brand-item {
        flex: 0 0 42%;
        margin: 12px;
    }

    .merchandise-section {
        padding: 100px 0 50px 0 !important;
    }

    .news-section {
        padding: 100px 0 50px 0 !important;
    }

    .news-section-ceo {
        padding: 100px 0 50px 0 !important;
    }

    .brand-strip img {
        max-width: 120px;
    }

}

/* 7/6/2026 */

.events-heading {
    margin-bottom: 50px;
}

.events-subtitle {
    display: block;
    color: #bcbcbc;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
}

a.offcanvas-menu-logo.navbar-brand {
    margin-left: -20px;
}

.events-title {

    font-size: clamp(42px, 5vw, 48px);

    line-height: .95;

    font-weight: 700;

    color: #ff6900;

    text-transform: uppercase;

    margin-bottom: 22px;
}

.events-line {

    display: flex;

    align-items: center;

    gap: 0;

    margin-bottom: 13px;
}

.events-line span {

    display: block;

    height: 3px;
}

.line {

    width: 72px;

    background: #e30b0b;
    background: linear-gradient(90deg, rgba(227, 11, 11, 1) 0%, rgba(252, 181, 15, 1) 31%, rgba(218, 237, 224, 1) 70%, rgba(55, 122, 230, 1) 100%);
}

/* ------------------------------------- */

.events-section {
    background: #000;
    padding: 100px 0 0 0;
    color: #fff;
}

.event-card {
    background: #111;
    border: 1px solid #333;
    overflow: hidden;
    transition: .35s;
    /* height: 100%; */
}

.event-image {

    position: relative;
    overflow: hidden;
}

.event-image img {

    width: 100%;
    height: 270px;
    object-fit: cover;

    transition: .5s;
}

.event-card:hover img {

    transform: scale(1.08);
}

.event-status {

    position: absolute;
    bottom: 0;
    left: 0;

    background: #F75C0D;
    color: #fff;

    padding: 8px 47px 8px 25px;

    font-size: 13px;
    font-weight: 500;

    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}

.event-body {
    height: 52%;
    padding: 25px;
    color: #fff;
}

@media (min-width:1024px) {
    .event-body {
        height: 52%;
    }
}

.event-category {
    font-size: 11px;
    color: #D9D9D9;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.event-body h3 {
    color: #ca202f;
    font-weight: 700;
    /* font-size: 1.3rem; */
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 24px;
}

@media (max-width:768px) {

    .event-body h3 {
        font-size: 11px;
        line-height: 16px;
    }

    .event-category {
        font-size: 8px;
    }

    .event-body h5 {
        font-size: 11px !important;
    }

}

.event-meta i {
    margin-right: 0 !important;
}

.event-body h5 {

    color: #F75C0D;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px
}

.event-meta {
    color: #d9d9d9;
    margin-bottom: 20px;
    font-size: 11px;
}

.event-meta div {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-meta i {

    margin-right: 8px;
    color: #ddd;
}

.btn-orange {
    background: #F75C0D;
    color: #fff;
    border-radius: 0;
    padding: 12px;
    font-weight: 500 !important;
}

.btn-orange:hover {

    background: #ff7b24;
    color: #fff;
}

.btn-outline-light {
    border-radius: 0;
    font-size: 13px;
    padding: 12px;
}

.custom-card {
    font-size: 0.75rem !important;
}

.more-info-btn {
    background: #fff;
    position: relative;
    color: #030303;
    padding: 16px 34px;
    border-radius: 0;
    font-weight: 600;
    overflow: hidden;
}

.btn-slide span {
    position: relative;
    transform: matrix(1);
    z-index: 2;
}

.more-info-btn:hover {

    background: #ff7a1a;

    color: #fff;

}

/* artist section */

.artists-section {
    padding: 100px 0 50px 0;
    background: linear-gradient(178deg, rgb(0 0 0) 48%, rgb(34 34 34) 100%);
}

.artist-title {
    font-size: clamp(42px, 5vw, 48px);
    line-height: .95;
    font-weight: 700;
    color: #397EBD;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.artist-wrapper {

    border: 1px solid rgba(255, 255, 255, .15);
    overflow: hidden;
}

.featured-artist {

    position: relative;
    overflow: hidden;
    height: 520px;
}

.featured-artist img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.featured-artist:hover img {

    transform: scale(1.08);
}

.artist-overlay {

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 30px;

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

.artist-overlay h3 {

    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
}

.artist-controls {

    position: absolute;

    right: 25px;
    top: -35px;

    display: flex;
    gap: 6px;
}

.artist-controls button {

    width: 34px;
    height: 34px;

    border: 1px solid rgba(255, 255, 255, .3);

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

    color: #fff;

    transition: .3s;
}

.artist-controls button:hover {

    background: #ff5a00;
    border-color: #ff5a00;
}

.artist-buttons {
    display: flex;
    justify-content: space-between;
}

.btn-orange {
    background: #F75C0D;
    color: #fff;
    border-radius: 0;
    font-size: 13px;
    width: 170px;
    white-space: nowrap;
    /* padding: 11px 32px; */
    font-weight: 600;
}

.btn-orange:hover {
    background: #ff6f1c;
    color: #fff;
}

.btn-dark-outline {
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    border-radius: 0;
    width: 170px;
    height: 47px;
    padding: 11px 32px;
    white-space: nowrap;
    font-size: 13px;
}

.btn-dark-outline:hover {
    background: #fff;
    color: #000;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    flex: 1;
    transition: flex .5s ease;
}

.gallery-overlay {

    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 25px;

    background: linear-gradient(to top,
            rgba(0, 0, 0, .95),
            rgba(0, 0, 0, .55),
            transparent);

    transform: translateY(100px);

    opacity: 0;
    visibility: hidden;

    transition: opacity 1.35s ease,
        transform .45s ease;
}

.gallery-overlay h3 {
    color: #fff;
    font-size: 27px;
    width: 235px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 20px
}

.gallery-overlay .artist-buttons {

    display: flex;
    gap: 10px;

    margin-top: 20px;
}

.gallery-overlay .artist-controls {

    position: absolute;

    top: 375px;
    right: 26px;

    display: flex;
    gap: 6px;
}

.gallery-item:hover .gallery-overlay {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);
}

.gallery-item img {

    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: .45s;
}

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

.explore-btn {
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 13px;
    margin-top: 26px;
    font-weight: 600;
    padding: 14px 30px;
}

.explore-btn:hover {

    background: #ff5a00;

    color: #fff;
}

/* gallery  */

.artist-gallery {
    display: flex;
    height: 520px;
    overflow: hidden;
}

.gallery-item {

    flex: 1;

    position: relative;

    overflow: hidden;

    transition: flex .5s ease;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
    transform-origin: top center;
    object-position: center top;
}

.events-description {
    color: #fff;
    letter-spacing: 2%;
}

.artist-gallery:hover .gallery-item {
    flex: 2.5;
}

.artist-gallery .gallery-item:hover {
    flex: 5;
}

.gallery-item:hover img {

    transform: scale(1.08);
}

.desktop-gallery {

    display: flex;
}

.mobile-gallery {

    display: none !important;
}

.artist-card {

    position: relative;

    height: 500px;

    overflow: hidden;
}

.artist-card img {

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.artist-card .gallery-overlay {

    opacity: 1;
    visibility: visible;
    transform: none;
}

@media (max-width:767px) {

    .artist-card {

        height: 420px;
    }

}

@media (max-width:991.98px) {

    .desktop-gallery {
        display: none;
    }

    .mobile-gallery {

        display: block !important;
    }

}

@media (min-width:1400px) {
    .btn-dark-outline {
        width: 100%;
        height: 47px;
        padding: 11px 44px;
    }

    .gallery-overlay h3 {
        font-size: 24px;
        width: 197px;
    }

    .btn-orange {
        width: 100%;
        height: 47px;
    }
}

@media (max-width:1024px) {

    .gallery-overlay h3 {
        font-size: 22px;
        width: 197px;
    }

}

@media (max-width:991.98px) {

    .featured-artist {
        height: 450px;
    }

    .gallery-item {
        flex: none;
        height: 280px;
    }

    .gallery-item:hover {
        flex: none;
    }

    .gallery-overlay {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .gallery-overlay h3 {
        font-size: 22px;
    }

    .artist-buttons {
        flex-direction: column;
    }

    .artist-buttons .btn {
        width: 100%;
    }

}

@media (max-width:767.98px) {

    .featured-artist {
        height: 380px;
    }

    .featured-artist img {
        object-position: center;
    }

    .gallery-item {
        width: 100%;
        height: 240px;
    }

    .gallery-item+.gallery-item {
        margin-top: 15px;
    }

    .artist-overlay,
    .gallery-overlay {
        padding: 20px;
    }

    .artist-overlay h3,
    .gallery-overlay h3 {
        font-size: 20px;
    }

    .artist-controls {
        top: 15px;
        right: 15px;
    }

    .artist-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .artist-buttons .btn {
        width: 100%;
        font-size: 13px;
    }

    .explore-btn {
        width: 100%;
    }

}

@media (max-width:576px) {

    .featured-artist {

        height: 420px;
    }

    .gallery-item {

        height: 220px;
    }

    .artist-overlay {

        padding: 20px;
    }

    .artist-overlay h3 {

        font-size: 22px;
    }

}

/*==================================================
=            FEATURED PROJECTS SECTION
==================================================*/

.featured-projects {
    background: #000;
    padding: 100px 0 50px 0;
}

.project-title {
    font-size: clamp(42px, 5vw, 48px);
    line-height: .95;
    font-weight: 700;
    color: #F75C0D;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.featured-projects .container {
    max-width: 1140px;
}

/*==================================================
=            CARD BASE
==================================================*/

.project-card {
    position: relative;
    background: #151515;
    border: 1px solid #2b2b2b;
    overflow: hidden;
    height: 100%;
    transition: .35s ease;
}

.featured-project-card {
    position: relative;
    background: #151515;
    border: 1px solid #2b2b2b;
    overflow: hidden;
    height: 100%;
    transition: .35s ease;
}

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

/*==================================================
=            CARD HEIGHTS
==================================================*/

.project-featured {
    height: 552px;
}

.landscape {
    height: 267px;
}

.portrait {
    height: 338px;
}

/*==================================================
=            IMAGE AREA
==================================================*/

.project-featured .project-image,
.project-featured .project-image-featured,
.project-featured .project-image-journey {
    height: 265px;
    overflow: hidden;
}

.landscape .project-image,
.landscape .project-image-featured,
.landscape .project-image-journey {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.portrait .project-image,
.portrait .project-image-featured,
.portrait .project-image-journey {
    height: 235px;
    overflow: hidden;
}

/*==================================================
=            FEATURED CONTENT
==================================================*/

.project-content {
    background: #151515;
    height: calc(100% - 245px);
    position: relative;
}

.project-text {
    padding: 26px 24px 24px;
}

.project-category {
    display: block;
    color: #7e7e7e;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .4px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.project-text h2 {
    color: #d9272f;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.project-text .sub-title {
    color: #ff6b00;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: uppercase;
}

.project-text p {
    color: #d2d2d2;
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 42px;
}

/*==================================================
=            FEATURED BUTTON
==================================================*/

.project-btn {
    display: block;
    width: 100%;
    background: #ff6200;
    color: #fff;
    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.project-btn:hover {
    color: #fff;
    background: #ff6200;
}

/*==================================================
=            FEATURED RIBBON
==================================================*/

.featured-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    line-height: 31px;
    margin-top: 237px !important;
    padding: 0 55px 0 20px;
    background: #ff6200;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

/*==================================================
=            STATUS TAG
==================================================*/

.status-tag {
    position: absolute;
    top: 0;
    right: -9px;
    background: #fff;
    color: #222;
    padding: 6px 22px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
    font-size: 11px;
    font-weight: 700;
    z-index: 5;
    text-transform: uppercase;
}

.status-tag::before {
    content: "";
    display: inline-block;
}

.status-tag {
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-tag {
    overflow: hidden;
}

.status-tag {
    white-space: nowrap;
}

.status-tag {
    font-style: normal;
}

.status-tag {
    letter-spacing: .3px;
}

.status-tag span {
    transform: skewX(28deg);
}

/*==================================================
=            LANDSCAPE CONTENT
==================================================*/

.landscape-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 22px;
    z-index: 3;
}

.landscape-content span {
    display: block;
    color: #c5c5c5;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.landscape-content h4 {
    color: #d9272f;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

/*==================================================
=            IMAGE OVERLAY
==================================================*/

.image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .85),
            rgba(0, 0, 0, .35),
            rgba(0, 0, 0, 0));
}

/*==================================================
=            PORTRAIT CONTENT
==================================================*/

.portrait-content {
    background: #151515;
    height: calc(100% - 235px);
    padding: 18px 18px 16px;
}

.portrait-content span {
    display: block;
    color: #bcbcbc;
    font-size: 11px;
    text-transform: uppercase;
}

.portrait-content h5 {
    color: #d9272f;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

/*==================================================
=            TYPOGRAPHY RESET
==================================================*/

.project-card h2,
.project-card h3,
.project-card h4,
.project-card h5,
.project-card p {
    margin-top: 0;
}

.project-card a {
    text-decoration: none;
}

.project-card img {
    vertical-align: middle;
}


/* ----------------------------------------------- */
/*==================================================
=            PART 3 - PREMIUM EFFECTS
==================================================*/

/* Smooth transitions */

.project-card,
.project-card img,
.project-btn,
.image-overlay,
.landscape-content,
.portrait-content,
.project-content,
.status-tag,
.featured-ribbon {
    transition: all .35s ease;
}

/*------------------------------------
Image Hover
------------------------------------*/

.project-image,
.project-image-featured,
.project-image-journey {
    overflow: hidden;
}

.project-image img,
.project-image-featured img,
.project-image-journey img {
    transform: scale(1);
    transition: transform .7s ease;
}

.project-card:hover .project-image img,
.project-card:hover .project-image-featured img,
.project-card:hover .project-image-journey {
    transform: scale(1.06);
}

.featured-project-card:hover .project-image img,
.featured-project-card:hover .project-image-featured img,
.featured-project-card:hover .project-image-journey img {
    transform: scale(1.06);
}

/*------------------------------------
Card Hover
------------------------------------*/

.project-card:hover {
    border-color: #ff6200;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .45);
}

.featured-project-card:hover {
    border-color: #ff6200;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .45);
}

/*------------------------------------
Featured Card Hover
------------------------------------*/

.project-featured:hover .featured-ribbon {
    background: #ff7315;
}

.project-featured:hover .featured-ribbon:after {
    border-top-color: #ff7315;
}

/*------------------------------------
Landscape Overlay
------------------------------------*/

.image-overlay {
    background: linear-gradient(to top,
            rgba(0, 0, 0, .88) 0%,
            rgba(0, 0, 0, .45) 45%,
            rgba(0, 0, 0, .10) 100%);
}

.project-card:hover .image-overlay {
    background: linear-gradient(to top,
            rgba(0, 0, 0, .95) 0%,
            rgba(0, 0, 0, .55) 45%,
            rgba(0, 0, 0, .15) 100%);
}

/*------------------------------------
Landscape Text
------------------------------------*/

.landscape-content {
    transform: translateY(0);
}

.project-card:hover .landscape-content {
    transform: translateY(-5px);
}

.landscape-content h4 {
    transition: .35s;
}

.project-card:hover .landscape-content h4 {
    color: #ff4040;
}

/*------------------------------------
Portrait Text
------------------------------------*/

.portrait-content {
    transition: .35s;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.project-card:hover .portrait-content {
    background: #181818;
}

.project-card:hover .portrait-content h5 {
    color: #ff4040;
}

/*------------------------------------
Featured Content
------------------------------------*/

.project-content {
    transition: .35s;
}

.project-featured:hover .project-content {
    background: #181818;
}

/*------------------------------------
Button Animation
------------------------------------*/

.project-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.project-card:hover .project-btn::before {

    left: 0;

}

/*------------------------------------
Button Lift
------------------------------------*/

.project-card:hover .project-btn {

    letter-spacing: .5px;

}

/*------------------------------------
Status Tag
------------------------------------*/

.status-tag {

    box-shadow: 0 3px 10px rgba(0, 0, 0, .18);

}

.project-card:hover .status-tag {

    background: #fafafa;

}

/*------------------------------------
Featured Ribbon
------------------------------------*/

.featured-ribbon {

    box-shadow: 0 3px 8px rgba(0, 0, 0, .20);
    margin-top: 217px;
    clip-path: polygon(0 0, 80% 0, 87% 100%, 0 100%);
}

/*------------------------------------
Image Brightness
------------------------------------*/

.project-image img {

    filter: brightness(.95);

}

.project-card:hover .project-image img {

    filter: brightness(1.02);

}

/*------------------------------------
Title Transition
------------------------------------*/

.project-text h2,
.project-text h3,
.landscape-content h4,
.portrait-content h5 {

    transition: .35s;

}

.project-featured:hover h2 {

    color: #ff4040;

}

.project-featured:hover h3 {

    color: #ff7a1f;

}

/*------------------------------------
Paragraph
------------------------------------*/

.project-text p {

    transition: .35s;

}

.project-featured:hover p {

    color: #ffffff;

}

/*------------------------------------
Border Effect
------------------------------------*/

.project-card::after {

    content: "";

    position: absolute;

    inset: 0;

    border: 1px solid transparent;

    pointer-events: none;

    transition: .35s;

}

.project-card:hover::after {

    border-color: rgba(255, 98, 0, .45);

}

/*------------------------------------
Cursor
------------------------------------*/

.project-card {

    cursor: pointer;

}

/*------------------------------------
Remove Bootstrap Button Shadow
------------------------------------*/

.project-btn:focus,
.project-btn:active {

    box-shadow: none !important;

}

/* ------------------------------------------ */
/*==================================================
=            PART 4 - RESPONSIVE & FINAL POLISH
==================================================*/

/*------------------------------------
Desktop Improvements
------------------------------------*/

@media (min-width: 1200px) {

    .featured-projects .container {
        max-width: 1140px;
    }

    .featured-projects .row {
        --bs-gutter-x: 1.15rem;
        --bs-gutter-y: 1.15rem;
    }

}

/*------------------------------------
Laptop
------------------------------------*/

@media (max-width:1199px) {

    .project-featured {
        height: 520px;
    }

    .landscape {
        height: 252px;
    }

    .portrait {
        height: 320px;
    }

    .project-featured .project-image,
    .project-featured .project-image-journey {
        height: 225px;
    }

    .project-content {
        height: calc(100% - 225px);
    }

    .portrait .project-image,
    .portrait .project-image-journey {
        height: 215px;
    }

    .portrait-content {
        height: calc(100% - 215px);
    }

}

/*------------------------------------
Tablet
------------------------------------*/

@media (max-width:991px) {

    .featured-projects {
        padding: 60px 0;
    }

    .project-featured {
        height: auto;
        margin-bottom: 12px;
    }

    .project-featured .project-image,
    .project-featured .project-image-journey {
        height: 320px;
    }

    .project-content {
        height: auto;
    }

    .landscape {
        height: 320px;
    }

    .portrait {
        height: 360px;
    }

    .portrait .project-image,
    .portrait .project-image-journey {
        height: 250px;
    }

    .portrait-content {
        height: auto;
    }

    .project-text {
        padding: 22px;
    }

    .project-text p {
        margin-bottom: 28px;
    }

}

/*------------------------------------
Mobile
------------------------------------*/

@media (max-width:767px) {

    .featured-projects {

        padding: 45px 0;

    }

    .btn-catalogue {
        display: none !important;
    }

    .film-lineup-cards {
        margin-top: 15px !important;
    }

    .featured-projects .row {

        --bs-gutter-x: .85rem;
        --bs-gutter-y: .85rem;

    }

    .project-featured {

        height: auto;

    }

    .project-featured .project-image,
    .project-featured .project-image-journey {

        height: 230px;

    }

    .landscape {

        height: 235px;

    }

    .portrait {

        height: auto;

    }

    .portrait .project-image,
    .portrait .project-image-journey {

        height: 220px;

    }

    .project-content,
    .portrait-content {

        height: auto;

    }

    .project-text {

        padding: 20px;

    }

    .project-text h2 {

        font-size: 18px;

    }

    .project-text h3 {

        font-size: 14px;

    }

    .project-text p {

        font-size: 14px;
        margin-bottom: 22px;

    }

    .project-btn {

        padding: 11px;

    }

    .landscape-content {

        padding: 18px;

    }

    .landscape-content h4 {

        font-size: 16px;

    }

    .portrait-content {

        padding: 16px;

    }

    .portrait-content h5 {

        font-size: 15px;

    }

}

/*------------------------------------
Small Mobile
------------------------------------*/

@media (max-width:575px) {

    .featured-projects {

        padding: 100px 0 90px 0 !important;

    }

    .events-section {
        padding: 100px 0 80px 0;
    }

    .events-title {
        font-size: 36px;
    }

    .studio-section {
        padding: 100px 0 50px 0 !important;
    }

    .project-featured .project-image,
    .project-featured .project-image-featured,
    .project-featured .project-image-journey {

        height: 210px;

    }

    .landscape {

        height: 210px;

    }

    .portrait .project-image,
    .portrait .project-image-featured,
    .portrait .project-image-journey {

        height: 200px;

    }

    .project-text {

        padding: 18px;

    }

    .featured-ribbon {

        font-size: 10px;
        padding: 0 18px;
        height: 26px;
        line-height: 26px;

    }

    .featured-ribbon::after {

        border-top: 26px solid #ff6200;

    }

    .status-tag {

        font-size: 9px;
        padding: 5px 18px;

    }

}

/*------------------------------------
Images
------------------------------------*/

.project-image,
.project-image-featured,
.project-image-journey {

    background: #111;

}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 18% 5%
}

.project-image-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 18% 80%
}

.project-image-journey img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*------------------------------------
Typography
------------------------------------*/

.project-text h2,
.landscape-content h4 {

    letter-spacing: .4px;
    font-size: 24px;

}

.portrait-content h5 {
    font-size: 16px;
}

.project-category,
.landscape-content span,
.portrait-content span {
    color: #D9D9D9;
    letter-spacing: .7px;

}

/*------------------------------------
Button
------------------------------------*/

.project-btn {
    font-weight: 500;
    border: none;

}

.project-btn:hover {

    color: #fff;

}

/*------------------------------------
Better Border Rendering
------------------------------------*/

.project-card {

    backface-visibility: hidden;
    transform: translateZ(0);

}

/*------------------------------------
Animation Performance
------------------------------------*/

.project-card,
.project-card img,
.project-content,
.landscape-content,
.portrait-content {

    will-change: transform;

}

/*------------------------------------
Accessibility
------------------------------------*/

.project-btn:focus {

    outline: none;
    box-shadow: none;

}

.project-card:focus-within {

    border-color: #ff6200;

}


/*==========================
    FOOTER
==========================*/

.site-footer {

    background: #000;
    padding: 90px 0 30px;
}

.footer-logo {
    width: 240px;
    margin-left: -24px;
    margin-bottom: 25px;
}

.footer-location {

    color: #d8d8d8;
    font-size: 15px;
    margin-bottom: 10px;
}

.footer-description {

    color: #9b9b9b;
    font-size: 15px;
    line-height: 2;
    max-width: 320px;
}

/*==========================
    HEADINGS
==========================*/

.site-footer h6 {

    color: #ff6200;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

/*==========================
    LINKS
==========================*/

.footer-links {

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

.footer-links li {

    margin-bottom: 14px;
}

.footer-links a {

    color: #d5d5d5;
    text-decoration: none;
    font-size: 15px;
    transition: .3s;
    position: relative;
}

/* underline animation */

.footer-links a:hover {

    color: #ff6b00;
}

/*==========================
    DIVIDER
==========================*/

.footer-divider {

    width: 100%;
    height: 1px;
    background: #2c2c2c;
    margin: 60px 0 18px;
}

/*==========================
    COPYRIGHT
==========================*/

.footer-copyright {

    text-align: center;
    color: #666;
    font-size: 12px;
}

/*==========================
    MOBILE
==========================*/

@media (max-width:991px) {

    .site-footer {

        text-align: center;
    }

    .footer-description {

        margin: auto;
        max-width: 500px;
    }

    .footer-logo {

        margin: auto auto 25px;
        display: block;
    }

    .site-footer h6 {

        margin-top: 25px;
    }

}

@media (max-width:767px) {

    .footer-links li {

        margin-bottom: 10px;
    }

}

/*====================================================
FILM LINEUP
====================================================*/

.film-lineup {
    background: #000;
    color: #fff;
    overflow: hidden;
    padding: 100px 0 90px 0;
}

.film-lineup .section-small {
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #bfbfbf;
    margin-bottom: 12px;
}

.film-lineup .section-title {
    color: #2f80d1;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    margin-left: -5px;
    white-space: nowrap;
    margin-bottom: 18px;
    text-transform: uppercase
}

.film-lineup .title-line {
    width: 70px;
    height: 3px;
    background: #ff5a00;
    margin-bottom: 25px;
}

.film-lineup .section-text {
    color: #FFFFFF;
    line-height: 25px;
    margin-bottom: 57px;
}

.film-stats {
    border: 1px solid rgba(255, 255, 255, .12);
    margin-bottom: 35px;
}

.film-stats .stat-box {
    padding: 18px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.film-stats .stat-box:last-child {
    border-bottom: none;
}

.film-stats h3 {
    margin: 0 0 6px;
    color: #ff5a00;
    font-size: 24px;
    font-weight: 700;
}

.film-stats span {
    display: block;
    font-size: 11px;
    color: #bfbfbf;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn-catalogue {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: #fff;
    color: #000;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: .35s;
}

.btn-catalogue:hover {
    background: #ff5a00;
    color: #fff;
}

.btn-catalogue i {
    transition: .3s;
}

.btn-catalogue:hover i {
    transform: translate(4px, -4px);
}

/*=========================================
FILM CARD
=========================================*/

.film-lineup-cards {
    margin-top: 142px;
}

.film-card {
    position: relative;
    overflow: hidden;
    background: #111;
    height: 400px;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, .08);
    transition: .4s ease;
}

.film-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 57%;
    transition: .7s ease;
}

.film-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .92) 0%,
            rgba(0, 0, 0, .55) 40%,
            rgba(0, 0, 0, .10) 100%);
}

.film-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding: 22px;
}

.film-info {
    width: 100%;
}

.film-info h3 {
    color: #ff5a00;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.film-info p {
    color: #d6d6d6;
    font-size: 11px;
    margin: 0;
}

.availability {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    background: #2f80d1;
    color: #fff;
    padding: 6px 14px 6px 27px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
    text-transform: uppercase;
}

/*=========================================
HOVER
=========================================*/

.film-card:hover {
    border-color: #ff5a00;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .45);
}

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

.film-card:hover .film-info h3 {
    color: #ff7a26;
}

/* ==========================================
   Studio Section
========================================== */

.studio-section {
    background: #000;
    padding: 100px 0 50px 0
}

.studio-section .row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

/* ==========================================
   Images
========================================== */

.studio-image {
    overflow: hidden;
    background: #111;
    height: 100%;
}

.studio-large {
    border: 1px solid #3B3B3B;
    height: 467px;
}

.studio-bottom {
    border: 1px solid #3B3B3B;
    height: 467px;
}

.studio-image img,
.studio-image-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.studio-image:hover img,
.studio-image-small:hover img {
    transform: scale(1.08);
}

/* ==========================================
   Cards
========================================== */

.studio-card {
    background: #111;
    border: 1px solid #3B3B3B;
    display: flex;
    flex-direction: column;
    height: 467px;
}

.studio-image-small {
    height: 251px;
    overflow: hidden;
    flex-shrink: 0;
}

.studio-content {
    padding: 22px 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.studio-btn {
    display: block;
    width: 100%;
    margin-top: auto;

    height: 42px;
    line-height: 42px;

    padding: 0;

    border: none;
    border-radius: 0;

    font-size: 13px;
    font-weight: 500;
    letter-spacing: .8px;
    text-transform: uppercase;
    text-align: center;

    color: #fff !important;
    text-decoration: none;

    transition: .3s;
}

.fire-btn {
    background: #f26522;
}

.fire-btn:hover {
    background: #d95718;
    color: #fff;
}

.ice-btn {
    background: #2b8ed6;
}

.ice-btn:hover {
    background: #1976c3;
    color: #fff;
}

.studio-content h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ff6400;
    margin-bottom: 18px;
    letter-spacing: .5px;
}

.studio-content h3.blue {
    color: #2e8ed8;
}

.studio-size {
    color: #cfcfcf;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 6px;
    letter-spacing: 1px;
}

.studio-desc {
    color: #b8b8b8;
    font-size: 11px;
    line-height: 1.7;
    text-transform: uppercase;
}

/* ==========================
   Responsive
========================== */

@media (max-width:991.98px) {

    .studio-large {
        height: 400px;
    }

    .studio-bottom,
    .studio-card {
        height: auto;
    }

    .studio-image-small {
        height: 220px;
    }

    .studio-content {
        padding: 25px;
    }

}

@media (max-width:767.98px) {

    .studio-section {
        padding: 50px 0;
    }

    .studio-large {
        height: 260px;
    }

    .studio-bottom {
        height: 260px;
    }

    .studio-image-small {
        height: 180px;
    }

    .studio-content {
        padding: 20px;
    }

    .studio-content h3 {
        font-size: 30px;
    }

    .studio-size,
    .studio-desc {
        font-size: 13px;
    }

    .studio-btn {
        height: 40px;
        line-height: 40px;
        font-size: 11px;
    }

}

/* ==========================================================
   Merchandise Section
========================================================== */

.merchandise-section {
    background: linear-gradient(180deg, #222222 0%, #010101 16.81%, #010101 32.29%, #222222 54.14%);
    padding: 100px 0 50px 0;
}

.merch-card {
    background: #fff;
    border: 1px solid #3b3b3b;
    overflow: hidden;
    transition: .35s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}


/* Image Area */

.merch-image {
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;
    padding: 25px;
}

.merch-image img {
    max-height: 530px;
    transition: .4s ease;
}

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

/* Bottom Info */

.merch-info {
    background: #202020;
    text-align: center;
    padding: 25px;
    margin-top: auto;
}

.merch-info h4 {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
}

.merch-info h4 a {
    color: #147EC2;
    font-size: 16px;
    transition: .3s;
}

.merch-info h4 a:hover {
    color: #3fc7ff;
}

.price {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
}

.buy-btn {
    display: block;
    width: 100%;
    background: #ff6600;
    color: #fff;
    text-decoration: none;
    height: 45px;
    padding: 13px 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    transition: .3s;
}

.buy-btn:hover {
    background: #ff7b1c;
    color: #fff;
}

/* Responsive */

@media (max-width:991px) {

    .merch-image {
        height: 280px;
    }

}

@media (max-width:767px) {

    .merchandise-section {
        padding: 50px 0;
    }

    .merch-image {
        height: 240px;
        padding: 20px;
    }

    .merch-info h4 {
        font-size: 12px;
    }

}

/* -------------------------------- */
/*=====================================================
    CULTURAL STRATEGY SECTION
======================================================*/

.culture-section {
    background: #222222;
    padding: 100px 0 50px 0;
    overflow: hidden;
}

/*=====================================
    FEATURE CARD
======================================*/

.feature-card {
    position: relative;
    overflow: visible;
    max-width: 460px;
    margin-top: 110px;
    margin-left: auto;
    background: #1f1f1f;
    border: 1px solid rgba(255, 255, 255, .08);
}

.feature-card img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    display: block;
}

.feature-content {
    padding: 18px 18px 22px;
}

.feature-content small {
    display: block;
    color: #7f7f7f;
    font-size: .68rem;
    margin-bottom: 8px;
    letter-spacing: .4px;
}

.feature-content h3 {

    color: #ff641a;

    font-size: 1.3rem;

    font-weight: 600;

    text-transform: uppercase;

    line-height: 1;

    margin-bottom: 16px;

}

.feature-content p {
    color: #cfcfcf;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .92rem;
    line-height: 25px;
    letter-spacing: 2%;
    margin-bottom: 0
}

/*=====================================
    CAROUSEL INDICATORS
======================================*/

/*=====================================
    CUSTOM CAROUSEL INDICATORS
======================================*/

.custom-indicators {
    position: absolute;
    right: 0px;
    bottom: -47px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: left;
    padding: 0;
    margin-right: 15%;
    margin-left: 0;
    margin-bottom: 1rem
}

.custom-indicators button {

    width: 30px;
    height: 3px;

    border: none;

    background: #7f7f7f;

    opacity: 1;

    margin-right: 8px;

    transition: .35s;
}

.custom-indicators button.active {
    background-color: #ff641a;
}


/*=====================================
    FEATURE CARD HOVER
======================================*/

.feature-card {

    transition: .35s ease;

}

.feature-card img {

    transition: .6s ease;

}

.feature-card:hover img {

    transform: scale(1.05);

}

/*=====================================
    RESPONSIVE
======================================*/

@media (max-width:991px) {

    .feature-card {

        max-width: 100%;

        margin-top: 60px;

    }

}

@media (max-width:767px) {

    .feature-card img {

        height: 220px;

    }

    .feature-content h3 {

        font-size: 1.35rem;

    }

    .feature-content {

        padding: 16px;

    }

}

.culture-small {
    display: block;
    font-size: .78rem;
    letter-spacing: 1px;
    color: #bcbcbc;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.service-title {
    font-weight: bold;
    color: #397EBD;
    text-transform: uppercase;
}

.culture-title {
    color: #ff641a;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    /* white-space: nowrap; */
    margin-bottom: 20px;
    text-transform: uppercase;
    max-width: 580px
}

.blue-line {
    width: 48px;
    height: 3px;
    background: #25a8ff;
    margin-bottom: 18px;
}

.culture-desc {
    color: #FFFFFF;
    font-size: 1rem;
    margin-bottom: 45px;
}

/*=====================================
    SERVICES
======================================*/

.services-wrapper {
    margin-bottom: 45px;
}

.service-item {

    display: flex;
    align-items: center;

    gap: 18px;

    padding: 18px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    transition: .3s;
}

.service-item:hover {

    transform: translateX(6px);

}

.service-icon {

    width: 36px;
    height: 36px;

    border: 1px solid rgba(255, 255, 255, .4);

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

    color: #fff;

    flex-shrink: 0;

    transition: .3s;

}

.service-item:hover .service-icon {

    background: #ff641a;
    border-color: #ff641a;

}

.service-item span {

    color: #d9d9d9;

    font-size: 16px;

    line-height: 1.6;

}

/*=====================================
    BUTTON
======================================*/

.consult-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 26px;

    background: #fff;

    color: #111;

    font-size: .74rem;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: .5px;

    text-decoration: none;

    transition: .35s;

}

.consult-btn:hover {
    background: #ff641a;
    color: #fff;
}

/* =====================================
   NEWS SECTION
===================================== */

.news-section {
    background: #010101;
    padding: 100px 0 0 0;
}

.news-section-ceo {
    background: #010101;
    padding: 100px 0 50px 0;
}

/* =====================================
   CARD
===================================== */

.news-card {
    background: #0a0a0a;
    border: 1px solid #343434;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: .35s ease;
}

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

.news-image {
    overflow: hidden;
    aspect-ratio: 16/9;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .5s ease;
}

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

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

.news-content {
    flex: 1;
    padding: 22px 18px 30px;
}

.news-title {
    color: #147EC2;
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-date {
    color: #d9d9d9;
    font-size: 12px;
    letter-spacing: .5px;
}

/* =====================================
   BUTTON
===================================== */

.news-btn {
    display: block;
    margin: 0 18px 18px;
    background: #ff6600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 14px 20px;
    transition: .3s ease;
}

.news-btn:hover {
    background: #ff7f1f;
    color: #fff;
}

/* =====================================
   RESPONSIVE
===================================== */

@media (max-width:991.98px) {

    .news-title {
        font-size: 16px;
    }

}

@media (max-width:767.98px) {

    .news-section {
        padding: 60px 0;
    }

    .news-section-ceo {
        padding: 60px 0;
    }

    .news-content {
        padding: 18px;
    }

    .news-btn {
        margin: 0 18px 18px;
    }

}

/* ===========================
   PARTNER SECTION
=========================== */

.partner-section {
    background: linear-gradient(180deg, #010101 0%, #222222 100%);
    padding: 100px 0 100px 0;
}

/* Card */
.partner-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-height: 210px;
    padding: 35px 25px;

    background: #202020;
    border: 1px solid #3a3a3a;

    text-align: center;

    transition: all .35s ease;
}

/* Active Card */
.partner-box.active {
    border: 1px solid #ff6a00;
}

/* Hover */
.partner-box:hover {
    border-color: #ff6a00;
    text-decoration: none;
}

/* Icon */
.partner-icon {
    font-size: 34px;
    color: #9c9c9c;
    margin-bottom: 18px;
    transition: .3s;
}

.partner-box:hover .partner-icon {
    color: #ffffff;
}

/* Title */
.partner-box h4 {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ff6a00;
    line-height: 100%
}

/* Description */
.partner-box p {
    margin: 0;

    font-size: 12px;
    line-height: 1.6;

    color: #9f9f9f;
}

/* Hover text */
.partner-box:hover p {
    color: #cfcfcf;
}

/* Remove link styles */
.partner-box,
.partner-box:hover,
.partner-box:focus {
    text-decoration: none;
}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:991px) {

    .partner-box {
        min-height: 100%;
    }

}

@media (max-width:767px) {

    .partner-box {
        min-height: 160px;
        padding: 30px 20px;
    }

    .partner-icon {
        font-size: 30px;
    }

    .partner-box h4 {
        font-size: 13px;
    }

    .partner-box p {
        font-size: 11px;
    }

    .consult-btn {
        justify-content: center;
        width: 100%;
    }

}

/* ==========================================
   NEWSLETTER BANNER
========================================== */

.newsletter-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

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

.newsletter-banner {
    position: relative;
    padding: 155px 0;
    overflow: hidden;
}

/* Dark overlay */

.newsletter-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(96.8deg, rgba(18, 126, 194, 0.16) 11.4%, rgba(207, 235, 249, 0.16) 27.2%, rgba(255, 137, 14, 0.26) 61.6%, rgba(202, 31, 46, 0.12) 84.93%);
    z-index: 1;
}

/* Purple gradient (left) */

.newsletter-banner::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(90deg,
            rgba(15, 27, 70, .65) 0%,
            rgba(20, 18, 55, .35) 35%,
            rgba(0, 0, 0, 0) 100%);

    z-index: 3;
}

/* Container */

.newsletter-banner .container {
    position: relative;
    z-index: 3;
}

/* ==========================
   Heading
========================== */

.newsletter-title {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Subtitle */

.newsletter-subtitle {

    color: rgba(255, 255, 255, .85);

    font-size: 16px;

    margin-bottom: 40px;


}

/* ==========================
   Form
========================== */

.newsletter-form {

    max-width: 600px;

    margin: auto;

}

/* Remove Bootstrap spacing */

.newsletter-form .row {
    margin: 0;
}

/* Input */

.newsletter-form .form-control {

    height: 52px;

    border-radius: 0;

    border: solid 1px #3B3B3B;

    background: #000000CC;

    color: #fff;

    padding: 0 20px;

    font-size: 14px;

}

.newsletter-form .form-control::placeholder {

    color: rgba(255, 255, 255, .60);

}

.newsletter-form .form-control:focus {

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

    color: #fff;

    box-shadow: none;

    outline: none;

}

/* Button */

.btn-newsletter {

    height: 52px;

    border-radius: 0;

    border: none;

    background: #ff6a00;

    color: #fff;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 1px;

    transition: .3s ease;

}

.btn-newsletter:hover {

    background: #e45f00;

    color: #fff;

}

/* ==========================
   Responsive
========================== */

@media (max-width:991px) {

    .newsletter-banner {

        padding: 100px 0;

    }

    .newsletter-title {

        font-size: 2.5rem;

    }

}

@media (max-width:767px) {

    .newsletter-banner {

        padding: 80px 0;

    }

    .newsletter-title {

        font-size: 2rem;

    }

    .newsletter-subtitle {

        font-size: 14px;

        margin-bottom: 30px;

    }

    .newsletter-form .form-control {

        margin-bottom: 10px;

    }

    .btn-newsletter {

        width: 100%;

    }

}

/* nav responsive */

@media (max-width: 1229px) {

    .search-btn {
        display: none !important;
    }

}

/* page news */

.page-banner {
    position: relative;
    height: 706px;
    overflow: hidden;
}

.page-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .60);
}

.page-bg-overlay {
    position: absolute;
    inset: 0;
    background: #00000080;
}

.page-banner-overlay-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 20%);
}

.page-banner .container {
    position: relative;
    z-index: 2;
    height: 100%;
}

.page-banner-content h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 50px;
    margin-bottom: 15px;
}

.page-banner-content h1 span {
    color: #f97316;
}

.page-banner-content p {
    color: #fff;
    font-size: 16px;
    max-width: 620px;
    line-height: 100%;
    letter-spacing: 2%;
    margin: 0 auto;
    opacity: .9;
}

@media (max-width:991px) {

    .page-banner {
        height: 350px;
    }

    .page-banner-content h1 {
        font-size: 42px;
    }

}

@media (max-width:767px) {

    .page-banner {
        height: 280px;
    }

    .page-banner-content h1 {
        font-size: 30px;
    }

    .page-banner-content p {
        font-size: 14px;
    }

}

/* ==========================================================
   FIRE & ICE IN THE PRESS
========================================================== */

.press-section {
    background: #010101;
    padding: 150px 0 50px 0 !important;
}

/* Header */

.press-header {
    margin-bottom: 35px;
}

.press-title {
    color: #1f66b3;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.press-line {
    display: block;
    width: 55px;
    height: 3px;
    background: #ff6a00;
    margin-bottom: 12px;
}

.press-subtitle {
    color: #ffffff;
    font-size: 15px;
    margin: 0;
    opacity: .9;
}

/* ===========================
   CARD
=========================== */

.press-card {
    background: #141414;
    border: 1px solid #2b2b2b;
    height: 100%;
    transition: .35s ease;
    display: flex;
    flex-direction: column;
}

/* Image */

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

.press-image img {
    width: 100%;
    height: 285px;
    object-fit: cover;
    display: block;
    transition: .5s;
}

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

/* Category */

.press-category {
    position: absolute;
    top: 0;
    right: 0;
    background: #ff6a00;
    padding: 5px 24px 5px 26px;
    color: #fff;
    font-size: 9px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Content */

.press-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px;
}

.press-card-title {
    color: #1f66b3;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 18px;
    transition: .3s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.press-card:hover .press-card-title {
    color: #2f86e3;
}

.press-date {
    color: #bfbfbf;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Button */

.press-btn {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 10px;
    text-align: center;
    background: #ff6a00;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .3s;
}

.press-btn:hover {
    background: #ff8126;
    color: #fff;
    text-decoration: none;
}

/* Prevent link underline */

.press-btn,
.press-btn:hover,
.press-btn:focus {
    text-decoration: none;
}

/* ==========================================
   RESPONSIVE
========================================== */

/* Large Desktop */

@media (min-width: 1400px) {

    .press-image img {
        height: 190px;
    }

}

/* Desktop */

@media (max-width: 1199.98px) {

    .press-card-title {
        font-size: 14px;
    }

}

/* Tablet */

@media (max-width: 991.98px) {

    .press-section {
        padding: 60px 0;
    }

    .press-subtitle {
        font-size: 14px;
    }

    .press-image img {
        height: 220px;
    }

    .press-card-title {
        min-height: auto;
    }

}

/* Mobile */

@media (max-width: 767.98px) {

    .press-section {
        padding: 50px 0;
    }

    /* .press-header {
        text-align: center;
    } */

    .press-line {
        margin: 12px auto;
    }

    .press-title {
        font-size: 36px;
    }

    .press-subtitle {
        font-size: 13px;
    }

    .press-image img {
        height: 240px;
    }

    .press-content {
        padding: 15px;
    }

    .press-card-title {
        font-size: 14px;
        line-height: 1.45;
    }

    .press-btn {
        padding: 11px;
        font-size: 11px;
    }

}

/* Small Mobile */

@media (max-width: 575.98px) {

    .press-section {
        padding: 40px 0;
    }

    .page-banner {
        height: 80vh;
    }

    .press-image img {
        height: 210px;
    }

}

/* =====================================
   MEDIA & PRESS SECTION
===================================== */

.media-press-section {
    position: relative;
    overflow: hidden;
    min-height: 486px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 20px;
}

/* If using the <img> version */
.media-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Purple + Orange overlay */
.media-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    background: linear-gradient(90deg,
            rgba(20, 32, 95, .78) 0%,
            rgba(54, 22, 80, .58) 45%,
            rgba(96, 18, 32, .70) 100%);
}

/* Content */
.media-press-section .container {
    position: relative;
    z-index: 3;
}

.media-title {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 18px;
    line-height: 100%;
}

.media-text {
    color: rgba(255, 255, 255, .82);
    font-size: 18px;
    line-height: 100%;
    max-width: 700px;
    margin: 0 auto 35px;
}

/* Button */
.media-btn {
    background: #f36c21;
    color: #fff;
    border-radius: 0;
    padding: 14px 60px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: .3s;
}

.media-btn:hover {
    background: #ff7d34;
    color: #fff;
    transform: translateY(-2px);
}

/* Tablet */
@media (max-width:991px) {

    .media-press-section {
        min-height: 320px;
        padding: 80px 20px;
    }

    .media-title {
        font-size: 36px;
    }

}

/* Mobile */
@media (max-width:767px) {

    .media-press-section {
        min-height: 280px;
        padding: 60px 20px;
    }

    .media-title {
        font-size: 28px;
    }

    .media-text {
        font-size: 14px;
        margin-bottom: 28px;
    }

    .media-btn {
        width: 100%;
        max-width: 320px;
        padding: 14px;
    }

}

/* ===================================================
   WHO WE ARE SECTION
=================================================== */

.who-we-are-section {
    background: linear-gradient(180deg, #010101 0%, #222222 149.51%);
    color: #d8d8d8;
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}

/* Optional subtle texture */
.who-we-are-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top, rgba(255, 255, 255, .04), transparent 60%);
    pointer-events: none;
}

.who-we-are-section .container {
    position: relative;
    z-index: 2;
}

/* ==========================
   Section Titles
========================== */

/* .section-title {
    text-align: center;
} */

.section-title h6 {
    color: #ff7a00;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section-title span {
    display: inline-block;
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #CA1F2E 1.76%, #FF890E 38.86%, #CFEBF9 62.32%, #127EC2 90%);
    border-radius: 10px;
}

/* Left aligned title */

.section-left {
    text-align: left;
}

.section-left span {
    margin-left: 0;
}

/* ==========================
   Paragraph
========================== */

.who-text {
    font-size: 16px;
    line-height: 35px;
    color: #bfbfbf;
    letter-spacing: 2%;
    margin-bottom: 55px;
}

.w-952 {
    max-width: 952px;
}

.who-text strong {
    color: #fff;
}

.text-orange {
    color: #ff7a00 !important;
}

.who-text a {
    color: #2da8ff;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.who-text a:hover {
    color: #ff7a00;
}

/* ==========================
   Brands
========================== */

.brands-grid {
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-left: 1px solid rgba(255, 255, 255, .08);
}

.brand-box {
    height: 112px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111;
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    transition: .35s;
    padding: 20px;
}

.brand-box:hover {
    background: #181818;
}

.brand-box img {
    max-width: 150px;
    max-height: 124px;
    width: auto;
    height: auto;
    transition: .35s;
}

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

/* ==========================
   Responsive
========================== */

@media (max-width: 991px) {

    .who-we-are-section {
        padding: 70px 0;
    }

    .section-title h6 {
        font-size: 22px;
    }

    .who-text {
        font-size: 16px;
        line-height: 1.9;
    }

    .brand-box {
        height: 140px;
    }

    .brand-box img {
        max-width: 120px;
    }

}

@media (max-width: 767px) {

    .who-we-are-section {
        padding: 55px 0;
    }

    .section-title h6 {
        font-size: 20px;
    }

    .who-text {
        font-size: 15px;
        line-height: 1.8;
        text-align: center;
    }

    .brand-box {
        height: 120px;
        padding: 15px;
    }

    .brand-box img {
        max-width: 100px;
    }

}

/* ==========================================
   OUR FOUNDERS
========================================== */

.founders-section {
    background: linear-gradient(180deg, #010101 62.86%, #222222 80%);
    color: #d7d7d7;
    padding: 100px 0 80px 0;
}

/* Heading */

.founders-title {
    font-size: 48px;
    font-weight: 700;
    color: #e63646;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.heading-line {
    display: flex;
    align-items: center;
    gap: 0;
}

.red-line {
    width: 42px;
    height: 3px;
    background: #e63646;
}

.blue-line {
    width: 24px;
    height: 3px;
    background: #29a8ff;
}

/* Cards */

.founder-card {
    background: #151515;
    border: 1px solid rgba(255, 255, 255, .08);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: .35s ease;
}

.founder-card:hover {
    border-color: #333;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .35);
}

/* Image */

.founder-image {
    overflow: hidden;
}

.founder-image img {
    width: 100%;
    height: 486px;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.founder-card:hover img {
    transform: scale(1.04);
}

/* Content */

.founder-content {
    padding: 28px;
}

.padding-top-150 {
    padding-top: 150px;
}

.founder-name {
    color: #ff7a00;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px;
    line-height: 24px;
}

.founder-name.blue {
    color: #1ea6ff;
}

.founder-position {
    font-size: 11px !important;
    text-transform: uppercase;
    margin-bottom: 22px !important;
    line-height: 21px !important;
}

.founder-content p {
    color: #cfcfcf;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 18px;
}

/* Tablet */

@media (max-width:991px) {

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

    .founder-image img {
        height: 360px;
    }

    .founder-content {
        padding: 24px;
    }

}

/* Mobile */

@media (max-width:767px) {

    .founders-title {
        font-size: 1.6rem;
    }

    .founder-image img {
        height: 300px;
    }

    .founder-content {
        padding: 22px;
    }

    .founder-name {
        font-size: 1rem;
    }

    .founder-content p {
        font-size: .9rem;
        line-height: 1.8;
    }

}

/* ==========================================
   CONTACT SECTION
========================================== */

.contact-section {
    background: linear-gradient(180deg, #010101 62.86%, #222222 80%);
    color: #fff;
    padding: 130px 0 80px 0;
}

/* LEFT SIDE */

.contact-left {
    max-width: 440px;
    margin-top: 30px;
}

.contact-left h2 {
    color: #ff5a00;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 511px;
}

.title-line {
    width: 42px;
    height: 3px;
    background: #3fa9f5;
    margin-bottom: 25px;
}

.contact-desc {
    color: #cfcfcf;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 45px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.contact-item:last-child {
    border-bottom: none;
}

.icon-box {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .25);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-shrink: 0;
    transition: .3s;
}

.contact-item:hover .icon-box {
    background: #ff5a00;
    border-color: #ff5a00;
}

.contact-item span {
    color: #e7e7e7;
    font-size: 16px;
    line-height: 33px;
    letter-spacing: 2%;
}

/* ==========================================
   FORM BOX
========================================== */

.contact-form-box {
    background: #121212;
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 15px 40px;
}

.contact-form-box label {
    color: #d8d8d8;
    font-size: .85rem;
    margin-bottom: 8px;
    display: block;
}

.contact-form-box label span {
    color: #ff5a00;
}

/* Inputs */

.contact-form-box .form-control {
    background: #2a2a2a;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 0;
    height: 50px;
    font-size: .9rem;
    transition: .3s;
}

.contact-form-box textarea.form-control {
    min-height: 150px;
    resize: none;
    padding-top: 14px;
}

.contact-form-box .form-control::placeholder {
    color: #8b8b8b;
}

.contact-form-box .form-control:focus {
    background: #2a2a2a;
    color: #fff;
    border-color: #ff5a00;
    box-shadow: none;
}

/* Checkbox */

.form-check-label {
    color: #bfbfbf;
    font-size: .85rem;
}

.form-check-label a {
    color: #fff;
    text-decoration: none;
}

.form-check-input {
    background: transparent;
    border-color: rgba(255, 255, 255, .4);
}

.form-check-input:checked {
    background-color: #ff5a00;
    border-color: #ff5a00;
}

/* Button */

.contact-btn {
    color: rgb(255, 255, 255) !important;
    font-size: 13px !important;
    width: 100% !important;
    height: 54px !important;
    border: none;
    font-weight: 600 !important;
    background: rgb(255, 90, 0) !important;
    line-height: 100% !important;
    text-transform: uppercase !important;
    transition: .3s !important;
}

.contact-btn:hover {
    background: #ff7a26 !important;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:991px) {

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

    .contact-left {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .contact-left h2 {
        font-size: 2rem;
    }

    .contact-form-box {
        padding: 30px;
    }

}

@media (max-width:767px) {

    .contact-left h2 {
        font-size: 1.7rem;
        width: auto;
    }

    .contact-form-box {
        padding: 25px;
    }

    .contact-item {
        gap: 15px;
    }

    .contact-form-box .form-control {
        height: 48px;
    }

    .contact-form-box textarea.form-control {
        min-height: 140px;
    }

}

/* .wpforms-submit {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
} */

.wpforms-submit::after {
    content: "";
    width: 19px;
    height: 19px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    padding-left: 25px;
    top: 18px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 2 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='white' d='M17 18a1 1 0 0 1-1-1V8H7a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1'/%3E%3Cpath fill='white' d='M7 18a1 1 0 0 1-.707-1.707l10-10a1 1 0 0 1 1.414 1.414l-10 10A1 1 0 0 1 7 18'/%3E%3C/svg%3E");
}

/* ======================================================
   CONTACT FORM SECTION
====================================================== */

.contact-form-section {
    background: linear-gradient(180deg, #010101 62.86%, #222222 80%);
    padding: 90px 0;
}

.contact-box {
    background: #121212;
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 45px;
    max-width: 920px;
    margin: 100px auto;
}

/* Main visible dropdown for 228 form */
#wpforms-228 .choices {
    width: 100%;
}

#wpforms-228 .choices__inner {
    background: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
}

/* Placeholder */
#wpforms-228 .choices__placeholder {
    color: #999 !important;
}

/* Selected text */
#wpforms-228 .choices__item--selectable {
    color: #fff !important;
}

/* Arrow */
#wpforms-228 .choices[data-type*=select-one]::after {
    border-color: #fff transparent transparent !important;
}

/* Dropdown */
#wpforms-228 .choices__list--dropdown {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
}

/* Options */
#wpforms-228 .choices__list--dropdown .choices__item {
    color: #fff !important;
}

/* Hover option */
#wpforms-228 .choices__list--dropdown .choices__item--selectable:hover {
    background: #ff5a00 !important;
    color: #fff !important;
}

/* Focus */
#wpforms-228 .is-focused .choices__inner,
#wpforms-228 .is-open .choices__inner {
    border-color: #ff5a00 !important;
}

/* Make the dropdown arrow bigger and white */
#wpforms-228 .choices[data-type*="select-one"]::after {
    border-width: 8px 6px 0 6px !important;
    /* Bigger triangle */
    border-color: #ffffff transparent transparent transparent !important;
    right: 18px !important;
    margin-top: -3px !important;
}

/* When the dropdown is open */
#wpforms-228 .choices[data-type*="select-one"].is-open::after {
    border-width: 0 6px 8px 6px !important;
    border-color: transparent transparent #ffffff transparent !important;
    margin-top: -5px !important;
}

/* ------------------- */
/* Main visible dropdown for 241 form  */
#wpforms-241 .choices {
    width: 100%;
}

#wpforms-241 .choices__inner {
    background: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
}

/* Placeholder */
#wpforms-241 .choices__placeholder {
    color: #999 !important;
}

/* Selected text */
#wpforms-241 .choices__item--selectable {
    color: #fff !important;
}

/* Arrow */
#wpforms-241 .choices[data-type*=select-one]::after {
    border-color: #fff transparent transparent !important;
}

/* Dropdown */
#wpforms-241 .choices__list--dropdown {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
}

/* Options */
#wpforms-241 .choices__list--dropdown .choices__item {
    color: #fff !important;
}

/* Hover option */
#wpforms-241 .choices__list--dropdown .choices__item--selectable:hover {
    background: #ff5a00 !important;
    color: #fff !important;
}

/* Focus */
#wpforms-241 .is-focused .choices__inner,
#wpforms-241 .is-open .choices__inner {
    border-color: #ff5a00 !important;
}

/* Make the dropdown arrow bigger and white */
#wpforms-241 .choices[data-type*="select-one"]::after {
    border-width: 8px 6px 0 6px !important;
    /* Bigger triangle */
    border-color: #ffffff transparent transparent transparent !important;
    right: 18px !important;
    margin-top: -3px !important;
}

/* When the dropdown is open */
#wpforms-241 .choices[data-type*="select-one"].is-open::after {
    border-width: 0 6px 8px 6px !important;
    border-color: transparent transparent #ffffff transparent !important;
    margin-top: -5px !important;
}

/* ------------------- */
/* Main visible dropdown for 250 form  */
#wpforms-250 .choices {
    width: 100%;
}

#wpforms-250 .choices__inner {
    background: #2a2a2a !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center;
}

/* Placeholder */
#wpforms-250 .choices__placeholder {
    color: #999 !important;
}

/* Selected text */
#wpforms-250 .choices__item--selectable {
    color: #fff !important;
}

/* Arrow */
#wpforms-250 .choices[data-type*=select-one]::after {
    border-color: #fff transparent transparent !important;
}

/* Dropdown */
#wpforms-250 .choices__list--dropdown {
    background: #2a2a2a !important;
    border: 1px solid #444 !important;
}

/* Options */
#wpforms-250 .choices__list--dropdown .choices__item {
    color: #fff !important;
}

/* Hover option */
#wpforms-250 .choices__list--dropdown .choices__item--selectable:hover {
    background: #ff5a00 !important;
    color: #fff !important;
}

/* Focus */
#wpforms-250 .is-focused .choices__inner,
#wpforms-250 .is-open .choices__inner {
    border-color: #ff5a00 !important;
}

/* Make the dropdown arrow bigger and white */
#wpforms-250 .choices[data-type*="select-one"]::after {
    border-width: 8px 6px 0 6px !important;
    /* Bigger triangle */
    border-color: #ffffff transparent transparent transparent !important;
    right: 18px !important;
    margin-top: -3px !important;
}

/* When the dropdown is open */
#wpforms-250 .choices[data-type*="select-one"].is-open::after {
    border-width: 0 6px 8px 6px !important;
    border-color: transparent transparent #ffffff transparent !important;
    margin-top: -5px !important;
}

/* Remove WPForms default success styling */
.wpforms-confirmation-container-full {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove WPForms default confirmation styling */
.wpforms-confirmation-container-full {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Card */

.fi-confirmation {

    background: #121212 !important;

    text-align: center !important;

    max-width: 720px !important;

    margin: 0 auto !important;

}

/* Icon */

.fi-confirmation-icon {
    width: 90px !important;
    height: 90px !important;

    margin: 0 auto 30px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.fi-confirmation-icon img {
    width: 90px !important;
    height: auto !important;
    display: block !important;
}

/* Title */

.fi-confirmation h2 {

    color: #fff !important;

    font-size: 38px !important;

    font-weight: 700 !important;

    margin-bottom: 18px !important;

}

/* Description */

.fi-confirmation p {

    color: #CACACA !important;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: 2% !important;
    margin-bottom: 47px !important;

}

/* Button */

.fi-confirm-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 247px !important;
    height: 50px !important;

    background: #ff5a00 !important;
    color: #fff !important;
    text-decoration: none !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;

    line-height: 1 !important;
    padding: 0 !important;

    border: none !important;
    transition: .3s !important;
}

.fi-confirm-btn:hover {
    background: #ff7620 !important;
    color: #fff !important;
}

@media (max-width: 767.98px) {

    .wpforms-one-half,
    .wpforms-one-third,
    .wpforms-two-thirds {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .wpforms-first {
        clear: both !important;
    }

    .fi-confirmation {
        padding: 40px 20px !important;
    }

    .fi-confirmation h2 {
        font-size: 30px !important;
    }

    .fi-confirmation-icon img {
        width: 70px !important;
    }

}

/* =========================================
   EVENTS LIST SECTION
========================================= */

.events-list-section {
    width: 100%;
    background: #010101;
    color: #fff;
    padding: 100px 0 80px 0;
}

/* Individual row */
.event-list-item {
    width: 100%;
    min-height: 106px;

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

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);

    padding: 28px 0;

    transition: transform 3s ease;
}

.event-list-item:hover .event-list-content h3 {
    color: #147ec2;
}

/* Content */
.event-list-content {
    padding-right: 40px;
}

.event-list-content h3 {
    margin: 0 0 7px;

    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;

    color: #f5f5f5;
    text-transform: uppercase;
}

.event-list-content p {
    margin: 0;

    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;

    color: #d9d9d9;
}

/* Circular arrow button */
.event-list-arrow {
    flex: 0 0 auto;

    width: auto;
    height: auto;
    padding: 10px;
    font-size: 11px;

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

    border: 1px solid rgba(255, 255, 255, 0.25);
    /* border-radius: 50%; */

    text-transform: uppercase;

    color: #fff;
    text-decoration: none;

    transition: background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.event-list-arrow span {
    display: block;

    font-size: 16px;
    font-weight: 300;
    line-height: 1;

    transform: translate(1px, -1px);
}

/* Hover */
.event-list-arrow:hover {
    color: #fff;

    background: #F75C0D;
    border-color: rgba(255, 255, 255, 0.5);

    transform: translate(2px, -2px);
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 992px) {

    .events-list-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .event-list-item {
        min-height: 107px;

        padding-left: 0;
        padding-right: 0;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

    .event-list-item {
        min-height: 100px;
        padding: 25px 0;
    }

    .event-list-content h3 {
        font-size: 12px;
    }

    .event-list-content p {
        font-size: 9px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575.98px) {

    .event-list-item {
        min-height: auto;

        padding: 24px 0;
    }

    .event-list-content {
        padding-right: 20px;
    }

    .event-list-content h3 {
        font-size: 11px;
        line-height: 1.5;
    }

    .event-list-content p {
        font-size: 8px;
        line-height: 1.6;
    }

    .event-list-arrow {
        height: 27px;
    }

}