* {margin: 0;padding: 0;box-sizing: border-box;transition: 0.5s;}
a {text-decoration: none;}
a.inline {color:#b706c2;}
a.inline:hover {color:#295cf5;}
.mgb10 {margin-bottom:10px;}
.mgb10 .seventy-right {color:#bcbcbc;}
.fs12 {font-size: 12px !important;line-height: 17px !important;}

html, body {float: left;width: 100%;overflow-x: hidden;}
body {font-family: 'Poppins', sans-serif;background-color: white;overflow-x: hidden;}
.container {width: 100%;max-width: 1500px;margin: 0 auto;position: relative;}
#head-section {float:left;width:100%;padding:5px 0 50px;background: url('img/gbg.png') repeat top left; background-size: contain;position:fixed;z-index: 999;}
.logo {float: left;width: 62px;height: 62px;}
.dashboard .logo {margin: 10px 120px 0 -50px;}
.logo img {float: left;width: 62px;}
.logo-link:hover {opacity: 0.8;transition: opacity 0.3s ease;}

.top-menu {float:left;width:auto;margin-left: 50px;}
.top-menu li {display: inline-block;list-style: none;color:#fff;padding:28px 25px;}
.top-menu li a {color: #fff;}
.top-menu li a:hover {color: #a6a6a6;}

.nav {display: flex;gap: 60px;margin-left: 40px;}
.nav-link {font-family: 'Poppins', sans-serif;font-weight: 400;color: white;text-decoration: none;font-size: 15px;transition: color 0.3s ease;}
.nav-link:hover {color: #a6a6a6;}

.header-buttons {display: flex;gap: 16px;float: right;margin-top: 25px;}

/* Button Styles */
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;border-radius: 100px;border: none;font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 12px;cursor: pointer;transition: all 0.3s ease;}
.btn a {text-decoration: none;color:#fff;padding: 8px 18px;}

p.error-message {color:red;}

.btn-primary {background-color: #295cf5;color: white;}
.btn-primary:hover {background-color: #1e4bd1;}
.btn-secondary {background-color: #EF06FE;color: white;}
.btn-secondary:hover {background-color: #B706C2;}
.btn-grey {background: #ccc;}
.btn-black {background: #181818;color:#fff;border:1px solid #5F5F5F;}
.btn-gradient {background: linear-gradient(270deg, rgba(41,92,245,1) 0%, rgba(239,6,254,1) 100%);color: white;}
.btn-gradient:hover {opacity: 0.7;}

/* Hero Section */
.hero {position: relative;width: 100%;height: 924px;display: flex;align-items: center;overflow: hidden;margin-top: 0;}
.hero-bg {position: absolute;top: -20%;left: 0;width: 100%;height: 120%;object-fit: cover;z-index: -1;will-change: transform;transition: transform 0.1s ease-out;}
.hero-content {position: relative;z-index: 1;padding: 0 107px;width: 100%;will-change: transform;transition: transform 0.1s ease-out;}
.hero-title, .page-title {font-family:"Playfair Display";font-weight: 700;color: white;font-size: 90px;line-height: 100px;letter-spacing:0;margin-bottom: 15px;max-width: 846px;}
.hero-title {font-size: 65px;line-height: 67px;}
.page-title {max-width: 34%;}
.page-title h1, .centered-title h1, #content-body-sec h1  {font-size: 54px;line-height: 54px;margin-bottom: 20px;letter-spacing:0;font-family:"Playfair Display";}
.page-title p, .centered-title p, .centered-form p, form label, .form-box p {font-size: 15px;letter-spacing: 0;font-weight: 400;line-height: 25px;color: #a6a6a6;}
.hero-title .italic, .page-title .italic, .centered-title .italic {font-style: italic;}
.hero-description, .page-description {position: absolute;top: 15px;right: 107px;width: 399px;font-family: 'Poppins', sans-serif;font-weight: 400;color: #a6a6a6;font-size: 16px;line-height: 28px;text-align: right;margin-bottom: 142px;}

#content-body-sec, #hero-sec, #intro-sec, #testi-sec  {float: left;width: 100%;min-height: 500px; color:#fff;}
#hero-sec {padding: 300px 0 300px;}
.hero-text {font-family: 'Poppins', sans-serif;font-weight: 400;color: #a6a6a6;font-size: 16px;line-height: 28px;text-align: right;margin: 20px 0 30px;}
.hero-btns {display: flex;gap: 16px;width: auto;float: right;}

#content-body-sec {background:#000 url('img/page-bg.png') no-repeat;padding: 300px 0 100px;min-height:100vh;}
#wrapper {margin: 0 auto;width: 1225px;height: auto;}
.dashboard #wrapper {width: 1250px;}
.normal_back {background-size: cover;-webkit-background-size: cover !important;-moz-background-size: cover !important;background-position: center !important;background-attachment: fixed !important;}
#content-body-sec p, #content-body-sec li {font-size: 16px;letter-spacing: 0;font-weight: 400;line-height: 28px;color: #a6a6a6;margin-bottom: 20px;}
#content-body-sec h2 {font-size: 18px;margin-bottom: 10px;margin-top:30px;}
#content-body-sec ul {margin-bottom: 20px;}
#content-body-sec li  {margin: 0 0 5px 16px;}
#content-body-sec .thirty-left p {font-size: 14px;line-height: 22px;}

#intro-sec {padding: 200px 0 200px;}
#intro-sec h2 {font-family:"Playfair Display";font-weight: 700;font-size: 70px;line-height: 100px;letter-spacing:0;color: black;margin-bottom: 20px;}
#intro-sec p {width: 665px;font-family: 'Poppins', sans-serif;font-weight: 400;color: #2c2c2c;font-size: 15px;line-height: 27px;margin-bottom: 53px;}

#testi-sec {padding: 200px 0 150px; text-align:center;}
#testi-sec h2 {font-size: 50px;font-weight: 700;font-family:"Playfair Display";}
#testi-sec img {margin:0 auto;}
#testi-sec .carousel-item {padding: 50px 17%;}
#testi-sec .carousel-item p {line-height: 30px;margin-bottom: 26px;color:#A7A7A7;}
.ta-info h4 {font-size: 20px;font-weight:bold;margin-top: 19px;}
.ta-info p {font-size:12px;color: #A7A7A7;}
.test-ava {width: 50px;height: 50px;border-radius: 100px;background-size: cover !important;margin: 0 auto;border:3px solid #3f51b5;}

.carousel {position: relative;width: 100%;margin: 40px auto;overflow: hidden;}
.carousel-track {display: flex;transition: transform 0.6s ease-in-out;}
.carousel-item {flex: 0 0 100%;max-width: 100%;padding: 20px;box-sizing: border-box;text-align: center;}
.carousel-btn {position: absolute;top: 50%;transform: translateY(-50%);background: #3F51B5;color: #fff;border: none;font-size: 24px;cursor: pointer;border-radius: 50%;z-index: 10;height:25px;width:25px;line-height: 1px;}
.carousel-btn.prev { left: 10px; }
.carousel-btn.next { right: 10px; }

.tes-author {display: block;align-items: center;justify-content: center;margin-top: 15px;}
.ta-img {float:left;width:100%;}
.ta-info {float: left;width:100%;}
.ta-info p {color:#A7A7A7;}

.page-description {width:50%; text-align: left;}
.page-description h2 {margin-bottom: 10px;float: left;width: 100%;font-size: 16px;}
.page-description p {margin-bottom: 20px;font-size: 14px;line-height: 25px;}

.hero-buttons {position: absolute;top: 157px;right: 107px;display: flex;gap: 16px;}

.ownership .page-container {min-height: 1400px}
.privacy .page-container {min-height: 1400px}
.terms .page-container {min-height: 1400px}

.pag-left img {float: left;width: 100%;border-radius: 12px;}

.centered-title {float: left;width: 100%;text-align: center;color: #fff;margin-bottom: 60px;}
.centered-form {float: left;width:100%;padding: 0 22%;}
.centered-form p {text-align: center;margin-top: 20px;}
.centered-form p a {color: #EF06FE;}

.no-access-box ul li {margin-left: 20px;color: #fff;font-size: 13px;}

/* About Section */
.about {position: relative;width: 100%;min-height: 1125px;display: flex;align-items: flex-start;padding-top: 298px;overflow: hidden;}
.about-bg {position: absolute;top: -15%;left: 0;width: 100%;height: 115%;object-fit: cover;z-index: -1;will-change: transform;transition: transform 0.1s ease-out;}
.about-content {position: relative;z-index: 1;padding: 0 107px;width: 100%;will-change: transform;transition: transform 0.1s ease-out;}
.about-title {font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 70px;line-height: 100px;letter-spacing: -4.9px;color: black;margin-bottom: 20px;}
.about-title .italic {font-style: italic;letter-spacing: -3.43px;}
.about-title .text-blue {color: #295cf5;}
.about-description {width: 665px;font-family: 'Poppins', sans-serif;font-weight: 400;color: #2c2c2c;font-size: 15px;line-height: 27px;margin-bottom: 53px;}
.features {display: flex;gap: 20px;margin-bottom: 83px;}
.feature {display: flex;flex-direction: column;align-items: flex-start;}
.feature-icon {width: 40px;height: 40px;margin-bottom: 13px;}
.feature-title {width: 355px;font-family: 'Poppins', sans-serif;font-weight: 500;color: black;font-size: 20px;line-height: 26px;letter-spacing: -0.2px;}
.about-buttons {display: flex;gap: 16px;}


/* Footer */
.footer {float: left;background-color: white;width: 100%;min-height: 610px;padding: 120px 0 0;}
.footer-content {display: flex;justify-content: space-between;margin-bottom: 30px;}
.footer-main {max-width: 581px;}
.footer-title {font-family:"Playfair Display";font-weight: 700;color: black;font-size: 50px;line-height: 60px;letter-spacing:0;margin-bottom: 23px;}
.footer-description {font-family: 'Poppins', sans-serif;font-weight: 400;color: #414141;font-size: 14px;line-height: 22px;margin-bottom: 23px;max-width: 476px;}
.footer-avatars {position: relative;width: 192px;height: 48px;margin-bottom: 23px;}
.footer-avatar {position: absolute;width: 48px;height: 48px;border-radius: 50%;border: 2px solid white;object-fit: cover;}
.footer-avatar:hover {opacity: 0.6;}
.footer-avatar:nth-child(1) { left: 0; }
.footer-avatar:nth-child(2) { left: 36px; }
.footer-avatar:nth-child(3) { left: 72px; }
.footer-avatar:nth-child(4) { left: 108px; }
.footer-avatar:nth-child(5) { left: 144px; }
.footer-buttons {display: flex;gap: 16px;}
.footer-links {display: flex;gap: 100px;}
.footer-column {display: flex;flex-direction: column;gap: 20px;}
.footer-link {font-family: 'Poppins', sans-serif;font-weight: 400;color: black;font-size: 16px;line-height: 20px;text-decoration: none;transition: color 0.3s ease;}
.footer-link:hover, .copyright a:hover {color: #295cf5;}
.footer-bottom {padding-top: 30px;border-top: 1px solid #CFCFCF;margin-top: 60px;float: left;width: 100%;}
.footer-bottom-content {display: flex;justify-content: space-between;align-items: center;}
.copyright {font-family: 'Poppins', sans-serif;font-weight: 400;color: #5a5a5a;font-size: 14px;line-height: 21px;}
.copyright a {color:#5a5a5a;;}
.social-icons {display: flex;gap: 12px;}
.social-icon {width: 24px;height: 24px;cursor: pointer;transition: opacity 0.3s ease;}
.social-icon:hover {opacity: 0.5;}

/*Form*/
input, textarea, select {font-family: 'Poppins', sans-serif; float: left;width:100%;border-radius: 50px;background:#373737;border:1px solid #5F5F5F;color:#757575;margin-bottom:20px;padding:12px;outline:none;}
textarea {border-radius: 20px;min-height: 120px;}
input:focus, textarea:focus, select:focus {color:#fff;}
input:valid, textarea:valid, select:valid {color:#fff}
form .btn {padding:12px; width:100%;}
form label {font-size: 12px;margin-bottom: 6px;float: left;line-height: 17px;}
.form-box {background:#252525;border:1px solid #5F5F5F;border-radius: 20px;padding:20px;float: left;width:100%;margin-bottom: 30px;}
.form-box p {margin-bottom: 10px;}
.large-left {float: left;width:88%;}
.small-right-btn {float: right;width:10%;}
.btn-plain {border: none;outline: none;cursor: pointer}

/*Dashboard*/
body.dashboard {background: #181818;}
.dashboard .top-menu {margin: 20px 50px 0;}
.user-avater {float: left;width: 50px; height: 50px;border-radius: 100px;border:3px solid #fff;}
.user-avater2 {float: left;width: 100px; height: 100px;border-radius: 12px;border:2px solid #5F5F5F;}
.user-hi {float: left;color: #5F5F5F;padding:15px 10px;font-weight: 400;font-size: 15px;}
.dash-box {float: left;width:100%;position: relative;}
.dash-sidebar {
    float: left;
    width: 200px;
    position: fixed;
    height: 100vh;
    background: #222222;
    border-right: 1px solid #5F5F5F;
    padding: 150px 0 0 20px;
    overflow: hidden;
    box-sizing: border-box;
}
/* Scrollable nav – constrained height so scrollbar appears when items overflow */
.dash-sidebar-nav {
    max-height: calc(100vh - 150px);
    height: calc(100vh - 150px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #5F5F5F #2a2a2a;
    -webkit-overflow-scrolling: touch;
}
.dash-sidebar-nav::-webkit-scrollbar { width: 10px; }
.dash-sidebar-nav::-webkit-scrollbar-track { background: #2a2a2a; }
.dash-sidebar-nav::-webkit-scrollbar-thumb { background: #5F5F5F; border-radius: 5px; min-height: 40px; }
.dash-sidebar-nav::-webkit-scrollbar-thumb:hover { background: #777; }
.dash-sidebar-nav::-webkit-scrollbar-thumb:active { background: #888; }
/* ul must contain floated lis so nav gets real content height and scrolls */
.dash-sidebar ul { overflow: hidden; margin: 0; padding: 0 10px 15px 0; }
.dash-sidebar li { list-style: none; float: left; width: 100%; margin-bottom: 4px; position: relative; clear: left; }
.dash-sidebar li a {float: left;width: 100%;color: #fff;font-size: 13px;font-weight: 400;border-top-left-radius: 50px;border-bottom-left-radius: 50px;padding:10px 15px;}
.dash-sidebar li a.active, .dash-sidebar li a:hover {background: #181818;}
.dash-sidebar li a:hover {padding-left:14px;}
.dash-main {float: right;width: calc(100% - 200px);padding: 200px 100px 100px 80px}
.dash-title {float: left;width: 100%;margin-bottom: 100px;}
.dash-title h1 {color: #fff;font-weight: 500;}
.dash-title p {color: #A7A7A7;font-size: 13px;margin-top:12px;}
.dash-title .btn {float: right;}

.dash-content {float: left;width:100%;}
.shortcut-box {float: left;width: 100%;margin: 20px 0;display: flex;justify-content: space-between;}
.shortcut-box .box, .box {float: left;width: 30%;background: #373737;padding: 20px;border-radius: 4px;height: 155px;position: relative;overflow: hidden;border: 1px solid #5F5F5F;}
.shortcut-box .box h2, .box h2 {line-height: 18px;color: #fff;font-size:35px;margin: 25px;font-weight: 400;text-align: center;}
.shortcut-box .box p, .box p {float: left;width:100%;text-align: center;color: #A7A7A7;font-size: 12px;}
.shortcut-box .box .btn, .box .btn {float: none;width: 88px;display: none;text-align: center;padding: 7px 0;margin: 59px auto;}
.shortcut-box .box:hover, .box:hover {background: #383838;cursor: pointer;height: 155px;padding-top: 5px;}
.shortcut-box .box:hover > .btn, .box:hover > .btn {display: block;}
.artbids .box {width:24%;}
.artbids .box h2 {font-size: 20px;margin: 0 0 10px;font-weight: bold;float: left;width: 100%;box-sizing: border-box;}
.artbids .shortcut-box {display: flex;flex-wrap: wrap;gap: 14px;justify-content: flex-start;margin-bottom: 50px;} 
.artbids .shortcut-box .box, .artbids .box {padding: 13px;border-radius: 13px;height: auto;}

.txt {float: left;width: 100%;font-size: 13px;color: #ffc6c6;margin:10px 0 0;}

.full-width {float:left;width: 100%;}
.fifty-left {float:left;}
.fifty-right {float:right;}
.fifty-left, .fifty-right {width:48%;}
.seventy-left {float: left;width: 65%;}
.thirty-right {float: right;width:30%;}
.thirty-left {float: left;width: 25%;}
.seventy-right {float: right;width: 70%;}

form .seventy-left {width: 66%;}
form .thirty-right {width: 32%;}

/* MODAL STYLES */
.modal {position: fixed;z-index: 9999;left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.85);display: none;align-items: center;justify-content: center;padding: 20px;}
.modal-content {position: relative;width: 100%;max-width: 960px;background: #000;border-radius: 8px;overflow: hidden;}
.modal-content video {width: 100%;height: auto;display: block;}
.close {position: absolute;top: 10px;right: 15px;font-size: 32px;font-weight: bold;color: #fff;z-index: 999;cursor: pointer;background: #000;border-radius: 100px;line-height: 19px;width: 30px;height: 30px;padding: 5px;}


/* Asset Library */
.upload-form {border: 2px dashed #835e33;padding: 2rem;text-align: center;cursor: pointer;border-radius: 8px;background-color: #2E2E2E;margin-bottom: 1.5rem;position: relative;}
.upload-form.dragover {background-color: #e9ecef;border-color: #80bdff;}
.upload-form input[type="file"] {display: none;}
.utility-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 1rem;}
.modal-img {max-width: 100%;height: auto;}
.text-muted {font-size:10px; color: #999;text-align: center;float:left;width:100%;line-height: 11px;}
.input-group {float:left;width:83%; border-right:1px solid #333;padding-right: 28px;}
.full-input-group {float: left;width: 100%;border-right: 0;padding-right: 0;}
.input-group input, .full-input-group input {float:left;width:70%;}
.input-group button, .full-input-group button {float:right;width:12%;}
.clear-search {width: 14% !important; margin-left: 17px;}
.clear-search a {color:#fff;}
#bulkDeleteForm button {float:right;width:14%;margin-bottom: 30px;}
.dashboard .modal {overflow-y: scroll;}
.dashboard .modal-content {max-width: 100%;padding:50px;}
h5.modal-title {width:auto;}
.dashboard .modal-header {float:left;width:100%;padding:0;position: relative;}
.dashboard .modal-header button {float:right;width:30px;height:30px;line-height: 30px;border-radius: 50%;background: #fff;color:#000;font-size: 20px;cursor: pointer;}
.modal-copy-info {margin-top:200px;float:left;}
.modal-copy-info input[type="text"] {padding:10px;float: left;width:100%;}
.modal-copy-info button {margin: 20px 0;padding: 13px;}
.dashboard .modal-body .fifty-right {padding-left:10%;}

.card {width: 48%;text-align: center;font-size: 24px;}
.card input[type="checkbox"] {float: left;width: auto;margin: 0;}
.card div {margin-bottom: 56px;}
.card img {width: 100%;height: auto;}
.card div {margin-bottom: 56px;}
.text-muted {font-size: 10px;color: #999;text-align: center;float: left;width: 100%;line-height: 11px;}
.d-none {display: none !important;}
.d-block {display: block !important;}


.wl89 {float: left;width:89%}
.wr10 {float: right;width:10%;}
.wl89 .fifty-left, .wl89 .fifty-right {width: 49.4%;}
.p5 {width:5%;}
.p10 {width:10%;}
.p15 {width:15%;}
.p20 {width:20%;}
.p30 {width:30%;}
.p40 {width:40%;}
.p45 {width:45%;}
.p50 {width:50%;}
.p55 {width:55%;}
.p60 {width:60%;}
.p80 {width:80%;}

.w90 {width: 90px;}
.w190 {width: 190px;}
.w120 {width: 120px;}
.w188 {width: 188px;}
.w220 {width: 220px;}
.u200 {width:200px; height:auto;}
.u200 img {float:left;width:100%;height:auto;border-radius: 0;padding-right: 30px;}

.profile-image-box {position:fixed;}
.lg-profile-image {float: left;width: 284px;max-width: 91%;height: 260px;position: relative;border:3px solid #5F5F5F;border-radius: 10px;}
.lg-request-image {float: left;width: 490px;max-width: 100%;margin-bottom: 20px;height: 136px;position: relative;border: 3px solid #5F5F5F;border-radius: 10px;}
.edit-profile-image {position: absolute;bottom: -2px;right:9px;background:#fff;border: 2px solid #5F5F5F; border-radius:100px;padding: 8px;box-sizing: border-box;width: 50px;height: 50px;}
.edit-profile-image img {width:100%;}

.alert {position: absolute;top: 20px;font-size: 13px;font-weight: normal;float: left;width: 300px;text-align: left;padding: 10px;z-index: 99999;right: 20px;border-radius: 12px;}
.alert-success {background:#208f20;color:#fff;}
.alert-message {background:#6134c2;color:#fff;}
.alert-danger {background:red;color:#fff;}

.specifications-list {float: left;width:100%;}
.specifications-list ul li {list-style: none;display: inline-block; background: #fff;margin: 5px;border-radius:50px;color: #000;padding: 10px 14px 4px;font-size: 11px;}
.close-delete {float: right;margin: -2px 0 0 15px;;}
.profile-spe .specifications-list ul li {padding: 10px 14px;}


.title-button {float: left;width:100%; padding-bottom: 20px;border-bottom: 1px solid #373737; margin-bottom: 20px;}
.title-button p, .title-button h1, .title-button h2  {float:left;width:auto;}
.title-button .btn {float: right;width:auto;}

table {table-layout: fixed;width: 100%;}
table td, table th {word-wrap: break-word;white-space: normal;overflow-wrap: break-word;line-height: 18px;}

.work-box {float: left;width:100%;border-bottom: 1px solid #373737;padding:20px;margin-bottom: 23px;}
.work-box:hover, .feed-box table tr:hover {padding: 20px;background: #373737;border-radius: 20px;}
.w_img {float: left;width:15%;border-radius: 20px;max-height: 120px;overflow: hidden;}
.w_img img, .ref_image img {width:100%;height:auto;border-radius: 20px;}

.ref_image {float: left;width:46%;height: 100px;border-radius: 20px;max-height: 120px;overflow: hidden;margin:0 10px 10px 0;}
.bid-sec {float:left;width:100%;margin-top:30px;}
.plain-table tr th {border-bottom: 1px solid #373737;}
.plain-table tr {line-height: 15px;}

.w_details {float: left;width:58%;margin:0 5%;}
.w_details2 {float: left;width:75%;margin:0 5%;}
.dashboard table {text-align: left;color: #A7A7A7;font-size: 13px;}
.dashboard table th, .dashboard table td {padding: 5px 10px}
.dashboard table.plain-table th, .dashboard table.plain-table td {padding: 15px 10px;border-bottom: 1px solid #373737;}
.grey_txt {color:#757575;}
.w_actions {float: right;width:17%;display: flex;gap: 16px;}
.w_actions2 {float: right;width:17%;display: flex;gap: 16px; flex-direction: column;justify-content: space-between;height:auto;}
.w_actions2 .btn {font-size: 12px;}
.w_actions3 {float: right;width:188px;display: flex;gap: 16px;}
.w_actions3 .btn-primary {width:133px;}
.no-work-box {float: left; width: 100%;padding:40px;text-align: center;background: #373737;border: 1px dashed #5F5F5F;border-radius: 10px;}
.w_actions4 {float: right;width: 290px;display: flex;gap: 5px;}
.w_actions4 .btn-primary {width: 105px;}
.feed-box td.w_actions4 {border-bottom: none !important;}
.w_actions4 .btn-gradient {padding:12px !important;}

.w_actions_form {float: right;width:188px;display: flex;gap: 16px;}

.faq-section {float: left;width:100%;margin:20px 0;}
.faq-excerpt {float: left;width: 45%;margin-left: 0;}
.faq-item {border-bottom: 0;background: #272727;margin-bottom: 20px;color: #CACACA;border-radius: 8px;}
.faq-question {background: none;border: none;width: 100%;text-align: left;font-size: 14px;font-weight: bold;padding: 15px;cursor: pointer;position: relative;color: #CACACA;}
.faq-question::after {content: '+';position: absolute;right: 20px;font-size: 20px;transition: transform 0.3s;}
.faq-question.active::after {content: '−';}
.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.4s ease, padding 0.4s ease;padding: 0 15px;}
.faq-answer.show {max-height: 500px;padding: 10px 15px 20px;}


.ref-provided {float: left;width:100%;margin-bottom:30px;}

.dashboard table .green-text, .green-text {color: #00FF73;}
.dashboard table .red-text, .red-text {color: #FF0000;}
.dashboard table .green-text, .dashboard table .red-text {font-weight: bold;}
.dashboard table .blue-text, .blue-text {color: #295cf5;font-weight: bold;}

table td, table th {vertical-align: top;}

.dashboard .feed-box table ul li {list-style: none;display: inline-block;width: 10%;height: auto;margin-right: 8px;}
.dashboard .feed-box table ul li img {float: left;width:100%;height: auto;border-radius: 4px;}
.dashboard .feed-box table form .btn {padding: 0px;width: 135px !important;}
.dashboard .feed-box table p {font-size: 12px;line-height: 17px;}

.dashboard .feed-box table, .dashboard .feed-box th, .dashboard .feed-box td {padding: 15px 20px !important;}

.dashboard .feed-box table h4 {margin-bottom: 24px;color: #ffc6c6;font-weight: 400;}

button {position: relative;}
.indi_cator {background:#FF0000;width:auto; height:auto;border-radius: 20px;position:absolute;top:0px;right: -6px;padding: 1px 6px;}
.indic_ator {display: inline-block;background: #FF0000;width: auto;height: auto;border-radius: 100px;padding: 1px 8px;font-size: 9px;position: absolute;top: -2px;}

.update-sec {float: left;width:100%;margin-top:40px;}
.update-sec h2 {color:#fff;font-size:15px;margin-bottom: 20px;}
.update-sec table, .update-sec th, .update-sec td, .feed-box table, .feed-box th, .feed-box td {border-bottom: 1px solid #373737;border-collapse: collapse;padding: 15px 10px !important;}

.sub-bid h2, .final-wk h2 {color:#fff;margin-bottom: 15px; font-size: 18px;}
.two-fifth, .two-fifth-two {float: left;width: 38%}
.two-fifth-two  {margin:0 2%;}
.one-fifth {float: right;width: 20%; padding-top:30px;}

.image-upload-sec {float: left;display: flex;gap: 15px;width:100%;}
.image-upload {width:33%;}
.image-upload-two {width:50%;}
.image-upload-three {width:32.3%;}
.image-upload-four {width:100%;}

.image-upload-wrapper {position: relative;width: 100%;height: 150px;border: 2px dashed #ccc;border-radius: 10px;overflow: hidden;cursor: pointer;background-color: #f9f9f9;margin-bottom: 20px;}
.image-upload-wrapper img {width: 100%;height: 100%;object-fit: cover;display: block;}
.image-upload-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);color: white;font-weight: bold;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;text-align: center;font-size: 18px;}
.image-upload-wrapper input[type="file"] {display: none;}

.fthree-box {float: left;display: flex;gap: 15px;width:100%;}
.fthree {width:33%;}

.rejection-debox .fthree {padding: 10px;}
.rejection-debox .fthree h3 {color:#fff;margin-bottom: 20px;}
.rejection-debox .fthree p {float: left;width:100%;margin-bottom:10px;}
.rejection-debox .fthree span {color: #fff;font-size: 12px;line-height: 16px;float: left;width: 100%;}
hr.rej-debox  {margin: 32px 0;float: left;width: 100%;color: #2c2c2c;border: 1px solid #333;}

.rejection-sec-box {padding: 20px 25px;background: #252525;border-radius: 20px;max-height: 646px;min-height: 640px;overflow-y: scroll;}

.fm-img img {width:80px;height: auto;border-radius: 8px;}
.profile-pic {max-height: 100px;overflow: hidden;border-radius: 8px;}
.profile-pic img {width: 100px;height: auto;float: right;border-radius: 8px;}

.profile-title h1 {font-size: 50px;}
.bbutton {float: left;margin-top: -70px;}

#remember_me {float: left;width: auto;}
.remb {float: left;color: #ccc;margin: -6px 0 0 5px;font-size: 12px;}
.forgt {float: right;color: #ccc;font-size: 12px;margin-top: -2px;cursor: pointer;}
.forgt:hover {color:#EF06FE;}
.small-wrap {max-width: 600px;margin: 0 auto 30px;float: none;}
.medium-wrap {max-width:800px;margin: 0 auto 30px;float: none;}
.padspace {padding:7px 18px !important;margin-top:9px;}


.pagination-container nav {display: flex;justify-content: center;margin: 20px 0 40px;}
.pagination-container ul {list-style: none;display: flex;gap: 10px;padding: 0;}
.pagination-container li {margin: 0;}
.pagination-container a,
.pagination-container span {display: block;padding: 1px 12px;text-decoration: none;color: #ef07ff;border: 1px solid #383838;border-radius: 4px;transition: background-color 0.3s, color 0.3s;}
.pagination-container a:hover {background-color: #ef07ff;color: white;}
.pagination-container .active span {background-color: #ef07ff;color: white;border-color: #ef07ff;}

/*Hamburger styles*/
.hamburger          {display:none; margin: 26px 0 0 20px;float: right;width: 30px;height: 30px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.hamburger .line    {width: 100%;margin-bottom: 6px;border-radius: 2px;height: 5px;background: linear-gradient(270deg, rgba(41, 92, 245, 1) 0%, rgba(239, 6, 254, 1) 100%);transition: transform 0.3s ease, opacity 0.3s ease;}
.hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.hamburger.active .line:nth-child(2) {opacity: 0;}
.hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

.b-header-inner .hamburger          {display:none; margin: 3px 0 0 20px;float: right;width: 30px;height: 23px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1000;}
.b-header-inner .hamburger .line    {width: 100%;height: 4px;background-color: #333;transition: transform 0.3s ease, opacity 0.3s ease;}
.b-header-inner .hamburger.active .line:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.b-header-inner .hamburger.active .line:nth-child(2) {opacity: 0;}
.b-header-inner .hamburger.active .line:nth-child(3) {transform: rotate(-45deg) translate(5px, -5px);}

#sideMenu {display: none;position: absolute;right: 2%;width: 96%;height: 87vh;top: 80px;background: #2e2e2e;border-radius: 10px;padding: 80px 20%;font-size: 17px;text-align: center;overflow-y: scroll;overflow-x: hidden;}

#sideMenu ul li {display: block}
#sideMenu ul li a {color: #fff;margin-bottom: 20px;float: left;width: 100%;}
#sideMenu ul li a:hover {color: var(--primary-color);}
#sideMenu ul li.btn {text-align: center;}
#sideMenu ul li.btn a {color:#fff;}
#sideMenu .btn {width:100%;margin-top: 20px;}

.tracking-steps {display: flex;align-items: center;margin: 15px auto;width: 520px;}
.step {text-align: center;font-size: 28px;width: 153px;}
.circle {display: inline-block;width: 28px;height: 28px;border-radius: 50%;border: 2px solid #ccc;line-height: 24px;font-size: 14px;font-weight: bold;color: #777;background: #f7f7f7;}
.step.completed .circle {border-color: #28a745;background: #28a745;color: #fff;}
.label {display: block;font-size: 16px;margin-top: 5px;}
.step .label {color:#fff;}
.line {width: 50px;height: 2px;background: #ccc;}
.line.completed {background: #28a745;}


.image-upload-two {width: 49%;}
/* form label {width: 100%;} */

.hours-left {background: #311333;padding: 10px;border-radius: 13px;border: 1px solid #b706c2;margin:20px 0;color:#fff;text-align: center;}
.rejectsec h3 {color:#fff;margin-bottom: 10px;}
p.reject-p {font-size: 13px;line-height: 18px;margin-bottom: 20px;}
form.rejectform legend, form.rejectform p {color:#fff;font-size:12px;margin: 10px 0;line-height: 16px;}
.boost-pack {float: left;width: 100%;margin-bottom: 9px;border: 1px solid #3f3f3f;border-radius: 12px;padding: 10px;height: auto;}
.boost-pack input[type="radio"] {float: left;width:auto;}
.boost-pack b {float: right; width: 96%;line-height: 16px; font-weight: normal;}
.radio-inline {float:left;width:100%;}
h3.re-review {padding: 146px;background: #000;border-radius: 12px;}
p.accept-p {padding: 100px; color: #fff;font-weight: bold;}
.final-download {float: left;width: 100%;margin: 36px 0;}
form.rejectform {border: 1px solid #393939;padding: 12px 27px;border-radius: 20px;background: #212121;}
form.rejectform h3 {margin: 10px 0;border-bottom: 1px solid #333;padding-bottom: 10px;font-size: 16px;}

.two-center-btns {display: flex;justify-content: center;gap: 20px;float: none; width: 53%;margin: 0 auto;}
.two-center-btns .btn a {text-decoration: none;color: #fff;padding: 12px 18px;}

.small-texts p {font-size: 14px !important;line-height: 24px !important;}

@media(max-width:1024px){
  #wrapper {width: 800px;}
  #hero-sec .seventy-left, #hero-sec .thirty-right {width:100%;}
  .hero-text {text-align:left;}
  .hero-btns {display: flex;gap: 16px;width: auto;float: left;}
  #intro-sec .fifty-left {width:100%;}
  .hero-title, .page-title {letter-spacing: -2px;}
  #intro-sec {padding: 100px 0 100px;}
  #testi-sec {padding: 100px 0 0px;}
  .footer {padding: 100px 0 0;}
  .thirty-left {width:100%;}
  .seventy-right {width: 100%;margin-top: 20px;}
  .mgb10 .seventy-right {width: 100%; margin-top:0; margin-bottom: 10px;}
  .centered-form {padding: 0 10%;}

  .dashboard #wrapper {width: 944px;}
  .dashboard .logo {margin: 10px 0 0 0;}
  .dash-main {padding: 200px 30px 100px;}
  .profile-image-box {position: relative;margin: 0 auto;float: none;width: 269px;height: 280px;}
  .edit-profile-image {right: -11px;}
  
  .dashboard .hamburger {display: block;}
  .dashboard .header-buttons {display: none;}
  .dash-sidebar {display: none;}
  .dash-main {float: left;width: 100%;}
  .dash-content {margin-top: 20px;}
  .dash-title {margin-bottom: 10px;}
  .dashboard #sideMenu {font-size:15px;}
  .dashboard #sideMenu ul {width: 234px;margin: 0 auto;}
  .dashboard #sideMenu ul li {width: 100%;float: left;}
  .dashboard #sideMenu ul li a {position: relative;}
  .dashboard #sideMenu ul li a.active, .dashboard #sideMenu ul li a:hover {border-radius: 20px;color: #fff;margin-bottom: 8px;float: left;width: 100%;background: #181818;padding: 10px;}
  .dashboard #sideMenu .btn {width: 228px;margin-top: 17px;}
  .dashboard #sideMenu .btn-primary {padding:4px;}
  .portfolio-img .lg-profile-image {float: left;width: 100%;max-width: 100%;height: 140px;}

  .artbids .box {width: 23.8%;}

  .w_actions2 {margin: 20px 0;float: left;width: 60%;}
}

@media (min-width: 1200px) {
    .utility-grid {grid-template-columns: repeat(6, 1fr);}
}

@media (max-width: 1200px) {
  .container {max-width: 100%;}
  .header {padding: 0 40px;}
  .hero-title {font-size: 60px;line-height: 60px;}
  .hero-description {position: static;width: 100%;text-align: left;margin-top: 20px;}
  .hero-buttons {position: static;margin-top: 30px;}
  .features {flex-direction: column;gap: 40px;}
  .footer-content {flex-direction: column;gap: 40px;}
  .footer-links {gap: 40px;}
}

@media(max-width:800px){
  #wrapper {width: 90%;}
  .carousel {margin: 0 auto;}
  .header-buttons {margin: 25px 0 0 0;}
  #intro-sec p {width: 100%;}
  
  .dashboard #wrapper {width: 90%;}
  .dash-main {padding: 200px 5% 100px;}
  .fthree-box {flex-direction: column;}
  .fthree {width: 100%;}
  form .seventy-left {width: 100%;}
  form .thirty-right {width: 100%;}
  .profile-title h1 {font-size: 30px;}
  .bbutton {margin-top: -13px;}
  .wl89 {width: 80%;}
  .wr10 {width: 19%;}
  .u200 {width:160px;}
  .form-box {overflow-x: scroll;}
  .users-table table, .artbids table {width: 1000px !important;}
  .w_details table {width: 100% !important;}
  .dashboard table.plain-table th, .dashboard table.plain-table td {padding: 15px 5px;}
  .w_details {width: 79%;margin: 0 0 0 5%;}
  .w_actions2 {float: left;width: 100%;margin-top: 20px;}
  .w_actions2 {flex-direction: column;}
  .w_actions {float: left;width: 100%;margin-top: 20px;}
  .artbids .box { width: 48%;}
  
  #bulkDeleteForm button {float: left;width: 100%;margin-bottom: 50px;}
}

@media (max-width: 768px) {
  #hero-sec .seventy-left, #hero-sec .thirty-right {width: 100%;float: left;}
  .hero-title {max-width: 100%;font-size: 45px;line-height: 48px;}
  .hero-text {line-height: 25px;margin: 0px 0 30px;}
  .thirty-left, .seventy-right {width:100%;float:left;}
  .footer-title {letter-spacing: -0.5px;}
  .footer-bottom {margin-top: 10px;}
  .hero {height: auto;padding: 100px 20px 60px;}
  .hero-title {font-size: 40px;line-height: 40px;}
  .about {padding: 60px 20px;}
  .about-title {font-size: 40px;line-height: 50px;}
  .testimonials {height: auto;padding: 60px 20px;}
  .testimonial-nav {position: static;transform: none;padding: 0;margin-top: 40px;}
  .footer {padding: 60px 20px 30px;}
  .footer-title {font-size: 30px;line-height: 36px;}

  /* Disable parallax on mobile for better performance */
  .hero-bg, .about-bg, .testimonials-bg, .hero-content, .about-content,
  .testimonials-content {transform: none !important;transition: none !important;}
  .dashboard .seventy-left {float: left;width: 100%; margin-bottom: 20px;}
  .dashboard .thirty-right {float: left;width: 100%;margin-bottom: 30px;}
  .dashboard form .seventy-left, .dashboard form .thirty-right {margin-bottom:0;}
  .form-box table,  .work-box {width: 100% !important;}
  .users-table table, .artbids table {width: 1000px !important;}
  .users-table table {width: 1000px !important;}
  .dash-title .btn {float: left;}
  .w190 {width: 140px;}
  .profile-pic img {float: left;}
  .fifty-left, .fifty-right { width: 100%;}
}

@media(max-width:600px){
  .two-center-btns {flex-direction: column;}
  #head-section {background-size: cover;}
  .top-menu li {padding: 28px 10px;}
  .hero-content {padding: 0;}
  .wl89 {width: 77%;}
  .wr10 {width: 21%;}
  .shortcut-box .box .btn, .box .btn {float: left !important;width: 100% !important;margin: 20px 0 !important;}
  .sub-bid table {width: 800px !important;}
  .sub-bid .w190 {width: 155px;}
  .dashboard .feed-box table form .btn-black {width: 68px !important;}
  .for-web {display: none;}
  .w_img, .w_img img, .ref_image img {border-radius: 8px;}

  .tracking-steps {flex-direction: column;}
  .tracking-steps {width: auto;}
  .tracking-steps .line {width: 1px;height: 39px;background: #ccc;text-align: center;margin: 20px 5px;}
}

@media(max-width:450px){
  .hamburger {display: block;}
  .top-menu, .header-buttons {display: none;}
  .fifty-left, .fifty-right {width: 100%;}
  form label {text-align: left;width: 100%;}
  form label .logrem, .logrem {width:48% !important;}
  .footer-column {gap:12px;}
  #intro-sec h2 {font-size: 50px;line-height: 50px;}
  .shortcut-box {flex-direction: column; gap: 20px;}
  .shortcut-box .box, .box {width: 100%;}
  .large-left {width: 76%;}
  .small-right-btn {width: 20%;}
  .dashboard .feed-box table, .dashboard .feed-box th, .dashboard .feed-box td {padding: 15px 8px !important;}
  .sub-bid .feed-comments table {width: 368px !important;}
  .sub-bid table {width: 365px !important;}
  .w_details {width: 100%;margin: 0;}
  .w_img {width: 100%;max-height: 240px;margin-bottom: 20px;}
  .work-box {padding: 0 0 30px;border-bottom: 1px solid #4c4c4c;margin-bottom: 30px;}

  @media screen and (-webkit-min-device-pixel-ratio:0) { 
    select, textarea, input {font-size: 16px;}
  }
}

@media(max-width:360px){
  textarea {min-height: 190px;}
  #sideMenu {padding: 80px 15%;}
}