/*
 Theme Name: TheGem Child
 Theme URI: https://codex-themes.com/thegem/
 Description: Child theme for TheGem WordPress theme
 Author: Crescent Web Solution
 Author URI: https://crescentwebsolution.com
 Template: thegem-elementor
 Version: 1.0.0
*/

/* Add your custom CSS below */

.header-background:before {
    background-color: #ffffff;
    opacity: 0;
}
.header-sticked .header-background:before {
    background-color: #080A1A !important;
	opacity: 1 !important;
}

.heading-main {
	background: linear-gradient(90deg, #fff 25%, #882cf9 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.play-but-custom .elementor-custom-embed-play:after {
     /*content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(90deg, #882CF9, #C917CD);
    filter: blur(25px);
    z-index: -1;*/
   content: "";
    position: absolute;
    top: -35px;
    left: -35px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #c917cde8;
    filter: blur(15px);
    z-index: -1;
}
.bg-linear-lines{
background-image: linear-gradient(to right, #0f172a 1px, #0000 1px), linear-gradient(#0f172a 1px, #0000 1px);
}
.col-prime {
	color:#C917CD;
}
.main-btn-primary a {
    background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    border-style: none;
    padding: 10px 30px !important;
    color: #fff !important;
    border-radius: 5px;
}
.main-btn-primary a:hover {
    background-color: transparent;
    background-image: linear-gradient(90deg, #C917CD 0%, #882CF9 100%);
text-decoration: none !important;
}
.my-sub-button{
	background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    border-style: none;
    color: #fff !important;
    border-radius: 5px;
}
.my-sub-button:hover {
    background-color: transparent;
    background-image: linear-gradient(90deg, #C917CD 0%, #882CF9 100%);
text-decoration: none !important;
}
.main-btn-primary a:after {
    height: 0px !important;
}
.price-table-custom .eael-pricing-icon {
	justify-content: left !important;
    padding-left: 30px;
}
.price-table-custom .eael-pricing.style-2 .eael-pricing-item .header {
    padding: 5px 30px !important;
    margin-bottom: 10px !important;
}
.insta-custom-btn .sbi_load_btn{
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%) !important;
    border-style: none !important;
    color: #fff !important !important;
    border-radius: 5px !important;
}
.insta-custom-btn .sbi_load_btn:hover {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #C917CD 0%, #882CF9 100%) !important;
text-decoration: none !important;
box-shadow: none !important;
}
.insta-custom-btn {
	display:none;
}
.home .insta-custom-btn, .page-id-670 .insta-custom-btn, .page-id-916 .insta-custom-btn {
	display:block;
}
.price-table-custom-2 .footer {
    position: relative;
    bottom: -75px;
}
.price-table-custom-1 .footer {
    position: relative;
    bottom: -171px;
}
.page.page-id-1624 .elementor-1624 .elementor-element.elementor-element-6d3d74a {
    --overlay-opacity: 0.8;
}
/* JetFormBuilder Date Picker icon */
.jet-form-builder input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 1;
    cursor: pointer;
}

/* JetFormBuilder Time Picker icon */
.jet-form-builder input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 1;
    cursor: pointer;
}

/* Stripe payment box background */
#payment .payment_box,
#payment .payment_box.payment_method_stripe {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Stripe Card iframe container */
.wc-stripe-elements-field,
.wc-stripe-payment-element,
.wc-stripe-payment-element iframe {
    background: transparent !important;
}

/* Remove white bg around card fields */
#stripe-card-element,
#stripe-exp-element,
#stripe-cvc-element {
    background: transparent !important;
}
/* Stripe payment box background */
#payment .payment_box,
#payment .payment_box.payment_method_stripe {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Stripe Card iframe container */
.wc-stripe-elements-field,
.wc-stripe-payment-element,
.wc-stripe-payment-element iframe {
    background: transparent !important;
}
.AccordionItem{
	background-color:#ccc !important;
}
/* Stripe Payment Element - AccordionItem background */
.AccordionItem,
.AccordionItem--selected,
.AccordionItem--open {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Inner Stripe surfaces */
.AccordionItem .p-AccordionItem,
.AccordionItem .p-AccordionItem__content,
.AccordionItem .p-AccordionItem__header,
.AccordionItem .p-AccordionItem__summary {
    background: transparent !important;
}

/* Stripe iframe surface */
iframe[src*="stripe"] {
    background: transparent !important;
}

/* Stripe main layout containers */
.__PrivateStripeElement,
.ElementsApp,
.ElementsApp .InputElement {
    background: transparent !important;
}
/*.insta-custom-btn .sbi_follow_btn.sbi_custom span {
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%) !important;
    border-style: none !important;
    color: #fff !important !important;
    border-radius: 5px !important;
}*/
@media screen and (max-width: 1024px) {
	.price-table-custom-2 .footer {
    position: relative;
    bottom: 5px;
}
.price-table-custom-1 .footer {
    position: relative;
    bottom: 5px;
}
}
/* Remove WooCommerce / Stripe grey loading overlay */
.woocommerce-checkout-processing,
.woocommerce-checkout .blockOverlay,
.woocommerce-checkout .processing,
.wc-stripe-elements-field,
.wc-stripe-payment-request-wrapper,
.wc-stripe-payment-element,
.wc-stripe-payment-element iframe {
    background: transparent !important;
}

/* Remove opacity fade */
.woocommerce-checkout.processing {
    opacity: 1 !important;
}

/* Disable blocking screen */
.blockUI.blockOverlay {
    background: transparent !important;
}


.blockUI.blockOverlay {
    background-color: rgba(0,0,0,0) !important;
}

.woocommerce-checkout-processing {
    background: none !important;
}


.elementor-widget-woocommerce-checkout .blockUI {
    background: transparent !important;
}










/*====================*/

.btn-akr-primary,
.jet-form-builder__prev-page,
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .woocommerce-cart-form .actions .submit-buttons button.button{
	background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    color: var(--e-global-color-accent) !important;
    transition: all 0.3s;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weightt);
    padding: 10px 30px 10px 30px !important;
    margin: 0px 10px 0px 0px;
    border-style: none;
    border-radius: 3px 3px 3px 3px !important;
    line-height: 25px;
}
.btn-akr-primary:hover,
.jet-form-builder__prev-page:hover 
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .woocommerce-cart-form .actions .submit-buttons button.button:hover{
    background-color: transparent;
    background-image: linear-gradient(90deg, #C917CD 0%, #882CF9 100%);
    color: var(--e-global-color-accent) !important;
}

body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button,
body .akrCheckout .woocommerce .checkout .place-order #place_order{
	border: none;
	background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    color: var(--e-global-color-accent);
}
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:hover,
body .akrCheckout .woocommerce .checkout .place-order #place_order:hover{
	border: none;
    background-color: transparent;
    background-image: linear-gradient(90deg, #C917CD 0%, #882CF9 100%);
    color: var(--e-global-color-accent) !important;
}
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .cart_totals-inner {
	background: transparent;
    border: 2px solid #c717ce;
}
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .cart_totals-inner table tr th, 
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .cart_totals-inner table tr td, 
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .cart_totals-inner table tr td span,
.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment table tr th, 
.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment table tr td, 
.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment table tr td span{
	background: transparent;
    color : #fff !important;
}
body.woocommerce-cart-layout-modern .akrCustomCart .woocommerce .cart_totals-inner h3 {
    color : #fff !important;
}

.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment,
.akrCheckout .woocommerce h3,
.akrCheckout .woocommerce p, 
.akrCheckout .woocommerce p span,
.akrCheckout .woocommerce p label{
    color : #fff !important;
}
.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner,
.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment,
.akrCheckout .woocommerce p input,
.akrCheckout .woocommerce p textarea,
.akrCheckout .woocommerce p select,
#page .akrCheckout .woocommerce .select2-container,
#page .akrCheckout .woocommerce .select2-container .select2-selection--single,
iframe .p-Field .p-Input .Input  {
    background: transparent !important;
    border: 1px solid #9329f2 !important;
    color: #ffffff !important;
}

.akrCheckout .woocommerce p a,
.akrCheckout .woocommerce a{
    color : #C917CD !important;
}

.akrCheckout .woocommerce p a:hover,
.akrCheckout .woocommerce a:hover{
    color : #882CF9 !important;
}



.akrCheckout .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .order-review-inner .gem-table.checkout-payment {
	border: none !important;
}


.akr-custom-form {
    display: flex;
    width: 100%;
    max-width: 700px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    border-style: none;
    flex-direction: column;
    margin: 50px auto;
    padding: 20px;
    border-radius: 10px;
}

.custom-register-wrap{
  max-width:520px;
  margin:50px auto;
  padding:30px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
  font-family:Arial, sans-serif;
}

.custom-register-wrap h2{
  text-align:center;
  margin-bottom:25px;
}

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

.form-group label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
  font-size:14px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group input[type="file"]{
  width:100%;
  padding:12px;
  border-radius:8px;
  border:1px solid #ddd;
  font-size:14px;
  outline:none;
}

.form-group input:focus{
  border-color:#000;
}

.row-2{
  display:flex;
  gap:10px;
}

.row-2 .form-group{
  flex:1;
}

.terms{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:14px;
}

.terms a{
  color:#000;
  font-weight:600;
  text-decoration:underline;
}

.btn-register{
  width:100%;
  padding:14px;
  background:#000;
  color:#fff;
  border:none;
  border-radius:10px;
  font-size:15px;
  cursor:pointer;
  margin-top:10px;
}

.btn-register:hover{
  background:#222;
}



.wc-pricing-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.wc-pricing-card {
    background: #0c0c15;
    border: 1px solid #6a2cff;
    border-radius: 16px;
    padding: 35px;
    color: #fff;
    position: relative;
    transition: all .3s ease;
}

.wc-pricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(106,44,255,0.3);
}

.plan-title {
    font-size: 22px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.plan-price {
    font-size: 32px;
    font-weight: bold;
    color: #b86bff;
    margin-bottom: 20px;
}

.plan-content ul {
    padding-left: 0;
    list-style: none;
}

.plan-content li {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.plan-content li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #b86bff;
}

.add-to-cart-btn {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 28px;
    background: linear-gradient(135deg,#6a2cff,#b86bff);
    color: #fff !important;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
}
.pricing-box-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pricing-box{
    flex: 0 0 calc(33.333% - 10px);
    padding: 20px 20px;
    border-radius: 5px;
    margin: 0px;
    border: 1px solid rgb(142 42 245);
    color: #fff;
}
.pricing-box .title {
    font-size: 20px;
    color: #fff;
    margin: 20px 0px 5px;
}
.pricing-box .subtitle {
    color: #8b8b8b;
    margin: 10px 0px 15px;
}
.pricing-box .original-price {
	font-size: 28px;
    font-weight: 500;
    font-family: "Poppins", Sans-serif;
}
.pricing-box .original-price .price-currency {
    color: #9029f3;
}
.pricing-box ul {
    padding: 10px 20px;
}
.pricing-box ul li {
	text-align: left;
}
.pricing-box .footer .btn-akr-primary {
    display: block;
    width: 100% !important;
    text-align: center;
    margin: 15px auto;
}


.akrMyAccount .woocommerce-MyAccount-navigation ul li,
.akrMyAccount .woocommerce-MyAccount-navigation ul li a,
.akrMyAccount .woocommerce-MyAccount-content h2,
.akrMyAccount .woocommerce-MyAccount-content h3,
.akrMyAccount .woocommerce-MyAccount-content h4,
.akrMyAccount .woocommerce-MyAccount-content p,
.akrMyAccount .woocommerce-MyAccount-content label,
.akrMyAccount .woocommerce-MyAccount-content span {
	color: #ffffff !important;
}
.akrMyAccount .woocommerce-MyAccount-navigation ul li a:hover,
.akrMyAccount .woocommerce-MyAccount-navigation .is-active a{
	color: #882CF9 !important;
}
.akrMyAccount .woocommerce-MyAccount-content a {
	color: #da2cac;
}
.akrMyAccount .woocommerce-MyAccount-content a:hover {
	color: #882CF9;
}
.akrMyAccount .woocommerce-MyAccount-content a.button.gem-button.gem-wc-button {
	color: #ffffff;
}

body .akrMyAccount .woocommerce .shop_table thead{
    background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
}
body .akrMyAccount .woocommerce .shop_table thead tr th,
body .woocommerce .shop_table thead tr th{
    background-color: transparent !important;
}

body.woocommerce-cart-layout-modern .woocommerce .shop_table thead tr th {
	padding: 10px 10px 10px 5px !important;
}

.akrMyAccount .woocommerce-MyAccount-content a.woocommerce-button,
.akrMyAccount .woocommerce-MyAccount-content a.woocommerce-button {	
    background-color: transparent;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%);
    color: #fff;    
}
.akrMyAccount .woocommerce-MyAccount-content a.woocommerce-button:hover,
.akrMyAccount .woocommerce-MyAccount-content a.woocommerce-button:hover {	
    background-color: transparent;
    background-image: linear-gradient(180deg, #882CF9 0%, #C917CD 100%);
    color: #fff;    
}

.woocommerce-account .akrMyAccount h2, 
.woocommerce-account .akrMyAccount h3, 
.woocommerce-account .akrMyAccount h4, 
.woocommerce-account .akrMyAccount p,
.woocommerce-account .akrMyAccount span,
body .akrMyAccount .woocommerce .cart_totals table th,
body .akrMyAccount .woocommerce .cart_totals table th,{
	color: #fff !important;  
}


.thegem-te-cart.desktop-view .minicart,
.thegem-te-cart.mobile-view .minicart{
    background-color: transparent !important;
    background-image: linear-gradient(180deg, #470c8d 0%, #8c33e3 100%) !important;
    border: none !important;
}
.thegem-te-cart.mobile-view .minicart .widget_shopping_cart_content {
    background-color: transparent !important;
}
.thegem-te-cart.mobile-view .minicart .widget_shopping_cart_content .cart_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0px;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #ffffff1a;
}
.thegem-te-cart.mobile-view .minicart .widget_shopping_cart_content .cart_item img {
	max-width: 50px;
}
.thegem-te-cart.mobile-view .minicart .widget_shopping_cart_content .elementor-menu-cart__subtotal {
    display: block;
    margin: 0px;
    padding: 10px 20px 10px 0px;
    text-align: right;
}
.thegem-te-cart.mobile-view .minicart .widget_shopping_cart_content .elementor-menu-cart__footer-buttons{
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding: 10px 0px;
    border-top: 1px solid #ffffff1a;
}

.minicart.invert .elementor-menu-cart__product-price.product-price span.product-quantity {
    display: block;
}
.thegem-te-cart .minicart.invert .woocommerce-mini-cart {
    padding: 0 12px;
}

.minicart.invert .elementor-menu-cart__footer-buttons {
    text-align: center;
}

.thegem-te-cart .minicart .woocommerce-mini-cart-item a.remove{
	color: #ffffff !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__total, 
.thegem-te-cart .minicart .woocommerce-mini-cart__buttons {
    background-color: #dfdfdf !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__total span.amount {
	color: #882CF9;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__buttons .mini-cart-view-cart .gem-button {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #882CF9 0%, #C917CD 100%) !important;
    color: #ffffff !important;
    border: none !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__buttons .mini-cart-view-cart .gem-button:hover {
    background-color: transparent !important;
    background-image: linear-gradient(-90deg, #882CF9 0%, #C917CD 100%)!important;
    color: #ffffff !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__buttons a {
	border-radius: 3px !important;
    border-color: rgb(200 23 206) !important;
    color: rgb(200 23 206) !important;
    background-color: transparent !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart__buttons a:hover {
	border-radius: 3px !important;
    border-color: rgb(200 23 206) !important;
    color: #ffffff !important;
    background-color: rgb(200 23 206) !important;
}
.thegem-te-cart .minicart .woocommerce-mini-cart-item .quantity span.amount, .thegem-te-cart .minicart .woocommerce-mini-cart__total span.amount,
.minicart p,
.minicart span {
	color: #ffffff !important;
}

body .woocommerce-checkout-one-page.woocommerce-checkout-one-page-modern .shop_table .product-name .product-quantity {
	background-color: transparent !important;
    border: 1px solid #ffffff69 !important;
}
.jet-form-builder-row {
    padding: 5px 0 25px !important;
}
.elementor-menu-cart__subtotal strong {
	color: #ffffff  !important;
}
.elementor-menu-cart__footer-buttons .elementor-button {
    border-radius: 3px !important;
    border: 2px solid #ffffff !important;
    margin: 5px 5px 15px;
    background-color: transparent !important;
}
.elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: #ffffff !important;
}
.elementor-menu-cart__footer-buttons .elementor-button:hover span {
	color: #000000 !important;
}

.jet-form-builder .jet-form-builder__field.textarea-field {
    min-height: 180px;
}

.akrMyAccount .woocommerce-MyAccount-navigation ul li {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #c917cd42 0%, #882cf957 100%) !important;
    color: #ffffff !important;
    margin-bottom: 5px !important;
}


.woocommerce .checkout .form-row .input-text, .woocommerce .edit-address-form .form-row .input-text, .woocommerce .checkout .form-row textarea.input-text, .woocommerce .edit-address-form .form-row textarea.input-text, .select2-search .select2-input, .woocommerce .checkout-login .login .form-row .input-text, .woocommerce .lost_reset_password .input-text, .woocommerce .my-account-signup .register .form-row .input-text, .yith-wcwl-form .hidden-title-form input[type="text"] {
    background-color: transparent !important;
}
.woocommerce.fancybox-content {
    background-color: #000000ba;
}