@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --white-deep1: #fff;
    --black-deep1: #000;
    --gray-deep1: #25260b;
    --gray-deep2: #584c46;
    --gray-deep3: #abac58;
    --gray-light: #b3b4af;
    --cream-1: #f1f1d0;
    --font-worksans: "Work Sans", sans-serif;
    --font-dmserif: "DM Serif Display", serif;
    --innerpage-bgcolor: #d6d892;

    /* dahaboard */
    --dash-bg-dark: #252608;
    --dash-textcolor1: #D9D9D3;
    --accent: #ABAD50;
    --accent-dark: #4B4D1B;
    --dash-border: #D6D98D;
    --pending-btn: #AD7245;
    --completed-btn: #5FAD62;
    
}


.dmserif {font-family:var(--font-dmserif);}

body {background-color: var(--gray-light); font-family: var(--font-worksans); color: var(--gray-deep2); font-size: 16px;}
img {max-width: 100%;}

.navbar {background: none !important;}
.navbar ul li {margin: 0 32px;}
.navbar ul li a {font-weight: 600; color:var(--black-deep1); text-decoration: none;}
.navbar ul li a:hover {color: var(--gray-deep3);}
.members-btn button {white-space: nowrap;}

/* MAIN BANNER */
.hero {background: url(../images/main-banner.webp) 0 bottom no-repeat; display: flex; flex-direction: column; align-items: end; justify-content: right; background-size:90%;}
.hero-content * {font-family: var(--font-dmserif);}
.btn .arrow svg {width: 16px;}
.btn {font-family: var(--font-worksans); border: 1px solid var(--gray-deep1); display: inline-block;  padding: 10px 14px 10px 16px;  background: var(--gray-deep3);  color: #000;  text-decoration: none;  border-radius: 30px;  font-weight: 600;}
.btn-white {background-color: var(--white-deep1); color: var(--gray-deep1);}
.btn:hover {background-color: var(--gray-deep2); color: var(--white-deep1);}
.btn .arrow SVG {fill: var(--gray-deep1);}
.btn:hover .arrow SVG {fill: var(--white-deep1)}

.hero-content { width: 65%;  text-align: center; margin: 4% 0;}
.subtitle {font-style: italic; margin-bottom: 16px; font-size: calc(16px + (33 - 16) * (100vw - 320px) / (1920 - 320));}
.hero-content h1 {font-size: calc(36px + (93 - 36) * (100vw - 320px) / (1920 - 320)); letter-spacing: 2px; margin-bottom: 16px;}
.description { font-size: calc(18px + (37 - 18) * (100vw - 320px) / (1920 - 320));  margin-bottom: 24px;}
.hero-bottom {display: flex; flex-direction: column;  align-items: end;}
.hero-bottom ul {display: flex;list-style: none;margin: 0;padding: 0;background-color: rgba(255,255,255, 0.5);padding: 15px 0;text-align: center; flex-wrap: wrap; justify-content: center;}
.hero-bottom ul li {display: flex;flex-direction: column; padding: 10px; }
.img-info {position: relative; top: -20px;}


/* Profile */
.profile, .profile-bot {background-color: var(--cream-1);}
.profile .row .profile-card *:not(.btn) {color: var(--gray-deep3);}
.profile h2 {font-family: var(--font-dmserif); font-size: calc(24px + (48 - 24) * (100vw - 320px) / (1920 - 320));  border-bottom:1px solid var(--gray-deep1); padding-bottom:10px;margin-bottom:40px;color:var(--gray-deep2)}
.profile-card{background-color:#4b4b1f;color:#d6d8a4;border-radius:20px;padding:35px 30px;height:100%; display: flex; flex-direction: column; justify-content: space-between;}
.profile-card .card-title{font-style:italic;font-size:calc(16px + (25 - 16) * (100vw - 320px) / (1920 - 320)); margin-bottom:15px; font-family: var(--font-dmserif); text-align: center; color: var(--innerpage-bgcolor);}
.profile .step{display:flex;gap:15px;margin-bottom:18px}
.profile .step-number{font-family: var(--font-dmserif); font-size: calc(36px + (70 - 36) * (100vw - 320px) / (1920 - 320)); line-height:1}
.profile small {display: block; line-height: 16px;}
.profile .step-title{font-family: var(--font-dmserif);font-size: 21px;    font-style: italic; color: var(--innerpage-bgcolor);}
.profile .btn{display: flex; margin: 0 auto;}
.profile .btn:hover{background-color: #d1d11f;}
.prof-icon{display: block; margin-bottom: 10px; text-align: center;}
.profile-bot h3 {font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320)); color:var(--gray-deep2); font-family: var(--font-dmserif); font-style: italic; }
.step-number.one {letter-spacing: 5px;}
.profile-bot-col {text-align: center;}

/* Team member */
.team {background-color: var(--cream-1);}
.team h2 {font-family: var(--font-dmserif); font-size: calc(24px + (48 - 24) * (100vw - 320px) / (1920 - 320));  border-bottom:1px solid var(--gray-deep1); padding-bottom:10px;margin-bottom:40px;color:var(--gray-deep2)}
.team-head-des {text-align: center; font-weight: 600; font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320)); }
.team-img { width: 314px;  aspect-ratio: 314 / 376; object-fit: cover;  border-radius: 20px;  background-color: #4f5421;  padding: 10px; }
.team-name {font-family: var(--font-dmserif);  margin-top: 20px; font-size: 20px; color: var(--gray-deep1);}
.team-role { font-weight: 700; color: var(--gray-deep1);}
.team-desc {font-size: 12px; font-style: italic; color: #555;}

/* Home bottom banner */
.supporters {padding: 0;}
.supporters img {max-width:100%; width: 100%;}

/* Footer */
.footer { background-color: var(--gray-deep1); color:var(--white-deep1); }
.footer .list-unstyled {margin: 0;}
.footer .list-unstyled li {margin-bottom: 10px;}
.footer * {letter-spacing: -1px;}
.footer a { color: var(--white-deep1);   text-decoration: none; }
.footer a:hover {  text-decoration: underline; }
.footer .wpcf7-form-control-wrap input {outline:0; background: transparent;  border: none;  border-bottom: 1px solid var(--white-deep1);   color: var(--white-deep1);   width: 100%;   padding: 6px 0; }
.footer .wpcf7 form {position: relative;}
.footer .wpcf7 form p {margin: 0;}
.footer input.wpcf7-submit {background: url(../images/arrow-white.svg) 0 0 no-repeat; border: 0;font-size: 0; width: 24px; height: 24px; position: absolute;top: 30px; right: 0;}
.footer .f-logo-title {font-size: calc(24px + (63 - 24) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif); white-space: nowrap; }
.footer .team-name {font-size: calc(18px + (32 - 18) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif); }
.footer .arrow {fill:var(--white-deep1); position: relative; left: -30px;}
.wpcf7 form .wpcf7-response-output {margin: 0;}

/* Manifesto =========> Inner Page1*/
.manifesto img {max-width: 100%;height: min(700px, 70vh);object-fit: cover;width: 100%;}
.manifesto * {color:#F1F2CE;}
.manifesto {position: relative;}
.manifesto-content {position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-color: rgba(173, 93, 55, 0.76); color: #f1f1d0; line-height: 22px;}
.manifesto-content strong {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); }
.manifesto-content .company {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif);}
.manifesto-content .acc-class  {font-size: calc(16px + (26 - 16) * (100vw - 320px) / (1920 - 320)); }
.manifesto-content-inner {position: absolute;bottom: 5%;top: 5%;left: 5%;right: 5%;overflow: auto;}
.newsletter-title {font-size: calc(20px + (32 - 20) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif);}
.manifesto-holder {padding:0;}
.bg-padding {background-color: var(--innerpage-bgcolor); padding: 20px;}

/* Privacy Policy */
.innerpage h1{font-size: calc(20px + (32 - 20) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif); }
.privacy {background-color: var(--innerpage-bgcolor);}
.privacy * {color: var(--black-deep1)}
.padding-top-bottm {padding-top:15px; padding-bottom: 15px;}
.privacy p {margin-bottom: 0;}

/* FAQ */
.faq {text-align: center; color: var(--black-deep1);}
.faq .content * {text-align: left;}
.faq h1 {font-size: calc(24px + (48 - 24) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif);}
.faq-heading {font-size: calc(18px + (24 - 18) * (100vw - 320px) / (1920 - 320)); text-align: left; padding: 10px 20px; border-bottom:1px solid var(--black-deep1);  }
.faq-heading span {font-family: var(--font-dmserif);}
.faq .accordion-button.collapsed {background-color: var(--innerpage-bgcolor);}
.faq .accordion-button:focus {box-shadow: none;}
.faq .accordion-button:not(.collapsed) {background-color: #bfc185;}
.faq .accordion-item {background-color: var(--innerpage-bgcolor);}
.faq .accordion-button {border-bottom:1px solid var(--black-deep1);}
.faq .accordion {background-color: var(--innerpage-bgcolor);  }
.faq .accordion-body {background-color: var(--innerpage-bgcolor); border-bottom:1px solid var(--black-deep1); text-align: left;}
.faq .accordion-button::after {background: url(../images/arrow.svg) 0 0 no-repeat;}
.faq .accordion-button:not(.collapsed)::after {background: url(../images/arrow.svg) 0 0 no-repeat; transform: rotate(45deg);}
.faq .accordion-button {font-weight: 600; }
.faq .accordion-button .dmserif {font-family: var(--font-dmserif);}
.faq .accordion-holder {flex-wrap: wrap; justify-content: space-between;}
.faq .nav-link {text-align: left; display: block; width: 100%; padding: 15px 20px; font-weight: 600;}
.faq .nav-link a {color: var(--gray-deep1); transition: all;}
.faq .nav-link:hover, .faq .nav-link.active { background-color: rgba(255,255,255, 0.2);}
.faq .nav-link:focus, .faq .nav-link:hover {color: var(--gray-deep1); }

/* Registration =========> Inner Page4*/
.signup {background-color: #f1f1d0;}
.login {background-color: #ac6d53;}

/*BLOG =======================================================> Inner Page*/
.blog {background-color: var(--cream-1);}
.blog * {color: var(--gray-deep1);}
.blog-grid-top { margin: auto; display: grid;grid-template-columns: 2fr 1fr; gap: 20px;}
/* BLOG MAIN ARTICLE */
.blog-article-top img {width: 100%;  object-fit: cover; }
.blog-meta { display: flex;  justify-content: space-between; font-size: 16px;  margin: 14px 0; color: var(--gray-deep1); color:#4b4b20;}
.blog-article-top h2 {font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif); margin-bottom: 12px; }
.blog-article-top p {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); line-height: 1.2; }
.blog-article-top .blog-meta {font-size: 18px;}

/* BLOG SIDE ARTICLES */
.blog-side-articles { display: flex; flex-direction: column; gap: 40px;}
.blog-side-article img { width: 100%; height: 234px; object-fit: cover; }
.blog-side-article h3 {font-size: calc(18px + (24 - 18) * (100vw - 320px) / (1920 - 320)); margin: 10px 0; font-family: var(--font-dmserif);}
.blog-side-article p {line-height: 1.2;}

/* Blog bottom section */
.blog .section-header {display: flex;  justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;}
.blog .section-header h2 {font-family: var(--font-dmserif); font-size: calc(24px + (48 - 24) * (100vw - 320px) / (1920 - 320)); margin: 0;}
.blog .section-header a {  color: var(--gray-deep3);  text-decoration: none;  font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320)); letter-spacing: -1px;}
.blog .section-divider { margin: 24px 0 48px; border-top: 1px solid  #4b4b20;}

/* BLOG Article */
.blog .article { display: grid;  grid-template-columns: 468px 1fr;  gap: 40px;  align-items: center;}
.blog .article img { width: 100%;  height: auto;  display: block; }
.blog .article-meta {  color: var(--gray-deep3); font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
.blog .article h3 {font-size: calc(24px + (40 - 24) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif);  margin: 0 0 16px;}
.blog .article h3 a {text-decoration: none;}
.blog .article h3 a:hover {color: var(--gray-deep3);}
.pagination {justify-content: center;gap: 10px;}
.pagination * {padding: 5px 14px; border: 1px solid var(--gray-deep1);  border-radius: 15px;  background: var(--gray-deep3);  color: #000;}
.pagination a { text-decoration: none;}
.page-numbers.current, .pagination a:hover {background-color: var(--gray-deep2); color: var(--white-deep1);}


.blog .article p {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));  line-height: 1.2;  margin-bottom: 24px;}
.blog .article-date { color: var(--gray-deep3); font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); letter-spacing: -1px;}

/* Contact Form */
.c-form h1 {font-family: var(--font-dmserif); font-size: calc(24px + (48 - 24) * (100vw - 320px) / (1920 - 320));   margin-bottom:20px; color:var(--gray-deep1)}
.c-form h2 {font-family: var(--font-dmserif); font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));  color:var(--gray-deep1)}
.c-form h2:after {content: ""; display: block;  width: 140px;  height: 1px; background: #000; margin: 24px auto;}
.c-form .wpcf7 {max-width: 560px; width: 100%;}
.c-form .wpcf7 label {display:block; font-family:var(--font-dmserif); position: relative;}
.c-form .wpcf7 label span {display:block; font-family: var(--font-worksans); margin-top: 5px;}
.c-form input:not(.btn), .c-form optgroup, .c-form select, .c-form textarea {width: 100%; background: transparent; padding: 5px 10px; font-size: 14px; border: 1px solid var(--gray-deep1); outline:0;}
.c-form .btn {display:block; margin: 0 auto; padding: 10px 30px;}
.wpcf7 form.sent .wpcf7-response-output { text-align: center; color: #46b450; }
.contact-radio-wrap {font-family: var(--font-dmserif);}
.contact-radio-wrap .wpcf7-form-control-wrap {font-family: var(--font-worksans); display: block; margin-top: 5px;}
.contact-radio-wrap .wpcf7-list-item {margin-left:0; margin-right: 10px;}  
.contact-radio-wrap .wpcf7-list-item-label {font-family: var(--font-worksans);border: 1px solid rgb(162 163 112);display: inline-block;padding: 10px 14px 10px 16px;background: rgb(194 195 137);color: #000;text-decoration: none;border-radius: 30px;font-weight: 600; margin-left:0; margin-right: 10px; cursor: pointer;}  
.contact-radio-wrap .wpcf7-list-item input:checked + span {background-color: var(--white-deep1);}
.contact-radio-wrap .wpcf7-list-item label input[type="radio"] {display: block;position: absolute;top: -10px; height: 40px;visibility: hidden;}
.contact-radio-wrap .wpcf7-list-item label span {margin: 0;}
.c-form .wpcf7 .wpcf7-acceptance label {display: flex;}
.c-form .wpcf7 .wpcf7-acceptance label * {display: inline; width: auto;}
.c-form .wpcf7 .wpcf7-acceptance label input {margin-top: 5px; margin-right:10px;}



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

@media (min-width: 350px) {
  .padding-container {padding-left: 20px; padding-right: 20px;}
}
@media (min-width: 768px) {
  .img-info br  {display: none;} 

  /* contact */
  .contact-radio-wrap .wpcf7-list-item {margin-right:30px;}
}

@media (min-width: 992px) {
  .hero-bottom ul {flex-wrap: nowrap;}
  .hero-bottom ul {flex-wrap: nowrap;}
   /* Blog */
   .blog-article-top {border-right: 1px solid #4b4b20; padding-right: 20px;}
  
  
}

@media (min-width: 1400px) {
  .footer .list-unstyled li {margin: 30px 0;}
  .container {max-width: 1728px;}
  .hero {background-size: 82%; background-position: 29px bottom; }
  .hero-content .description {margin-bottom: 68px;}
  .hero-content h1 {margin: 30px 0;}

  .padding-container {padding-left: 80px; padding-right: 80px;}
  .profile .row>div, .profile-bot .row>div  {width:30%; margin-right: 5%;}
  .profile .row>div:nth-child(3), .profile-bot .row>div:nth-child(3) {margin-right: 0;}
  .profile, .profile-bot {padding-top: 80px !important;}
  .profile-bot-col {width:max(240px, 60%); margin: 0 auto;}
  .team-desc {padding: 0 10%;}
  footer.footer {padding-bottom: 80px !important; padding-top: 80px !important;}

   /* Manifesto */
   .manifesto-content-inner { bottom: 10%; top: 10%; left: 10%;}
   .manifesto img {height: auto;}
   .bg-padding { padding: 80px;}

    /* Privacy */
   .padding-top-bottm {padding-top:50px; padding-bottom: 50px;}

   /* faq */
   .faq-heading {padding-top: 20px; padding-bottom: 26px;}
   .faq .accordion-button {padding-top: 26px; padding-bottom: 26px;}
   .faq .nav-link {padding-top: 26px; padding-bottom: 26px;}
   .faq { min-height: 700px;}

  /* Blog */
  .blog-grid-top {grid-template-columns: 2fr 500px; gap: 40px;}
  .blog-article-top { padding-right: 40px; }
  .blog .article img { width: 468px; height: 312px; object-fit: cover;}
  .blog-article-top img { height: 480px; }
  .blog .article {padding-bottom: 60px !important;}

  /* Blog Details */
  .blog-grid-top.details { grid-template-columns: 1fr; }
  .blog-grid-top.details .blog-article-top { padding-right:0; border:0;}
  .blog-grid-top.details .blog-article-top img {height:auto;}

    /*Contact */
  .c-form h2 {margin-bottom:40px; }

}

@media (min-width: 1600px) {
  .hero {background-size: 82%; background-position: 29px bottom; }
  .hero-content {margin: 6% 5% 9% 0; }
}


@media (max-width: 1399px) {
  .br-none {display: none;}
}


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

  /* Manin Bannner */
  .hero-bottom ul li { background: rgba(255, 255, 255, 0.6); margin: 10px;flex-basis: 156px; box-shadow: 0 0 5px #ccc;}
  .hero-content {width: 100%;}
  .hero-bottom{align-items: center;}
  .img-info {position: static;}
  .profile-bot-col {text-align: center;}

  /* Dropdown Menu */
   header {position: relative;}
  .navbar {position: static;}
  .navbar-collapse {position: absolute; left: 20px;  right: 20px;  top: 70px;  background: #abab5f;  box-shadow: 0 0 5px #919191; border-radius: 0 0 10px 10px; z-index: 9;}
  .navbar ul li { margin: 0; border-bottom: 1px solid;}
  .navbar ul li a {display: block; padding: 5px 20px;}
  .navbar ul li a:hover {background-color: var(--black-deep1); color: var(--white-deep1);}
  .logo a {position: absolute; top:22px; }
  .members-btn {display: none;}

  /* Manifesto */
  .manifesto-content { top: 10%; right: 10%;  bottom: 10%; left: 10%;  width: auto; }

  /* bLOG */
  .blog-grid-top, .blog .article { grid-template-columns: 1fr;}
  .blog-article-top imgv { height: 360px;}


}

@media (max-width: 767px) {
  .blog .article { grid-template-columns: 1fr; }

}

/* SMALL MOBILE */
@media (max-width: 575px) {
        .hero-bottom ul li {margin: 0 0 inherit 0; flex-basis: 100%; }

        /* Blog */
        .blog-article-top h2 { font-size: 20px;}
        .side-article h3 {font-size: 16px;}
        .blog-meta { display:block;}
        .blog-meta span {display: block;}

        /* Contact */
        .contact-radio-wrap .wpcf7-list-item { margin-bottom:10px;}

}


/* === Investor/Dashboard ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */
.dashboard {background: var(--dash-bg-dark); color: var(--dash-textcolor1); display: flex; min-height: 100vh; padding-left: 0; padding-right: 0;}
.dashboard .border-end, .dashboard .border-bottom, .dashboard.border-bottom {border-color: var(--dash-border) !important;}
/* ========== SIDEBAR ========== */
.dashboard .sidebar { width: 280px; padding: 30px 20px; display: flex; flex-direction: column; gap: 30px; }
.dashboard .dash-profile { text-align: center; }
.dashboard .dash-profile img {width: 150px; aspect-ratio: 1 / 1; border-radius: 50%; margin-bottom: 15px;}
.dashboard .dash-profile h2 {font-size: calc(24px + (32 - 24) * (100vw - 320px) / (1920 - 320)); font-family: var(--font-dmserif);}
.dashboard  .dash-profile p {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320));}
.dashboard .side-bottom h3 {font-size: calc(12px + (20 - 12) * (100vw - 320px) / (1920 - 320)); font-weight: 700; }
.dashboard .side-bottom h3 {font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1920 - 320)); font-weight: 700; }
.dashboard .side-bottom .nav-title {margin-bottom: 36px;}
.dashboard .side-bottom ul {padding: 0;}
.dashboard .side-bottom ul>li {margin-bottom: 26px;}
.dashboard .side-bottom ul>li ul>li {margin-bottom: 0px;}
.dashboard .side-bottom h3 span{ font-weight: 600;}
.dashboard  .sidebar h4 {font-size: 14px; color: var(--muted); margin-bottom: 10px;}
.dashboard  .sidebar ul {list-style: none;}
.dashboard  .sidebar ul li h3 {margin-bottom: 0px;}
.dashboard  .sidebar .arrow svg {rotate: 90deg; fill: var(--dash-textcolor1); width: 20px;  margin-left: 10px; }


/* ========== MAIN ========== */
.dashboard  .main { flex: 1; display: flex; flex-direction: column; }

/* Dashboard header section */
.dash-header-container{ display:flex; align-items:center;  justify-content:space-between;}

/* Left menu */
.dash-nav-menu{ display:flex; gap:32px;}
.dash-nav-menu a{ color:var(--dash-textcolor1); text-decoration:none;}
.dash-nav-menu a:hover {color:var(--accent);}

/* Right icons */
.dash-header-icons{ display:flex; gap:16px;}
.dash-header .icon a {display: block; background-color: var(--accent-dark); width:42px; height:42px; border:1px solid #cfcfcf; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; font-size:14px;}
.dash-header .icon a:hover, .dash-header .icon a.active{ background:var(--accent); border:none; color:black;}

/* Top */
.dashboard .top-bar { display: flex; justify-content: space-between;  align-items: center;  flex-wrap: wrap;}
.dashboard .dash-title h1 {font-family: var(--font-dmserif); font-size: calc(24px + (40 - 24) * (100vw - 320px) / (1920 - 320));}

/* Stats */
.dashboard .stats { display: flex; justify-content: space-between; gap: 20px;}
.dashboard .dash-card { padding: 30px; border-radius: 16px; border: 1px solid var(--dash-border);}
.dashboard .dash-card h3 { font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320)); margin-bottom: 15px; font-weight:700;}
.dashboard .dash-card .value { font-size: calc(22px + (48 - 22) * (100vw - 320px) / (1920 - 320)); font-weight:700; color: var(--accent);}

/* Projects Section */
.dashboard .projects-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.projects-header h2 {font-family: var(--font-dmserif); font-size: calc(22px + (32 - 22) * (100vw - 320px) / (1920 - 320)); letter-spacing: 1px;}
.dashboard .projects-header button { background: transparent; color: var(--dash-textcolor1); border: 1px solid var(--dash-border); text-transform: uppercase; padding-top:12px; padding-bottom:12px;}
.dashboard .btn .arrow svg { fill: var(--dash-textcolor1);}
.dashboard .btn:hover .arrow svg { fill: var(--black-deep1);}
.dashboard .projects-header button:hover {background: var(--accent); color: #000;}

/* Table */
.dashboard .dash-table { width: 100%; border-collapse: collapse;}
.dashboard .dash-table th,
.dashboard .dash-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--dash-border);}
.dashboard .dash-table th { font-weight:600; font-size: 18px;}
.dashboard .dash-table tbody tr:nth-child(odd) {background-color: rgba(101, 102, 84, 1 );}
.dashboard .view-btn {background: transparent;border: 1px solid var(--dash-textcolor1);padding: 8px 15px;border-radius: 15px;color: var(--dash-textcolor1);cursor: pointer;transition: 0.3s;}
.dashboard .view-btn:hover { background: var(--accent); color: #000;}

/* ========== RESPONSIVE ========== */
@media (min-width: 1400px) {
     .dashboard .p-xxl-5 { padding: 40px !important; }
}

@media (min-width: 1100px) {
  .dashboard  .dash-profile .u-name {text-align: left; width: 185px; margin: 0 auto;}
  .dashboard .sidebar {width: 403px; padding: 80px 30px;}
  .dashboard .dash-table th { padding: 34px 38px; font-size: 20px;}
  .dashboard .dash-table td { padding: 24px 38px; font-size: 20px;}
  .dashboard .side-bottom .nav-title {margin-bottom: 64px;}
  .dashboard .side-bottom ul>li {margin-bottom: 64px;}
  .dashboard .side-bottom ul>li ul>li {margin-bottom: 10px;}
  .dashboard .side-bottom .nav-title {margin-bottom: 36px;}
}
  

@media (max-width: 1199px) {
 .dash-header-container{flex-direction:column; gap:15px;  align-items:flex-start; }
}

@media (max-width: 1024px) {
 .dashboard .sidebar {  width: 220px; }
}

@media (max-width: 768px) {
  .dash-nav-menu{ gap:20px; font-size:13px; }
  .dashboard {flex-direction: column;}
  .dashboard .sidebar { width: 100%;  flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
  .dashboard .main {padding: 20px; }
  .dashboard .dash-table thead { display: none;}
  .dashboard .dash-table, .dashboard .dash-table tbody, .dashboard .dash-table tr, .dashboard .dash-table td {display: block; width: 100%; }
  .dashboard .dash-table tr {margin-bottom: 15px; background: var(--bg-card); border-radius: 12px; padding: 15px; border: 1px solid rgba(101, 102, 84, 1 );}
  .dashboard .dash-table td { border: none;  padding: 8px 0; }
  .dashboard .dash-table td::before { content: attr(data-label); font-weight: bold; display: block; color: var(--muted);}
  .dashboard .projects-header {margin-bottom: 20px;}
}

/* === Project Section ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */
.project-sec-bottom {background-color: rgba(101, 102, 84, 1);}
.project-title {font-size: 24px; font-weight: 700;}
.project-sec-bottom .arrow svg {fill: var(--dash-textcolor1); width: 38px; height: auto; rotate: 90deg; }
.project-desc {line-height: 20px;}
.project-sec-bottom .info-list{margin-top:18px}
.project-sec-bottom .info-item{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--dash-border)}
.project-sec-bottom .info-icon{font-size:22px;color:var(--accent);}
.project-sec-bottom .info-label{font-size:14px;color:var(--accent);}
.project-sec-bottom .info-value{color: var(--black-deep1);}
.project-sec-bottom .info-value.active{color: var(--white-deep1);}
.project-sec-bottom .btn {background-color: var(--dash-bg-dark); color: var(--dash-textcolor1); padding: 15px 30px;}
.project-sec-bottom .btn:hover {background-color: var(--accent); color: var(--dash-textcolor1);}



/* === Dashboard Partner ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */

.dashboard.dashboard-partner .side-bottom.partner-middle h3 { font-size:16px;}
.dashboard-partner .sidebar .btn {text-transform: uppercase; font-weight: 700; color:var(--dash-textcolor1); border-color: var(--dash-textcolor1);}
.dashboard-partner .sidebar .btn:hover {background-color:var(--dash-bg-dark);}
.dashboard-partner .view-btn.pending {background-color: var(--pending-btn); color: var(--dash-textcolor1);}
.dashboard-partner .view-btn.completed {background-color: var(--completed-btn); color: var(--dash-textcolor1);}
.dashboard-partner .view-btn.pending:hover, .dashboard-partner .view-btn.completed:hover {background-color: var(--accent); color: var(--dash-bg-dark);}
.tender {border-bottom: 1px solid var(--dash-border);}
.tender h3 {font-size: 20px; letter-spacing: 1px;}
.date-btn-holder p {margin: 0;}
.date-btn-holder .btn {background-color: transparent; border-color: var(--dash-border); color: var(--dash-textcolor1);  white-space: nowrap;}
.date-btn-holder .btn:hover {background-color:var(--accent); color: var(--black-deep1);}
.tender-img {margin-bottom: 10px;;}

@media (min-width: 1400px) {
  .dashboard.dashboard-partner .sidebar {gap: 128px;}
  .dashboard.dashboard-partner .partner-middle h3 span {margin-left: 20px;}
  .dashboard-partner .sidebar .btn {margin-left: 20px; }
}

@media (min-width: 1099px) {
     .dashboard.dashboard-partner .side-bottom.partner-middle li { margin-bottom: 30px;}
     .dashboard.dashboard-partner .side-bottom li { margin-bottom: 40px;}
     .dashboard.dashboard-partner .side-bottom h3 { font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1920 - 320));}
     .dashboard.dashboard-partner .u-name {text-align: center; width: auto; }
}

/* === Dashboard Introducer ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */
.introducer .arrow svg {width:22px; height: auto; fill: var(--dash-textcolor1);}
.introducer .partner-middle .btn.independent, .introducer .btn.pith-decks {background-color: transparent;}
.introducer .partner-middle .btn.independent:hover, .introducer .btn.pith-decks:hover {background-color: var(--accent);}
.introducer .partner-middle .btn {padding: 6px 14px 6px 14px;}
.introducer .btn.pith-decks svg {rotate: 0deg;}

/* === Login Registration ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */
.auth-wrapper .auth-left form {display: flex; flex-direction: column; gap: 40px;}
.auth-left,.auth-right{padding:30px 20px}
.name-row,.user-types{display:flex;gap:20px; flex-wrap: wrap;}
.auth-left{background:#F1F2CE;}
.auth-right{background:#AD6E50; display: flex;  flex-direction: column; justify-content: space-around; gap: 40px;}
.auth-right form {display: flex; flex-direction: column; justify-content: space-between; gap: 209px;}
.auth-left h2,.auth-right h2{font-size: calc(20px + (36 - 20) * (100vw - 320px) / (1920 - 320)); margin-bottom:40px; color: var(--black-deep1); font-family: var(--font-dmserif);}
.auth-wrapper input{width:100%;border:none;border-bottom:1px solid #121211;background:0 0;padding:10px 0 0; background: transparent;  outline: 0;}
.auth-wrapper label:has(input:checked) {background:var(--dash-bg-dark); color: var(--dash-textcolor1); }
/* .auth-wrapper input:focus, .auth-wrapper input:active {background-color: transparent;} */
.user-types{margin:20px 0 0}.error,.success{margin-bottom:15px}
.user-types label{border:1px solid #121211;padding:10px 20px;border-radius:30px;cursor:pointer; align-self: center;}
.auth-wrapper button{padding:16px 30px;border-radius:30px;border:none;background:#8c9b3a;cursor:pointer;font-weight:600; align-self: center;}
.auth-wrapper .user-types label {position: relative;}
.auth-wrapper .user-types label input[type="radio"] {position: absolute; margin: 0; visibility: hidden;     width: auto;}
.error{color:red}.success{color:green}

.auth-right input::placeholder{color: var(--dash-textcolor1);}
.auth-right input:-webkit-autofill{ -webkit-text-fill-color: #D9D9D3 !important;  transition: background-color 5000s ease-in-out 0s;}
.registration input:-webkit-autofill{ -webkit-text-fill-color: #A4A6A1 !important;  transition: background-color 5000s ease-in-out 0s;}

.auth-left input:-webkit-autofill,
.auth-left input:-webkit-autofill:hover,
.auth-left input:-webkit-autofill:focus,
.auth-left input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 1000px #F1F2CE inset !important;
    -webkit-text-fill-color: inherit;
}


.auth-right input:-webkit-autofill,
.auth-right input:-webkit-autofill:hover,
.auth-right input:-webkit-autofill:focus,
.auth-right input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 1000px #AD6E50 inset !important;
    -webkit-text-fill-color: inherit;
}



@media (min-width: 1400px) {
  .auth-left,.auth-right{padding:80px}
   .auth-wrapper{min-height:700px}
   .auth-right form {justify-content: space-between; gap: 209px;}
}

@media (min-width: 1099px) {
    .auth-wrapper{display:flex;min-height:700px}
    .auth-left,.auth-right{width:50%;}
}


/* === Project section accodion ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */
.project-sec-accordion .accordion-body {padding: 0;}
.project-sec-accordion {padding: 0;}
    .project-sec-accordion .accordion-item { background-color: rgba(101, 102, 84, 1); border: none; }
    .project-sec-accordion .accordion-item:nth-child(even) { background: #5b5c46;}
    .project-sec-accordion .accordion-item:nth-child(even) #item2 .project-sec-bottom { background: #5b5c46;}
    .project-sec-accordion .accordion-button {background: transparent; color: #fff; box-shadow: none; font-weight: 600; }
    .project-sec-accordion .accordion-button:not(.collapsed) { background: transparent; color: #fff;}
    .project-sec-accordion .meta {margin-top: 10px;font-weight: 400;display: flex;gap: 20px;}
    .project-sec-accordion .dot { height: 8px; width: 8px; background: #39e646; border-radius: 50%; display: inline-block; margin-right: 5px; }
    .project-sec-accordion .accordion-button::after {background-image: url(../images/arrow-white.svg);background-size: 100%;rotate: 90deg;}
    .project-sec-accordion .accordion-button:not(.collapsed)::after {background-image: url(../images/arrow-white.svg); rotate: 136deg;}


    @media (min-width: 992px) {
      .project-sec-accordion .accordion-button::after {width: 40px;height: 40px;}
    }

    @media (min-width: 768px) {
      .project-sec-accordion .meta {gap: 60px;}
    }

    @media (max-width: 576px) {
      .accordion-button {
        flex-direction: column;
        align-items: flex-start;
      }
      
    }