/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.4
*/

.ccs-switcher-options {
  display: flex !important;
  flex-direction: column !important; 
}

.ccs-switcher:not(.open){
	overflow:hidden;
}


.ccs-switcher-options li[data-value="USD"] { order: -8 !important; }
.ccs-switcher-options li[data-value="EUR"] { order: -7 !important; }
.ccs-switcher-options li[data-value="GBP"] { order: -6 !important; }
.ccs-switcher-options li[data-value="AUD"] { order: -5 !important; }
.ccs-switcher-options li[data-value="CAD"] { order: -4 !important; }
.ccs-switcher-options li[data-value="SAR"] { order: -3 !important; }
.ccs-switcher-options li[data-value="AED"] { order: -2 !important; }
.ccs-switcher-options li[data-value="CNY"] { order: -1 !important; }


html, body {
    background: #0B1017 !important;
}

.total-count {
    color: #C52233 !important;
    font-weight: 600;
}

/*start of menu animation*/
.elementor-widget-n-menu .e-n-menu-content>.e-con:not(.e-active),
.elementor-widget-n-menu .elementor-element .elementor-widget-container,
.elementor-element:not(:has(.elementor-widget-container)) {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.95);
    transition: visibility 0.2s linear, opacity .2s ease, transform 0.2s linear;
}

.elementor-widget-n-menu .e-n-menu-content>.e-con.e-active,
.elementor-widget-n-menu .elementor-element .elementor-widget-container,
.elementor-element:not(:has(.elementor-widget-container)) {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: visibility 0.2s linear, opacity .2s ease, transform 0.2s linear;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content.e-active div {
    opacity: 1;
    visibility: visible;
    transition: visibility 0.2s linear, opacity .2s ease, transform 0.2s linear;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
    top: 60px;
    z-index: -1;
    height: 0;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content div {
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    transition: visibility 0.2s linear, opacity .2s ease, transform 0.2s linear;
}

.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content.e-active {
    z-index: 0;
    height: fit-content;
}

/*end of menu animation*/
/* menu arrow animation */
.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon .e-n-menu-dropdown-icon-opened {
    transition-duration: .25s !important;
    transform: rotate(-180deg);
}

.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=true] .e-n-menu-dropdown-icon-opened {
    display: flex !important;
    transform: rotate(0deg);
    z-index: 0;
}

.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=false] .e-n-menu-dropdown-icon-opened {
    display: flex !important;
}

.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon .e-n-menu-dropdown-icon-opened .elementor-screen-only {
    display: none;
}

.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon .e-n-menu-dropdown-icon-closed {
    display: none !important;
}

.elementor-location-header .elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon[aria-expanded=true] .e-n-menu-dropdown-icon-closed {
    display: none !important;
}

/* End of menu arrow animation */
@media (max-width: 767px) {
    .elementor-19121 .elementor-element.elementor-element-2c4c638e .elementor-nav-menu--main .elementor-item {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.lcp {
    height: 0px !important;
}

body {
    overflow-x: hidden;
}


.woocommerce-message, .woocommerce-error, .woocommerce-info{
    font-size: 14px;
    line-height: 21px;
    border-radius: 6px;
    margin-left: 48px;
    padding: 20px 22px;
    border: none;
    padding-left: 35px;
    font-weight: 600;
    border-radius: 4px;
    box-sizing: border-box;
    color: #2f2f2f;
    display: flex;
    font-size: .875em;
    font-weight: 400;
    gap: 12px;
    line-height: 1.5;
    margin: 32px 0;
    border: 1px solid;
}
.woocommerce-error{
    background-color: #fff0f0;
    border-color: #cc1818;
}
.woocommerce-info{
    background-color: #f0f1ff;
    border-color: #1849cc;
}
.woocommerce-message{
    background-color: #f0fff5;
    border-color: #24cc18;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    top: 50%;
    left: 10px;
    transform: translate(0px, -50%);
}
.woocommerce .back-button .btn-action{
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 20px;
    color: #1A1F36;
    font-weight: 600;
    gap: 8px;
    margin-left: 42px;
    margin-bottom: 64px;
    cursor: pointer;
    -webkit-transform: translate(-15px, 0px);
    -ms-transform: translate(-15px, 0px);
    transition: 0.3s ease;
    transform: translate(-15px, 0px);
}
.woocommerce .back-button .btn-action:hover{
    -webkit-transform: translate(-15px, -2px);
    transition: 0.3s ease;
    -ms-transform: translate(-15px, -2px);
    transform: translate(-15px, -2px);
}
.woocommerce .back-button{
    display: inline-block;
}
header.site-header{
    display: none !important;
}
/*
 * Exclusion for display=none for custom added fields
 */
#wpbody-content .order_data_column_container .order_data_column .custom-order-meta-wrapper p {
    display: block !important;
}
body.page-id-23165, body.page-id-23163 h1.entry-title {
    background-color: white!important;
    background: white!important;
    color: black;
    padding: 0;
    margin: 0;
    height: 100%;
}

html {
    background: white !important;
}


    /*hide footer and header on checkout and cart*/
.woocommerce-checkout .elementor-location-footer,
.woocommerce-cart .elementor-location-footer,
.woocommerce-checkout .elementor-location-header,
.woocommerce-cart .elementor-location-header {
    display: none;
}

.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=date],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=number],
.woocommerce-checkout input[type=password],
.woocommerce-checkout input[type=search],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=url],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: solid 1px #d1d5db;
}

.woocommerce-checkout .product-option-field select.values-list {
    appearance: none;
}

input#psn_email {
    background-color: white !important;
}

.woocommerce-checkout input:-webkit-autofill,
.woocommerce-checkout input:-webkit-autofill:hover,
.woocommerce-checkout input:-webkit-autofill:focus,
.woocommerce-checkout input:-webkit-autofill:active {
    background-color: white !important; /* Add background-color */
    -webkit-text-fill-color: inherit !important; /* Preserve text color */
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #ffffff;
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
}

.woocommerce-checkout .entry-title {
    display: none;
}

.woocommerce-checkout #content {
    margin-top: 50px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #ffff;
    border-radius: 5px;
}
.woocommerce img, .woocommerce-page img {
    display: block;
}

.woocommerce table.shop_table {
    border: 1px solid var(--ast-border-color);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
#order_review .top-total {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: rgb(26, 31, 54);
    text-align: left !important;
    padding: 3px 0px 12px;
    border-bottom: none;
    background-color: white;
}
.woocommerce-js form .form-row input.input-text, .woocommerce-js form .form-row textarea {
    box-shadow: rgba(224, 224, 224, 0.22) 0px 0px 0px 1px,
                rgba(0, 0, 0, 0.07) 0px 2px 4px,
                rgba(255, 255, 255, 0.05) 0px 1px 1.5px;
    background: rgb(255, 255, 255);
    padding: 10px 12px;
    border-radius: 6px;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select,
.select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-js .select2-container .select2-selection--single, .woocommerce-js select,
.woocommerce-page .select2-container .select2-selection--single, .woocommerce-page select,
.select2-container.select2-container--open .select2-dropdown--below,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgb(32 7 7 / 10%);
}
.woocommerce-cart .entry-title {
    font-size: 30px;
    text-align: center;
}

#apply-coupon-button {
    flex: 0 0 80px;
    color: white;
    padding: 6px 0;
    line-height: 24px;
}

#coupon-form-restyle {
    border: none;
}

.wc-block-cart__submit-container .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    color: white;
    text-decoration: none;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    color: white;
    text-decoration: none;
    font-size: 16px;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    border-color: #046bd2;
    background-color: #046bd2;
}
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),
.wc-block-grid__product .wc-block-grid__product-title {
    color: #046bd2;
}
.elementor-kit-5 a {
    color: #046bd2;
}

.woocommerce-cart .page-header {
    display: none;
}
.woocommerce-cart {
    font-family: 'Manrope', sans-serif;
}

.woocommerce-cart #content {
    padding-top: 80px;
}

.woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th {
    border-top: none;
}
.woocommerce-checkout .product-description {
    color: #334155; 
}

.woocommerce .back-button .btn-action svg:last-of-type {
    width: 25px;
}
.woocommerce .back-button .btn-action svg:last-of-type {
    width: 25px;
    height: 25px;
}
 
.woocommerce-cart,
.woocommerce-cart button,
.woocommerce-cart input,
.woocommerce-cart select,
.woocommerce-cart textarea,
.woocommerce-cart .ast-button,
.woocommerce-cart .ast-custom-button,
.woocommerce-cart h3,
.woocommerce-checkout,
.woocommerce-checkout button,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .ast-button,
.woocommerce-checkout h3,
.woocommerce-checkout .ast-custom-button {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: var(--ast-body-line-height, 1.65);
}

.woocommerce-checkout label,
.woocommerce-checkout legend {
    color: #111827;
}

.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 700;
}
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 1.25em;
}

.woocommerce-cart p + h3.wcccf_field {
    border-top: none;
    padding-top: 0px !important;
}
.checkout.woocommerce-checkout {
    padding-bottom: 50px;
}

.checkout-step-body .next-step button:hover, .checkout-step-body .prev-step button:hover {
    color: white;
}

input[type="text"]:focus {
    border: 1px solid #8f9397;
    outline: none; /* Optional: Removes the default outline */
}

input[type="text"]:valid {
    background-color: white !important;
}

input[type="text"]:-webkit-autofill {
    background-color: white !important;
    -webkit-text-fill-color: inherit !important;
    box-shadow: 0 0 0px 1000px white inset !important; /* Ensures autofill background matches */
}

input[type="text"]:invalid {
    background-color: transparent; /* Or any other default color */
    background: transparent; /* Or any other default color */
}

#order_review_heading span.product-image{
    width: fit-content;
    height: 100px;
}
#order_review_heading span.product-image img{
    height: 100%;
    width: auto;
}

.woocommerce-order-received table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}
.woocommerce-order-received table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th,
.woocommerce-order-received table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
    border-block-start: 1px solid rgb(128 128 128 / 12%);
}

.woocommerce-order-received .woocommerce table.shop_table {
    border: 1px solid #59595996;
    border-collapse: collapse;
}
.woocommerce-order-received .woocommerce-page.woocommerce-checkout table.shop_table td,
.woocommerce-order-received .woocommerce.woocommerce-checkout table.shop_table td {
    padding: 8px 10px;
}
.woocommerce-order-received table th,
.woocommerce-order-received table td {
    border: 1px solid rgb(128 128 128 / 8%);
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
    padding: 20px 12px 16px !important;
    margin: 0;
}

.woocommerce-page.woocommerce-checkout table.shop_table td,
.woocommerce.woocommerce-checkout table.shop_table td {
    padding: 8px 15px!important;
}

.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title {
    margin: 0;
}

.woocommerce-order-received .woocommerce ul.order_details {
    width: fit-content;
    margin: 0 auto !important;
}

@media (max-width: 620px){
    .woocommerce .back-button .btn-action{
        margin-bottom: 0px;
    }
}

@media (max-width: 590px){
    .woocommerce .back-button{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-left: 0px;
    }
    .woocommerce .back-button{
        margin-bottom: 32px;
    }
}
.criminalmodz-configurator-form .woocommerce-Price-amount.amount bdi:before {
    content: var(--ccs-curr-symbol) !important;
}

/* Custom Currency Switcher - START */
#ccs-switcher-custom-wrap {
    position: relative;
    font-family: 'Manrope', sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

.ccs-switcher {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.ccs-switcher-selected {
    display: flex;
    align-items: center;
    padding: 8.5px 12px;
    background-color: #1C233080; /* Dark background from image */
    border: 1px solid var(--e-global-color-82c404); /* Subtle border */
    border-radius: 8px;
    color: white;
    width: 110px;
    font-size: 16px;
}

.ccs-switcher-options {
    border: 1px solid var(--e-global-color-8fc74ea);
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.ccs-switcher-options::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.ccs-switcher-selected .fi {
    margin-right: 10px;
    border-radius: 50%; /* Rounded flags */
    width: 20px;
    height: 20px;
    background-size: cover;
    flex-shrink: 0;
}

.ccs-switcher-selected span:not(.fi) {
    flex-grow: 1;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ccs-switcher-arrow {
    margin-left: auto;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.ccs-switcher.open .ccs-switcher-arrow {
    transform: rotate(180deg);
}

.ccs-switcher-options {
    display: none;
    position: absolute;
    top: calc(100% + 8px); /* Position below the selector */
    left: 0;
    right: 0;
    background-color: #1F2937;
    border: 1px solid var(--e-global-color-82c404);
    border-radius: 8px;
    margin: 0;
    padding: 5px;
    list-style: none;
    z-index: -1; /* Below the main selector initially */
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}


.ccs-switcher.open .ccs-switcher-options {
    display: block;
    z-index: 1001; /* Above other content when open */
    opacity: 1;
    transform: translateY(0);
}

.ccs-switcher-options li {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.ccs-switcher-options li:not(.active):hover {
    background-color: #374151; /* Lighter shade for hover */
}

.ccs-switcher-options li.active {
    background-color: #4f5b6a;
    cursor: default;
}

.ccs-switcher-options li .fi {
    margin-right: 10px;
    border-radius: 50%; /* Rounded flags */
    width: 24px;
    height: 24px;
    background-size: cover;
    flex-shrink: 0;
}
/* Custom Currency Switcher - END */

/* custom dev page */
.price-text span{
top: 3px;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    position: relative;
    margin-left: 10px;
}

.img-overlay{
	position: relative;
}

#review-crs span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.875rem;
  border-radius: 0.625rem;
  background: #219653;
}

#review-crs span.swiper-pagination-bullet.swiper-pagination-bullet-active:hover {
  background: #219653;
  opacity: 1;
}

#review-crs .elementor-widget-n-carousel .swiper-pagination-bullet:hover {
  transition: all 0.2s;
  background: #fcfcfd;
  opacity: 0.3;
}

#review-crs .elementor-widget-n-carousel .swiper-pagination-bullet {
  transition: all 0.2s;
}

#review-crs .e-n-carousel {
  position: relative;
  overflow: hidden;
}

#review-crs .e-n-carousel::before,
#review-crs .e-n-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  width: 25rem;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

#review-crs .e-n-carousel::before {
  left: 0;
  background: linear-gradient(to right, #14161d, rgba(11, 16, 23, 0));
}

#review-crs .e-n-carousel::after {
  right: 0;
  background: linear-gradient(to left, #14161d, rgba(11, 16, 23, 0));
}
#review-crs div#trustpilotreviewswidget {
  overflow: visible;
}

#tabs-process .tab-desc{
	display: none !important;
	font-weight: 400;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    line-height: 100%;
}

#tabs-process [aria-selected="true"] .tab-desc{
	display:block !important
}

#tabs-process .e-n-tab-title-text{
	display: block;
}

#tabs-process .e-n-tab-title[aria-selected="true"] {
  position: relative;
  border-radius: 16px; 
  overflow: hidden;
}

#tabs-process .e-n-tab-title[aria-selected="true"]::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 3px; 
  border-radius: inherit;
  background: linear-gradient(
    90deg, 
    #C52233 0%, 
    rgba(245, 65, 67, 0) 30% 
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

#tabs-process .e-n-tab-title[aria-selected="true"] > * {
  position: relative;
  z-index: 1;
}


.grad-t-b{
  position: relative;
  border-radius: 12px; 
  overflow: hidden;
background: #1c2330;
}

.grad-t-b::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding: 3px; 
  border-radius: inherit;
  background: linear-gradient(
    to bottom,
    #C52233 0%,
    rgba(245, 65, 67, 0) 30%
  );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
	z-index: 22;
}

.grad-t-b > * {
  position: relative;
  z-index: 1;
}


.acc-grid .e-n-accordion{
	DISPLAY: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.acc-grid .e-n-accordion-item[open] .e-n-accordion-item-title {
	border-radius: 20px 20px 0px 0px; 
}

.acc-grid .e-n-accordion-item {
    border-radius: 20px;
}


@media (max-width: 1024px) {
  #review-crs .e-n-carousel::before,
  #review-crs .e-n-carousel::after {
    width: 6rem;
  }
}

@media (max-width: 767px) {
	#custom-tabs .e-n-tabs-heading {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge */
/*   padding-left: 360px; */
    scrollbar-width: none; /* Firefox */

}

#custom-tabs .e-n-tabs-heading::-webkit-scrollbar {
  display: none; /* hide scrollbar for WebKit browsers */
}

#custom-tabs .e-n-tab-title {
  flex: 0 0 auto; /* prevent shrinking, stay inline */
  white-space: nowrap;
  
}
	.elementor-widget-icon-box .elementor-icon-box-wrapper{
    flex-direction: row !important;
}
	h3.elementor-icon-box-title{
		margin-top:0 !important
	}
	#review-crs .elementor-swiper-button-next,
	#review-crs .elementor-swiper-button-prev{
		display: none !important;
	}
  #review-crs .e-n-carousel::before {
    left: 0;
    background: none;
  }

  #review-crs .e-n-carousel::after {
    right: 0;
    background: none;
  }

  #review-crs .e-n-carousel::before,
  #review-crs .e-n-carousel::after {
    width: 2rem;
  }
	.acc-grid .e-n-accordion{
		grid-template-columns: 1fr;
	}
}