/*
 Theme Name:   OceanWP Child
 Theme URI:    https://oceanwp.org/
 Description:  OceanWP Child Theme
 Author:       admin
 Author URI:   https://yourwebsite.com
 Template:     oceanwp
 Version:      1.0.0
*/

.elementor-element-aa4d933 .e-n-tabs-heading {
    border: 1px solid #6B5EA8;
    padding: 5px;
    border-radius: 50px;
    margin: auto;
}
.elementor-element-aa4d933.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] {
    background-color: transparent;
}

.elementor-element-aa4d933 .elementor-widget-loop-grid .elementor-grid {
    grid-column-gap: var(--grid-column-gap, 10px)!important;
    grid-row-gap: var(--grid-row-gap, 10px)!important;
}

.elementor-91 {
  position: relative;
  border-radius: 30px;
  padding: 16px;
  background: transparent;
  z-index: 1;
  min-height:610px;
  height:610px;
}

.elementor-91::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px; /* 边框厚度 */
  -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: 0;
}

.elementor-91 > * {
  position: relative;
  z-index: 1;
}
.elementor-91 .woocommerce-product-details__short-description { margin-top:5px!important;}

.elementor-91 .elementor-element-34908d7 {
    -webkit-box-shadow: 0px 0px 10px 0px #b9b9cc;
    -moz-box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
}

#e-n-tab-content-1785756671 .elementor-91:nth-child(2) h2.elementor-heading-title { color:#70BED3!important;}
#e-n-tab-content-1785756671 .elementor-91:nth-child(2)::before {
    background: linear-gradient(180deg, #70BED3 0%, #3D72A5 25%, #70BED3 100%);
}
#e-n-tab-content-1785756671 .elementor-91:nth-child(3) h2.elementor-heading-title { color:#fcd640!important;}
#e-n-tab-content-1785756671 .elementor-91:nth-child(3)::before {
    background: linear-gradient(180deg, #fcd640 0%, #837830 25%, #fcd640 100%);
}
#e-n-tab-content-1785756671 .elementor-91:nth-child(4) h2.elementor-heading-title { color:#f26b58!important;}
#e-n-tab-content-1785756671 .elementor-91:nth-child(4)::before {
    background: linear-gradient(180deg, #f26b58 0%, #7d3c43 25%, #f26b58 100%);
}
#e-n-tab-content-1785756671 .elementor-91:nth-child(5) h2.elementor-heading-title { color:#6b5ea8!important;}
#e-n-tab-content-1785756671 .elementor-91:nth-child(5)::before {
    background: linear-gradient(180deg, #6b5ea8 0%, #231d64 25%, #6b5ea8 100%);
}

/**/
#e-n-tab-content-1785756672 .elementor-91:nth-child(1) h2.elementor-heading-title { color:#70BED3!important;}
#e-n-tab-content-1785756672 .elementor-91:nth-child(1)::before {
    background: linear-gradient(180deg, #70BED3 0%, #3D72A5 25%, #70BED3 100%);
}
#e-n-tab-content-1785756672 .elementor-91:nth-child(2) h2.elementor-heading-title { color:#fcd640!important;}
#e-n-tab-content-1785756672 .elementor-91:nth-child(2)::before {
    background: linear-gradient(180deg, #fcd640 0%, #837830 25%, #fcd640 100%);
}
#e-n-tab-content-1785756672 .elementor-91:nth-child(3) h2.elementor-heading-title { color:#f26b58!important;}
#e-n-tab-content-1785756672 .elementor-91:nth-child(3)::before {
    background: linear-gradient(180deg, #f26b58 0%, #7d3c43 25%, #f26b58 100%);
}
#e-n-tab-content-1785756672 .elementor-91:nth-child(4) h2.elementor-heading-title { color:#6b5ea8!important;}
#e-n-tab-content-1785756672 .elementor-91:nth-child(4)::before {
    background: linear-gradient(180deg, #6b5ea8 0%, #231d64 25%, #6b5ea8 100%);
}

#e-n-tab-content-1785756672 .elementor-element-81fc164 p,
#e-n-tab-content-2105705072 .elementor-element-81fc164 p {text-decoration: line-through;}

/************************** Pricing Page ********************************/
.elementor-element-3f3ec76 .e-n-tabs-heading {
    border: 1px solid #6B5EA8;
    padding: 5px;
    border-radius: 50px;
    margin: auto;
}
.elementor-element-3f3ec76.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] {
    background-color: transparent!important;
    color:#73c4d9!important;
}
.elementor-element-3f3ec76.elementor-widget-n-tabs .e-n-tab-title:hover {
    background-color: #6B5EA8!important;
    color:#ffffff!important;
}

.elementor-element-eb9dc4e.elementor-widget-loop-grid .elementor-grid,
.elementor-element-e38cca1.elementor-widget-loop-grid .elementor-grid {
    grid-column-gap: var(--grid-column-gap, 10px)!important;
    grid-row-gap: var(--grid-row-gap, 10px)!important;
}

#e-n-tab-content-663174301 .elementor-element-5ff122c p,
#e-n-tab-content-663174302 .elementor-element-5ff122c p { color:#fff!important;}

.elementor-91 .elementor-element-34908d7 {
    -webkit-box-shadow: 0px 0px 10px 0px #b9b9cc;
    -moz-box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
}

#e-n-tab-content-663174301 .elementor-91:nth-child(2) .pricing-title h2 { color:#70BED3!important;}
#e-n-tab-content-663174301 .elementor-91:nth-child(2)::before {
    background: linear-gradient(180deg, #70BED3 0%, #3D72A5 25%, #70BED3 100%);
}
#e-n-tab-content-663174301 .elementor-91:nth-child(3) .pricing-title h2 { color:#fcd640!important;}
#e-n-tab-content-663174301 .elementor-91:nth-child(3)::before {
    background: linear-gradient(180deg, #fcd640 0%, #837830 25%, #fcd640 100%);
}
#e-n-tab-content-663174301 .elementor-91:nth-child(4) .pricing-title h2 { color:#f26b58!important;}
#e-n-tab-content-663174301 .elementor-91:nth-child(4)::before {
    background: linear-gradient(180deg, #f26b58 0%, #7d3c43 25%, #f26b58 100%);
}
#e-n-tab-content-663174301 .elementor-91:nth-child(5) .pricing-title h2 { color:#ffffff!important;}
#e-n-tab-content-663174301 .elementor-91:nth-child(5)::before {
    background: linear-gradient(180deg, #6b5ea8 0%, #231d64 25%, #6b5ea8 100%);
}

/**/
#e-n-tab-content-663174302 .elementor-91:nth-child(1) .pricing-title h2 { color:#70BED3!important;}
#e-n-tab-content-663174302 .elementor-91:nth-child(1)::before {
    background: linear-gradient(180deg, #70BED3 0%, #3D72A5 25%, #70BED3 100%);
}
#e-n-tab-content-663174302 .elementor-91:nth-child(2) .pricing-title h2 { color:#fcd640!important;}
#e-n-tab-content-663174302 .elementor-91:nth-child(2)::before {
    background: linear-gradient(180deg, #fcd640 0%, #837830 25%, #fcd640 100%);
}
#e-n-tab-content-663174302 .elementor-91:nth-child(3) .pricing-title h2 { color:#f26b58!important;}
#e-n-tab-content-663174302 .elementor-91:nth-child(3)::before {
    background: linear-gradient(180deg, #f26b58 0%, #7d3c43 25%, #f26b58 100%);
}
#e-n-tab-content-663174302 .elementor-91:nth-child(4) .pricing-title h2 { color:#ffffff!important;}
#e-n-tab-content-663174302 .elementor-91:nth-child(4)::before {
    background: linear-gradient(180deg, #6b5ea8 0%, #231d64 25%, #6b5ea8 100%);
}


.elementor-element-986ad15:before { content:"RM";
    font-size:18px;
    padding-top:10px;
    padding-right:0;
}
.elementor-element-986ad15:after { 
    content: "per month";
    font-size: 16px;
    padding-right: 10px;
    padding: 0 8px;
    line-height: 16px;
    margin: 0;
    font-weight: normal;
    text-align: right;
    display: inline-block;
    margin-right: 20px;
    float: right;
    background-color: #fff;
    position: relative;
    z-index: 2;
    top: -5px;
}


.pricing-list-setup { 
    display:flex;
    gap:5px;
    margin-top:-5px;
    font-weight:700;
    align-items: center;
    border:2px solid #F26B58;
    border-radius:15px;
    padding:5px 10px 5px 10px;
    margin-bottom: 0;
    position:relative;
}
#e-n-tab-content-1785756671 .pricing-list-setup,
#e-n-tab-content-663174301 .pricing-list-setup {padding:5px 10px 0 10px; margin-bottom:15px;}
.pricing-list-setup-span1 { font-size: 24px; white-space: nowrap;}
.pricing-list-setup-span2 { font-size: 12px; line-height: 12px;}
.pricing-list-setup-message {
    line-height: 11px;
    font-size: 11px;
    color: #fff;
    background-color: #F26B58;
    display: inline-block;
    padding: 5px;
    position: relative;
    top: -15px;
}
#e-n-tab-content-1785756671 .pricing-list-setup-message,
#e-n-tab-content-663174301 .pricing-list-setup-message { display:none;}
#e-n-tab-content-1785756672 .pricing-list-setup:after,
#e-n-tab-content-663174302 .pricing-list-setup:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #F26B58;
    width: 111%;
    height: 5px;
}


.custom-poduct-description-column-two { margin-top:30px;}
.custom-poduct-description-column-content { line-height:18px;}
.custom-poduct-description-column-content-second { margin-top:15px; line-height:18px;}

.elementor-element-7073468 form.cart.e-loop-add-to-cart-form {
    padding:0!important;
    border:0px solid #eaeaea!important;
}
.elementor-element-7073468 form.cart.e-loop-add-to-cart-form a { display:block; width:100%; font-size:0!important;}
.elementor-element-7073468 form.cart.e-loop-add-to-cart-form a:before { content:"Choose plan"; font-size:14px!important;}

.woocommerce .form-row-first {
  float: none!important;
  width: 100%!important;
  margin-right: 0!important;
}

.woocommerce-checkout .woocommerce-notices-wrapper { display:none;}
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message { margin: 0 0 10px;}
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message:last-child { margin: 0 0 30px;}
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message br { display:none;}
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message a.restore-item,
.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward {
    background-color:#6b5ea8!important;
    color:#fff!important;
    border-radius:50px!important;
    text-transform: capitalize!important;
    letter-spacing: 0!important;
}

.woocommerce .woocommerce-checkout #customer_details h3 { border-bottom:0px solid #fff!important; margin: 0 0 10px!important;}
.woocommerce-billing-fields h3 {font-size:0!important;}
.woocommerce-billing-fields h3:before { 
    content:"User Information";
    font-size:18px!important;
    font-weight:700;
    color:#6b5ea8;
    text-transform: capitalize;
    letter-spacing: 0;
}
#order_review_heading {
    font-size:18px!important;
    font-weight:700;
    color:#6b5ea8;
    text-transform: capitalize;
    letter-spacing: 0!important;
    border-bottom:0px solid #fff!important;
    margin: 0 0 10px!important;
}
.woocommerce-additional-fields { display:none;}
.woocommerce-billing-fields__field-wrapper {
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 10px 0px #b9b9cc;
    -moz-box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    border-radius:30px;
    padding:30px 30px 20px 30px;
}
.woocommerce-billing-fields__field-wrapper input { border-radius:10px;}
.woocommerce table.shop_table thead {
    background-color: #efefef!important;
}
.woocommerce table.shop_table thead th {
    color:#6b5ea8!important;
    letter-spacing: 0!important;
}
.woocommerce #order_review table.shop_table tbody td { background-color: #ffffff!important;}
.woocommerce-Price-amount.amount { color:#6b5ea8!important;}
.woocommerce table.shop_table tfoot tr.cart-subtotal th,
.woocommerce table.shop_table tfoot tr.cart-subtotal td {background-color: #efefef!important; color:#6b5ea8!important; letter-spacing: 0!important;}
.woocommerce table.shop_table tfoot tr.cart-subtotal td .amount {color:#6b5ea8!important;}
.woocommerce table.shop_table tfoot tr.order-total th,
.woocommerce table.shop_table tfoot tr.order-total td {background-color: #6b5ea8!important; color:#fff!important;}
.woocommerce table.shop_table tfoot tr.order-total td small.includes_tax { display:block; white-space: nowrap;}
.woocommerce table.shop_table tfoot tr.order-total td .amount { color:#fff!important;}
.woocommerce #order_review table.shop_table { margin: 0 0 0px!important;}
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>label { 
    background-color:#fff;
    color:#6b5ea8;
    letter-spacing: 0!important;
}
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>input[type=radio]:first-child:checked+label:before {
    color: #6b5ea8!important;
}
.woocommerce #order_review table.shop_table tbody td.product-name { font-size:0px;}
.woocommerce #order_review table.shop_table tbody td.product-name .checkout-product-name { font-size:16px;}
.woocommerce #order_review table.shop_table tbody td.product-name .product-short-description { font-size:14px;}
.woocommerce #order_review table.shop_table tbody td.product-name br {display: none;}

.woocommerce-checkout #place_order {
    background-color:#6b5ea8!important;
    color:#fff;
    text-transform: capitalize;
    letter-spacing: 0!important;
    border-radius:50px;
    font-size: 16px!important;
    padding: 10px 20px!important;
    font-weight: 400!important;
}
.woocommerce-privacy-policy-text p { line-height:18px!important;}

.custom-column-border {
  position: relative;
  background: transparent;
  z-index: 1;
}
.custom-column-border:before {
  content: ""!important;
  position: absolute!important;
  inset: 0;
  padding: 2px;
  border-radius: 8px;
  background: linear-gradient(0deg, #f16a59 0%, #6d5ea7 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/*.woocommerce-form-coupon-toggle { display:none;}*/

.woocommerce-checkout form.checkout_coupon { width:100%!important;}
.woocommerce-info:before {
    content: "\f145"!important;
    font-size:14px;
    margin-right: 5px!important;
    color:#564999!important;
}
.woocommerce-checkout .woocommerce-info { text-align:left!important;}
.woocommerce-checkout .woocommerce-info a {color:#564999!important;}
.checkout_coupon {text-align:left!important;}
.checkout_coupon .form-row-last { float:none!important; width:200px!important;}
.checkout_coupon .form-row-last button { background-color:#564999!important; border-radius:50px;}
.cart-discount a.woocommerce-remove-coupon {
    font-size: 0 !important; /* hide original text */
}

.woocommerce-checkout-review-order-table { position:relative!important;}
.cart-discount { position:relative!important;}
.cart-discount th { padding-left: 50px!important;}
.cart-discount a.woocommerce-remove-coupon {
    position: absolute;
    left: 15px;
}
.cart-discount a.woocommerce-remove-coupon::before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    color:#cc0000;
    padding-left:5px;
}


.woocommerce-order-received .elementor-element-607e3ca,
.woocommerce-order-received .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received { display:none;}
.custom-thankyou-page-title { display:block; text-align:center; font-size:46px; font-weight:700; line-height:50px; margin-bottom:50px;}
.custom-thankyou-page-title .custom-thankyou-page-title1 { display:block; color:#f26b58;}
.custom-thankyou-page-title .custom-thankyou-page-title2 { display:block; color:#6b5ea8;}
.custom-thankyou-page-title .custom-thankyou-page-title3 { 
    display:block;
    padding-top:20px;
    color:#444444;
    font-size:14px!important;
    line-height:22px!important;
    font-weight:400!important;
}

.woocommerce-order-received .woocommerce-order-details__title { color:#6b5ea8; margin: 0 0 10px!important;}

.custom-thankyou-page-section { display:flex; width:100%; gap:20px;}
.custom-thankyou-page-column { width:50%;}
.woocommerce ul.order_details { 
    -webkit-box-shadow: 0px 0px 10px 0px #b9b9cc;
    -moz-box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    box-shadow: 0px 0px 10px 0px rgba(185, 185, 204, 1);
    border-radius:30px;
    border:0px solid #eee;
}
.woocommerce-order-received .woocommerce-customer-details { display:none;}
.woocommerce-order-received .thankyou-page-payment-method-title { 
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.woocommerce-order-received .thankyou-page-payment-method { 
    color:#6b5ea8;
    letter-spacing: 0!important;
    position:relative;
    font-weight:700;
    font-size:18px;
}

.woocommerce-order-received .thankyou-page-payment-method:before {
    display: inline-block!important;
    font-size: inherit!important;
    content: "✔"!important;
    color: #27ae60!important;
    font-weight: 400!important;
    margin-right: 10px!important;
}

.woocommerce-order-received .woocommerce-table__product-name.product-name br { display:none;}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-child th,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-child td { 
    background-color: #efefef;
    color:#6b5ea8;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:nth-child(2) th,
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:nth-child(2) td { 
    background-color: #6b5ea8;
    color:#ffffff;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:nth-child(2) td .woocommerce-Price-amount { color:#fff!important;}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child { display:none;}

#order-received-countdown-redirect { text-align:center; margin:30px 0 0 0;}
#order-received-countdown-text {
    margin-bottom: 10px;
    font-size: 18px;
    color: #6b5ea8;
    font-weight:600;
}
#order-received-seconds { color:#ff0000;}
#order-received-back-btn {
    background-color: #6b5ea8;
    color: #ffffff;
    border: none;
    display:inline-block;
    border-radius: 50px;
    padding: 2px 70px;
    cursor: pointer;
    font-size: 18px;
}

.remove-checkout-item { font-weight:normal;}

.woocommerce-NoticeGroup-checkout a {
    float: none!important;
    min-height: 10%;
    padding:0!important;
    font-size: 14px!important;
    font-weight: 400!important;
    line-height: 0!important;
    color: #fff;
    letter-spacing: 0!important;
    text-transform: capitalize!important;
    background-color: transparent!important;
}
.woocommerce-NoticeGroup-checkout a strong {font-weight: 400!important;}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown { width:100%;}

.referral-code-row td { text-align:left!important;}

.woocommerce-checkout-review-order .g-recaptcha { margin-top:20px;}

.woocommerce-privacy-policy-text {
    display: none;
}


.woocommerce-checkout #payment ul.payment_methods .wc_payment_method>label {
    padding:20px 20px 0 20px!important;
}
.payment_box.payment_method_xendit_gateway,
.payment_box.payment_method_cheque {padding: 0 1.4em 0 4em!important;}

/************************************/

@media (max-width: 1024px) {
.elementor.elementor-91 { margin-bottom:50px;}
}

@media (max-width: 768px) {
.custom-thankyou-page-section {
    display: block;
    width: 100%;
    gap: 20px;
}
.custom-thankyou-page-column { width:100%;}
.custom-thankyou-page-column:last-child { margin-top:30px;}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .thankyou-page-payment-method { text-align:center;}
.elementor-element-d5a6ebd,
.elementor-element-ef1f8da,
.elementor-element-eb9dc4e,
.elementor-element-e38cca1 { overflow-y: scroll; width: 100%; padding: 30px 0;}

.elementor-element-d5a6ebd .elementor-loop-container,
.elementor-element-ef1f8da .elementor-loop-container,
.elementor-element-eb9dc4e .elementor-loop-container,
.elementor-element-e38cca1 .elementor-loop-container { display: flex!important; width: 1200px!important;}

.elementor-element-d5a6ebd .elementor-loop-container .e-loop-item,
.elementor-element-ef1f8da .elementor-loop-container .e-loop-item,
.elementor-element-eb9dc4e .elementor-loop-container .e-loop-item,
.elementor-element-e38cca1 .elementor-loop-container .e-loop-item { width:25%;}

.e-n-tabs-heading { display:flex!important; flex-flow: nowrap!important;}
.e-n-tabs-heading button { width:50%!important; margin-bottom: 0!important; margin-top: 0!important;}
.e-n-tabs-heading button span.e-n-tab-title-text { font-size:16px!important;}
#e-n-tab-title-663174302,
#e-n-tab-title-1785756672 { order:1!important;}
}