body{
    background: #FFF;
    overflow-x: hidden;
   }
   .filmy-fest .navbar-light .navbar-nav .nav-link {
        color: black;
    }
    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
        background: #D9D9D9;
        opacity: 1;
    }
    .swiper-pagination-bullet-active{
        background: #00D6FB;
    }
    @media (max-width: 767.98px){
        .navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
            padding-right: inherit;
            padding-left: 0;
        }
        .header-position{
            position: absolute;
            top: 10px;
            left: 20px;
        }
        .filmy-fest .banner-img{
            max-width: 210px !important;
        }
        nav{
            height: 55px !important;
            background: #FFFFFF !important;
        }
        .nav-link {
            font-weight: 700 !important;
            font-size: 20px !important;
        }
    }

    nav {
        height: 75px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
        margin: 0;
        padding: 0 1rem;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #360033;
        background: -webkit-linear-gradient(-8deg, #0b8793, #360033);
        background: #FFFFFF;
        color: #000000;
        }
        .nav-link{
            font-weight: 700 !important;
        }

        ul {
        margin-bottom: 0;
        }

        .navbar {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        }

        .nav-menu li {
        list-style: none;
        }

        .nav-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        }

        a.nav-link {
        color: #fff;
        text-decoration: none;
        font-size: 1.5rem;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        }

        a.nav-link:hover {
        color: orange;
        }

        .hamburger {
        display: none;
        }

        .bar,
        .fa-times {
        width: 1.5rem;
        height: 3px;
        display: block;
        color: #fff;
        padding: 0;
        margin: 6px;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: #000000;
        }

        .bar:nth-child(1) {
        /* width: 100%; */
        width: 300%;
        }

        .bar:nth-child(2) {
        /* width: 200%; */
        width: 300%;
        }

        .bar:nth-child(3) {
        width: 300%;
        }

        @media (max-width: 992px) {
        .hamburger {
            display: block;
        }
        .active .bar:nth-child(2) {
            opacity: 0;
        }
        .active .bar:nth-child(1) {
            -webkit-transform: translateY(8px) rotate(-315deg);
            transform: translateY(8px) rotate(-315deg);
            width: 300%;
        }
        .active .bar:nth-child(3) {
            -webkit-transform: translateY(-10px) rotate(-45deg);
            transform: translateY(-10px) rotate(-45deg);
            width: 300%;
        }
        .nav-menu {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: start;
            align-items: center;
            position: fixed;
            top: 55px;
            right: -100%;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            margin: 0 auto;
            background: #F5F5F5;
        }

        .nav-menu li {
            padding: 1rem 0;
        }

        a.nav-link {
            margin: 1rem 0;
            color: #333;
            z-index: 1;
        }

        .active {
            right: 0;
            z-index: 100;
            transition: 0.2s ease;
        }
        
        }

        @media screen and (max-width: 480px) {
        a.nav-link {
            padding: 0.75rem 0;
        }
    }

    .about-bg{
        background-image: url('../images/about-us-bg.png');
        background-repeat: no-repeat;
        background-position: 100% 0%;
        height: 326px;
    }
    .filmy-fest .main-title{
        font-size: 30px;
        font-weight: 700;
        color: #FFFFFF;
        text-align: center;
        padding: 80px 55px 0px;
    }
    .filmy-fest .title-pos{
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        color: #FFFFFF;
        padding: 10px 210px;
        line-height: 26px;
    }
    .client-bg{
        background-image: url('../images/client-bg-desktop.png');
        /* background-repeat: no-repeat; */
        background-position: 100% 0%;
        height: auto;
    }
    .partnersSwiper img{
        border-radius: 20px;
        /* aspect-ratio: 16/9; */
    }
    .filmy-fest .filmfest-footer{
        font-size: 16px;
        font-weight: 700;
        color: #000000;
        padding: 15px 140px 0px;
    }
    .social-icon-facebook {
        width: 22px;
    }
    .social-icon-x {
        width: 19px;
    }
    .instagram-icon {
        width: 21px;
    }
    .youtube-icon {
        width: 27px;
    }
    .filmy-fest .social-position{
        padding: 15px 140px 0px;
    }
    .filmy-fest .text-pos{
        text-align: right;
    }
    .partners-bg{
        background-image: url('../images/partners-bg-desktop.png');
        background-repeat: no-repeat;
        background-position: 100% 0%;
        height: auto;
    }
    .filmy-fest .card{
        padding: 10px 10px 3px;
        border-radius: 25px;
    }
    .filmy-fest .card img{
        border-radius: 10px;
    }
    .filmy-fest .leader-text-pos{
        padding: 10px;
    }
    .filmy-fest .leader-name{
        font-size: 20px;
        font-weight: 700;
        color: #00D5FC;
    }
    .filmy-fest .leader-description{
        padding: 0px 70px 0px 0px;
    }
    .filmy-fest .right-arrow{
        width: 14%;
        position: absolute;
        right: 20px;
        top: -10px;
    }
    .filmy-fest .left-arrow{
        width: 14%;
        position: absolute;
        left: 20px;
        top: -10px;
    }
    .filmy-fest .leader-description-right{
        padding: 0px 0px 0px 70px;
    }
    .filmySwiper .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
        background: #D9D9D9;
        opacity: 1;
    }
    .filmySwiper .swiper-pagination-bullet-active{
        background: #00D6FB;
    }
    @media (max-width: 768px){
        .about-bg {
            background-image: url('../images/about-bg-mobile.png');
            background-position: 50% 0%;
            background-size: 100% 100%;
            height: 510px;
        }
        .filmy-fest .main-title{
            font-size: 24px;
            text-align: left;
        }
        .filmy-fest .title-pos {
            text-align: start;
            padding: 10px 15px;
        }

        .client-bg {
            background-image: url('../images/client-bg-mobile.png');
            background-position: 50% 0%;
            background-size: 100% 100%;
            height: auto;
        }
        .partners-bg{
            background-image: url('../images/partners-bg-mobile.png');
            background-repeat: no-repeat;
            background-position: 100% 0%;
            background-size: 100%;
            height: auto;
        }
        .partnersSwiper img{
            border-radius: 12px;
        }
        .filmy-fest .filmfest-footer {
            padding: 15px 0px;
            text-align: center;
        }
        .filmy-fest .social-position{
            padding: 0px;
        }
       .filmy-fest .text-pos{
            text-align: center;
       }
       .filmy-fest .leader-text-pos{
            padding: 20px;
       }
       .filmy-fest .leader-description {
            padding: 0px 10px 0px 0px;
        }
    }