* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial"Segoe UI", Arial, Helvetica, sans-serif !important;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            min-height: 100vh;
            box-sizing: border-box;
        }

        .navbar {
            width: 100%;
            justify-content: flex-start;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        /* .scrolled {
            background: #fff !important;
            transition: 0.3s;
        } */

        .containers {
            padding: 0px 30px;
        }

        .banner-containers {
            padding: 70px 30px 0px 30px;
        }


        .header-top {
            position: fixed;
            top: 0px;
            left: 0;
            width: 100%;
            z-index: 999;
            background: #fff;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
            padding: 0px 30px;
        }

        .header-top .scrolled {
            background: #ffffff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .menu-toggle .scrolled {
            color: #000;
        }

        .logo {
            width: 12%;
        }

        .logo-img {
            display: block;
            /* width: 125px; */
            /* height: 45px; */
        }

        .logo-img-1 {
            display: none;
            width: 35px;
            height: auto;
            border-radius: 5px;
            height: auto;
        }

        .nav-links ul {
            list-style: none;
            gap: 5px;
            padding: 0px !important;
            margin: 0px !important;
        }


        .loggin {
            padding: 8px 10px;
            color: #000;
        }

        .join:hover {
            padding: 7px 15px !important;
        }

        .loggin:hover,
        .join:hover {
            padding: 8px 10px;
            background-color: #cccccc5c;
            border-radius: 20px !important;
            color: #000;
        }

        ul {
            list-style-type: none;
        }

        .menu-content {
            display: flex;
            border-bottom: 1px solid #433f3f2a;
            width: 600px;
        }

        .mega-menu {
            position: absolute;
            top: 45px;
            right: 22px;
            gap: 20px;
            border-radius: 15px 15px 15px 15px;
            background: #f6f6f6;
            display: none;
        }

        .mega-menu.active {
            display: grid;
        }

        .mega-column {
            width: 33%;
            border-right: 1px solid #433f3f2a;
            padding: 0px 7px;

        }

        .mega-btn {
            margin: 20px 0px 10px 0px;
            color: #000;
            font-size: 14px;
            font-weight: 700;
            text-align: left !important;
            padding-left: 15px;
            width: 100%;
            background: none;
            border: 0px;
        }

        .mega-btn span {
            display: none;
        }

        .mega-column svg {
            vertical-align: middle;
            width: 20px;
            margin-right: 10px;
        }

        .social-icons-top a,
        .social-icons-top-resp {
            padding: 0px 15px;
        }

        .social-icons-top,
        .social-icons-top-resp {
            display: flex;
            padding: 0px 30px 20px 0px;
            width: 100%;
            align-items: end;
            justify-content: end;
            filter: invert(1);
        }

        .header--label-live {
            background-color: #3e4049;
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            padding: 3px 6px 3px 19px;
            margin-left: 5px;
            border-radius: 3px;
            position: relative;
        }

        .alert-live {
            background: #d86560;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            animation: 2s infinite pulse--J8Nt0;
            position: absolute;
            left: 6px;
            z-index: 99;
            top: 8px;

        }

        #openMega {
            text-decoration: none;
            font-weight: 600;
            transition: color 0.3s;
            font-size: 14px;
            padding: 7px 10px;
        }

        #arrow svg {
            vertical-align: middle;
            width: 25px;
            margin-bottom: 6px;
            height: 14px;
        }


        .mega-column a {
            display: block;
            color: #000;
            padding-bottom: 10px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 400 !important;
            text-align: left !important;
            padding: 5px 5px 5px 15px;
            margin: 3px 0px;
        }

        .mega-column a:hover {
            background-color: #cccccc5c;
            border-radius: 20px !important;
        }

        .explore-dropdown {
            width: 108px;
            text-align: center;
            position: relative;
        }

        .explore-dropdown:hover {
            background-color: #cccccc5c;
            border-radius: 20px !important;
        }

        .nav-links {
            width: 88%;
        }

        .nav-links a {
            text-decoration: none;
            font-weight: 600;
            transition: color 0.3s;
            font-size: 14px;
        }

        .nav-links a.demo {
            color: #007bff;
        }

        .menu-toggle {
            display: none;
            font-size: 20px;
            cursor: pointer;
            user-select: none;
            font-weight: 400;
        }

        .carousel-indicators {
            position: absolute;
            bottom: 3px;
            display: flex;
            gap: 8px;
        }

        .header-link-tabs {
            position: absolute;
            bottom: 37px;
            width: 100%;
            z-index: 99;
            padding: 0px 30px;
        }

        .scr-dot {
            width: 15px;
            height: 5px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 6px;
            cursor: pointer;
            transition: background 0.3s;
        }

        .scr-dot.active {
            background: #fff;
        }

        .home-top-image,
        .home-top-image-photos,
        .home-top-image-illustraion,
        .home-top-image-vector,
        .home-top-image-music,
        .home-top-image-videos,
        .home-top-image-gif {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 450px;
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            margin: 0 auto;
            margin-bottom: 0px;
            background-size: cover;
            background-position: center;
            transition: background-image 1s ease-in-out;
        }

        .home-top-image::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/Home-Top-Back.webp") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-photos::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/photos-ban.jpg") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-illustraion::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/illustrations-ban.webp") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-vector::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/vector.webp") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-music::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/music-ban.webp") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-videos::before {
            content: "";
            position: absolute;
            inset: 0;
            background: #191b2617 url("./Images/illustrations-ban.webp") center/cover no-repeat;
            z-index: -1;
        }

        .home-top-image-gif::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("./Images/photos-ban.jpg") center/cover no-repeat;
            z-index: -1;
        }

        /* .header-search-top {
            width: 54%;
        } */

        .header-top-input {
            position: relative;
            display: none;
        }

        .header-top-input img {
            width: 20px;
            filter: invert(0.5);
            position: absolute;
            top: 12px;
            left: 14px;
        }

        .header-top-input input {
            padding: 10px 20px 10px 40px;
            border-radius: 100px;
            outline: none;
            border: 0px;
            background: #f6f6f6;
            font-size: 15px;
            width: 100%;
            height: 38px;
            margin: 0px;
        }

        .explore-dropdown-img {
            position: absolute;
            right: 2px;
            z-index: 999;
            top: 7px;
        }

        #All-Image {
            text-decoration: none;
            color: #757575;
            font-weight: 600;
            transition: color 0.3s;
            font-size: 14px;
            padding: 0px 8px;
            border-radius: 20px;
        }

        .explore-dropdown-img :hover {
            background-color: #cccccc5c;
        }

        #arrow-img svg {
            vertical-align: middle;
            width: 25px;
            margin-bottom: 6px;
            height: 14px;
        }

        .display {
            display: none;
        }

        .header-top-buttons-container {
            transition: transform .5s;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .header-top-buttons {
            min-height: 40px;
            white-space: normal;
            word-break: normal;
            color: #ffffffc0;
            cursor: pointer;
            pointer-events: auto;
            border-radius: 100px;
            align-items: center;
            min-width: max-content;
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            display: inline-flex;
            text-decoration: none;
            gap: 15px !important;
            margin: 0px 0px;
        }

        .header-top-buttons:hover {
            background: #f3f3f329;
            color: #fff;
            min-height: 40px;
            white-space: normal;
            word-break: normal;
            cursor: pointer;
            pointer-events: auto;
            border-radius: 100px;
            align-items: center;
            min-width: max-content;
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            display: inline-flex;
            text-decoration: none;
            gap: 15px !important;
            margin: 0px 0px;
        }

        .header-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .header-link span {
            color: #ffffffe0;
            font-size: 12px;
        }

        .header-link a {
            color: #ffffffe0;
            font-size: 12px;
            font-weight: 600;
        }


        .header--label-new {
            background-color: #00ab6b;
            padding: 0px 5px;
            border-radius: 5px;
            color: #ffffffe0;
            font-weight: 500;
        }

        .header-active {
            background-color: #fff;
            color: #191b26 !important;
            padding: 10px 16px;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            display: inline-flex;
            text-decoration: none;
            border-radius: 100px;
        }

        .home-top-image::after,
        .home-top-image-photos::after,
        .home-top-image-illustraion::after,
        .home-top-image-vector::after,
        .home-top-image-music::after {
            content: "";
            background: #191b2621;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 530px;
        }

        .home-top-detail {
            top: 85px;
            position: absolute;
            left: 0px;
            right: 0px;
            text-align: center;
            z-index: 99;
            max-width: 920px;
            margin: 0 auto;
            padding: 0px 10px;
        }

        .home-top-detail h2 {
            font-size: 32px;
            font-weight: 700;
            line-height: 48px;
            color: #fff;
        }

        .tag-container {
            position: relative;
            width: 90%;
            display: flex;
            align-items: center;
            top: 0px;
            z-index: 99;
            justify-content: center;
            margin: 0 auto;
        }

        .header-tags,
        .taglistcat {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
            gap: 8px;
            padding: 8px 0;
            scrollbar-width: none;
        }

        .header-tags a {
            text-decoration: none;
        }

        .header-tags::-webkit-scrollbar {
            display: none !important;
        }

        .header-tag-list {
            padding: 6px 12px;
            border-radius: 7px;
            background: rgba(255, 255, 255, 0.12);
            color: #ffffffc0;
            font-size: 14px;
            backdrop-filter: blur(6px);
            white-space: nowrap;
            cursor: pointer;
        }

        .header-tag-list:hover {
            padding: 6px 12px;
            border-radius: 7px;
            background: #ffffff52;
        }


        .scroll-btn,
        .scroll-btn-1 {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            height: 30px;
            width: 30px;
            border: none;
            border-radius: 100%;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            padding: 2px;
            padding-bottom: 8px;
            background-color: #9393936b;
        }

        .scroll-btn.left,
        .scroll-btn-1.left-1 {
            left: -36px;
            z-index: 999;
        }

        .scroll-btn svg,
        .scroll-btn-1 svg {
            width: 20px;
            vertical-align: initial;
            padding-top: 5px;
        }

        .scroll-btn.right,
        .scroll-btn-1.right-1 {
            right: -36px;
        }

        .header-search {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin: 15px auto;
        }

        .search-bar {
            width: 60%;
            height: 50px;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 20px;
            border-radius: 40px;
            background: #ffffff3d url("Images/search-icon-svg-removebg-preview.png") center/cover no-repeat;
            backdrop-filter: blur(20px);
            background-size: 20px;
            border: 0px;
            background-position: 11px;
            background-size: 20px;
        }

        .search-icon {
            color: white;
            font-size: 20px;
            opacity: 0.9;
        }

        .search-bar input {
            flex: 1;
            border: none;
            background: transparent;
            font-size: 13px;
            font-weight: 400;
            color: white;
            outline: none;
            padding-left: 20px;
            margin: 0px;
        }

        .search-bar input::placeholder {
            color: rgba(255, 255, 255, 0.85);
        }


        .footer-left {
            flex-direction: column;
            gap: 16px;
            display: flex;
        }

        .social-icons {
            align-items: center;
            gap: 16px;
            margin-top: auto;
            display: flex;
        }

        .social-icons i {
            font-size: 15px;
            color: #333;
            transition: transform 0.3s;
        }

        .social-icons i:hover {
            transform: scale(1.2);
            color: #00ab6b;
        }

        .footer {
            background: #fff;
            align-items: stretch;
            gap: 24px;
            width: 100%;
            max-width: 1800px;
            padding: 80px 32px 40px 32px;
            display: flex;
        }

        .footer-right {
            flex-direction: column;
            flex: auto;
            gap: 16px;
            min-width: 168px;
            display: flex;
        }

        .footer h4 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
        }

        .footer p,
        .footer ul {
            color: #191b26a3;
            list-style-type: none;
            padding: 10px 0px !important;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }

        .footer li {
            padding: 5px 0px !important;

        }

        .home-community {
            padding: 50px 0px 20px 0px;
            height: auto;
        }

        .home-community-section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-bottom: 20px;
        }

        .home-community-section h2 {
            color: #191b26;
            margin: 0;
            font-size: 18px;
            font-weight: 600;
            line-height: 28px;
        }


        .home-community-top-h2 {
            display: none;
        }

        .frame-link {
            backdrop-filter: blur(20px);
            background-color: rgba(25, 27, 38, .04);
            border-radius: 100px;
            gap: 4px;
            height: 45px;
            padding: 4px 10px;
            display: flex;
            position: relative;
            overflow-y: auto;
            width: fit-content;
            align-items: center;
            flex-shrink: 0;
        }

        .frame-link button {
            padding: 5px 17px;
            color: #191b26a3;
            font-weight: 600;
            text-decoration: none;
            font-size: 13px;
            background-color: #f6f6f6;
            border: 1px solid #f6f6f6;
        }

        .tabs {
            display: inline-flex;
            gap: 8px;
        }

        .tab {
            padding: 10px 16px;
            border-radius: 999px;
            border: none;
            cursor: pointer;
        }

        .tab-active {
            background: #fff;
            color: #111;

        }

        .tab-frame {
            width: 100%;
            height: 2500px;
            border: none;
        }

        .Policy {
            text-align: center;
            background-color: #191b260a;
        }

        .Policy p {
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            color: #191b26a3;
            margin: 0px;
            padding: 15px 20px;
        }

        .Policy span {
            color: #000;
        }

        .Media-license {
            display: flex;
        }

        .Media-license h5 {
            margin: 0;
            padding: 0 0 16px;
            font-size: 16px;
            font-weight: 700;
        }

        .Media-license p {
            color: #191b26a3;
            margin: 0;
            padding: 0 0 24px;
            font-size: 14px;
        }

        .Media-license a {
            color: #00ab6b;
            justify-content: flex-start;
            align-items: flex-start;
            font-weight: 600;
            display: flex;
            font-size: 14px;
            text-align: left;
            padding: 10px;
            text-decoration: none;
            width: fit-content;
        }

        .Media-license a:hover {
            background-color: #00ab6b1a;
            width: fit-content;
            border-radius: 10px;
        }

        .icon-circle {
            width: 48px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0px 20px;
        }

        .heart {
            color: #00a870;
            font-size: 15px;
            background: #e6faf5;
            border: 1px solid #e6faf5;
            border-radius: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
        }

        .footer-right {
            display: inline-block;
            vertical-align: top;
            margin-right: 40px;
        }

        .div-row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            gap: 20px;
            height: 900px;
            overflow: hidden;
            justify-content: space-evenly;
            max-height: fit-content;
            transition: max-height 0.3s ease;
        }

        .div-col {
            width: 23%;
            display: flex;
            flex-direction: column;

        }

        /* .div-col img {
            padding-bottom: 20px;
        } */

        .div-frames {
            max-height: 100vh;
            overflow: hidden;
        }

        .tab-content {
            position: relative;
        }

        .tab-content::before {
            content: "";
            pointer-events: none;
            background: linear-gradient(transparent 0%, #fff 100%);
            width: 100%;
            height: 96px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .div-discover {
            margin: 30px 0px 60px 0px;
            display: flex;
            align-items: center;
            justify-content: center;
            max-width: -webkit-fill-available;
        }

        .join {
            cursor: pointer;
            transition: background-color .1s ease-in;
            border: 1px solid #777777e0;
            border-radius: 20px !important;
            padding: 7px 15px;
            margin: 0px 3px;
            color: #000;
        }

        .tab.active {
            background: #fff;
            color: #000;
            border-color: #fff;
            transition: background-color .1s ease-in;
            border: 1px solid #8c8c9229;
        }

        .upload {
            background-color: #00ab6b;
            border: 1px solid #00ab6b;
            transition: background-color .1s ease-in;
            border-radius: 20px !important;
            padding: 6px 10px;
            font-weight: 600 !important;
            margin: 0px 3px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .upload:hover {
            color: #fff;
        }

        .upload-1 {
            display: none;
        }


        .upload img {
            width: 25px;
            height: 25px;
            filter: invert(1);
            padding: 5px;
        }


        .discover {
            cursor: pointer;
            border-radius: 100px;
            align-items: center;
            gap: 4px;
            min-width: 150px;
            padding: 10px 26px;
            font-size: 14px;
            font-weight: 600;
            transition: background-color .1s ease-in;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0px 25px;
            border: 0px;
        }

        .pre,
        .nextA {
            display: none;
        }

        .div-col>div {
            position: relative;
        }

        .canva {
            position: absolute;
            border: 1px solid #ffffff4f;
            right: 10px;
            bottom: 10px;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 5px 10px;
            border-radius: 30px;
            cursor: pointer;
            background-color: #8b87874f;
            color: #fff;
        }

        .canva img {
            padding-bottom: 0px !important;
            width: 17px;
            border: 0px;
            border-radius: 10px;
        }

        .canva span {
            font-size: 12px;
            font-weight: 600;
        }

        .count {
            font-weight: 600;
        }

        .profile-links {
            position: absolute;
            left: 5px;
            bottom: 10px;
            display: flex;
            align-items: center;
            gap: 6px;
            /* padding: 2px 10px; */
            border-radius: 30px;
            cursor: pointer;
            color: #fff;
            box-sizing: border-box;
            width: 50%;
        }

        .profile-img {
            padding-bottom: 0px !important;
            width: 30px;
            border: 0px;
            border-radius: 100px;
            height: 30px;
        }

        .profile-name {
            font-size: 13px;
            font-weight: 600;
            color: #fff;
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


        .main-image {
            width: 100%;
            display: block;
        }

        .gif-main-image {
            justify-content: center;
            width: 100%;
            display: flex;
        }

        .gif-main-image-div {
            background: url(./Images/gif-background.svg);
            position: relative;
        }

        .gif-main-image-div img {
            max-width: 1080px;
            max-height: 1080px;
            width: 100%;
        }

        .editor-choice,
        .collection,
        .wishlist {

            padding: 6px;
            border-radius: 8px;
            align-items: center;
            gap: 4px;
            backdrop-filter: blur(3px);
        }

        .wishlist {
            display: flex;
            height: 33px;
            background: #0000009e;
        }

        .editor-choice {
            display: flex;
            height: 33px;
        }

        .collection {
            width: 57px;
            display: flex;
            justify-content: space-evenly;
            background: #0000009e;
        }

        .editor-choice {
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .editor-choice img {
            width: 20px;
            filter: invert(1);
            vertical-align: text-top !important;
        }

        .icon-right {
            position: absolute;
            top: 10px;
            right: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .collection img {
            width: 16px;
            filter: invert(1);
            padding-bottom: 0px !important;
        }

        .wishlist img {
            width: 19px;
            filter: invert(1);
            padding: 0px 3px !important;
        }

        .collection .count {
            color: white;
            font-size: 14px;
            font-weight: 500;
        }

        .image-card {
            position: relative;
            overflow: hidden;
            margin-bottom: 20px;
            cursor: pointer;
        }

        .editor-choice,
        .icon-right,
        .canva,
        .profile-links {
            display: none;
        }

        .image-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;

            background:
                linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent 40%),
                linear-gradient(to top, rgba(0, 0, 0, 0.45), transparent 40%);

            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            top: 0px;
            bottom: 0px;
        }

        .image-card:hover .image-overlay {
            opacity: 1;
        }

        .main-video {
            width: 100%;
        }

        .zoom-video {
            position: absolute;
            z-index: 1;
            top: 40%;
            bottom: 45%;
            left: 45%;
            right: 45%;
            width: 43px;
            filter: invert(1);
            background: #ffffff85;
            height: auto;
            padding: 12px;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
        }

        .submenu {

            padding-left: 0px;
        }

        .fa-brands,
        .fab {
            color: #000;
        }

        ::-webkit-scrollbar {
            width: 1px;
        }

        ::-webkit-scrollbar-thumb {
            background: #888;
        }

        .column-right {
            box-sizing: content-box;
            background-color: #fff;
            border: 1px solid #ebecf0;
            border-radius: 16px;
            box-shadow: 0 2px 8px #191b260f;
            position: sticky;
            top: 20px;
            width: 350px;
        }

        .download-drop svg,
        .droping-drop svg {
            filter: invert(0);
            width: 20px;
        }

        .download-drop {
            color: #fff;
            background: #00ab6b;
            cursor: pointer;
            justify-content: center;
            font-weight: 600;
            transition: all .1s ease-in;
            display: inline-flex;
            font-size: 14px;
            width: 100%;
            padding: 7px;
            border: 1px solid #00ab6b;
            border-radius: 20px;
            margin: 10px 0px 10px 0px;
        }

        .droping-drop {
            cursor: pointer;
            border-radius: 100px;
            align-items: center;
            gap: 4px;
            padding: 6px;
            font-size: 14px;
            font-weight: 600;
            transition: background-color .1s ease-in;
            display: inline-flex;
            width: 100%;
            justify-content: center;
            border: 1px solid #ccc;
        }

        .content-license {
            padding: 20px;
            border-bottom: 1px solid #ebebeb;
        }

        .content-license p {
            letter-spacing: .4px;
            color: #191b26a3;
            align-self: center;
            font-size: 12px;
            line-height: 16px;
            margin: 0px;
        }

        .content-license a {
            color: #191b26a3;
            cursor: pointer;
            font-weight: 600;
            text-decoration: underline;
        }

        .left-p-tags p,
        .right-p-tags p {
            padding: 3px 0px;
            margin: 3px 0px;
        }

        .left-p-tags {
            font-size: 14px;
            font-weight: 400;
            color: #191b26a3;
            white-space: nowrap;
        }

        .right-p-tags {
            font-size: 14px;
            font-weight: 400;
            white-space: nowrap;
            text-align: right;
            color: #000;
        }

        .list-collection div {
            background-color: #191b260a;
            padding: 6px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            display: flex;
            align-items: center;
        }

        .list-collection {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 25px 0px 20px 0px;
            width: 100%;
        }

        .list-collection svg {
            width: 20px;
        }

        .list-collection img {
            width: 16px;
        }

        .question {
            width: 20px;
        }

        .follower-details {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 0px;
        }

        .user-img img {
            width: 35px;
            height: 35px;
            border-radius: 100%;
        }

        .user-img {
            display: flex;
            gap: 10px;
            align-items: center;
        }

        .username-list {
            color: #191b26;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
            font-weight: 600;
            line-height: 24px;
            text-decoration: none;
            overflow: hidden;
            padding: 0px;
            margin: 0px;
        }

        .username-follower {
            color: #191b26a3;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 12px;
            font-weight: 400;
            overflow: hidden;
            padding: 0px;
            margin: 0px;
        }

        .follow-list svg {
            width: 25px;
            padding: 0px 2px;
        }

        .follow-list {
            display: flex;
            font-size: 12px;
            font-weight: 600;
        }

        .photo-details button,
        .follow-details button {
            font-size: 14px;
            font-weight: 400;
            background-color: #fff;
            border: 0px;
            text-decoration: underline;
            color: #5f5f5f;
        }

        .follow-details p {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            max-height: 40px;
            overflow: hidden;
            margin: 0px;
        }

        .follow-details {
            padding: 10px 0px;
        }

        .collapsible-content {
            max-height: 60px;
            overflow: hidden;
            transition: max-height 0.4s ease;
        }

        .collapsible-content span {
            line-height: 24px;
            padding: 10px 0px;
        }

        .collapsible.expanded .collapsible-content {
            max-height: 600px;
        }

        .collapsible-toggle {
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .arrow {
            width: 10px;
            transition: transform 0.3s ease;
        }

        .collapsible.expanded .arrow {
            transform: rotate(180deg);
        }

        .tick {
            width: 20px;
            padding: 5px;
            border-radius: 10px;
            background: #ebecf0;
            margin-right: 5px;
        }

        .resp-list {
            display: none;
        }

        .row .resp-list {
            width: 100%;
            z-index: 99 !important;
        }

        .respo-list {
            display: block;
        }

        .row-12 {
            display: flex;
            width: 100%;
            max-width: 1800px;
            margin-left: auto;
            margin-right: auto;
            gap: 20px;
        }

        .column-9 {
            flex-direction: column;
            flex: auto;
            align-items: center;
            min-width: 0;
            margin-top: 24px;
            display: flex;
            position: relative;
        }

        .column-3 {
            flex-shrink: 0;
            width: 376px;
            padding: 24px 0;
        }


        /* .logo-img {
            filter: invert(0) !important;
            width: -webkit-fill-available;
        } */

        .header-top-input {
            display: block !important;
            width: 65%;
        }

        .loginpage a,
        .joinpage a {
            cursor: pointer;
            white-space: nowrap;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            text-decoration: none;
            transition: all .1s ease-in;
            display: inline-flex;
            font-size: 14px;
            border-radius: 20px;
        }

        .loginpage,
        .joinpage {
            width: 100%;
            margin: 20px 10px;
        }

        .loginpage a {
            padding: 7px;
            width: 100%;
            background-color: #fff;
            color: #191b26;
            border: 1px solid #ccc;
        }

        .joinpage a {
            padding: 7px;
            width: 100%;
            background-color: #00ab6b;
            color: #fff;
        }

        .comments-section {
            text-align: center;
            background-color: #f7f7f7;
            border-radius: 8px;
            flex-direction: column;
            align-items: center;
            padding: 24px;
            display: flex;
            margin-top: 10px;
        }

        .mus-det {
            flex-direction: column;
            row-gap: 24px;
            display: flex;
            width: 100%;
            margin-top: 40px;
        }

        .mus-det-links {
            flex-direction: row;
            gap: 8px;
            display: flex;
        }

        .mus-det-links-dv {
            flex: 1 1 0;
        }

        .comm-photlist {
            padding: 20px 0px;
        }

        .comm-photlist a {
            color: #191b26a3;
            background-color: #191b260a;
            border: none;
            cursor: pointer;
            text-wrap: nowrap;
            border-radius: 8px;
            align-items: center;
            gap: 4px;
            height: 25px;
            padding: 5px 8px;
            font-size: 12px;
            font-weight: 400;
            display: inline-flex;
            text-decoration: none;
            margin: 4px;
        }

        .comm-photlist a:hover {
            color: #000;
            background-color: #191b2617;
        }

        .main-image-sect {
            justify-content: center;
            width: 100%;
            display: flex;
        }

        .main-image-div {
            position: relative;
            padding-bottom: min(150.488%, 64vh, 4161px);
            width: min(2765px, 42.5282vh, 100vw, 100%);
            max-height: 4161px;
        }

        .main-image-div img {
            border: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .off-coupon {
            color: #00ab6b;
            font-weight: 600;
        }

        .Sponsor-link {
            color: #191b26a3;
            font-size: 14px;
            font-weight: 400;
        }

        .Sponsor-link a {
            color: #191b26a3;
            font-size: 13px;
            font-weight: 400;
            text-decoration: none;
        }

        .Sponsor-link a:hover {
            color: #00ab6b;
        }

        .i-sponsor {
            display: flex;
            gap: 10px;
            align-items: flex-start;
            width: 100%;
            max-width: 100%;
            display: flex;
        }

        .i-sponsor .i-sponsor-img {
            flex: 1;
            position: relative;
        }

        .i-sponsor .i-sponsor-img .loadeer {
            color: #fff;
            text-align: center;
            background: rgba(25, 27, 38, .4);
            justify-content: center;
            align-items: center;
            padding: 8px;
            font-size: 12px;
            display: flex;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .i-sponsor .i-sponsor-img .spom-ank :after {
            content: "";
            opacity: 0;
            background: rgba(25, 27, 38, .16);
            width: 100%;
            height: 100%;
            transition: opacity .2s;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .spom-img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .i-sponsor .i-sponsor-img {
            height: 0;
            padding-bottom: 20%;
            display: block;
            position: relative;
            overflow: hidden;
        }

        .i-sponsor span {
            position: absolute;
            color: #939395;
            top: 40%;
            right: 23%;
            text-decoration: underline;
            font-size: 14px;
        }

        .follower-details-1 {
            display: flex;
            align-items: center;
        }

        .follower-details-1>.user-img {
            margin-right: 5px;
        }

        .img-format,
        #canva-list,
        #canva-list-1 {
            border: 1px solid #cccccc6b;
            padding: 10px;
            box-shadow: 0px 0px 8px #ccc;
            border-radius: 10px;
            position: absolute;
            width: 330px;
            background: #fff;
            right: 8px;
            top: 92px;
            z-index: 9;
            display: none;
        }

        #canva-list {
            top: 133px;
        }

        #canva-list-1 {
            top: 64px;
            right: 59px;
        }

        .img-format>div {
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .img-format>input[type=radio] {
            margin: 0px 5px;
        }

        .drop-music-div {
            display: none;
        }

        .dropdown-music-dots {
            display: none;
        }

        #canva-list div,
        #canva-list-1 div {
            padding: 5px 15px;
        }

        #canva-list div:hover,
        #canva-list-1 div:hover {
            padding: 5px 15px;
            background-color: #f6f6f6;
            border-radius: 10px;
        }

        #canva-list img,
        #canva-list-1 img {
            margin-right: 5px;
        }

        #canva-list a:hover,
        #canva-list-1 a:hover {
            filter: contrast(1);
            color: #000;
        }

        #canva-list a,
        #canva-list-1 a {
            color: #191b26a3;
            font-size: 14px;
            font-weight: 400;
            text-decoration: none;
        }

        .donate a {
            color: #191b26a3;
            background-color: #191b260a;
            width: 100%;
            cursor: pointer;
            border-radius: 20px;
            align-items: center;
            padding: 8px 8px;
            font-size: 14px;
            font-weight: 400;
            display: inline-flex;
            text-decoration: none;
            justify-content: center;
            font-weight: 600;
        }

        .donate {
            padding: 20px;

        }

        .img-format-type {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .img-format-type p {
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

        .img-format-type div {
            color: #191b26a3;
            font-size: 14px;
            padding: 5px 0px;
        }

        .img-format-type:hover {
            color: #00ab6b !important;
        }

        .social-icons-top-resp {
            display: none;
        }

        .borders {
            border-right: 0px !important;
        }

        .musiq-list {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            padding: 10px;
            border-radius: 10px;
        }

        .musiq-list:hover {
            background-color: #efefef;
        }

        .albums-img {
            width: 30%;
            display: flex;
            align-items: center;
        }

        .mus-img {
            width: 60px;
            height: 60px;
            border-radius: 7px;
            border: 1px solid #fff;
        }

        .albums-img-2 {
            position: relative;
        }

        .musiq-list .play-overlay {
            display: none;
            position: absolute;
            align-items: center;
            justify-content: center;
            top: 0px;
            opacity: 0;
            visibility: hidden;
        }

        .musiq-list:hover .play-overlay {
            position: absolute;
            width: 60px;
            height: 60px;
            background-color: #80808073;
            border-radius: 7px;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0px;
            opacity: 1;
            visibility: visible;
        }

        .musiq-list .collections,
        .musiq-list .wishlists {
            opacity: 0;
            visibility: hidden;
            /* transform: translatex(5px); */
            transition: all 0.2s ease;
        }

        .musiq-list:hover .collections,
        .musiq-list:hover .wishlists {
            opacity: 1;
            visibility: visible;
            /* transform: translateY(0); */
        }

        .albums-img-1 {
            width: 100%;
            display: flex;
            align-items: center;
        }

        .albums-timing {
            width: 20%;
            height: 55px;
        }

        .albums-timing svg {
            filter: opacity(0.5);
        }

        .albums-durations {
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .band {
            width: 37px;
            filter: opacity(0.5);
            padding: 0px 10px;
        }

        .verify {
            width: 17px;
            filter: opacity(5);
        }

        .albums-styles {
            width: 20%;
            line-height: 20px;
        }

        .download-music {
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 10px;
        }

        .music-album-name-details {
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

        .music-singer-name-details {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            text-decoration: none;
            cursor: pointer;
        }

        .music-album-name-details:hover,
        .music-singer-name-details:hover {
            text-decoration: underline;
            color: #fff;
        }

        .detailed-music-play-det {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .detailed-music-length {
            background-color: rgba(255, 255, 255, .24);
            border-radius: 32px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 64px;
            margin-bottom: 24px;
            padding: 0 24px;
            display: flex;
            color: #fff;
        }

        .detailed-music-name {
            display: flex;
            cursor: pointer;
            margin-bottom: 20px;
        }


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

        .volume-range {
            width: 100px;
            cursor: pointer;
            z-index: 6;
            background: 0 0;
            width: 96px;
            height: 10px;
        }

        .detailed-music {
            width: 100%;
            border: 1px solid #fff;
            border-radius: 10px;
            padding: 40px;
            position: relative;
            overflow: hidden;
            Background: linear-gradient(0deg, rgba(25, 27, 38, .4) 0%, rgba(25, 27, 38, .64) 100%);
        }

        .background-det {
            z-index: -2;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .what-icon,
        .verify-icon {
            width: 20px;
        }

        .volume-icon {
            width: 20px;
            filter: invert(1);
        }

        .playpause {
            background: green;
            border: 1px solid green;
            border-radius: 100%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .playpause img {
            filter: invert(1);
        }

        .music-album-name {
            color: #191b26;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 80%;
            overflow: hidden;
            text-decoration: none;
            display: inline-block;
        }

        .music-album-name:hover {
            text-decoration: underline;
            color: #191b26;
        }

        .music-singer-name:hover {
            text-decoration: underline;
            color: #191b26a3;
        }

        .music-singer-name {
            color: #191b26a3;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            font-size: 12px;
            overflow: hidden;
            text-decoration: none;
        }

        .duration {
            color: #191b26a3;
            padding: 0px;
            margin: 0px;
        }

        .collections,
        .wishlists {
            padding: 0px 3px !important;
            background-color: #191b260a;
            border-radius: 7px;
        }

        .collections img {
            width: 31px;
            padding: 8px;
        }

        .wishlists img {
            width: 29px;
            padding: 8px;
        }

        .user-flow-log {
            position: relative;
            display: flex;
            
        }

        .safe-para {
            display: none;
        }

        .popup-wrapper {
            position: relative;
            top: 70px;
        }

        .sub-head-title {
            font-size: 32px;
            font-weight: 700;
            line-height: 48px;
        }

        .profile-background {
            background: linear-gradient(rgb(185 132 11) 0%, rgb(132 132 135 / 16%) 100%);
            height: 300px;
            display: flex;
            align-items: center;
            position: relative;
        }

        .profile-background a {
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            justify-content: center;
            align-items: center;
            display: flex;
            gap: 5px;
            text-decoration: none;
            position: absolute;
            right: 20px;
            bottom: 20px;
            padding: 8px 15px;
            border: 1px solid transparent;
        }

        .profile-background a:hover {
            padding: 8px 15px;
            background: #ffffff1a;
            border: 1px solid #ffffff1a;
            border-radius: 100px;
        }

        .profil-name-li- {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .profile-name-link {
            font-size: 32px;
            font-weight: 700;
            line-height: 48px;
        }

        .profile-media-upload h3 {
            font-size: 16px;
            font-weight: 700;
            line-height: 48px;
        }

        .prof-entry-dat,
        .prof-follower,
        .prof-follow,
        .profile-media-upload p {
            color: #191b26a3;
            flex-wrap: wrap;
            align-items: center;
            max-width: 50%;
            display: flex;
            padding-right: 15px;
            font-size: 14px;
            font-weight: 400;
        }

        .prof-follower span,
        .prof-follow span {
            color: #000;
            font-weight: 600;
            padding-right: 4px;
        }

        .profile-followers-messages {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .profile-comment,
        .profile-edit {
            display: flex;
            border: 1px solid #ccc;
            border-radius: 100px;
            padding: 10px;
        }


        .profile-media-upload {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        .upload {
            text-decoration: none;
        }

        .profile-picture {
            position: absolute;
            bottom: -30px;
            left: 60px;
        }

        .profile-picture img {
            width: 120px;
            height: 120px;
            border: 4px solid #fff;
            border-radius: 100px;
        }

        #profileedit-lii {
            padding: 20px 30px;
            border: 1px solid #ccc;
            box-shadow: 0px 0px 8px #ccc;
            border-radius: 6px;
            display: block;
            position: absolute;
            right: 20px;
            background: #fff;
            top: 45px;
            width: 250px;
        }

        #profileedit-lii a {
            color: #191b26a3;
            font-size: 15px;
            font-weight: 500;
            display: block;
            padding: 5px 10px;
            margin: 2px 0px;
        }

        #profileedit-lii a:hover {
            background-color: #efefef;
            border-radius: 6px;
        }

        .pro-login img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            overflow: hidden;
            position: relative;
            margin-right: 15px;
        }

        .header-username {
            color: #000;
            font-size: 16px;
            font-weight: 700;
            padding-bottom: 20px;
        }

        .slider {
            position: absolute;
            inset: 0;
            background: #ccc;
            border-radius: 22px;
            transition: 0.3s;
        }

        .slider::before {
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            background: #fff;
            border-radius: 50%;
            top: 3px;
            left: 4px;
            transition: 0.3s;
        }

        .toggle-switch input:checked+.slider {
            background: #00a85a;
        }

        .toggle-switch input:checked+.slider::before {
            transform: translateX(20px);
        }

        .toggle-switch {
            position: relative;
            width: 45px;
            height: 25px;
        }

        .toogle-search a {
            display: flex;
            justify-content: space-between;
            padding: 15px 10px;
            border-top: 1px solid rgba(255, 255, 255, .1);
            border-bottom: 1px solid rgba(255, 255, 255, .1);
            margin: 10px 0px;
        }

        .toogle-search svg {
            width: 20px
        }

        .tooltip-wrapper {
            position: relative;
            display: inline-block;
        }

        .tooltip-text {
            position: absolute;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%) translateY(10px);
            background: #333;
            color: #fff;
            padding: 6px 8px;
            border-radius: 4px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tooltip-wrapper:hover .tooltip-text {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        .tabcontainer {
            white-space: nowrap;
            z-index: 1;
            align-self: center;
            width: 100%;
            max-width: 1800px;
            height: 100%;
            /* padding: 0 32px; */
            display: flex;
            border-bottom: 1px solid #efefef;
        }

        .accounts-tabs {
            width: 100%;
            top: env(safe-area-inset-top);
            z-index: 3;
            background-color: #fff;
            flex-direction: column;
            height: 64px;
            display: flex;
            margin-top: 60px;
            /* position: -webkit-sticky;
            position: sticky; */
        }

        .tabcontainer-links {
            color: #191b26a3;
            cursor: pointer;
            border-bottom: 1px solid transparent;
            margin-top: 20px;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            text-decoration: none;
            transition: border-bottom .4s;
            margin-right: 40px;
            padding-bottom: 10px;
        }

        .float-righttabs {
            margin-left: auto;
            margin-right: 0px;
        }

        .profile-media-upload {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }

        .upload1 {
            background-color: #00ab6b;
            border: 1px solid #00ab6b;
            transition: background-color .1s ease-in;
            border-radius: 20px !important;
            padding: 6px 10px;
            font-size: 12px;
            font-weight: 600 !important;
            margin: 0px 3px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }

        .upload1 img {
            width: 13px;
            filter: invert(1);
            margin-right: 3px;
        }

        .profile-media-upload h3 {
            font-size: 16px;
            font-weight: 700;
            line-height: 48px;
        }

        .profile-media-upload p {
            color: #191b26a3;
            flex-wrap: wrap;
            align-items: center;
            max-width: 100%;
            display: flex;
            padding-right: 15px;
            font-size: 14px;
            font-weight: 400;
        }

        .upload {
            text-decoration: none;
        }

        #openMega,
        .join,
        .loggin,
        .menu-toggle {
            color: #000 !important;
        }

        .grid-flez {
            flex-direction: column;
            flex: auto;
            align-items: stretch;
            gap: 40px;
            display: flex;
        }

        .grid-flez-row {
            grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
            align-content: start;
            justify-content: space-around;
            align-items: start;
            gap: 24px;
            display: grid;
            align-self: start;
            height: 520px;
            overflow: hidden;
            width: 100%;
            position: relative;
        }

        .grid-flez-row::before {
            content: "";
            background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);
            height: 136px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .grid-flez-col {
            background-color: #f7f7f7;
            border-radius: 8px;
            height: 248px;
        }

        .profile-flez-top-list {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .account-filter img {
            opacity: 0.4;
        }

        .account-filter,
        .account-declined {
            color: #ccc;
            font-size: 15px;
            font-weight: 600;
            cursor: not-allowed;
            text-decoration: none;
        }

        .account-filter:hover,
        .account-declined:hover {
            color: #ccc;
        }

        .accspan {
            font-weight: 400;
        }

        .account-filter-list:nth-child(1) {
            border: 0px;
            background-color: #fff;
        }

        .account-filter-list {
            flex-wrap: wrap;
            column-gap: 8px;
            width: 100%;
            max-width: 1800px;
            display: flex;
            align-items: center;
            margin: 30px 0px;
            justify-content: space-between;
        }

        .account-filter-list-left {
            width: 45%;
            display: flex;
            align-items: center;
        }

        .account-filter-list-right {
            width: 54%;
            display: flex;
            align-items: center;
            justify-content: end;
            gap: 10px;
        }

        .acc-latest-2 {
            display: none;
        }

        .account-filter,
        .account-declined {
            padding: 5px 20px 5px 20px;
            text-decoration: none;
            border: 0px;
            background-color: #fff;
        }

        .account-uploaded {
            padding: 8px 20px 8px 20px;
            border: 0px;
            border-radius: 20px;
            background-color: #000;
            font-size: 15px;
            font-weight: 600;
            color: #fff;
        }

        /* .Account-input-flex {
            width: 288px;
            margin-left: auto;
        } */

        .Account-input {
            position: relative;
            color: #191b26a3;
            background-Color: #191b260a;
            border-radius: 40px;
            justify-content: center;
            align-items: center;
            min-width: 32px;
            height: 40px;
            padding: 0 0 0 8px;
            transition: background-color .2s;
            display: flex;
        }

        .Account-input img {
            width: 20px;
            filter: invert(0.5);
            position: absolute;
            top: 12px;
            left: 14px;
        }

        .Account-input input {
            padding: 10px 20px 10px 40px;
            border-radius: 100px;
            outline: none;
            border: 0px;
            background: #f6f6f6;
            font-size: 15px;
            width: 100%;
            height: 38px;
            margin: 0px;
        }

        .Account-upload-drop {
            color: #000;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
            padding: 8px 20px;
            border: 1px solid #ccc;
            border-radius: 20px;
            position: relative;
        }

        .Account-upload-drop:hover {
            color: #000;
            background-color: #191b260a;
        }

        #account-upload-latest {
            padding: 20px 30px;
            border: 1px solid #ccc;
            box-shadow: 0px 0px 8px #ccc;
            border-radius: 6px;
            display: block;
            position: absolute;
            right: 20px;
            background: #fff;
            top: 45px;
            width: 250px;
            position: absolute;
            display: none;
            z-index: 9;
            top: 35px;
            right: 0px;
        }

        #account-upload-latest a {
            color: #191b26a3;
            font-size: 15px;
            font-weight: 500;
            display: block;
            padding: 5px 10px;
            margin: 2px 0px;
            text-decoration: none;
        }

        #account-upload-latest a:hover {
            background-color: #efefef;
            border-radius: 6px;
        }

        .Statistics-tabs {
            display: grid;
            gap: 40px 24px;
            grid-template-columns: repeat(6, 1fr);
            padding-top: 15px;
        }

        .Statistics-tabs-text {
            border: 1px solid #191b2614;
            border-radius: 16px;
            padding: 24px;
            display: flex;
            align-items: flex-start;
            justify-content: left;
            flex-direction: column;
        }

        .Statistics-tabs-text span {
            color: #191b26a3;
        }

        .Statistics-data-count {
            color: #191b26;
            font-size: 16px;
            font-weight: 700;
            line-height: 24px;
        }

        @media (max-width: 768px) {
            .grid-flez-row {
                grid-template-columns: repeat(2, 1fr);
                gap: 16px;
            }

            .grid-flez-col {
                height: 120px;
            }

            .Statistics-tabs {
                display: block !important;
            }

            .Statistics-tabs-text {
                display: flex;
                align-items: center;
                flex-direction: row !important;
                justify-content: space-between ! IMPORTANT;
            }

            .Statistics-tabs-text {
                border: 1px solid #191b2614;
                border-radius: 16px;
                padding: 24px;
                display: flex;
                align-items: flex-start;
                justify-content: left;
                flex-direction: column;
            }

            .borderless {
                border-radius: 0px;
                border-top: 0px;
            }

            .bordertoop {
                border-radius: 16px 16px 0px 0px;
            }

            .borderbotttom {
                border-radius: 0px 0px 16px 16px;
            }

            .recentlyupload {
                width: 100% !important;
            }

            .recent-all-uploaddata {
                flex-wrap: wrap;
            }

            .setting-socialmedia {
                grid-template-columns: 1fr !important;
                gap: 16px;

            }

            .setting-content-list {
                grid-template-columns: 1fr !important;
                gap: 16px;
            }
        }

        @media(min-width: 770px) and (max-width: 1024px) {
            .grid-flez-row {
                grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
                gap: 16px;
                height: 370px
            }

            .grid-flez-col {
                height: 130px;
            }
        }

        @media (max-width: 1024px) {

            .account-filter-list-left {
                width: 100%;
                padding: 15px 0px 10px 0px;
                border-bottom: 1px solid #efefef;
            }

            .account-filter-list-right {
                width: 100%;
                padding: 10px 0px 15px 0px;
            }

            .account-filter-list {
                margin: 5px 0px;
            }

            .Account-input-flex {
                max-width: 100%;
                width: 100%;
            }

            .account-filter {
                display: none;
            }

            .account-uploaded {
                /* max-width: 80%; */
                width: 100%;
            }

            .account-declined {
                max-width: 115px;
                width: 100%;
            }

            .Account-upload-drop {
                width: 20px;
                height: 40px;
                margin: 0 auto;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .acc-latest-1 {
                display: none;
            }

            .acc-latest-2 {
                display: block !important;
            }
        }

        .morestatics {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 35px 0px;
        }

        .morestatics p {
            font-size: 20px;
            font-weight: 700;
            margin: 0px;
        }

        .morestat-btn {
            padding: 10px 15px;
            background-color: #fff;
            border-radius: 25px;
            border: 1px solid #ccc;
            font-size: 14px;
            font-weight: 500;
        }

        .recentlyupload {
            height: 560px;
            border: 1px solid #191b2614;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            width: 50%;
        }

        .recentlyupload-header h1 {
            font-size: 16px;
            margin: 0px;
        }

        .nodata-found h1 {
            font-size: 14px;
        }

        .recentlyupload-header span {
            font-size: 14px;
            color: #191b26a3;
            padding-top: 6px;
        }

        .nodata-found p {
            font-size: 14px;
            color: #191b26a3;
        }

        .recentlyupload-header svg {
            width: 20px;
            margin: 0px 10px -5px 10px;
        }

        .recentlyupload-header {
            display: flex;
            align-items: center;
            padding: 15px 20px 10px 20px;
        }

        .recentlyupload-section {
            text-transform: uppercase;
            text-wrap: nowrap;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 20px 20px 20px;
            border-bottom: 1px solid #191b2614;
        }

        .nodata-found {
            text-align: center;
            flex-direction: column;
            flex: 1;
            justify-content: center;
            align-items: center;
            line-height: 20px;
            display: flex;
            position: relative;
        }

        .content-load-section {
            flex-direction: column;
            padding: 24px 24px 0;
            display: flex;
            overflow-y: scroll;
        }

        .recent-all-uploaddata {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            width: 100%;
        }

        .setting-header h1 {
            margin-bottom: 8px;
            font-size: 16px;
            font-weight: 700;
        }

        .setting-header p {
            color: #191b26a3;
            margin-bottom: 24px;
            font-size: 14px;
            font-weight: 400;
        }

        .settings-formlist {
            flex-direction: column;
            display: flex;
            padding: 15px 0px;
        }

        .setting-username {
            align-items: baseline;
            display: flex;
        }

        .setting-username span {
            color: #191b26a3;
            margin-left: 4px;
            font-size: 12px;
        }

        .setting-label {
            font-size: 14px;
            font-weight: 600;
        }

        .Settings-input-text {
            cursor: text;
            color: #191b26;
            border: 1px solid #191b263d;
            border-radius: 8px;
            outline: none;
            padding: 10px 12px;
            transition: border .2s;
        }

        .setting-full-name {
            gap: 24px;
            display: flex;
        }

        .firstname,
        .lastname {
            flex-grow: 1;
        }

        .settings-formlist::placeholder {
            color: #efefef;
        }

        .setting-donation-list a {
            font-size: 14px;
            font-weight: 500;
            color: #191b26;
            background: #f3f3f3;
            border: 1px solid #f3f3f3;
            text-decoration: none;
            padding: 10px 15px;
            border-radius: 25px;
        }

        .setting-socialmedia {
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            display: grid;
        }

        .setting-social-inputs {
            flex-direction: column;
            gap: 8px;
            display: flex;
        }

        .sett-social-input {
            padding-left: 40px;
        }

        .set-one {
            background-image: url('./Images/twitter.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        .set-two {
            background-image: url('./Images/youtube.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        .set-three {
            background-image: url('./Images/facebook.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        .set-four {
            background-image: url('./Images/instagram.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        .set-five {
            background-image: url('./Images/soundcloud.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        .set-six {
            background-image: url('./Images/spotify.png');
            background-repeat: no-repeat;
            background-size: 21px;
            background-position: 10px;
        }

        /* toggle slider code*/
        .setting-label-toggle label {
            color: #191b26;
            font-size: 14px;
            font-weight: 600;
        }

        .setting-label-toggle p {
            color: #191b26a3;
            margin: 0px;
        }

        .toggle-switch input {
            display: none;
        }



        .setting-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .setting-data-save {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            border: 1px solid #00ab6b;
            width: fit-content;
            padding: 6px 16px 6px 10px;
            background-color: #00ab6b;
            border-radius: 20px;
        }

        .setting-data-save a {
            color: #fff;
            text-decoration: none;
            font-size: 15px;
            font-weight: 600;
        }

        .sett-save-position {
            justify-content: center;
            margin: 45px 0 25px;
            display: flex;
            position: -webkit-sticky;
            position: sticky;
            bottom: 48px;
        }

        /* toggle slider code*/
        .setting-main-section {
            flex-direction: row;
            gap: 40px;
            padding-top: 40px;
            display: flex;
        }

        .setting-data-changes a {
            color: #191b26a3;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            display: flex;
            border-radius: 100px;
            text-decoration: none;
            text-align: left;
            padding: 10px 20px;
            margin: 10px 0px;
            border: 2px solid #f3f3f3;
        }

        .setting-data-changes a:hover {
            color: #00a85a;
        }

        .sett-left-sec {
            width: 264px;
            top: calc(104px + env(safe-area-inset-top));
            flex-direction: column;
            flex-shrink: 0;
            align-self: self-start;
            display: flex;
            position: -webkit-sticky;
            position: sticky;
        }

        .profile-picture-1 img {
            width: 60px;
            height: 60px;
            border: 4px solid #fff;
            border-radius: 100px;
        }

        .user-name {
            color: #191b26;
            font-size: 14px;
            font-weight: 600;
        }

        .setting-active {
            padding: 10px 20px;
            border: 1px solid #efefef;
            background-color: #efefef;
        }

        .edit-mail {
            color: #191b26a3;
            font-weight: 600;
            padding: 10px 10px;
            width: 100px;
            margin-left: 10px;
        }

        .edit-mail:hover {
            color: #191b26a3;
            font-weight: 600;
            padding: 10px 10px;
            width: 100px;
            background: #efefef;
            border-radius: 26px;
            margin-left: 10px;
        }

        .sett-edit-mail {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .settings-formlist-1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .set-login-type {
            font-size: 14px;
            font-weight: 600;
            color: #191b26a3;
            padding: 10px 15px;
        }

        .set-login-type:hover {
            background-color: #efefef;
            border-radius: 100px;
            color: #000;
        }

        .set-login-pass {
            font-size: 14px;
            font-weight: 600;
            color: #191b26a3;
            padding: 10px 15px;
            border-radius: 100px;
            border: 1px solid #efefef;
        }

        .set-deactivat {
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            padding: 10px 15px;
            border-radius: 100px;
            border: 1px solid #d86560;
            background-color: #d86560;
        }

        .tab-pane {
            display: none;
            margin-top: 50px;
        }

        .tab-pane.active {
            display: block;
        }



        .tabcontainer-links:hover {
            color: #000;
        }

        .tabcontainer-links.active {
            color: #000;
            border-bottom: 1px solid #00a85a;
            font-weight: 600;
        }

        .setting-content {
            display: none;
        }

        .setting-content.active {
            display: block;
        }

        .setting-tab {
            display: block;
            padding: 10px 12px;
            color: #666;
            text-decoration: none;
        }

        .setting-tab.active {
            color: #000;
            font-weight: 600;
            background: #f3f3f3;
            border-radius: 100px;
        }

        .setting-content-list {
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            display: grid;
        }

        .pro-login img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            overflow: hidden;
            position: relative;
            margin-right: 15px;
        }

        .user-flow {
            background-color: #191b26 !important;
            padding: 20px;
            font-size: 14px;
            font-weight: 400;
            white-space: nowrap;
            cursor: pointer;
            color: #ceced2 !important;
            width: 230px;
            border-radius: 10px;
            position: absolute;
            right: 0px;
            z-index: 999999 !important;
            display: none;
        }

        .user-flow a {
            color: #ceced2 !important;
            font-size: 15px;
            font-weight: 400;
            padding: 8px 10px;
            width: 100%;
            display: block;
            text-decoration: none;
        }

        .user-flow a:hover {
            background-color: #434343 !important;
            border-radius: 5px;
        }

        .header-username {
            color: #ceced2;
            font-size: 16px;
            font-weight: 600;
            padding-bottom: 20px;
        }


        .slider {
            position: absolute;
            inset: 0;
            background: #ccc;
            border-radius: 22px;
            transition: 0.3s;
        }

        .slider::before {
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            background: #fff;
            border-radius: 50%;
            top: 3px;
            left: 2px;
            transition: 0.3s;
        }

        .toggle-switch input:checked+.slider {
            background: #00a85a;
        }

        .toggle-switch input:checked+.slider::before {
            transform: translateX(20px);
        }

        .toggle-switch {
            position: relative;
            width: 45px;
            height: 24px;
        }

        .toogle-search a {
            display: flex;
            justify-content: space-between;
            padding: 15px 10px;
            border-top: 1px solid rgba(255, 255, 255, .1);
            border-bottom: 1px solid rgba(255, 255, 255, .1);
            margin: 10px 0px;
        }

        .toogle-search svg {
            width: 20px
        }

        @media (max-width: 768px) {
            .footer-right {
                display: none;
            }


            .footer-accordion {
                border-top: 1px solid #eee;
            }

            .footer-item {
                border-bottom: 1px solid #eee;
            }

            .footer-title {
                width: 100%;
                padding: 14px 16px;
                text-align: left;
                background: #fff;
                border: none;
                font-size: 15px;
                font-weight: 600;
                position: relative;
                cursor: pointer;
            }

            .footer-title::after {
                content: "▾";
                position: absolute;
                right: 16px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 12px;
            }

            .footer-item.open .footer-title::after {
                content: "▴";
            }

            .footer-list {
                list-style: none;
                margin: 0;
                padding: 0 16px 10px;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.25s ease;
                font-size: 14px;
            }

            .footer-item.open .footer-list {
                max-height: 500px;
            }

            .footer-list li {
                padding: 6px 0;
            }
        }

        @media (max-width: 1024px) {
            .column-9 {
                width: 100%;
                position: relative;
            }

            .header-link {
                display: block !important;
                margin: 0 auto;
                align-items: center;
                justify-content: center;
            }

            .header-link>div {
                text-align: center !important;
                margin: 0 auto;
                line-height: 15px;
            }

            .carousel-indicators {
                position: absolute;
                bottom: 3px;
            }

            .resp-list {
                display: flex;
                /* width: 100%; */
                z-index: 99 !important;
            }

            .content-license {
                text-align: center !important;
            }

            .main-image-div {
                position: relative;
                padding-bottom: 0px;
                width: 100%;
                height: auto;
            }

            .main-image-div img {
                position: relative;
            }

            .img-format {
                right: 8px;
                top: 67px;
                width: 330px;
            }

            #canva-list-1 {
                top: 43px;
                width: 270px;
                left: 0px;
            }

            #canva-list {
                right: 28px;
                top: 67px;
                width: 330px;
            }

        }

        @media (max-width: 400px) {
            #canva-list-1 {
                left: 0px;
                top: 43px;
                width: 330px;
            }

        }

        @media (min-width: 771px) and (max-width: 1024px) {
            .column-9 {
                width: 100%;
            }

            .header-top-input {
                display: block !important;
                width: 47%;
            }



            .home-community-top-h2 {
                font-size: 24px !important;
                line-height: 40px !important;
                color: #191b26 !important;
                font-weight: 700;
                display: block;
            }

            .home-community-section h2 {
                color: #191b26;
                font-size: 18px;
                font-weight: 600;
                line-height: 28px;
            }

            .footer-left {
                width: 100%;
            }

            .footer-right {
                min-width: unset;
            }

            .footer {
                flex-wrap: wrap;
            }

            .home-community-section-left {
                text-align: center;
                width: 100%;
            }

            .frame-link {
                margin: 20px auto;
            }

            .tag-container {
                width: 80%;
            }

            .div-col {
                width: 31%;
                display: flex;
                flex-direction: column;
            }

            /* .header-search-top {
                width: 44%;
            } */

            .nav-links {
                width: 88%;
            }

            .nav-links li {
                padding: 0px 0px;
            }
        }

        @media (min-width: 1025px) and (max-width: 1300px) {
            /* .header-search-top {
                width: 48%;
            } */

            .nav-links {
                width: 88%;
            }

            .header-top-input {
                width: 55%;
            }
        }

        @media (min-width: 375px) and (max-width: 667px) {
            .explore-dropdown-img {
                display: none;
            }
        }

        @media (max-width: 600px) {
            .header-top-buttons-container {
                transition: transform .5s;
                display: flex;
                margin: 0;
                width: 100%;
                overflow: auto;
                padding: 0px 15px;
                align-items: center;
                justify-content: flex-start;
            }

            .explore-dropdown-img {
                display: none;
            }

            .tag-container button {
                display: none;
            }

            .scroll-btn-1,
            .scroll-btn,
            .left {
                display: none;
            }

            .div-col {
                width: 100%;
                display: flex;
                flex-direction: column;
            }

        }

        @media (min-width: 1030px) and (max-width: 2000px) {
            .header-top-buttons-container>div {
                width: 100%;
            }

            .row .resp-list {
                width: 100%;
                z-index: 99 !important;
            }

            .taglistcat {
                gap: 0px;
            }

            .scroll-btn-1 {
                display: none;
            }

            /* .header-search-top {
                width: 48%;
            } */

            .nav-links {
                width: 88%;
            }

            .respo-list {
                display: none;
            }

        }

        @media (max-width: 770px) {
            #canva-list-1 {
                top: 64px;
                right: 100px;
            }
            .user-flow-log{
                margin-right: 20px;
            }
            .sett-left-sec {
                width: 100% !important;
                top: calc(68px + env(safe-area-inset-top)) !important;
                background-color: #fff;
                z-index: 99;
            }

            .setting-main-section {
                flex-direction: column !important;
                gap: 20px !important;
                padding-top: 5px !important;
                display: flex;
            }

            .profile-picture-1 img {
                width: 45px !important;
                height: 45px !important;
            }

            .setting-data-changes {
                display: flex;
                width: 100%;
                align-items: center;
                justify-content: space-evenly;
                gap: 40px;
            }

            .sett-save-position {
                justify-content: center;
                margin: 20px 0px !important;
                display: flex;
                position: -webkit-sticky;
                position: sticky;
                bottom: 20px !important;
            }

            .setting-data-changes a {
                width: 100%;
                padding: 4px !important;
                font-size: 14px;
            }

            .search-bar {
                width: 80%;
            }

            .header-active,
            .header-top-buttons {
                padding: 6px 10px !important;
                min-height: auto !important;
            }

            .header-username {
                color: #000 !important;
                padding-left: 10px;
            }

            .safe-search-svg {
                display: none;
            }

            .user-flow a {
                color: #191b26a3 !important;
            }

            .safe-para {
                width: 100%;
                margin: 0;
                font-size: 14px;
                line-height: 16px;
                display: block;
                color: #191b26a3;
                cursor: pointer;
                align-items: center;
                gap: 8px;
                line-height: 20px;
                display: flex;
                text-wrap: wrap;
                padding: 0px 10px 20px 10px;
            }

            .toogle-search a {
                color: #000 !important;
                font-weight: 500 !important;
                flex-direction: row-reverse;
                padding: 10px 10px 5px 10px !important;

            }

            .user-flow {
                background-color: #fff !important;
                padding: 0px 20px 20px 20px !important;
                font-size: 14px;
                font-weight: 400;
                white-space: nowrap;
                cursor: pointer;
                color: #ceced2;
                width: 100% !important;
                border-radius: 0px !important;
                position: absolute;
                right: 0px;
                top: 0px;
                height: 100vh;
                z-index: 999 !important;
                transform: translateY(0%);
                /* transition: transform 0.35s ease, opacity 0.35s ease; */
                z-index: 1000;
                display: none;
            }

            .user-flow.active-as {
                transform: translateY(100%);
                opacity: 1;
                visibility: visible;
            }

            .toogle-search {
                border-top: 1px solid #191b2614;
                border-bottom: 1px solid #191b2614;
            }

            .header-top-input {
                display: none !important;
                width: 90%;
            }

            .header-top {
                padding: 0px 15px;
            }

            .social-icons-top {
                display: none;
            }

            .social-icons-top-resp {
                filter: invert(0);
                padding: 25px 25px;
                display: flex;
            }

            /* .menu-toggle {
                color: #000 !important;
            } */
            .header-top-buttons-container {
                padding: 0px !important;
            }

            .home-community {
                padding: 20px 0px 20px 0px;
            }

            .flo-left {
                display: none;
            }

            .flo-right {
                width: 100%;
            }

            .column-9 {
                width: 100%;
            }

            .column-3 {
                display: none;
            }

            .containers {
                width: 100%;
                padding: 0px 15px;
            }

            .home-top-detail h2 {
                font-size: 24px;
                font-weight: 700;
                line-height: 34px;
                color: #fff;
            }

            .div-col {
                width: 48%;
                display: flex;
                flex-direction: column;
            }

            /* .navbar {
                padding: 10px 20px;
            } */

            .menu-content {
                display: block;
                border-bottom: 1px solid #ffffff2a;
                width: 100%;
                max-height: 90vh;
                overflow: auto;
            }

            .mega-column {
                width: 100%;
                border-bottom: 1px solid #ebecf0;
                padding: 10px;
            }

            /* 
            .border-bottm {
                border-top: 1px solid #ebecf0;
            } */

            .mega-column ul {
                display: none;
                list-style-type: none;
                padding-left: 0px;
            }

            .mega-column ul li a {
                padding-left: 40px;
            }

            .mega-column a {
                color: rgba(25, 27, 38, .64);
            }

            .mega-column a:hover {
                background-color: #cccccc5c;
                border-radius: 10px !important;
            }

            #openMega {
                display: none;
            }

            .explore-dropdown {
                display: block;
                overflow: visible;
                width: 7px;
            }

            .mega-menu {
                position: fixed;
                top: 54px;
                left: 0;
                width: 100%;
                height: calc(100vh - 60px);
                background: #fff;
                display: none;
                z-index: 9999;
                border-radius: 0px;
            }

            .mega-menu.active {
                display: flex;
                flex-wrap: wrap;
            }

            .loggin,
            .upload {
                display: none;
            }

            .nav-links a {
                margin-right: 25px;
            }

            .text-active {
                color: #000 !important;
            }

            .menu-toggle {
                display: block;
                position: absolute;
                top:20px;
                right: 0px;
            }

            .social-icons-top,
            .social-icons-top-resp {
                justify-content: flex-start;
            }

            .home-community-top-h2 {
                font-size: 24px !important;
                line-height: 40px !important;
                color: #191b26 !important;
                font-weight: 700;
                display: block;
            }

            .mega-menu.active {
                display: flex;
                background: #fff;
                color: #191b26a3 !important;
                flex-wrap: wrap;
                height: 100vh;
            }

            .mega-btn {
                margin: 0px;
                color: #191b26a3 !important;
                font-weight: 600 !important;
            }


            .home-community-section h2 {
                color: #191b26;
                font-size: 18px;
                font-weight: 600;
                line-height: 28px;
                padding: 10px 0px 15px 0px;
            }

            .frame-link {
                justify-content: space-around;
            }

            .sub-head-title {
                font-size: 24px;
                font-weight: 700;
                line-height: 35px;
            }

            .tag-container {
                width: 75%;
            }

            .frame-link {
                flex-grow: 1;
                flex-shrink: 0;
            }

            .footer-left {
                width: 100% !important;
                flex-direction: column;
            }

            .footer {
                flex-wrap: wrap;
                padding: 30px 32px 40px 32px;
            }

            .Media-license {
                display: flex;
                flex-wrap: wrap !important;
            }

            .icon-circle {
                margin: 20px 0px;
            }

            .right,
            .left {
                display: block !important;
            }

            .navbar {
                width: 100%;
                justify-content: space-between !important;
                /* padding: 10px 20px; */
            }

            .logo-img {
                display: none;
            }

            .logo-img-1 {
                display: block;
                width: 37px;
            }

            .upload-1 {
                display: none;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-size: 14px;
                font-weight: 600 !important;
                background-color: #00ab6b;
                border: 1px solid #00ab6b;
                transition: background-color .1s ease-in;
                border-radius: 20px !important;
                padding: 5px 13px;
                text-decoration: none;
                margin: 30px 10px 0px 10px;
            }

            .upload-1:hover {
                color: #fff;
                text-decoration: none;
            }

            .upload-1 img {
                width: auto;
                filter: invert(1);
                margin: 0px;
                height: 17px;
                vertical-align: middle;
                margin-right: 3px;
            }

            .mega-btn {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 12px;
                cursor: pointer;
                font-size: 14px;
            }

            .mega-btn .arrow {
                transition: transform 0.3s ease;
            }

            .mega-btn.active .arrow {
                transform: rotate(180deg);
            }

            .submenu {
                display: none;
                overflow: hidden;
                transition: max-height 0.35s ease;
                padding-left: 15px;
            }

            .submenu.open {
                display: block;
            }

            .drop-music-div {
                display: block;
            }

            .albums-timing,
            .albums-durations,
            .albums-styles,
            .wishlists,
            .collections {
                display: none;
            }

            .albums-img {
                width: 85%;
            }

            .dropdown-music-dots {
                width: 100%;
                display: block;
            }

            .profile-picture img {
                width: 80px;
                height: 80px;
            }

            .tabcontainer-links {
                padding: 10px !important;
            }

            .pro-login {
                margin-right: 0px !important;
            }

            .pro-login img {
                margin-right: 5px !important;
            }

            .div-row {
                height: 2800px !important;
            }

            .Forgot-pass {
                width: 95% !important;
                padding: 62px 35px !important;
            }

            .scroll-btn svg,
            .scroll-btn-1 svg {
                padding-top: 0px !important;
            }

            .tabcontainer-links {
                margin-right: 10px !important;
            }

            .profile-background span {
                display: none;
            }

            .profile-background a {
                padding: 12px 12px;
                border-radius: 100%;
                right: 20px;
            }

            .profile-background a:hover {
                padding: 12px 12px;
                border-radius: 100%;
            }

            .home-top-image,
            .home-top-image-photos,
            .home-top-image-illustraion,
            .home-top-image-vector,
            .home-top-image-music,
            .home-top-image-videos,
            .home-top-image-gif {
                border-radius: 0px;
                height: 370px !important;
            }

            .home-top-detail {
                top: 45px !important;
            }

            .banner-containers {
                padding: 70px 0px 0px 0px;
            }

            /* .header-link {
                display: none;
            } */

            .scr-dot {
                width: 12px;
                height: 4px;
            }
        }

        @media (max-width: 530px) {
            .div-col {
                width: 100%;
                display: flex;
                flex-direction: column;

            }
        }


        .menu-toggle {
            color: #000;
        }

        h1 {
            font-size: 22px;
            font-weight: 700;
            line-height: 48px;
        }

        .upload-page--wid {
            width: 100%;
            max-width: 1800px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 32px;
            padding-right: 32px;
        }

        .upload-conatiner {
            text-align: center;
            flex-direction: column;
            align-items: center;
            padding-top: 90px;
            display: flex;
            position: relative;
        }

        .upload-model {
            background-color: #191b260a;
            border-radius: 12px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 24px;
            width: 100%;
            max-width: 936px;
            height: 264px;
            margin-top: 40px;
            margin-bottom: 20px;
            animation: .4s linear forwards fadein--AUm7p;
            display: flex;
            position: relative;
            overflow: hidden;
            border: 2px dashed #e5e7eb;
        }

        body {
            font-family: system-ui, sans-serif;
        }

        .toolbar {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .icon {
            width: 34px;
            height: 34px;
            border-radius: 7px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
        }

        /* Colors */
        .green {
            background: #caefdc;
        }

        .purple {
            background: #e6e8f6;
        }

        .blue {
            background: #e0e1f5;
        }

        .teal {
            background: #e7f2f0;
        }

        .mint {
            background: #dbe4e0;
        }

        .orange {
            background: #f2e5dd;
        }

        h3 {
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
            color: #000;
            padding: 0px 20px;
            margin-bottom: 0px;
        }

        .upload-box {
            border-radius: 12px;
            padding: 15px;
            text-align: center;
            font-family: system-ui, sans-serif;
            color: #6b7280;
            max-width: 420px;
            display: flex;
            align-items: center;
        }

        .upload-box p {
            margin: 0 0 12px;
            font-size: 15px;
        }

        .upload-box button {
            background: #16a34a;
            color: white;
            border: none;
            padding: 10px 18px;
            border-radius: 999px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
        }

        .upload-box button:hover {
            background: #15803d;
        }

        /* Drag active */
        .upload-box.dragover {
            border-color: #16a34a;
            background: #f0fdf4;
        }

        .upload-box-text {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: #191b26a3;
            display: flex;
            align-items: center;
        }

        .upload-box-text svg {
            width: 20px;
        }

        .upload-guideline {
            grid-template-columns: repeat(2, minmax(328px, 1fr));
            align-items: center;
            justify-items: center;
            gap: 16px;
            display: grid;
            margin: 40px 0px;
        }

        .upload-guideline-check {
            font-size: 14px;
            font-weight: 400;
            color: #191b26a3;
        }

        u {
            cursor: pointer;
        }

        .upload-topic-links {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            border: 1px solid #ccc;
            border-radius: 10px;
            position: relative;
            width: 100%;
            max-width: 936px;
            margin-top: 40px;
        }

        .upload-topic svg {
            width: 25px;
            filter: invert(46%) sepia(84%) saturate(390%) hue-rotate(85deg);
        }

        .upload-topic-p {
            font-size: 14px;
            font-weight: 400;
            color: #191b26a3;
            padding: 5px;
            margin-bottom: 0px;
        }

        .upload-topic {
            display: flex;
            align-items: center;
        }

        .upload-topic-right a {
            font-size: 15px;
            font-weight: 600;
            color: #191b26a3;
            text-decoration: none;
            padding: 8px 15px;
            border: 1px solid #978e8e;
            border-radius: 100px;
            color: #000;
        }

        .upload-topic-right svg {
            width: 27px;
            filter: grayscale(1);
        }

        .upload-right-img {
            width: 45%;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        .upload-right-img img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .upload-right-img::after {
            content: "";
            background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .08) 100%);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        #openMega,
        .loggin,
        .join {
            color: #000 !important;
        }

        @media (max-width: 770px) {
            .upload-conatiner h1 {
                font-size: 16px;
                line-height: normal;
                font-weight: 600;
            }

            .upload-box {
                padding: 0px;
            }

            .upload-page--wid {
                padding: 0px;
            }

            .upload-topic {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .upload-model {
                margin-top: 20px;
                margin-bottom: 0px;
            }

            .upload-guideline {
                display: block;
            }

            .upload-guideline-check {
                padding: 5px 0px;
            }

            .upload-topic-links {
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
            }

            .upload-topic-right a {
                margin-top: 10px;
                gap: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        .bg-gradients {
            z-index: -1;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
        }

        .bg-gradients-1 {
            z-index: -1;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
        }

        .containerlist .lightcawe {
            background-color: #fff;
        }

        .containerlist {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;

        }

        .containerlist .ellipsedD {
            --color: #00ab6b;
            width: 18vw;
            height: 25vh;
            animation: 20s ease-in-out 3 forwards ellipse1Movement--izp9-;
            top: 14%;
            left: -10%;
        }

        .containerlist .ellipseLe {
            opacity: .16;
            -webkit-filter: blur(40px);
            filter: blur(40px);
            background: var(--color);
            will-change: transform, width, height, top, left;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 50%;
            max-width: 40%;
            max-height: 40%;
            position: absolute;
            transform: translateZ(0);
            transform: rotate(-5deg);
            /* subtle */
            transform: rotate(-12deg);
            /* stronger */

        }

        .uploadthumb-list {
            margin-top: 75px;
            position: relative;
        }

        .uploaded-image-thumb-list {
            display: flex;
            align-items: center;
            gap: 10px;
            /* border: 2px solid transparent; */
            border-bottom: 1px solid #ccc;
        }

        .uploaded-image-thumb-list img {
            width: 80px;
            height: 65px;
            border: 0px solid #000;
        }

        .thumb-image-details {
            font-weight: 400;
            line-height: 22px;
            text-align: left;
            font-style: italic !important;
            font-size: 14px;
        }

        #formKeywords,
        #formTitle,
        #detailForm {
            font-style: italic !important;
        }

        .list-views {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 10px;
            border-radius: 8px;
            background-color: #efefef;
            margin-bottom: 10px;
            position: sticky;
            top: 66px;
            margin-top: 10px;
        }

        .list-views a {
            color: #fff;
            font-weight: 600;
            text-decoration: none;
            padding: 5px 10px;
            background: #00ab6b;
            border-radius: 5px;
        }

        .gridlist-view.list-view {
            display: block;
            width: 100%;
        }

        /* .grid-view {
            display: flex;
            flex-wrap: wrap;
            width:50%;
        } */
        .grid-view {
            display: grid;
            /* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); */
            gap: 20px;
        }

        .grid-view .uploaded-image-thumb-list {
            flex-direction: row;
            align-items: center;
            text-align: center;
        }

        .grid-view img {
            width: 100%;
            max-width: 160px;
            height: auto;
        }

        .gridlist-view {
            width: 100%;
        }

        .gridlist-view .uploaded-image-thumb-list:nth-of-type(odd) {
            /* background-color: #efefef; */
            padding: 15px 20px;
            margin: 5px;
        }

        .gridlist-view .uploaded-image-thumb-list:nth-of-type(even) {
            background-color: #fff;
            padding: 15px 20px;
            margin: 5px;
        }

        .view-btn {
            width: 66px;
            padding: 5px 10px;
            border: 0px;
            border-radius: 3px;
            background-color: #fff;
            font-size: 14px;
        }

        .view-toggle {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .deletebtn {
            background-color: #00ab6b;
            color: #fff;
            font-weight: 600;
        }

        .view-btn {
            font-weight: 600;
        }

        .preview-images {
            width: 100px;
            height: 100px;
        }

        .preview-browse {
            vertical-align: bottom !important;
            background-color: #00ab6b !important;
            padding: 10px 25px;
            border-radius: 4px !important;
            border: 0px;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            margin-left: 10px;
        }

        .uploaded-detailed-view {
            /* width:40%; */
            /* border: 1px solid #ccc; */
            padding: 20px;
        }

        .uploaded-detailed-view div {
            padding: 10px;
        }

        .uploaded-detailed-view label {
            margin: 0px 0px 5px 0px;
        }


        /* ?? */
        .uploaded-image-thumb-list {
            cursor: pointer;
        }

        /* hide all rows */
        .gridlist-view.hide-others .uploaded-image-thumb-list {
            display: none;
        }

        /* show only active row */
        .gridlist-view.hide-others .uploaded-image-thumb-list.active {
            display: flex;
        }

        /* details panel */
        /* .uploaded-detailed-view { */
        /* width: 400px; */
        /* opacity: 0;
            transform: translateY(100%);
            transition: 0.3s; */
        /* } */

        .uploaded-detailed-view.show {
            opacity: 1;
            transform: translateY(0);
            position: absolute;
            top: 0px;
            background: #fff;
            right: 10px;
        }

        .uploaded-image-thumb-list.active {
            border: 2px solid #00ab6b;
            background: #f2fff9;
        }