/*
Theme Name:   The Concept Trading
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.6.105
Text Domain: tct
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
/* Global */
/* Media query breakpoints */
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
  .visible-sm, .visible-md, .visible-lg, .visible-xl {
    display: none !important;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  .visible-xs, .visible-md, .visible-lg, .visible-xl {
    display: none !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  .visible-xs, .visible-sm, .visible-lg, .visible-xl {
    display: none !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  .visible-xs, .visible-sm, .visible-md, .visible-xl {
    display: none !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
  .visible-xl {
    display: block !important;
  }
  .visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
  }
}

/* Utility classes to hide elements on all screen sizes */
.hidden {
  display: none !important;
}

/* Utility classes to make elements visible on all screen sizes */
.visible {
  display: block !important;
}

.nowrap{white-space: nowrap;}

/* elementor-form */
.elementor-widget-form .elementor-field-group .elementor-field{
  font-weight: 500;
  color: #3A3A3A;
}

/*TraderView Copyright*/
.tradingview-widget-copyright {
  display: none;
}
/*trust pilot badge*/
div#tp-widget-wrapper {
  text-align: left!important;
}

/*Remove Underline Link*/
a:link { 
text-decoration: none!important; 
} 
a:visited { 
text-decoration: none!important; 
} 
a:hover { 
text-decoration: none!important; 
} 
a:active { 
text-decoration: none!important; 
}

#content a:not(.tabs li a, .card-header a, .elementor-button, .checkout-button a){
  position: relative;
  overflow: hidden;
  width: auto!important;
}

#content a:not(.elementor-button, .button, .tabs li a, .card-header a, .elementor-widget-image a, .no-underline a):hover,
.post a:hover,
a.tct-hover-underline:hover{ 
 color: inherit;
 border-bottom: 1px solid;
} 

footer .socila-media a:hover{
  text-decoration: none!important;
  border-bottom: none;
}

footer .socila-media .elementor-icon-list-item a{
  border-radius: 100%;
  background-color: transparent;
  height: 40px;
  width: 40px !important;
  border: 1px solid #FFFFFF5E;
  display: flex;
  flex-direction: row;
  justify-content: flex-end!important;
}

footer .socila-media .elementor-icon-list-item a:hover{
  background-color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-secondary);
}

footer .socila-media .elementor-icon-list-icon svg{
  height: 18px;
  margin: 0px 0px !important;
}

/* Table Payout Matrix */
.trading-program-table{
padding: 0px 0px;
font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}
.trading-program-table.new-trading-table{margin-top: 40px;border-radius: 8px;overflow: hidden;}
.trading-program-table table{
font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #fff;
}
.trading-program-table table tr th{
font-weight: 700;
}
.trading-program-table table tr th, 
.trading-program-table table tr td{
border: none;
}
.trading-program-table table tbody>tr:nth-child(odd)>td, 
.trading-program-table table tbody>tr:nth-child(odd)>th{
background-color: transparent!important;
}
.trading-program-table > div > div:first-child{
background-color: #161616;
}

.trading-program-table > div > div:first-child td,
.trading-program-table > div > div:first-child th{
  /* text-align: right; */
}
.trading-program-table th{
  border-bottom: .5px solid #000!important;
}
.trading-program-table .trading-program-details-container .swiper-slide:nth-child(even) {
background-color: #101010;
}

.trading-program-table .trading-program-details-container .swiper-slide:nth-child(odd) {
background-color: #202020;
}
.trading-program-table > div > div:first-child{
border-radius: 8px 0px 0px 8px;
}
.trading-program-table .trading-program-labels tr th,
.trading-program-table .trading-program-labels tr td{
text-align: left;
text-transform: capitalize;
}
.trading-program-table .buy-now{
border: none;
width: 80%;
font-size: 16px;
line-height: 16px;
padding: 14px 15px;
}
.trading-program-table .buy-now:hover{
background-color: var(--e-global-color-secondary);
}
.trading-program-table .fa-arrow-right:before{
  content: "\f054";
}
.trading-program-table .fa-arrow-left:before {
  content: "\f053";
}
.trading-program-table #slideRight{
  right: 5px;
}
.trading-program-table .fas{
  font-size: 20px;
  background-color: transparent;
  color: var(--e-global-color-secondary);
}
.trading-program-table .icon-circle.swiper-button-disabled{
  display: none;
}
.trading-program-table .trading-program-labels tr:last-of-type td {
  padding-top: 25px;
}

/* Packages Program Table */
.woocommerce.wc-tabs-wrapper div.product,
#payout_matrix{
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs{
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
  margin: 0px 0px;
  padding: 0px 0px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs::before,
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs::after{
  display: none !important;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs li{
  border: none;
  margin: 0px 0px;
  padding: 0px 0px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs li::after{
  display: none;
}

.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs{
  border-radius: 50px;
  border: 1px solid var(--e-global-color-secondary);
  background: #000;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
  display: flex;
  justify-content: center;
  width: fit-content;
  margin: 0px auto;
  gap: 0px;
  padding: 12px 12px;
  overflow: visible;
}

@media screen and (max-width: 767px) {
 .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs{
    display: block;
    margin: 0 15px;
    border-radius: 35px;
    width: auto;
  }
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs li.premier_tab a:before {
  content: 'Popular';
  position: absolute;
  top: -22px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  background: var(--e-global-color-secondary);
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs li{
  border-radius: 50px;
  background-color: transparent;
  padding: 6px 30px;
  color: #9A9696;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs li.active{
  background-color: #fff;
  color: #000000;
}

.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.product-tabs,
#payout_matrix ul.product-tabs{
  margin-top: 35px;
  border-bottom: 1px solid #C8C6C1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 3rem;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li,
#payout_matrix ul.tabs.product-tabs li{
  background: transparent;
  font-size: 20px;
  line-height: 20px;
  padding: 0px 0px 15px;
  color: #fff;
  border-bottom: 4px solid transparent;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li a,
#payout_matrix ul.tabs.product-tabs li a{
  color: #fff;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li.active,
#payout_matrix ul.tabs.product-tabs li.active{
  color: var(--e-global-color-secondary);
  border-bottom: 4px solid var(--e-global-color-secondary);
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li.active a,
#payout_matrix ul.tabs.product-tabs li.active a{
  color: var(--e-global-color-secondary);
}

.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table {
  padding: 35px 0px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table > div > div:first-child{
  background-color: #161616;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table .table-container{
  padding: 30px 0px 30px 30px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table .trading-program-details-container{
  padding: 30px 30px 30px 0px;
  background: #101010;
  border-radius: 0px 8px 8px 0px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: 30px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .action-buttons{
  display: flex;
  gap: 18px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table{
  margin: 0px 0px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table tr th, 
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table tr td{
  width: 50%;
  border: 1px solid #2b2b2bee;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table tr:last-of-type  td{
  padding-top: 15px;
}
.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .action-buttons .button{
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  background-color: #000000;
  border: 2px solid var(--e-global-color-secondary);
  border-radius: 8px;
  padding: 16px 0px;
  min-width: 158px;
  text-align: center;
}

.woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .action-buttons .button:hover{
  background-color: var(--e-global-color-secondary);
}
.trading-program-pre-checkout .checkout-button .button {
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  background-color: #00b67a;
  border: 1px solid #00b67a;
  border-radius: 8px;
  padding: 22px;
  transition: all 0.3s ease; /* Add transition for smooth hover effect */
}

.trading-program-pre-checkout .checkout-button .button:hover {
  color: #fff; /* Keep the text color white */
  background-color: #008f5a; /* Darker background color on hover */
  border-color: #008f5a; /* Match the border color with the darker background color */
}



@media screen and (max-width: 767px) {
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs{
    padding: 10px 12px;
    gap: 5px;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs,
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li,
  #payout_matrix ul.tabs.product-tabs li{
    font-size: 16px;
    line-height: 16px;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
    padding: 0 15px;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.category-tabs li{
    padding: 4px 10px;
    white-space: nowrap;
  }

  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table .table-container,
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table .trading-program-details-container{
    padding: 0px 0px 0px;
    border-radius: 0;
  }

  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.product-tabs,
  #payout_matrix ul.product-tabs{
    margin-top: 25px;
    gap: 0.5rem;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs ul.tabs.product-tabs li,
  #payout_matrix ul.tabs.product-tabs li{
    display: flex;
    align-items: center;
    padding: 0px 5px 5px;
    line-height: 20px;
  }

  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer{
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .action-buttons{
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0px 15px;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .action-buttons .button{
    min-width: 100%;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .checkout-button{
    width: 100%;
    padding : 0px 15px;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-details-footer .checkout-button .button{
    width: 100%;
    text-align: center;
  }
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table tr th, 
  .woocommerce.wc-tabs-wrapper div.product .woocommerce-tabs .product-panel .trading-program-table table tr td{
    padding: 12px;
    border: 1px solid #2b2b2bee;
  }

}

.trading-program-table .trading-program-details-container .trading-program-details td .button{
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  background-color: #00b67a;
  border: 1px solid #00b67a;
  border-radius: 8px;
  padding: 10px 16px;
  display: block;
  margin: 0 20px;
}
.trading-program-table .trading-program-details-container .trading-program-details td .button:hover{
  color: #fff; /* Keep the text color white */
  background-color: #008f5a; /* Darker background color on hover */
  border-color: #008f5a; /* Match the border color with the darker background color */
}
/* Select Type Currency */
.tct-get-funded-buttons .tippy-box{
  background-color: #000;
}
.tct-get-funded-buttons .tippy-box .tippy-content{
  padding: 0px 0px;
  /* border: 1px solid var(--e-global-color-accent); */
  /* border-radius: 8px; */
  overflow: hidden;
}
.tct-get-funded-buttons .tippy-box .tct-currency-form-switcher .currency-options button.currency-option{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  margin: 0 0 5px;
  padding: 16px 16px;
  background-color: #fff;
  color: #000;
  border: none;
  border-radius: 5px;
  /* margin: 5px; */
}
.tct-get-funded-buttons .tippy-box .tct-currency-form-switcher .currency-options button.currency-option:hover{
  background-color: var( --e-global-color-accent );
  color: #fff;
}
.tct-get-funded-buttons .tippy-box .tct-currency-form-switcher .currency-options button.currency-option .yay-currency-flag{
  margin: 0px 0px!important;
}


/* Payout Matrix & Comparison Table */
#payout_matrix ul.product-tabs{
  margin-top: 0px;
}
#payout_matrix ul.tabs.product-tabs{
  list-style-type: none;
}
#payout_matrix ul.tabs.product-tabs li a {
  display: inline-block;
  padding: .5em 0;
  font-weight: 700;
}
#payout_matrix .payout-product-panel .payout-product-title{
  display: none;
}
#payout_matrix .payout-product-panel .payout-matrix-table{
  margin-top: 30px;
}

#payout_matrix .payout-matrix-table .payout-table-container,
.comparison-table-container {
  position: relative;
}

#payout_matrix .payout-product-panel .payout-matrix-table .sticky-column > table,
.comparison-table-container .sticky-column > table{
  background-color: #161616;
}

#payout_matrix table td, 
#payout_matrix table th,
.comparison-table-container table td,
.comparison-table-container table th{
  border: 1px solid #2b2b2bee;
}

#payout_matrix .payout-product-panel .payout-matrix-table .sticky-column,
#payout_matrix .payout-product-panel .payout-matrix-table .swiper-slide,
.comparison-table-container .sticky-column,
.comparison-table-container .swiper-container{
  text-align: center;
}
#payout_matrix .payout-matrix-table .swiper-wrapper .swiper-slide:nth-child(even)>table,
.comparison-table-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(even)>table{
  background-color: #101010;
  color: #fff;
}

.payout-matrix-details {
  margin-block-end: 0;
}

.payout-matrix-details td,
.payout-matrix-details th,
#payout_matrix .payout-matrix-table .swiper-wrapper .swiper-slide:nth-child(odd)>table,
.comparison-table-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(odd)>table{
  background-color: #2b2b2bee!important;
  color: #fff!important;
}
#payout_matrix .payout-matrix-table .swiper-wrapper .swiper-slide td:empty,
.comparison-table-container .swiper-container .swiper-wrapper .swiper-slide td:empty{
  padding: 24.5px 15px;
}

/* Mobile override */
@media (max-width: 600px) {
  #payout_matrix .payout-matrix-table .swiper-wrapper .swiper-slide td:empty,
  .comparison-table-container .swiper-container .swiper-wrapper .swiper-slide td:empty{
    padding: 21px 15px;
  }
}


#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next,
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev,
.comparison-table-container .swiper-container .swiper-button-next,
.comparison-table-container .swiper-container .swiper-button-prev{
  background-image: none;
  top: 1.8rem;
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next,
.comparison-table-container .swiper-container .swiper-button-next{
  right: 0;
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev
.comparison-table-container .swiper-container .swiper-button-prev{
  left: 5rem;
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next::before,
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev::before,
.comparison-table-container .swiper-container .swiper-button-next::before,
.comparison-table-container .swiper-container .swiper-button-prev::before{
  font-size: 30px;
  background-color: transparent;
  color: var(--e-global-color-secondary);
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next::before,
.comparison-table-container .swiper-container .swiper-button-next::before{
  content: "\276F";
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev::before,
.comparison-table-container .swiper-container .swiper-button-prev::before{
  content: "\276E";
}
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next.swiper-button-disabled::before,
#payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev.swiper-button-disabled::before,
.comparison-table-container .swiper-container .swiper-button-next.swiper-button-disabled::before,
.comparison-table-container .swiper-container .swiper-button-prev.swiper-button-disabled::before{
  color: #abb8c3 ! Important;
}
@media screen and (min-width: 767px) {
  #payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next,
  #payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev,
  .comparison-table-container .swiper-container .swiper-button-next,
  .comparison-table-container .swiper-container .swiper-button-prev{
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .comparison-table-container,
  #payout_matrix{
    padding: 0px 15px;
  }
  #payout_matrix ul.tabs.product-tabs{
    padding-left: 0px;
  }
  #payout_matrix .payout-matrix-table .payout-table-container .swiper-button-next,
  #payout_matrix .payout-matrix-table .payout-table-container .swiper-button-prev{
    top: 28px;
  }
  .comparison-table-container .swiper-container .swiper-button-next,
  .comparison-table-container .swiper-container .swiper-button-prev{
    top: 24px;
  }
  .swiper-button-prev, 
  .swiper-container-rtl .swiper-button-next{
    left: 0px;
  }
  #payout_matrix .payout-matrix-table .swiper-button-prev{
    left: 6px;
  }
}

.trading-program-table table,
.comparison-table-container table,
.payout-matrix-table table {
  font-size: 16px;
  font-weight: 700;
}

.trading-program-table table td,
.comparison-table-container table td,
.payout-matrix-table table td{
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .trading-program-table table,
  .comparison-table-container table,
  .payout-matrix-table table {
    font-size: 12px;
    line-height: 26px;
    font-weight: 700;
  }
  .trading-program-table table td,
  .comparison-table-container table td,
  .payout-matrix-table table td{
    line-height: 1;
  }
}

/*Start Affiliate WP*/
.tct-affiliate .affwp-form input.button{
    width: 100%;
    padding: 14px 18px;
    margin: 20px auto;
}
/*End Affiliate WP*/

/* Plugin - CookieYes */
.cky-consent-container .cky-title,
.cky-consent-container p,
.cky-modal{
  font-family: var(--e-global-typography-103bbd1-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-103bbd1-font-size)!important;
  font-weight: var(--e-global-typography-103bbd1-font-weight)!important;
  line-height: var(--e-global-typography-103bbd1-line-height)!important;
  letter-spacing: var(--e-global-typography-103bbd1-letter-spacing)!important;
  word-spacing: var(--e-global-typography-103bbd1-word-spacing)!important;
}
.cky-consent-container p,
.cky-modal p{
  font-weight: 500!important;
}
.cky-btn{
  font-family: var(--e-global-typography-103bbd1-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-103bbd1-font-size)!important;
  font-weight: var(--e-global-typography-103bbd1-font-weight)!important;
  line-height: var(--e-global-typography-103bbd1-line-height)!important;
  letter-spacing: var(--e-global-typography-103bbd1-letter-spacing)!important;
  word-spacing: var(--e-global-typography-103bbd1-word-spacing)!important;
  color: var(--e-global-color-text)!important;
  border-style: solid!important;
  border-width: 1px 1px 1px 1px!important;
  border-color: var(--e-global-color-secondary)!important;
  background-color: var(--e-global-color-accent)!important;
}
.cky-btn:hover{
  opacity: 1!important;
}


/* End Plugin - CookieYes */

/*Plugin TripleA*/
.sellkit_payment_box span {
  color: var(--e-global-color-primary);
}
.triplea-span-msg {
  color: red !important;
  font-size: large;
  display: block;
}
/* End Plugin TripleA*/

.notice-bar {
  font-family: "Korolev Medium", sans-serif;
  font-size: 1rem;
    color: var(--e-global-color-text);
  border-style: solid!important;
  border-width: 1px 1px 1px 1px!important;
  border-color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-accent);
    font-size: 1rem;
    position: relative;
    padding: 1rem;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Ensure it's above other content */
}
.notice-bar p{
  margin-block-end: 1rem;
  max-width: min(100%,var(--container-max-width,1140px));
  margin-left: auto;
  margin-right: auto;
}

/**
 * PayPal Advanced Card Processing
 */
#wc-ppcp-credit-card-gateway-cc-form {
  border: solid 1px #e1e1e1;
}
#wc-ppcp-credit-card-gateway-cc-form input {
  border: solid 1px #e1e1e1;
}
#wc-ppcp-credit-card-gateway-cc-form label {
  color: #737373;
}
#wc-ppcp-credit-card-gateway-cc-form label label>img:first-of-type {
  position: relative !important;
}
.sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label {
  justify-content: flex-start;
}
.sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods li label label>img:first-of-type {
  position: relative!important;
}

.cky-btn.cky-btn-reject {
  display: none;
}
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject {
  display: block;
}
/*#place_order.ppcp-hidden {
     display: block !important; 
}*/

.sellkit_step-template{
    font-family: var(--e-global-typography-52e4e03-font-family), Sans-serif;
    font-size: 16px;
}
#sellkit-checkout-widget-id .sellkit-checkout-widget-login-section div.sellkit-checkout-fields-wrapper .mini-title{
    font-family: var(--e-global-typography-52e4e03-font-family), Sans-serif;
}
#sellkit-checkout-widget-id .sellkit-checkout-widget-password-field, #sellkit-checkout-widget-id .login-wrapper,
#sellkit-checkout-widget-id .jupiter-checkout-widget-email-search{
  display:none!important;
}
.sellkit-widget-checkout-fields input,
.sellkit-widget-checkout-fields select,
.sellkit-checkout-right-column input{
    border: solid 1px rgba(0, 0, 0, .1)!important;
}
.sellkit-widget-checkout-fields input:focus,
.sellkit-widget-checkout-fields select:focus,
.sellkit-checkout-right-column input:focus{
    outline: none;  
}
.sellkit_step-template [type=button]:focus, 
.sellkit_step-template [type=submit]:focus,
.sellkit_step-template button:focus {
    outline: none!important;
}
.sellkit_step-template .woocommerce-error, 
.sellkit_step-template .woocommerce-info,
.sellkit_step-template .woocommerce-message {
  margin: 0;
    background-color: transparent;
}
.sellkit-checkout-fields-wrapper.sellkit-widget-checkout-fields.sellkit-checkout-excluded-wrapper-fields.sellkit-login-section {
    padding: 15px;
    background: #fafafa;
    border: solid 1px #e1e1e1;
    border-bottom: none;
}
.sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column{
    margin-top:-60px;
}
.sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column>div {
    border-right: none;
}
.woocommerce-billing-fields.sellkit-one-page-checkout-billing.sellkit-checkout-local-fields {
    margin-top: -15px;
}
.sellkit-multistep-checkout.sellkit-multistep-checkout-third {
    margin-top: -15px;
}
.sellkit_step-template .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    color: #000 !important;
    display: block !important;
}
.sellkit-checkout-terms p{
    color:#000;
}
.sellkit-checkout-widget-main-wrapper .sellkit-one-page-checkout-payment-methods ul.payment_methods .sellkit_payment_box p{
    font-size:16px;
}
.sellkit-checkout-terms a,
#stripe-payment-data p a{
    color:var(--e-global-color-secondary);
}
.sellkit-checkout-terms a:hover,
#stripe-payment-data p a:hover{
    color:var(--e-global-color-secondary);
}
#stripe-payment-data fieldset {
    border: none;
    color: #737373;
}
#stripe-payment-data .form-row{
    padding:0em!important;
}
/*Custom Field Style*/
/*.custom-field {
    margin-top: -15px;
    padding: 15px;
    background: #fafafa;
    border: solid 1px #e1e1e1;
}*/

.custom-field select {
    border: 1px solid #ebebeb;
    background : #fff;
    /*border: 1px solid #aaa !important;*/
    padding-left: 10px;
}
.woocommerce-invalid-required-field select {
  border: 1px solid red !important;
}
:focus-visible {
    outline: none!important;
    outline: -webkit-focus-ring-color #dddbdb 0px
}

.custom-field select:focus {
    border: 1px solid #ebebeb;
}

.woocommerce form .custom-field .form-row.woocommerce-validated select {
    border: 1px solid #dddbdb!important;
}

.custom-field select option {
    background : #fff;
}

.custom-field select, .custom-field label {
    font-size: 16px;
    color: #3a3a3a;
}

.custom-field p label {
    display: none;
}
/* 600px and smaller screen sizes */
@media (max-width:600px){
.sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-left-column{
    margin-top:inherit;
}
#sellkit-checkout-widget-id .sellkit-multistep-checkout-sidebar {
    box-shadow: none!important;
}
#sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper, #sellkit-checkout-widget-id .woocommerce-shipping-fields__field-wrapper {
    display: inline-table;
}
#stripe-payment-data fieldset {
    padding: 0px;
}
#sellkit-checkout-widget-id .woocommerce-billing-fields__field-wrapper {
    padding: 16px 16px 4px 16px;
}
.sellkit-checkout-widget-multi-page-build form .inner_wrapper .sellkit-checkout-right-column .sellkit-multistep-checkout-sidebar .woocommerce-checkout-review-order table .cart_item .product-total .woocommerce-Price-amount {
    position: unset!important;
}
}

/* Adjust the grid layout for smaller screens */
@media (max-width: 1024px) {
    .checkout-grid {
        grid-template-columns: 1fr; /* One column layout */
    }
}

@media (max-width: 768px) {
    .checkout-grid {
        grid-template-columns: 1fr; /* One column layout */
        gap: 10px; /* Reduce gap for smaller screens */
    }
}

@media (max-width: 480px) {
    .checkout-grid {
        grid-template-columns: 1fr; /* One column layout */
        gap: 5px; /* Further reduce gap for very small screens */
    }
}

.checkout-column {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    color: #3a3a3a;
    border-radius: 16px;
}
.checkout-column.payment-column,
.checkout-column .payment-column{
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.09019607843137255);
}
.billing-details, .additional-information {
    margin-bottom: 20px;
}

.woocommerce-checkout-payment label{
    color: #3A3A3A;
}
/* Increase the height of the Select2 container */
.select2-container .select2-selection--single {
    height: 38px; /* Adjust this value as needed */
    display: flex;
    align-items: center;
    padding-left: 10px;
}

/* Ensure the rendered selection text is vertically centered */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px; /* Match this value to the height */
}

/* Adjust the height of the dropdown arrow */
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px; /* Slightly less than the total height */
    display: flex;
    align-items: center;
}
/* Change the text color of the items in the Select2 dropdown */
.select2-container--default .select2-results__option {
    color: #3A3A3A; /* Change the text color to black */
    padding-left: 16px!important;
}

/* Optionally, you can also set the background color for better contrast */
.select2-container--default .select2-results__option--highlighted {
    background-color: #f0f0f0; /* Light grey background for highlighted item */
}

#payment_method_triplea_payment_gateway + label {
    display: inline-block!important;
}

.woocommerce form.checkout_coupon{
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  color: #3a3a3a;
  margin-top: 0;
  border-radius: 16px;
}

.woocommerce form input{
  border: 1px solid #aaa;
  vertical-align: middle;
}

.woocommerce form input:focus{
  border: 1px solid #aaa;
}
.woocommerce form.woocommerce-form-coupon .form-row-first{
  width: 70%;
  margin: 0;
}

.woocommerce form.woocommerce-form-coupon .form-row-last{
  width: 30%;
}

@media (max-width: 768px) {
    .woocommerce form.woocommerce-form-coupon .form-row-first,
    .woocommerce form.woocommerce-form-coupon .form-row-last {
        width: 100%;
        margin-bottom: 10px; /* Add some spacing between the rows */
    }
}

.woocommerce form .form-row-last button{
  width: 100%;
  height: 38px
}

#ppcp-hosted-fields .ppcp-dcc-order-button, #triplea_embedded_payment_form_btn, #place_order {
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: button;
    background-color: var( --e-global-color-secondary )!important;
    border: 2px solid var( --e-global-color-secondary )!important;
    border-radius: 7px;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    height: 56px;
    padding: 0 40px !important;
    width: 100% !important;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

#ppcp-hosted-fields .ppcp-dcc-order-button:hover, #triplea_embedded_payment_form_btn:hover, #place_order:hover {
    background-color: var( --e-global-color-primary )!important; /* Slightly darker shade */
    border-color: var( --e-global-color-primary )!important;
    color: #ffffff !important; /* Keep text color white */
    box-shadow: none!important;
    transform: none!important;
}

.woocommerce-checkout #payment {
    background-color: #faf9f6;
    border-radius: 16px;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #f2efe9; /* New light inner color */
}
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
    border: 1em solid #f2efe9;  /* New light inner color */
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce table.shop_table {
    border: none;
}
.shop_table.woocommerce-checkout-review-order-table td,
.shop_table.woocommerce-checkout-review-order-table th{
    border: none !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}
.shop_table.woocommerce-checkout-review-order-table tbody>tr:nth-child(odd)>td,
.shop_table.woocommerce-checkout-review-order-table tbody>tr:nth-child(odd)>th{
    background-color: transparent;
}
#wc-ppcp-credit-card-gateway-cc-form {
    margin: 0!important;
}
#wc-ppcp-credit-card-gateway-cc-form p {
    margin-bottom: 0!important;
}
.woocommerce-terms-and-conditions-wrapper:not(#payment .woocommerce-terms-and-conditions-wrapper) {
    display: none;
}

/**
 * Pre-checkout form
 */
.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: 0 auto;
}

.product-details {
    margin-bottom: 20px;
    text-align: center; /* Center the title and specs */
}

.product-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.product-specs {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product-specs li {
    font-size: 14px;
    color: #555;
    margin-bottom: 5px;
}

.trading-program-pre-checkout-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.spread-selection {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.spread-selection label {
    display: block;
    margin-bottom: 5px;
}

.spread-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.spread-option label {
    font-weight: normal;
}

.spread-option input[type="radio"] {
    margin-right: 10px;
}

.spread-option label {
    margin: 0;
}

.checkout-spread-selection {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.checkout-spread-selection > label {
    display: block;
    margin-bottom: 5px;
}

.checkout-spread-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-spread-option input[type="radio"] {
    margin-right: 10px;
}

.checkout-spread-option label {
    margin: 0;
}

.checkout-spread-selection .woocommerce-input-wrapper input,
.checkout-spread-selection .woocommerce-input-wrapper label{
  display: inline !important;
  margin-right: 5px;
}

.checkout-spread-selection .woocommerce-input-wrapper label{
  margin-right: 20px;
}

.trading-program-pre-checkout-form select {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #000; /* Set the font color to black */
    -webkit-text-fill-color: #000; /* Ensure the font color is black on iOS Safari */
    appearance: none; /* Remove default styling */
    -webkit-appearance: none; /* Remove default styling for Safari and Chrome */
    -moz-appearance: none; /* Remove default styling for Firefox */
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><polyline points="1,3 5,7 9,3" style="fill:none;stroke:black;stroke-width:2"/></svg>') no-repeat right 10px center; /* Custom caret */
    background-color: #fff;
    background-size: 10px;
}

.trading-program-pre-checkout-form select::-ms-expand {
    display: none; /* Remove default dropdown arrow in Internet Explorer */
}

.trading-program-pre-checkout-form .checkout-button {
    text-align: center;
}

@media (max-width: 480px) {
    .form-container {
        padding: 20px 40px;
    }

    .product-title {
        font-size: 18px;
    }

    .product-specs li {
        font-size: 12px;
    }
}

button.swal2-confirm {
  color: #fff!important;
  background-color: var(--e-global-color-secondary)!important;
  border: 2px solid var(--e-global-color-secondary)!important;
  border-radius: 8px!important;
}
button.swal2-confirm:hover {
  background-color: var( --e-global-color-primary ) !important;
  border-color: var( --e-global-color-primary ) !important;
}

.siq_bR {
  bottom: 10px;
  right: 10px;
  position: fixed;
  display: none; /* Initially hidden */
}
.cky-revisit-bottom-left {
  display: none;
  background-color: var(--e-global-color-secondary)!important;
}

.tct-checkout-currency-switcher {
    float: right;
}

#payment ul.payment_methods li img.ppcp-card-icon {
    padding: 0 0 3px 3px;
    max-height: 25px!important;
    display: inline-block
}
/* Remove margins from the SweetAlert2 popup */
.swal2-popup.payout-matrix-swal, .payout-matrix-swal .swal2-html-container,.payout-matrix-swal #payout_matrix {
  margin: 0 !important;
  padding: 0 !important;
}

/* Position the close button outside the popup */
.swal2-close {
  position: absolute;
  top: -10px !important;  /* Adjust this value as needed */
  right: -10px !important; /* Adjust this value as needed */
}

.wc-stripe-upe-form {
  border: none;
  padding: 0 0 16px;
}

.yay-currency-custom-select-wrapper {
  display: none;
}

.checkout.woocommerce-checkout {
  background: #eee;
  padding: 20px;
  border-radius: 20px;
}
.checkout.woocommerce-checkout #customer_details {
  margin: 0;
}
.checkout.woocommerce-checkout #customer_details .woocommerce-billing-fields,
.e-checkout__order_review,
.e-coupon-box,
.woocommerce-checkout-payment {
  padding: 20px!important;
  border-radius: 10px!important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .woocommerce-billing-fields .form-row:last-child {
  margin-bottom: 0;
}

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row textarea, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row textarea, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row .input-text, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row select, .elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-anchor .form-row textarea,
.select2-selection.select2-selection--single {
  background-color: #fafafa !important;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  padding: 16px !important;
}
.select2-selection__rendered {
  padding-left: 0 !important;
}
.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single {
  height: 50px !important;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
  border: solid 1px var(--sections-border-color, #d5d8dc)!important;
}
.select2-results,
.woocommerce-billing-fields,
#order_review_heading,
.e-coupon-box,
.woocommerce-checkout-review-order-table,
.select2-results__option {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif!important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button {
  border-color: var(--e-global-color-secondary) !important;
}
a.e-show-coupon-form,
.woocommerce-privacy-policy-link {
  color: var(--e-global-color-secondary) !important;
}
.woocommerce-billing-fields h3,
#order_review_heading {
  color: var(--forms-labels-color,#69727d) !important;
  font-size: 24px !important;
  margin-bottom: 5px!important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 5px 0px !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods li {
  padding-bottom: 10px;
}
.payment_box.payment_method_ppcp-gateway,
.payment_box.payment_method_ppcp-credit-card-gateway,
.payment_box.payment_method_stripe,
.payment_box.payment_method_triplea_payment_gateway,
.payment_box {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif!important;
  background-color: #fafafa !important;
  border: 1px solid #ddd !important;
  border-radius: 5px !important;
}
.payment_box.payment_method_stripe fieldset {
  border: 0 !important;
  padding: 0 !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif!important;
}
.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
  font-size: 14px;
}
#wc-stripe-new-payment-method {
  margin-right: 5px!important;
}
/* General error/info/message styles - updated for checkout */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #ffffff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  /* padding: 20px !important; */
}

/* Error messages in checkout - positioned at top */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
  margin-bottom: 20px !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  margin-bottom: 0;
}
/* ============================================
   CHECKOUT PAGE - 2 ROW LAYOUT WITH CARDS
   ============================================ */

/* Error messages - full width at top, outside grid */
/* Error messages before form */
.woocommerce-checkout .woocommerce-notices-wrapper {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
  z-index: 10;
}

/* Ensure checkout container respects error message space */
.woocommerce-checkout {
  position: relative;
}

/* Error messages inside form - position at top, full width row */
.woocommerce-checkout form.checkout .wc-sb-notice-wrapper,
.woocommerce-checkout form.checkout .woocommerce-notices-wrapper,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: static;
  z-index: auto;
  min-height: 50px;
}

/* When error messages are present, move other content to row 2 using sibling selectors */
.woocommerce-checkout form.checkout .wc-sb-notice-wrapper ~ .col2-set,
.woocommerce-checkout form.checkout .woocommerce-notices-wrapper ~ .col2-set,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ~ .col2-set {
  grid-row: 2;
}

.woocommerce-checkout form.checkout .wc-sb-notice-wrapper ~ #order_review,
.woocommerce-checkout form.checkout .woocommerce-notices-wrapper ~ #order_review,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ~ #order_review {
  grid-row: 2;
}

.woocommerce-checkout form.checkout .wc-sb-notice-wrapper ~ #payment,
.woocommerce-checkout form.checkout .woocommerce-notices-wrapper ~ #payment,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup ~ #payment {
  grid-row: 3;
}

/* Error messages outside form - NoticeGroup before form */
.woocommerce-checkout > .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 0;
  display: block;
  position: relative;
  z-index: 10;
  clear: both;
  min-height: 50px;
}

/* Ensure form doesn't overlap error messages */
.woocommerce-checkout form.checkout {
  position: relative;
  z-index: 1;
}

/* Ensure form is pushed down when error appears before it */
.woocommerce-checkout > .woocommerce-NoticeGroup + form.checkout,
.woocommerce-checkout .woocommerce-NoticeGroup-checkout + form.checkout {
  margin-top: 0;
  clear: both;
}

.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-info,
.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-message {
  background-color: #ffffff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
  margin-bottom: 0 !important;
}

/* NoticeGroup container styling */
.woocommerce-checkout .woocommerce-NoticeGroup {
  margin-bottom: 20px !important;
  min-height: 50px;
  display: block;
}

.woocommerce-checkout .woocommerce-error ul,
.woocommerce-checkout .woocommerce-info ul,
.woocommerce-checkout .woocommerce-message ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-info li,
.woocommerce-checkout .woocommerce-message li {
  margin: 0;
  padding: 0;
  color: #333;
}

/* Main checkout form container - 2 column layout */
.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 20px;
  align-items: start;
  position: relative;
}

/* Left column: Billing details - removed col-1 wrapper */
/* Default to row 2, but will be row 1 if no error messages */
.woocommerce-checkout .col2-set {
  grid-column: 1;
  grid-row: 1;
  display: block;
}

/* When error messages are siblings, move to row 2 */
.woocommerce-checkout form.checkout > .wc-sb-notice-wrapper ~ .col2-set,
.woocommerce-checkout form.checkout > .woocommerce-notices-wrapper ~ .col2-set,
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup ~ .col2-set {
  grid-row: 2;
}

.woocommerce-checkout .col2-set .woocommerce-billing-fields {
  margin: 0;
}

/* Right column: Order review */
.woocommerce-checkout #order_review {
  grid-column: 2;
  grid-row: 1;
  margin-top: 0;
}

/* When error messages are siblings, move to row 2 */
.woocommerce-checkout form.checkout > .wc-sb-notice-wrapper ~ #order_review,
.woocommerce-checkout form.checkout > .woocommerce-notices-wrapper ~ #order_review,
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup ~ #order_review {
  grid-row: 2;
}

/* Payment section - full width below */
.woocommerce-checkout #payment {
  grid-column: 1 / -1;
  margin-top: 0;
}

/* Billing details - col-1 wrapper removed, billing fields are now direct child of col2-set */

/* White rounded card for billing fields */
.woocommerce-checkout .woocommerce-billing-fields {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 0;
}

/* Fastlane (AXO) email step container */
.woocommerce-checkout .ppcp-axo-customer-details {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

.woocommerce-checkout .ppcp-axo-customer-details label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #555;
  font-size: 14px;
}

/* AXO email input + button layout */
.woocommerce-checkout .ppcp-axo-customer-details #ppcp-axo-billing-email-field-wrapper .woocommerce-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.woocommerce-checkout .ppcp-axo-customer-details input[type="email"] {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.woocommerce-checkout .ppcp-axo-customer-details input[type="email"]:focus {
  outline: none;
  border-color: var(--e-global-color-secondary, #0073aa);
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

/* AXO email submit button – match primary buttons */
.woocommerce-checkout .ppcp-axo-customer-details #ppcp-axo-billing-email-submit-button {
  width: 100%;
  height: 48px;
  background-color: var(--e-global-color-secondary, #0073aa);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0 16px;
  box-sizing: border-box;
}

.woocommerce-checkout .ppcp-axo-customer-details #ppcp-axo-billing-email-submit-button:hover {
  background-color: var(--e-global-color-secondary, #005a87);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3);
}

/* AXO billing / shipping summary text */
.woocommerce-checkout .ppcp-axo-billing-address-container,
.woocommerce-checkout .ppcp-axo-shipping-address-container {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
  font-size: 14px;
  color: #555;
}

/* Billing fields heading */
.woocommerce-checkout .woocommerce-billing-fields h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

/* Form row spacing */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  margin-bottom: 20px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row:last-child {
  margin-bottom: 0;
}

/* Labels */
.woocommerce-checkout .woocommerce-billing-fields label {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  color: #555;
  font-size: 14px;
}

.woocommerce-checkout .woocommerce-billing-fields label .required {
  color: #e74c3c;
}

/* Input fields - height and background */
.woocommerce-checkout .woocommerce-billing-fields input[type="text"],
.woocommerce-checkout .woocommerce-billing-fields input[type="email"],
.woocommerce-checkout .woocommerce-billing-fields input[type="tel"],
.woocommerce-checkout .woocommerce-billing-fields input[type="number"],
.woocommerce-checkout .woocommerce-billing-fields textarea {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-billing-fields textarea {
  height: auto;
  min-height: 100px;
  resize: vertical;
}

.woocommerce-checkout .woocommerce-billing-fields input:focus,
.woocommerce-checkout .woocommerce-billing-fields textarea:focus,
.woocommerce-checkout .woocommerce-billing-fields select:focus {
  outline: none;
  border-color: var(--e-global-color-secondary, #0073aa);
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

/* Select dropdowns */
.woocommerce-checkout .woocommerce-billing-fields select,
.woocommerce-checkout .woocommerce-billing-fields .select2-selection--single {
  height: 48px !important;
  background-color: #fafafa !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
}

.woocommerce-checkout .woocommerce-billing-fields .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 0 !important;
}

.woocommerce-checkout .woocommerce-billing-fields .select2-selection__arrow {
  height: 48px !important;
}

/* Order Review Section - White rounded card with heading inside */
.woocommerce-checkout #order_review_heading {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

.woocommerce-checkout #order_review {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-top: 0;
}

/* Order review table - clean minimalist style */
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  margin-bottom: 20px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
  border: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
  padding: 12px 0;
  border: none;
  border-bottom: none;
  font-weight: 600;
  color: #333 !important;
  font-size: 14px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  padding: 12px 0;
  border: none;
  border-bottom: none;
  color: #333 !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item {
  border-bottom: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  padding: 12px 0;
  border: none;
  border-top: none;
  color: #333 !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td {
  font-weight: 600;
  font-size: 18px;
  padding-top: 15px;
  color: #333 !important;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
  text-align: left;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
  text-align: right;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
  text-align: left;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  text-align: right;
}

/* Payment section - White rounded card */
.woocommerce-checkout #payment {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}

.woocommerce-checkout #payment .wc_payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.woocommerce-checkout #payment .wc_payment_methods li {
  margin-bottom: 15px !important;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.woocommerce-checkout #payment .wc_payment_methods li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  border-bottom: none;
}

/* Radio button and label on same line */
.woocommerce-checkout #payment .wc_payment_methods li > input[type="radio"] {
  margin: 0 10px 0 0;
  width: 18px;
  height: 18px;
  accent-color: var(--e-global-color-secondary, #0073aa);
  vertical-align: middle;
  margin-top: 6px;
  float: left;
}

.woocommerce-checkout #payment .wc_payment_methods label {
  font-weight: 500;
  color: #333;
  cursor: pointer;
  display: block;
  overflow: hidden;
  margin: 0;
  line-height: 1.5;
}

.woocommerce-checkout #payment .wc_payment_methods label img {
  vertical-align: middle;
  margin-left: 8px;
}

/* Payment box (tooltip/description) below the label */
.woocommerce-checkout #payment .payment_box {
  margin-top: 8px;
  margin-left: 28px;
  clear: both;
  max-width: 100%;
  overflow-x: hidden;
  word-wrap: break-word;
  box-sizing: border-box;
}

/* Cryptocurrency payment box - prevent overflow on mobile */
.woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway {
  max-width: 100%;
  overflow-x: hidden;
  word-wrap: break-word;
}

.woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway img {
  max-width: 100% !important;
  height: auto !important;
}

.woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway button,
.woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway .button {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  white-space: normal;
}

.woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway span {
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

/* Override WooCommerce default purple radio button color - use secondary color */
.woocommerce-checkout #payment .wc_payment_methods input[type="radio"]:checked {
  accent-color: var(--e-global-color-secondary, #0073aa);
}

.woocommerce-checkout #payment .wc_payment_methods input[type="radio"]:checked::before {
  background-color: var(--e-global-color-secondary, #0073aa) !important;
  border-color: var(--e-global-color-secondary, #0073aa) !important;
}

/* Additional radio button styling for all radio inputs */
.woocommerce-checkout input[type="radio"] {
  accent-color: var(--e-global-color-secondary, #0073aa);
}

.woocommerce-checkout input[type="radio"]:checked::before {
  background-color: var(--e-global-color-secondary, #0073aa) !important;
  border-color: var(--e-global-color-secondary, #0073aa) !important;
}

/* Payment box styling */
.woocommerce-checkout #payment .payment_box {
  background-color: #fafafa !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 15px !important;
  margin-top: 10px;
  font-size: 14px;
}

/* Place order button area */
.woocommerce-checkout .form-row.place-order {
  margin-top: 20px;
  padding-top: 20px;
}

.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
  width: 100%;
  height: 50px;
  background-color: var(--e-global-color-secondary, #0073aa);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 15px;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
  background-color: var(--e-global-color-secondary, #005a87);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 115, 170, 0.3);
}

/* Custom field wrapper (Trading Platform) */
.woocommerce-checkout .custom-field.ypf_mt_version_field_wrapper {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}

/* Spread selection radio buttons - flex layout removed per user preference */

.woocommerce-checkout .checkout-spread-selection .woocommerce-input-wrapper {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.woocommerce-checkout .checkout-spread-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.woocommerce-checkout .checkout-spread-option input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--e-global-color-secondary, #0073aa);
}

.woocommerce-checkout .checkout-spread-option input[type="radio"]:checked {
  accent-color: var(--e-global-color-secondary, #0073aa);
}

.woocommerce-checkout .checkout-spread-option input[type="radio"]:checked::before {
  background-color: var(--e-global-color-secondary, #0073aa) !important;
  border-color: var(--e-global-color-secondary, #0073aa) !important;
}

.woocommerce-checkout .checkout-spread-option label {
  margin: 0;
  font-weight: 500;
  cursor: pointer;
}

/* Responsive - Stack on mobile */
@media (max-width: 768px) {
  .woocommerce-checkout form.checkout {
    grid-template-columns: 1fr;
  }
  
  .woocommerce-checkout .col2-set {
    grid-column: 1;
    grid-row: 1;
  }
  
  .woocommerce-checkout #order_review {
    grid-column: 1;
    grid-row: 2;
  }
  
  .woocommerce-checkout #payment {
    grid-column: 1;
    grid-row: 3;
  }
  
  .woocommerce-checkout .woocommerce-billing-fields,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #payment {
    padding: 20px;
  }
  
  /* Fix payment box overflow on mobile */
  .woocommerce-checkout #payment .payment_box {
    margin-left: 0;
    max-width: 100%;
    overflow-x: hidden;
  }
  
  .woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway {
    margin-left: 0;
    padding: 15px;
  }
  
  .woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway button,
  .woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway .button {
    width: 100%;
    margin: 10px 0;
  }
  
  .woocommerce-checkout #payment .payment_box.payment_method_triplea_payment_gateway img {
    max-width: 80px !important;
  }
}

/* Coupon section */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  background: #ffffff;
  border-radius: 12px;
  padding: 15px 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 2em;
}

.woocommerce-checkout .woocommerce-form-coupon {
  background: #ffffff;
  border-radius: 12px;
  padding: 15px 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

/* Coupon input field styling */
.woocommerce-checkout .woocommerce-form-coupon input[type="text"] {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 15px;
  font-family: inherit;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-form-coupon input[type="text"]:focus {
  outline: none;
  border-color: var(--e-global-color-secondary, #0073aa);
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

.woocommerce-checkout .woocommerce-form-coupon .button {
  height: 48px;
  padding: 12px 24px;
  background-color: var(--e-global-color-secondary, #0073aa);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.woocommerce-checkout .woocommerce-form-coupon .button:hover {
  background-color: var(--e-global-color-secondary, #005a87);
}

/* Privacy policy text */
.woocommerce-checkout .woocommerce-privacy-policy-text {
  font-size: 13px;
  color: #666;
  margin-bottom: 15px;
  line-height: 1.6;
}

/* PayPal buttons container */
.woocommerce-checkout .ppc-button-wrapper {
  margin-top: 15px;
}

/* Google Pay button */
.woocommerce-checkout #ppc-button-googlepay-container {
  margin-top: 15px;
}

/* Disable Link Button */
#wc-stripe-express-checkout-element,
#wc-stripe-express-checkout-button-separator {
  display: none !important;
}