/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Orbitron:wght@400;500;600;700;800;900&family=Noto+Sans+HK:wght@100..900&display=swap');

/*--------------------------------------------------------------
TranslatePress Language-specific Font Families
--------------------------------------------------------------*/

/* English (en_US) and Traditional Chinese (zh_HK) - Default fonts */
body,
body.translatepress-en_US,
body.translatepress-zh_HK {
  font-family:
    'Chakra Petch', 'Noto Sans HK', 'Heiti TC', 'Microsoft JhengHei',
    'Arial Unicode MS', Arial, sans-serif !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body.translatepress-en_US h1,
body.translatepress-en_US h2,
body.translatepress-en_US h3,
body.translatepress-en_US h4,
body.translatepress-en_US h5,
body.translatepress-en_US h6,
body.translatepress-zh_HK h1,
body.translatepress-zh_HK h2,
body.translatepress-zh_HK h3,
body.translatepress-zh_HK h4,
body.translatepress-zh_HK h5,
body.translatepress-zh_HK h6 {
  font-family:
    Orbitron, 'Noto Sans HK', 'Heiti TC', 'Microsoft JhengHei',
    'Arial Unicode MS', Arial, sans-serif;
}

/* Simplified Chinese (zh_CN) */
body.translatepress-zh_CN {
  font-family:
    'Chakra Petch', 'Microsoft JhengHei', 'Heiti SC', 'Arial Unicode MS',
    'Arial', sans-serif;
}

body.translatepress-zh_CN h1,
body.translatepress-zh_CN h2,
body.translatepress-zh_CN h3,
body.translatepress-zh_CN h4,
body.translatepress-zh_CN h5,
body.translatepress-zh_CN h6 {
  font-family:
    Orbitron, 'Microsoft JhengHei', 'Heiti SC', 'Arial Unicode MS', 'Arial',
    sans-serif;
}

/**
Ui changes of registration form
*/
.trp-ls-shortcode-language,
.trp-ls-shortcode-current-language {
  width: 135px !important;
  padding: 3px 0 !important;
}

.clsinvestor li#members-groups-li {
  display: none !important;
}

.pieregWrapper #pie_register .fields label {
  width: 100%;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 18px !important;
  font-family: 'Microsoft YaHei';
  color: #000;
  margin-bottom: 11px !important;
  margin-top: 0 !important;
}

.pieregWrapper #pie_register .fields label span.piereg_field_required_label {
  color: #e31515;
}

.pieregWrapper #pie_register .fields .input_fields {
  border: 1px solid #e9e9e9;
  border-radius: 25px;
  font-size: 14px;
  color: #000;
  line-height: 19px;
  padding: 14px 21px;
  width: 100%;
  height: auto;
}

.pieregWrapper .pie_next,
.pieregWrapper #pie_register .fields input[type='submit'],
a.red_btn,
#wp-login-submit,
#buddypress form input[type='submit'].red_btn,
input[type='submit'].red_btn {
  border-radius: 25px;
  background: linear-gradient(93.82deg, #f15a2d 0%, #b6004c 100%);
  background: #2d81b3;
  border-color: transparent;
  min-width: 172px;
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Microsoft YaHei';
  color: #fff;
}

a.blue_btn {
  border-radius: 25px;
  background: #2d81b3;
  border-color: transparent;
  min-width: 172px;
  display: block;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Microsoft YaHei';
  color: #fff;
}

.pieregWrapper .pie_next:hover {
  border-color: transparent;
}

.pieregWrapper {
  font-family: 'Microsoft YaHei';
}

.pieregWrapper .pie_prev {
  border-radius: 25px;
  font-weight: 400;
  color: #10004b;
  background: #fff;
  border: 1px solid #e9e9e9;
  min-width: 142px;
  font-family: 'Microsoft YaHei';
  font-size: 16px;
}

.pieregWrapper .pie_prev:hover {
  background: #fff;
  color: #10004b;
  border-color: #e9e9e9;
}

.pieregWrapper .piereg_progressbar,
#piereg_pie_form_desc {
  display: none;
}

.pieregWrapper #pie_register .fields.piereg_li_48 label,
.pieregWrapper #pie_register .fields.piereg_li_50 label,
.pieregWrapper #pie_register .fields.piereg_li_51 label,
.pieregWrapper #pie_register .fields.piereg_li_52 label,
.pieregWrapper #pie_register .fields.piereg_li_53 label,
.pieregWrapper #pie_register .fields.piereg_li_54 label,
.pieregWrapper #pie_register .fields.piereg_li_57 label,
.pieregWrapper #pie_register .fields.piereg_li_74 label {
  font-size: 28px;
  font-weight: 700;
  line-height: 37px;
  color: #10004b;
}

.pieregWrapper #pie_register .fields.piereg_li_48,
.pieregWrapper #pie_register .fields.piereg_li_50,
.pieregWrapper #pie_register .fields.piereg_li_51,
.pieregWrapper #pie_register .fields.piereg_li_52,
.pieregWrapper #pie_register .fields.piereg_li_53,
.pieregWrapper #pie_register .fields.piereg_li_54,
.pieregWrapper #pie_register .fields.piereg_li_57,
.pieregWrapper #pie_register .fields.piereg_li_74 {
  margin-bottom: 0;
}

.pieregWrapper #pie_register .fields.piereg_li_49,
.pieregWrapper #pie_register .fields.piereg_li_62,
.pieregWrapper #pie_register .fields.piereg_li_61,
.pieregWrapper #pie_register .fields.piereg_li_60,
.pieregWrapper #pie_register .fields.piereg_li_59,
.pieregWrapper #pie_register .fields.piereg_li_58,
.pieregWrapper #pie_register .fields.piereg_li_56 {
  margin-top: 0;
}

.pieregWrapper #pie_register .fields.piereg_li_49 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_62 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_61 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_60 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_59 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_58 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_56 .fieldset {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
}

.pieregWrapper #pie_register div.piereg-html-field-content {
  color: #888888;
  font-size: 14px;
  line-height: 19px;
}

.pieregWrapper #pie_register div.piereg-html-field-content p {
  padding: 0;
}

.pieregWrapper .fields .fieldset {
  padding: 9px 10px;
}

.pieregWrapper #pie_register li.fields .sectionBreak {
  border: 1px solid #f2f2f2;
  margin-top: 0;
  padding-top: 0;
}

.pieregWrapper #pie_register .fields .radio_wrap .radio_container {
  width: 100%;
}

.pieregWrapper #pie_register .fields.piereg_li_30 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_76 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_80 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_82 .fieldset,
.pieregWrapper #pie_register .fields.piereg_li_84 .fieldset,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_79 .fieldset,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_78 .fieldset,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_77 .fieldset,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_79
  .fieldset,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_78
  .fieldset,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_77
  .fieldset {
  display: flex;
  align-items: center;
}

.pieregWrapper #pie_register .fields.piereg_li_30 .fieldset label,
.pieregWrapper #pie_register .fields.piereg_li_76 .fieldset label,
.pieregWrapper #pie_register .fields.piereg_li_80 .fieldset label,
.pieregWrapper #pie_register .fields.piereg_li_82 .fieldset label,
.pieregWrapper #pie_register .fields.piereg_li_84 .fieldset label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_79
  .fieldset
  label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_78
  .fieldset
  label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_77
  .fieldset
  label,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_79 .fieldset label,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_78 .fieldset label,
.page-id-336 .pieregWrapper #pie_register .fields.piereg_li_77 .fieldset label {
  width: auto;
  margin-bottom: 0;
  margin-right: 15px;
}

.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_80
  .fieldset
  > label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_79
  .fieldset
  > label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_78
  .fieldset
  > label,
.page-template-registration
  .pieregWrapper
  #pie_register
  .fields.piereg_li_77
  .fieldset
  > label,
.page-id-336
  .pieregWrapper
  #pie_register
  .fields.piereg_li_80
  .fieldset
  > label,
.page-id-336
  .pieregWrapper
  #pie_register
  .fields.piereg_li_79
  .fieldset
  > label,
.page-id-336
  .pieregWrapper
  #pie_register
  .fields.piereg_li_78
  .fieldset
  > label,
.page-id-336
  .pieregWrapper
  #pie_register
  .fields.piereg_li_77
  .fieldset
  > label {
  width: 30%;
}

.pieregWrapper #pie_register .fields .pie_wrap_buttons {
  width: 100%;
  justify-content: space-between;
}

.pieregformWrapper #pie_register_reg_form ul#pie_register {
  padding-top: 0;
}

.page-template-registration .entry-header,
.page-template-registration-investor .entry-header,
.page-template-registration-main .entry-header {
  display: none;
}

.reg_side ul {
  list-style: none;
}

.reg_side ul li {
  display: flex;
  margin-bottom: 30px;
  gap: 13px;
  position: relative;
}

.regsec h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.reg_side li.active path {
  fill: #f15a2d;
}

.reg_side ul li.active h4,
.reg_side ul li.active span {
  color: #f15a2d;
}

.reg_side * {
  font-family: 'Microsoft YaHei';
}

.reg_side ul li span {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.regsec h4 svg {
  margin-left: 6px;
}

.reg_side ul li .edit {
  display: none;
}

.reg_side ul li.active .right {
  display: none;
}

.reg_side ul li.active .edit {
  display: block;
}

.reg_side ul li svg.reg_arr {
  margin-top: 8px;
  width: 22px;
}

.reg_side ul li:before {
  position: absolute;
  height: 48px;
  content: '';
  width: 2px;
  background: #f2f2f2;
  left: 47px;
  top: 29px;
}

.reg_side ul li:after {
  width: 2px;
  position: absolute;
  content: '';
  left: 47px;
  top: 29px;
  background: #f15a2d;
  height: 0;
}

.reg_side ul li.active.he_100:after {
  height: 100%;
}

.reg_side ul li.active.he_50:after {
  height: 50%;
}

.reg_side ul li:last-child:before,
.reg_side ul li:last-child:after {
  display: none;
}

body #main .entry-content .piereg_container .pieregWrapper {
  background: none;
}

#secondary.reg_side {
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: -30px;
}

.page-template-registration .content-area,
.page-template-registration-investor .content-area {
  padding-top: 5px;
  padding-left: 0;
}

.piereg_container {
  /* display: none; */
}

.page-template-registration #secondary {
  /* display: none; */
}

.page-template-registration-main #content {
  background-image: url('../../images/role_banner.png');
  background-size: cover;
}

#startup {
  background-image: url('../../images/startup_bg.png');
  background-size: cover;
  position: relative;
}

#investor {
  background-image: url('../../images/investor_bg.png');
  background-size: cover;
}

#enterprise {
  background-image: url('../../images/enterprize_bg.png');
  background-size: cover;
}

#service_provider {
  background-image: url('../../images/service_provider_bg.png');
  background-size: cover;
}

#accelerator_incubator {
  background-image: url('../../images/accelerator_bg.png');
  background-size: cover;
}

#education_institution {
  background-image: url('../../images/education_bg.png');
  background-size: cover;
}

#pie_register
  .fieldset
  span.show-hide-password-innerbtn.pass-eye-reg_left_label_no_desc,
#pie_register
  .fieldset
  span.show-hide-password-innerbtn.confirm-pass-eye-reg_left_label_no_desc {
  top: 51px !important;
}

.pieregWrapper #pie_register .fields .pie_list img {
  top: 17%;
}

.page-template-registration-main .bb-grid {
  width: 760px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  max-width: 100%;
  padding: 0 20px;
}

.page-template-registration-main .bb-grid * {
  color: #fff;
  font-family: 'Microsoft YaHei';
}

.select_role_screen h2 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
}

.srole_cvr {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 50px;
}

.srole_in {
  width: calc(50% - 15px);
  font-size: 21px;
  line-height: 32px;
  text-align: left;
  /* display: flex; */
  /* align-items: center; */
  /* gap: 20px; */
  /* justify-content: space-between; */
  padding: 44px 30px;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

.select_role_screen {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
}

.srole_inab {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background-image: linear-gradient(90deg, #10004B 0%, rgba(16, 0, 75, 0.5) 100%); */
  background-image: linear-gradient(90deg, #017cba 0%, #003a5d99 55%);
  border-radius: 11px;
  z-index: 1;
}

.srole_inre {
  position: relative;
}

.srole_inre {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 2;
}

a.red_btn,
a.blue_btn {
  padding-top: 8px;
  padding-bottom: 8px;
}

.srole_in.active .srole_inab {
  /* background-image: linear-gradient(90deg, #F15A2D 0%, rgba(241, 90, 45, 1) 100%); */
  background-image: linear-gradient(90deg, #017cba 0%, #003a5d 55%);
}

.srole_in.active img {
  background-color: #fff;
  border-radius: 50%;
}

.page-template-thank-you {
  background-image: url('../../images/role_banner.jpg');
  background-size: contain;
  background-position: 0 -300px;
  background-repeat: no-repeat;
}

body:not(.page-template-page-fullscreen) .site {
  overflow: hidden;
}

li.fields.hide_a {
  display: none !important;
}

li.fields.parent_hide_a {
  display: none !important;
}

.thankyou_cover {
  text-align: center;
  background: #fff;
  padding-bottom: 10vh;
}

.page-template-thank-you .site-content,
.page-template-login .site-content {
  padding: 0;
}

.page-template-thank-you .site-content .container,
.page-template-login .site-content .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  height: 100%;
}

.page-template-thank-you .site-content .container .bb-grid {
  min-height: 88vh;
  display: flex;
  align-items: flex-end;
  /* padding-top: 130px; */
}

.thankyou_cover img {
  margin-top: -60px;
}

.thankyou_cover h2 {
  color: #f15a2d;
  font-family: 'Microsoft YaHei';
  font-size: 32px;
  line-height: 42px;
  margin-top: 30px;
}

.thankyou_cover p {
  max-width: 800px;
  margin: 0 auto;
  color: #000;
}

.pie_profile tr:first-child {
  display: none;
}

.page-template-registration .piereg_li_74,
.page-template-registration-investor .piereg_li_85,
.profile-edit .form_id_1 .piereg_li_74,
.profile-edit .form_id_6 .piereg_li_85 {
  position: absolute !important;
  z-index: 99;
  width: 127px !important;
  margin-top: 29px !important;
}

.page-template-registration .piereg_li_74 label,
.page-template-registration-investor .piereg_li_85 label,
.profile-edit .form_id_1 .piereg_li_74 label,
.profile-edit .form_id_6 .piereg_li_85 label {
  display: none !important;
}

.page-template-registration .piereg_li_74 select,
.page-template-registration-investor .piereg_li_85 select,
.profile-edit .form_id_1 .piereg_li_74 select,
.profile-edit .form_id_6 .piereg_li_85 select {
  width: auto;
  height: auto !important;
  max-width: 100%;
}

.piereg_li_18 input {
  width: calc(100% - 120px) !important;
  margin-left: 120px !important;
}

.login_cover {
  display: flex;
  flex-wrap: wrap;
  min-height: 85vh;
  align-content: stretch;
  align-items: center;
}

.login_left {
  background-image: url('/wp-content/uploads/2025/05/Login2.jpg');
  background-size: cover;
  width: 50%;
  background-position: center bottom;
  height: 100%;
}

.login_right {
  width: 50%;
}

.login_right_in {
  width: 500px;
  margin: 0 auto;
  max-width: 100%;
}

.pieregWrapper.piereg_login_container #pie_register .fields label {
  display: none;
}

.pieregWrapper #piereg_login_form .fields .fieldset {
  padding-left: 0;
  padding-right: 0;
}

.piereg_login_container .piereg_login_wrapper {
  margin-left: 0;
  margin-right: 0;
}

.login_right_in .piereg_container {
  padding: 0;
}

.login_right_in h2 {
  color: #10004b;
  font-size: 24px;
  line-height: 32px;
}

#piereg_login_form li.fields:first-child .fieldset:after,
#piereg_login_form li.fields:nth-child(2) .fieldset:after {
  content: ' ';
  width: 39px;
  height: 26px;
  background-image: url('../../images/email.png');
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 21px;
  border-right: 1px solid #e3e3e3;
  background-repeat: no-repeat;
}

#piereg_login_form li.fields:nth-child(2) .fieldset:after {
  background-image: url('../../images/password.png');
}

#piereg_login_form li.fields:first-child .fieldset input,
#piereg_login_form li.fields:nth-child(2) .fieldset input {
  padding-left: 68px;
}

#pie_register
  .fields
  .fieldset
  span.show-hide-password-innerbtn.pass-eye-login {
  top: 12px !important;
}

#wp-login-submit {
  width: 100% !important;
}

.piereg_login_container .piereg_login_wrapper .piereg_loginform .forgetmenot {
  margin-top: 12px;
}

/* Force a clean checkbox + label row inside the login card, regardless of template classes */
.login_right_in .piereg_login_wrapper .forgetmenot {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

.login_right_in .piereg_login_wrapper .forgetmenot label {
  display: inline-block !important;
  margin: 0 !important;
  cursor: pointer;
}

/* Custom checkbox for Remember Me – ignore global full-width input and pseudo-element */
.login_right_in input[type='checkbox'][name='rememberme'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  position: relative !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #0b3751 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
}

.login_right_in input[type='checkbox'][name='rememberme']::before {
  content: '' !important;
  position: absolute !important;
  top: 10% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 12px !important;
  color: #0b3751 !important;
  pointer-events: none !important;
}

.login_right_in input[type='checkbox'][name='rememberme']:checked::before {
  content: '✔' !important;
}

body .pieregWrapper.piereg_login_container p.submit {
  top: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

body .piereg_login_wrapper p#nav {
  display: inline-flex !important;
  justify-content: space-between;
  padding-left: 0;
  margin-left: 0 !important;
  width: 100% !important;
  flex-direction: row-reverse;
  margin-top: 50px !important;
}

body .piereg_login_wrapper p#nav a:nth-child(2) {
  display: none;
}

body .piereg_login_wrapper p#nav a {
  color: #000;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
}

.buddypress-wrap section legend {
  color: #10004b !important;
  font-family: 'Microsoft YaHei';
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 22px !important;
  padding: 16px 20px;
}

.buddypress-wrap section {
  border: 1px solid #e9e9e9;
  margin-bottom: 18px;
  border-radius: 10px;
}

.buddypress-wrap section.sub_section {
  margin-top: -23px;
  border-radius: 0 0 10px 10px;
  z-index: 2;
  position: relative;
  background: #fff;
  padding-top: 2;
}

.buddypress-wrap section.sub_section legend {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-left: 68px;
}

.buddypress-wrap section .grp_field,
.bp_group .buddypress-wrap .grp_field {
  padding: 0 44px;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  gap: 20px;
  width: 100%;
}

.buddypress-wrap section .grp_field > label,
.bp_group .buddypress-wrap .grp_field > label {
  width: 38%;
  text-align: right;
  margin-bottom: 0 !important;
  font-family: 'Microsoft YaHei';
  font-weight: 400 !important;
}

.buddypress-wrap#buddypress section input,
.buddypress-wrap#buddypress section select {
  border: 1px solid #e9e9e9 !important;
  margin-bottom: 0;
  width: 100% !important;
  border-radius: 25px !important;
  height: 40px !important;
}

.buddypress-wrap#buddypress section textarea {
  border: 1px solid #e9e9e9 !important;
  margin-bottom: 0;
  width: 100% !important;
  border-radius: 25px !important;
  min-height: 100px;
}

.buddypress-wrap#buddypress section .grp_multiselect select {
  height: 100px !important;
}

.buddypress-wrap#buddypress section .grp_multiselect select option {
  white-space: break-spaces;
}

.buddypress-wrap section .grp_field .in_cover,
.bp_group .buddypress-wrap .grp_field .in_cover {
  width: calc(62% - 20px);
}

.add_remove_row {
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.need_clone .add_remove_row {
  background-image: url('../../images/plus.png');
}

.clonned_div .add_remove_row {
  background-image: url('../../images/minus.png');
}

.buddypress-wrap#buddypress section .grp_file input {
  padding: 6px 10px;
}

.repeat_fieldset .remove_team_member,
.repeat_fieldset .remove_kpi,
.repeat_fieldset .remove_project {
  display: none !important;
}

.remove_button {
  margin-right: 44px;
  margin-bottom: 35px;
}

.required_label {
  color: #e31515;
}

.buddypress-wrap section .grp_field > label .desc,
.bp_group .buddypress-wrap .grp_field > label .desc {
  display: flex;
  font-size: 12px;
  font-family: 'Microsoft YaHei';
  padding-top: 5px;
  justify-content: end;
}

.bb-profile-grid .grp_field {
  display: flex;
  gap: 10px;
}

.field_set {
  color: #10004b;
  font-family: 'Microsoft YaHei';
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.in_cover img {
  /* border: 1px solid #ddd; */
  width: auto;
}

.inner_table_row {
  display: flex;
  gap: 7px;
}

.rep_cvr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

.grp_file .rep_cvr {
  flex-direction: column;
  align-items: baseline;
  gap: 0;
  margin-bottom: 10px;
}

.rep_cvr_top {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}

.buddypress-wrap#buddypress section .grp_checkbox input[type='checkbox'] {
  width: 18px !important;
  margin-left: 20px;
  margin-right: 12px;
}

.buddypress-wrap section .grp_field.grp_checkbox > label {
  width: auto;
}

.buddypress-wrap section .grp_field.grp_checkbox {
  justify-items: flex-start;
  gap: 0;
}

.buddypress-wrap#buddypress section select.phone_pre {
  width: 102px !important;
  min-width: 90px !important;
  margin-bottom: 0 !important;
}

.buddypress-wrap#buddypress section input.phone_post {
  width: calc(100% - 107px) !important;
}

.repeated_fieldset {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-top: 1px solid #ccc;
  padding-top: 35px;
}

.inner_table {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  padding: 10px 20px;
  margin-bottom: 10px;
}

img.del_img {
  transform: rotate(45deg);
}

.groups.group-create .buddypress-wrap fieldset.radio.group-status-type {
  display: none;
}

.profile-edit .pie_next,
.profile-edit .pie_prev,
.profile-edit .piereg_cancel_profile_edit_btn,
.page-id-291 .pie_next,
.page-id-291 .pie_prev,
.page-id-291 .piereg_cancel_profile_edit_btn {
  display: none !important;
}

.page-id-291 .piereg_li_ {
  display: block !important;
}

.buddypress-wrap#buddypress section .grp_field > label .desc input {
  width: 25px !important;
  height: 25px !important;
}

.profile-edit ul#pie_register li.fields:not(.pageFields_1):not(.piereg_li_),
.page-id-291 ul#pie_register li.fields:not(.pageFields_1):not(.piereg_li_) {
  display: none !important;
}

#groupbutton-218,
.join-group {
  display: none !important;
}

.item-header-wrap .bp-group-meta span.group-visibility {
  display: none;
}

#groups-list .item-meta.group-details .group-visibility {
  display: none;
}

.bp-group-meta-wrap .bp-group-status + .last-activity:before,
.buddypress-wrap
  ul.bp-list.groups-dir-list
  .list-wrap
  .item-meta-wrap
  .item-meta
  .group-visibility
  + .group-type:before {
  display: none;
}

.piereg_profile_cont .pie_profile tbody tr:nth-child(n + 7) {
  display: none;
}

form#frm_filter_members select {
  max-width: 15.2%;
}

.members-directory-container .grid-filters,
.members-directory-container #members-order-by,
.members-directory-container #members-all .count1 {
  /* display: none; */
}

.members-directory-container #dir-members-search-form,
.members-directory-container .search_grp_lbl {
  /* display: none; */
}

#page .footer-bottom {
  display: none;
}

.wpml-ls-legacy-dropdown {
  width: 145px;
  margin-left: 5px;
}

.met_row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

form.add_meeting_cvr {
  max-width: 600px;
  padding: 20px;
}

form.zoom_meeting_frm {
  max-width: 700px;
}

.zoom_meeting_frm a {
  color: #000;
  text-decoration: underline;
}

.met_row input[type='text'],
.met_row textarea,
.met_row select,
.met_row input[type='datetime-local'] {
  border-radius: 20px;
  border: 1px solid #e9e9e9;
}

.met_row.met_row_2 {
  flex-direction: row;
  gap: 30px;
}

.met_row_in {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.met_row.met_sub_cvr {
  display: flex;
  justify-content: flex-end;
  flex-direction: revert;
}

#buddypress form input[type='submit'].red_btn {
  max-width: 100px;
}

#buddypress form.delete_meeting_cvr input[type='submit'].red_btn {
  max-width: 300px;
  background-color: #d72929;
}

.m_err_msg {
  color: #ff0000db;
  margin-bottom: 15px;
}

.m_suc_msg {
  margin-bottom: 15px;
  color: #22bd22;
}

.met_row_in note {
  font-size: 13px;
}

#members-personal {
  /* display: none; */
}

table tr:last-child th {
  border-bottom: 1px solid #d6d9dd;
}

.meetings #TB_window #TB_ajaxContent {
  max-height: 650px;
}

.meetings #TB_window #TB_title {
  border: none;
}

.meetings #TB_window {
  top: 55%;
}

.list-title.member-name span,
.list-title.groups-title span,
.bp-search-item_group .groups-title span {
  color: #fff;
  background: #2d81b3;
  border-radius: 25px;
  padding: 6px 10px !important;
  margin-left: 9px;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
}

.list-title.groups-title > a,
.list-title.member-name > a {
  display: inline-block;
  width: auto !important;
}

.toolbar {
  margin-bottom: 10px;
}

.toolbar-item a {
  background-color: #fff;
  border: 1px solid #c0c0c0;
  color: #333;
  padding: 8px 0px;
  width: 80px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.toolbar-item a.selected-button {
  background-color: #f3f3f3;
  color: #000;
}

/* context menu icons */

.icon:before {
  position: absolute;
  margin-left: 0px;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  content: '';
}

.icon-blue:before {
  background-color: #3d85c6;
}

.icon-green:before {
  background-color: #6aa84f;
}

.icon-orange:before {
  background-color: #e69138;
}

.icon-red:before {
  background-color: #cc4125;
}

/* active areas */

.area-menu-icon {
  background-color: #333333;
  box-sizing: border-box;
  border-radius: 10px;
  opacity: 0.7;
  color: white;
  display: flex;
  justify-content: center;
  font-size: 14px;
}

.calendar_default_main table {
  margin-bottom: 0;
  padding-bottom: 0;
}

.calendar_default_main table tr:last-child td:last-child {
  padding: 0;
}

.calendar_cvr {
  flex-grow: 1;
  margin-left: 10px;
}

.calendar_default_event_inner {
  border-left-width: 8px !important;
  color: #000 !important;
  font-weight: bold;
}

.calendar_cvr table td > div {
  margin-right: 0 !important;
}

.page-template-thank-you.bb-buddypanel.sticky-header .site-header,
.page-template-login.bb-buddypanel.sticky-header .site-header {
  width: 100%;
}

.page-template-thank-you.bb-buddypanel .site,
.page-template-login.bb-buddypanel .site {
  margin-left: 0;
}

.page-template-thank-you.bb-buddypanel .buddypanel,
.page-template-login.bb-buddypanel .buddypanel {
  display: none;
}

.pieregWrapper #pie_register .fields.parent_checkbox_l {
  padding-top: 0;
  padding-bottom: 0;
  /* margin-bottom: 0; */
  margin-top: 0;
}

.pieregWrapper .fields.parent_checkbox_l .fieldset {
  padding-top: 0;
  padding-bottom: 0;
}

.pieregWrapper #pie_register .fields.parent_checkbox_l label {
  margin-bottom: 0;
}

.social_links {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  gap: 10px;
}

.social_links img {
  width: 32px;
  height: 32px;
  background: #666;
  border-radius: 50%;
}

.footer_left a,
.footer_left {
  color: #444;
  font-size: 11px;
  line-height: 1.4;
  text-decoration: none;
}

.bb-footer .widget li {
  margin-bottom: 3px;
}

.bb-footer .widget {
  padding: 0px !important;
}

.footer_left a.f_head {
  font-weight: 600;
  padding-bottom: 4px;
  display: inline-block;
}

.footer_right {
  text-align: right;
}

.footer_right .investhk {
  max-width: 200px;
}

.bp-messages a {
  color: #5a5a5a;
}

#export-personal-li {
  display: none !important;
}

.piereg_li_40 label,
.piereg_li_90 label,
.piereg_li_83 label {
  /* z-index: 9999; */
}

.piereg_li_40 input,
.piereg_li_90 input,
.piereg_li_83 input {
  width: 25px !important;
}

.piereg_li_40 label a,
.piereg_li_90 label a,
.piereg_li_83 label a {
  text-decoration: underline;
}

#settings-form #email {
  /* pointer-events: none !important; */
}

.pro_tt {
  margin-bottom: 10px;
  font-weight: 500;
}

.me_checkbox_cvr {
  display: flex;
  flex-direction: column;
}

.connections_ind,
.connections_ind1,
.selected_conn {
  display: none;
}

.pieregWrapper #pie_register li.fields .desc {
  float: left;
  padding-left: 0;
}

.list-title.groups-title .grp_span {
  margin-top: 5px;
  width: 100%;
}

.list-title.groups-title .grp_span span {
  margin-left: 0 !important;
}

.groups-title .member-area-cs-img {
  display: inline-block;
  max-width: 45px;
  margin-left: 10px;
  margin-bottom: 5px;
}

.company_role p {
  background-color: #0873aa;
  color: #fff;
  width: auto;
  border-radius: 30px;
  float: left;
  padding: 1px 15px;
  font-size: 14px;
}

.list-title.groups-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100% !important;
}

.activity-inner a,
.activity-meta a {
  color: #0070c0;
}

.bp-search-ac .bboss_ajax_search_member .item-title span,
.bp-search-results-list .item-title span {
  display: none;
}

label.search_grp_lbl {
  margin-right: 10px;
  margin-bottom: 0;
  font-size: 15px;
}

.dir-search {
  display: flex;
  margin-bottom: 15px !important;
}

#profile-personal-li,
#wp-admin-bar-my-account-settings-profile {
  display: none;
}

.page-template-registration-investor .parent_select_company,
.page-template-registration .parent_select_company {
  display: none;
}

.profile-edit .piereg-profile-logout-url {
  display: none;
}

.site-header .site-header-container.flex {
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}

.header-aside-cover {
  display: flex;
  align-items: center;
}

.gleif-check-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #ccc !important;
  color: #666 !important;
  border: none;
  pointer-events: none;
}

@media only screen and (max-width: 1440px) {
  body #main .entry-content .piereg_container {
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  #secondary.reg_side {
    padding-bottom: 0;
    margin-bottom: -30px;
  }
  .page-template-registration .content-area,
  .page-template-registration-investor .content-area {
    padding-left: 0;
  }
  #secondary.reg_side {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .srole_in {
    width: 100%;
  }
  .select_role_screen h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
  }
  .buddypress-wrap section .grp_field,
  .bp_group .buddypress-wrap .grp_field {
    flex-direction: column;
  }
  .buddypress-wrap section .grp_field > label,
  .bp_group .buddypress-wrap .grp_field > label {
    width: 100%;
    text-align: left;
  }
  .buddypress-wrap section .grp_field .in_cover,
  .bp_group .buddypress-wrap .grp_field .in_cover {
    width: 100%;
  }
  .buddypress-wrap section .grp_field.grp_checkbox,
  .bp_group .buddypress-wrap .grp_field.grp_checkbox {
    flex-direction: row;
  }
  table.me_table {
    display: block;
    overflow-x: scroll;
  }
  .header-aside-inner {
    flex-wrap: wrap;
  }
  .wpml-ls-legacy-dropdown .wpml-ls-flag {
    display: none;
  }
  .site-branding {
    max-width: 50px;
    padding-right: 5px;
  }

  .bb-header-buttons .button.link {
    padding-left: 0;
    padding-left: 0;
  }
  .header-aside .button.signup {
    padding: 0 5px;
  }
  .login_left {
    width: 100%;
    max-height: 50%;
    margin-top: -100px;
    display: none;
  }
  .login_right {
    width: 100%;
  }
  .login_cover {
    padding: 20px !important;
    min-height: 0vh;
  }
  /* .social_links {
        justify-content: flex-start;
    } */
  .footer_right {
    text-align: left;
  }
}

a.red_btn_t {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
}

.thickbox_a_outer {
  width: 95%;
  display: flex;
  justify-content: end;
  margin: 15px;
}

.met_data_popup {
  padding: 10px;
  color: #000;
  font-family: Microsoft YaHei;
}

.pmet_title {
  background: rgb(244, 190, 169);
  border-left: 8px solid rgb(210, 156, 135);
  padding: 6px 6px 6px 10px;
  font-weight: bold;
  margin-bottom: 12px;
}

.pmet_title.blue_c {
  background: rgb(169, 212, 243);
  border-color: rgb(135, 178, 209);
}

a.pmet_join {
  background: #10004b;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px;
  margin-top: 12px;
}

.pmet_date,
.pmet_attend {
  display: flex;
  align-items: center;
  line-height: 1.8;
}

.pmet_date img,
.pmet_attend img {
  margin-right: 7px;
}

.meet_sta_warn {
  color: #aa2020;
  margin: 10px 0;
}

.gft_filters,
.gft_opt_in {
  display: none;
}

.buddypress-wrap select {
  width: 120px;
  padding-right: 30px;
  margin-bottom: 10px;
}

.gft_search {
  gap: 15px;
}

#gft_search_form:hover {
  border: none;
}

#gft_filter_btn,
.gft_reset_btn,
#non_gft_filter_btn {
  margin-bottom: 11px;
}

.champion_view,
.fintech_view {
  display: none;
  margin-top: 20px !important;
}

.gft_filters.gft_extra_class label {
  width: 90% !important;
  line-height: 20px !important;
  text-align: left !important;
}

.gft_no_classes .gft_companies_class {
  display: none;
}

.gft_filters label {
  line-height: 1.2 !important;
}

.ngft_class .comments-area {
  display: none;
}

.buddypress-wrap .bp-pagination {
  z-index: 1;
}

.component-navigation.search-nav .pages,
.component-navigation.search-nav .cpt-badge,
.results-group-pages,
.results-group-cpt-badge {
  display: none;
}

#non_gft_filter_btn,
#non_gft_reset_btn {
  margin-top: 0;
}

#group-create-body .hide_from_create {
  display: none;
}

.gft_filters.gft_badges {
  display: none !important;
}

@media screen and (max-width: 1200px) {
  .page-template-thank-you {
    background-position: 0 50px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 830px) and (max-width: 1199px) {
  .page-template-thank-you {
    background-position: 0 0px;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 750px) and (max-width: 1050px) {
  .page-template-thank-you .site-content .container .bb-grid {
    min-height: 83vh;
  }
}

@media screen and (max-width: 749px) {
  .thankyou_cover img {
    width: 15%;
  }
  .page-template-thank-you .site-content .container .bb-grid {
    min-height: 76vh;
  }
}

@media screen and (max-width: 480px) {
  .piereg_login_container .piereg_login_wrapper .piereg_resetpassform label {
    width: 100%;
  }
  .piereg_resetpassform
    .field
    span.show-hide-password-innerbtn.pass-eye-forgot-pass {
    top: 51px !important;
  }
  #pie_register
    .fieldset
    span.show-hide-password-innerbtn.confirm-pass-eye-reg_left_label_no_desc,
  #pie_register
    .fieldset
    span.show-hide-password-innerbtn.pass-eye-reg_left_label_no_desc {
    right: 5%;
  }
}

@media screen and (max-width: 799px) {
  .site-branding {
    max-width: 140px;
  }
}

.piereg_resetpassform
  .field
  span.show-hide-password-innerbtn.pass-eye-forgot-pass {
  top: 25px;
}

.gft-img-container {
  display: flex;
  width: 100%;
}

.member-area-cs-img-2 {
  width: 40px;
  align-self: center;
}

.seperate-gft {
  background-color: silver;
  margin: 0px 8px;
  width: 1px;
  height: 32px;
  align-self: center;
}

.seperate-gft.small {
  height: 25px;
}

.btn-show-more-gft {
  cursor: pointer;
  align-self: center;
  margin-left: 9px;
}

/* The Modal (background) */

#modal-gft.modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Header */

#modal-gft .modal-header {
  padding: 2px 16px;
}

/* Modal Body */

#modal-gft .modal-body {
  padding: 2px 16px;
  max-height: 270px;
  overflow-y: auto;
}

/* Modal Footer */

#modal-gft .modal-footer {
  padding: 2px 16px;
}

/* Modal Content */

#modal-gft .modal-content {
  position: absolute;
  background-color: #fefefe;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #888;
  width: 20%;
  min-width: 350px;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* The Close Button */

#modal-gft .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#modal-gft .close:hover,
#modal-gft .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.mb-1 {
  margin-bottom: 1em;
}

.mr-1 {
  margin-right: 1em;
}

.item-self-center {
  align-self: center;
}

/* .select2-container-multi .select2-choices {
    height: 41px !important;
    margin-bottom: 10px !important;
    border: 1px solid var(--bb-content-border-color) !important;
    border-radius: var(--bb-input-radius);
}

.select2-container-multi .select2-choices input,
.select2-container-multi .select2-choices input[type=text]:focus {
    border: none !important;
    box-shadow: none !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    line-height: 26px !important;
}

.select2-container-multi .select2-search-choice-close {
    top: 9px;
} */

.gft-title {
  max-width: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.justify-content-start {
  justify-content: start;
}

.gft-container,
.gft-container-item {
  display: flex;
}

.gft-container {
  flex-wrap: wrap;
}

.gft-container-item {
  margin-bottom: 10px;
}

.groups-search .select2-search__field,
.groups-search .select2-search--inline {
  width: 80px !important;
  outline: none !important;
}

.groups-search .select2-selection--multiple {
  border: 1px solid var(--bb-content-border-color) !important;
  height: 40px !important;
  margin-bottom: 10px;
  overflow-y: auto;
}

.groups-search .select2-selection__rendered {
  padding: 0px !important;
}

.groups-search .select2-search__field {
  border: none !important;
  margin-top: 0px !important;
  height: 40px !important;
  outline: none !important;
}

.select2-container--open .select2-dropdown {
  top: 22px;
}

#groups-list.bp-list:not(.grid) .item-entry .item .group-item-wrap {
  flex: 0 0 calc(100% - 500px);
}

#groups-list.bp-list:not(.grid) .item-entry .item .gft-img-container {
  width: auto;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-right: 10px;
}

#groups-list.bp-list:not(.grid) .item-entry .item .company_role p {
  margin-bottom: 0px !important;
  margin-right: 10px;
}

#groups-list.bp-list:not(.grid) .item-entry .item .company_role {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#page .footer-widget-area {
  padding-top: 0px !important;
}

@media screen and (max-width: 1000px) {
  #groups-list.bp-list:not(.grid) .item-entry .item .gft-img-container {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 543px) {
  .bb-footer .widget p {
    justify-content: center !important;
  }
  .bb-footer .widget .social_links {
    justify-content: center !important;
  }
}

/* Ensure header is visible on all pages (mobile only) */
@media (max-width: 768px) {
  body #masthead,
  body .site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    height: 64px;
    background: var(--dark-blue, #002647);
    transform: none !important;
    z-index: 1000;
  }

  body .site-header-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    height: 64px;
    box-sizing: border-box;
    column-gap: 8px;
  }

  /* Hide BuddyBoss sidebar toggle on mobile */
  body .site-header-container .bb-toggle-panel {
    display: none !important;
  }

  body {
    padding-top: 64px !important;
  }

  /* Language switcher – compact on mobile */
  .trp-ls-shortcode-language,
  .trp-ls-shortcode-current-language {
    width: auto !important;
    min-width: 0 !important;
    padding: 2px 4px !important;
    font-size: 12px !important;
  }

  /* TranslatePress – target actual DOM: .trp-language-switcher, .trp-current-language-item__wrapper */
  .header-aside-cover .trp-language-switcher {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important; /* anchor for dropdown */
  }

  .header-aside-cover .trp-current-language-item__wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    min-width: 48px !important;
    width: auto !important;
    max-width: none !important; /* allow EN to fit */
    height: 28px !important;
    min-height: 28px !important;
    line-height: 1 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
  }

  .header-aside-cover .trp-language-item__current,
  .header-aside-cover .trp-current-language-item__wrapper .trp-language-item {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important; /* keep EN on one line */
  }

  .header-aside-cover .trp-shortcode-arrow {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
  }

  /* Dropdown opens downward, not sideways */
  .header-aside-cover .trp-switcher-dropdown-list {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 4px !important;
    min-width: 120px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    z-index: 1001 !important;
    padding: 4px 0 !important;
  }

  .header-aside-cover .trp-switcher-dropdown-list .trp-language-item {
    display: block !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
    text-align: left !important;
  }

  /* Legacy: if plugin uses .trp-shortcode-switcher__wrapper */
  .header-aside-cover .trp-shortcode-switcher__wrapper > a,
  .header-aside-cover .trp-shortcode-switcher__wrapper > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 6px !important;
    font-size: 12px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
  }

  .header-aside-cover .trp-shortcode-switcher__wrapper img {
    width: 14px !important;
    height: 14px !important;
    object-fit: contain !important;
  }

  /* Logged-in header layout – keep everything on one line */
  .site-header .site-header-container.flex {
    column-gap: 12px;
  }

  #site-logo {
    flex: 1 1 auto;
    min-width: 0;
  }

  #site-logo img {
    max-width: 120px;
    height: auto;
  }

  .header-aside-cover {
    flex: 0 0 auto;
    align-self: center;
  }

  .header-aside-inner {
    display: flex;
    align-items: center;
    gap: 8px !important;
  }

  /* Center translation dropdown vertically (both possible wrapper classes) */
  .header-aside-cover .trp-shortcode-switcher__wrapper {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
  }

  /* Keep top bar compact on mobile; show full name inside opened dropdown */
  .header-aside-inner .user-wrap > .user-link .user-name,
  .header-aside-inner .user-wrap > .user-link .bb-icon-angle-down {
    display: none !important;
  }

  .header-aside-inner .user-wrap .sub-menu .user-name {
    display: inline !important;
  }

  .header-aside-inner .user-wrap .sub-menu .user-link > span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    gap: 2px;
  }

  .header-aside-inner .user-wrap .sub-menu .user-link .user-name,
  .header-aside-inner .user-wrap .sub-menu .user-link .user-mention {
    display: block !important;
  }

  .header-aside-inner .user-wrap .user-link {
    display: flex;
    align-items: center;
    gap: 8px;
  }
}

/* Desktop & larger: add space between avatar and username in header user section */
.header-aside-inner .user-wrap .user-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 479px) {
  .bb-footer .widget {
    margin-bottom: 30px !important;
  }
  .piereg_li_74 {
    bottom: 260px !important;
  }
}

@media (max-width: 980px) {
  .piereg_li_74 {
    bottom: 255px;
    left: 20px;
  }
}

/* point reward css */

.new-entry-tempelate {
  background: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.new-entry-tempelate .form-group {
  display: flex;
  flex-direction: column;
  row-gap: 0px;
  margin-bottom: 20px;
}

.new-entry-tempelate .form-group label {
  /* border-bottom: 1px solid #D6D9DD; */
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.new-entry-tempelate .form-group span {
  font-size: 14px;
  font-weight: 400;
}

.new-entry-tempelate form .form-group:nth-last-child(2) label {
  border-bottom: unset;
}

.new-entry-tempelate .form-group .upload-box {
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  padding: 50px 0px;
}

.new-entry-tempelate .form-group .dollar-input-container {
  display: flex;
}

.new-entry-tempelate .form-group .dollar-input-container .currency-label {
  border: 1px solid #d6d9dd;
  background: #f3f3f3;
  padding: 6px 12px;
  color: #555;
  font-size: 14px;
  white-space: nowrap;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.new-entry-tempelate .form-group .dollar-input-container input {
  width: 100%;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

.new-entry-tempelate form .form-group:last-child input {
  width: fit-content;
  margin-left: auto;
  padding: 0px 45px;
}

/*ESG template*/

.esg-title {
  display: flex;
  justify-content: space-between;
}

.esg-title h1 {
  color: #1e2132;
  font-size: 40px;
  margin-bottom: 5px;
}

.esg-title button {
  background: #147d64;
  height: fit-content;
}

.esg-counter {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.esg-counter .esg-single-counter {
  width: 30%;
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.esg-counter .esg-single-counter .esg-counter-content {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  color: #1e2132;
}

.esg-counter .esg-single-counter .esg-counter-content span {
  font-size: 48px;
  font-weight: bold;
  padding: 15px 0px;
}

.esg-counter .esg-single-counter .esg-counter-icon svg {
  height: 50px;
  width: 50px;
  color: #f99300;
}

/* General Styles esg table*/

.esg-custom-form-container {
  /*max-width: 1000px;*/
  margin: auto;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}

.esg-custom-form-container .table-header {
  display: flex;
  justify-content: space-between;
}

.esg-custom-form-container .table-header button {
  background: #147d64;
  border: unset;
}

/* Search Bar */

.esg-custom-form-container .search-sec {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
}

.esg-custom-form-container .search-sec form {
  display: flex;
}

.esg-custom-form-container .table-header-text {
  font-size: 20px;
  color: #1e2132;
  font-weight: bold;
}

.esg-custom-form-container .styled-table {
  border: unset;
}

.esg-custom-form-container table th {
  border: unset;
}

.esg-custom-form-container table tr:last-child th {
  border-bottom: unset;
}

.esg-custom-form-container table td {
  border: unset;
}

.esg-custom-form-container table tbody tr td:first-child {
  font-weight: 600;
}

/* Table Styles */

.styled-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  margin-top: 10px;
}

.styled-table th,
.styled-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.styled-table th {
  background: #f9f9f9;
}

/* Section Type Badge */

.esg-custom-form-container .badge {
  display: inline-block;
  padding: 6px 15px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
}

.esg-custom-form-container .badge-green {
  color: #067d3f;
  /* Dark Green Text */
  background: #e8f7ec;
  /* Light Green Background */
  border: 2px solid #a3d9b1;
  /* Light Green Border */
}

.esg-custom-form-container .badge-pink {
  color: #c55ac5;
  /* Purple Text */
  background: #fdeefd;
  /* Light Purple Background */
  border: 2px solid #e8b3e8;
  /* Soft Purple Border */
}

.esg-custom-form-container .badge-yellow {
  color: #ffc107;
  background: #fff8e1;
  /* Light Purple Background */
  border: 2px solid #ffdd80;
  /* Soft Purple Border */
}

/* File Link */

.esg-custom-form-container .file-link {
  color: #007bff;
  font-weight: bold;
}

/* Actions */

.esg-custom-form-container .actions button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin: 0 5px;
}

.esg-custom-form-container .edit {
  color: #4caf50;
  padding: unset;
}

.esg-custom-form-container .delete {
  color: #e91e63;
  padding: unset;
}

.esg-charts .esg-chart {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
}

#esg-entry-table_wrapper {
  display: flex;
  flex-wrap: wrap;
}

#esg-entry-table_wrapper .esg-table-header {
  font-size: 20px;
  color: #1e2132;
  width: 20%;
  font-weight: 600;
}

#esg-entry-table_wrapper div:nth-child(2) {
  display: flex;
  width: 65%;
  justify-content: end;
  padding-right: 20px;
}

#esg-entry-table_wrapper .dt-search label {
  margin-right: 10px;
}

#esg-entry-table_wrapper div:nth-child(2) .dt-layout-start {
  display: none;
}

#esg-entry-table_wrapper .esg-create-task {
  height: fit-content;
}

#esg-entry-table_wrapper .dt-layout-table {
  margin-top: 25px;
  width: 100%;
}

#esg-entry-table_wrapper div:nth-child(5) {
  width: 100%;
  margin-top: 20px;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}

.circular-progress {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: conic-gradient(#f99300 0%, #e0e0e0 0%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-circle {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
}

.percentage {
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  color: #f99300;
  display: none;
}

.circular-progress svg {
  position: absolute;
  font-size: 30px;
  /* color: #007bff; */
  opacity: 1;
  /* Hide the icon initially */
  transition: opacity 0.3s ease;
}

/*aside.buddypanel{*/

/*    background: linear-gradient(90deg, #147D64 0%, #0A5956 100%);*/

/*}*/

/*.buddypanel .panel-head{*/

/*    background: linear-gradient(90deg, #147D64 0%, #0A5956 100%);*/

/*}*/

/*aside.buddypanel .side-panel-menu a{*/

/*    background: linear-gradient(90deg, #147D64 0%, #0A5956 100%);*/

/*}*/

/*aside.buddypanel .side-panel-menu a:hover{*/

/*     background: linear-gradient(90deg, #18A378 0%, #0D776D 100%) !important;*/

/*}*/

/*.esg-custom-form-container */

/* Company Role css */

.single-company_role article {
  background: #fff;
  border: 1px solid #d6d9dd;
  border-radius: 4px;
  max-width: 960px;
  margin: 50px auto;
  padding: 50px 100px;
}

.single-company_role article .company-role-title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}

.single-company_role article form ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.single-company_role article form ul li {
  display: flex;
  flex-direction: column;
}

.single-company_role article form ul label {
  font-size: 15px;
  font-weight: 400;
  color: #1e2132;
  letter-spacing: -0.24px;
  line-height: 1;
  margin: 0 0 8px;
  cursor: pointer;
}

.single-company_role article form ul input {
  width: 100%;
}

.single-company_role article form button {
  float: right;
  margin-bottom: 40px;
}

/* company role main page */

.company-role-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
}

.company-role {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.company-role:hover {
  transform: translateY(-5px);
}

.company-role img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.company-role h2 {
  font-size: 20px;
  margin: 10px 0;
  color: white;
}

.company-role p {
  color: white;
}

.company-role a {
  text-decoration: none;
  color: #333;
}

.company-role .company-link {
  color: white;
  padding: 7px 25px;
  border: 1px solid white;
  border-radius: 20px;
  width: fit-content;
}

@media (max-width: 768px) {
  .company-role-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

/*
* Custonmization
* CSS overwrite for menu, header, footer and page background color
* Program - Listing page
* Program - Task detail page
* Program - Task entry form page
*/

/*Program - Task entry form page*/

.task-entry-page {
  margin-top: 48px;
  padding-bottom: 50px;
}

/* body.logged-in.bp-nouveau .container {
    max-width: 100%;
    position: relative;
    z-index: 1;
} */

body.logged-in.bp-nouveau:not(.page-template-landing-page) .container {
  max-width: 100%;
  position: relative;
  z-index: 1;
}

.side-panel-menu .bs-submenu-toggle {
  padding-right: 40px;
}

.side-panel-menu li {
  min-height: 63px;
}

.side-panel-menu a {
  padding: 20px 0;
}

.sticky-header .site-content {
  background: #f8f9fb;
  position: relative;
}

/* .sticky-header.page-template-page-program-template .site-content {
    background: linear-gradient(to right, rgba(227, 147, 158, 1), rgba(235, 235, 167, 1));
    position: relative;
} */

.sticky-header.page-template-page-program-template .site-content::before {
  content: '';
  background-image: url('./../image/Lines-bg.png');
  /* background-position: center;
    background-size: cover; */
  background-repeat: repeat;
  transition: 300ms ease-in;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  /* opacity: 0.4; */
  opacity: 0.08;
}

/* Program - Listing page starts */

/* SECTION PROGRAM LISTING PAGE HEADING CONTENT */

.header-texts {
  position: relative;
  margin-top: 48px;
}

.header-texts h1 {
  font-size: 44px;
  font-weight: 700;
  padding-bottom: 8px;
}

.header-texts p {
  color: rgba(30, 33, 50, 0.8);
  font-size: 16px;
  font-weight: 400;
  width: 52%;
}

/* SECTION PROGRAM FILTER  */

.program-filter-wrap {
  position: relative;
  z-index: 20;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.program-filter-item {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.program-filter-item > a {
  border: 1px solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  text-decoration: none;
  color: rgba(30, 33, 50, 1);
  font-weight: 600;
  padding-right: 20px;
}

.program-filter-item a:last-child {
  border: 0px;
}

.program-filter-item a.active {
  text-decoration: underline;
}

.program-filter-search {
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
}

.program-filter-search > input {
  border: none;
  margin-right: 5px;
  padding: 5px 4px 5px 4px;
  background-color: #ffffff80;
  color: rgba(30, 33, 50, 1);
}

.program-filter-search > input::placeholder {
  color: rgba(30, 33, 50, 1);
}

.program-filter-search > button {
  padding: 5px 4px 5px 4px;
  border: none;
  background-color: #1e2132;
  border-radius: 5px;
  color: #ffffff;
  font-size: 11px;
}

.program-item-hidden {
  display: none;
}

/* Program - Task detail page */

/* SECTION PROGRAM LISTING ITEM  */

.program-item-containers {
  position: relative;
  z-index: 20;
  margin-top: 32px;
  margin-bottom: 32px;
}

.program-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.program-item-inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 277px;
  border-radius: 32px;
  background-color: rgba(20, 141, 32, 1);
}

.program-item-inner .bg-1 {
  position: absolute;
  width: 226px;
  height: 226.00009155273438px;
  top: 58px;
  left: -13px;
  z-index: 19;
}

.program-item-inner .bg-2 {
  position: absolute;
  width: 99.00000000000031px;
  height: 99.00003814697268px;
  z-index: 19;
  top: 0px;
  right: 0px;
}

.program-item-inner .img-wrap {
  height: 222px;
  width: 170px;
}

.program-item-inner .img-wrap img {
  position: absolute;
  z-index: 19;
  top: 87px;
  right: 14.1px;
  height: 222px;
  width: 170px;
  object-fit: contain;
}

.program-item-text {
  width: 47%;
  position: relative;
  margin-top: 31.5px;
  margin-left: 32px;
  z-index: 20;
}

.program-item-text h1 a {
  font-size: 32px;
  color: rgba(255, 255, 255, 1);
  font-weight: 700;
  margin-bottom: 8px;
}

.program-item-text p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 24px;
}

.program-item-text .button {
  color: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 12px;
  background-color: rgba(30, 33, 50, 1);
  padding: 12px 25px 12px 25px;
  transition: 0.3s ease-in;
}

.program-item-text .button:hover {
  color: rgba(255, 255, 255, 1);
  border: none;
  border-radius: 12px;
  background-color: rgba(30, 33, 50, 1);
  padding: 12px 25px 12px 25px;
  transform: scaleX(1.05) scaleY(1.05);
}

.program-activity .content-container {
  overflow: clip;
  position: relative;
  z-index: 10;
  width: 100%;
  height: fit-content;
  margin-top: 48px;
  overflow-x: auto;
}

/* SECTION - PAGE .BANNER - TASK DETAIL PAGE */

.page-banner .content-box {
  display: flex;
  overflow-y: clip;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 186px;
  background: rgba(20, 141, 32, 1);
  z-index: 9;
  border-radius: 32px;
}

.page-banner .content-dots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('../image/dots.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-banner .content-box .content-text {
  position: relative;
  z-index: 7;
  display: flex;
  flex-direction: column;
  padding-left: 40px;
  align-items: flex-start;
  text-align: left;
  width: 585px;
  color: #fff;
}

.page-banner .content-box .content-text .program-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
}

.page-banner .content-text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.page-banner .img-wrap {
  position: absolute;
  top: 14.86px;
  right: 13.96px;
  z-index: 100;
}

.page-banner .img-wrap img {
  /* width: 450px; */
  height: 240px;
}

/* SECTION ENROLLMENT CONTENT */

.enroll-content-container {
  position: relative;
  overflow-x: auto;
  z-index: 20;
  margin-bottom: 89px;
  margin-top: 24px;
  border-radius: 32px;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background-color: rgb(249, 240, 235);
  backdrop-filter: blur(4px);
  padding: 10px;
}

.enrollment-content-wrap {
  padding: 50px 30px 50px 30px;
}

/* SECTION ACHIEVEMENT  */

.achievments-container {
  position: relative;
  /* z-index: 20; */
  width: 100%;
  /* height: fit-content; */
  margin-top: 24px;
}

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

.achievment-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 32px;
  /* gap: 2rem; */
  width: 32%;
  height: 160px;
  border: 1px solid #fff;
}

.achievment-item .icon-wrap {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius: 9999px;
  background-color: #ffffff;
  display: block;
  margin-right: 24px;
}

.achievment-item .icon-wrap img {
  height: 48px;
  width: 48px;
}

.achievment-item .text-container {
  display: flex;
  flex-direction: column;
  color: #1e2132;
  border-left: 1px solid #fff;
  padding-left: 24px;
}

.achievment-item .text-container .p1 {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}

.achievment-item .text-container .p2 {
  font-weight: 400;
  font-size: 12px;
  color: rgba(30, 33, 50, 0.75);
  line-height: 1;
}

.achievment-item .text-container .num {
  font-weight: 600;
  font-size: 56px;
  line-height: 56px;
  margin: 8px 0 12px 0;
}

.achievment-item .days-remain {
  display: flex;
  align-items: baseline;
}

.achievment-item .days-remain span {
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -1px;
}

/* SECTION CHART  */

.chart-container {
  position: relative;
  /* z-index: 20; */
  height: fit-content;
  width: 100%;
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  gap: 20px;
}

.chart-container .chart-1 {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  /* Equivalent to bg-[#FFFFFF80]/50 */
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 19px;
  padding-bottom: 19px;
  border: 1px solid #ffffff;
  border-radius: 32px;
  grid-column: span 2;
  /* Equivalent to col-span-2 */
  backdrop-filter: blur(10px);
  /* Equivalent to backdrop-blur-md */
  position: relative;
  z-index: 40;
}

.chart-container .chart-heading {
  display: flex;
  justify-content: space-between;
}

.chart-container .chart-heading h2 {
  font-size: 24px;
  font-weight: 700;
}

.chart-container .buttons {
  display: flex;
  gap: 0.5rem;
}

/* background-color: var(--bb-primary-button-background-regular); */

/* color: var(--bb-primary-button-text-regular); */

/* background-color: var(--bb-primary-button-background-hover); */

/* color: var(--bb-primary-button-text-hover); */

.chart-container .buttons span {
  border-radius: 12px;
  border: 1px solid var(--bb-secondary-button-border-regular);
  background-color: var(--bb-secondary-button-background-regular);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
  cursor: pointer;
  color: var(--bb-secondary-button-text-regular);
  line-height: 1;
  height: 40px;
  text-align: center;
  display: block;
  padding: 13px 27px;
}

.chart-container .buttons span.active {
  background-color: var(--bb-primary-button-background-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
  color: var(--bb-primary-button-text-regular);
}

#spinner {
  height: 100px;
  width: 100px;
}

.chart-container .buttons:focus {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
}

.chart-container .chart-2 {
  position: relative;
  z-index: 40;
  height: 100%;
  width: 100%;
  border-radius: 32px;
  background-color: rgb(255, 255, 255, 0.5);
  border: 1px solid #ffffff;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 19px;
  padding-bottom: 19px;
  backdrop-filter: blur(12px);
}

.chart-container .chart-heading {
  padding-bottom: 2.5rem;
  font-size: 24px;
  font-weight: 600;
}

/* SECTION TABLE */

.main-table-container.task-table {
  position: relative;
  overflow-x: auto;
  /* z-index: 20; */
  margin-bottom: 50px;
  margin-top: 24px;
  border-radius: 32px;
  border: 1px solid #fff;
  background-color: rgb(249, 240, 235);
  backdrop-filter: blur(4px);
}

.main-table-container.task-table .content-container {
  margin-top: 0;
  padding: 16px 24px;
}

.task-table .table-top {
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.task-table .table-top p {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: #1e2132;
}

.task-table .table-top-items {
  display: flex;
  justify-content: space-evenly;
  gap: 0.5rem;
}

.task-table .table-top-items .search-box {
  position: relative;
}

.task-table .table-top-items .search-box i {
  position: absolute;
  left: 13px;
  top: 50%;
  font-size: 25px;
  color: rgba(30, 33, 50, 0.65);
  transform: translateY(-50%);
}

.task-table .table-top-items .search-box input {
  height: 44px;
  width: 300px;
  border-radius: 12px;
  border: 1px solid #fff;
  background-color: rgb(255, 255, 255, 0.65);
  padding-left: 48px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(30, 33, 50, 0.65);
}

.task-table .table-top-items .search-box input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: rgba(30, 33, 50, 0.65);
}

.task-table .table-top-items .button1 {
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  border: none;
  color: #1e2132;
  text-align: center;
  padding: 8px 26px;
}

.task-table .table-top-items .filter-btn-wrap .filter-close {
  display: none;
}

.task-table .table-top-items .filter-btn-wrap.active .filter-close {
  display: block;
}

.task-table .table-top-items .filter-btn-wrap {
  display: flex;
  border-radius: 12px;
  padding: 0px 15px 0 20px;
  background: #fff;
}

.task-table .table-top-items .filter-btn-wrap button {
  background-color: rgb(255, 255, 255);
  border: none;
  border-radius: 0;
  padding: 0;
}

.task-table .table-top-items .filter-btn-wrap .button2 {
  color: #1e2132;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 14px;
}

.task-table .table-top-items .filter-btn-wrap .button2 i {
  font-size: 22px;
}

.task-table .table-top-items .filter-btn-wrap .filter-close {
  border-left: 1px solid rgba(30, 33, 50, 0.3);
  padding-left: 10px;
}

.task-table .table-top-items .filter-btn-wrap .filter-close i {
  font-size: 24px;
  color: #565965;
}

/* .task-table .table-top-items .button2 {
    border-radius: 12px;
    background-color: rgb(255, 255, 255);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-weight: 700;
    border: none;
} */

.task-table .table-top-items .button3 {
  border-radius: 12px;
  background-color: var(--bb-primary-button-background-regular);
  font-size: 14px;
  font-weight: 700;
  color: var(--bb-primary-button-text-regular);
  border: none;
  padding: 8px 33px;
}

.task-table .table-top-items .button3:hover {
  background-color: var(--bb-primary-button-background-hover);
  color: var(--bb-primary-button-text-hover);
}

.task-table .filters {
  display: none;
}

.task-table .filters.open {
  background-color: white;
  display: block;
  padding: 20px;
  position: absolute;
  height: fit-content;
  top: 70px;
  right: 200px;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 4px 6px -1px rgb(0, 0, 0, 0.1),
    0 2px 4px -2px rgb(0, 0, 0, 0.1);
  border-radius: 0.375rem;
  transition: all 300ms ease-in-out;
}

.task-table .main-table {
  overflow-x: auto;
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  font-size: 11px;
  font-weight: 600;
  color: #1e2132bf;
}

.task-table .main-table thead {
  background-color: rgba(255, 255, 255, 0.4) !important;
  text-align: left !important;
  border: none;
}

.task-table .main-table thead th span {
  font-weight: 600;
  font-size: 14px;
  padding: 0.25rem;
  text-transform: uppercase;
  display: flex;
  justify-content: left;
  align-items: start;
  text-align: left;
}

.task-table .main-table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-width: 1px;
  border-style: none;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: rgb(30, 33, 50);
}

.task-table .main-table tbody tr td {
  padding: 1.5rem;
  font-size: 14px !important;
  border: 0;
}

.task-table .last-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task-table .last-data span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.task-table .main-table tr .last-data span span {
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  background-color: rgb(255, 255, 255);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.task-table .main-table tr .last-data span button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.task-table .table-footer {
  position: absolute;
  padding-left: 20px;
  padding-right: 14px;
  padding-top: 20px;
  bottom: 18px;
}

.task-table .footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task-table .page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.task-table .page p {
  font-size: 14px;
  font-weight: 400;
  color: rgb(30, 33, 50, 0.8);
}

.task-table .page select {
  border-radius: 0.375rem;
  border: none;
  background-color: rgb(255, 255, 255);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.task-table .pagination {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.5rem;
}

.task-table .pagination button {
  border-radius: 0.375rem;
  border: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  color: rgba(30, 33, 50, 0.75);
}

.task-table .pagination button:hover {
  background-color: rgb(20, 125, 100);
  color: rgba(255, 255, 255, 1);
}

.task-table .table-filter {
  display: none;
  align-items: center;
  background-color: rgba(249, 240, 235, 1);
  /* height: 0px; */
  /* overflow: hidden; */
  transition: 0.3s ease-in;
  margin: 0;
}

.task-table .table-filter.show {
  display: flex;
  /* height: 150px !important; */
  /* overflow: visible !important; */
}

.table-filter .filter-item {
  width: 100%;
  border: 1px solid #fff;
  padding: 10px;
  /* border-radius: 5px; */
  display: flex;
  /* gap: 10px; */
  flex-direction: column;
  /* height: 96px; */
  font-weight: 400;
}

.table-filter .filter-item label {
  font-size: 12px;
  color: rgba(30, 33, 50, 0.75);
  line-height: 1;
  margin-bottom: 8px;
}

.table-filter .employee {
  /* padding-left: 24px; */
}

.table-filter .section {
  padding-right: 20px;
}

.table-filter .dropdown-wrap select {
  padding: 10px 4px 10px 4px;
  border: none;
  border-radius: 5px;
  font-weight: 400;
}

.table-filter .mult-select-tag .body,
.table-filter .simple-dropdown select {
  min-width: 5rem !important;
  border-radius: 8px;
  border: 1px solid rgba(30, 33, 50, 0.5);
}

.table-filter .mult-select-tag .btn-container {
  border: none;
}

.table-filter .mult-select-tag .btn-container svg {
  color: #1e2132;
}

.table-filter .submitbutton {
  display: flex;
  justify-content: flex-end;
  justify-items: flex-end;
}

.table-filter .submitbutton > button {
  padding: 5px 10px 5px 10px;
  border: none;
  background-color: #147d64;
  color: white;
  border-radius: 5px;
}

.table-filter .pointrange .point-range-wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
}

.table-filter .pointrange .point-range-wrap span {
  font-size: 12px;
  color: rgba(30, 33, 50, 0.75);
}

.table-filter .pointrange .input-point {
  padding: 10px 45px 10px 10px;
  font-size: 14px;
  border-radius: 8px;
  color: #1e2132;
}

.table-filter .pointrange .input-point-wrap {
  position: relative;
  max-width: 45%;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(30, 33, 50, 0.5);
  background-color: #f3f4f6;
  padding: 0;
  height: 39px;
}

.table-filter .pointrange .input-point-wrap:before,
.input-point-wrap:after {
  font-family: boxicons !important;
  width: 35%;
  height: 50%;
  text-align: center;
  line-height: 1;
  color: rgba(30, 33, 50, 0.8);
  background-color: #f3f4f6;
  position: absolute;
  font-size: 20px;
  pointer-events: none;
}

.table-filter .pointrange .input-point-wrap:before {
  top: 0px;
  right: 0px;
  content: '\ea57';
  border-radius: 0 8px 0 0;
}

.table-filter .pointrange .input-point-wrap:after {
  bottom: 0px;
  right: 0px;
  content: '\ea4a';
  border-radius: 0 0 8px 0;
}

.table-filter .pointrange .input-point-wrap .input-point {
  box-sizing: border-box;
  display: block;
  border: none;
  width: 100%;
  height: 37px;
  -webkit-appearance: none;
}

.table-filter .pointrange .input-point-wrap .input-point:focus {
  outline: none;
}

.table-filter
  .pointrange
  .input-point-wrap
  .input-point::-webkit-inner-spin-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: scale(5);
  transform-origin: right center;
  opacity: 0;
  cursor: pointer;
  background-color: blue;
}

.table-filter
  .pointrange
  .input-point-wrap
  .input-point::-webkit-contacts-auto-fill-button {
  opacity: 0;
}

.table-filter #date-filter {
  height: auto;
  padding: 0 15px;
  font-size: 14px;
  color: #1e2132;
  width: 100%;
  border: 0;
  vertical-align: unset;
}

.table-filter .date-range .date-input-wrap {
  border-radius: 8px;
  border: 1px solid rgba(30, 33, 50, 0.5);
  padding: 5px 1px;
  background-color: #fff;
  position: relative;
}

.table-filter .date-range .date-input-wrap i {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #1e2132;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  border-bottom: 0;
}

.task-table tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.5);
  /* Light gray for even rows */
}

.task-table tbody tr:nth-child(odd) {
  background-color: transparent;
  /* White for odd rows */
}

.task-table .table-container .dt-container .dt-layout-row:first-child {
  display: none;
}

.task-table .table-container .dt-container .dt-layout-row {
  margin-top: 0;
}

.task-table .dt-paging {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 10px;
  margin-bottom: 20px;
}

.task-table .dt-paging nav button {
  border-radius: 0.375rem !important;
  border: none !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-weight: 600;
}

.task-table .dt-paging-button:hover {
  background-color: rgb(20, 125, 100) !important;
  color: rgba(255, 255, 255, 1) !important;
}

.task-table .dt-paging-button.current {
  background-color: rgb(20, 125, 100) !important;
  color: rgba(255, 255, 255, 1) !important;
}

.task-table div.dt-container .dt-paging .dt-paging-button.current,
.task-table div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: white !important;
}

.task-table
  .table-container
  .dt-container
  .dt-layout-row:nth-child(3)
  .dt-layout-start {
  display: none;
}

.task-table
  .table-container
  .dt-container
  .dt-layout-row:nth-child(3)
  .dt-layout-end {
  width: 100%;
  justify-content: space-between;
}

.task-table
  .table-container
  .dt-container
  .dt-layout-row:nth-child(3)
  .dt-layout-end
  .dt-paging {
  order: 2;
  margin: 0;
  padding-right: 40px;
}

.task-table
  .table-container
  .dt-container
  .dt-layout-row:nth-child(3)
  .dt-layout-end
  .dt-length
  select {
  padding: 8px 12px;
  width: 72px;
  height: 40px;
  background-color: #f9fafb;
  border-radius: 8px;
  border: 1px solid #d6d9dd;
  margin-left: 20px;
}

.program-activity.expired .last-data .edit-wrap,
.program-activity.expired .last-data .delete-wrap {
  display: none;
}

/* SECTION - MODAL - to show void message  */

.modal.void-message-content.open {
  visibility: visible !important;
  transform: translate(-50%, -50%);
}

.modal.void-message-content {
  position: fixed;
  background-color: white;
  height: auto;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 700;
  transition: 0.3s ease-in-out;
  box-shadow:
    0 0 #0000,
    0 0 #0000,
    0 20px 25px -5px rgb(0, 0, 0, 0.1),
    0 8px 10px -6px rgb(0, 0, 0, 0.1);
}

.modal.void-message-content .closeicon {
  cursor: pointer;
  position: relative;
  font-size: 40px;
}

.modal.void-message-content .closeicon i {
  position: absolute;
  right: -15px;
  top: -15px;
  background-color: #fff;
  border-radius: 50%;
}

.modal.void-message-content .contents {
  padding: 20px;
}

body.overlay-active::before {
  content: '';
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 650;
}

body.bp-search.overlay-active .buddypanel {
  z-index: 0;
}

body.bp-search.overlay-active .site-header {
  z-index: 99;
}

/* AJAX LOADER */

#ajax-loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#ajax-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

/* .program-activity .overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.program-activity .overlay.active {
    opacity: 1;
    visibility: visible;
} */

@media screen and (min-width: 800px) {
  .buddypanel-open:not(.register) .buddypanel {
    width: 300px;
  }
  .buddypanel-open:not(.register) .site {
    margin-left: 300px;
  }
  .bb-buddypanel.buddypanel-open.sticky-header .site-header {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
  }
}

@media (min-width: 2100px) {
  .page-banner .content-box {
    height: 250px;
  }
  .page-banner .content-text {
    width: 45%;
  }
  .page-banner .content-text h1 {
    font-size: 3rem;
  }
  .page-banner .img-wrap img {
    height: 250px;
    width: 200px;
  }
  .page-banner .img-wrap {
    right: 100px;
  }
  .achievments {
    justify-content: space-evenly;
  }
  .achievment-item {
    justify-content: center;
    width: 25%;
  }
}

.is-hidden {
  display: none;
}

@media (max-width: 1280px) {
  .page-banner .content-text {
    width: 70%;
  }
  .page-banner .img-wrap {
    right: 50px;
  }
  .achievment-item {
    gap: 1rem;
    padding-right: 10px;
    padding-left: 10px;
  }
  .achievment-item .text-container h1 {
    font-size: 40px;
  }
  .achievment-item .text-container .p2 {
    font-size: 9px;
  }
  .chart-container .chart-heading {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .chart-container .buttons span {
    padding-left: 0.4rem;
  }
}

@media (max-width: 1024px) {
  .program-item {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .program-activity .content-container {
    margin-top: 20px;
  }
  .page-banner .content-text {
    padding-left: 20px;
    width: 100%;
    align-items: center;
  }
  .page-banner .content-text h1 {
    font-size: 3rem;
  }
  .page-banner .content-text p {
    font-weight: 200;
    font-size: 15px;
    text-align: center;
  }
  .page-banner .img-wrap {
    display: none;
  }
  .achievments-container {
    display: flex;
    flex-direction: column;
  }
  .achievments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
  .achievment-item {
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .chart-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .chart-container .chart-heading {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .program-filter-wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .page-banner .content-text h1 {
    font-size: 25px;
  }
  .page-banner .content-text p {
    font-size: 12px;
  }
  .page-banner .content-text {
    padding: 10px;
  }
  .achievments {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .chart-container .chart-1 {
    width: 100%;
    height: 100%;
  }
  .chart-container .chart-2 {
    width: 100%;
    height: 100%;
  }
  .task-table .table-top-items {
    flex-direction: column-reverse;
  }
}

/* language switcher css */

.buddyboss-language-switcher .custom-lang-dropdown {
  position: relative;
  display: inline-block;
}

.buddyboss-language-switcher .dropdown-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px 15px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
  width: 200px;
}

.buddyboss-language-switcher .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 200px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.buddyboss-language-switcher .dropdown-content a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}

.buddyboss-language-switcher .dropdown-content a:hover {
  background-color: #ddd;
}

.buddyboss-language-switcher .dropdown-btn:hover + .dropdown-content,
.buddyboss-language-switcher .dropdown-content:hover {
  display: block;
}

.buddyboss-language-switcher li a:hover {
  background: #eee;
}

.buddyboss-language-switcher .lang-flag {
  width: 20px;
  margin-right: 8px;
  vertical-align: middle;
}

/* new login and signup design */

.login_cover .pmpro .pmpro_card_content {
  z-index: 1;
}

.login_cover .pmpro .pmpro_card_actions {
  z-index: 1;
}

.register .register-page #signup-form {
  background-color: var(--pmpro--color--base);
  border: 1px solid var(--pmpro--color--border--variation);
  border-radius: var(--pmpro--base--border-radius);
  box-shadow: var(--pmpro--box-shadow);
  display: flex;
  flex-direction: column;
  margin: var(--pmpro--base--spacing--medium) 0;
  overflow: hidden;
  padding: 30px !important;
}

/* offline payment form */

.offline-payment-form {
  max-width: 400px;
  margin: auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #f9f9f9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.form-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.form-check {
  flex-direction: row;
}

.offline-payment-form .form-group {
  margin-bottom: 15px;
}

.file-upload-box {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  background: #fff;
  transition: 0.3s;
}

.file-upload-box:hover {
  border-color: #007bff;
}

.upload-btn {
  color: #007bff;
  font-weight: bold;
  cursor: pointer;
}

#filePreview {
  margin-top: 10px;
}

/* Updated: Nov 25, 2025 - Modified by: riteshkc - Hero Banner CTA Button Styling */
/* Higher specificity to override style.css */
.hero-singlefeature .text-content .btn-primary,
.hero-singlefeature .hero-content .text-content .btn-primary {
  background: #ffffff !important;
  color: #1e3a8a !important;
  border: none !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

.hero-singlefeature .text-content .btn-primary:hover,
.hero-singlefeature .hero-content .text-content .btn-primary:hover {
  background: #f8fafc !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-2px) !important;
  color: #1e3a8a !important;
}

.hero-singlefeature .text-content .btn-primary:active,
.hero-singlefeature .hero-content .text-content .btn-primary:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Icon support for hero banner buttons */
.hero-singlefeature .text-content .btn-primary::before,
.hero-singlefeature .hero-content .text-content .btn-primary::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%231e3a8a" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

/* Generic btn-primary for other sections */
.btn-primary {
  background: #ffffff;
  color: #1e3a8a;
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Membership Shop Styles */

.membership-shop-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px;
  z-index: 1;
}

.membership-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 20px;
  transition: transform 0.3s ease;
}

.membership-item:hover {
  transform: translateY(-5px);
}

.membership-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.membership-title {
  font-size: 20px;
  margin: 15px 0;
  color: #333;
}

.membership-description p {
  margin: 5px;
  text-align: left;
}

.membership-price {
  font-size: 18px;
  font-weight: bold;
  color: #5046e5;
}

.buy-membership-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background: #5046e5;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.buy-membership-btn:hover {
  background: #5046e5;
}

aside.buddypanel {
  background: linear-gradient(90deg, #005e8f 8%, #9058e8 95%);
}

aside.buddypanel .panel-head {
  background: linear-gradient(90deg, #005e8f 8%, #9058e8 95%);
}

aside.buddypanel .side-panel-menu a {
  background: linear-gradient(90deg, #005e8f 8%, #9058e8 95%);
}

.daterangepicker {
  right: 440px !important;
}
/*12-02-2025 - code commented by anuj */
/*#loginform .login-submit::after {*/
/*    content: 'or';*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    margin: auto;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    font-size: 16px;*/
/*    padding: 10px 0px;*/
/*}*/

/* Landing Page Header Layout - Center the menu */
/* 11/25/2025 - Added by ritesh */
@media screen and (min-width: 992px) {
  .page-template-landing-page .header-wrap,
  .page-template-membership-shop .header-wrap {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 1.5vw, 20px);
    width: 100%;
  }

  .page-template-landing-page .site-header-container,
  .page-template-membership-shop .site-header-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 1.5vw, 20px);
    width: 100%;
  }

  .page-template-landing-page .site-logo,
  .page-template-membership-shop .site-logo {
    flex: 0 0 auto;
  }

  .page-template-landing-page .menu-wrap,
  .page-template-membership-shop .menu-wrap {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    max-width: 100%;
  }

  .page-template-landing-page #site-navigation,
  .page-template-membership-shop #site-navigation {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .page-template-landing-page #primary-navbar,
  .page-template-membership-shop #primary-navbar {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  #primary-navbar .landing-nav {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: center;
  }

  #primary-navbar .landing-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
  }

  #primary-navbar .landing-nav li a {
    font-size: 16px;
    /* 11/25/2025 - Added by ritesh */
    position: relative;
    padding-bottom: 5px;
  }

  /* 11/25/2025 - Added by ritesh */
  /* Active/Current menu item bottom border */
  #primary-navbar .landing-nav li.current-menu-item > a::after,
  #primary-navbar .landing-nav li.current_page_item > a::after,
  #primary-navbar .landing-nav li.current-menu-ancestor > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--bb-primary-button-background-regular, #5046e5);
    border-radius: 2px;
  }

  .page-template-landing-page .header-aside-cover,
  .page-template-membership-shop .header-aside-cover {
    flex: 0 0 auto;
  }

  .page-template-landing-page .header-aside-inner,
  .page-template-membership-shop .header-aside-inner {
    display: flex;
    align-items: center;
    gap: clamp(8px, 1vw, 15px);
  }
}

/* Web3 initiatives: use tablet/desktop nav from 769px up */
@media screen and (min-width: 769px) {
  .page-template-tp-web3-initiatives #site-navigation,
  .page-template-page-template-tp-web3-initiatives-php #site-navigation,
  .page-template-page-templatetp-web3-initiatives-php #site-navigation,
  .page-id-4982 #site-navigation {
    display: flex;
    justify-content: center;
    width: auto;
  }

  .page-template-tp-web3-initiatives #primary-navbar,
  .page-template-page-template-tp-web3-initiatives-php #primary-navbar,
  .page-template-page-templatetp-web3-initiatives-php #primary-navbar,
  .page-id-4982 #primary-navbar {
    display: flex;
    justify-content: center;
    width: auto;
  }

  .page-template-tp-web3-initiatives #primary-navbar .landing-nav,
  .page-template-page-template-tp-web3-initiatives-php
    #primary-navbar
    .landing-nav,
  .page-template-page-templatetp-web3-initiatives-php
    #primary-navbar
    .landing-nav,
  .page-id-4982 #primary-navbar .landing-nav {
    margin-left: 0;
    margin-right: 0;
    display: flex !important;
    justify-content: center;
  }

  .page-template-tp-web3-initiatives #primary-navbar .landing-nav ul,
  .page-template-page-template-tp-web3-initiatives-php
    #primary-navbar
    .landing-nav
    ul,
  .page-template-page-templatetp-web3-initiatives-php
    #primary-navbar
    .landing-nav
    ul,
  .page-id-4982 #primary-navbar .landing-nav ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap !important;
    overflow: visible;
  }
}

/* Web3 page – prevent nav from colliding with logo when logged in */
@media screen and (min-width: 769px) {
  /* Remove left sidebar toggle to free horizontal space */
  .page-id-4982 .site-header-container .bb-toggle-panel {
    display: none !important;
  }

  /* Keep a clear visual gap between logo and nav */
  .page-id-4982 #site-logo {
    margin-right: 24px;
  }

  .page-id-4982 #site-navigation {
    margin-left: 0;
  }

  /* Ensure header aside (language + user) doesn't grow too wide */
  .page-id-4982 .header-aside-cover {
    max-width: 260px;
    overflow: hidden;
  }

  .page-id-4982 .header-aside-inner {
    gap: 8px;
    flex-wrap: nowrap;
  }
}

@media (min-width: 1024px) and (max-width: 1400px) {
  .achievment-item .text-container .num {
    font-size: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .achievment-item .text-container .num {
    font-size: 26px;
  }
}

body.register .register-section-logo {
  display: none;
}

body.register .type-bp_register {
  max-width: 60%;
}

@media screen and (min-width: 55em) {
  body.buddypress.register article.bp_register {
    max-width: 60%;
  }
  body.register .buddypress-wrap {
    max-width: 100%;
  }
  body.register #page #primary .entry-header {
    max-width: 100%;
  }
  body.register #page #primary #signup-form .default-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.register #page #primary #signup-form .default-profile .signup_email {
    width: 100%;
  }
  body.register #page #primary #signup-form .default-profile .signup_password {
    width: 100%;
  }
  body.register #page #primary #signup-form .extended-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.register #page #primary #signup-form .extended-profile .field_nickname {
    width: 100%;
  }
  body.register
    #page
    #primary
    #signup-form
    .extended-profile
    .field_first-name {
    width: 47%;
  }
  body.register #page #primary #signup-form .extended-profile .field_last-name {
    width: 47%;
  }
}

body.register #page #primary .entry-header span a {
  background-color: var(--bb-primary-button-background-regular);
  color: var(--bb-primary-button-text-regular);
  border: 1px solid var(--bb-primary-button-border-regular);
  padding: 10px 15px;
  border-radius: 8px;
  margin-left: 10px;
}
/*CSS for fixing-login-section*/
.page-template-login .login_left {
  width: 60% !important;
}
.page-template-login .login_right {
  width: 40% !important;
}

.dokan-dash-sidebar {
  display: none;
}

/* 07-11-2025 (start) style added by anuj*/
.footer__links .link-column ul li a {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: #999;
}

.footer__links .link-column .social-icons a {
  color: #999;
}

.footer__links .link-column ul li a:hover {
  color: #fff;
}
/* 07-11-2025 (end) style added by anuj */

/** CSS Code saroj. 2025-10-09 **/
.hero .hero-content .image-content img {
  border-radius: 5px;
}
.hero .hero-content .text-content h1 {
  font-size: 2.2rem;
}
.hero .hero-content .text-content p {
  font-size: 22px;
}
@media (min-width: 1200px) {
  .hero .hero-content.container {
    max-width: 1200px;
  }
  .splide__pagination__page {
    height: 8px;
    width: 8px;
    bottom: -3rem !important;
  }
}
@media (max-width: 900px) {
  .hero .hero-content .text-content h1 {
    font-size: 1.2rem;
  }
  .hero .hero-content .text-content p {
    font-size: 16px;
  }
  .splide__pagination__page {
    height: 6px;
    width: 6px;
    bottom: -3rem !important;
  }
  .hero .hero-content .image-content img {
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .hero .hero-content .text-content p,
  .hero .hero-content .text-content h1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/** CSS Code Saroj end **/

/* ===================================================================
   Hero Banner Block Styles - Updated: Nov 25, 2025 - Modified by: riteshkc
   Higher specificity to override existing styles from style.css
   =================================================================== */

.hero-singlefeature .hero-text-wrapper {
  max-width: 100% !important;
  position: relative;
  z-index: 2; /* Ensure text content is above the overlay */
}

/* Section Tag - Updated: Nov 25, 2025 - Modified by: riteshkc - Glassmorphism Effect */
.hero-singlefeature .hero-text-wrapper .hero-section-tag {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important; /* Semi-transparent white */
  backdrop-filter: blur(10px) !important; /* Blur effect for glass look */
  -webkit-backdrop-filter: blur(10px) !important; /* Safari support */
  border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Subtle white border */
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 1.5rem !important; /* Pill shape */
  margin-bottom: 1rem !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s ease !important;
}

/* bolt icon */
.bolt-icon::before {
  content: '⚡';
  font-size: 1rem;
  display: inline-block;
}

/* Hover effect */
.hero-singlefeature .hero-text-wrapper .hero-section-tag:hover {
  background: rgba(
    255,
    255,
    255,
    0.25
  ) !important; /* Slightly more opaque on hover */
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.15),
    0 2px 4px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-1px) !important;
}

/* Main Heading */
.hero-singlefeature .hero-text-wrapper .hero-heading {
  color: #ffffff !important;
  font-size: 3rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  margin-bottom: 1.5rem !important;
  /*max-width: 590px !important;*/
  /*03-09-2026 - code commented by anuj*/
}

.hero-singlefeature .hero-text-wrapper .hero-heading span {
  color: #ffffff !important;
}

@media (min-width: 1024px) {
  .hero-singlefeature .hero-text-wrapper .hero-heading {
    font-size: 2.75rem !important;
  }
}

/* Subheading */
.hero-singlefeature .hero-text-wrapper .hero-subheading {
  color: #ffffff !important;
  font-size: 1.625rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin: 1rem 0 !important;
}

@media (min-width: 1024px) {
  .hero-singlefeature .hero-text-wrapper .hero-subheading {
    font-size: 1.275rem !important;
  }
}

/* Text Content */
.hero-singlefeature .hero-text-wrapper .hero-text-content {
  color: #ffffff !important;
  font-size: 1.125rem !important;
  margin: 1rem 0 !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

@media (min-width: 1024px) {
  .hero-singlefeature .hero-text-wrapper .hero-text-content {
    font-size: 1.25rem !important;
  }
}

.hero-content > .hero-text-wrapper > p {
  font-size: 1rem !important;
  font-weight: 400 !important;
  max-width: 590px !important;
}

/* CTA Buttons */
.hero-singlefeature .hero-text-wrapper .btn-primary {
  background: #ffffff !important;
  color: #1e3a8a !important;
  padding: 0.75rem 1.5rem !important;
  border-radius: 1.875rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  margin-right: 0.5rem !important;
  border: none !important;
  text-decoration: none !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.hero-singlefeature .hero-text-wrapper .btn-primary:hover {
  background: #f9fafb !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-2px) !important;
}

.hero-singlefeature .hero-text-wrapper .btn-primary:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Image Content */
.hero-singlefeature .image-content {
  width: 100%;
  max-width: 512px;
  position: relative;
  z-index: 2; /* Ensure image is above the overlay */
}

.hero-singlefeature .image-content img {
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Container Layout - Updated: Nov 25, 2025 - Modified by: riteshkc - Added bluish overlay */
.hero-singlefeature {
  padding: 4rem 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Bluish overlay effect */
.hero-singlefeature::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(30, 58, 138, 0.85) 0%,
    rgba(37, 99, 235, 0.75) 50%,
    rgba(59, 130, 246, 0.7) 100%
  );
  z-index: 0;
  pointer-events: none;
}

.hero-singlefeature .hero-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  z-index: 1; /* Ensure content is above the overlay */
}

/* Reverse layout variant - 11/26/2025 - riteshkc */
.hero-singlefeature.reverse-col::before {
  background: linear-gradient(
    135deg,
    rgba(176, 0, 76, 0.9) 0%,
    rgba(209, 34, 75, 0.85) 35%,
    rgba(241, 90, 45, 0.8) 100%
  );
}

.hero-singlefeature.reverse-col .hero-content {
  justify-content: flex-end;
}

.hero-singlefeature.reverse-col .hero-text-wrapper {
  margin-left: auto;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.hero-singlefeature.reverse-col .hero-text-wrapper .hero-section-tag,
.hero-singlefeature.reverse-col .hero-text-wrapper .hero-heading,
.hero-singlefeature.reverse-col .hero-text-wrapper .hero-subheading,
.hero-singlefeature.reverse-col .hero-text-wrapper .hero-text-content,
.hero-singlefeature.reverse-col .hero-content .text-content p {
  text-align: right;
}

.hero-singlefeature.reverse-col .hero-text-wrapper .btn-primary {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .hero-singlefeature.reverse-col .hero-content {
    justify-content: center;
  }

  .hero-singlefeature.reverse-col .hero-text-wrapper {
    text-align: center;
    align-items: center;
    margin-left: 0;
  }

  .hero-singlefeature.reverse-col .hero-text-wrapper .btn-primary {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .hero-singlefeature {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .hero-singlefeature {
    padding: 2.5rem 0;
  }

  .hero-singlefeature .hero-content {
    padding: 0 0.75rem;
  }
}

@media (max-width: 575px) {
  .hero-singlefeature {
    padding: 2rem 0;
  }

  .hero-singlefeature .hero-content {
    padding: 0 0.5rem;
  }
}

/* Responsive Styles - Updated: Nov 25, 2025 - Modified by: riteshkc */

/* Tablet Landscape (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-singlefeature .hero-text-wrapper .hero-heading {
    font-size: 2.25rem !important;
    max-width: 700px !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-subheading {
    font-size: 1.125rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-text-content {
    font-size: 1rem !important;
  }

  .hero-singlefeature .hero-content .text-content p {
    font-size: 0.95rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-section-tag {
    font-size: 0.8rem !important;
  }
}

/* Tablet Portrait and below (max-width: 1023px) */
@media (max-width: 1023px) {
  .hero-singlefeature .hero-content {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }

  .hero-singlefeature .hero-text-wrapper {
    max-width: 100%;
    text-align: center;
  }

  .hero-singlefeature .image-content {
    max-width: 100%;
  }
}

/* Mobile Landscape (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .hero-singlefeature .hero-text-wrapper .hero-heading {
    font-size: 1.875rem !important;
    max-width: 100% !important;
    margin-bottom: 1rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-subheading {
    font-size: 1rem !important;
    margin: 0.75rem 0 !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-text-content {
    font-size: 0.9375rem !important;
  }

  .hero-singlefeature .hero-content .text-content p {
    font-size: 0.875rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-section-tag {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.875rem !important;
    margin-bottom: 0.75rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-section-tag::before {
    font-size: 0.875rem;
  }

  .hero-singlefeature .hero-text-wrapper .btn-primary {
    font-size: 0.9375rem !important;
    padding: 0.625rem 1.25rem !important;
  }
}

/* Mobile Portrait (max-width: 575px) */
@media (max-width: 575px) {
  .hero-singlefeature .hero-text-wrapper .hero-heading {
    font-size: 1.5rem !important;
    max-width: 100% !important;
    margin-bottom: 0.875rem !important;
    line-height: 1.3 !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-subheading {
    font-size: 0.9375rem !important;
    margin: 0.625rem 0 !important;
    line-height: 1.4 !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-text-content {
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
  }

  .hero-singlefeature .hero-content .text-content p {
    font-size: 0.8125rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-section-tag {
    font-size: 0.6875rem !important;
    padding: 0.375rem 0.75rem !important;
    margin-bottom: 0.625rem !important;
    gap: 0.375rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-section-tag::before {
    font-size: 0.75rem;
  }

  .hero-singlefeature .hero-text-wrapper .btn-primary {
    font-size: 0.875rem !important;
    padding: 0.5rem 1rem !important;
    margin-right: 0.25rem !important;
    margin-bottom: 0.5rem !important;
  }

  .hero-singlefeature .hero-content {
    gap: 1rem;
  }

  .hero-singlefeature .image-content img {
    border-radius: 0.5rem;
  }
}

/* Extra Small Mobile (max-width: 375px) */
@media (max-width: 375px) {
  .hero-singlefeature .hero-text-wrapper .hero-heading {
    font-size: 1.25rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-subheading {
    font-size: 0.875rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .hero-text-content,
  .hero-singlefeature .hero-content .text-content p {
    font-size: 0.8125rem !important;
  }

  .hero-singlefeature .hero-text-wrapper .btn-primary {
    width: 100%;
    justify-content: center;
    margin-right: 0 !important;
  }
}
/* 11/26/2025 - Platform Impact styling - ritesh kc */
.stat-block {
  background: #109bb2 !important;
}

.stat-block h2,
.stat-block div,
.stat-block .text-gray-400 {
  color: #ffffff !important;
}

/* ========================================
   Community Offers Page - Company Logo Badge
   12/01/2025 - Added by ritesh
   ======================================== */

/* Make card-image container relative for absolute positioning */
#courses-grid .card .card-image {
  position: relative !important;
}

/* Company logo badge styling - positioned top right of featured image */
#courses-grid .card .card-image .company-logo-badge {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#courses-grid .card .card-image .company-logo-badge img {
  width: 60px !important;
  height: 60px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  display: block !important;
}

/* Remove any logo styling from card-content (legacy cleanup) */
#courses-grid .card .card-content > img {
  display: none !important;
}

/* ========================================
   Single Post Sidebar Layout Fix - 12/01/2025 added by ritesh
   ======================================== */

/* Main grid layout for single posts with sidebar */
.single-post .bb-grid.site-content-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 30px !important;
  align-items: start !important;
  overflow: visible !important;
  max-width: 1280px !important;
}

/* Ensure parent containers don't break sticky */
.single-post .site-content,
.single-post .container {
  overflow: visible !important;
}

/* Primary content area - wider */
.single-post #primary.content-area {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Sidebar styling */
.single-post #secondary.widget-area {
  grid-column: 2 !important;
  width: 300px !important;
  max-width: 300px !important;
  top: 100px !important;
  align-self: flex-start !important;
  height: auto !important;
}

/* Override the sm-grid-1-1 class that forces full width */
.single-post #secondary.widget-area.sm-grid-1-1 {
  grid-column: 2 !important;
  width: 300px !important;
  max-width: 300px !important;
}

/* Share container positioning */
.single-post .bb-share-container {
  grid-column: 1 / -1 !important;
}

/* Sidebar widget styling */
.single-post #secondary .widget {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #e8ecef !important;
}

.single-post #secondary .widget-title,
.single-post #secondary .wp-block-heading {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #1a2b3c !important;
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #e8ecef !important;
}

/* Search widget styling */
.single-post #secondary .wp-block-search {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.single-post #secondary .wp-block-search__label {
  display: none !important;
}

.single-post #secondary .wp-block-search__inside-wrapper {
  display: flex !important;
  gap: 8px !important;
}

.single-post #secondary .wp-block-search__input {
  flex: 1 !important;
  padding: 10px 14px !important;
  border: 1px solid #d6d9dd !important;
  border-radius: 6px !important;
  font-size: 14px !important;
}

.single-post #secondary .wp-block-search__button {
  padding: 10px 16px !important;
  background: #0056a0 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: background 0.2s ease !important;
}

.single-post #secondary .wp-block-search__button:hover {
  background: #004080 !important;
}

/* Recent posts list styling */
.single-post #secondary .wp-block-latest-posts__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-post #secondary .wp-block-latest-posts__list li {
  padding: 10px 0 !important;
  border-bottom: 1px solid #f0f2f5 !important;
}

.single-post #secondary .wp-block-latest-posts__list li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.single-post #secondary .wp-block-latest-posts__post-title {
  color: #1a2b3c !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.single-post #secondary .wp-block-latest-posts__post-title:hover {
  color: #0056a0 !important;
}

/* Responsive - Tablet and below */
@media (max-width: 968px) {
  .single-post .bb-grid.site-content-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .single-post #primary.content-area,
  .single-post #secondary.widget-area,
  .single-post #secondary.widget-area.sm-grid-1-1 {
    grid-column: 1 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .single-post #secondary.widget-area {
    position: static !important;
    order: 2 !important;
  }
}

/*02-12-2026 - Code added by Anuj*/
/*All css for phase-3 starts here*/

/* Global Reset & Base Styles */
/* Global Reset & Base Styles */
:root {
  --primary-blue: #005ca9;
  --dark-blue: #002647;
  --accent-green: #8dc740;
  --text-dark: #1e1e1e;
  --text-grey: rgba(30, 30, 30, 0.75);
  --white: #ffffff;
  --bg-light: #f5f5f5;
  --max-width: 1512px;
  --content-width: 1352px;

  --font-orbitron: 'Orbitron', sans-serif;
  --font-chakra: 'Chakra Petch', sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: var(--font-chakra);
  background-color: var(--bg-light);
  color: var(--text-dark);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Utilities */
.container {
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 40px;
}

.slick-slider:has(.post-inner-wrap) .slick-track {
  display: flex !important;
  align-items: stretch !important;
}
.slick-slider:has(.post-inner-wrap) .slick-slide {
  height: auto !important;
}
.slick-slider:has(.post-inner-wrap) .slick-slide > div {
  height: 100% !important;
  display: flex !important;
}
.slick-slider:has(.post-inner-wrap) .slick-slide article {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}
.slick-slider:has(.post-inner-wrap) .slick-list {
  height: auto !important;
}

/* Card inner: fixed height, flex column so meta pins to bottom */
.post-item-wrap .post-inner-wrap,
.post-section .post-inner-wrap,
.bb-grid .post-inner-wrap {
  display: flex;
  flex-direction: column;
  height: 460px; /* fixed card height — all cards identical */
  overflow: hidden; /* clip any overflow so nothing spills out */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Fixed image area — same height on every card */
.post-inner-wrap .ratio-wrap {
  flex: 0 0 auto;
  height: 180px; /* fixed image strip height */
  overflow: hidden;
}
.post-inner-wrap .ratio-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Content wrap fills remaining height */
.post-inner-wrap .entry-content-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

/* Title: always exactly 2 lines */
.post-inner-wrap .entry-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex-shrink: 0;
}

/* Excerpt: exactly 3 lines, fills remaining space */
.post-inner-wrap .entry-content {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Meta pinned to bottom of card */
.post-inner-wrap .entry-meta {
  margin-top: auto;
  flex-shrink: 0;
}

/* Tablet: slightly shorter cards */
@media (min-width: 769px) and (max-width: 1024px) {
  .post-item-wrap .post-inner-wrap,
  .post-section .post-inner-wrap,
  .bb-grid .post-inner-wrap {
    height: 430px;
  }
}

/* Mobile: single-column cards, comfortable height */
@media (max-width: 768px) {
  .post-item-wrap .post-inner-wrap,
  .post-section .post-inner-wrap,
  .bb-grid .post-inner-wrap {
    height: 400px;
  }
  .post-inner-wrap .ratio-wrap {
    height: 160px;
  }
}

/* Careers / jobs page + News: reduce outer padding on mobile (do not apply to Contact) */
@media (max-width: 768px) {
  .blog #content.site-content,
  body.page-slug-news #content.site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 480px) {
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* News and Publications page – mobile layout */
@media (max-width: 768px) {
  /* Contact page: remove top gap for the actual rendered section */
  #content.site-content:has(
      > .container > .bb-grid.site-content-grid > section.bg-gray-100.py-16
    ) {
    padding-top: 64px !important;
  }

  #content.site-content
    > .container
    > .bb-grid.site-content-grid
    > section.bg-gray-100.py-16 {
    /* Fill the 64px site-content top inset with section background, without shifting content */
    margin-top: -64px !important;
    padding-top: 64px !important;
  }

  /* Contact page: make country dropdown much smaller on mobile (exclude community_role) */
  #content.site-content
    section.bg-gray-100.py-16
    select.border.border-dashed.border-blue-400.rounded.p-3:not([name='community_role']) {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    padding: 8px 22px 8px 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Contact page: community_role select full width of form on mobile */
  #communityContactForm select[name='community_role'] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Contact page: improve social icon row on mobile */
  #content.site-content section.bg-gray-100.py-16 .space-x-20px {
    display: flex;
    align-items: center;
    gap: 6px !important;
  }

  /* Tailwind space-x utility uses sibling margins; override those directly */
  #content.site-content
    section.bg-gray-100.py-16
    .space-x-20px
    > :not([hidden])
    ~ :not([hidden]) {
    margin-left: 6px !important;
    margin-right: 0 !important;
  }

  #content.site-content section.bg-gray-100.py-16 .space-x-20px > a {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef5ff;
    border: 1px solid rgba(0, 92, 169, 0.18);
  }

  #content.site-content section.bg-gray-100.py-16 .space-x-20px > a img {
    width: 14px !important;
    height: 14px !important;
    object-fit: contain;
    display: block;
  }

  .news-publications-grid {
    margin-top: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  .news-publications-grid .header-section {
    margin-bottom: 1rem;
  }

  .news-publications-grid .trendingGrid-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }

  .news-publications-grid .trendingGrid-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  /* News cards: keep caption text comfortably inside image bounds on mobile */
  .blog .trendingGrid-card .trendingGrid-content,
  body.page-slug-news .trendingGrid-card .trendingGrid-content {
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 14px 12px 12px !important;
  }
}

@media (max-width: 480px) {
  .news-publications-grid {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.blue-text {
  color: var(--primary-blue) !important;
}
.dark-text {
  color: var(--text-dark) !important;
}

/* Hero Section */
.hero-section {
  position: relative;
  width: 100%;
  height: 800px; /* Tall to allow overlap */
  background: var(--dark-blue);
  overflow: visible;
  padding-top: 200px;
  text-align: center;
}

.hero-bg-elements {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -756px;
  width: 1512px;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: auto;
}

.bg-dots {
  position: absolute;
  left: 213px;
  top: 342px;
  width: 193px;
  height: 200px;
  opacity: 0.5;
}

.bg-ribbon {
  position: absolute;
  left: 80px;
  top: 368px;
  height: 105px;
  width: 105px;
  transform: rotate(5deg);
  z-index: 25;
}

.bg-globe {
  position: absolute;
  width: 405px;
  height: 405px;
  left: 1072px;
  top: 121px;
}

.bg-pill {
  position: absolute;
  width: 74px;
  height: 24px;
  left: 1043px;
  top: 389px;
}

.hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.hero-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 56px;
  line-height: 70px;
  color: #ffffff;
}

.hero-subtitle {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #ffffff;
}

/* Content Wrapper (Overlap) */
.content-wrapper {
  position: relative;
  max-width: var(--max-width);
  margin: -350px auto 0;
  background: #ffffff;
  border-radius: 24px 24px 0 0;
  padding-top: 80px;
  z-index: 20;
}

/* Mission and Highlight Combined Section */
.mission-and-highlight {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 110px;
  position: relative;
  /* Adjust margins if overlapping is handled by content-wrapper */
  margin-bottom: 100px;
}

.mission-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 540px;
}

.mission-title h2 {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  color: var(--primary-blue);
  margin: 0;
}

.mission-text p {
  font-family: var(--font-chakra);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--text-grey);
  margin: 0;
}

.highlight-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 710px;
}

.highlight-card {
  width: 710px;
  height: 404px;
  position: relative;
  background: var(--accent-green);
  border-radius: 24px;
}

.highlight-image {
  position: absolute;
  width: 700px;
  height: 394px;
  left: 0px;
  top: 0px;
  border-radius: 24px;
  object-fit: cover;
  border: 5px solid var(--accent-green);
  box-sizing: border-box;
}

.highlight-card {
  width: 710px;
  height: 404px;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}
.highlight-card::before {
  content: '';
  position: absolute;
  width: 700px;
  height: 394px;
  left: 10px;
  top: 10px;
  background: var(--accent-green);
  border-radius: 24px;
  z-index: 0;
}

/* The Image on top */
.highlight-image {
  position: absolute;
  width: 700px;
  height: 394px;
  left: 0px;
  top: 0px;
  border-radius: 24px;
  object-fit: cover;
  z-index: 1;
  border: none; /* Reset border test */
}

.highlight-label {
  position: absolute;
  width: 100%;
  bottom: -35px;
  text-align: center;
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: rgba(30, 30, 30, 0.65);
  background: transparent;
  z-index: 2;
}

.highlight-image-placeholder {
  width: 100%;
  height: 100%;
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
}

/* Web3 Hub */
.web3-hub-section {
  text-align: center;
  background-color: #f5f5f5;
  width: 100%;
  padding: 80px 0;
}

.section-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 48px;
  color: var(--primary-blue);
  margin-bottom: 60px;
}

.hub-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
  background: transparent;
  border: none;
}

.hub-card {
  width: 100%;
  height: 298px;
  padding: 56px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 32px;
  border: 1px solid rgba(30, 30, 30, 0.1);
  margin: -1px 0 0 -1px;
  box-sizing: border-box;
  background: #ffffff;
}

.hub-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.hub-icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hub-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hub-sub-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px !important;
  width: 100% !important;
  padding: 0 !important;
}

.hub-sub-container p:empty {
  display: none !important;
}

.hub-card-title {
  font-family: var(--font-chakra) !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  color: #002647;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  width: 100% !important;
  display: block !important;
}

.hub-card-desc {
  font-family: var(--font-chakra) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: var(--text-grey);
  text-align: center;
  margin: 0 auto !important;
  max-width: 210px !important;
  padding: 0 !important;
}

/* Community Footprint Section */
.community-section {
  position: relative;
  background: #002647;
  padding: 100px 0 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

/* Background Decorations */
.community-bg-dots {
  position: absolute;
  left: 31px;
  top: 150px;
  width: 193px;
  height: 212px;
  opacity: 0.5;
  pointer-events: none;
}

.community-bg-circle {
  position: absolute;
  right: -200px;
  top: -450px;
  width: 941px;
  height: 941px;
  opacity: 0.4;
  pointer-events: none;
}

.community-section-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 56px;
  line-height: 70px;
  color: #ffffff;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}

/* Community Card - Blockchain & Digital Asset */
.community-card {
  width: 1352px;
  height: 460px;
  background: #ffffff;
  border-radius: 24px;
  display: flex;
  align-items: flex-start; /* Align contents to top */
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}

.community-card-text {
  padding: 111px 0 0 72px;
  width: 603px; /* 72 + 531 */
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  text-align: left;
}

.cc-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: #005ca9;
  text-transform: none;
  width: 531px;
  text-align: left;
}

.cc-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.cc-subtitle {
  font-family: var(--font-chakra);
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #1e1e1e;
  width: 303px;
}

.cc-desc {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(30, 30, 30, 0.75);
  width: 385px;
}

.cc-desc strong {
  font-weight: 700;
  color: #1e1e1e;
}

/* Standard card gap */
.community-card:not(.reversed) {
  gap: 73px;
}

/* Grid Visual Side */
.community-card-visual {
  width: 666px;
  height: 440px;
  margin: 10px 10px 10px 0;
  background-color: #f4f5fc;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.community-card-visual::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    linear-gradient(rgba(30, 30, 30, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 30, 30, 0.05) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
  z-index: 2;
  border-radius: 20px;
}

/* Highlighted Grid Cells */
.grid-highlight {
  position: absolute;
}

.grid-highlight-1 {
  width: 50px;
  height: 50px;
  left: 400px;
  top: 50px;
  background: rgba(139, 202, 205, 0.2);
}

.grid-highlight-2 {
  width: 50px;
  height: 50px;
  left: 300px;
  top: 250px;
  background: rgba(139, 202, 205, 0.1);
}

.grid-highlight-3 {
  width: 50px;
  height: 50px;
  left: 350px;
  top: 300px;
  background: rgba(139, 202, 205, 0.2);
}

/* Company Badges - Shield Shape */
.company-logos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
}

.company-badge {
  position: absolute;
  filter: drop-shadow(0px 6.33469px 79.1837px rgba(30, 30, 30, 0.25));
}

/* Certik - Top Middle */
.company-badge:nth-child(1) {
  left: 145px;
  top: 5px;
}

/* HashKey - Bottom Left */
.company-badge:nth-child(2) {
  left: 5px;
  top: 137px;
  filter: drop-shadow(0px 6.33469px 79.1837px rgba(0, 0, 0, 0.15));
}

/* Animoca - Top Right */
.company-badge:nth-child(3) {
  left: 372px;
  top: 70px;
}

.company-badge img {
  width: 319px;
  height: 329px;
  object-fit: contain;
}

/* Reversed Card Layout */
.community-card.reversed {
  flex-direction: row-reverse;
  gap: 72px;
}

.community-card.reversed .community-card-text {
  padding: 50px 107px 0 0;
  width: 604px; /* 497 + 107 */
  text-align: left;
  align-items: flex-start;
}

.community-card.reversed .cc-title {
  width: 497px;
  text-align: left;
}

.community-card.reversed .cc-subtitle {
  text-align: left;
  line-height: 36px;
  width: 505px;
}

.community-card.reversed .cc-desc {
  display: none; /* Replaced by cc-list */
}

/* Bulleted List Styles */
.cc-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 32px; /* Tab width from left */
  display: flex;
  flex-direction: column;
  gap: 8px; /* Compact gap */
  width: auto;
}

.cc-list li {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(30, 30, 30, 0.75);
  position: relative;
  padding-left: 20px; /* Dot to text gap */
}

.cc-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 11.5px;
  width: 5px;
  height: 5px;
  background-color: #1e1e1e;
  border-radius: 50%;
}

.cc-list li strong {
  font-weight: 700;
  color: #1e1e1e;
}

.cc-list.no-bold li {
  font-weight: 400;
}

.static-visual {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.static-visual .slider-overlay {
  height: 25%;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 16px !important;
}

.card-image-label {
  color: #ffffff;
  font-family: var(--font-chakra);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0 !important;
}

.community-card.reversed .community-card-visual {
  margin: 10px 0 10px 10px;
}

/* Slider Styles */
/* Slider Styles — Swiper.js Integration */
.slider-visual {
  overflow: hidden !important;
  background: none !important;
  position: relative;
}

.slider-visual .swiper {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.slider-visual .swiper-slide {
  width: 100%;
  height: 100%;
}

.slider-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slider-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.8) 100%
  );
  display: flex;
  align-items: flex-end;
  padding: 30px;
  border-radius: 0 0 20px 20px;
  z-index: 10;
  pointer-events: none;
}

.slider-overlay * {
  pointer-events: auto;
}

.slider-content {
  width: 100%;
}

.slider-nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.slider-info {
  text-align: center;
  flex: 1;
  padding: 0 16px;
}

.slider-title {
  color: #ffffff;
  font-family: var(--font-chakra);
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 15px;
}

/* Swiper Pagination Dots — override defaults */
.slider-visual .swiper-pagination {
  position: static !important;
  display: flex !important;
  gap: 8px;
  justify-content: center;
  width: auto !important;
  bottom: auto !important;
}

.slider-visual .swiper-pagination .dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent !important;
  opacity: 1 !important;
  margin: 0 !important;
  cursor: pointer;
  transition:
    background 0.3s,
    border-color 0.3s;
}

.slider-visual .swiper-pagination .dot.active {
  background: #ffffff !important;
  border-color: #ffffff;
  opacity: 1 !important;
}

/* Swiper Nav Arrows — circular translucent buttons */
.slider-visual .swiper-button-prev,
.slider-visual .swiper-button-next {
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.8;
  transition:
    opacity 0.3s,
    background 0.3s;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

.slider-visual .swiper-button-prev:hover,
.slider-visual .swiper-button-next:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2) !important;
}

.slider-visual .swiper-button-prev::after,
.slider-visual .swiper-button-next::after {
  font-size: 16px !important;
  color: #ffffff !important;
  font-weight: bold;
}

.white-content-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 60px;
  text-align: left;
  max-width: var(--content-width);
  margin: 0 auto;
  position: relative;
  /* Overlap the next section marginally or stand alone */
}

.card-highlight-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: var(--primary-blue);
  margin-bottom: 32px;
}

.stat-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
}

.stat-desc {
  font-size: 18px;
  color: var(--text-grey);
}

.section-wrapper.bg-light {
  background-color: #f8f9fd;
  padding: 100px 0;
}

.section-wrapper.bg-white {
  background-color: #ffffff;
  padding: 100px 0;
}

/* Split Layouts */
.section-heading {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: var(--primary-blue);
  margin-bottom: 32px;
}

.split-layout {
  display: flex;
  gap: 80px;
  align-items: flex-start;
}

.split-layout.reverse {
  flex-direction: row-reverse;
}

.text-content,
.image-content {
  flex: 1;
}

.item-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 16px;
}

.item-desc {
  font-size: 18px;
  line-height: 28px;
  color: var(--text-grey);
}

/* Large Image Card */
.large-image-card {
  width: 100%;
  height: 440px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  background: #ccc;
}

.image-placeholder-large {
  width: 100%;
  height: 100%;
  background: #bbb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 24px;
}

.card-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.sub-event-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

/* Policy Block */
.policy-block {
  margin-top: 40px;
}

.policy-card {
  background: #f3f4fb;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.policy-icon {
  width: 60px;
  height: 60px;
  background: #ddd;
  border-radius: 10px;
}

/* Engagement Bar */
.engagement-bar {
  margin-top: 60px;
  background: #f3f4fb;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.text-side {
  max-width: 400px;
}

.text-side h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

.gallery-row {
  display: flex;
  gap: 20px;
}

.gallery-item {
  width: 200px;
  height: 150px;
  background: #ccc;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.img-ph {
  width: 100%;
  height: 100%;
  background: #aaa;
}

.gallery-item span {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
}

/* Responsive scaling down for mid-sized screens (1201px - 1400px) 
   Prevents rigid 1352px wide cards from clamping and overlapping */
@media (min-width: 1201px) and (max-width: 1400px) {
  .community-section {
    padding: 100px 24px 0px;
  }

  .community-card {
    width: 100%;
    max-width: 1150px;
    height: auto;
    min-height: 460px;
    gap: 40px !important;
  }

  .community-card-text {
    width: 50% !important;
    padding: 60px 0 40px 40px !important;
    flex: 1;
  }

  .cc-title {
    width: 100% !important;
    font-size: 32px !important;
    line-height: normal !important;
  }

  .cc-subtitle,
  .cc-desc {
    width: 100% !important;
  }

  .community-card-visual {
    width: 50% !important;
    max-width: 550px;
    height: 440px !important;
    flex: 1;
  }

  /* Reversed card tweaks */
  .community-card.reversed .community-card-text {
    padding: 60px 20px 40px 0 !important;
    width: 50% !important;
  }

  .community-card.reversed .cc-title,
  .community-card.reversed .cc-subtitle,
  .community-card.reversed .cc-desc {
    width: 100% !important;
  }

  /* Safely scale absolute badges */
  .company-badge img {
    width: 250px !important;
    height: auto !important;
  }
  .company-badge:nth-child(1) {
    left: 80px !important;
  }
  .company-badge:nth-child(2) {
    left: -10px !important;
    top: 120px !important;
  }
  .company-badge:nth-child(3) {
    left: 250px !important;
  }

  /* Regulatory Policy Alignment */
  .policy-card {
    width: 100%;
    max-width: 1150px;
    padding: 60px 40px;
  }
  .policy-body {
    gap: 40px !important;
  }
  .policy-timeline-container {
    width: 50% !important;
  }
  .policy-aside {
    width: 50% !important;
    max-width: none !important;
  }
  .web3hub-logo-card img,
  .web3hub-logo-card .aside-image {
    max-width: 100%;
    height: auto;
  }

  /* Capital Connections & Fundraising / Direct Engagement */
  .fundraising-card {
    width: 100%;
    max-width: 1150px;
    padding: 40px 10px 10px 40px !important;
    height: auto;
  }
  .fundraising-top {
    gap: 40px !important;
  }
  .fundraising-top-left {
    width: 50% !important;
  }
  .fundraising-top-right {
    width: 50% !important;
  }
  .fundraising-top-right .community-card-visual {
    width: 100% !important;
    height: auto;
    min-height: 440px;
  }
  .logo-box-cin {
    width: 100% !important;
  }
  .engagement-banner {
    width: calc(100% + 40px) !important; /* offset the 40px left padding */
    margin-left: -40px !important;
    padding: 30px 20px 30px 40px !important;
  }
  .engagement-logo img {
    width: 280px !important;
  }
  .fundraising-grid {
    width: calc(100% + 40px) !important; /* offset the 40px left padding */
    margin-left: -40px !important;
  }

  /* Blockchain Ecosystem Partnership */
  .partnership-card {
    width: 100%;
    max-width: 1150px;
    padding: 10px !important;
    height: auto;
  }
  .partnership-inner {
    gap: 40px !important;
  }
  .partnership-content {
    width: 50% !important;
    padding-left: 30px !important;
  }
  .partnership-visuals {
    width: 50% !important;
    max-width: 520px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }
  .partnership-visual-item {
    width: 100% !important;
    max-width: 100% !important;
    height: 340px !important;
  }
}

/* Responsive */
@media (max-width: 1200px) {
  .mission-section,
  .split-layout {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Mission + highlight layout – tablet (e.g. iPad) */
  .mission-and-highlight {
    gap: 60px;
    align-items: flex-start;
  }

  .mission-content {
    width: 100%;
    max-width: 520px;
  }

  .highlight-card-wrapper {
    width: 100%;
    max-width: 560px;
  }

  .highlight-card {
    width: 100%;
    height: auto;
  }

  .highlight-image {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
  }

  .highlight-card::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  /* Community Footprint cards – tablet layout (iPad) */
  .community-card,
  .policy-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
  }

  .community-card {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
  }

  .community-card.reversed {
    flex-direction: column;
  }

  /* Unified gap between text and visual */
  .community-card:not(.reversed),
  .community-card.reversed {
    gap: 24px;
  }

  .community-card-text {
    padding: 28px 32px 16px;
    width: 100%;
    max-width: 760px;
    align-items: flex-start;
    text-align: left;
  }

  /* Card 2: "Community members can enjoy" */
  .community-card.reversed .community-card-text {
    padding: 28px 32px 16px;
  }

  .community-card.reversed .cc-title {
    font-size: 30px;
    line-height: 40px;
    width: 100%;
    padding-right: 0;
  }

  .community-card.reversed .cc-subtitle {
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    padding-right: 0;
  }

  .community-card.reversed .cc-list {
    margin: 8px 0 0 18px;
  }

  .community-card.reversed {
    padding-bottom: 16px;
  }

  .community-card.reversed .community-card-visual {
    width: 100%;
    height: auto;
    margin: 0;
  }

  /* Card 3: Talent Attraction & Cultivation */
  .community-card:nth-of-type(3) .community-card-visual.static-visual {
    width: 100%;
    padding: 0 32px 24px;
    box-sizing: border-box;
  }

  /* Blockchain community card – show all unicorn logos on tablet */
  .community-card-visual {
    overflow: visible;
  }

  .company-logos {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 24px 24px;
  }

  .company-badge {
    position: static;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
  }

  .company-badge img {
    width: 260px;
    height: auto;
    object-fit: contain;
  }

  /* Hero section – stack content */
  .hero-section {
    height: auto;
    padding: 140px 24px 80px;
    overflow: visible;
  }

  /* Reposition hero background graphics for tablet (e.g. iPad Pro) */
  .hero-bg-elements {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  .bg-dots {
    left: 40px;
    top: 320px;
    width: 150px;
    height: auto;
  }

  .bg-ribbon {
    left: 40px;
    top: 300px;
    width: 90px;
    height: auto;
  }

  .bg-globe {
    width: 320px;
    height: 320px;
    left: auto;
    right: 40px;
    top: 80px;
  }

  .bg-pill {
    width: 60px;
    height: 20px;
    left: auto;
    right: 310px;
    top: 260px;
  }

  /* Prevent content wrapper from covering hero on tablets (e.g. iPad Pro) */
  .content-wrapper {
    margin: 0 auto 0;
  }

  .hero-content {
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
    text-align: left;
  }

  .hero-title {
    font-size: 40px;
    line-height: 52px;
  }

  .hero-subtitle {
    font-size: 18px;
    line-height: 28px;
    max-width: 720px;
  }

  /* Web3 Hub grid: ease into tablet layout */
  .hub-grid {
    border: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 900px;
    padding: 0 24px;
  }
  .hub-card {
    border: 1px solid #eee;
    margin: 10px;
    border-radius: 10px;
    height: auto;
    padding: 40px 16px !important;
  }

  /* Community & Policy cards: fluid width on tablet */
  .community-card,
  .policy-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
  }

  .community-card {
    flex-direction: column;
    align-items: center;
    height: auto;
  }

  .community-card-text {
    padding: 32px 24px 24px;
    width: 100%;
    align-items: center;
    text-align: center;
  }

  .cc-title,
  .cc-subtitle,
  .cc-desc {
    width: 100%;
  }

  .community-card-visual {
    width: 100%;
    height: auto;
    margin: 16px 0 0;
  }

  .policy-card {
    padding: 56px 32px;
  }

  .policy-grid {
    flex-wrap: wrap;
  }

  .policy-grid-item {
    min-height: 260px;
    padding: 40px 24px;
  }
}

@media (max-width: 768px) {
  /* Stack mission image/content and hub cards */
  .mission-section,
  .split-layout {
    padding: 40px 16px;
  }

  /* So the white card doesn’t cover the hero on mobile */
  .content-wrapper {
    margin: 0 auto 0;
    border-radius: 24px 24px 0 0;
    padding-top: 40px;
  }

  /* Hero on small screens */
  .hero-section {
    padding: 120px 16px 60px;
    overflow: visible;
  }

  .hero-content {
    align-items: center;
    text-align: center;
  }

  .hero-title {
    font-size: 32px;
    line-height: 42px;
  }

  .hero-subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  /* Reposition background SVGs so they’re visible on mobile */
  .hero-bg-elements {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  .bg-globe {
    width: 260px;
    height: 260px;
    left: auto;
    right: 0;
    top: 40px;
    opacity: 0.5;
  }

  .bg-dots {
    left: 16px;
    top: 220px;
    width: 120px;
    height: auto;
    opacity: 0.5;
  }

  .bg-ribbon {
    top: calc(100% - 60px);
    left: 16px;
    transform: rotate(5deg);
    width: 80px;
    height: auto;
  }

  .bg-pill {
    width: 56px;
    height: 18px;
    left: auto;
    right: 8px;
    top: 160px;
  }

  .hub-grid {
    grid-template-columns: 1fr;
    max-width: 100%;
    padding: 0 16px;
  }

  /* Web3 Hub section title – improve readability on mobile */
  .web3-hub-section .section-title {
    line-height: 1.2 !important;
  }

  /* Mission & highlight stack on mobile */
  .mission-and-highlight {
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }

  .mission-content {
    width: 100%;
    max-width: 100%;
    align-items: center;
    text-align: center;
  }

  .highlight-card-wrapper {
    width: 100%;
  }

  .highlight-card {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .highlight-card::before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .highlight-image {
    position: relative;
    width: 100%;
    height: auto;
  }

  .highlight-label {
    position: static;
    margin-top: 12px;
  }

  /* Community Footprint – stack text and visual for all cards */
  .community-card {
    width: 100%;
    max-width: 100%;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto 24px;
  }

  .community-card.reversed {
    flex-direction: column;
  }

  /* Override desktop gap on mobile (text vs visual) */
  .community-card:not(.reversed),
  .community-card.reversed {
    gap: 16px;
  }

  .community-card-text {
    padding: 20px 16px 8px;
    width: 100%;
    align-items: flex-start;
    text-align: left;
  }

  /* Card 2: "Community members can enjoy" – improve mobile typography & padding */
  .community-card.reversed .community-card-text {
    padding: 20px;
  }

  .community-card.reversed .cc-title {
    font-size: 28px;
    line-height: 36px;
    width: 70%;
    padding-right: 16px;
  }

  .community-card.reversed .cc-subtitle {
    font-size: 16px;
    line-height: 24px;
    width: 70%;
    padding-right: 16px;
  }

  .community-card.reversed .cc-list {
    margin: 8px 0 0 16px;
  }

  .community-card.reversed {
    padding: 0 0 12px;
  }

  .community-card.reversed .community-card-visual {
    padding: 0 16px 12px;
    margin: 0;
    box-sizing: border-box;
  }

  /* Card 3: Talent Attraction & Cultivation – center image with side padding */
  .community-card:nth-of-type(3) .community-card-visual.static-visual {
    padding: 0 16px 20px;
  }

  .cc-title {
    width: 100%;
    font-size: 28px;
    line-height: 36px;
  }

  .community-card-visual {
    width: 100%;
    height: 240px;
    margin: 0;
  }

  /* Unicorn badges – align and scale consistently */
  .company-logos {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px 16px; /* less top padding to pull badges closer to text */
  }

  .company-badge {
    position: static;
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
  }

  .company-badge img {
    width: 380px;
    object-fit: contain;
  }

  /* Subtle stagger so badges don't look too rigid */
  .company-badge:nth-child(1) {
    transform: translateY(20px);
  }
  .company-badge:nth-child(2) {
    transform: translateY(-50px);
  }
  .company-badge:nth-child(3) {
    transform: translateY(-12px);
  }

  .community-card-text {
    padding: 24px 16px;
  }

  /* Web3 Hub cards – mobile tweaks */
  .hub-card {
    width: 100%;
    margin: 8px 0;
    padding: 32px 16px !important;
  }

  .hub-card-title {
    line-height: 1.2 !important;
  }

  .policy-card {
    padding: 8px 8px 24px;
  }

  .policy-grid {
    flex-direction: column;
  }

  .policy-grid-item {
    width: 100%;
    border-left: 1px solid rgba(30, 30, 30, 0.1);
    border-top: none;
  }
}

/* Policy Section Styles */
.policy-card {
  width: 1352px;
  max-width: 100%;
  background: #ffffff;
  border-radius: 24px;
  margin: 0 auto 10px;
  padding: 80px 72px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
  text-align: left;
  overflow: hidden;
}

.policy-header {
  margin-bottom: 48px !important;
  width: 100%;
}

.policy-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 48px;
  line-height: 66px;
  color: #005ca9;
  margin-bottom: 24px;
  text-align: left;
  max-width: 815px;
}

.policy-subtitle {
  font-family: var(--font-chakra);
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #1e1e1e;
  text-align: left;
  max-width: 819px;
}

/* Mobile override for Regulatory & Policy card */
@media (max-width: 768px) {
  .policy-card {
    width: 100%;
    max-width: 100%;
    padding: 16px 16px 24px;
    margin: 0 auto 24px;
  }

  .policy-header {
    margin-bottom: 24px !important;
  }

  .policy-title {
    font-size: 32px;
    line-height: 38px;
    max-width: 100%;
    margin-bottom: 12px;
  }

  .policy-subtitle {
    font-size: 19px;
    line-height: 22px;
    max-width: 100%;
  }
}

.policy-grid {
  display: flex;
  width: 100%;
  margin-bottom: 48px !important;
  box-sizing: border-box;
}

.policy-grid-item {
  flex: 1;
  padding: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid rgba(30, 30, 30, 0.1);
  gap: 32px;
  box-sizing: border-box;
  min-height: 298px;
}

.policy-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 100%;
  max-width: 266px;
}

.policy-grid-item:not(:first-child) {
  border-left: none;
}

.policy-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  background: #ffffff;
}

.policy-grid-item h3 {
  width: 100%;
  font-family: var(--font-chakra) !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #002647;
  margin: 0;
}

.policy-grid-item p {
  width: 100%;
  font-family: var(--font-chakra) !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: rgba(30, 30, 30, 0.75);
  margin: 0;
}

/* On mobile, stack policy cards vertically and restore full borders */
@media (max-width: 768px) {
  .policy-grid-item:not(:first-child) {
    border-left: 1px solid rgba(30, 30, 30, 0.1);
    border-top: 1px solid rgba(30, 30, 30, 0.1);
  }
}

.policy-body {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  margin-bottom: 32px;
  position: relative;
  gap: 85px !important;
}

.policy-timeline-container {
  width: 557px;
  flex: none;
  position: relative;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -31px;
  top: 15px;
  bottom: -32px;
  width: 2px;
  background: #d9dfe4;
  z-index: 1;
}

.timeline-item:last-child::before {
  display: none;
}

.timeline-items {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-left: 40px;
}

.timeline-item {
  position: relative;
}

.timeline-dot {
  position: absolute;
  left: -40px;
  top: 7px;
  width: 20px;
  height: 20px;
  background: #8093a3;
  border: 5px solid #ffffff;
  border-radius: 50%;
  z-index: 2;
}

.timeline-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.timeline-content p,
.timeline-content ul {
  margin: 0 !important;
  padding: 0;
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(30, 30, 30, 0.75);
}

.timeline-content ul {
  padding-left: 20px;
  margin-top: 4px !important;
}

.timeline-date {
  font-family: var(--font-chakra);
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #005ca9;
}

.timeline-desc {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(30, 30, 30, 0.75);
}

.timeline-desc ul {
  list-style: none;
  padding: 0;
  margin: 8px 0 0 32px; /* Standard tab width */
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.timeline-desc li {
  position: relative;
  padding-left: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: rgba(30, 30, 30, 0.75);
}

.timeline-desc li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10.5px;
  width: 5px;
  height: 5px;
  background: #1e1e1e;
  border-radius: 50%;
}

.policy-aside {
  width: 710px;
  max-width: 710px;
  display: flex;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
}

/* Mobile layout fixes for policy timeline */
@media (max-width: 768px) {
  .policy-body {
    flex-direction: column;
    align-items: stretch;
    gap: 24px !important;
  }

  .policy-timeline-container {
    width: 100%;
  }

  .timeline-items {
    padding-left: 32px;
    padding-right: 8px;
  }

  .policy-aside {
    width: 100%;
    min-height: 280px;
    overflow: hidden;
  }

  .web3hub-box {
    flex: 1;
    min-height: 0;
    gap: 20px;
    overflow: hidden;
  }

  .web3hub-logo-card:first-child {
    flex: 0 0 auto;
    height: 183px;
    min-height: 183px;
  }

  .web3hub-logo-card {
    flex: 1;
    min-height: 0;
  }

  .web3hub-logo-card:nth-child(2),
  .web3hub-logo-card:nth-child(3) {
    flex: 0 1 auto;
    align-items: flex-start;
  }

  /* All three images: same width on mobile – align top logo with bottom two */
  .web3hub-logo-card img,
  .web3hub-logo-card .aside-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    object-fit: contain;
    object-position: left center;
    margin-right: auto;
    border-radius: 8px;
  }

  .web3hub-logo-card:nth-child(2) img,
  .web3hub-logo-card:nth-child(2) .aside-image,
  .web3hub-logo-card:nth-child(3) img,
  .web3hub-logo-card:nth-child(3) .aside-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }

  .web3hub-logo-card:first-child img,
  .web3hub-logo-card:first-child .aside-image {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Ensure cards take full width so images align */
  .web3hub-logo-card {
    width: 100% !important;
  }
}

.web3hub-box {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  overflow: hidden;
}

/* First card: Web3Hub @Cyberport logo – match width/alignment of other images */
.web3hub-logo-card {
  width: auto;
  flex: 1;
  min-height: 0;
  background: transparent;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

/* Second & third cards (Proof of Concept, Subsidy): don’t stretch – no gap below image */
.web3hub-logo-card:nth-child(2),
.web3hub-logo-card:nth-child(3) {
  flex: 0 1 auto;
  align-items: flex-start;
}

.web3hub-logo-card img,
.web3hub-logo-card .aside-image {
  width: auto;
  max-width: 80%;
  height: auto;
  object-fit: contain;
  object-position: left center;
  display: block;
  border-radius: 8px;
  margin: 0 auto 0 0;
}

.web3hub-box p {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1e1e1e;
  text-align: center;
}

.policy-hero-image {
  width: 1208px;
  height: auto;
  border-radius: 24px;
  margin: 0 auto;
  display: block;
}

/* Fundraising Section Styles */
.fundraising-card {
  width: 1352px;
  background: #ffffff;
  border-radius: 24px;
  margin: 0 auto 10px;
  padding: 4px 10px 0 72px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
  box-sizing: border-box;
}

.fundraising-card .policy-title {
  font-size: 36px;
  line-height: 52px;
  margin-top: 0;
  margin-bottom: 40px;
  white-space: normal;
}

.fundraising-top {
  display: flex;
  gap: 73px;
  width: 100%;
  align-items: center;
  margin-bottom: 6px;
  min-height: 100%;
}

.fundraising-top-left {
  width: 531px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fundraising-top-right {
  width: 666px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: flex-end;
  padding: 20px 0;
  box-sizing: border-box;
}

.fundraising-subtitle {
  font-family: var(--font-chakra);
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #1e1e1e;
  margin-bottom: 24px;
  text-align: left;
}

.fundraising-list,
.fundraising-list > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 32px; /* Standard tab width */
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Standard Fundraising List */
.fundraising-list,
.fundraising-list > ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 32px; /* One tab width from left edge of container */
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fundraising-list li {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(30, 30, 30, 0.75);
  position: relative;
  padding-left: 20px; /* Gap between dot and text */
  text-align: left;
}

.fundraising-list li::before {
  content: '';
  position: absolute;
  left: 0; /* Align with parent margin */
  top: 11.5px;
  width: 5px;
  height: 5px;
  background-color: #1e1e1e;
  border-radius: 50%;
}

/* Nesting behavior for specific items */
.fundraising-list li ul {
  list-style: none;
  padding: 0; /* Default flush */
  margin: 4px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Group 1: Cyberport Investor Network - FLUSH alignment */
.fundraising-list > ul > li:nth-child(2) > ul {
  padding-left: 0 !important;
  margin-left: -20px; /* Offset parent item padding to be perfectly flush */
}

/* Group 2: Web3.0 Investors Circle - SLIGHT offset */
.fundraising-list > ul > li:nth-child(3) {
  margin-top: 16px; /* Create 16px separation between blocks */
}

.fundraising-list > ul > li:nth-child(3) > ul {
  padding-left: 16px; /* Reduced offset for slight nested look */
}

.fundraising-list li ul li::before {
  background-color: #1e1e1e !important;
  width: 5px !important;
  height: 5px !important;
  top: 11.5px !important;
  left: 0 !important;
}

.logo-box-cin {
  background: #f3f4fb;
  border-radius: 20px;
  width: 666px;
  height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  box-sizing: border-box;
  margin-top: 0;
}

.logo-box-cin img {
  width: 253px;
  height: auto;
  object-fit: contain;
}

.engagement-banner {
  width: 1332px;
  margin-left: -62px;
  background: #f3f4fb;
  border-radius: 24px;
  padding: 28px 24px 28px 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.engagement-text {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.engagement-banner .fundraising-subtitle {
  font-family: var(--font-chakra) !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.engagement-logo img {
  width: 373px;
  height: auto;
  object-fit: contain;
}

.fundraising-grid {
  width: 1332px;
  margin-left: -62px; /* Shift to 10px from card start */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.fundraising-grid-item {
  position: relative;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
}

.fundraising-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fundraising-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.8) 100%
  );
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
}

.fundraising-grid-label {
  color: white;
  font-family: var(--font-chakra);
  font-size: 16px;
  text-align: center;
}

/* Mobile layout for Fundraising / Capital Connections section */
@media (max-width: 768px) {
  .fundraising-card {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    margin: 0 auto 24px;
  }

  .fundraising-card .policy-title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px;
  }

  .fundraising-top {
    flex-direction: column;
    gap: 24px;
  }

  .fundraising-top-left,
  .fundraising-top-right {
    width: 100%;
    padding-top: 0;
  }

  .fundraising-list,
  .fundraising-list > ul {
    margin: 0 0 0 20px;
  }

  .logo-box-cin {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .fundraising-top-right .community-card-visual {
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    padding: 0 10px 12px;
    margin: 0;
    box-sizing: border-box;
  }

  .engagement-banner {
    width: 100%;
    margin-left: 0;
    padding: 24px 16px;
    flex-direction: column;
    gap: 16px;
  }

  .engagement-text {
    max-width: 100%;
  }

  .engagement-logo img {
    width: 100%;
    max-width: 320px;
    margin-top: 12px;
  }

  .fundraising-grid {
    width: 100%;
    margin-left: 0;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) {
  .fundraising-top-right .community-card-visual {
    width: 666px;
    height: 440px;
    margin: 0;
  }
}

.fundraising-grid-item {
  position: relative;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
}

.fundraising-grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fundraising-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.8) 100%
  );
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 20px;
}

.fundraising-grid-label {
  color: white;
  font-family: var(--font-chakra);
  font-size: 16px;
  text-align: center;
}

.partnership-card {
  width: 1352px;
  background: #ffffff;
  border-radius: 24px;
  margin: 0 auto 100px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  gap: 72px;
  box-sizing: border-box;
}

.partnership-inner {
  display: flex;
  padding: 0;
  gap: 72px;
  width: 100%;
}

.partnership-visuals {
  width: 666px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.partnership-content {
  width: 505px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

.partnership-section-title {
  font-family: var(--font-orbitron);
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  color: #005ca9;
  margin-top: 0;
  margin-bottom: 32px;
  text-align: left;
}

.partnership-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 56px;
}

.partnership-group:last-child {
  margin-bottom: 0;
}

.partnership-group h3,
.partnership-subtitle {
  font-family: var(--font-chakra);
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #1e1e1e;
  text-align: left;
  margin: 0;
}

.partnership-group ul,
.partnership-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 32px; /* Standard tab width */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.partnership-group li,
.partnership-list li {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(30, 30, 30, 0.75);
  position: relative;
  padding-left: 20px; /* Dot to text gap */
  text-align: left;
}

.partnership-group li::before,
.partnership-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 11.5px;
  width: 5px;
  height: 5px;
  background-color: #1e1e1e;
  border-radius: 50%;
}

.partnership-group p {
  font-family: var(--font-chakra);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: rgba(30, 30, 30, 0.75);
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

.partnership-group br,
.partnership-list br,
.partnership-group li br {
  display: none;
}

.partnership-visual-item {
  position: relative;
  width: 666px;
  height: 440px;
  border-radius: 20px;
  overflow: hidden;
}

.partnership-visual-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partnership-visual-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65.42%, #000000 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 16px !important;
  box-sizing: border-box;
}

.partnership-visual-label {
  color: #ffffff;
  font-family: var(--font-chakra);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}

/* Mobile layout for Blockchain Ecosystem Partnership card */
@media (max-width: 768px) {
  .partnership-card {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 40px;
    padding: 16px 16px 20px;
    gap: 24px;
  }

  .partnership-inner {
    flex-direction: column;
    gap: 24px;
  }

  .partnership-visuals,
  .partnership-content {
    width: 100%;
  }

  .partnership-section-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 12px;
  }

  .partnership-group {
    margin-bottom: 32px;
  }

  .partnership-group h3,
  .partnership-subtitle {
    font-size: 20px;
    line-height: 28px;
  }

  .partnership-group ul,
  .partnership-list {
    margin: 0 0 0 20px;
  }

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

/* Tablet layout for Blockchain Ecosystem Partnership card (match laptop, narrower) */
@media (min-width: 769px) and (max-width: 1200px) {
  .partnership-card {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 60px;
    padding: 24px;
  }

  .partnership-inner {
    gap: 40px;
  }

  .partnership-visuals {
    width: 52%;
  }

  .partnership-visual-item {
    width: 100%;
    height: 320px;
  }

  .partnership-content {
    width: 48%;
  }

  .partnership-section-title {
    font-size: 32px;
    line-height: 44px;
  }
}

/* Dropdown chevron for all single-select fields (all pages) - excludes dashboard selects that have their own */
select:not([multiple]):not(.form-select):not(.rows-select):not(
    .country-dropdown
  ) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%231E1E1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

/* Mobile nav – hide cloned mobile menu on desktop */
@media (min-width: 769px) {
  #web3-mobile-menu,
  .web3-mobile-menu-toggle {
    display: none !important;
  }
}

/* Mobile hamburger menu (all pages) */
@media (max-width: 768px) {
  #primary-navbar,
  .page-id-4982 #primary-navbar,
  .page-template-tp-web3-initiatives #primary-navbar {
    display: none !important;
  }

  /* Reorder header items: [hamburger] — [logo centered] — [language] */
  .web3-mobile-menu-toggle {
    order: -1;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    margin: 0 12px 0 0; /* gap between hamburger and logo */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
  }

  /* Homepage only: add extra breathing room between hamburger and logo */
  body.home .web3-mobile-menu-toggle,
  body.page-template-landing-page .web3-mobile-menu-toggle {
    margin-right: 48px;
  }

  #site-logo {
    order: 0;
    flex: 0 1 auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-width: 0;
    max-width: 50%;
  }

  #site-logo img {
    max-width: 100px;
    height: auto;
  }

  .header-aside-cover {
    order: 1;
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: 0;
    max-width: none;
    overflow: visible;
    margin-left: auto;
  }

  .header-aside-inner {
    display: flex;
    align-items: center;
    gap: 6px !important;
  }

  .header-aside-inner .user-wrap .avatar,
  .header-aside-inner .user-wrap img.avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .web3-mobile-menu-toggle span {
    display: block;
    width: 16px;
    height: 2px;
    background: #ffffff;
    border-radius: 999px;
    transition:
      transform 0.2s ease,
      opacity 0.2s ease;
  }

  .web3-mobile-menu-toggle.is-open span:nth-child(1) {
    transform: translateY(3px) rotate(45deg);
  }

  .web3-mobile-menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }

  .web3-mobile-menu-toggle.is-open span:nth-child(3) {
    transform: translateY(-3px) rotate(-45deg);
  }

  .web3-mobile-menu {
    position: fixed;
    top: 64px;
    left: 0;
    right: 0;
    width: 100%;
    background: #002647;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    padding: 12px 16px 16px;
    box-sizing: border-box;
    max-width: 100%;
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    transition:
      opacity 0.2s ease,
      transform 0.2s ease;
    z-index: 999;
  }

  .web3-mobile-menu.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .web3-mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .web3-mobile-menu-list > li > a {
    display: block;
    padding: 8px 4px;
    font-family: var(--font-chakra);
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
  }

  .web3-mobile-menu-list > li.current-menu-item > a,
  .web3-mobile-menu-list > li.current_page_item > a {
    font-weight: 600;
  }

  .web3-mobile-signin-link {
    display: block;
    padding: 10px 4px;
    font-family: var(--font-chakra);
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  /* Hide standalone sign-in button on mobile; use dropdown item instead */
  .bb-header-buttons {
    display: none;
  }
}

/* Tablet-only tweaks (make community cards look like laptop, just narrower) */
@media (min-width: 769px) and (max-width: 1200px) {
  /* Community cards – keep laptop layout but narrower */
  .community-card {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin: 0 auto 32px;
    gap: 32px;
  }

  .community-card.reversed {
    flex-direction: row-reverse;
    align-items: center; /* center slider column vertically vs text */
  }

  .community-card-text {
    padding: 64px 40px;
    width: 52%;
    max-width: none;
    align-items: flex-start;
    text-align: left;
  }

  .community-card.reversed .community-card-text {
    padding: 64px 40px;
  }

  .community-card-visual {
    width: 48%;
    height: auto;
    margin: 24px 24px 24px 0;
  }

  .community-card.reversed .community-card-visual {
    margin: 24px 0 24px 24px;
  }

  /* Talent Attraction card image */
  .community-card:nth-of-type(3) .community-card-visual.static-visual {
    padding: 0;
  }

  /* Card 1: Blockchain unicorn grid – scale up on tablet */
  .community-card:first-of-type .community-card-visual {
    height: 380px;
  }

  .community-card:first-of-type .company-logos {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px 24px;
  }

  .community-card:first-of-type .company-badge {
    position: static;
    flex: 1 1 0;
    padding: 0 8px;
  }

  .community-card:first-of-type .company-badge img {
    width: 200px;
    height: auto;
  }

  /* Card 2: Center slider vertically in card */
  .community-card.reversed .community-card-visual.slider-visual {
    margin: 32px 0 32px 24px;
  }

  /* Regulatory & Policy Support card – tablet layout */
  .policy-card {
    width: 100%;
    max-width: 1100px;
    padding: 64px 40px;
    margin: 0 auto 32px;
  }

  .policy-body {
    gap: 40px !important;
    align-items: flex-start;
  }

  .policy-timeline-container {
    width: 60%;
  }

  .timeline-items {
    padding-left: 32px;
  }

  .policy-aside {
    width: 40%;
    max-width: 710px;
    align-self: stretch;
    overflow: hidden;
  }

  .web3hub-box {
    gap: 20px;
    overflow: hidden;
  }

  .web3hub-logo-card:first-child {
    flex: 0 0 auto;
    height: 183px;
    min-height: 183px;
  }

  .web3hub-logo-card {
    width: auto;
    flex: 1;
    min-height: 0;
    padding: 0;
    background: transparent;
  }

  .web3hub-logo-card:nth-child(2),
  .web3hub-logo-card:nth-child(3) {
    flex: 0 1 auto;
    align-items: flex-start;
  }

  .web3hub-logo-card img,
  .web3hub-logo-card .aside-image {
    width: auto;
    max-width: 80%;
    height: auto;
    object-fit: contain;
    object-position: left center;
    margin: 0 auto 0 0;
    border-radius: 8px;
  }

  /* Fundraising card – tablet layout similar to laptop but narrower */
.fundraising-card {
    width: 100%;
    max-width: 1100px;
    padding: 28px 40px 16px;
    margin: 0 auto 32px;
  }

  .fundraising-top {
    gap: 40px;
    align-items: center;
  }

  .fundraising-top-left {
    width: 48%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .fundraising-top-right {
    width: 52%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 20px 0;
  }

  .fundraising-top-right .logo-box-cin {
    width: 100%;
    max-width: 380px;
    margin-bottom: 10px; /* 10px gap above slider */
  }

  .fundraising-top-right .logo-box-cin img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .fundraising-top-right .slider-visual {
    width: 100%;
    max-width: 380px;
  }

  .fundraising-top-right .slider-visual .swiper {
    height: 280px;
  }

  .fundraising-card .policy-title {
    font-size: 32px;
    line-height: 44px;
  }

  /* Direct Engagement banner width */
  .engagement-banner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 24px;
  }

  /* Bottom fundraising gallery – ensure 3 images fit */
  .fundraising-grid {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
  }

  .fundraising-grid-item {
    height: 240px;
  }
}

/*03-03-2026 12:03PM - added by anuj */
.hero-content ul {
  color: #fff;
}

/* Final override: fundraising top-row alignment */
.fundraising-top {
  align-items: stretch !important;
}

.fundraising-top-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 0 !important;
}

.fundraising-top-right {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-end !important;
  padding: 10px 0 0 !important;
  box-sizing: border-box !important;
}

.fundraising-top-right .logo-box-cin {
  margin: 0 !important;
}

.fundraising-top-right .community-card-visual,
.fundraising-top-right .community-card-visual.slider-visual {
  margin: 0 !important;
  min-height: 0 !important;
}

@media (min-width: 1201px) {
  .fundraising-top-right .community-card-visual,
  .fundraising-top-right .community-card-visual.slider-visual {
    height: 440px !important;
  }
}

/* 03-03-2026 - Contact block form checkbox (match login fix) */

#communityContactForm input[type='checkbox'][name='privacy'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-block !important;
  position: relative !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #0b3751 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
}

#communityContactForm input[type='checkbox'][name='privacy']::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #0b3751 !important;
  pointer-events: none !important;
}

#communityContactForm input[type='checkbox'][name='privacy']:checked::before {
  content: '✔' !important;
}

/* 03-03-2026 - Contact page consent checkbox align/border fix */
.page-template-contact-page .contact-form .consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.page-template-contact-page .contact-form .consent input[type='checkbox'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #0b3751 !important;
  border-radius: 3px !important;
  background: #fff !important;
  position: relative !important;
}

.page-template-contact-page
  .contact-form
  .consent
  input[type='checkbox']::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 12px !important;
  color: #0b3751 !important;
  line-height: 1 !important;
}

.page-template-contact-page
  .contact-form
  .consent
  input[type='checkbox']:checked::before {
  content: '✔' !important;
}

/* 03-03-2026 - Contact checkbox stable fix (use native checkbox) */
#communityContactForm input[type='checkbox'][name='privacy'],
.page-template-contact-page .contact-form .consent input[type='checkbox'] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px !important;
  height: 16px !important;
  margin: 1px 0 0 0 !important;
  padding: 0 !important;
  border: 1px solid #0b3751 !important;
  border-radius: 2px !important;
  background: #fff !important;
  accent-color: #0b3751;
  transform: none !important;
}

#communityContactForm input[type='checkbox'][name='privacy']::before,
.page-template-contact-page
  .contact-form
  .consent
  input[type='checkbox']::before {
  content: none !important;
  display: none !important;
}

/* 03-03-2026 - Web3 page tablet header fix */
@media screen and (min-width: 769px) and (max-width: 800px) {
  .page-id-4982 #masthead,
  .page-id-4982 .site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .page-id-4982 .site-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px;
  }

  .page-id-4982 #site-logo,
  .page-id-4982 #site-navigation,
  .page-id-4982 #primary-navbar,
  .page-id-4982 #primary-navbar .landing-nav,
  .page-id-4982 #primary-navbar .landing-nav > ul,
  .page-id-4982 .header-aside-cover {
    display: flex;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Web3 page tablet nav — same fluid structure */
  .page-id-4982 #site-navigation,
  .page-id-4982 #primary-navbar,
  .page-id-4982 #primary-navbar .landing-nav {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    justify-content: center;
  }

  .page-id-4982 .web3-mobile-menu-toggle,
  .page-id-4982 #web3-mobile-menu {
    display: none !important;
  }
}

/* 03-03-2026 - Global tablet header fix (all pages) */
@media screen and (min-width: 769px) and (max-width: 800px) {
  #masthead,
  .site-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .site-header-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px;
  }

  #site-logo,
  #site-navigation,
  .main-navigation,
  #primary-navbar,
  #primary-navbar .landing-nav,
  #primary-navbar .landing-nav > ul,
  .header-aside-cover {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Tablet nav structure — fluid scaling rules handle sizing */
  #site-navigation,
  .main-navigation,
  #primary-navbar,
  #primary-navbar .landing-nav {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
    justify-content: center;
  }

  .web3-mobile-menu-toggle,
  #web3-mobile-menu {
    display: none !important;
  }
}

/* ============================================================
FLUID NAV SCALING — all links always visible above mobile
- No JS overflow hiding, no "More" button
- Items shrink fluidly with the viewport using clamp()
============================================================ */

/* Always hide the "More" collapse button — we don't need it */
#navbar-collapse {
  display: none !important;
}

/* Desktop baseline (≥ 769px): fluid nav */
@media screen and (min-width: 769px) {
  /* Header: never wrap, space-between so nav can use remaining space */
  .site-header-container {
    flex-wrap: nowrap;
    gap: clamp(10px, 1.5vw, 40px);
  }

  /* Navigation wrapper fills available space */
  #site-navigation,
  .main-navigation {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    overflow: visible;
  }

  #primary-navbar {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  #primary-navbar .landing-nav {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    overflow: visible;
  }

  /* Menu list: one row, no overflow hiding, items shrink together */
  #primary-navbar .primary-menu,
  #primary-navbar .landing-nav > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: clamp(2px, 0.5vw, 10px);
    overflow: visible;
    width: 100%;
  }

  /* Items never collapse */
  #primary-navbar .primary-menu li,
  #primary-navbar .landing-nav > ul li {
    flex: 0 0 auto;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Links scale fluidly: 10px at 769px → 16px at 1200px+ */
  #primary-navbar .primary-menu li a,
  #primary-navbar .landing-nav > ul li a {
    font-size: clamp(10px, 1.1vw, 16px);
    padding: clamp(3px, 0.3vw, 8px) clamp(2px, 0.35vw, 6px);
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
}

/* 769px–995px: tighten nav spacing so last item never gets clipped */
@media screen and (min-width: 769px) and (max-width: 995px) {
  #primary-navbar .primary-menu,
  #primary-navbar .landing-nav > ul {
    gap: clamp(0px, 0.3vw, 8px);
  }

  #primary-navbar .primary-menu li a,
  #primary-navbar .landing-nav > ul li a {
    font-size: clamp(9px, 1vw, 13px);
    padding: 2px 4px !important;
  }

  /* Allow the header container to wrap into two rows */
  .page-id-4982 .site-header-container {
    flex-wrap: wrap;
  }

  /* Remove the left sidebar toggle in this range to free space */
  .page-id-4982 .site-header-container .bb-toggle-panel {
    display: none !important;
  }

  /* Row 1: logo left */
  .page-id-4982 #site-logo {
    flex: 0 0 auto;
    margin-right: auto;
  }

  /* Row 1: header-aside (language + user) right */
  .page-id-4982 .header-aside-cover {
    flex: 0 0 auto;
    margin-left: auto;
    max-width: 260px;
    overflow: hidden;
  }

  .page-id-4982 .header-aside-inner {
    flex-wrap: nowrap;
    gap: 8px;
  }

  /* Row 2: nav takes full width under header */
  .page-id-4982 #site-navigation {
    order: 2;
    flex: 0 0 100%;
    margin-top: 8px;
    justify-content: center;
  }

  .page-id-4982 #primary-navbar {
    justify-content: center;
  }

  .page-id-4982 #primary-navbar .primary-menu,
  .page-id-4982 #primary-navbar .landing-nav > ul {
    flex-wrap: wrap;
    row-gap: 4px;
    justify-content: center;
  }
}

/* Logged-in global safety net 769–925px
   Make sure logo and nav never physically touch, even if header-aside grows. */
@media screen and (min-width: 769px) and (max-width: 925px) {
  body.logged-in .site-header .site-header-container.flex {
    column-gap: 24px; /* enforce space between logo/nav/user */
  }

  body.logged-in #site-logo {
    flex: 0 0 auto;
    margin-right: 16px;
  }

  body.logged-in #site-navigation {
    flex: 1 1 0;
    min-width: 0;
  }

  body.logged-in .header-aside-cover {
    flex: 0 0 auto;
    margin-left: 16px;
    max-width: 260px;
    overflow: visible; /* Must stay visible so dropdown isn't clipped */
  }

  /* Small, consistent nav text so all labels fit in this band */
  body.logged-in #primary-navbar .primary-menu li a,
  body.logged-in #primary-navbar .landing-nav > ul li a {
    font-size: 11px;
    padding: 3px 6px;
  }
}

/* Logo: always its natural size, never shrinks */
#site-logo {
  flex: 0 0 auto;
  min-width: 0;
}

/* Header aside: never grows/shrinks beyond its content */
.header-aside-cover {
  flex: 0 0 auto;
  min-width: 0;
}

/* Prevent the inner items from wrapping and blowing up the aside width */
.header-aside-inner {
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* Navigation stays in the middle, takes only what's left */
#site-navigation,
.main-navigation {
  flex: 1 1 0;
  min-width: 0;
  overflow: visible;
}

/* When logged in, cap the header bar username only (not the dropdown sub-menu) */
.logged-in .header-aside-inner .user-wrap > .user-link .user-name {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

/* Sub-menu dropdown: show full name and @mention, no truncation */
.header-aside-inner .user-wrap .sub-menu .user-link .user-name,
.header-aside-inner .user-wrap .sub-menu .user-link .user-mention {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap;
}

/* User dropdown: bring above cards on Web3, Careers, and all pages */
.header-aside-inner .user-wrap {
  position: relative;
  z-index: 10002;
}

/* Click-to-open: show sub-menu when profile-dropdown-open (matches :hover behavior) */
.header-aside-inner .user-wrap.profile-dropdown-open .sub-menu,
.header-aside-inner .user-wrap.profile-dropdown-open .sub-menu .wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.header-aside-inner .user-wrap .sub-menu,
.header-aside-inner .user-wrap .sub-menu .wrapper {
  z-index: 10002 !important;
}

/* Desktop: allow dropdown to extend below header (overflow:hidden was clipping it) */
@media (min-width: 1025px) {
  .header-aside-cover {
    overflow: visible !important;
  }
}

/* ============================================================
SIDEBAR SEARCH WIDGET — prevent text overlapping the search icon
============================================================ */

/* Wrap the form so the icon can be positioned inside */
.widget_search .search-form,
.widget_search form,
.wp-block-search__inside-wrapper {
  position: relative;
}

/* Push text start past the icon (~36px icon width + breathing room) */
.widget_search .search-field,
.widget_search input[type='search'],
.widget_search input[type='text'],
.wp-block-search__input {
  padding-left: 38px !important;
  box-sizing: border-box;
}

/* Standard WordPress widget: submit button sits on the left */
.widget_search .search-submit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  z-index: 1;
}

/* BuddyBoss sidebar search: icon is a pseudo-element or <i> inside the wrapper */
.widget_search .search-form::before,
.widget_search form::before {
  pointer-events: none;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: #9b9c9f;
  font-size: 14px;
}
/* 769-925px: Two-row grid, minimal vertical space so hero shows through */
@media screen and (min-width: 769px) and (max-width: 925px) {
  .header-tworow #masthead,
  .header-tworow .site-header {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    --bb-header-height: auto !important;
  }

  .header-tworow .site-header-container {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 12px 6px !important;
  }

  .header-tworow .site-header-container .bb-toggle-panel,
  .header-tworow .site-header-container .web3-mobile-menu-toggle {
    display: none !important;
  }

  .header-tworow #site-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
  }

  .header-tworow .header-aside-cover {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    max-width: 220px !important;
    overflow: hidden !important;
    align-self: center !important;
  }

  .header-tworow #site-navigation,
  .header-tworow .main-navigation {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 0 0 !important;
    margin: 0 !important;
    flex: unset !important;
  }

  .header-tworow #primary-navbar {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .header-tworow #primary-navbar .primary-menu,
  .header-tworow #primary-navbar .landing-nav,
  .header-tworow #primary-navbar .landing-nav > ul {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    row-gap: 0 !important;
    column-gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
  }

  /* Strip all space around the menu ul */
  .header-tworow #primary-navbar ul.primary-menu,
  .header-tworow #primary-navbar .landing-nav ul {
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
  }

  .header-tworow .landing-nav {
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-tworow #primary-navbar .primary-menu li,
  .header-tworow #primary-navbar .landing-nav > ul li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-tworow #primary-navbar .primary-menu li a,
  .header-tworow #primary-navbar .landing-nav > ul li a {
    font-size: 12px !important;
    padding: 2px 4px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  .header-tworow #navbar-collapse {
    display: none !important;
  }

  /* Ensure hero section starts below the 2-row fixed header */
  body.header-tworow .hero-section {
    margin-top: 130px !important;
  }

  /* Increased padding to prevent 2-row fixed header from cutting off content */
  body.header-tworow.blog #content.site-content,
  body.header-tworow.page-template-community-offers #content.site-content {
    padding-top: 140px !important;
  }
}

@media (max-width: 768px) {
  body .site-header-container.flex.default-header {
    position: relative !important;
  }

  body .site-header-container.flex.default-header .header-aside-cover {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    z-index: 1002 !important;
  }
  #header-aside,
  .header-aside-inner,
  .header-aside-inner .user-wrap {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header-aside-cover .trp-current-language-item__wrapper {
    padding: 2px 6px !important;
    font-size: 11px !important;
    min-width: 0 !important;
  }

  .header-aside-inner .user-wrap img.avatar {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: block !important;
  }
  .header-aside-inner .user-wrap > .user-link .user-name,
  .header-aside-inner .user-wrap > .user-link .bb-icon-angle-down {
    display: none !important;
  }
}
/* 925–1024px: ensure user dropdown clears the content-wrapper card
   Two root causes fixed here:
   1. overflow: hidden on header-aside-cover clips the dropdown
   2. header stacking context must be above content-wrapper (z-index: 20)
   Applies to both the two-row layout variant and the standard layout. */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* Fix for ALL pages: never clip the dropdown in header-aside */
  .header-aside-cover {
    overflow: visible !important;
  }

  /* Fix for two-row layout variant */
  .header-tworow .header-aside-cover {
    max-width: none !important;
    overflow: visible !important;
  }

  /* Push user dropdown down to avoid overlapping the trigger in the top row */
  .header-tworow .header-aside-inner .user-wrap .sub-menu {
    top: 100% !important;
    margin-top: 10px !important;
  }
}

/* 925–1024px: raise the header stacking context above content-wrapper (z-index:20)
   so the user dropdown (z-index: 10002 within .user-wrap) is actually visible */
@media screen and (min-width: 925px) and (max-width: 1024px) {
  #masthead,
  .site-header {
    position: relative;
    z-index: 100 !important;
  }

  /* Also ensure the header-aside itself doesn't create a clipping context */
  #header-aside,
  .header-aside-inner,
  .header-aside-cover {
    overflow: visible !important;
  }

  /* Explicitly raise user-wrap sub-menu above the page card */
  .header-aside-inner .user-wrap .sub-menu,
  .header-aside-inner .user-wrap .sub-menu .wrapper {
    z-index: 10010 !important;
  }
}

/* 925–1025px: Remove white gap on Home, News, and Community Offers by zeroing out site-content padding/margin */
@media screen and (min-width: 925px) and (max-width: 1025px) {
  body.home #content.site-content,
  body.home #content.site-content > .container,
  body.home #content.site-content .site-content-grid,
  body.blog #content.site-content,
  body.blog #content.site-content > .container,
  body.page-template-community-offers #content.site-content,
  body.page-template-community-offers #content.site-content > .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

/*03-17-2026 - code added by anuj*/
.modal-offer-box p{
  margin-bottom: 0px !important;
}