:root {
    --swt-button: #0aa0de;
    --swt-button-2: #900ade;
    --swt-button-3: #f1effa;
    --swt-button-4: #2563eb;
    --swt-button-5: #e6f1f8;
    --swt-text-5: #3632a3;
    --swt-text-4: #b8b8d5;
    --swt-text-3: #7d7d94;
    --swt-text-2: #6c6c6c;
    --swt-text-1: #3c486e;
    --swt-title: #24252f;
    --swt-green: #0bc66a;
    --swt-green-light: #0bc66a24;
    --swt-orange: #c99519;
    --swt-orange-light: #fbefd2;
    --swt-red: #dc3c3c;
    --swt-red-light: #dc3c3c1a;
    --swt-purple: #942bb7;
    --swt-purple-light: #813cdc1a;
    --swt-brown: #a1882d;
    --swt-brown-light: #a1882d1f;
    --swt-border-1: #d5deec;
    --swt-border-2: #2b3368;
    --swt-bg-1: #0d89dc;
    --swt-bg-2: #24b3ef;
    --swt-bg-3: #f1f1fe;
    --swt-bg-4: #131837;
    --swt-bg-5: #242845;
    --swt-bg-6: #0cc7b1;
    --swt-gradient-1: linear-gradient( 160deg, var(--swt-bg-1) 0%, var(--swt-bg-6) 100% );
    --swt-gradient-2: linear-gradient( 160deg, #de4c4c 0%, #b34cde 50%, #4cc2de 100% );
    --swt-gradient-3: linear-gradient(135deg, #eee1ff, #e2f0ff);
    --swt-gradient-4: linear-gradient(57deg, var(--swt-green), var(--swt-button));
    --swt-section-1: #efeff6;
    --swt-section-2: #f7f8fd;
    --swt-radius-1: 13px;
    --swt-radius-2: 7px;
    --swt-radius-3: 20px;
    --swt-radius-4: 30px;
    --swt_width: 1350px;
    --swt_font_family: "Euclid Circular B", sans-serif;
    --swt-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px -2px;
    --whatsapp: #4fce5d;
}

* {
    outline: none;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 420px) {
    html {
        font-size: 14px;
    }
}

strong {
    font-weight: 500;
}

hr {
    border-color: var(--swt-border-1);
}

.fw {
    width: 100%;
}

.wfit {
    width: fit-content;
}

.bgwhite {
    background-color: #fff;
}

.brdr {
    border: 1px solid var(--swt-button);
}

.flex {
    display: flex;
}

.flex-wrap-w {
    flex-wrap: wrap;
}

.gap {
    gap: 1rem;
}

.mbottom {
    margin-bottom: 0.5rem !important;
}

.universe {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.fitc {
    width: fit-content;
}

.flex {
    display: flex;
}

.gap1 {
    gap: 1rem;
}

.gap2 {
    gap: 0.5rem;
}

.align-items-c {
    align-items: center;
}

.justify-content-sb {
    justify-content: space-between;
}

.justify-content-c {
    justify-content: center;
}

body {
    color: var(--swt-text-1);
    margin: 0;
    padding: 0;
    background-color: var(--swt-section-1);
    font-family: var(--swt_font_family);
}

body.home {
    background-color: #fff;
}

h1 {
    font-size: 2.25rem;
    line-height: 1.2;
    color: var(--swt-title);
}

h2 {
    font-size: 1.7rem;
    line-height: 1.3;
    color: var(--swt-title);
}

h3 {
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--swt-title);
}

h4 {
    font-size: 1.25rem;
    line-height: 1.4;
    color: var(--swt-title);
}

h5 {
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--swt-title);
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--swt-title);
}

p {
    margin-bottom: 20px;
    font-size: 1rem;
    margin-top: 0;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px;
    width: var(--swt_width);
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: var(--swt_width);
    }
}

/* Links */
a {
    color: var(--swt-bg-1);
    text-decoration: none !important;
    transition: all 0.4s ease;
    font-size: 14px;
}

a:hover {
    text-decoration: underline;
    color: var(--swt-bg-1);
}

fieldset {
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    padding: 1rem;
    height: fit-content;
}

.fieldset-desc {
    margin-bottom: 1rem !important;
    display: block;
    font-size: 0.85rem;
    color: var(--swt-text-2);
}

legend {
    font-size: 1.1rem;
    padding: 0 1rem;
    font-weight: 600;
}

/* Buttons */
.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.button, button, input[type="submit"], input[type="button"] {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-bg-1);
    background-color: var(--swt-bg-1);
    color: white;
    cursor: pointer;
    transition: all 0.2s;
    font-family: "Euclid Circular B";
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    text-decoration: none;
    color: #fff;
}

input[type="file"] {
    display: block;
    width: 100%;
    font-size: 0.85rem;
    color: var(--swt-text-2);
    padding: 0.4rem;
    background: var(--swt-section-2);
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: var(--swt_font_family);
}

input[type="file"]::file-selector-button {
    border: none;
    background: var(--swt-button);
    padding: 0.35rem 0.6rem;
    border-radius: var(--swt-radius-1);
    color: white;
    font-weight: 400;
    cursor: pointer;
    margin-right: 0.8rem;
    font-size: 0.85rem;
    font-family: var(--swt_font_family);
    transition: background 0.2s ease-in-out;
}

input[type="file"]::file-selector-button:hover {
    background: var(--swt-button-4);
}

input[type="file"]:hover {
    background: var(--swt-section-1) !important;
}

/* Tables */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--swt-border-1);
    border-radius: 8px;
    overflow: hidden;
    font-size: 0.9rem;
}

tbody {
    font-size: .85rem;
}

th, td {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--swt-border-1);
}

th {
    background-color: #e2e6ff;
    font-weight: 500;
}

table tr:last-child td {
    border-bottom: none;
}

/* Forms */
select {
    background-color: #fff;
    border: 1px solid var(--swt-border-1);
    padding: 0.75rem 0 0.75rem 1rem;
    border-radius: var(--swt-radius-1);
    cursor: pointer;
    font-family: var(--swt_font_family);
    color: var(--swt-text-1);
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], textarea, select, .select2-container--default .select2-selection--single {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    line-height: 1.5;
    transition: border-color 0.2s;
    box-sizing: border-box;
    font-family: var(--swt_font_family);
    color: var(--swt-text-1);
}

.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    padding: 1.4rem 0.8rem;
    color: red;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--swt-text-1);
}

.select2-dropdown {
    color: var(--swt-text-1);
    border: 1px solid var(--swt-border-1);
    max-width: 150px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    background-color: #9797971f;
}

input:disabled {
    cursor: default;
    background-color: light-dark(rgb(250 81 0 / 14%), rgba(59, 59, 59, 0.3));
    color: var(--swt-text-3);
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: black !important;
}

input:focus, textarea:focus {
    outline: none;
    border-color: var(--swt-bg-1);
    font-family: var(--swt_font_family);
}

/* Lists */
ul, ol {
    margin: 0 0 1rem .5rem;
    padding: 0 0 0 1rem;
}

li {
    padding: 0;
}

li:not(:last-child) {
    margin: 0 0 0.5rem 0;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
}

/* Blockquotes */
blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid var(--swt-bg-1);
    background-color: var(--swt-section-1);
    font-style: italic;
}

/* WordPress Specific Classes */
.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.wp-caption-text {
    font-size: 0.875rem;
    color: #666;
    text-align: center;
    margin-top: 0.5rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .alignleft, .alignright {
        float: none;
        margin: 1rem 0;
        display: block;
    }
}

/* 404 PAGE */
.page-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#error-404-container {
    text-align: center;
    padding: 20px;
    max-width: 600px;
    margin: 20px;
}

#error-404-code {
    font-size: 120px;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 20px;
    animation: pulse-404 2s infinite;
}

#error-404-title {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 20px;
}

#error-404-message {
    font-size: 1.1rem;
    color: #34495e;
    margin-bottom: 30px;
    line-height: 1.6;
}

#error-404-home-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #3498db;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    font-size: 1rem;
    transition: transform 0.3s ease, background 0.3s ease;
}

#error-404-home-btn:hover {
    background: #2980b9;
    transform: translateY(-3px);
}

@keyframes pulse-404 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 768px) {
    #error-404-code {
        font-size: 80px;
    }

    #error-404-title {
        font-size: 1.8rem;
    }

    #error-404-message {
        font-size: 1rem;
    }

    #error-404-home-btn {
        padding: 10px 25px;
        font-size: 0.9rem;
    }
}

/*------------------------
WOOCOMMERCE
------------------------*/
.woocommerce-notices-wrapper {
    width: 1350px;
    max-width: 100%;
    margin: auto;
}

.wc-block-components-notice-banner {
    opacity: 0;
    transform: scale(0.8);
    animation: zoomIn 0.4s ease-out forwards;
}

.wc-block-components-notice-banner {
    margin: 0 !important;
    margin-bottom: 15px !important;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
    color: #ccc !important;
    text-decoration: none !important;
}

/**
*
*
 * Woocommerce reviews
 *
 *
 */
.wc-reviews-header {
    margin: 32px 0 36px;
}

.wc-reviews-title {
    margin: 0 0 14px;
    font-size: 22px;
    font-weight: 600;
    color: #222;
}

.wc-review-summary {
    display: flex;
    align-items: center;
    gap: 6px 10px;
    font-size: 15px;
    color: #333;
    flex-wrap: wrap;
}

.wc-stars {
    line-height: 1;
    margin-bottom: 6px;
}

/* hem header hem item */
.wc-avg-rating {
    font-weight: 600;
    color: var(--swt-title);
}

.wc-rating-count {
    color: var(--swt-text-1);
}

.wc-rating-bar .star {
    color: #ff9800;
}

.wc-rating-breakdown {
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
    max-width: 100%;
}

.wc-rating-breakdown li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 7px 0;
    font-size: 14px;
    color: #334;
}

.wc-rating-breakdown .label {
    width: 32px;
    text-align: left;
}

.wc-rating-breakdown .bar {
    flex: 1;
    background: #eee;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
}

.wc-rating-breakdown .bar span {
    display: block;
    height: 100%;
    background: #3a3a3a;
}

.wc-rating-breakdown .value {
    width: 28px;
    text-align: right;
    color: #555;
    font-weight: 500;
}

.wc-review-item {
    margin: 0 0 1rem !important;
    list-style: none;
}

.wc-admin-reply {
    margin-left: 1rem;
    position: relative;
}

.wc-admin-reply .meta {
    margin-top: 0.9rem;
}

.wc-admin-reply:before {
    content: "";
    position: absolute;
    left: 1rem;
    top: -1rem;
    height: 16px;
    width: 2px;
    background-color: var(--swt-border-1);
}

.wc-review-card {
    border: 1px solid var(--swt-border-1);
    border-radius: 10px;
    padding: 0.85rem;
    background: #fff;
    position: relative;
}

.wc-review-head {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 10px;
}

.wc-avatar img, .comment-author-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 3px solid var(--swt-border-1);
}

.wc-head-meta {
    flex: 1;
    min-width: 0;
}

.comment-text {
    flex: 1;
}

.comment-text p {
    color: var(--swt-text-2);
    font-size: 0.9rem;
    margin-bottom: 0;
}

.meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 8px;
    font-size: 14px;
    color: var(--swt-text-1);
    margin: 0 0 8px;
}

.woocommerce-review__author {
    color: var(--swt-title);
    font-weight: 600;
}

.badge-yetkili {
    background: var(--swt-red);
    color: #fff;
    padding: 2px 6px;
    border-radius: var(--swt-radius-2);
    font-size: 11px;
}

.comment-reply-title {
    font-weight: 500;
    font-size: 1.2rem;
    display: flex;
    gap: 0.8rem;
    margin-bottom: 0.8rem;
    align-items: center;
}

ol.commentlist {
    margin: 0;
    padding: 0;
}

.woocommerce-review__verified {
    background: #e7f5ec;
    color: #2e7d32;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    font-style: normal;
}

.woocommerce-review__dash {
    color: #bbb;
}

.woocommerce-review__published-date {
    color: var(--swt-text-2);
    font-size: 0.75rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.wc-awaiting {
    color: #999;
    font-size: 12px;
}

.wc-review-children {
    list-style: none;
    margin: 18px 0 0 56px;
    padding: 0;
    border-left: 2px solid #f3f3f3;
}

.wc-review-reply {
    margin: 16px 0 0;
    padding-left: 18px;
}

.myrev-empty {
    padding: 1rem;
    border: 1px solid var(--swt-border-1);
    border-radius: 10px;
    background: #fafafa;
    margin-bottom: 1rem;
}

.myrev-empty h3 {
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
    color: var(--swt-title);
}

.myrev-empty p {
    margin: 0 0 18px;
    line-height: 1.6;
    color: var(--swt-text-1);
}

.myrev-btn-primary {
    background-color: var(--swt-button-4) !important;
    color: #ffffff !important;
}

.product-reviewed {
    padding: 1rem;
    border-radius: 10px;
    background-color: var(--swt-green-light);
    margin-bottom: 1rem;
    text-align: center;
    border: 1px solid var(--swt-green);
}

.product-reviewed p {
    margin: 0;
}

.product-reviewed svg {
    background-color: var(--swt-green);
    color: #fff;
    border-radius: 50px;
    padding: 0.5rem;
    width: 3rem;
    height: 3rem;
}

.product-reviewed > .title {
    margin: 0 0 0.5rem 0 !important;
    font-size: 20px;
    font-weight: 600;
    color: var(--swt-title);
}

.product-reviewed .title {
    margin: 0;
    line-height: 1.6;
    color: var(--swt-text-1);
}

.btn-1.review-submit {
    background-color: var(--swt-button);
    color: #fff;
    border: none;
}

.btn-1.review-submit:before {
    background-color: var(--swt-button-2);
}

#review_form .comment-form-rating, #review_form .comment-form-comment, #review_form .comment-form-author, #review_form .comment-form-email {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

#review_form label {
    display: block;
    font-weight: 500;
}

#review_form input[type="text"], #review_form input[type="email"], #review_form textarea, #review_form select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
}

#review_form textarea {
    min-height: 140px;
}

#review_form input[type="submit"] {
    cursor: pointer;
}

.comment-awaiting-moderation {
    margin-bottom: 1rem;
    background-color: var(--swt-brown-light);
    border: none;
}

.myrev-pending-label {
    background-color: #a1882d;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    font-style: normal;
}

/**
 * Products
 */
ul.products {
    margin: 0;
    padding: 0;
}

ul.products li.product {
    list-style: none;
    position: relative;
    margin-bottom: 2em;
}

ul.products li.product img {
    display: block;
}

ul.products li.product .button {
    display: block;
}

@media screen and (min-width: 48em) {
    ul.products li.product {
        width: 30.79667%;
        float: left;
        margin-right: 3.8%;
    }

    ul.products li.product.first {
        clear: both;
    }

    ul.products li.product.last {
        margin-right: 0;
    }

    ul.products.columns-1 li.product {
        float: none;
        width: 100%;
    }

    ul.products.columns-2 li.product {
        width: 48.1%;
    }

    ul.products.columns-3 li.product {
        width: 30.79667%;
    }

    ul.products.columns-4 li.product {
        width: 22.15%;
    }

    ul.products.columns-5 li.product {
        width: 16.96%;
    }

    ul.products.columns-6 li.product {
        width: 13.49333%;
    }
}

/**
 * Single product
 */
.single-product div.product {
    position: relative;
}

.single-product div.product .woocommerce-product-gallery {
    position: relative;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 2em;
    right: 1em;
    display: block;
    z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin: 0;
    padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    cursor: pointer;
    float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
    opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
    clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n + 1) {
    clear: both;
}

.stock:empty::before {
    display: none;
}

.stock.in-stock {
    color: #0f834d;
}

.stock.out-of-stock {
    color: #e2401c;
}

.single-product-content > .container {
    width: 1240px;
}

.single-product-wrap {
    padding: 1.8rem 0;
}

.single-product-wrap h2,
.single-product-wrap h3,
.single-product-wrap h4,
.single-product-wrap h5{
    margin: 1rem 0;
    font-weight: 600;
    font-size: 1.4rem
}

.single-product-wrap h3 {
    font-size: 1.2rem;
    font-weight: 600;
}

.single-product-wrap h4,
.single-product-wrap h5{
    font-size: 1rem
}

.single-product-wrap p {
    font-size: .95rem;
}

.single-product-wrap li {
    margin: 0;
}

.sp-top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #fff;
    padding: 1.5rem;
    border-radius: var(--swt-radius-3);
}

.svg-icon {
    width: 1rem;
    height: 1rem;
}

.sp-top-category-line .category-name {
    background-color: var(--swt-button);
    border: 1px solid var(--swt-border-1);
    color: #fff;
    padding: 0.2rem 0.5rem;
    border-radius: var(--swt-radius-1);
    font-size: 0.9rem;
}

.sp-top-category-line .category-name:before {
    background-color: var(--swt-button-2);
}

.sp-title-line .view-counts {
    font-size: 0.9rem;
}

.sp-title-line > .buttons {
    column-gap: 1rem;
    row-gap: 0.5rem;
}

.sp-product-title {
    margin: 0;
}

.sp-rating {
    color: var(--swt-text-1);
}

.sp-rating-text {
    font-weight: 500;
    font-size: 0.85rem;
}

.product-share {
    color: var(--swt-text-1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1;
    font-weight: 500;
}

.product-report {
    color: #dc2626;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1;
}

.woocommerce-breadcrumb [icon-name="chevron-right"] {
    margin: 0 0.3rem;
}

.woocommerce-breadcrumb [icon-name="home-1"] {
    display: none;
}

.woocommerce-breadcrumb a {
    color: #fff;
}

.woocommerce-breadcrumb a, .woocommerce-breadcrumb span, .woocommerce-breadcrumb {
    font-size: 0.8rem;
}

.sp-general {
    display: flex;
    gap: 1rem;
    margin-top: 1.4rem;
}

.sp-general > .left {
    width: 66.66666667%;
    max-width: 66.66666667%;
    display: flex;
    flex-direction: column;
}

.sp-general > .right {
    max-width: 33.33333333%;
    width: 33.33333333%;
    display: flex;
    flex-direction: column;
}

.sp-product-img {
    gap: 0.8rem;
    position: relative;
}

.sp-product-img img {
    width: 100%;
    max-width: 100%;
    height: 335px;
    object-fit: cover;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    transition: all 0.3s ease;
}

.sp-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    max-height: 420px;
    overflow-y: auto;
}

.sp-gallery img {
    width: 100%;
    height: 100px;
    width: 175px;
    border: 1px solid var(--swt-border-1);
}

.sp-excerpt {
    margin: 1rem 0 0 0;
    color: var(--swt-text-2);
}

.sp-excerpt p:last-child {
    margin-bottom: 0 !important;
}

.sp-highlights {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem 0 0 0;
    padding: 0;
}

.sp-highlights li {
    border-radius: var(--swt-radius-1);
    font-size: 0.92rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 400;
    position: relative;
    padding: 0.35rem 0.7rem 0.35rem 0.35rem;
    border: 1px solid var(--swt-border-1);
    color: var(--swt-text-2);
    margin: 0;
}

.sp-highlights li i {
    background-color: #fff;
    padding: 0.35rem;
    border-radius: var(--swt-radius-2);
    font-size: 1.05rem;
}

.sp-highlights li:nth-child(1) i {
    background-color: var(--swt-green);
    color: #fff;
}

.sp-highlights li:nth-child(2) i {
    background-color: var(--swt-orange);
    color: #fff;
}

.sp-highlights li:nth-child(3) i {
    background-color: var(--swt-purple);
    color: #fff;
}

.sp-highlights li:nth-child(4) i {
    background-color: var(--swt-red);
    color: #fff;
}

.sp-highlights li:nth-child(5) i {
    background-color: var(--swt-button-4);
    color: #fff;
}

.sp-highlights li:nth-child(6) i {
    background-color: var(--swt-bg-1);
    color: #fff;
}

.sp-pricing-section {
    flex-direction: column;
    gap: 1rem;
}

.sp.price .woocommerce-Price-amount.amount {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--swt-title);
}

.sp.price .woocommerce-Price-amount.amount.cut-price {
    font-weight: 500;
    font-size: 0.95rem;
    margin-right: 0.5rem;
    color: var(--swt-text-2);
}

.sp-discount-info {
    background: #fff;
    border: 2px solid #aa00ff;
    animation: shrink-return 1.1s infinite;
    border-style: dashed;
}

.sp-discount-info-alarm > .title {
    color: var(--swt-red);
    font-weight: 500;
    font-size: 1.2rem;
}

.sp-discount-info-alarm img {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.sp-discount-desc {
    font-size: 0.9rem;
    color: var(--swt-text-1);
    margin: 0.9rem 0;
}

.sp-discount-info-content {
    flex-direction: column;
    color: var(--swt-text-1);
    font-weight: 300;
    font-size: 0.85rem;
}

.sp-discount-info-content i {
    color: var(--swt-red);
}

.sp-discount {
    color: var(--swt-red);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.25rem 0.8rem;
    background-color: var(--swt-red-light);
    border-radius: 20px;
    animation: shrink-return 1.1s infinite;
}

.ozel-urun-alanlari {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ozel-urun-alanlari .ozel-alan-secim {
    padding: 0.7rem;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    position: relative;
}

.ozel-urun-alanlari .ozel-alan-secim label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .9rem;
}

.ozel-urun-alanlari .ozel-alan-secim .woocommerce-Price-amount.amount,
.ozel-urun-alanlari .ozel-alan-secim .woocommerce-Price-amount.amount bdi {
    font-size: .9rem;
}

.ozel-urun-alanlari .ozel-alan-title {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--swt-title);
    margin: 0;
}

.ozel-urun-alanlari .ozel-alan-title:not(:first-child) {
    margin-top: 1rem;
}

.ozel-alan-helper {
    position: absolute;
    right: 0.5rem;
    top: 58%;
    transform: translateY(-50%);
}

.ozel-alan-helper svg {
    color: var(--swt-bg-1);
    width: 1.2rem;
    height: 1.2rem;
    z-index: 9;
}

.sp-add-cart {
    background-color: var(--swt-button-4) !important;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    color: #fff !important;
    font-weight: 500 !important;
}

.sp-add-cart i {
    margin-right: 0.5rem;
    color: #fff !important;
}

form.sp-cart {
    padding: 0 0.5rem;
}

.added_to_cart.wc-forward {
    background-color: var(--swt-green);
    color: #fff !important;
}

.added_to_cart.wc-forward i {
    color: #fff;
}

.added-cart-popup .s-popup-wrap {
    padding: 2rem;
}

.added-cart-popup .s-popup-header {
    padding: 0;
    margin: 0;
    border: none;
}

.added-cart-popup .s-popup-content p {
    margin: 0;
    text-align: center;
    color: var(--swt-text-2);
}

.added-cart-popup .s-popup-content .product-name, .added-cart-popup .s-popup-content .price .amount {
    font-style: italic;
    color: var(--swt-text-1);
    font-weight: 600;
}

.added-cart-popup .buttons {
    justify-content: center;
}

.added-cart-popup .buttons > .wc-forward {
    padding: 0.6rem 1rem;
    background-color: var(--swt-green);
    border-radius: var(--swt-radius-1);
    color: #fff;
}

.added-cart-popup .buttons > .wc-forward i {
    color: #fff;
}

.added-cart-popup .buttons .added-continue {
    border: 1px solid var(--swt-border-1);
    background-color: transparent;
    padding: 0.6rem 1rem;
    border-radius: var(--swt-radius-1);
}

.single-product-content .quantity {
    width: 15%;
}

.single-product-content .quantity > input[type="number"] {
    padding: 0.7rem;
}

.single-product-content .woocommerce-breadcrumb a {
    color: var(--swt-button);
}

.buttons .sp-add-cart {
    width: 82% !important;
}

.buttons.demo-and-video {
    padding-top: 1rem;
    border-top: 1px solid var(--swt-border-1);
    width: 100%;
    justify-content: center;
}

.buttons.demo-and-video .demo {
    background-color: #9797971f;
}

.buttons.demo-and-video .video {
    background-color: #5959591f;
}

.sp-tabs-wrap {
    margin: -1rem -1rem 0 -1rem;
    border-bottom: 1px solid var(--swt-border-1);
}

.sp-tabs {
    padding: 1rem 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    margin: 0 55px 0 55px;
}

.sp-tabs-tab-left, .sp-tabs-tab-right {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: var(--swt-section-1) !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    cursor: pointer !important;
    border-radius: 50% !important;
    color: var(--swt-title);
    border: 1px solid var(--swt-border-1) !important;
    transition: all 0.3s ease;
    line-height: 1;
    padding: 0 !important;
    box-shadow: var(--swt-box-shadow);
}

.sp-tabs-tab-left span i, .sp-tabs-tab-right span i {
    color: var(--swt-title);
}

.sp-tabs-tab-left {
    left: 10px;
}

.sp-tabs-tab-right {
    right: 10px;
}

.sp-tabs.dragging {
    cursor: grabbing;
    user-select: none;
}

.sp-tabs-tab {
    padding: 0.5rem 0.8rem;
    font-weight: 500;
    font-size: 0.85rem;
    background-color: #9797971f;
    border-radius: var(--swt-radius-1);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    transition: all 0.3s ease;
}

.sp-tabs-tab i {
    font-size: 1rem;
}

.sp-tabs-tab .svg-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.sp-tabs-tab:hover {
    color: var(--swt-button);
}

.sp-tabs-tab.spt-active {
    background-color: var(--swt-button) !important;
    color: #fff;
    position: relative;
    border-radius: var(--swt-radius-1) var(--swt-radius-1) 0 0;
}

.sp-tabs-tab.spt-active:after {
    content: "";
    position: absolute;
    bottom: -0.95rem;
    background: var(--swt-button);
    height: 2px;
    left: 0;
    width: 100%;
    animation: homeServicesWipeUp 0.45s ease-out forwards;
}

.sp-tabs-tab.spt-active:hover {
    background-color: var(--swt-button) !important;
}

.sp-tabs-tab.spt-active i {
    color: #fff;
}

.sp-tabs-content {
    display: none;
    max-height: 650px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.sp-tabs-content {
    display: none;
}

.sp-tabs-content.sptc-active {
    display: block;
    animation: WipeVertical 0.3s ease;
    transform-origin: top;
}

.sp-tabs-content-title {
    margin-bottom: 1rem !important;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--swt-border-1);
    color: var(--swt-title);
    font-size: 1.5rem;
}

.sp-technical-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    column-gap: 2rem;
    row-gap: 0.8rem;
    margin: 0;
    padding: 0;
}

.sp-technical-info li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
}

.sp-technical-info li > .right {
    font-weight: 600;
}

.page-inner-section-title.requirements {
    margin-bottom: 1rem !important;
}

.sp-requirements {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.sp-requirements li {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.sp-requirements li:not(:last-child) {
    border-bottom: 1px solid var(--swt-border-1);
    margin-bottom: 0.7rem;
    padding-bottom: 0.7rem;
}

.sp-requirements li i {
    margin-right: 0.5rem;
}

.sp-requirements li > .left {
    font-weight: 400 !important;
    font-size: 0.9rem;
}

.sp-requirements li > .right {
    font-weight: 600;
    font-size: 0.98rem;
}

.sp-videos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sp-videos li {
    border: 1px solid var(--swt-border-1);
    padding: 0.85rem;
    border-radius: var(--swt-radius-1);
    background-color: #9797971f;
    margin: 0;
}

.sp-videos .sp-videos-title {
    color: var(--swt-title);
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 18px;
    text-align: center;
}

.sp-videos .sp-videos-link {
    display: flex;
    align-items: start;
    flex-direction: column;
    position: relative;
    gap: 0.85rem;
}

.sp-videos .sp-videos-link i {
    background-color: var(--swt-red);
    padding: 0.6rem;
    line-height: 1;
    border-radius: 50%;
    border: 4px solid var(--swt-section-1);
    color: #fff;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    margin: -2.3rem auto -0.5rem auto;
}

.sp-videos .sp-videos-link:hover i {
    background-color: #fff;
    color: var(--swt-red);
}

.sp-videos .sp-videos-thumbnail {
    border-radius: var(--swt-radius-1);
    height: 90px;
    width: 100%;
    object-fit: cover;
}

/* SWT SHARE */
.s-popup-cover.sp-share-popup .s-popup-title {
    justify-content: center !important;
}

.swt-share {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 100%;
    box-sizing: border-box;
}

.share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.share-button {
    padding: 0.55rem;
    background-color: #fff;
    border: 1px solid var(--swt-border-1);
    line-height: 0;
    border-radius: var(--swt-radius-2);
}

.share-button svg {
    width: 1.2rem;
    height: 1.2rem;
}

.copy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
    text-decoration: none;
    background-color: #fff !important;
    border: none;
    border: 1px solid var(--swt-border-1);
}

.copy-button svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}

.share-button i {
    font-size: 1.2rem;
}

.facebook {
    color: #1877f2;
}

.twitter {
    color: #000000;
}

.whatsapp {
    color: #25d366;
}

.instagram {
    color: #e1306c;
}

.mail {
    color: #dfaa16;
}

.share-input {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    margin: 0 auto;
}

.share-link {
    flex: 1;
    border: 1px solid #e0e0e0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background-color: #fff;
    outline: none;
}

.copy .iconsax {
    font-size: 1.25rem;
}

@media (max-width: 768px) {
    .share-link {
        font-size: 0.85rem;
        padding: 0.5rem;
    }
}

.sticky-product-bar-wrap {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    padding: 0.5rem 0;
    box-sizing: content-box;
    box-shadow: var(--swt-box-shadow);
    z-index: 10;
}

.sticky-product-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sticky-product-bar > .left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sticky-product-bar > .left .spb-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: var(--swt-radius-1);
}

.sticky-product-bar > .left .spb-title {
    color: var(--swt-title);
    font-weight: 500;
}

/**
 * Star rating
 */
.star-rating {
    overflow: hidden;
    position: relative;
    height: 1.618em;
    line-height: 1.618;
    width: 5.3em;
    font-family: star;
    font-weight: 400;
}

.star-rating::before {
    content: "\53\53\53\53\53";
    opacity: 0.25;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: #4169e1;
}

p.stars {
    margin-bottom: 0;
}

p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    margin-right: 1px;
    font-weight: 400;
}

p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: star;
    content: "\53";
    color: #404040;
    text-indent: 0;
    opacity: 0.25;
}

p.stars a:hover ~ a::before {
    content: "\53";
    color: #404040;
    opacity: 0.25;
}

p.stars:hover a::before {
    content: "\53";
    color: #4169e1;
    opacity: 1;
}

p.stars.selected a.active::before {
    content: "\53";
    color: #4169e1;
    opacity: 1;
}

p.stars.selected a.active ~ a::before {
    content: "\53";
    color: #404040;
    opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
    content: "\53";
    color: #4169e1;
    opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    position: relative;
}

.woocommerce-tabs ul.tabs li a {
    padding: 1em 0;
    display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
    margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
    text-align: right;
}

.woocommerce-password-strength.strong {
    color: #0f834d;
}

.woocommerce-password-strength.short {
    color: #e2401c;
}

.woocommerce-password-strength.bad {
    color: #e2401c;
}

.woocommerce-password-strength.good {
    color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
    border: 1px solid var(--swt-green);
}

.form-row.woocommerce-invalid input.input-text {
    border: 1px solid #e2401c;
}

.required {
    color: #f00;
}

/* Swt Alerts */
.alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: var(--swt-radius-1);
    font-size: 0.95rem;
    font-weight: 500;
    position: relative;
}

.alert:not(:last-child) {
    margin-bottom: 1rem;
}

.alert .iconsax {
    font-size: 18px;
}

.alert .close-alert {
    background: transparent;
    border: none;
    font-size: 16px;
    margin-left: auto;
    cursor: pointer;
}

.alert-success {
    background-color: #ebf7f2;
    color: #058c53;
    border: 1px solid #62c89d;
}

.alert-danger {
    background-color: #fceeee;
    color: #ce2424;
    border: 1px solid #f37474;
}

.alert-warning {
    background-color: #fdf6ec;
    color: #b66c03;
    border: 1px solid #e9b161;
}

.alert-info {
    background-color: #edf6f9;
    color: #1b8eb3;
    border: 1px solid #5eb2cc;
}

.alert-normal {
    background-color: #fff;
    color: var(--swt-text-1);
    border: 1px solid var(--swt-border-1);
    /* border-left: 5px solid var(--swt-text-1); */
}

/**
 * Notices
 */
.woocommerce-notices-wrapper [role="alert"] li {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.woocommerce-notices-wrapper [role="alert"] svg, .woocommerce-message svg {
    margin-right: 0.4rem;
    background-color: #fff;
    padding: 0.3rem;
    min-width: 2.1rem;
    min-height: 2.1rem;
    border-radius: var(--swt-radius-1);
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    font-size: 1rem;
    padding: .5rem;
    border-radius: var(--swt-radius-1);
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    outline: none;
    border-right: 1px solid var(--swt-border-1);
    border-bottom: 1px solid var(--swt-border-1);
    border-top: 1px solid var(--swt-border-1);
}

.woocommerce-message {
    background-color: var(--swt-green);
    color: #fff;
    fill: var(--swt-green);
    border: 1px solid var(--swt-border-1);
    position: relative;
}

.woocommerce-message::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 60%;
    border-radius: var(--swt-radius-1) 0 0 var(--swt-radius-1);
    background-color: var(--swt-green-light);
}

.woocommerce-message .wc-forward {
    background-color: #058c53 !important;
    font-weight: 400;
    padding: 0.22rem 1rem;
    margin-left: auto;
    font-size: 1rem;
}

.woocommerce-info {
    background-color: #fff;
    color: #127ba3;
    border: 1px solid var(--swt-border-1);
}

.woocommerce-error {
    background-color: var(--swt-red-light);
    color: #c02626;
    fill: #c02626;
    border: 1px solid var(--swt-border-1);
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-noreviews {
    background-color: #fff;
    color: #b57f00;
    fill: #b57f00;
    border-left: 5px solid #b57f00;
}

p.no-comments {
    background-color: #fff;
    color: #6c757d;
    border-left: 5px solid #adb5bd;
}

.demo_store {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 1em;
    background-color: #3d9cd2;
    z-index: 9999;
}

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: #4169e1;
    box-sizing: border-box;
    margin-top: -0.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}

/*--------------------------
WOOCOMMERCE
--------------------------*/
.swt-responsive-table {
    scrollbar-width: thin;
}

@media screen and (max-width: 768px) {
    .swt-responsive-table table th, .swt-responsive-table table td {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .swt-responsive-table {
        overflow-x: auto;
    }

    .swt-responsive-table table {
        width: 100%;
    }
}

/* SWT POPUP DEFAULT STYLES */
.s-popup-cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0000006b;
    z-index: 99;
    padding: 0 0.9rem;
    animation: fade-in 0.3s ease;
}

.s-popup-wrap {
    position: relative;
    border-radius: var(--swt-radius-1);
    padding: 0;
    background-color: #fff;
    width: 720px;
    max-width: 100%;
    margin: 1rem;
    animation: WipeVertical 0.3s ease;
}

.s-popup-header {
    position: relative;
    padding: 1rem;
    margin: 0;
    border-bottom: 1px solid var(--swt-border-1);
}

.s-popup-title {
    margin: 0;
    font-weight: 600;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.s-popup-title i {
    font-size: 1.45rem;
    color: var(--swt-green);
    background-color: var(--swt-green-light);
    padding: .6rem .6rem .5rem .6rem;
    border-radius: var(--swt-radius-2);
}

.s-popup-close {
    position: absolute;
    right: 1rem;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.s-popup-button {
    width: fit-content;
}

.s-popup-content {
    max-height: 70vh;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: .85rem 1rem 1rem 1rem;
}

.s-popup-footer {
    margin-top: 1rem;
    padding: 0 1rem 1rem 1rem;
}

/**
 * Header cart
 */
.site-header-cart {
    position: relative;
    margin: 0;
    padding: 0;
}

.site-header-cart .cart-contents {
    text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
    display: none;
}

.site-header-cart .product_list_widget {
    margin: 0;
    padding: 0;
}

/* Mini Cart */
.mini-cart-wrapper {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100vh;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0000006b;
    z-index: 100;
}

.mini-cart-inner {
    position: relative;
    background-color: #fff;
    padding: 1.4rem;
    border-radius: var(--swt-radius-1);
    animation: WipeVertical 0.3s ease;
    width: 615px;
    max-width: 100%;
}

.mini-cart-inner .variation {
    display: none;
}

.mini-cart-header {
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--swt-border-1);
}

.mini-cart-title {
    margin: 0;
    font-weight: 600;
    font-size: 1.15rem;
    line-height: 1.4;
    color: var(--swt-title);
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.mini-cart-title svg {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    color: var(--swt-button);
    background-color: var(--swt-button-5);
    border-radius: var(--swt-radius-1);
}

.mini-cart-close {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    top: 0;
    cursor: pointer;
}

.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    position: relative;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--swt-border-1);
}

.woocommerce-mini-cart-item.mini_cart_item:not(:last-child) {
    margin-bottom: 1rem;
}

.mini-cart-product-img-name {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 76%;
}

.mini-cart-product-img-name img, .mini_cart_item img {
    height: 45px;
    width: 45px;
    border-radius: var(--swt-radius-1);
    object-fit: cover;
}

.mini-cart-product-img-name .product-name {
    font-size: 0.9rem;
    font-weight: 500;
}

.woocommerce-mini-cart-item .quantity {
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 500;
    width: 20%;
}

.woocommerce-mini-cart-item .remove, .product-remove a {
    font-size: 1.1rem;
    color: var(--swt-text-3);
    width: 4%;
    transition: all 0.3s ease;
}

.woocommerce-mini-cart-item .remove:hover, .product-remove a:hover {
    color: var(--swt-red);
}

.woocommerce-mini-cart__total {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
    margin: 0;
}

.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0;
}

.mini-cart-total-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 0 0 0;
}

.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: 350px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.empty-mini-cart {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
}

.empty-mini-cart > svg {
    background-color: var(--swt-button-3);
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    color: var(--swt-text-1);
    border-radius: 50%;
}

.empty-mini-cart > p {
    margin: 0;
}

.empty-mini-cart > .title {
    color: var(--swt-text-1);
    font-size: 1.2rem;
    font-weight: 500;
}

.empty-mini-cart > .desc {
    color: var(--swt-text-2);
    font-size: 0.9rem;
}

.blockUI.blockOverlay {
    border-radius: var(--swt-radius-1);
    background-color: rgb(138 154 177) !important;
}

/**
 * Notices
 */
@media screen and (min-width: 48em) {
    .site-header-cart .widget_shopping_cart {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999999;
        left: -999em;
        display: block;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
        left: 0;
        display: block;
    }
}

.empty-cart {
    padding: 3.75rem 0;
}

.return-to-shop {
    margin-bottom: 0;
}

.widget_price_filter .price_slider {
    margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
    float: left;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: ew-resize;
    outline: none;
    background: #4169e1;
    box-sizing: border-box;
    margin-top: -0.25em;
    opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
    height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    height: 100%;
}

/*-------------------
START 
------------------*/

/*Header*/
.header-info-wrap {
    background: #2b3657;
    padding: 10px 0 25px;
    color: #fff;
}

.header-info-wrap p {
    padding: 0;
    margin: 0;
}

.header-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-info > .col {
    padding: 0 .6rem;
}

.header-info > .col:last-child {
    padding-right: 0;
}

.header-info-desc {
    font-size: .85rem;
}

.header-info-desc .colorize {
    color: var(--swt-orange);
}

.header-info-counter {
    display: flex;
    align-items: center;
    position: relative;
    gap: .4rem;
}

.header-info-counter .dots {
    color: var(--swt-button);
}

.header-info-counter .day,
.header-info-counter .hour,
.header-info-counter .minute,
.header-info-counter .sec {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-info-counter .data {
    color: #fff;
    line-height: 1;
    font-size: .85rem;
}

.header-info-counter .desc {
    font-size: .7rem;
    line-height: 1;
    color: #bdbdc4;
}

.header-info-coupon {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.header-info-coupon .coupon-code {
    border: 2px dashed var(--swt-border-1);
    border-color: var(--swt-button);
    border-radius: var(--swt-radius-2);
    padding: .3rem .55rem .2rem .55rem;
    font-size: .85rem;
    letter-spacing: 2px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.header-info-coupon .coupon-code i{
    margin-left: .5rem;
    color: var(--swt-orange);
}

.header-info-coupon .coupon-code.copied {
    border-color: var(--swt-green);
}

.header-info-coupon .coupon-code.copied i {
    color: var(--swt-green);
}

.header-info-coupon .direct-button {
    padding: .4rem .65rem .3rem .65rem;
    font-size: .9rem;
    border-radius: var(--swt-radius-2);
    background: var(--swt-gradient-1);
    color: #fff;
    line-height: normal;
}

.header-info-coupon .direct-button::before {
    background-color: var(--swt-orange);
}

.header-top {
    padding: 15px 0;
    border-radius: 20px 20px 0 0;
    margin-top: -16px;
    background-color: #fff;
    border-bottom: 1px solid var(--swt-border-1);
}

.header-top .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.header-top ul, .header-top li {
    margin: 0;
    padding: 0;
}

.header-top a {
    transition: all 0.3s ease;
}

.header-top a:hover {
    color: var(--swt-bg-1);
}

.header-top-left, .header-top-right {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

.header-top-left a, .header-top-right a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--swt-text-1);
}

.header-top-right .s-money a {
    background: var(--swt-gradient-2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.header-top-left .offer-count {
    font-size: 10px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    min-height: 13px;
    min-width: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -5px;
}

.header-nav {
    padding: 0;
    background-color: #fff;
    z-index: 99;
}

.header-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    box-shadow: 0px 8px 20px -6px rgb(0 0 0 / 11%) !important;
    z-index: 99;
    border-radius: 0 0 20px 20px;
    transition: all 0.5s ease;
    animation: fade-in-bottom 0.3s;
}

.header-nav .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-nav-left {
    width: 20%;
}

.header-nav-left .logo-link img {
    width: 175px;
    height: 35px;
    object-fit: contain;
    transition: all 0.6s ease;
}

.header-nav.sticky .logo-link img {
    height: 35px;
    width: 145px;
    transition: all 0.5s ease;
}

.header-nav-right {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}

/*HEADER NAV MENU MENU*/
.header-nav-menu .nav-menu-list {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.header-nav-menu .nav-menu-list li {
    /* position: relative; */
    margin: 0;
}

.header-nav-menu .nav-menu-list li:not(:last-child) {
    margin-right: 20px;
}

.header-nav-menu .nav-menu-list li a {
    text-decoration: none;
    color: var(--swt-text-1);
    padding: 1.35rem 0;
    display: block;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.header-nav-menu .nav-menu-list li a:hover {
    color: var(--swt-button);
}

.header-nav-menu .nav-menu-list li ul {
    position: relative;
}

.menu-item-has-children:hover a i::before {
    transform: rotate(360deg);
    display: inline-block;
    transition: transform 0.3s ease;
}

.header-nav-menu .nav-menu-list li ul.sub-menu {
    position: absolute;
    background: #fff;
    list-style: none;
    padding: 12px;
    margin: .5rem 0 0 0;
    display: none;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    z-index: 1;
    animation: fade-in-bottom 0.3s;
    z-index: 9999;
}

.header-nav-menu .nav-menu-list li:hover > ul.sub-menu {
    display: block;
}

.header-nav-menu .nav-menu-list li ul.sub-menu li {
    min-width: 150px;
    margin: 0;
    border-radius: var(--swt-radius-2);
    transition: all 0.3s ease;
}

.header-nav-menu .nav-menu-list li ul.sub-menu li:hover {
    background-color: var(--swt-bg-3);
}

.header-nav-menu .nav-menu-list li ul.sub-menu li a {
    padding: 6px;
    white-space: nowrap;
    font-size: 14px;
}

/* MENU */

.hamburger-menu {
    display: flex;
    align-items: center;
    padding: 9px;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
}

.menu-trigger {
    position: relative;
    width: 16px;
    height: 16px;
    border: none;
    background: transparent;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.menu-trigger span {
    position: absolute;
    width: 5px;
    height: 5px;
    background: var(--swt-text-1);
    border-radius: 50%;
    transition: 0.3s ease;
}

.hamburger-menu:hover .menu-trigger span {
    background: var(--swt-bg-1);
}

.menu-trigger span:nth-child(1) {
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(2) {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(3) {
    top: 0%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(4) {
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(5) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(6) {
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(7) {
    top: 100%;
    left: 0%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(8) {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.menu-trigger span:nth-child(9) {
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.menu-trigger.open span {
    opacity: 0;
}

.menu-trigger.open span:nth-child(1), .menu-trigger.open span:nth-child(3) {
    opacity: 1;
    background: var(--swt-orange);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 3px;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

.menu-trigger.open span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.menu-trigger.open span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/*MOBILE MENU */

.nav-mobile-center {
    max-height: 75vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.nav-mobile-welcome {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: var(--swt-radius-1);
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.nav-mobile-welcome .top {
    background: var(--swt-gradient-1);
    width: 100%;
    height: 60px;
}

.nav-mobile-welcome .bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding: 0 1rem 1rem 1rem;
    background-color: var(--swt-section-2);
}

.nav-mobile-welcome .bottom .avatar {
    width: 45px;
    height: 45px;
    border: 5px solid #fff;
    margin-top: -23px;
    border-radius: 50px;
}

.nav-mobile-welcome .bottom .title {
    color: var(--swt-title);
    font-weight: 500;
    margin: 0.3rem 0 0.2rem 0;
}

.nav-mobile-welcome .bottom .desc {
    color: var(--swt-text-2);
    font-size: 0.85rem;
    text-align: center;
    margin: 0 0 0.5rem 0;
}

.nav-mobile-welcome .bottom .buttons {
    width: 100%;
    flex-wrap: nowrap;
}

.nav-mobile-welcome .bottom .buttons .login-btn, .nav-mobile-welcome .bottom .buttons .register-btn {
    color: #fff;
    font-size: 0.92rem;
    background-color: var(--swt-bg-1);
    padding: 0.65rem 0.9rem;
    width: 50%;
}

.nav-mobile-welcome .bottom .buttons .register-btn {
    background-color: var(--swt-bg-5);
}

.nav-mobile-welcome .bottom .buttons .login-btn i, .nav-mobile-welcome .bottom .buttons .register-btn i {
    color: #fff;
}

.nav-mobile-welcome-true {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--swt-bg-5);
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.nav-mobile-welcome-true::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #3f4360;
    border-radius: 0 0 0 50px;
}

.nav-mobile-welcome-true .to-dashboard-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.nav-mobile-welcome-true > .left img {
    min-width: 40px;
    height: 40px;
}

.nav-mobile-welcome-true > .right {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.nav-mobile-welcome-true .title-true {
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.nav-mobile-welcome-true .to-dashboard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 300;
}

.nav-mobile-welcome-true .to-dashboard i {
    margin-left: auto;
    font-size: 1rem;
    transform: rotate(-30deg);
}

.swt-mobile-menu-nav, .swt-mobile-menu-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.swt-mobile-menu-item {
    margin-bottom: 0.25rem;
}

.swt-mobile-menu-item.swt-depth-1 {
    margin-bottom: 0;
}

.swt-mobile-menu-link, .swt-mobile-menu-dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    text-decoration: none;
    color: var(--swt-text-1);
    border-radius: var(--swt-radius-1);
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
    background: transparent;
    border: 1px solid var(--swt-border-1);
}

.swt-mobile-menu-link:hover, .swt-mobile-menu-dropdown-toggle:hover, .swt-mobile-menu-item.active > .swt-mobile-menu-link, .swt-mobile-menu-item.swt-mobile-menu-open > .swt-mobile-menu-dropdown-toggle {
    color: var(--swt-button-4);
}

.swt-mobile-menu-open .nav-menu-icon {
    background-color: var(--swt-button);
    color: #fff;
    border-color: transparent !important;
}

.swt-mobile-menu-dropdown-toggle.swt-toggle-depth-1 .swt-mobile-menu-chevron {
    transform: rotate(0deg) !important;
}

.swt-toggle-depth-1 {
    border: none;
}

.swt-mobile-menu-chevron {
    transition: transform 0.3s ease;
    color: var(--swt-text-1);
    margin-left: auto;
}

.swt-mobile-menu-item.active .swt-mobile-menu-chevron, .swt-mobile-menu-item.swt-mobile-menu-open .swt-mobile-menu-chevron {
    color: var(--swt-button-4);
    transform: rotate(180deg);
}

.swt-mobile-menu-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out;
}

.swt-mobile-menu-sublink {
    display: block;
    padding: 10px 16px 10px 32px;
    text-decoration: none;
    color: var(--swt-text-2);
    font-size: 14px;
    position: relative;
}

.swt-mobile-menu-sublink:hover {
    color: var(--swt-button-4);
}

.swt-mobile-menu-submenu .swt-mobile-menu-dropdown-toggle {
    padding-left: .1rem 0 0 2rem;
}

.swt-mobile-menu-submenu .swt-mobile-menu-sublink {
    padding: .5rem 0 .4rem 2rem;
    line-height: 1;
}

.swt-mobile-menu-submenu .swt-mobile-menu-sublink:first-child {
    padding-top: 1.2rem;
}

.swt-mobile-menu-dropdown-toggle .nav-menu-icon {
    font-size: 1rem;
    padding: 0.3rem 0.4rem;
    line-height: normal;
    border-radius: var(--swt-radius-2);
    border: 1px solid var(--swt-border-1);
    transition: all 0.3s ease;
}

.header-nav-mobile {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    background-color: #fff;
    width: 350px;
    padding: 2rem 1rem;
    z-index: 999;
    box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 15%);
    transition: all 0.4s ease;
    max-width: 100%;
}

.nav-mobile-logo {
    padding: 0 1rem 1rem 1rem;
    margin: 0 -1rem 1rem -1rem;
    border-bottom: 1px solid var(--swt-border-1);
}

.nav-mobile-logo img {
    width: 130px;
}

#navMenuMobileClose {
    position: absolute;
    right: -11px;
    top: 25px;
    background: var(--swt-bg-1);
    color: #fff;
    border: 4px solid #fff;
    border-radius: 50%;
    line-height: 0;
    padding: 3px;
    cursor: pointer;
}

#navMenuMobileClose path {
    margin: 0;
}

.mode-switcher {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background-color: #9797971f;
    box-sizing: border-box;
    padding: 0.6rem;
    border-radius: var(--swt-radius-1);
}

.nav-menu-list .menu-item a .menu-item-subtext {
    position: absolute;
    right: 0;
    top: -15px;
    background: var(--swt-orange);
    color: #fff;
    line-height: 1;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
}

.nav-menu-icon {
    margin-right: 0.9rem;
    font-size: 14px;
    line-height: 0;
}

.nav-menu-list .menu-item .sub-menu a .menu-item-subtext {
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
}

/*---------------------*/
.header-nav-right-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.header-basket-button, .header-notification-button {
    padding: 6px;
    color: var(--swt-text-1);
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    font-size: 20px;
    line-height: 1;
    position: relative;
}

.header-basket-button .total-count {
    background-color: var(--swt-red) !important;
}

.header-basket-button .total-count,
.header-notification-button .notification-count {
    position: absolute;
    right: -7px;
    top: -7px;
    font-size: 12px;
    background-color: var(--swt-bg-1);
    color: #fff;
    border-radius: 50%;
    line-height: 1;
    min-height: 15px;
    min-width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-login-button {
    padding: 6px;
    color: var(--swt-text-1);
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    line-height: 1;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.header-login-button:hover {
    background-color: var(--swt-bg-1);
    border: 1px solid var(--swt-bg-1);
    color: #fff;
}

.header-login-button:hover i {
    color: #fff;
}

.header-login-button i {
    display: flex;
    color: var(--swt-text-1);
    line-height: normal;
    font-size: 1.25rem;
}

.header-login-button i path {
    transition: all 0.3s ease;
}

.header-login-button:hover i path {
    color: #fff;
}

.header-login-button .header-user-avatar {
    width: 23px;
    height: 23px;
}

.header-account-dropdown {
    position: absolute;
    top: 70px;
    background: #fff;
    right: 0;
    border-radius: var(--swt-radius-1);
    width: 262px;
    box-shadow: var(--swt-box-shadow);
    z-index: 9;
    border: 1px solid var(--swt-border-1);
    animation: slideInDown 0.3s ease;
}

.header-account-dropdown p {
    margin: 0;
}

.header-account-dropdown .top {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border-bottom: 1px solid var(--swt-border-1);
    padding: 1rem 1rem 0.8rem 1rem;
    margin-bottom: 0.5rem;
    position: relative;
}

.header-account-dropdown .top::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 67%;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #ffffff;
}

.header-account-dropdown .top .left {
    background: var(--swt-gradient-1);
    padding: 0.65rem;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    border-radius: var(--swt-radius-1);
}

.header-account-dropdown .top .left i {
    font-size: 1.3rem;
}

.header-account-dropdown .top .right {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0.2rem;
}

.header-account-dropdown .top .right .user-name {
    font-weight: 500;
    font-size: 1rem;
    line-height: normal;
    text-transform: capitalize;
}

.header-account-dropdown .top .right .customer-no,
.header-account-dropdown .top .right .user-desc {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--swt-text-3);
    line-height: normal;
}

.header-account-dropdown .top .right .user-desc {
    font-size: 0.9rem;
}

.header-account-dropdown .links {
    display: flex;
    flex-direction: column;
    border-radius: var(--swt-radius-1);
    overflow: hidden;
}

.header-account-dropdown .links .item-link {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.8rem;
    color: var(--swt-text-1);
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
}

.header-account-dropdown .links .item-link:hover {
    color: var(--swt-button);
    background-color: var(--swt-section-2);
}

.header-account-dropdown .links .item-link:hover i {
    color: var(--swt-button);
    background: #fff;
}

.header-account-dropdown .links .item-link.item-logout {
    background-color: var(--swt-red-light);
    color: var(--swt-red);
}

.header-account-dropdown .links .item-link.item-logout i {
    background-color: #fff;
}

.header-account-dropdown .links .item-link i {
    background: var(--swt-section-1);
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.offer-button {
    font-size: 0.9rem !important;
    background-color: transparent !important;
    border: 1px solid var(--swt-border-1);
}

.offer-submit-button {
    background-color: transparent !important;
}

.header-notification-dropdown {
    position: absolute;
    top: 70px;
    background: #fff;
    right: 0;
    border-radius: var(--swt-radius-1);
    width: 410px;
    box-shadow: var(--swt-box-shadow);
    z-index: 9;
    border: 1px solid var(--swt-border-1);
    animation: slideInDown 0.3s ease;
}

.header-notification-dropdown p {
    margin: 0;
}

.header-notification-dropdown .head {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    border-bottom: 1px solid var(--swt-border-1);
    padding: 1rem 1rem 0.8rem 1rem;
    position: relative;
}

.header-notification-dropdown .head {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 1rem;
    border-bottom: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1) var(--swt-radius-1) 0 0;
}

.header-notification-dropdown .head::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 135px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #ffffff;
}

.header-notification-dropdown .head .left {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.header-notification-dropdown .head .left .notification-header-icon {
    background: var(--swt-gradient-1);
    color: #fff;
    padding: 0.5rem;
    font-size: 1.5rem;
    border-radius: var(--swt-radius-1);
}

.header-notification-dropdown .head .left .title {
    margin: 0;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: normal;
}

.header-notification-dropdown .head .left .notification-count {
    font-size: 0.8rem;
    color: var(--swt-text-2);
}

.header-notification-dropdown .head .right {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.header-notification-dropdown .head .right .header-notification-close, .header-notification-dropdown .head .right .header-notification-read {
    cursor: pointer;
    display: flex;
    background-color: var(--swt-section-1);
    padding: 0.4rem;
    border-radius: var(--swt-radius-2);
}

.header-notification-dropdown .head .right .header-notification-close svg, .header-notification-dropdown .head .right .header-notification-read svg {
    width: 1.15rem;
    height: 1.15rem;
}

.header-notification-dropdown .head .right .header-notification-close:hover {
    background-color: var(--swt-red-light);
    color: var(--swt-red);
}

.header-notification-dropdown .head .right .header-notification-read:hover {
    background-color: var(--swt-bg-3);
    color: var(--swt-button);
}

.header-notification-items {
    display: flex;
    flex-direction: column;
}

.header-notification-items .item {
    padding: 0.9rem 1rem;
    display: flex;
    align-items: start;
    gap: 1rem;
    position: relative;
    background-color: var(--swt-section-2);
}

.header-notification-items .item::before {
    content: "";
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: var(--swt-button);
    border-radius: var(--swt-radius-3);
}

.header-notification-items .item.read::before {
    display: none;
}

.header-notification-items .item.read {
    background-color: transparent;
}

.header-notification-items .item:not(:last-child) {
    border-bottom: 1px solid var(--swt-border-1);
}

.header-notification-items .item:last-child {
    border-radius: 0 0 var(--swt-radius-1) var(--swt-radius-1);
}

.header-notification-items .item:hover .notification-title {
    color: var(--swt-button);
}

.header-notification-items .item:hover .left i {
    color: var(--swt-button);
    background-color: var(--swt-button-3);
}

.header-notification-items .item .notification-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.header-notification-items .item .notification-title {
    margin: 0;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: normal;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
}

.header-notification-items .item .notification-desc {
    color: var(--swt-text-2);
    font-size: 0.8rem;
    line-height: normal;
    margin-top: 0.1rem;
}

.header-notification-items .item .notification-time {
    color: var(--swt-text-3);
    font-size: 0.74rem;
}

.header-notification-items .item .left i {
    padding: 0.6rem;
    font-size: 1.1rem;
    background-color: var(--swt-green-light);
    color: var(--swt-green);
    border-radius: var(--swt-radius-1);
    display: inline-block;
    -webkit-opacity: 1px solid var(--swt-green);
    transition: all 0.3s ease;
}

/* MEGA MENU ABOUT US*/

.mega-menu-about {
    position: absolute;
    background-color: #fff;
    right: 10%;
    z-index: 9;
    border: 1px solid var(--swt-border-1);
    margin: .6rem auto auto auto;
    border-radius: var(--swt-radius-1);
    animation: fade-in-top 0.3s;
    align-items: start !important;
    padding: 0 !important;
    width: 530px;
    display: flex;
}

.mega-menu-about > .col {
    width: 50%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    max-height: 350px;
    overflow-y: auto;
}

.mega-menu-about > .col:not(:last-child) {
    border-right: 1px solid var(--swt-border-1);
}

.mega-menu-about > .col > .col-title {
    font-size: 1rem !important;
}

.mega-menu-about > .col .mega-menu-about-links {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.mega-menu-about > .col .mega-menu-about-links a {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    padding: .4rem .6rem;
    font-size: .9rem;
    color: var(--swt-text-1);
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative;
    transition: all .3s ease;
}

.mega-menu-about > .col .mega-menu-about-links a:hover {
    border-color: var(--swt-orange);
    color: var(--swt-orange);
}

.mega-menu-about > .col .mega-menu-about-links a .left-icon {
    font-size: 1rem;
    padding: .4rem;
    background-color: var(--swt-section-2);
    border-radius: var(--swt-radius-2);
    transition: all .3s ease;
}

.mega-menu-about > .col .mega-menu-about-links a:hover .left-icon {
    background-color: var(--swt-orange-light);
    color: var(--swt-orange);
}

.mega-menu-about > .col .mega-menu-about-links a [icon-name="arrow-right"] {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    transform-origin: center;
    position: absolute;
    right: 0.6rem !important;
    top: 50% !important;
    font-size: 1rem;
    transition: all .3s ease;
    color: var(--swt-text-3);
}

.mega-menu-about > .col .mega-menu-about-links a:hover [icon-name="arrow-right"] {
    transform: translateY(-50%) rotate(0deg) !important;
}

.mega-menu-about > .col .mega-menu-about-links a.contact {
    padding: .6rem 1rem;
    background: var(--swt-gradient-1);
    color: #fff;
    font-size: 1rem;
    border: none;
    margin-top: .5rem;
}

.mega-menu-about > .col .mega-menu-about-links a.contact i {
    color: #fff;
    background-color: transparent !important;
    padding: 0;
}

/* MEGA MENU */
.mega-menu-1 {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 9;
    border: 1px solid var(--swt-border-1);
    margin: .6rem auto auto auto;
    border-radius: var(--swt-radius-1);
    animation: fade-in-top 0.3s;
    align-items: start !important;
    padding: 0 !important;
}

.mega-menu-1 > .col {
    width: 25%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    height: 450px;
    max-height: 450px;
    overflow-y: auto;
}

.mega-menu-1 > .col:not(:last-child) {
    border-right: 1px solid var(--swt-border-1);
}

.mega-menu-1 .col .col-banner {
    padding: 1rem;
    background-color: var(--swt-section-1);
    border-radius: var(--swt-radius-1);
    position: relative;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.mega-menu-1 .col .col-banner-btn {
    background-color: transparent;
    padding: 0.65rem 1rem;
    border: 1px solid var(--swt-text-3);
    display: flex;
    justify-content: space-between;
    color: var(--swt-text-1);
}

.mega-menu-1 .col .col-banner-btn i {
    color: var(--swt-text-1);
}

.mega-menu-1 .col .col-banner-btn:hover, .mega-menu-1 .col .col-banner-btn:hover i {
    color: #fff;
}

.mega-menu-1 .col .col-banner .desc {
    margin: 1.65rem 0 !important;
    display: block;
    font-weight: 500;
}

.mega-menu-1 .col .col-banner .svg-icon {
    color: var(--swt-button);
    width: 1.8rem;
    height: 1.8rem;
}

.masked-image {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 1rem;
    right: 1rem;
    aspect-ratio: 1 / 1;
    mask-size: cover;
    -webkit-mask-size: cover;
    overflow: hidden;
    border-radius: 0 20px 20px 0;
}

.masked-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega-menu-1 > .col > .col-title,
.mega-menu-about > .col > .col-title {
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--swt-title);
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--swt-border-1);
}

.mega-col-buttons .mcbtn {
    width: 100%;
    padding: 0.65rem !important;
    font-size: 0.95rem !important;
    position: relative !important;
    display: flex !important;
    gap: 0.75rem !important;
    background-color: #fff;
    border: 1px solid var(--swt-border-1);
    align-items: center;
    transition: all 0.3s ease;
    border-radius: var(--swt-radius-1);
    font-weight: 500;
    border-left: 4px solid var(--swt-border-1);
}

.mega-col-buttons .mcbtn [icon-name="arrow-right"] {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
    transform-origin: center;
    position: absolute;
    right: 0.55rem !important;
    top: 50% !important;
    font-size: 1.2rem;
}

.mega-col-buttons .mcbtn:hover {
    color: var(--swt-orange) !important;
    border: 1px solid var(--swt-orange);
}

.mega-col-buttons .mcbtn:hover:before {
    background-color: var(--swt-button-3) !important;
}

.mega-col-buttons .mcbtn i {
    transition: all 0.3s ease;
    font-size: 1.15rem;
}

.mega-col-buttons .mcbtn .svg-icon {
    width: 1.3rem;
    height: 1.3rem;
}

.mega-col-buttons .mcbtn:hover [icon-name="arrow-right"] {
    transform: translateY(-50%) rotate(0deg) !important;
}

.mega-col-buttons .mcbtn.readying {
    cursor: no-drop;
    user-select: none;
    color: var(--swt-text-3);
}

.mega-col-buttons .mcbtn.readying::before {
    content: "Yakinda";
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: red !important;
    color: #fff;
    z-index: 9;
    font-size: 0.75rem;
    padding: 0 0.3rem;
    border-radius: var(--swt-radius-2);
}

/*TOOLTIP*/
[data-tooltip] {
    position: relative;
}

[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: var(--swt-radius-2, 4px);
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}

[data-tooltip]:hover::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    pointer-events: none;
    z-index: 1000;
}

.tooltip-top:hover::after {
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}
.tooltip-top:hover::before {
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px 5px 0;
    border-color: #333 transparent transparent;
}

.tooltip-bottom:hover::after {
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}
.tooltip-bottom:hover::before {
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 5px 5px;
    border-color: transparent transparent #333;
}

.tooltip-left:hover::after {
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
}
.tooltip-left:hover::before {
    right: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #333;
}

.tooltip-right:hover::after {
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
}
.tooltip-right:hover::before {
    left: calc(100% + 5px);
    top: 50%;
    transform: translateY(-50%);
    border-width: 5px 5px 5px 0;
    border-color: transparent #333 transparent transparent;
}


/*KEYFRAMES*/
@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-in-top {
    from {
        opacity: 0;
        transform: translateY(3.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-bottom {
    from {
        opacity: 0;
        transform: translateY(-3.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fade-inOut {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

@keyframes upDown {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

@keyframes zoomIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes wave {
    0% {
        opacity: 0;
        transform: translateY(50px) rotate(10deg) scale(0.8);
    }

    50% {
        opacity: 1;
        transform: translateY(-10px) rotate(-5deg) scale(1.1);
    }

    70% {
        transform: translateY(5px) rotate(2deg) scale(0.95);
    }

    100% {
        opacity: 1;
        transform: translateY(0) rotate(0deg) scale(1);
    }
}

@keyframes homeServicesWipeUp {
    0% {
        transform: scaleX(0);
        opacity: 0.2;
    }

    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shrink-return {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes WipeVertical {
    0% {
        transform: scaleY(0);
        opacity: 0.2;
    }

    100% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/*FOOTER*/

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.site-footer {
    background-color: var(--swt-bg-4);
    padding: 6rem 0 3.7rem 0;
    position: relative;
    overflow: hidden;
}

.site-footer * {
    z-index: 2;
}

.site-footer::before {
    position: absolute;
    content: "";
    background-color: var(--swt-section-1);
    width: 100%;
    height: 30px;
    top: 0px;
    left: 0;
    border-radius: 0 0 50px 50px;
    z-index: 2;
}

.site-footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.075;
    background-size: contain;
}

.footer-top {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 20px;
    row-gap: 50px;
}

.footer-top .footer-top-box .footer-top-box-title {
    color: #fff;
    font-size: 16px;
    position: relative;
    display: block;
    padding-bottom: 13px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-top .footer-top-box .footer-top-box-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--swt-bg-1);
    border-radius: 4px;
    height: 4px;
    width: 30px;
    transition: all 0.3s ease;
}

.footer-top .footer-top-box:hover .footer-top-box-title:before {
    background-color: var(--swt-orange);
}

.footer-top .footer-top-box:last-child {
    background-color: var(--swt-bg-5);
    border-radius: var(--swt-radius-1);
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: fit-content;
}

.footer-top .footer-top-box > ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.footer-top .footer-top-box > ul li:not(:last-child) {
    margin-bottom: 12px;
}

.footer-top .footer-top-box > ul li a {
    color: var(--swt-text-4);
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-top .footer-top-box > ul li a:hover {
    color: var(--swt-orange);
}

.footer-top-box > .last i, .footer-top-box > .last svg {
    margin-right: 9px;
    color: var(--swt-bg-1);
}

.footer-top .footer-logo {
    width: 135px;
    height: 35px;
    object-fit: contain;
}

.footer-top .footer-logo-desc {
    color: var(--swt-text-4);
    font-size: 13px;
    margin: 1rem 0;
}

.footer-bottom-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.footer-bottom-boxes .footer-bottom-box {
    background-color: var(--swt-bg-5);
    padding: 10px;
    border-radius: var(--swt-radius-1);
}

.footer-bottom-boxes .footer-bottom-box a {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--swt-text-4);
    transition: all 0.3s ease;
}

.footer-bottom-boxes .footer-bottom-box:hover a {
    color: var(--swt-bg-2);
}

.footer-bottom-boxes .footer-bottom-box a i {
    padding: 6px;
    border: 1px solid var(--swt-border-2);
    border-radius: var(--swt-radius-2);
    transition: all 0.3s ease !important;
    font-size: 16px;
}

.footer-bottom-boxes .footer-bottom-box:hover a i {
    border-color: var(--swt-bg-2);
}

.ftb-count {
    padding: 3px 4px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    background-color: #ffffff20;
    color: var(--swt-orange);
}

@media (min-width: 600px) {
    .footer-sticky-menu-wrap, .stycontent i.show, .stycontent i.show {
        display: none;
    }
}

.footer-sticky-menu-wrap {
    position: fixed;
    background-color: #fff;
    bottom: -70px;
    left: 0;
    right: 0;
    z-index: 3;
    box-shadow: var(--swt-box-shadow);
    border-radius: 25px 25px 0 0;
    padding: 0 0.5rem;
    border-top: 1px solid var(--swt-border-1);
    transition: all 0.5s ease;
}

.footer-sticky-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0;
    padding: 0;
}

.footer-sticky-menu .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0.4rem;
    position: relative;
    margin: 0;
}

.footer-sticky-menu .item .svg-icon {
    width: 1.65rem;
    height: 1.65rem;
    margin-bottom: 0.2rem;
}

.footer-sticky-menu .item .text {
    color: var(--swt-text-2);
    font-size: 0.88rem;
    font-weight: 400;
}

.footer-sticky-menu .item .item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.footer-sticky-menu .item.whatsapp .svg-icon, .footer-sticky-menu .item.whatsapp .text {
    color: var(--whatsapp);
}

.footer-sticky-menu .item.whatsapp::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: var(--swt-red);
    top: 5px;
    right: 34%;
    border-radius: 50px;
    border: 2px solid #fff;
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 90px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: var(--swt-bg-5);
    color: white;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background: #555;
    transform: scale(1.1);
}

.progress-ring {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}

.progress-ring-circle {
    fill: transparent;
    stroke: var(--swt-button);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 125.6;
    stroke-dashoffset: 125.6;
    transition: stroke-dashoffset 0.1s ease;
}

.back-to-top-arrow {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

/*HOME*/
.home-hero-wrap {
    background: var(--swt-section-1);
    padding: 3rem 0;
}

.home-hero {
    display: flex;
    gap: 1rem;
}

.home-hero > .left {
    display: flex;
}

.home-hero > .left .home-hero-slider-wrap {
    flex: 2;
    display: flex;
    gap: 1rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    position: relative;
    overflow: hidden;
}

.home-hero > .right {
    flex: inherit;
}

.home-hero-slider-left {
    min-width: 300px;
    position: relative;
    margin-bottom: -1rem;
}

.home-hero-slider-left::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 100px;
    height: 100px;
    background-color: var(--swt-orange-light);
    border-radius: var(--swt-radius-1);
    transform: translateY(-50%) rotate(10deg);
    animation: homeHeroImg 6s infinite;
}

@keyframes homeHeroImg {
    0% {
        transform: translateY(-50%) rotate(10deg);
        top: 50%;
    }

    50% {
        transform: translateY(-50%) rotate(360deg);
        top: 30%;
    }

    100% {
        transform: translateY(-50%) rotate(10deg);
        top: 50%;
    }
}

.home-hero-slider-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-hero-img {
    width: 288px;
    height: 100%;
    object-fit: contain;
    border-radius: var(--swt-radius-1);
    position: absolute;
    animation: fade-in-left 0.6s ease;
    bottom: -2rem;
}

.home-hero-slider {
    display: none;
    gap: 1.5rem;
}

.home-hero-slider.active {
    display: flex;
}

.home-hero-headtitle {
    background: var(--swt-gradient-2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    border-radius: var(--swt-radius-1);
    padding: 0 !important;
    display: flex;
    gap: 1rem;
    align-items: center;
    font-weight: 500;
    font-size: 0.9rem;
    animation: fade-in-top 0.3s;
}

.home-hero-headtitle i {
    animation: rotate 2s linear infinite;
    background: var(--swt-gradient-2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-hero-title {
    font-weight: bold;
    font-size: 1.8rem;
    color: var(--swt-title);
    margin: 0.6rem 0 2rem 0;
}

.home-hero-desc {
    animation: fade-in-top 0.5s;
}

.home-hero-buttons > .offer {
    color: #fff;
    background: var(--swt-gradient-1);
    animation: fade-in-top 0.5s;
}

.home-hero-buttons > .offer i {
    color: #fff;
}

.home-hero-buttons > .themes {
    border: 1px solid var(--swt-border-1);
    background: transparent;
    animation: fade-in-top 0.7s;
}

.home-hero-buttons > .themes::before {
    background: var(--swt-gradient-2);
}

.home-hero-buttons > .themes > svg {
    width: 1.2rem;
    height: 1.2rem;
    z-index: 1;
}

.home-hero-pagination {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.9rem;
}

.home-hero-lines {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    justify-content: center;
    align-items: center;
}

.home-hero-lines > .line {
    display: block;
    height: 0.555rem;
    width: 0.555rem;
    background-color: var(--swt-button-5);
    border-radius: 50px;
    transition: all 0.3s ease;
    animation: hHeroLine 7s;
}

@media (min-width: 768px) {
    @keyframes hHeroLine {
        0% {
            height: 0.555rem;
        }

        100% {
            height: 2.5rem;
        }
    }

    @keyframes hHeroLineActive {
        0% {
            height: 2.5rem;
        }

        100% {
            height: 0.555rem;
        }
    }
}

.home-hero-lines > .line.active {
    background-color: var(--swt-button);
    height: 2.2rem;
    animation: hHeroLineActive 7s;
}

@media (max-width: 768px) {
    @keyframes hHeroLine {
        0% {
            width: 0.555rem;
        }

        100% {
            width: 3.5rem;
        }
    }

    @keyframes hHeroLineActive {
        0% {
            width: 3.5rem;
        }

        100% {
            width: 0.555rem;
        }
    }
}

.home-hero-arrow {
    background-color: transparent;
    border: 1px solid var(--swt-border-1);
    color: var(--swt-text-1);
    padding: 0.9rem;
    border-radius: 50px;
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
}

.home-hero-arrow i {
    font-size: 1.25rem;
    display: block;
    transition: all 0.5s ease;
}

.home-hero-arrow:hover i {
    transform: rotate(360deg) !important;
}

.home-hero-arrow.next i {
    transform: rotate(-40deg);
}

.home-hero-arrow.previous i {
    transform: rotate(-40deg);
}

.home-hero-arrow::before {
    position: absolute;
    content: "";
    width: 0.3rem;
    height: 0;
    top: 0;
    right: 0;
    background: var(--swt-gradient-1);
    transition: all 0.3s ease;
    border-radius: 50px;
}

.home-hero-arrow:hover::before {
    width: 100%;
    height: 100%;
    top: 0;
}

.home-hero-arrow.previous::before {
    left: 0 !important;
}

.home-hero-phone {
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    width: 400px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: WipeVertical 0.3s ease;
}

.phone-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phone-header > .dots {
    display: flex;
    gap: 0.5rem;
}

.phone-header > .dots .dot {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    line-height: normal;
}

.phone-header > .dots .dot:nth-child(1) {
    background-color: #ff5f56;
    animation: fade-in-bottom 0.4s ease;
}

.phone-header > .dots .dot:nth-child(2) {
    background-color: #ffbd2e;
    animation: fade-in-top 0.6s ease;
}

.phone-header > .dots .dot:nth-child(3) {
    background-color: #27c93f;
    animation: fade-in-bottom 0.8s ease;
}

.phone-header > .site-name {
    font-size: 0.9rem;
    color: var(--swt-text-3);
    animation: fade-in 1s ease;
}

.phone-icon-box {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}

.phone-icon-box > .icon-box-item {
    border: 1px solid var(--swt-border-1);
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.phone-content {
    padding: 0.6rem;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.phone-content > .item {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    border-radius: var(--swt-radius-1);
}

.phone-content > .item > i {
    font-size: 1rem;
}

.phone-content > .item:nth-child(1) {
    background-color: #ebeffd;
    animation: fade-in-bottom 0.4s ease;
}

.phone-content > .item:nth-child(2) {
    background-color: #f3ebfd;
    animation: fade-in-bottom 0.6s ease;
}

.phone-content > .item:nth-child(3) {
    background-color: #e7fbee;
    animation: fade-in-bottom 0.8s ease;
}

.phone-bottom {
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progress-bar {
    height: 22px;
    border-radius: 8px;
    overflow: hidden;
}

.fill {
    height: 100%;
    width: 0;
    background: #00ff88;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    padding: 0 0.8rem;
    line-height: 1;
    justify-content: space-between;
}

.progress-bar1 .fill {
    background: var(--swt-gradient-1);
    animation: dol1 1.5s ease-out forwards;
}

@keyframes dol1 {
    to {
        width: 100%;
    }
}

.text-gradient {
    color: transparent;
    background: linear-gradient(to right, #242183, #1382c6);
    -webkit-background-clip: text;
}

/* Home Service Grid */
.home-hero-service {
    padding: 4.75rem 0;
}

.home-hero-service-boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2rem;
}

.home-hero-service-boxes .box {
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--swt-border-1);
    justify-content: center;
    position: relative;
    background: #fff;
}

.home-hero-service-boxes .box .icon {
    padding: 0.8rem;
    border-radius: 20px var(--swt-radius-2) var(--swt-radius-2) var(--swt-radius-2);
    width: fit-content;
    background: #fee3e3;
    color: #c60b0b;
    font-size: 1.2rem;
}

.home-hero-service-boxes .box .box-title {
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
}

.home-hero-service-boxes .box .box-link {
    width: fit-content;
    color: var(--swt-text-1);
    border: none;
    border-radius: 15px;
    margin: 2rem auto 0 auto;
    padding: 0.75rem 1.8rem;
    font-size: 1.1rem;
    background-color: #fff;
}

.home-hero-service-boxes .box .box-link:hover {
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(1) {
    grid-column-start: 1;
    grid-row-start: 2;
    animation: fade-in-right 0.5s ease;
}

.home-hero-service-boxes .box:nth-of-type(1)::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    top: 50%;
    right: -2.5rem;
    transform: translateY(-50%) rotate(-45deg);
    background: var(--swt-border-1);
    z-index: -1;
}

.home-hero-service-boxes .box:nth-of-type(1) .icon {
    background: var(--swt-brown);
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(3) .icon {
    background: var(--swt-green);
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(4) .icon {
    background: var(--swt-purple);
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(5) .icon {
    background: var(--swt-button);
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(2) {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
    background: var(--swt-bg-4);
    padding: 3rem;
    border: none;
    justify-content: center;
    position: relative;
    align-items: center;
    animation: fade-in 0.5s ease;
}

.home-hero-service-boxes .box:nth-of-type(2)::after {
    content: "";
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 40px;
    background-color: var(--swt-bg-4);
    clip-path: path( "M 0 0 L 70 0 L 38.5 38.2 C 36.6 39.8 33.4 39.8 31.5 38.2 L 0 0 Z" );
}

.home-hero-service-boxes .box:nth-of-type(2) * {
    z-index: 2;
}

.home-hero-service-boxes .box:nth-of-type(2)::before {
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: contain;
    opacity: 0.15;
    position: absolute;
}

.home-hero-service-boxes .box:nth-of-type(2) .top {
    position: absolute;
    top: 0;
    background-color: #fff;
    width: 38%;
    height: 30px;
    border-radius: 0 0 45px 45px;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 0.5rem;
}

.home-hero-service-boxes .box:nth-of-type(2) .top svg {
    color: #ffbd2e;
    width: 1.1rem;
    height: 1.1rem;
}

.home-hero-service-boxes .box:nth-of-type(2) .top svg:nth-child(2) {
    width: 1.5rem;
    height: 1.5rem;
}

.home-hero-service-boxes .box:nth-of-type(2) .icon {
    border-radius: var(--swt-radius-1);
    font-size: 2rem;
    padding: 1rem;
    background: #6ec3e629;
    color: #fff;
}

.home-hero-service-boxes .box:nth-of-type(2) .box-title {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}

.home-hero-service-boxes .box:nth-of-type(2) .box-desc {
    color: var(--swt-text-4);
    text-align: center;
}

.home-hero-service-boxes .box:nth-of-type(2) .bottom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.home-hero-service-boxes .box:not(:nth-of-type(2)) .box-title {
    margin-bottom: 0.5rem;
}

.home-hero-service-boxes .box:nth-of-type(3) {
    grid-column-start: 1;
    grid-row-start: 1;
    animation: fade-in-right 0.5s ease;
}

.home-hero-service-boxes .box:nth-of-type(3)::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    top: 50%;
    right: -2.5rem;
    transform: translateY(-50%) rotate(45deg);
    background: var(--swt-border-1);
    z-index: -1;
}

.home-hero-service-boxes .box:nth-of-type(4) {
    grid-column-start: 3;
    grid-row-start: 1;
    animation: fade-in-left 0.5s ease;
}

.home-hero-service-boxes .box:nth-of-type(4)::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    top: 50%;
    left: -2.5rem;
    transform: translateY(-50%) rotate(-45deg);
    background: var(--swt-border-1);
    z-index: -1;
}

.home-hero-service-boxes .box:nth-of-type(5) {
    grid-column-start: 3;
    animation: fade-in-left 0.5s ease;
}

.home-hero-service-boxes .box:nth-of-type(5)::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2px;
    top: 50%;
    left: -2.5rem;
    transform: translateY(-50%) rotate(45deg);
    background: var(--swt-border-1);
    z-index: -1;
}

/*Home services tabs*/
.home-services-tabs {
    background-color: var(--swt-section-1);
    padding: 0 0 6.75rem 0;
    border-radius: 0 0 50px 50px;
}

.home-services-scroll {
    background: white;
    border-radius: var(--swt-radius-3);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    max-width: 100%;
    user-select: none;
    border: none;
}

.home-services-arrow {
    font-size: 23px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1;
    transition: background 0.2s;
    color: var(--swt-text-1);
    background-color: #5252521c;
    border-radius: 50%;
    padding: 0;
    min-width: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-services-arrow:hover {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
}

.home-services-tabs-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 16px;
    padding: 0 5px;
    cursor: grab;
}

.home-services-tabs-wrapper:active {
    cursor: grabbing;
}

.home-services-tabs-wrapper::-webkit-scrollbar, .sp-tabs::-webkit-scrollbar {
    display: none;
}

.home-services-tab {
    flex: 0 0 auto;
    background: #f2f0ff;
    border-radius: var(--swt-radius-1);
    padding: 10px 15px;
    font-size: 17px;
    color: var(--swt-title);
    white-space: nowrap;
    border: none;
    transition: all 0.3s;
    user-select: none;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-services-tab i, .home-services-tab svg {
    color: var(--swt-button-2);
    transition: all 0.3s ease;
    font-size: 20px;
}

.home-services-tab.hst-active i, .home-services-tab.hst-active svg {
    color: #fff;
}

.home-services-tab:hover {
    background: #e1dcff;
}

.home-services-right-fade {
    position: absolute;
    right: 36px;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    pointer-events: none;
}

.home-services-tab.hst-active {
    position: relative;
    color: #fff !important;
    z-index: 1;
}

.home-services-tab.hst-active::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--swt-button-2);
    border-radius: var(--swt-radius-1);
    z-index: -1;
    transform-origin: bottom;
    animation: homeServicesWipeUp 0.35s ease-out forwards;
}

.home-services-tabs-content {
    position: relative;
    background-color: #fff;
    border-radius: var(--swt-radius-3);
    margin-top: 30px;
    padding: 20px;
    display: none;
    transform-style: preserve-3d;
    z-index: 1;
}

.home-services-tabs-content::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -25px;
    height: 70px;
    width: 90%;
    transform: translatex(-50%) translateY(10px) translateZ(-1px) rotate(1.5deg);
    background: var(--swt-gradient-2);
    border-radius: 30px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease, transform 1s ease;
    transition-delay: .6s;
    animation: smoothShow 1s ease forwards;
    animation-delay: .6s;
}

@keyframes smoothShow {
    to {
        opacity: 0.7;
        transform: translatex(-50%) translateY(0) translateZ(-1px) rotate(1.5deg);
    }
}

.home-services-tabs-content.hstc-active {
    display: block;
    animation: fade-in-top 0.6s ease;
}

.home-services-tabs-content .content-flex {
    display: flex;
    gap: 30px;
}

.home-services-tabs-content .content-flex .content-text {
    width: 55%;
    padding: 1rem;
}

.home-services-tabs-content .content-flex .content-image {
    width: 45%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: var(--swt-radius-3);
    min-height: 280px;
    margin: -20px -20px -20px 0;
    -webkit-mask-image: linear-gradient(to right, transparent 12%, black 45%);
    mask-image: linear-gradient(to right, transparent 12%, black 45%);
}

.bg-fixed {
    background-attachment: fixed;
}

.home-services-tabs-content .content-title {
    font-size: 1.7rem;
    margin: 0;
    padding: 0;
}

.home-services-tabs-content .content-desc {
    margin: 20px 0;
    font-size: 1.1rem;
    animation: fade-in-right 0.6s ease;
    width: 95%;
}

.home-services-tabs-content .content-elements {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 15px;
}

.home-services-tabs-content .content-elements span:nth-child(1) {
    animation: fade-in-top 0.4s;
}

.home-services-tabs-content .content-elements span:nth-child(2) {
    animation: fade-in-top 0.6s;
}

.home-services-tabs-content .content-elements span:nth-child(3) {
    animation: fade-in-top 0.8s;
}

.home-services-tabs-content .content-elements span:nth-child(4) {
    animation: fade-in-top 0.4s;
}

.home-services-tabs-content .content-elements span:nth-child(5) {
    animation: fade-in-top 0.6s;
}

.home-services-tabs-content .content-elements span:nth-child(6) {
    animation: fade-in-top 0.8s;
}

.home-services-tabs-content .content-elements span {
    padding: 10px;
    border-radius: var(--swt-radius-2);
    border: 1px solid var(--swt-border-1);
    font-size: 0.9rem;
    color: var(--swt-text-1);
}

.home-services-tabs-content .content-elements span i {
    padding: 6px;
    background-color: var(--swt-orange-light);
    color: var(--swt-orange);
    margin-right: 10px;
    border-radius: var(--swt-radius-2);
    font-size: 17px;
}

.home-services-tabs-content .content-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: var(--swt-text-1);
    border-radius: var(--swt-radius-1);
    font-size: 1.1rem;
    margin-top: 20px;
    z-index: 1;
    background-color: #fff;
    border: 1px solid var(--swt-button);
}

.home-services-tabs-content .content-link:hover {
    border: 1px solid transparent;
}

.home-services-tabs-content .content-link:not(:last-child) {
    margin-right: 10px;
}

.home-services-tabs-content .content-link span {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Default Button */
.df-button {
    background-color: var(--swt-button);
    border-radius: var(--swt-radius-1);
    color: #fff;
}

.df-button i {
    color: #fff !important;
}

.df-button:before {
    background-color: var(--swt-button-2) !important;
}

/*BTN ANIMATED*/
.btn-1 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.btn-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--swt-button);
    transition: left 0.3s ease;
    z-index: 0;
}

.btn-1:hover {
    color: #fff;
}

.btn-1:hover::before {
    left: 0;
}

.btn-1 span, .btn-1 i {
    position: relative;
    z-index: 2;
}

.btn-1 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-1 svg {
    transition: all 0.3s ease;
}

.btn-1:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-1:hover i {
    color: #fff;
}

/*BTN-2*/
.btn-2 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.btn-2::before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--swt-button);
    z-index: 0;
    transition: right 0.4s ease;
}

.btn-2:hover::before {
    right: 0;
}

.btn-2 span, .btn-2 i {
    position: relative;
    z-index: 2;
}

.btn-2 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-2 svg {
    transition: all 0.3s ease;
}

.btn-2:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-2:hover {
    color: #fff;
}

.btn-2:hover i {
    color: #fff;
}

/*BTN-3*/
.btn-3 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

.btn-3::before {
    content: "";
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--swt-button);
    z-index: 0;
    transition: bottom 0.4s ease;
}

.btn-3:hover::before {
    bottom: 0;
}

.btn-3 span, .btn-3 i {
    position: relative;
    z-index: 2;
}

.btn-3 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-3:hover {
    color: #fff;
}

.btn-3:hover i {
    color: #fff;
}

.btn-3 svg {
    transition: all 0.3s ease;
}

.btn-3:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

/*BTN-4*/
.btn-4 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--swt-button);
    z-index: 0;
    transition: top 0.4s ease;
}

.btn-4:hover::before {
    top: 0;
}

.btn-4 span, .btn-4 i {
    position: relative;
    z-index: 2;
}

.btn-4 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-4 svg {
    transition: all 0.3s ease;
}

.btn-4:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-4:hover {
    color: #fff;
}

.btn-4:hover i {
    color: #fff;
}

/*BTN-5*/
.btn-5 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-5::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    transform: translateX(-50%);
    background-color: var(--swt-button);
    z-index: 0;
    transition: width 0.4s ease;
}

.btn-5:hover::before {
    width: 100%;
}

.btn-5 span, .btn-5 i {
    position: relative;
    z-index: 2;
}

.btn-5 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-5 svg {
    transition: all 0.3s ease;
}

.btn-5:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-5:hover {
    color: #fff;
}

.btn-5:hover i {
    color: #fff;
}

/*BTN-6*/
.btn-6 {
    position: relative;
    display: inline-block;
    padding: 0.6rem 1.3rem;
    font-size: 1rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-6::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 50%;
    transform: translateY(-50%);
    background-color: var(--swt-button);
    z-index: 0;
    transition: all 0.4s ease;
    border-radius: 0 10px 10px 0;
    transition-delay: 0s;
}

.btn-6::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--swt-button-2);
    z-index: 0;
    transition: right 0.3s ease;
}

.btn-6:hover::before {
    width: 100%;
    height: 100%;
    top: 0;
    transform: none;
    transition-delay: 0s;
}

.btn-6:hover::after {
    right: 0;
    transition-delay: 0.2s;
}

.btn-6 span, .btn-6 i {
    position: relative;
    z-index: 2;
}

.btn-6 i {
    font-size: 1.1rem;
    color: var(--swt-bg-1);
    transition: all 0.3s ease;
}

.btn-6 svg {
    transition: all 0.3s ease;
}

.btn-6:hover svg {
    color: #fff;
    z-index: 1;
    transition: all 0.3s ease;
}

.btn-6:hover {
    color: #fff;
    border-color: transparent;
}

.btn-6:hover i {
    color: #fff;
}

.section-title {
    margin: 0 0 20px 0;
}

/* Services Steps */
.home-services-steps {
    padding: 3.75rem 0;
}

.section-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.section-title-wrap .section-title {
    margin: 0;
}

.section-title-wrap a {
    background-color: #fff;
}

.home-srv-steps-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

@media (min-width: 768px) {
    .home-srv-steps-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .home-srv-steps-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.home-srv-step {
    position: relative;
    padding: 2rem;
    background: #fff;
    border-radius: var(--swt-radius-3);
    border: 1px solid var(--swt-border-1);
    transition: transform 0.3s ease, border-color 0.3s ease;
    will-change: transform;
    height: fit-content;
}

.home-srv-step:hover {
    background: rgba(255, 255, 255, 0.97);
    border-color: var(--swt-orange);
    transform: translateY(15px);
}

.home-srv-step-dot {
    position: absolute;
    top: 2rem;
    left: 0;
    width: 4px;
    height: 2rem;
    background: linear-gradient(to bottom, var(--swt-bg-1), transparent);
    transform: translateX(-50%);
    transition: height 0.3s ease;
    border-radius: 10px;
}

.home-srv-step:hover .home-srv-step-dot {
    height: 80px;
    background: linear-gradient(to bottom, var(--swt-orange), transparent);
}

.home-srv-step-number {
    font-size: 4rem;
    font-weight: bold;
    color: var(--swt-bg-1);
    margin-bottom: 0rem;
    opacity: 0.8;
    transition: all 0.3s ease, opacity 0.3s ease;
}

.home-srv-step:nth-child(4) .home-srv-step-number, .home-srv-step:nth-child(4) .home-srv-step-content h3, .home-srv-step:nth-child(4) .home-srv-step-arrow {
    opacity: 1;
    color: var(--swt-orange);
}

.home-srv-step:nth-child(4) .home-srv-step-dot {
    background: linear-gradient(to bottom, var(--swt-orange), transparent);
}

.home-srv-step:hover .home-srv-step-number {
    opacity: 1;
    color: var(--swt-orange);
    font-size: 5rem;
}

.home-srv-step-content h3 {
    font-weight: bold;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    color: var(--swt-text-1);
}

.home-srv-step:hover .home-srv-step-content h3 {
    color: var(--swt-orange);
}

.home-srv-step-content p {
    color: var(--swt-text-3);
    transition: color 0.3s ease;
    margin: 0;
}

.home-srv-step:hover .home-srv-step-content p {
    color: var(--swt-text-1);
}

.home-srv-step-arrow {
    display: none;
    position: absolute;
    top: 50%;
    right: -1.4rem;
    transform: translateY(-50%) rotate(-45deg);
    color: var(--swt-bg-1);
    font-size: 1.5rem;
    transition: all 0.3s ease;
}

.home-srv-step:hover .home-srv-step-arrow {
    transform: translateY(-50%) rotate(0deg);
}

@media (min-width: 900px) {
    .home-srv-step-arrow {
        display: block;
    }

    .home-srv-step:last-child .home-srv-step-arrow {
        display: none;
    }
}

.home-srv-step:hover .home-srv-step-arrow {
    color: var(--swt-orange);
}

/* Project References */
.project-references {
    padding: 4.75rem 0;
}

.project-references.home .references-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.project-references .cta {
    border: 1px solid var(--swt-border-1);
}

.references-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.references-card {
    background: white;
    border-radius: var(--swt-radius-3);
    overflow: hidden;
    border: 1px solid var(--swt-border-1);
    position: relative;
    box-sizing: border-box;
}

.references-card-image {
    position: relative;
    height: 165px;
    overflow: hidden;
}

.references-card-image img {
    min-width: 100%;
    min-height: 165px;
    object-fit: cover;
}

.references-category {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.4rem 0.9rem;
    border-radius: var(--swt-radius-2);
    font-size: 0.875rem;
    color: var(--swt-text-1);
    backdrop-filter: blur(4px);
    z-index: 2;
    font-weight: 500;
}

.references-card-description {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.694);
    color: white;
    padding: 1rem;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    font-size: 0.75rem;
    line-height: 1.5;
    z-index: 1;
}

.references-card:hover .references-card-description {
    transform: translateY(0);
}

.references-card-content {
    padding: 1.5rem;
}

.references-tags {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.references-tag {
    color: var(--swt-orange);
    font-size: 0.85rem;
    transition: all 0.2s ease;
    font-weight: 500;
}

.references-tag:not(:first-child) {
    padding-left: .5rem;
}

.references-tag:not(:last-child) {
    border-right: 1px solid var(--swt-border-1);
    padding-right: .5rem;
}

.references-tag:hover {
    background: var(--swt-orange);
    color: #fff;
}

.references-title {
    color: var(--swt-title);
    font-size: 1rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.references-button {
    background-color: #fff;
    color: var(--swt-button);
    box-sizing: border-box;
    border: 1px solid var(--swt-button);
    font-size: 0.9rem;
}

.references-button i {
    font-size: 1.2rem;
}

/* Customer Reviews */
.home-reviews {
    width: 100%;
    padding: 4.75rem 0 4.75rem 0;
    background: var(--swt-section-1);
    border-radius: 50px;
    overflow: hidden;
}

.home-reviews .container {
    width: 1200px;
}

.home-reviews-content {
  display: flex;
  background-color: #fff;
  border-radius: 50px;
  position: relative;
  transform-style: preserve-3d;
  box-shadow: rgb(0 0 0 / 6%) 1px 0px 24px 0px;
}

.home-reviews-content:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    height: 81%;
    width: 3rem;
    transform: translateY(-50%) translateZ(-1px) rotate(-6deg);
    background: var(--swt-gradient-2);
    border-radius: var(--swt-radius-3);
    pointer-events: none;
    transition: all 0.4s ease;
    opacity: .6;
}

.home-reviews-content:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 50%;
    height: 81%;
    width: 3rem;
    transform: translateY(-50%) translateZ(-1px) rotate(-6deg);
    background: var(--swt-gradient-1);
    border-radius: var(--swt-radius-3);
    pointer-events: none;
    transition: all 0.4s ease;
    opacity: .6;
}

.home-reviews-content .left {
  width: 35%;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  position: relative;
  overflow: hidden;
  padding: 4rem 1rem 4rem 5.5rem;
}

.home-reviews-content .left::before {
  content: "";
  position: absolute;
  left: -126px;
  width: 260px;
  height: 365px;
  background-color: transparent;
  border-right: 4px dashed var(--swt-purple);
  border-radius: 48%;
  top: 50%;
  transform: translateY(-50%);
}

.customer-box {
  display: flex;
  align-items: center;
  gap: 1rem;
  z-index: 2;
  cursor: pointer;
}

.customer-box:nth-of-type(2) {
  padding-left: 1.5rem;
}

.avatar-placeholder {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #3d5068;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--swt-gradient-2);
  padding: .2rem;
}

.avatar-placeholder svg {
  width: 38px;
  height: 38px;
  fill: #8fa0b8;
}

.customer-meta .name {
  color: var(--swt-text-3);
  font-weight: 600;
  font-size: 1.1rem;
  margin: 0;
}

.customer-rating {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--swt-text-3);
  font-size: 0.85rem;
}

.star-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  color: var(--swt-orange);
}

.home-reviews-content .right {
  width: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 4rem 6rem 4rem 2rem;
  position: relative;
}

.customer-comment {
  color: var(--swt-text-4);
  border: 4px dashed var(--swt-border-1);
  padding: 3rem;
  border-radius: 30px;
  position: relative;
  font-size: 1rem;
  line-height: 1.7;
  min-height: 200px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}

.quote-mark {
  font-size: 3rem;
  line-height: 1;
  font-family: Georgia, serif;
  color: var(--swt-text-4);
  font-weight: 700;
  user-select: none;
}

.quote-mark.open {
  margin-right: 0.5rem;
  align-self: flex-start;
  margin-top: -0.5rem;
}
.quote-mark.close {
  margin-left: 0.5rem;
  align-self: flex-end;
  margin-bottom: -0.5rem;
}

.comment-text {
  flex: 1;
  text-align: left;
  color: var(--swt-text-1);
}

.customer-comment-arrows {
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.customer-comment-arrows #btnPrev svg {
    stroke: #fff;
}

.customer-comment-arrows button {
    border: none;
    padding: 0;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.25s;
}

.customer-comment-arrows button:hover {
  background-color: #7c3aed;
}

.customer-comment-arrows #btnPrev {
    background-color: var(--swt-purple);
}

.customer-comment-arrows #btnNex {
    background-color: var(--swt-button);
}

.customer-comment-arrows button svg {
  width: 22px;
  height: 22px;
  stroke: #fff;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.25s;
}

.customer-comment-arrows button:hover svg {
  stroke: #fff;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}


.customer-box.active .customer-meta .name {
    color: var(--swt-button-2);
}

.customer-box.animate-in .customer-meta,
.customer-box.animate-in .avatar-placeholder {
  animation: fadeSlideIn 0.35s ease forwards;
}

.customer-box.animate-out .customer-meta,
.customer-box.animate-out .avatar-placeholder {
  animation: fadeSlideOut 0.25s ease forwards;
}

.customer-comment {
  transition: opacity 0.25s ease;
}

.customer-comment.fade-out {
  opacity: 0;
}

/* Brands Marauee */
.brands-marquee {
    background-color: var(--swt-section-1);
    padding: 4.75rem 0 3.75rem 0;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-radius: 50px 50px 0 0;
}

.marquee {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

.marquee::before, .marquee::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

.marquee::before {
    left: 0;
    background: linear-gradient(to right, rgb(239 239 246) 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee::after {
    right: 0;
    background: linear-gradient(to left, rgb(239 239 246) 0%, rgba(255, 255, 255, 0) 100%);
}

.marquee .track {
    display: flex;
    align-items: center;
    animation: scroll 15s linear infinite;
    position: relative;
    z-index: 1;
}

.marquee .marquee-item {
    flex: 0 0 auto;
    width: 130px;
    margin: 0 1rem;
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    transition: opacity 0.5s ease;
    background-color: #fff;
}

.marquee .marquee-item img {
    display: block;
    width: 13.75rem;
    height: 3.75rem;
    object-fit: contain;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Swt Login Page */
.swt-login-page-wrap {
    background: #fff;
}

.swt-login-page-wrap .woocommerce-message, .swt-login-page-wrap .woocommerce-info, .swt-login-page-wrap .woocommerce-error, .swt-login-page-wrap .woocommerce-noreviews {
    padding: 1rem;
    margin-bottom: 1.3rem;
    list-style: none;
}

.swt-login-register-wrapper {
    display: flex;
    align-items: center;
    height: 100vh;
}

.swt-login-register-wrapper > .left {
    flex: 1;
    padding: 2rem;
    max-height: 95vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.swt-login-register-wrapper > .left .left-contents {
    width: 500px;
    max-width: 100%;
    margin: auto;
}

.login-register-top {
    text-align: center;
    align-content: center;
}

.login-register-top .login-icon {
    font-size: 2.3rem;
    background: var(--swt-gradient-1);
    color: #fff;
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
}

.login-register-top .login-title {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 1.2rem 0 0.5rem 0;
    line-height: 1;
    animation: fade-in-top 0.5s ease;
}

.login-register-desc {
    animation: fade-in-top 0.5s ease;
}

.login-register-top .register-wrap, .login-register-top .login-wrap {
    display: none;
}

.login-register-top .login-wrap.active, .login-register-top .register-wrap.active {
    display: block;
}

.login-register-top p {
    margin: 0;
}

.swt-login-tabs {
    display: flex;
    gap: 0.7rem;
    margin: 2rem 0;
    justify-content: center;
    background: var(--swt-section-1);
    width: 100%;
    border-radius: var(--swt-radius-1);
    padding: 0.7rem;
}

.swt-login-tab-button {
    padding: 0.5rem 1.5rem;
    border: none;
    background: white;
    color: var(--swt-text-1);
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Euclid Circular B";
    width: 100%;
    justify-content: center;
}

.swt-login-tab-button i {
    font-size: 1.25rem;
}

.swt-login-tab-button.active {
    background: var(--swt-gradient-1) !important;
    color: white;
}

.swt-login-tab-button:hover:not(.active) {
    background-color: #fff;
    color: var(--swt-button);
}

.swt-login-form-container {
    display: none;
    animation: fade-in 0.3s ease-in-out;
}

.swt-login-form-container.active {
    display: block;
}

.swt-login-input-group-triple {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.swt-login-input-group {
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
}

.swt-login-input-group label {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--swt-text-2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
    padding: 0 0.25rem;
    pointer-events: none;
    font-size: 0.95rem;
}

.swt-login-input-group i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--swt-text-3);
    font-size: 1.25rem;
}

.swt-login-input {
    width: 100%;
    padding: 0.75rem 0 0.75rem 1rem !important;
    border: 2px solid var(--swt-border-1);
    border-radius: 0.5rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1rem;
    background: white;
}

.swt-login-input:focus {
    border-color: var(--swt-bg-1);
    outline: none;
}

.swt-login-input:focus + label, .swt-login-input:not(:placeholder-shown) + label {
    top: 0;
    font-size: 0.875rem;
    color: var(--swt-bg-1);
}

.swt-login-register-wrapper > .right {
    flex: 1;
    width: 50%;
    background: var(--swt-gradient-1);
    height: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.swt-login-register-wrapper > .right .right-contents {
    width: 700px;
    max-width: 100%;
    margin: auto;
}

.login-page-customers {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
}

.login-page-customers .customer-images {
    display: flex;
}

.login-page-customers .customer-images .profile-image {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #54d9be;
}

.login-page-customers .customer-images .profile-image:not(:first-child) {
    margin-left: -20px;
}

.login-page-customers span {
    font-weight: 500;
}

.swt-login-register-wrapper > .right .welcome {
    color: #fff;
    margin: 1rem 0 0.6rem 0;
    font-size: 2rem;
    font-weight: 600;
}

.swt-login-register-wrapper > .right .welcome-desc {
    color: #fff;
    font-weight: 400;
    font-size: 1.1rem;
    margin-bottom: 1.2rem;
}

.login-page-icon-boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}

.login-page-icon-boxes .icon-box-item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.9rem;
    border-radius: var(--swt-radius-1);
    background-color: #ffffff26;
    height: fit-content;
}

.login-page-icon-boxes .icon-box-item:nth-child(1) {
    animation: fade-in-top 0.3s ease;
}

.login-page-icon-boxes .icon-box-item:nth-child(3) {
    animation: fade-in-top 0.6s ease;
}

.login-page-icon-boxes .icon-box-item:nth-child(2) {
    animation: fade-in-top 0.9s ease;
}

.login-page-icon-boxes .icon-box-item:nth-child(4) {
    animation: fade-in-top 1.2s ease;
}

.login-page-icon-boxes .icon-box-item i {
    background: #ffffff30;
    font-size: 1.6rem;
    color: #fff;
    padding: 0.7rem;
    border-radius: var(--swt-radius-1);
    height: fit-content;
}

.login-page-icon-boxes .icon-box-item .title {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
}

.login-page-icon-boxes .icon-box-item .desc {
    color: #fff;
    margin: 0;
    font-weight: 300;
    font-size: 0.9rem;
}

/* Login Checkbox */
.swt-login-checkbox-group {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 0.5rem;
}

.swt-login-checkbox-group input[type="checkbox"] {
    display: none;
}

.swt-login-checkbox-group label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.swt-login-checkbox-group label span {
    margin-left: 10px;
    font-size: 0.9rem;
}

.swt-login-checkbox-group svg {
    width: 20px;
    height: 20px;
}

.swt-login-checkbox-group svg > rect {
    fill: #d9d8df;
    stroke: var(--swt-green);
    stroke-dasharray: 400%;
    stroke-dashoffset: 400%;
    transition: 0.3s stroke-dashoffset ease-in-out;
}

.swt-login-checkbox-group svg path {
    stroke: var(--swt-green);
    stroke-dasharray: 100%;
    stroke-dashoffset: 100%;
    transition: 0.3s stroke-dashoffset ease-in-out;
}

.swt-login-checkbox-group input[type="checkbox"]:checked + label svg > rect, .swt-login-checkbox-group input[type="checkbox"]:checked + label svg path {
    stroke-dashoffset: 0;
    fill: #fff;
}

.login-forgot-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swt-login-button {
    width: 100%;
    justify-content: center;
    background-color: #fff;
    width: fit-content;
    font-weight: 500;
}

.swt-login-forgot-password a {
    color: var(--swt-bg-1);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.login-to-home {
    margin: 1rem auto;
    text-align: center;
    position: relative;
    width: 500px;
    max-width: 100%;
}

.login-to-home:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--swt-border-1);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.login-to-home a {
    background-color: #fff;
    padding: 0 1.4rem;
    position: inherit;
    color: var(--swt-text-1);
    font-size: 1rem;
}

.login-to-home a:hover {
    color: var(--swt-button);
}

.woocommerce-privacy-policy-text p {
    font-size: 0.8rem;
    color: var(--swt-text-2) !important;
    margin: 0.8rem 0;
    font-weight: 400;
    background-color: #e9f6fc;
    padding: 0.8rem;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
}

.woocommerce-password-hint {
    font-size: 0.75rem;
    line-height: 1;
}

#privacy_policy_agree:checked + .reg-policy-accept-text {
    display: none;
}

#privacy_policy_agree:checked + label .reg-policy-accept-text {
    color: var(--swt-green);
}

.s-popup-cover.privacy-policy-popup .s-popup-wrap {
    width: 800px;
    max-width: 100%;
    margin: 2rem 1rem auto 1rem;
}

.s-popup-cover.privacy-policy-popup .s-popup-content {
    padding: 1.5rem;
}

.reg-policy-accept-text {
    color: var(--swt-red);
}

/* My Account*/
.alert-danger.not-payment {
    animation: shrink-return 1.1s infinite;
}

.woocommerce-my-account {
    background-color: var(--swt-section-1);
}

.my-account-header {
    background: var(--swt-gradient-1);
    padding: 1rem 0;
}

.my-account-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.my-account-header-left .icon-list {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.my-account-header-left .icon-list li {
    margin: 0;
}

.my-account-header-left .icon-list li a {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    color: #fff;
    background-color: #ffffff25;
    padding: 0.4rem 1rem;
    border-radius: var(--swt-radius-2);
    transition: all 0.3s ease;
}

.my-account-header-left .icon-list li a i {
    font-size: 1rem;
}

.my-account-header-left .icon-list li a:hover {
    background-color: #fff;
    color: var(--swt-text-1);
}

.my-account-header-right {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.my-account-header-right .icon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin: 0;
    padding: 0;
}

.my-account-header-right .icon-list li {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.95rem;
    font-weight: 400;
}

.my-account-header-right .icon-list li i {
    font-size: 1.1rem;
}

.my-account-header-left .logout-btn {
    padding: 0.5rem !important;
}

.edit-account-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    column-gap: 1rem;
    row-gap: 0.5rem;
}

.edit-account-mail.alert span {
    font-weight: 400;
}

/* Account Dashboard */
.account-dashboard-wrap {
    padding: 3.75rem 0;
}

.account-dashboard-wrap h1, .account-dashboard-wrap h2, .account-dashboard-wrap h3, .account-dashboard-wrap h4, .account-dashboard-wrap h5, .account-dashboard-wrap p {
    margin: 0;
}

.account-dashboard {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.account-dashboard fieldset {
    padding: 0;
    border: none;
}

.account-sidebar {
    width: 24%;
    max-width: 24%;
    border-radius: var(--swt-radius-1);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account-sidebar > .ac-ri-section {
    margin-bottom: 0 !important;
}

.account-nav-menu {
    padding: 1rem 0 !important;
    overflow: hidden;
}

.destek-talebi-button {
    margin: 0 1rem;
}

.account-right {
    width: 76%;
    max-width: 76%;
    min-height: 400px;
}

.user-welcome-top {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 0 1rem 0;
    margin: 0 0 1rem 0;
    border-bottom: 1px solid var(--swt-border-1);
}

.user-welcome-top .left {
    min-width: 39px;
    height: 39px;
    position: relative;
    display: flex;
    align-items: center;
}

.user-welcome-top .right {
    width: 100%;
}

.user-welcome-top .left > img {
    width: 39px;
    height: 39px;
    object-fit: cover;
    position: relative;
}

.user-welcome-top .left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 43px;
    height: 43px;
    background-color: #fff;
    border: 3px solid var(--swt-border-1);
    border-radius: 50%;
}

.user-welcome-top .left::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    right: -5px;
    bottom: 0;
    border-radius: 20px;
    background-color: var(--swt-green);
    border: 3px solid #fff;
}

.user-welcome-top .title {
    color: var(--swt-text-3);
    font-size: 0.85rem;
}

.user-welcome-top .name {
    color: var(--swt-text-1);
    font-size: 1rem;
    font-weight: 600;
}

.user-welcome-info {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.user-welcome-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-welcome-info-item > .left, .user-welcome-info-item > .right {
    color: var(--swt-text-3);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-welcome-info-item > .right {
    color: var(--swt-text-1);
}

.user-welcome-info-item #customerNoCopy {
    display: flex;
    align-items: center;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    gap: .2rem;
}

.user-welcome-info-item #customerNoCopy i {
    font-size: 13px;
}

.user-welcome-info-item .right.copied {
    color: var(--swt-green);
}

.user-welcome-info-item .right [icon-name="copy"] {
    color: var(--swt-button);
}

.user-welcome-info-item .right.copied [icon-name="copy"]{
    display: none;
}

.user-welcome-info-item .right.copied [icon-name="tick-circle"] {
    display: flex !important;
}

.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation-link {
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--swt-section-2);
    color: var(--swt-text-1);
}

.woocommerce-MyAccount-navigation-link.is-active a i {
    color: #fff !important;
    background: var(--swt-gradient-1) !important;
}

.woocommerce-MyAccount-navigation ul li a {
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 0.8rem 1rem 0.6rem 1rem;
    box-sizing: border-box;
    font-size: 0.94rem;
    color: var(--swt-text-1);
    font-weight: 500;
    background-color: #fff;
    position: relative;
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 20px;
    background: var(--swt-gradient-1);
    border-radius: 0 10px 10px 0;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
}

.woocommerce-MyAccount-navigation ul li a i,
.woocommerce-MyAccount-navigation ul li a svg {
    margin-right: 0.6rem;
    font-size: 1.15rem;
    color: var(--swt-text-2);
    background-color: var(--swt-button-3);
    padding: 0.47rem;
    border-radius: var(--swt-radius-2);
    transition: all 0.5s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover i,
.woocommerce-MyAccount-navigation ul li a:hover svg {
    background: #fff;
    color: var(--swt-button);
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #f41818 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    background-color: #ffd6d6 !important;
}

.woocommerce-MyAccount-navigation .menu-icon.wheel-icon {
    display: flex;
    align-items: center;
}

.woocommerce-MyAccount-navigation .menu-icon.wheel-icon svg {
    width: 2.25rem;
    height: 2.25rem;
}

.woocommerce-MyAccount-navigation-link--customer-logout a i {
    background: var(--swt-red-light) !important;
    color: var(--swt-red) !important;
}

.ac-ri-section {
    background-color: #fff;
    border-radius: var(--swt-radius-1);
    padding: 1rem;
}

.ac-ri-section:not(:last-child) {
    margin-bottom: 1rem;
}

.ac-ri-section .ac-ri-section-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1.25rem;
}

.ac-ri-section-desc {
    font-size: 0.95rem;
    margin: 0.3rem 0 0 0 !important;
}

.ac-ri-section .panel {
    display: flex;
    gap: 1rem;
    align-items: start;
}

.dashboard-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.dash-fast-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
}

.dash-fast-menu-item {
    border: 1px solid var(--swt-border-1);
    background-color: transparent !important;
    border-radius: var(--swt-radius-1);
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    position: relative;
}

.dash-fast-menu-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.4rem;
    height: 50%;
    background-color: var(--swt-border-1);
    border-radius: 0 20px 20px 0;
    transition: all 0.4s ease;
}

.dash-fast-menu-item:hover i {
    color: var(--swt-button);
}

.dash-fast-menu-item:hover::after {
    background-color: #fff;
}

.dash-fast-menu-item i {
    font-size: 1.1rem;
    background-color: var(--swt-button-3);
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
    color: var(--swt-button);
}

.dash-fast-menu-item span {
    text-align: center;
    font-size: 0.9rem;
}

.dash-fast-menu-item.free-s-money {
    background: var(--swt-gradient-2);
    color: #fff;
}

.dash-fast-menu-item.free-s-money::after {
    background-color: #fff;
}

.dash-fast-menu-item.free-s-money i {
    background-color: #ffffff30;
    color: #fff;
}

.ac-ri-section-left {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.ac-ri-section-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.panel .user-data, .panel .user-order-data {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.panel .user-data li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9rem;
    margin: 0;
}

.panel .user-data {
    background: var(--swt-gradient-3);
    border-radius: var(--swt-radius-1);
    padding: 1rem;
    margin: 0;
}

.panel .user-data .role {
    background-color: #fff;
    padding: 0.2rem 0.3rem;
    border-radius: var(--swt-radius-2);
    color: var(--swt-bg-6);
    font-weight: 500;
}

.panel .user-data .role, .panel .user-data .reg-date {
    font-weight: 600;
}

.sw-offer-card {
    background: var(--swt-bg-5);
    border-radius: var(--swt-radius-1);
    padding: 1rem;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
    margin-bottom: 0 !important;
    position: relative;
    overflow: hidden;
}

.sw-offer-card * {
    z-index: 1;
}

.sw-offer-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    opacity: 0.24;
}

.sw-offer-header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sw-bar-wrapper {
    margin-top: 1rem;
}

.sw-offer-icon {
    background: linear-gradient(45deg, #ff5362, #fcff53);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--swt-radius-1);
    font-size: 1.2rem;
    padding: 0.7rem;
    color: var(--swt-title);
}

.sw-offer-details {
    flex: 1;
}

.sw-upper-text {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.3px;
}

.sw-lower-text {
    display: block;
    font-size: 13px;
    color: #fff;
    margin-top: 2px;
}

.sw-lower-text b {
    color: #f1ff00;
    font-weight: 600;
}

.sw-offer-tag {
    background: var(--swt-green-light);
    color: var(--swt-green);
    padding: 0.3rem 0.6rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 800;
}

.sw-bar-track {
    height: 10px;
    background: #707597;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.sw-bar-fill {
    height: 100%;
    background: linear-gradient(45deg, #ff5362, #fcff53);
    border-radius: 20px;
    position: relative;
    transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.sw-bar-shimmer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), transparent );
    animation: sw-slide 3s infinite linear;
}

.sw-bar-legend {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #fff;
}

@keyframes sw-slide {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(70%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.panel .user-order-data {
    border-radius: var(--swt-radius-1);
    padding: 1rem;
    border: 1px solid var(--swt-border-1);
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.panel .user-order-data li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    margin: 0;
}

.panel .user-order-data .total-order-count, .panel .user-order-data .order-ok-count {
    font-weight: 600;
}

.total-expenditure {
    background: var(--swt-gradient-1);
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.total-expenditure .to-ex {
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
}

.ac-ri-section-right .balances {
    background-color: #ffffff29;
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.balances .total-balance {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.balances .total-balance .tb {
    font-weight: 600;
}

.balances .balance-this-year {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.balances .balance-this-year .bty {
    font-weight: 600;
}

.ac-ri-section-right .to-ex-desc {
    font-size: 0.8rem;
}

.navigation-notification-count {
    background-color: #ff4545;
    color: #fff;
    line-height: 1;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 0.9rem;
    float: right;
}

/* My Account Messages */
.woocommerce-OrderUpdates {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.woocommerce-OrderUpdates fieldset {
    position: relative;
}

.woocommerce-OrderUpdates fieldset:nth-child(1) .message-content p {
    background-color: #cbffcb !important;
}

.message-content p {
    margin-top: -0.3rem;
    font-size: 0.9rem !important;
    color: var(--swt-text-1);
    background: #f2f2f2;
    padding: 1rem;
    border-radius: var(--swt-radius-1);
}

.message-meta {
    display: flex;
    box-sizing: border-box;
    color: var(--swt-text-2);
    column-gap: 1rem;
}

.message-meta p {
    font-size: 0.9rem;
    margin-top: 1rem;
}

/* My Account Security */
.security-email-2fa {
    filter: opacity(0.7) grayscale(1);
}

.security-password-notification span, .security-single-session span {
    cursor: not-allowed !important;
}

.account-security-settings {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account-security-settings > .items .item {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}

.account-security-settings > .items .item:not(:last-child) {
    border-bottom: 1px solid var(--swt-border-1);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.account-security-settings > .items .item > .left {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.account-security-settings > .items .item > .left i {
    background-color: var(--swt-green-light);
    color: var(--swt-green);
    display: flex;
    width: 39px;
    height: 39px;
    justify-content: center;
    align-items: center;
    border-radius: var(--swt-radius-2);
    font-size: 1.25rem;
}

.account-security-settings > .items .item > .left .title {
    color: var(--swt-text-1);
    font-weight: 500;
}

.account-security-settings > .items .item > .left .desc {
    color: var(--swt-text-3);
    font-size: .85rem;
}

.account-security-submit {
    width: fit-content;
    background-color: transparent;
    margin-top: .5rem;
}

.box .alert {
    margin-bottom: 0.5rem;
}

.sbx-head {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.sbx-title {
    font-size: 1rem;
    font-weight: 600;
}

.sbx-desc {
    font-size: 0.9rem;
}

.all-logout-btn {
    background-color: var(--swt-red-light);
    border-color: var(--swt-red);
    color: var(--swt-red);
    font-size: .9rem;
}

.all-logout-btn::before {
    background-color: var(--swt-red);
}

.swt-input-group {
    position: relative;
    width: 100%;
}

.swt-input-group {
    margin-bottom: 1rem;
}

.swt-input-group label {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--swt-text-2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: white;
    padding: 0 0.25rem;
    pointer-events: none;
    font-size: 0.95rem;
    font-weight: 400;
}

.swt-input-group > i, .swt-input-group > svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--swt-text-3);
    font-size: 1.25rem;
    right: 1rem;
}

.swt-input {
    width: 100%;
    padding: 0.75rem 0 0.75rem 1rem !important;
    border: 2px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 1rem;
    background: white;
}

.swt-input:focus {
    border-color: var(--swt-bg-1);
    outline: none;
}

.swt-input:focus + label, .swt-input:not(:placeholder-shown) + label {
    top: 0;
    font-size: 0.875rem;
    color: var(--swt-bg-1);
}

.swt-input-group select, .swt-input-group textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    resize: none;
    border: 1px solid var(--swt-border-1);
    padding: 0.75rem 0 0.75rem 1rem !important;
    font-family: var(--swt_font_family);
}

.swt-input-group select:focus, .swt-input-group textarea:focus {
    border-color: var(--swt-bg-1);
    outline: none;
}

.swt-input-group-double {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1rem;
}

.swt-input-group-triple {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem;
}

.swt-input-group select:valid + label, .swt-input-group textarea:focus + label, .swt-input-group textarea:not(:placeholder-shown) + label {
    top: 0;
    font-size: 0.875rem;
    color: var(--swt-bg-1);
}

.swt-input-group select:required:invalid {
    color: #aaa;
}

.swt-input-group select option {
    color: #000;
}

#account_display_name_description {
    font-size: 0.8rem;
    margin-bottom: 0;
    margin-top: -0.5rem;
}

.swt-woocommerce-button {
    background-color: #fff;
    border: 1px solid var(--swt-bg-1);
    width: fit-content;
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 0.4rem 1.3rem;
}

.swt-woocommerce-save-button {
    background-color: #fff;
}

/* Support System */
.talep-detay-header {
    background-color: #fff;
    margin: -1rem -1rem 1rem -1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--swt-border-1);
    padding: 1rem;
}

.talep-detay-header .tum-talepler {
    padding: 0.4rem;
    font-size: 1.2rem;
    border-radius: var(--swt-radius-2);
    display: flex;
    color: var(--swt-button);
    background-color: var(--swt-button-3);
}

.talep-detay-header-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.talep-detay-header-title .talep-baslik {
    color: var(--swt-title);
    font-weight: 600;
    font-size: 1.25rem;
}

.talep-detay-header-title .talep-no {
    color: var(--swt-text-3);
    font-size: 1rem;
}

.swt-destek-talebi {
    display: flex;
    gap: 1rem;
}

.talep-proccessing svg {
    min-width: 1.4rem;
    height: 1.4rem;
    animation: rotate360 1.5s linear infinite;
}

.talep-yanitlari {
    padding: 1rem;
    overflow: hidden;
}

.swt-destek-talebi > .left {
    width: 32%;
    max-width: 32%;
    overflow: hidden;
    border-radius: var(--swt-radius-1);
    order: 1;
}

.swt-destek-talebi > .left .h3-title {
    font-weight: 600;
    color: var(--swt-title);
    font-size: 1.1rem;
    border-bottom: 1px solid var(--swt-border-1);
    padding: 0.85rem;
    margin: -1rem -1rem 0.85rem -1rem;
}

.destek-talebi-meta {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.destek-talebi-meta-item {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.destek-talebi-meta-item > .left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--swt-text-2);
}

.destek-talebi-meta-item > .left i {
    font-size: 0.95rem;
}

.destek-talebi-meta-item > .left .name {
    font-size: 0.9rem;
}

.destek-talebi-meta.ilgili-siparis .left i {
    color: var(--swt-green);
    background-color: var(--swt-green-light);
    padding: 0.4rem;
    font-size: 1.1rem;
    border-radius: var(--swt-radius-2);
}

.destek-talebi-meta.ilgili-siparis .left .name {
    color: var(--swt-text-1);
    font-size: 0.95rem;
}

.destek-talebi-meta.ilgili-siparis .right .ilgili-siparis-link {
    color: var(--swt-text-2);
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    padding: 0.4rem 0.8rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.destek-talebi-meta.ilgili-siparis .right .ilgili-siparis-link:hover {
    background-color: var(--swt-button);
    color: #fff;
    border-color: transparent;
}

.swt-destek-talebi > .right {
    width: 76%;
    max-width: 76%;
    min-height: 400px;
}

.destek-talebi-meta-item > .right .data {
    font-size: 0.87rem;
    color: var(--swt-text-1);
    font-weight: 500;
}

.destek-talebi-mesaj, .destek-yanit.kullanici-yanit {
    text-align: right;
}

.destek-yanit.kullanici-yanit {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.destek-yanit.kullanici-yanit > .left {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.destek-yanit.kullanici-yanit .mesaj-icerik {
    padding: 1rem;
    border: 1px solid var(--swt-border-1);
    border-radius: 22px 0 22px 22px;
    width: fit-content;
    margin-left: auto;
}

.destek-yanit.kullanici-yanit .mesaj-icerik * {
    font-size: 0.9rem;
}

.destek-yanit.kullanici-yanit > .right {
    width: 35px;
    min-width: 35px;
    height: 35px;
    background-color: var(--swt-section-1);
    border-radius: 50%;
    border: 1px solid var(--swt-border-1);
    text-align: center;
    align-content: center;
    font-weight: 500;
}

.destek-yanit .mesaj-gonderen {
    color: var(--swt-title);
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.destek-yanit .mesaj-gonderen .admin-badge {
    color: #fff;
    background-color: var(--swt-button);
    border-radius: var(--swt-radius-2);
    padding: 0.1rem 0.4rem;
    font-size: 0.8rem;
    border: 1px solid var(--swt-button);
    margin-left: 0.4rem;
}

.destek-yanit .mesaj-tarih {
    color: var(--swt-text-3);
    font-size: 0.77rem;
    margin: 0.2rem 0 0 0;
}

.destek-yanit.admin-yanit {
    display: flex;
    gap: 1rem;
}

.destek-yanit.admin-yanit > .right {
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
}

.destek-yanit.admin-yanit > .left {
    order: 2;
}

.destek-yanit.admin-yanit .mesaj-icerik {
    padding: 1rem;
    background-color: var(--swt-button-5);
    border-radius: 0 22px 22px 22px;
    min-width: 400px;
    max-width: 100%;
    margin-right: auto;
}

.destek-yanit.admin-yanit .mesaj-icerik * {
    font-size: 0.9rem;
}

.destek-yanit-submit {
    background-color: #fff;
}

.destek-kapat-form {
    margin-top: 1rem;
}

.destek-kapat-btn-deaktif {
    color: var(--swt-orange);
    font-size: 0.8rem;
    margin-top: 1rem !important;
    text-align: center;
}

.destek-kapat-btn {
    width: 100%;
    justify-content: center;
    background: transparent;
    border-color: var(--swt-green);
    color: var(--swt-green);
    font-size: 0.88rem;
    padding: 0.4rem 1.3rem;
}

.destek-kapat-btn i {
    color: var(--swt-green);
}

.destek-kapat-btn:hover {
    border: 1px solid transparent;
}

.talep-olustur, .destek-talebi-button, .talep-goruntule {
    background-color: #fff;
    border: 1px solid var(--swt-button);
    margin-bottom: 1rem;
}

.talep-goruntule {
    width: fit-content;
    padding: 0.5rem;
    position: relative;
    background-color: var(--swt-bg-1);
}

[data-theme="light"] .talep-goruntule:before {
    background-color: #fff;
}

.talep-goruntule:hover i {
    color: var(--swt-button);
}

.talep-goruntule i {
    color: #fff;
}

.talep-olustur, .talep-goruntule {
    margin-bottom: 0;
}

.destek-talebi-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.ac-ri-section.for-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* My Account Öneri İstek */

.suggestion-popup-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.suggestion-popup-content p {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    padding: 0.8rem;
    color: var(--swt-text-2);
    font-size: 0.9rem;
}

.suggestion-popup-content p strong {
    color: var(--swt-text-1);
}

.sugg-submit {
    background-color: #fff;
}

.sugg-statistics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.sugg-statistics-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.8rem;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
}

.sugg-statistics-item .left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sugg-statistics-item .left i {
    color: #fff;
    padding: 0.4rem;
    border-radius: var(--swt-radius-1);
}

.sugg-statistics-item:nth-of-type(1) .left i {
    background-color: var(--swt-brown);
}

.sugg-statistics-item:nth-of-type(2) .left i {
    background-color: var(--swt-green);
}

.sugg-statistics-item:nth-of-type(3) .left i {
    background-color: var(--swt-bg-1);
}

.sugg-statistics-item:nth-of-type(4) .left i {
    background-color: var(--swt-red);
}

.sugg-statistics-item .left .title {
    font-size: 0.95rem;
}

.sugg-statistics-item .right .count {
    font-weight: 500;
}

/* My Account s-para */
.woocommerce-MyAccount-navigation-link--s-para > a {
    background: var(--swt-gradient-2);
    background-size: 400% 400%;
    animation: gradientAnimation 3s ease infinite;
    color: #fff !important;
}

.woocommerce-MyAccount-navigation-link--s-para > a i {
    color: #fff !important;
    background: transparent !important;
}

.s-money-wallet-status {
    background: var(--swt-gradient-2);
    position: relative;
}

.s-money-wallet-status > i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff60;
    font-size: 3rem;
}

.s-money-wallet-status .ac-ri-section-title {
    color: #fff;
}

.s-money-wallet-status .ac-ri-section-desc {
    color: #fff;
    margin: 0 !important;
    font-weight: 500;
    font-size: 1.1rem;
}

.s-money-dashboard {
    display: flex;
    gap: 1rem;
}

.s-money-dashboard > .left {
    flex: 1;
    margin-bottom: 0;
}

.s-money-dashboard > .right {
    flex: 1;
    margin-bottom: 0;
    height: fit-content;
}

.s-money-campaigns {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1.1rem;
}

.s-money-campaigns .item.wheel {
    background: var(--swt-gradient-2);
    border: none;
    color: #fff;
}

.s-money-campaigns .item {
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    gap: 1rem;
    color: var(--swt-text-1);
    position: relative;
    border: 1px solid var(--swt-border-1);
}

.s-money-campaigns .item [icon-name="arrow-right"] {
    position: absolute;
    right: .7rem;
    top: .7rem;
    font-size: 1.9rem;
    z-index: 0;
    opacity: .4;
    transform: rotate(-30deg);
}

.s-money-campaigns .item > .link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.s-money-campaigns .item .left {
    display: flex;
}

.s-money-campaigns .item .left svg {
    width: 2rem;
    height: 2rem;
}

.s-money-campaigns .item .left i {
    color: transparent;
    color: transparent;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background: var(--swt-gradient-2);
    font-size: 2rem;
}

.s-money-campaigns .item .title {
    font-weight: 600;
    font-size: 1.1rem;
}

.s-money-campaigns .item .desc {
    font-weight: 400;
    font-size: .85rem;
}

.s-money-add-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.s-money-add-form .swt-input-group {
    margin: 0;
}

.s-money-dashboard .ac-ri-section-title {
    font-weight: 600;
}

.choose-amount-desc {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0;
}

.s-money-amount-select {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0.5rem;
}

.s-money-amount {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    padding: 0.5rem;
    justify-content: center;
    user-select: none;
    transition: all 0.3s ease;
    background-color: #fff;
    cursor: pointer;
}

.s-money-amount.active {
    border: 1px solid var(--swt-green) !important;
    background-color: var(--swt-green-light) !important;
    color: var(--swt-green);
    font-weight: 500;
}

.s-money-amount.active:before {
    display: none;
}

.add-money-submit {
    background-color: #fff;
    width: fit-content;
}

.smoney-search-bar {
    position: relative;
    margin: 1rem 0;
}

.smoney-search-bar svg {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    pointer-events: none;
}

.smoney-search-bar input {
    width: 100%;
    outline: none;
    box-sizing: border-box;
}

.smoney-search-bar input:focus {
    border-color: #6366f1;
    background: #fff;
}

.smoney-month-group {
    margin-bottom: 1.75rem;
}

.smoney-month-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 .8rem;
    border-bottom: 1.5px solid var(--swt-border-1);
    margin-bottom: 1rem;
}

.smoney-month-label span {
    font-size: .8rem;
    font-weight: 600;
    color: var(--swt-text-1);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.smoney-month-label em {
    font-style: normal;
    font-size: .75rem;
    font-weight: 400;
    color: var(--swt-text-2);
    background: var(--swt-section-2);
    padding: 2px 9px;
    border-radius: var(--swt-radius-2);
}

.smoney-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 5px;
    background: #fff;
    border: 1.5px solid var(--swt-border-1);
    transition: background .15s, border-color .15s;
}

.smoney-item:hover {
    border-color: var(--swt-button);
}

.smoney-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.smoney-item--in .smoney-item-icon {
    background: #ecfdf5;
    color: #059669;
}

.smoney-item--out .smoney-item-icon {
    background: #fef2f2;
    color: #dc2626;
}

.smoney-item-main {
    flex: 1;
    min-width: 0;
}

.smoney-item-desc {
    font-size: .9rem;
    font-weight: 500;
    color: var(--swt-text-1);
    margin: 0 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smoney-item-date {
    font-size: .8rem;
    color: var(--swt-text-3);
}

.smoney-item-amounts {
    text-align: right;
    flex-shrink: 0;
}

.smoney-item-amount {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

.smoney-item--in .smoney-item-amount {
    color: #059669;
}

.smoney-item--out .smoney-item-amount {
    color: #dc2626;
}

.smoney-item-balance {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .3rem;
    font-size: .75rem;
    color: #9ca3af;
    margin-top: 2px;
}

.smoney-item-balance svg {
    flex-shrink: 0;
}

.smoney-limit-note {
    text-align: center;
    font-size: 13px;
    color: #9ca3af;
    padding: 12px 0 4px;
}

.smoney-item--hidden {
    display: none !important;
}

.smoney-month-group--empty .smoney-month-label {
    display: none;
}

#smoneysys-wallet-box {
    background: #fff;
    color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    margin-bottom: 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

#smoneysys-wallet-box .amount-wrap {
    display: flex;
    gap: 0.5rem;
}

#smoneysys-wallet-box .amount-wrap input {
    flex: 1;
}

#smoneysys-wallet-box .smoneysys-balance-btn {
    background-color: #fff;
    border: none;
    font-size: 0.9rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--swt-border-1);
    color: var(--swt-text-1);
    justify-content: center;
}

#smoneysys-wallet-box .smoneysys-balance-btn:hover {
    color: #fff;
}

#smoneysys-wallet-box .smoneysys-balance-btn.apply {
    background-color: var(--swt-green);
    color: #fff;
    border: none;
}

#smoneysys-wallet-box .smoneysys-balance-btn.apply i {
    color: #fff;
}

#smoneysys-wallet-box .smoneysys-balance-btn.full-pay {
    background-color: var(--swt-button);
    color: #fff;
    justify-content: center;
}

#smoneysys-wallet-box .smoneysys-balance-btn.full-pay i {
    color: #fff;
}

#smoneysys-wallet-box .apply-after {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--swt-green);
    font-weight: 500;
}

#smoneysys-wallet-box .smoneysys-balance-btn:before {
    background-color: var(--swt-bg-5);
}

#smoneysys-wallet-box .current-balance {
    display: flex;
    justify-content: space-between;
}

#smoneysys-wallet-box .current-balance span {
    color: var(--swt-title);
    font-weight: 600;
}

#smoneysys-wallet-box .current-balance strong * {
    color: var(--swt-green);
}

#smoneysys-wallet-box .balance-buttons-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 0.5rem;
}

#smoneysys-loading {
    display: none;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.smoneysys-progress {
    background: #fff;
    color: var(--swt-button);
    padding: 15px 30px;
    border-radius: 8px;
    font-weight: 500;
    margin: 1rem auto;
    width: 400px;
    max-width: 95%;
}

.smoneysys-transaction-history {
    margin-top: 1rem;
}

/* Missions */
.missions-statistics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.missions-statistics .item {
    padding: 0.7rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--swt-border-1);
}


.missions-statistics .item i {
    background-color: #7263631a;
    padding: 0.4rem;
    border-radius: var(--swt-radius-2);
}

.missions-statistics .item .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.missions-statistics .item .right .title {
    font-size: 0.9rem;
}

.missions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.missions p {
    margin: 0;
}

.mission-item {
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    background: linear-gradient(135deg, #eee1ff, #e2f0ff);
    justify-content: space-between;
}

.mission-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1rem 0.5rem 0.2rem;
    border-radius: 0 0 0 var(--swt-radius-1);
    background: #fff;
    color: var(--swt-text-1);
    font-weight: 500;
    font-size: 0.8rem;
}

.mission-item .top {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.mission-item .mission-icon {
    padding: 0.6rem;
    color: #fff;
    border-radius: var(--swt-radius-1);
    height: fit-content;
    font-size: 1.4rem;
    transform: rotate(20deg);
    box-shadow: var(--swt-box-shadow);
}

.mission-item .mission-title {
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
    margin: 1rem 0 0.2rem 0;
}

.mission-item .desc {
    font-size: 0.84rem;
    text-align: center;
}

.mission-item .mission-time {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--swt-text-2);
    margin-top: 0.7rem;
    font-size: 0.75rem;
    justify-content: center;
}

.mission-item .mission-time p {
    font-size: 0.75rem;
}

.mission-item .mission-time-end {
    color: var(--swt-red);
}

.mission-item .bottom {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
}

.mission-item .bottom .price {
    font-weight: 600;
    font-size: 2rem;
    color: var(--swt-title);
    margin: 0.5rem 0 0.3rem 0;
    font-style: italic;
}

.mission-item .bottom .price .subtext {
    font-weight: 400;
    font-size: 0.8rem;
}

.mission-item .buttons a {
    font-weight: 400;
    font-size: 0.85rem;
    padding: 0.45rem 0.8rem;
    color: #fff;
    gap: 0.3rem;
}

.mission-item .buttons a i {
    font-size: 0.9rem;
    color: #fff;
}

.mission-item .buttons .mission-play {
    background-color: var(--swt-bg-5);
}

.mission-item .buttons .mission-control {
    background-color: #fff;
    color: var(--swt-text-1);
}

.mission-item .buttons .mission-control:hover, .mission-item .buttons .mission-control:hover i {
    color: #fff;
}

.mission-item .buttons .mission-control i {
    color: var(--swt-text-1);
}

.mission-control-phase, .mission-control-success {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    text-align: center;
}

.mission-item .buttons .mission-control-phase {
    color: var(--swt-purple);
}

.mission-control-success {
    color: var(--swt-green);
    margin-top: 0.5rem;
}

.mission-admin-note {
    color: var(--swt-purple);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mission-admin-note p {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    right: auto;
    margin-top: 0.2rem;
}

.missions .swt-success-icon-wrapper svg {
    width: 3rem;
    height: 3rem;
}

.missions .swt-success-icon-wrapper {
    width: 50px;
    height: 50px;
}

.mission-submit-popup button[type="submit"] {
    background-color: #fff;
}

.mission-submit-popup .swt-input-group {
    margin-bottom: 0;
}

.mission-submit-file label {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.mission-submit-popup .alert {
    margin-bottom: 1.5rem;
}

.mission-submit-popup .alert span {
    font-weight: 400;
    font-size: 0.9rem;
}

/* Mission Complete */
.mission-complete {
    background: linear-gradient(317deg, #0bb3ae1c 46%, #2efa0647);
}

/* Mission Expired */
.mission-item.mission-expired {
    filter: grayscale(1);
}

.destek-img-upload {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--swt-border-1);
    background-color: transparent;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.destek-img-upload .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.destek-img-upload .icon svg {
    height: 2.5rem;
    fill: var(--swt-text-1);
}

.destek-img-upload .text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.destek-img-upload .text span {
    font-weight: 500;
    color: var(--swt-text-1);
    font-size: 1rem;
    text-align: center;
}

.destek-img-upload .text span.subtext {
    font-size: 0.87rem;
    font-weight: 400;
    color: var(--swt-text-2);
}

.destek-img-upload input {
    display: none;
}

.destek-img-upload.selected {
    border-color: #4caf50;
    background-color: #e8f5e9;
}

.destek-img-upload.selected .icon svg path {
    fill: #4caf50;
}

.destek-img-upload.selected .text span:first-child {
    color: #2e7d32;
    font-weight: 600;
}

.yanit-img-upload {
    margin-top: 1rem;
    background-color: #fff;
}

.yanit-img-upload i {
    font-size: 1.8rem;
}

.yanit-dosya-text {
    color: var(--swt-text-2);
    font-size: 0.8rem;
}

.swt-editor-counter {
    padding: 0 0 0.2rem 0.5rem;
}

[id^="mceu_"][id$="-button"] i {
    color: #fff !important;
}

.mce-active [id^="mceu_"][id$="-button"] {
    background-color: var(--swt-button-2) !important;
}

.mce-active {
    border: none !important;
}

.mce-btn {
    box-shadow: none !important;
}

div.mce-toolbar-grp {
    border-color: var(--swt-border-1);
}

.wp-editor-container {
    border-color: var(--swt-border-1) !important;
    border-radius: var(--swt-radius-1) !important;
}

#destek_yanit_submit:hover span {
    transition: all 0.3s ease;
}

#destek_yanit_submit:hover span {
    color: #fff;
}

/* My Account Faturalar */
.invoice-download {
    padding: 0.5rem;
    background-color: var(--swt-bg-1);
    color: #fff;
    line-height: 1;
}

/* My Account License */
.license-keys-tabs,
.edit-account-tabs,
.account-security-tabs,
.references-page-tabs,
.orders-status-tabs,
.s-money-tabs,
.license-check-tabs {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 0.7rem;
    flex-wrap: wrap;
}

.license-keys-tab,
.edit-account-tab,
.account-security-tab,
.references-page-tab,
.s-money-tab,
.order-status-tab-button,
.license-check-tab {
    background-color: var(--swt-button-3);
    cursor: pointer;
    padding: 0.6rem 1rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    gap: 0.8rem;
    user-select: none;
    font-size: 0.9rem;
    font-weight: 400;
    border: none;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
}

.license-keys-tab:hover, .edit-account-tab:hover, .account-security-tab:hover, .references-page-tab:hover, .s-money-tab:hover, .order-status-tab-button:hover, .license-check-tab:hover {
    color: var(--swt-button);
}

.license-keys-tab i, .edit-account-tab i, .account-security-tab i, .references-page-tab i, .order-status-tab-button i, .s-money-tab i, .license-check-tab i {
    font-size: 1rem;
}

.license-keys-tab .svg-icon, .edit-account-tab .svg-icon, .account-security-tab .svg-icon, .references-page-tab .svg-icon, .order-status-tab-button .svg-icon, .s-money-tab .svg-icon, .license-check-tab .svg-icon {
    width: 1.2rem;
    height: 1.2rem;
}

.license-keys-tab.lkt-active, .edit-account-tab.eat-active, .account-security-tab.ast-active, .references-page-tab.reft-active, .order-status-tab-button.active, .s-money-tab.smt-active, .license-check-tab.lcs-active {
    background: var(--swt-gradient-1);
    color: #fff;
    animation: fade-in 0.5s ease;
}

.license-key-tab-content, .edit-account-tab-content, .account-security-tab-content, .references-page-tab-content, .s-money-tab-content, .license-check-tab-content {
    display: none;
}

.license-key-tab-content.lktc-active, .edit-account-tab-content.eatc-active, .account-security-tab-content.astc-active, .references-page-tab-content.reftc-active, .s-money-tab-content.smtc-active, .license-check-tab-content.lctc-active {
    animation: WipeVertical 0.3s ease;
    transform-origin: top;
    display: block;
}

.user-licence-popup .s-popup-wrap {
    width: 720px;
}

.license-details-packages {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--swt-button);
    padding: .7rem 1rem;
    font-size: .85rem;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    margin-bottom: 1rem;
}

.license-details-packages > .title {
    font-weight: 500;
    font-size: 1rem;
}

.license-details-packages > i {
    font-size: 1.25rem;
    margin-right: .8rem;
}

.license-details-packages .packages {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.license-details-packages .packages .package-item {
    color: var(--swt-button);
    font-size: .8rem;
    background-color: var(--swt-button-3);
    line-height: normal;
    padding: .2rem .6rem;
    border-radius: var(--swt-radius-2);
}

.license-details-status {
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
    margin-bottom: 1rem;
    padding: 1rem 0;
}

.license-details-status .license-status-bar {
    padding: 1rem 1rem 0 1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.license-details-status .status-bar {
    width: 100%;
    height: 8px;
    border-radius: 99px;
    background: #f0f0f0;
    overflow: hidden;
}

.license-details-status .status-bar > div {
    height: 8px;
    border-radius: 99px;
    transition: width .4s ease, background .4s ease;
}

.license-details-status .status {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.license-details-status .status .item {
    padding: 0 1rem;
    text-align: center;
    align-content: center;
}

.license-details-status .status .item:not(:last-child) {
    border-right: 1px solid var(--swt-border-1);
}

.license-details-status .status .item .data {
    font-weight: 600;
    font-size: 1.25rem;
}

.license-details-status .status .item:nth-of-type(2) .data {
    color: var(--swt-orange);
}

.license-details-status .status .item:nth-of-type(3) .data {
    color: var(--swt-green);
}

.license-details-status .status .item .name {
    color: var(--swt-text-2);
    font-size: .9rem;
}

.uallp-message {
    margin-top: 1rem;
}

.license-details-mylicenses {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.license-details-mylicenses .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7rem;
    border-radius: var(--swt-radius-1);
    border: 1px solid var(--swt-border-1);
}

.license-details-mylicenses .item .left {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.license-details-mylicenses .item .left > i {
    font-size: 1.35rem;
    width: 38px;
    height: 38px;
    align-content: center;
    text-align: center;
    background-color: var(--swt-button-3);
    border-radius: var(--swt-radius-2);
}

.license-details-mylicenses .item .domain-license .domain {
    color: var(--swt-text-1);
    font-weight: 600;
    font-size: 1rem;
}

.license-details-mylicenses .item .domain-license .key {
    color: var(--swt-text-3);
    font-size: .8rem;
}

.copy-license-btn {
    padding: .6rem;
    background-color: var(--swt-button-5) !important;
    border: 1px solid var(--swt-border-1);
}

.copy-license-btn i {
    color: var(--swt-text-1);
}

.license-control-btn {
    background-color: transparent;
}

.license-count-td {
    display: flex;
    gap: .8rem;
}

.license-count-td p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .85rem;
    color: var(--swt-text-1) ;
}

.license-count-td p strong {
    color: var(--swt-text-2);
}

.user-add-license-popup-content {
    padding-top: .4rem;
}

.user-add-license-submit {
    margin-top: 1rem;
    background-color: transparent;
}

.ac-ri-section.license-history-section {
    padding: 0;
}

.sw-history-wrapper {
    margin: 0 0 1.2rem 2.5rem;
    padding: 1rem 1rem 0 0;
    position: relative;
}

.sw-history-wrapper:last-child {
    margin-bottom: 0;
}

.sw-history-wrapper::before {
    position: absolute;
    content: "";
    left: -1rem;
    width: 3px;
    background-color: var(--swt-section-1);
    top: 4.4rem;
    bottom: 0;
}

.sw-history-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--swt-text-1);
    margin-bottom: 0.8rem !important;
    margin-left: -1.7rem !important;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.sw-history-title i {
    padding: 0.5rem;
    background-color: var(--swt-green-light);
    color: var(--swt-green);
    border-radius: var(--swt-radius-1);
    font-size: 1rem;
}

.sw-history-frontend {
    overflow: hidden;
    font-size: 0.9rem;
    padding-left: 0.5rem;
}

.sw-history-not-found {
    padding: 1rem;
}

.sw-hist-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.8rem;
    border: 1px solid var(--swt-border-1);
    padding: 0.9rem;
    position: relative;
    border-radius: var(--swt-radius-1);
}

.sw-hist-row:last-child {
    margin-bottom: 1.2rem;
}

.sw-hist-meta {
    font-size: 0.85em;
    color: var(--swt-text-2);
    margin-bottom: 0.25rem;
    display: flex;
    justify-content: space-between;
}

.sw-hist-action {
    font-weight: 600;
    color: #333;
}

.sw-hist-note {
    margin-top: 0.7rem;
    font-style: italic;
    background: #605f660a;
    padding: 0.4rem 0.7rem;
    border-left: 3.5px solid var(--swt-text-4);
    font-size: 0.8rem;
    border-radius: 0 var(--swt-radius-2) var(--swt-radius-2) 0;
}

.sw-error {
    color: #d63638;
    background: #fcebeb;
    padding: 10px;
    border-left: 4px solid #d63638;
}

.user-license-btn {
    position: relative;
    display: inline-block;
    padding: .5rem .85rem;
    font-size: .85rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    text-decoration: none;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: .85rem;
    transition: all 0.3s ease;
    border: none;
    width: 100%;
}

.user-license-btn:hover {
    background-color: var(--swt-button);
}

.user-license-btn i {
    font-size: 1rem;
    color: var(--swt-button);
    transition: all 0.3s ease;
}

.user-license-btn:hover i {
    color: #fff;
}

.uallp-no-right-msg {
    padding: .6rem 1rem;
    border: 1px solid var(--swt-border-1);
    background-color: var(--swt-button-3);
    border-radius: var(--swt-radius-1);
    margin-top: 1rem !important;
    width: 100%;
    font-size: .95rem;
}

/* Destek Talepleri Genel Stiller */
.woocommerce-destek-talepleri h2, .woocommerce-destek-talebi-olustur h2 {
    margin-bottom: 20px;
}

/* Durum Renkleri */
.destek-durum {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: var(--swt-radius-1);
    width: fit-content;
}

.durum-yeni {
    background-color: #f4433613;
    color: #f44336;
}

.durum-reddedildi {
    background-color: #f44336;
    color: white;
}

.durum-islemde {
    background-color: #2196f313;
    color: #2196f3;
}

.durum-cevaplandi {
    background-color: #27b03e13;
    color: #27b03e;
}

.durum-musteri-yaniti {
    background-color: #4527b013;
    color: #4527b0;
}

.durum-kapali {
    background-color: #2a2a2a13;
    color: #2a2a2a;
}

#user-ac-menu-label {
    display: flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer;
    justify-content: space-between;
    background: linear-gradient(135deg, #eee1ff, #e2f0ff);
    padding: 0.4rem 1rem;
    border-radius: var(--swt-radius-1);
    font-weight: 500;
}

.user-ac-menu-text {
    font-size: 1em;
    color: var(--swt-title);
    user-select: none;
}

.user-ac-menu-toggler {
    width: 1.8em;
    height: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    cursor: pointer;
    position: relative;
}

.user-ac-menu-line-1, .user-ac-menu-line-2, .user-ac-menu-line-3 {
    background: var(--swt-text-1);
    height: 0.23rem;
    border-radius: 10em;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.user-ac-menu-line-1, .user-ac-menu-line-2, .user-ac-menu-line-3 {
    width: 100%;
}

#user-ac-menu-toggle:checked + #user-ac-menu-label .user-ac-menu-toggler .user-ac-menu-line-1 {
    transform: rotate(45deg) translate(0.2rem, 0.2rem);
}

#user-ac-menu-toggle:checked + #user-ac-menu-label .user-ac-menu-toggler .user-ac-menu-line-2 {
    transform: rotate(-45deg) translate(0.2rem, -0.2rem);
}

#user-ac-menu-toggle:checked + #user-ac-menu-label .user-ac-menu-toggler .user-ac-menu-line-3 {
    opacity: 0;
    display: none;
}

@media (max-width: 768px) {
    .user-ac-menu-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
    }

    .woocommerce-MyAccount-navigation {
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        transition: max-height 0.3s, opacity 0.3s, visibility 0.1s;
        overflow: hidden;
        margin-top: 1rem;
        display: none;
    }

    #user-ac-menu-toggle:checked ~ .woocommerce-MyAccount-navigation {
        max-height: 100vh;
        visibility: visible;
        opacity: 1;
        display: block;
    }
}

@media (min-width: 769px) {
    #user-ac-menu-label {
        display: none !important;
    }

    .woocommerce-MyAccount-navigation {
        max-height: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.woocommerce-MyAccount-navigation-link--edit-address {
    display: none;
}

/* Working Hours */
.working-hours-container {
    margin: 0 0 1rem 0;
}

.current-status {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.status-indicator {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

.online {
    background-color: #f8f9fa;
    border-left: 4px solid #28a745;
}

.online .status-indicator {
    background-color: #28a745;
}

.offline {
    background-color: #f8f9fa;
    border-left: 4px solid #dc3545;
}

.offline .status-indicator {
    background-color: #dc3545;
}

.current-day {
    color: #fff;
    font-weight: 600;
    background-color: var(--swt-text-1);
}

/* References Page */
.references-page-start .page-top-content {
    padding: 2.5rem 0 5rem 0;
}

.references-page-start .container {
    width: 1200px;
}

.references-info-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    background-color: #fff;
    max-width: 100%;
    margin: -5rem auto 2rem auto;
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    z-index: 2;
    position: relative;
    transform-style: preserve-3d;
    gap: 1.2rem;
}

.references-info-box::after {
    content: "";
    position: absolute;
    bottom: -17px;
    height: 100px;
    width: 96%;
    border-radius: 50px;
    background: var(--swt-gradient-4);
    left: 50%;
    transform: translateX(-50%) translateZ(-1px) rotate(1.2deg);
    z-index: 0;
    opacity: .55;
}

.references-info-box p {
    margin: 0;
}

.references-info-box .col {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1.3rem;
    justify-content: start;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-3);
}

.references-info-box .col svg {
    color: var(--swt-button);
    background-color: var(--swt-button-3);
    padding: .75rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--swt-radius-1);
}

.references-info-box .col .title {
    color: var(--swt-title);
    font-size: 1.7rem;
    font-weight: 600;
    line-height: normal;
}

.references-info-box .col .desc {
    color: var(--swt-text-3);
    font-size: .95rem;
}

.references-page {
    padding: 3.75rem 0;
    display: flex;
    gap: 1.5rem;
    align-items: start;
}

.references-page-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 25.7777%;
    gap: 0;
}

.references-page-tabs .page-inner-section {
    width: 100%;
}

.references-page-tab {
    width: 100%;
    background-color: transparent;
    border: 1px solid var(--swt-border-1);
    padding: 0.8rem 1rem;
    font-size: .9rem;
    font-weight: 500;
}

.references-page-tab:not(:last-child) {
    margin-bottom: .6rem;
}

.references-page-tab-content {
    width: 72.3333%;
}

.references-cta,
.s-money-cta {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.references-cta .first-title,
.s-money-cta .first-title {
    color: var(--swt-button);
    background-color: var(--swt-button-5);
    font-weight: 500;
    padding: .3rem .6rem .3rem 1.2rem;
    border-radius: var(--swt-radius-1);
    position: relative;
    border: 1px solid var(--swt-button);
    width: fit-content;
}

.references-cta .first-title::before,
.s-money-cta .first-title::before {
    content: '';
    position: absolute;
    left: .5rem;
    background-color: var(--swt-button);
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
}

.references-cta .title,
.s-money-cta .title {
    line-height: normal;
    margin: 0;
}

.references-cta .desc,
.s-money-cta .desc {
    color: var(--swt-text-3);
    font-size: .9rem;
    margin: 0;
}

.references-cta .ref-cta-buttons,
.s-money-cta .ref-cta-buttons {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
}

.references-cta .ref-cta-buttons .get-offer,
.s-money-cta .ref-cta-buttons .get-offer {
    background-color: var(--swt-bg-5);
    color: #fff;
    border: none;
    justify-content: space-between;
}

.references-cta .ref-cta-buttons a,
.s-money-cta .ref-cta-buttons a {
    border: 1px solid var(--swt-border-1);
    background-color: #fff;
}

.references-cta .ref-cta-buttons a i,
.references-cta .ref-cta-buttons a svg,
.s-money-cta .ref-cta-buttons a i,
.s-money-cta .ref-cta-buttons a svg  {
    color: var(--swt-button);
}

.references-cta .ref-cta-buttons a svg,
.s-money-cta .ref-cta-buttons a svg {
    width: 1.1rem;
    height: 1.1rem;
}

.references-cta .ref-cta-buttons a:hover i,
.references-cta .ref-cta-buttons a:hover svg,
.s-money-cta .ref-cta-buttons a:hover i,
.s-money-cta .ref-cta-buttons a:hover svg {
    color: #fff;
}

.references-cta .cta-live-support,
.s-money-cta .cta-live-support {
    border-top: 1px solid var(--swt-border-1);
    padding-top: 1rem;
    margin-top: .5rem;
    font-size: .8rem;
    text-align: center;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--swt-text-3);
}

.references-cta .cta-live-support strong,
.s-money-cta .cta-live-support strong {
    color: var(--swt-text-1);
}

.references-cta .cta-live-support .dot,
.s-money-cta .cta-live-support .dot  {
    background-color: var(--swt-green);
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 20px;
}

/* License Control Page */
.license-control-page {
    background-color: #fff;
}

.license-control-page .container {
    width: 1150px;
}

.license-control-page p {
    margin: 0;
}

.license-control-hero-wrap {
    padding: 4rem 0;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    background: #3c486e;
}

.license-control-hero-wrap * {
    z-index: 1;
}

.license-control-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.license-control-hero .top-title {
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background: #44517b;
    border-radius: var(--swt-radius-2);
}

.license-control-hero .top-title i {
    font-size: 1.15rem;
}

.license-control-hero .top-title span {
    line-height: normal;
}

.license-control-hero .h1-title {
    margin: 0;
    line-height: normal;
    font-size: 2.9rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.license-control-hero > .desc {
    text-align: center;
    width: 615px;
    max-width: 100%;
    margin-top: 0.2rem;
    color: var(--swt-text-4);
}

.license-control-hero .icon-list {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    margin-top: 0.8rem;
    flex-wrap: wrap;
    justify-content: center;
}

.license-control-hero .icon-list .item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.license-control-hero .icon-list .item svg {
    width: 1.35rem;
    height: 1.35rem;
    color: var(--swt-bg-6);
}

.license-control-hero .icon-list .item span {
    font-size: 0.9rem;
    font-weight: 400;
    color: #fff;
}

.license-control-hero .arrow-down {
    margin: 3rem 0 1rem 0;
    animation: upDown 2s infinite;
}

.license-control-hero .arrow-down i {
    font-size: 1.35rem;
    color: #fff;
    border-radius: 50px;
    padding: 0.5rem;
    border: 1px solid #fff;
}

.license-check-area {
    padding: 2rem;
    border-radius: 30px;
    border: 10px solid #fff;
    background-color: var(--swt-section-1);
    display: flex;
    flex-direction: column;
    width: 770px;
    max-width: 100%;
}

.license-check-area > .top {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.license-check-area > .top .left i {
    padding: 0.8rem;
    font-size: 1.5rem;
    background-color: #fff;
    color: var(--swt-button);
    border-radius: var(--swt-radius-1);
}

.license-check-area > .top .right {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.license-check-area > .top .right .title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
}

.license-check-area > .top .right .desc {
    text-align: left;
    font-size: 0.9rem;
}

.license-check-area .license-check-tabs {
    background-color: #fff;
    padding: 0.8rem;
    border-radius: var(--swt-radius-3);
    margin: 1rem 0;
    flex-wrap: nowrap;
}

.license-check-area .license-check-tab {
    width: 100%;
    justify-content: center;
}

.license-check-area .license-check-tab-content {
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-3);
}

.license-check-area .license-check-domain-form {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.license-check-area .license-check-domain-form .swt-input-group {
    margin: 0;
}

.license-check-area .license-check-domain-form button[type="submit"] {
    width: 160px;
    background: var(--swt-button);
    color: #fff;
    padding: 0.7rem 1rem;
    justify-content: center;
}

.license-check-area .license-check-domain-form button[type="submit"] #licenseCheckButtonSpinn {
    animation: rotate 1.5s linear infinite;
}

.license-check-area .license-check-domain-form button[type="submit"] i {
    color: #fff !important;
}

.license-check-area .license-check-domain-form button[type="submit"]::before {
    background: var(--swt-bg-6);
}

.license-check-output {
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    background-color: #fff;
    margin-top: 1rem;
}

.license-check-progress {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.license-check-progress svg {
    width: 2.1rem;
    height: 2.1rem;
    color: var(--swt-button);
    animation: rotate 1.5s linear infinite;
}

.license-check-progress .progress-title {
    color: var(--swt-text-2);
    font-size: 0.9rem;
}

.license-check-not-found {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.license-check-not-found i.not-found {
    background-color: var(--swt-red-light);
    color: red;
    padding: 0.5rem;
    font-size: 1.89rem;
    border-radius: 50px;
}

.license-check-not-found .license-not-found-title {
    color: var(--swt-title);
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
}

.license-check-not-found .license-not-found-desc {
    color: var(--swt-text-2);
    font-size: 0.9rem;
    width: 450px;
    max-width: 100%;
    text-align: center;
}

.license-not-found-report {
    background-color: var(--swt-red);
    color: #fff;
    font-size: 0.9rem;
    margin-top: 1rem;
}

.license-not-found-report i {
    color: #fff;
}

.license-check-success {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
}

.license-check-success > .top {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: var(--swt-green-light);
    border-radius: var(--swt-radius-1);
    padding: 0.5rem;
    width: 100%;
    margin-bottom: 0.5rem;
}

.license-check-success > .top .left i {
    color: #fff;
    background-color: var(--swt-green);
    padding: 0.7rem;
    font-size: 1.55rem;
    border-radius: var(--swt-radius-1);
}

.license-check-success > .top .right {
    display: flex;
    flex-direction: column;
}

.license-check-success > .top .right .license-check-success-title {
    color: var(--swt-green);
    font-size: 1.2rem;
    font-weight: 500;
}

.license-check-success > .top .right .license-check-success-desc {
    font-size: 0.9rem;
    color: var(--swt-text-2);
}

.license-check-success > .license-check-details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.9rem;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.license-check-success > .license-check-details .item {
    border: 1px solid var(--swt-border-1);
    padding: 0.5rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0;
}

.license-check-success > .license-check-details .item .left {
    display: flex;
}

.license-check-success > .license-check-details .item .left i {
    color: var(--swt-button);
    background-color: var(--swt-button-3);
    padding: 0.5rem;
    font-size: 1.2rem;
    border-radius: var(--swt-radius-1);
}

.license-check-success > .license-check-details .item .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.license-check-success > .license-check-details .item .right .name {
    color: var(--swt-title);
    font-size: 0.83rem;
    font-weight: 500;
}

.license-check-success > .license-check-details .item .right .data {
    color: var(--swt-text-2);
    font-size: 0.9rem;
}

.license-info-box-wrap {
    padding: 11rem 0 0 0;
    background-color: var(--swt-section-1);
    border-radius: 50px 50px 0 0;
    margin-top: -11rem;
    position: relative;
}

.license-info-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.license-info-box .item {
    background-color: #fff;
    padding: 1.3rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    align-items: start;
    gap: 1rem;
}

.license-info-box .item .left {
    display: flex;
}

.license-info-box .item .left i {
    color: var(--swt-button);
    background-color: var(--swt-button-5);
    padding: 0.6rem;
    font-size: 1.4rem;
    border-radius: var(--swt-radius-1);
}

.license-info-box .item .right {
    display: flex;
    flex-direction: column;
}

.license-info-box .item .right .data {
    color: var(--swt-title);
    font-weight: 600;
    line-height: normal;
    font-size: 1.1rem;
}

.license-info-box .item .right .desc {
    color: var(--swt-text-2);
    font-size: 0.9rem;
    line-height: normal;
}

.license-report-gift-wrap {
    background-color: var(--swt-section-1);
    padding: 4rem 0 4rem 0;
    border-radius: 0 0 50px 50px;
}

.license-report-gift {
    background: var(--swt-gradient-1);
    border-radius: var(--swt-radius-3);
    padding: 2rem;
}

.license-report-gift .top {
    display: flex;
    gap: 2rem;
}

.license-report-gift .top .left {
    display: flex;
    flex-direction: column;
}

.license-report-gift .top .left .ribbon {
    display: flex;
    align-items: center;
    background-color: #ffffff33;
    color: #fff;
    padding: 0.3rem 0.5rem;
    border-radius: var(--swt-radius-1);
    width: fit-content;
    gap: 0.5rem;
    font-weight: 500;
}

.license-report-gift .top .left .ribbon span {
    font-size: 0.95rem;
}

.license-report-gift .top .left h3.title {
    color: #fff;
    margin: 0.5rem 0;
    font-size: 2.3rem;
}

.license-report-gift .top .left .desc {
    color: #fff;
    font-size: 0.95rem;
}

.license-report-gift .top .left > .license-not-found-report {
    width: fit-content;
    background-color: var(--swt-red);
}

.license-report-gift .top .right {
    min-width: 250px;
    height: 150px;
    background-color: #ffffff33;
    border: 1px solid #ffffff59;
    height: fit-content;
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.license-report-gift .top .right .price {
    font-weight: 600;
    color: #fff;
    font-size: 2.5rem;
}

.license-report-gift .top .right .gift {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
}

.license-report-gift .top .right .desc {
    color: #fff;
    font-size: 0.8rem;
}

.license-report-gift .bottom {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.license-report-gift .bottom .item {
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #ffffff23;
}

.license-report-gift .bottom .item .step {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    min-width: 40px;
    min-height: 40px;
    background-color: #ffffff40;
    color: #fff;
    font-weight: 600;
    border-radius: var(--swt-radius-1);
}

.license-report-gift .bottom .item .desc {
    font-size: 0.85rem;
    color: #fff;
}

.license-control-faq-wrap {
    padding: 4rem 0 0 0;
}

.license-control-faq .title {
    text-align: center;
    margin: 0;
}

.license-control-faq .desc {
    color: var(--swt-text-2);
    text-align: center;
    margin: 0.5rem 0 2rem 0;
}

/* Cloudflare Services Page */
.cloudflare-service-page .cloudflare-logo {
    width: 145px;
    margin-bottom: 1.5rem;
}

.cloudflare-service-page {
    background-color: #fff;
}

.cloudflare-hero-wrap {
    background-color: var(--swt-section-1);
    border-radius: 50px;
    padding: 4rem 0;
}

.cloudflare-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cloudflare-hero .top-title {
    display: flex;
    align-items: center;
    background-color: #ffedd5;
    border: 1px solid #fdba74;
    padding: 0.7rem 1rem;
    margin-bottom: 1rem;
    border-radius: var(--swt-radius-3);
    color: #ea580c;
    gap: .5rem;
}

.cloudflare-hero .top-title h1 {
    color: #ea580c;
    font-weight: 500;
    font-size: 0.95rem;
    margin: 0;
}

.cloudflare-hero .hero-title {
    font-size: 3.4rem;
    margin: 0;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.cloudflare-hero .hero-title .colorized {
    color: #ea580c;
}

.cloudflare-hero .hero-desc {
    width: 800px;
    max-width: 100%;
    text-align: center;
    font-size: 1.1rem;
    margin: 1rem 0 2rem 0 !important;
}

.cloudflare-hero .hero-btn {
    background-color: #f97316;
    color: #fff;
    font-weight: 500;
}

.cloudflare-hero .hero-btn i {
    background-color: #fd8530;
    color: #fff;
    padding: 0.4rem;
    border-radius: var(--swt-radius-1);
}

.cloudflare-info-box-wrap {
    padding: 4rem 0;
}

.cloudflare-info-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1.5rem;
}

.cloudflare-info-box .box-item {
    padding: 2rem;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-3);
    transition: all 0.3s ease;
}

.cloudflare-info-box .box-item:hover {
    border-color: #f97316;
    box-shadow: var(--swt-box-shadow);
}

.cloudflare-info-box .box-item i {
    color: #fff;
    padding: 0.8rem;
    background: linear-gradient(45deg, #ef4444, #f97316);
    font-size: 1.4rem;
    border-radius: var(--swt-radius-1);
    display: inline-block;
}

.cloudflare-info-box .box-item .box-title {
    margin: 1rem 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.cloudflare-info-box .box-item .box-desc {
    margin: 0;
    font-size: 0.95rem;
}

.cloudflare-packages-wrap {
    background-color: var(--swt-section-1);
    padding: 4rem 0;
    border-radius: 50px;
}

.cloudflare-packages-wrap .title, .cloudflare-faq-wrap .title {
    text-align: center;
    margin: 0;
    font-size: 2.4rem;
}

.cloudflare-packages-wrap .desc, .cloudflare-faq-wrap .desc {
    text-align: center;
    margin: 0 0 3rem 0;
}

.cloudflare-packages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.cloudflare-packages p {
    margin: 0;
}

.cloudflare-packages .package {
    background-color: #fff;
    border-radius: var(--swt-radius-3);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
}

.cloudflare-packages .package .package-icon {
    padding: 0.8rem;
    font-size: 1.3rem;
    border-radius: var(--swt-radius-1);
    background-color: var(--swt-section-1);
    width: fit-content;
}

.cloudflare-packages .package .package-title {
    margin: 0;
    font-weight: 600;
}

.cloudflare-packages .package .package-desc {
    color: var(--swt-text-2);
    margin: -1rem 0 0 0;
    font-size: 0.9rem;
}

.cloudflare-packages .package .package-price {
    display: flex;
    gap: 0.3rem;
    align-items: flex-end;
}

.cloudflare-packages .package .package-price .price {
    color: var(--swt-title);
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
}

.cloudflare-packages .package .package-price .period {
    font-size: 0.85rem;
    line-height: 1;
}

.cloudflare-packages .package-options {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.cloudflare-packages .package-options .item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cloudflare-packages .package-options .item svg {
    color: var(--swt-green);
    width: 1.2rem;
    height: 1.2rem;
}

.cloudflare-packages .package-options .item .text {
    font-size: 0.9rem;
}

.cloudflare-packages .package-select-button {
    margin-top: 1.5rem;
    justify-content: center;
    width: 100%;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
    border: 1px solid var(--swt-border-1);
}

.cloudflare-packages .package-select-button:hover {
    box-shadow: 0 20px 25px -5px rgb(249 115 22 / 0.5), 0 8px 10px -6px rgb(249 115 22 / 0.5);
    color: #fff;
    border-color: #f97316;
}

.cloudflare-packages .package-select-button:hover i {
    color: #fff;
}

.cloudflare-packages .package-select-button i {
    color: var(--swt-text-1);
}

.cloudflare-packages .package-select-button::before {
    background-color: #f97316;
}

.cloudflare-packages .package.popular {
    border: 2px solid #f97316;
}

.cloudflare-packages .package.popular .ribbon {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(45deg, #ef4444, #f97316);
    color: #fff;
    padding: 0.2rem 0.6rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: var(--swt-radius-2);
}

.cloudflare-packages .package.popular .package-icon {
    background: linear-gradient(45deg, #ef4444, #f97316);
    color: #fff;
}

.cloudflare-packages .package.popular .package-select-button {
    background: linear-gradient(45deg, #ef4444, #f97316);
    color: #fff;
}

.cloudflare-packages .package.popular .package-select-button i {
    color: #fff;
}

.cloudflare-packages .package:nth-of-type(1) .package-icon {
    background-color: var(--swt-green-light);
    color: var(--swt-green);
}

.cloudflare-packages .package:nth-of-type(2) .package-icon {
    background-color: var(--swt-orange-light);
    color: var(--swt-orange);
}

.cloudflare-packages .package:nth-of-type(4) .package-icon {
    background-color: var(--swt-purple-light);
    color: var(--swt-purple);
}

.cloudflare-faq-wrap {
    padding: 4rem 0;
    border-radius: 50px;
}

.cloudflare-cta-wrap {
    background-color: var(--swt-section-1);
    padding: 4rem 0;
    border-radius: 50px 50px 0 0;
}

.cloudflare-cta-wrap .container {
    width: 980px;
    max-width: 100%;
}

.cloudflare-cta {
    background: linear-gradient(45deg, #ef4444, #f97316);
    padding: 3rem;
    border-radius: 40px;
}

.cloudflare-cta .title {
    color: #fff;
    margin: 1rem 0;
    text-align: center;
    font-size: 2.7rem;
}

.cloudflare-cta .desc {
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
}

.cloudflare-cta .cloudflare-cta-button {
    background-color: #fff;
    margin: 2rem auto auto auto;
    width: fit-content;
    padding: 0.9rem 1.3rem;
    font-size: 1.2rem;
    color: #ef4444;
}

.cloudflare-cta .cloudflare-cta-button i {
    color: #ef4444;
}

.cloudflare-cta .cloudflare-cta-button::before {
    background-color: #ef4444;
}

.cloudflare-cta .cloudflare-cta-button:hover {
    box-shadow: var(--swt-box-shadow);
}

.cloudflare-cta .cloudflare-cta-button:hover, .cloudflare-cta .cloudflare-cta-button:hover i {
    color: #fff;
}

.cloudflare-policy-wrap {
    padding: 4rem 0 3rem 0;
}

.cloudflare-policy {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cloudflare-policy .title {
    margin: 0;
}

.cloudflare-policy ol {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.cloudflare-policy ol li {
    list-style-type: disc;
    padding-left: 0.8rem;
    margin-left: 1.6rem;
    font-size: 0.95rem;
}

.cloudflare-policy strong {
    color: var(--swt-title);
    font-weight: 500;
}

.cloudflare-policy ol li strong {
    margin-right: 0.5rem;
}

.cloudflare-policy ol li span {
    color: var(--swt-text-2);
}

/* Wordpress Gelistirme Hizmeti*/
.wordpress-services-page {
    background-color: #fff;
}

.wph-hero-1 {
    background: var(--swt-gradient-3);
    padding: 4.5rem 0;
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}

.wph-hero-1 * {
    z-index: 1;
}

.wph-hero-1-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wph-hero-1-content .sub-title {
    padding: 0.2rem 1rem;
    background: var(--swt-gradient-2);
    border-radius: var(--swt-radius-3);
}

.wph-hero-1-content .sub-title span {
    color: transparent;
    font-size: 1rem;
    margin: 0;
    font-weight: 500;
    color: #fff;
}

.wph-hero-1-content .wordpress-title {
    position: absolute;
    top: -1%;
    color: transparent;
    -webkit-text-stroke: 1px var(--swt-purple);
    opacity: 0.24;
    font-weight: bold;
    font-size: 8rem;
    font-family: sans-serif;
    z-index: 0;
    letter-spacing: 2rem;
}

.wph-hero-1-content h1 {
    font-size: 3.4rem;
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.wph-hero-1-content .desc {
    width: 800px;
    max-width: 100%;
    text-align: center;
    font-size: 1.1rem;
    margin: 1rem 0 2rem 0 !important;
}

.wph-hero-1-content .down-button {
    padding: 0.5rem;
    border-radius: 50px;
    background: var(--swt-button);
}

.wph-hero-1-content .down-button::before {
    background-color: var(--swt-button-2);
}

.wph-hero-1-content .down-button i {
    font-size: 1.8rem;
    color: #fff;
}

.wph-hero-services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    width: 100%;
    margin-top: 3rem;
    position: relative;
}

.wph-hero-services .item {
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    transform-style: preserve-3d;
    z-index: 1;
    transition: transform 0.4s ease;
}

.wph-hero-services .item::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    height: 90%;
    width: 3rem;
    transform: translateY(-50%) translateZ(-1px) rotate(-8deg);
    background: var(--swt-brown);
    border-radius: var(--swt-radius-3);
    opacity: 0.15;
    pointer-events: none;
    transition: all 0.4s ease;
}

.wph-hero-services .item:hover {
    transform: translateY(-5px);
}

.wph-hero-services .item:hover::before {
    transform: translateY(-50%) translateZ(-1px) rotate(12deg) scale(1.1);
    opacity: 0.3;
}

.wph-hero-services .item:nth-of-type(1)::before {
    background-color: #21759a;
}

.wph-hero-services .item:nth-of-type(1) .svg-icon {
    color: #21759a;
}

.wph-hero-services .item:nth-of-type(2) .svg-icon {
    color: var(--swt-green);
}

.wph-hero-services .item:nth-of-type(2)::before {
    background-color: var(--swt-green);
}

.wph-hero-services .item:nth-of-type(3) .svg-icon {
    color: var(--swt-orange);
}

.wph-hero-services .item:nth-of-type(3)::before {
    background-color: var(--swt-orange);
}

.wph-hero-services .item:nth-of-type(4) .svg-icon {
    color: var(--swt-purple);
}

.wph-hero-services .item:nth-of-type(4)::before {
    background-color: var(--swt-purple);
}

.wph-hero-services .item .right {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wph-hero-services .item svg {
    min-width: 2rem;
    min-height: 2rem;
}

.wph-hero-services .item .title {
    color: var(--swt-text-1);
    font-size: 1.1rem;
    font-weight: 600;
}

.wph-hero-services .item .item-desc {
    font-size: 0.85rem;
    color: var(--swt-text-2);
}

.wph-status {
    display: flex;
    gap: 2rem;
    padding: 4rem 0;
}

.wph-status .left {
    background-color: #fff;
    border: 1px solid var(--swt-border-1);
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    flex: 1;
    position: relative;
    overflow: hidden;
}

.wph-status * {
    z-index: 2;
}

.wph-status .left .top-icon {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0.7rem;
    color: #fff;
    background: var(--swt-red);
    border-radius: var(--swt-radius-1);
    margin-bottom: 0.5rem;
}

.wph-status .left .top {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.wph-status .left .top h2 {
    margin: 0;
}

.wph-status .left .content .devices {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 2rem;
    margin-top: auto;
}

.wph-status .left .content .devices .device {
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    border: 1px solid var(--swt-border-1);
}

.wph-status .left .content .devices .device svg {
    width: 3.8rem;
    height: 3.8rem;
    color: var(--swt-text-2);
    padding: 0.7rem;
    border-radius: var(--swt-radius-3);
    background-color: var(--swt-section-2);
    transition: all 0.3s ease;
}

.wph-status .left .content .devices .device:hover svg {
    width: 4.4rem;
    height: 4.4rem;
    transform: rotateZ(45deg);
    color: var(--swt-button);
}

.wph-status .right {
    background-color: #f8f7f7;
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    overflow: hidden;
    flex: 0.9;
}

.wph-status .right .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -2rem -2rem 2rem -2rem;
    background-color: #f1efef;
    padding: 1rem;
}

.wph-status .right .dots {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.wph-status .right .dots .dot {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    line-height: normal;
}

.wph-status .right .dots .dot:nth-child(1) {
    background-color: #ff5f56;
    animation: fade-in-bottom 0.4s ease;
}

.wph-status .right .dots .dot:nth-child(2) {
    background-color: #ffbd2e;
    animation: fade-in-top 0.6s ease;
}

.wph-status .right .dots .dot:nth-child(3) {
    background-color: #27c93f;
    animation: fade-in-bottom 0.8s ease;
}

.wph-status .right .link-text {
    font-size: 0.9rem;
    color: var(--swt-text-3);
    animation: fade-in 1s ease;
}

.wph-status .right .content {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.wph-status .right .content .title {
    margin: 0;
}

.wph-status .right .content .performance {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    row-gap: 1rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-1);
}

.wph-status .right .content .performance .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wph-status .right .content .performance .item .number {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: normal;
    color: transparent;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.wph-status .right .content .performance .item:nth-of-type(1) .number {
    background: linear-gradient(57deg, var(--swt-green), var(--swt-button));
}

.wph-status .right .content .performance .item:nth-of-type(2) .number {
    background: linear-gradient(57deg, var(--swt-purple), var(--swt-button));
}

.wph-status .right .content .performance .item:nth-of-type(3) .number {
    background: linear-gradient(57deg, var(--swt-red), var(--swt-orange));
}

.wph-status .right .content .performance .item .label {
    font-size: 1rem;
    color: var(--swt-text-1);
}

.wph-working-wrap {
    padding: 3rem 0 6rem 0;
}

.wph-working-wrap .container {
    background-color: #243043;
    padding: 5.5rem 3rem 3rem 3rem;
    border-radius: 50px;
    text-align: center;
    position: relative;
    transform-style: preserve-3d;
}

.wph-working-wrap .container::after {
    content: "";
    position: absolute;
    bottom: -21px;
    height: 100px;
    width: 96%;
    border-radius: 50px;
    background: var(--swt-gradient-4);
    left: 50%;
    transform: translateX(-50%) translateZ(-1px) rotate(1.4deg);
    z-index: 0;
}

.wph-working-wrap .container::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    background-image: url(https://img.shentaweb.com/imgs/2026/01/24c2d794.webp);
    width: 197px;
    height: 61px;
}

.wph-working-wrap .first-title {
    color: #fff;
    font-size: 2.4rem;
    margin: 0 0 0.5rem 0;
}

.wph-working-wrap .first-desc {
    color: var(--swt-text-4);
    font-size: 1.1rem;
    width: 700px;
    max-width: 100%;
    text-align: center;
    margin: auto;
}

.wph-working {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.wph-working .box {
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 0.5rem;
    background-color: #2b3440;
    border: 1px solid #48505b;
    position: relative;
}

.wph-working .box .svg-icon {
    color: #fff;
    background-color: var(--swt-green);
    width: 3rem;
    height: 3rem;
    padding: 0.6rem;
    border-radius: 16px 16px 5px 16px;
}

.wph-working .box:nth-of-type(1) .svg-icon {
    background-color: var(--swt-green);
}

.wph-working .box:nth-of-type(2) .svg-icon {
    background-color: var(--swt-red);
}

.wph-working .box:nth-of-type(3) .svg-icon {
    background-color: var(--swt-brown);
}

.wph-working .box:nth-of-type(4) .svg-icon {
    background-color: #ffbd2e;
}

.wph-working .box .box-number {
    font-size: 3rem;
    font-weight: 700;
    position: absolute;
    top: 1.4rem;
    right: 2rem;
    line-height: normal;
    margin: 0;
    color: #475364;
    font-style: italic;
}

.wph-working .box .title {
    color: #fff;
    margin: 1rem 0 0 0;
    font-weight: 500;
    font-size: 1.2rem;
}

.wph-working .box .desc {
    margin: 0;
    text-align: left;
    color: var(--swt-text-4);
    font-size: 0.9rem;
}

.wph-faq-wrap {
    padding: 4rem 0;
    background: var(--swt-section-1);
    border-radius: 50px 50px 0 0;
}

.wph-faq {
    display: flex;
    gap: 4rem;
    flex-direction: column;
    align-items: center;
}

.wph-faq .left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    align-items: center;
}

.wph-faq .left .title {
    font-size: 2.2rem;
    margin: 0;
    line-height: 2.7rem;
}

.wph-faq .left .desc {
    margin: 0;
}

.wph-faq .left .icon-list {
    display: flex;
    gap: 0.7rem;
    margin: 0.5rem 0;
    flex-wrap: wrap;
    justify-content: center;
}

.wph-faq .left .icon-list .item {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.wph-faq .left .icon-list .item i {
    padding: 0.1rem;
    font-size: 1rem;
    border-radius: 30px;
    background: var(--swt-gradient-4);
    color: #fff;
}

.wph-faq .left .icon-list .item .text {
    font-size: 0.9rem;
    font-weight: 500;
}

.wph-faq .left .buttons a:first-child {
    background: var(--swt-gradient-4);
    color: #fff;
}

.wph-faq .left .buttons a:first-child::before {
    background-color: #fff;
}

.wph-faq .left .buttons a:first-child i {
    color: #fff;
}

.wph-faq .left .buttons a:last-child {
    background-color: #fff;
}

.wph-faq .right {
    flex: 1;
}

.swt-faq-container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    column-gap: 1.5rem;
}

.swt-faq-item {
    background: #ffffff;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-3);
    margin-bottom: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
    height: fit-content;
}

.swt-faq-item:hover {
    border-color: var(--swt-button);
    transform: translateY(-2px);
}

.swt-faq-question {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.swt-faq-question h3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

.swt-faq-icon {
    width: 2rem;
    height: 2rem;
    background: #f1f5f9;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swt-button);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s;
    flex-shrink: 0;
}

.swt-faq-icon svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke-width: 2.5;
}

.swt-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.swt-answer-content {
    padding: 0 1.5rem 1.5rem 1.5rem;
    color: var(--swt-text-2);
    line-height: 1.7;
    font-size: 0.95rem;
}

.swt-faq-item.swt-active {
    border-color: var(--swt-button);
}

.swt-faq-item.swt-active .swt-faq-icon {
    background: var(--swt-button);
    color: white;
    transform: rotate(180deg);
}

@media (max-width: 600px) {
    .swt-faq-question {
        padding: 20px;
    }

    .swt-answer-content {
        padding: 0 20px 20px 20px;
    }
}

.wph-services-wrap {
    background: var(--swt-gradient-3);
    padding: 4rem 0;
    border-radius: 50px;
    position: relative;
}

.wph-services-wrap .action-button {
    position: absolute;
    content: "";
    right: 2.5%;
    top: 58%;
    padding: 2rem 1rem;
    background: var(--swt-gradient-1);
    flex-direction: column;
    border-radius: 50px;
    font-size: 1rem;
    gap: 0.7rem;
    justify-content: center;
    transform: translateY(-48%);
    color: #fff;
    border: 4px solid #fff;
}

.wph-services-wrap .action-button::before {
    background-color: purple;
}

.wph-services-wrap .action-button i {
    font-size: 1.4rem;
    color: #fff;
}

.wph-services-wrap .action-button span {
    text-align: center;
    writing-mode: sideways-rl;
}

.wph-services-wrap .first-title {
    font-size: 1.7rem;
    line-height: 1.3;
    color: var(--swt-title);
    text-align: center;
    margin: 0;
}

.wph-services-wrap .first-desc {
    text-align: center;
    width: 700px;
    max-width: 100%;
    margin: 0.5rem auto 2rem auto;
}

.wph-services {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    position: relative;
    margin-left: 4rem;
}

.wph-services::before {
    position: absolute;
    content: "";
    left: -3rem;
    top: 50%;
    height: 90%;
    transform: translateY(-50%);
    width: 0.3rem;
    background: var(--swt-purple-light);
    border-radius: var(--swt-radius-3);
}

.wph-services .item {
    background-color: #fff;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    align-items: center;
    gap: 1.5rem;
    position: relative;
}

.wph-services .item::before {
    content: "";
    position: absolute;
    left: -54px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--swt-gradient-4);
    width: 1rem;
    height: 1rem;
    border-radius: 50px;
}

.wph-services .item::after {
    content: "";
    position: absolute;
    right: 0;
    width: 15px;
    height: 40%;
    background-color: var(--swt-section-1);
    border-radius: var(--swt-radius-1) 0 0 var(--swt-radius-1);
}

.wph-services .item:nth-of-type(1) {
    width: 96%;
}

.wph-services .item:nth-of-type(2) {
    width: 92%;
}

.wph-services .item:nth-of-type(3) {
    width: 88%;
}

.wph-services .item:nth-of-type(4) {
    width: 92%;
}

.wph-services .item:nth-of-type(5) {
    width: 96%;
}

.wph-services .item .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wph-services .item .item-icon {
    padding: 0.7rem;
    font-size: 1.35rem;
    background-color: var(--swt-green-light);
    color: var(--swt-green);
    border-radius: var(--swt-radius-1);
    width: 3.3rem;
    height: 3.3rem;
}

.wph-services .item:nth-child(1) .item-icon {
    background-color: var(--swt-bg-3);
    color: var(--swt-button);
}

.wph-services .item:nth-child(2) .item-icon {
    background-color: var(--swt-red-light);
    color: var(--swt-red);
}

.wph-services .item:nth-child(3) .item-icon {
    background-color: var(--swt-purple-light);
    color: var(--swt-purple);
}

.wph-services .item:nth-child(4) .item-icon {
    background-color: var(--swt-brown-light);
    color: var(--swt-brown);
}

.wph-services .item:nth-child(5) .item-icon {
    background-color: var(--swt-green-light);
    color: var(--swt-green);
}

.wph-services .item .right .title {
    margin: 0;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--swt-text-1);
}

.wph-services .item .right .desc {
    margin: 0;
    color: var(--swt-text-2);
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

.wph-references-wrap {
    padding: 2rem 0 4rem 0;
}

.wph-references-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.wph-references-top .left {
    width: 600px;
    max-width: 100%;
}

.wph-references-top .left .title {
    font-size: 2.2rem;
    margin: 0;
    line-height: 2.7rem;
}

.wph-references-top .left .desc {
    margin-top: 0.5rem;
}

.wph-references {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.wph-references .item {
    padding: 1rem;
    border-radius: var(--swt-radius-3);
    display: flex;
    gap: 1rem;
    overflow: hidden;
    position: relative;
}

.wph-references .item:nth-of-type(1) {
    background: linear-gradient(45deg, var(--swt-green-light), #ffffff);
}

.wph-references .item:nth-of-type(2) {
    background: linear-gradient(45deg, var(--swt-orange-light), #ffffff);
}

.wph-references .item:nth-of-type(3) {
    background: linear-gradient(45deg, var(--swt-purple-light), #ffffff);
}

.wph-references .item p {
    margin: 0;
}

.wph-references .item .content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wph-references .item .content .wph-references-link {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #fff;
    border-radius: 50px;
    padding: 0.5rem;
    font-size: 1.2rem;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}

.wph-references .item .content .wph-references-link svg {
    width: 1.35rem;
    height: 1.35rem;
    transform: rotate(220deg);
    transition: all 0.4s ease;
}

.wph-references .item:hover .content .wph-references-link svg {
    transform: rotate(-270deg);
}

.wph-references .item .content .category {
    background: var(--swt-gradient-2);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 0.9rem;
}

.wph-references .item .content .name {
    font-weight: 600;
    color: var(--swt-text-1);
    font-size: 1.1rem;
}

.wph-references .item .content .desc {
    font-size: 0.9rem;
    color: var(--swt-text-2);
    width: 90%;
    max-width: 100%;
}

.wph-references .item .content .meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0 0 0;
}

.wph-references .item .content .meta .meta-item {
    background: #ffffff;
    padding: 0.2rem 0.4rem;
    border-radius: var(--swt-radius-1);
    font-size: 0.85rem;
    color: var(--swt-text-1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid var(--swt-border-1);
}

.wph-references .item .content .meta .meta-item i {
    color: var(--swt-button);
    font-size: 1rem;
}

/* Contact Page */
.contact-page .container {
    width: 1250px;
    padding: 3rem 1rem;
}

.contact-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 0 0 3rem 0;
}

.contact-boxes .contact-box {
    background-color: #fff;
    border-radius: 26px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all 0.3s ease;
    height: fit-content;
    position: relative;
}

.contact-boxes .contact-box .contact-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 3;
}

.contact-boxes .contact-box p {
    margin: 0;
}

.contact-boxes .contact-box .mini-icon {
    background-color: var(--swt-section-1);
    color: var(--swt-green);
    padding: 0.8rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: var(--swt-radius-1);
}

.contact-boxes .contact-box .soft-icon {
    position: absolute;
    right: 2rem;
    top: 30%;
    transform: translateY(-50%);
    width: 4.5rem;
    height: 4.5rem;
    opacity: 0.1;
}

.contact-boxes .contact-box:nth-of-type(1) .mini-icon {
    background-color: var(--swt-green-light);
}

.contact-boxes .contact-box:nth-of-type(2) .mini-icon {
    background-color: var(--swt-red-light);
    color: var(--swt-red);
}

.contact-boxes .contact-box:nth-of-type(3) .mini-icon {
    background-color: var(--swt-brown-light);
    color: var(--swt-brown);
}

.contact-boxes .contact-box:nth-of-type(4) .mini-icon {
    background-color: var(--swt-button-3);
    color: var(--swt-button);
}

.contact-boxes .contact-box .title {
    font-weight: 600;
    margin: 1rem 0 0 0;
    line-height: 1;
    font-size: 1.4rem;
}

.contact-boxes .contact-box .desc {
    color: var(--swt-text-3);
    font-weight: 400;
    font-size: 0.85rem;
    margin: 0.5rem 0 0.3rem 0;
}

.contact-boxes .contact-box .data {
    color: var(--swt-text-1);
    font-weight: 500;
}

.contact-page-dynamic {
    display: flex;
    gap: 2rem;
}

.contact-page-dynamic .left {
    flex: 1.9;
}

.contact-page-dynamic .page-inner-section-title {
    font-size: 1.5rem !important;
}

.contact-page-dynamic .left .page-inner-section:first-child {
    padding: 2rem;
}

.contact-page-dynamic .contact-form {
    margin-top: 1rem;
}

.contact-page-dynamic .contact-form .swt-checkbox-2 {
    margin: -0.5rem 0 1rem 0;
}

.contact-page-dynamic .right {
    flex: 1;
}

.contact-page-dynamic .fast-contact {
    background-color: var(--swt-bg-6) !important;
    border: none;
    color: #fff;
    padding: 2rem;
}

.contact-page-dynamic .fast-contact .page-inner-section-title {
    color: #fff;
}

.contact-page-dynamic .fast-contact .page-inner-section-desc {
    margin: 0.5rem 0 1rem 0;
}

.contact-page-dynamic .fast-contact .whatsapp-button {
    background-color: #fff;
    width: fit-content;
}

.contact-page-dynamic .contact-form-submit {
    background-color: #fff;
}

/* Page */
.page-top {
    padding: 0 0 1.2rem 0;
    background-color: var(--swt-bg-4);
    display: flex;
    flex-direction: column;
    position: relative;
}

.page-top * {
    z-index: 2;
}

.page-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #ffffff10 1px, transparent 1px), linear-gradient(to bottom, #ffffff10 1px, transparent 1px);
    background-size: 20px 20px;
    z-index: 1;
}

.page-top-breadcrumb {
    background-color: var(--swt-bg-5);
    border-radius: 0 0 var(--swt-radius-1) var(--swt-radius-1);
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.page-top-breadcrumb ul, .page-top-breadcrumb ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--swt-text-4);
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-top-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 0;
}

.page-title {
    color: #fff;
    font-weight: 500;
    margin: 0;
    font-size: 1.8rem;
}

.page-top-chevron {
    color: var(--swt-bg-1);
    font-size: 2rem;
    margin-top: 2rem;
    animation: upDown 2s infinite;
}

.page-top-section {
    position: relative;
}

.page-top-section::before {
    position: absolute;
    content: "";
    background-color: var(--swt-section-1);
    width: 100%;
    height: 30px;
    bottom: -20px;
    left: 0;
    border-radius: 50px 50px 0 0;
}

.page-inner-section {
    background-color: #fff;
    border-radius: var(--swt-radius-1);
    padding: 1rem;
    /* border: 1px solid var(--swt-border-1); */
}

.page-inner-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.page-inner-section:not(:last-child) {
    margin-bottom: 1rem;
}

.page-inner-section .page-inner-section-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 1.1rem;
}

.page-inner-section-title {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

.page-inner-section-title i {
    color: var(--swt-button);
    background-color: var(--swt-button-5);
    padding: .5rem;
    border-radius: var(--swt-radius-2);
    font-size: 1.15rem;
}

.page-inner-section-desc {
    margin: 0;
    font-size: 0.95rem;
}

.page-content {
    background-color: #fff;
    border-radius: var(--swt-radius-1);
    padding: 2rem;
    margin: 3rem 0;
}

.site-page.policy-page {
    padding: 3.75rem 0;
}

.policy-pg {
    display: flex;
    gap: 1rem;
}

.policy-pg strong {
    font-weight: 500;
    color: var(--swt-title);
}

.policy-pg h3 {
    font-size: 1.2rem;
    line-height: 1.4;
    color: var(--swt-title);
    margin: 0 0 .7rem 0;
    font-weight: 600;
}

.policy-pg > .left {
    max-width: 26.33333333%;
    min-width: 26.33333333%;
    width: 26.33333333%;
    display: flex;
    flex-direction: column;
}

.policy-pg > .right {
    width: 73.66666667%;
    max-width: 73.66666667%;
    display: flex;
    flex-direction: column;
}

.policy-pg > .right .page-inner-section {
    padding: 1.5rem;
}

.policy-pg > .right .page-inner-section:first-child {
    padding: 1rem 1.5rem;
}

.policy-pg > .right h1 {
    font-size: 1.5rem;
}

.policy-pg-left-head > .desc {
    font-size: 0.9rem;
    margin: 0;
}

.policy-menu .policy-menu-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.policy-menu .policy-menu-list li a {
    width: 100%;
    padding: 0.7rem 0.9rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    font-weight: 500;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
}

.policy-menu .policy-menu-list li a:hover {
    background-color: #9797971f;
}

.policy-menu-list li.active > a {
    background-color: var(--swt-button) !important;
    color: #fff;
    border: transparent;
}

.policy-pg-left-head {
    border-bottom: 1px solid var(--swt-border-1);
    padding-bottom: 0.8rem;
    margin-bottom: 1rem;
    gap: 1rem;
}

.policy-pg-left-head .page-inner-section-title {
    color: var(--swt-title);
}

.policy-pg-left-head .page-inner-section-title.rl {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.policy-page-subtext {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    padding: 1.4rem;
    font-style: italic;
}

.policy-page-subtext * {
    font-size: .85rem;
}

.policy-page-subtext p:last-child {
    margin: 0;
}

/* Cart Page */
.cart-site-domain {
    margin: 0 !important;
}

.cart-page-wrapper {
    background-color: var(--swt-section-1);
    padding: 2.75rem 0;
}

.cart-page-wrapper .container {
    display: flex;
    gap: 1rem;
}

.cart-page-wrapper .cart-left {
    width: 69.66666667%;
    max-width: 69.66666667%;
}

.cart-offer-card {
    margin: 0 0 1rem 0 !important;
    border-radius: var(--swt-radius-1);
}

.cart-page-wrapper .cart-right {
    max-width: 30.33333333%;
    min-width: 30.33333333%;
    width: 30.33333333%;
}

.woocommerce-cart-form__cart-item .product-thumbnail {
    min-width: 45px;
    height: 45px;
    padding-right: 0;
    padding-left: 0;
}

.woocommerce-cart-form__cart-item .product-thumbnail img {
    width: 45px;
    height: 45px;
    border-radius: var(--swt-radius-1);
}

.cart-right-section tr th {
    width: 50%;
}

.wc-forward-btn {
    margin: 1rem 0 0 0;
    background-color: var(--swt-button);
    color: #fff;
    justify-content: center;
}

#paymentStep {
    margin: 0 0 1rem 0;
}

.coupon {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    position: relative;
}

.coupon .swt-input-group {
    width: 50%;
    margin: 0;
}

.coupon .swt-input-group #coupon_code {
    padding: 0.6rem 1rem !important;
}

.coupon .buttons {
    width: 50%;
    flex-wrap: nowrap;
}

.coupon-apply-button, .cart-update-button {
    background-color: var(--swt-button-3);
    border: 1px solid var(--swt-border-1);
    height: fit-content;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    white-space: pre;
    width: 50% !important;
    justify-content: space-between;
}

.coupon-apply-button i, .cart-update-button i {
    color: var(--swt-button);
}

.coupon-apply-button:hover, .cart-update-button:hover {
    background-color: var(--swt-button);
    color: #fff;
}

.coupon-apply-button:hover i, .cart-update-button:hover i {
    color: #fff !important;
}

.coupon-error-notice {
    text-align: center;
    bottom: 2rem;
    left: 50%;
    right: 1rem;
    width: 400px;
    transform: translateX(-50%);
    max-width: 100%;
    box-sizing: border-box;
    position: absolute;
    color: #fde2e1;
    background-color: #d71919;
    border-radius: var(--swt-radius-1);
    padding: 0.5rem 1rem;
    animation: fadeIn 0.3s ease;
    position: fixed;
    z-index: 9999;
}

.shop_table td.product-name {
    color: var(--swt-text-2) !important;
    font-size: 0.8rem;
    font-weight: 500;
}

.shop-table-wrap {
    overflow-x: auto;
}

.cart-update-button {
    width: fit-content;
}

.payment_methods {
    list-style: none;
    margin: 0;
    padding: 0;
}

.payment-step-popup-wrap {
    width: 625px;
    max-width: 100%;
}

.payment-step-popup-wrap .s-popup-content {
    max-height: 50vh !important;
}

.cart-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.cart-products li {
    margin: 0;
}

.cart-products-item {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    padding: 0.85rem;
}

.cart-products-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-products-head > .desc {
    font-size: 0.7rem;
    color: var(--swt-bg-1);
    background-color: var(--swt-bg-3);
    padding: 0.1rem 0.4rem;
    border-radius: var(--swt-radius-2);
}

.cart-product-pricing .cpp-normal-price {
    font-size: 1rem;
    font-weight: 600 !important;
    color: var(--swt-title);
}

.cart-products-item .cph-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0.5rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-products-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.swt-empty-cart, .checkout-not-login, .lost-password-page-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 525px;
    margin: auto;
    max-width: 100%;
}

.swt-empty-cart svg, .checkout-not-login svg, .lost-password-page-top svg {
    background: #fff;
    color: var(--swt-button);
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    border-radius: 50px;
}

.swt-empty-cart__title, .checkout-not-login .title, .lost-password-page-top .title {
    margin: 0;
    text-align: center;
}

.swt-empty-cart__text, .checkout-not-login .desc, .lost-password-page-top .desc {
    margin: 0 0 0.8rem 0;
    text-align: center;
}

.swt-empty-cart .button-left {
    background-color: var(--swt-button);
    color: #fff;
}

.swt-empty-cart .button-left i {
    color: #fff;
}

.swt-empty-cart .button-left:before {
    background-color: var(--swt-button-2);
}

.psp-button {
    background-color: var(--swt-button);
    color: #fff;
    margin-left: auto;
    width: 100%;
    justify-content: center;
}

/* Checkout Page */
.checkout-page-wrapper {
    background-color: var(--swt-section-1);
    padding: 3.75rem 0;
}

.checkout-page-wrapper .container {
    width: 1150px;
}

.checkout-form-wrap form {
    display: grid;
    grid-template-columns: 64.8% 34%;
    grid-template-rows: auto;
    gap: 1rem;
    align-items: start;
}

.woocommerce-NoticeGroup-checkout {
    grid-column: 1 / 3;
}

.woocommerce-NoticeGroup-checkout .woocommerce-error {
    flex-direction: column;
    align-items: start;
    padding: 1rem;
    background-color: var(--swt-red);
    color: #fff;
    list-style: none;
}

.woocommerce-NoticeGroup-checkout .woocommerce-error li {
    margin: 0;
}

.checkout-left {
    grid-column: 1;
}

.checkout-right {
    grid-column: 2;
}

.swt-checkout-coupon {
    border: 2px solid var(--swt-green);
    border-style: dashed;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    user-select: none;
}

.swt-checkout-coupon p {
    margin: 0;
    line-height: normal;
}

.swt-checkout-coupon i {
    font-size: 1.5rem;
    color: var(--swt-green);
    background-color: var(--swt-green-light);
    padding: .7rem .7rem .6rem .7rem;
    border-radius: var(--swt-radius-2);
}

.swt-checkout-coupon .right .title {
    color: var(--swt-text-1);
    font-size: 1.05rem;
    font-weight: 500;
    margin-bottom: .15rem;
}

.swt-checkout-coupon .right .desc {
    color: var(--swt-green);
    font-size: .9rem;
}

.swt-checkout-coupon-popup > .s-popup-wrap {
    width: 500px;
}

.swt-checkout-coupon-popup p {
    margin: 0;
}

.swt-checkout-coupon-popup .coupon-desc {
    color: var(--swt-text-2);
    font-size: .9rem;
    margin-bottom: 1rem;
}

.swt-checkout-coupon-popup .apply-coupon {
    background-color: transparent !important;
}

.checkout-page-wrapper .woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: var(--swt-radius-1);
    overflow: hidden;
    margin-bottom: 1rem;
}

.checkout-page-wrapper .woocommerce-checkout-review-order-table th, .checkout-page-wrapper .woocommerce-checkout-review-order-table td {
    padding: 1rem !important;
    text-align: left;
}

.woocommerce-checkout-review-order-table tfoot {
    background-color: #f6f6f8;
}

.woocommerce-checkout-review-order-table tfoot th {
    background-color: transparent;
    border-radius: 0;
}

.checkout-page-wrapper .woocommerce-checkout-review-order-table thead th {
    background: #3d4850;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
}

.checkout-page-wrapper .product-quantity {
    background: #f0f2f5;
    padding: 0.1rem 0.3rem;
    border-radius: var(--swt-radius-2);
    font-size: 0.8rem;
    margin-left: 5px;
    font-weight: 500;
}

.checkout-site-info-wrap .alert {
    font-weight: 400;
}

.checkout-site-info-desc {
    color: var(--swt-text-2);
    font-size: .85rem;
    margin: .5rem 0 .5rem 0 !important;
}

.checkout-domain-product-name {
    font-weight: 600;
    font-size: .9rem;
}

.checkout-domain-product-name i {
    margin-right: .5rem;
}

.checkout-domain-qty-badge {
    margin-right: .5rem;
}

.checkout-site-wrap {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--swt-border-1);
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    margin: 1rem 0;
}

.checkout-site-wrap .site-item {
    display: flex;
    gap: .5rem;
    flex-direction: column;
}

.checkout-site-wrap .site-item:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--swt-border-1);
    margin-bottom: 1rem;
}

.checkout-site-wrap .site-item .product-name {
    font-weight: 500;
    font-size: 1rem;
    margin: 0;
    color: var(--swt-text-1);
}

.checkout-site-wrap .site-item .product-name i {
    color: var(--swt-button);
    margin-right: .5rem;
}

.domain-later-info-msg {
    display: none;
}

.right.is-later-selected .swt-input-group {
    display: none;
}

.right.is-later-selected .domain-later-info-msg {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-right: auto;
    color: var(--swt-orange);
    font-style: italic;
    font-size: .9rem;
    padding: .83rem 1rem;
    border: 1px solid var(--swt-border-1);
    width: 100%;
    border-radius: var(--swt-radius-1);
    flex: 3.5;
    animation: WipeVertical 0.3s ease;
}

.checkout-site-wrap .site-item .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

.billing-site-domain {
    margin-bottom: 0;
    width: 100%;
    flex: 3.5;
}

.checkout-domain-later-label {
    border: 1px solid var(--swt-border-1);
    padding: .77rem 1rem;
    border-radius: var(--swt-radius-1);
    text-align: center;
    cursor: pointer;
    font-size: .95em;
    color: var(--swt-text-2);
    transition: all .3s ease;
}

.checkout-domain-later-label.active {
    color: var(--swt-orange);
    border-color: var(--swt-orange);
}

.woocommerce-cart-form .product-quantity {
    width: 50px;
}

.checkout-page-wrapper .order-total {
    background: #3d4850 !important;
    font-size: 1.15rem;
}

.checkout-page-wrapper .order-total > th {
    background-color: transparent;
    color: #fff;
    border: none;
}

.checkout-page-wrapper .order-total .amount {
    color: #fff;
    font-weight: 600 !important;
}

@media (max-width: 600px) {
    .checkout-page-wrapper .woocommerce-checkout-review-order-table tr {
        display: block;
    }

    .checkout-page-wrapper .woocommerce-checkout-review-order-table td, .checkout-page-wrapper .woocommerce-checkout-review-order-table tfoot tr {
        display: flex;
        justify-content: space-between;
        padding: 8px 20px !important;
        border: none !important;
    }

    .checkout-page-wrapper .woocommerce-checkout-review-order-table tfoot tr {
        padding: 0 !important;
        background: #ecf0f4;
    }

    .checkout-page-wrapper .cart-subtotal > th {
        border: none;
    }
}

/* Checkout Progress Bar */
.sw-progress-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    margin: 0 auto;
}

.sw-progress-bar div:nth-of-type(2) {
    animation: fadeIn 0.5s ease-in-out;
}

.sw-progress-bar div:nth-of-type(3) {
    animation: fadeIn 0.8s ease-in-out;
}

.sw-progress-bar div:nth-of-type(4) {
    animation: fadeIn 1.1s ease-in-out;
}

.sw-progress-bar div:nth-of-type(5) {
    animation: fadeIn 1.4s ease-in-out;
}

.sw-progress-line {
    position: absolute;
    top: 25%;
    left: 5%;
    right: 5%;
    height: 6px;
    background: var(--swt-border-1);
    border-radius: 10px;
    z-index: 1;
}

.sw-progress-active {
    height: 100%;
    background: var(--swt-green);
    border-radius: 10px;
    transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
    animation: swProgressFill 1.5s cubic-bezier(0.65, 0, 0.35, 1) forwards;
    transform-origin: left;
}

@keyframes swProgressFill {
    0% {
        width: 0;
    }
}

.sw-step {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
}

.sw-icon-box {
    width: 45px;
    height: 45px;
    background: #ffffff;
    border: 3px solid var(--swt-border-1);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s all ease;
    margin-bottom: 0.6rem;
}

.sw-svg {
    width: 22px;
    height: 22px;
    color: var(--swt-text-3);
    transition: 0.3s;
}

.sw-step-name {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--swt-text-3);
    transition: 0.3s;
    margin-bottom: -0.4rem;
}

.sw-step.active .sw-icon-box {
    background: var(--swt-green);
    border-color: var(--swt-green);
    transform: translateY(-3px);
}

.sw-step.active .sw-svg {
    color: #ffffff;
}

.sw-step.active .sw-step-name {
    color: var(--swt-green);
}

@media (max-width: 600px) {
    .sw-step-name {
        font-size: 12px;
    }

    .order-receipt-page .order_details li:nth-of-type(4) {
        grid-column: span 1 / span 1 !important;
    }
}

.wc_payment_method {
    background-color: #f9f9f9;
    border: 1px solid var(--swt-border-1);
    padding: 0.8rem;
    border-radius: var(--swt-radius-1);
}

.wc_payment_method:not(:last-child) {
    margin-bottom: 1rem;
}

.wc_payment_method p {
    margin: 0.8rem 0 0 0;
    font-size: 0.8rem;
}

.woocommerce-orders-table__cell-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.woocommerce-orders-table__cell-order-status > span {
    border-radius: var(--swt-radius-1);
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    font-weight: 400;
}

.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status > span, .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status > span {
    background-color: #2a2a2a13;
    color: #2a2a2a;
    font-style: italic;
    text-decoration: line-through;
}

.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status > span {
    background-color: #ff000042;
}

.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status > span {
    background-color: #27b03e13;
    color: #27b03e;
}

.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status > span {
    background-color: #009dff2c;
}

.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status > span, .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status > span {
    background-color: #d7620613;
    color: #d76206;
}

.swt-woocommerce-button.btn-pay, .swt-woocommerce-button.btn-view, .swt-woocommerce-button.btn-cancel, .thankyou-order-view {
    padding: 0.3rem;
    line-height: 1;
    background-color: var(--swt-bg-1) !important;
    color: #fff;
    border-radius: var(--swt-radius-2);
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    border: none;
}

.swt-woocommerce-button.btn-cancel {
    background-color: #ff0000 !important;
}

.swt-woocommerce-button.btn-pay {
    background-color: var(--swt-green) !important;
}

.woocommerce-orders-table__cell-order-number {
    background-color: transparent;
}

.woocommerce-orders-table__row:last-child .woocommerce-orders-table__cell-order-number {
    border: none;
}

.ac-ri-section.myAccount-no-orders {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ac-ri-section.myAccount-no-orders svg {
    padding: 1rem;
    width: 4rem;
    height: 4rem;
    background-color: var(--swt-button-5);
    border-radius: 50px;
    color: var(--swt-button);
    margin-bottom: .5rem;
}

.ac-ri-section.myAccount-no-orders .ac-ri-section-desc {
    text-align: center;
}

.ac-ri-section.myAccount-no-orders .buttons {
    margin-top: 1rem;
}

.orders-pagination {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.orders-next, .orders-previous {
    background-color: #fff;
    padding: 0.6rem 0.9rem !important;
}

.orders-pagination-numbers {
    background-color: #fff;
    padding: 0.5rem 0.9rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.orders-pagination-numbers a, .orders-pagination-numbers span {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    line-height: 1;
    padding: 0.3rem 0.6rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
}

.orders-pagination-numbers a:hover {
    background-color: var(--swt-button);
    color: #fff;
    border: 1px solid transparent;
}

.orders-pagination-numbers .current-page {
    border: none;
    background-color: var(--swt-text-1);
    color: #fff;
}

.ac-ri-section.go-orders {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.view-order-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
    padding: 0;
    background-color: transparent;
}

.view-order-wrap .item {
    border-radius: var(--swt-radius-1);
    padding: 0.7rem 1rem;
    position: relative;
    background-color: #fff;
}

.view-order-wrap .item:nth-of-type(5) {
    grid-column: span 2 / span 2;
}

.view-order-wrap .item:nth-of-type(6) {
    grid-column: span 2 / span 2;
}

.view-order-wrap .item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 40%;
    width: 0.5rem;
    background-color: var(--swt-border-1);
    transform: translateY(-50%);
    border-radius: var(--swt-radius-1) 0 0 var(--swt-radius-1);
    transition: all 0.3s ease;
}

.view-order-wrap .item:hover::after {
    background-color: var(--swt-button);
}

.view-order-wrap .item .title {
    color: var(--swt-title);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.view-order-wrap .item .title i {
    color: var(--swt-button);
    font-size: 1.1rem;
}

.view-order-wrap .item .data {
    color: var(--swt-text-2);
    margin-top: 0.4rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.view-order-wrap .item .data strong {
    color: var(--swt-title);
}

.view-order-wrap .item.order-number .data {
    background-color: var(--swt-purple-light);
    color: var(--swt-purple);
    padding: 0.15rem 0.6rem;
    display: inline-block;
    border-radius: var(--swt-radius-2);
    font-weight: 500;
}

.view-order-wrap .item.license-count .data {
    font-size: 0.9rem;
    display: flex;
    gap: 0.7rem;
    align-items: center;
    flex-wrap: wrap;
}

.view-order-wrap .item.download-button {
    grid-column: span 2 / span 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.account-right .wc-item-meta {
    color: var(--swt-text-2);
    margin: 0;
    padding: 0;
}

.account-right .wc-item-meta li {
    display: flex;
    gap: .5rem;
    margin: 0;
}

.account-right .wc-item-meta li * {
    font-size: 0.8rem;
}

.account-right .wc-item-meta li p {
    color: var(--swt-text-2);
}

.account-right .wc-item-meta li p span {
    color: var(--swt-text-2);
}

.account-right .wc-item-meta .wc-item-meta-label {
    color: var(--swt-title);
    font-size: 0.85rem;
}

.woocommerce-table__actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wc_payment_method:has(input[type="radio"]:checked) {
    background-color: var(--swt-green-light);
    border: 1px solid var(--swt-green);
}

.woocommerce-privacy-policy-text p {
    color: rgba(255, 106, 0, 0.875);
}

.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 1rem;
}

.woocommerce-billing-fields__field-wrapper .swt-input-group {
    margin: 0;
}

.woocommerce-billing-fields__field-wrapper .form-row {
    margin: 0;
}

.woocommerce-billing-fields__field-wrapper input {
    padding: 0.8rem;
}

.woocommerce-billing-fields__field-wrapper label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

#billing_vergiNo_field #billing_vergiNo, #billing_vergiDairesi_field #billing_vergiDairesi, #billing_company_field #billing_company {
    border-color: var(--swt-orange);
}

#billing_vergiNo_field, #billing_vergiDairesi_field, #billing_company_field {
    display: none;
}

#billing_company_field {
    order: -1;
}

.member-type {
    margin-bottom: 1rem;
    background-color: var(--swt-section-1);
    width: max-content;
    padding: 0.6rem;
    border-radius: var(--swt-radius-3);
}

.checkout-pg-button {
    width: 100%;
}

.woocommerce-form-coupon {
    display: block !important;
}

.woocommerce-form-coupon .page-inner-section {
    margin-bottom: 1rem;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    padding: 1rem;
    border: none;
}

.checkout-coupon-flex {
    display: flex;
    align-items: end;
    gap: 0.5rem;
    justify-content: space-between;
}

.checkout-coupon-flex .cpf1 {
    width: 80%;
}

.checkout-coupon-flex .cpf1 p {
    margin: 0 0 1rem 0;
}

.checkout-coupon-flex .cpf1 .form-row.form-row-first {
    margin: 0;
}

.checkout-coupon-flex .cpf2 {
    width: 20%;
}

.checkout-coupon-flex .cpf2 button {
    width: 100%;
}

.checkout-coupon-flex .form-row-first input[type="text"] {
    width: 100%;
}

.checkout-coupon-flex .form-row-last, .checkout-coupon-flex .form-row-first {
    margin: 0;
}

.checkout-not-login {
    padding: 3.75rem 0;
}

.checkout-not-login .buttons .button-left {
    background: var(--swt-button);
}

.checkout-not-login .buttons .button-left:before {
    background-color: var(--swt-button-2);
}

.checkout-not-login .buttons .button-left * {
    color: #fff;
}

.checkout-not-login .buttons .button-right {
    background-color: #fff;
}

.checkout-taksit-button {
    margin: .8rem 0;
    border: 2px dashed var(--swt-orange);
    color: var(--swt-orange);
    background-color: #fff;
}

.checkout-taksit-button::before {
    background-color: var(--swt-orange);
}

.checkout-taksit-button i {
    color: var(--swt-orange);
    background-color: var(--swt-orange-light);
    padding: .5rem;
    font-size: 1.15rem;
    border-radius: var(--swt-radius-2);
}

.checkout-taksit-button:hover i {
    color: var(--swt-orange);
}

.swt-checkout-taksit-popup .s-popup-wrap {
    width: 90%;
}

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    font-size: 0.85rem;
}

/* Order Receipt */
.order-receipt-page {
    padding: 3.75rem 0;
}

.order-receipt-page .container {
    width: 1150px;
}

.order-receipt-page .order_details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
}

.order-receipt-page .order_details li {
    border: 1px solid var(--swt-border-1);
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    align-items: start;
    flex-direction: column;
}

.order-receipt-page .order_details li:nth-of-type(4) {
    grid-column: span 2 / span 2;
}

.order-receipt-page .page-inner-section-title {
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

/* Thankyou Page */
.thankyou-pg {
    padding: 3.75rem 0;
}

.thankyou-pg > .container {
    background-color: #fff;
    padding: 2rem;
    border-radius: var(--swt-radius-3);
    width: 1000px;
}

.thankyou-pg .ac-ri-section {
    display: none;
}

.thankyou-order-view {
    color: #fff !important;
}

.woocommerce-bacs-bank-details {
    border: 1px solid var(--swt-orange);
    background-color: var(--swt-orange-light);
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    margin: 1rem 0;
}

.wc-bacs-bank-details-heading {
    margin: 0;
}

.wc-bacs-bank-details-account-name {
    margin: 0.7rem 0 0 0;
    width: fit-content;
    font-size: 1.1rem;
    font-weight: 600;
}

.wc-bacs-bank-details:not(:last-child) {
    padding-bottom: 1rem;
}

.wc-bacs-bank-details:not(:last-child) {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--swt-orange);
}

.woocommerce-thankyou-order-details {
    margin-top: 1rem;
}

/* Lost Password */
.lost-password-page {
    padding: 3.75rem 0;
}

.lost-password-page-top {
    margin-bottom: 1rem;
}

.lost-password-page-top svg {
    background-color: var(--swt-section-1);
}

.lost-password-page-top.confirmation svg {
    background-color: transparent;
    padding: 0;
}

.lost-password-page-wrap {
    background-color: #fff;
    width: 525px;
    margin: auto;
    padding: 2rem;
    border-radius: 20px;
    max-width: 100%;
}

.lost-password-page .home-or-login.buttons {
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.lost-password-page .reset.buttons {
    flex-direction: column;
    width: 100%;
}

.lost-password-page .reset.buttons button, .lost-password-page .home-or-login.buttons .go-login {
    width: 100%;
    justify-content: center;
    background-color: #fff;
}

.lost-password-page .reset.buttons button {
    background-color: var(--swt-button);
    color: #fff;
}

.lost-password-page .reset.buttons button i {
    color: #fff;
}

.lost-password-page .reset.buttons button:before {
    background-color: var(--swt-button-2);
}

.lost-password-page .reset.buttons .go-login {
    border-color: var(--swt-border-1);
}

.woocommerce-ResetPassword {
    width: 525px;
    max-width: 100%;
    margin: auto;
}

/* OTP */
.otp-wrap {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 16px;
    background: var(--swt-section-1);
}

.otp-card {
    background: #fff;
    border-radius: var(--swt-radius-1);
    padding: 40px 36px;
    width: 100%;
    max-width: 420px;
}

.otp-card h1 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--swt-title);
    text-align: center;
    margin: 0 0 6px;
}

.otp-sub {
    font-size: 0.875rem;
    color: var(--swt-text-2);
    text-align: center;
    margin: 0 0 14px;
}

.otp-force {
    font-size: 0.875rem;
    color: var(--swt-text-1);
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    margin-bottom: 16px;
}

.otp-wrap label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--swt-text-1);
    margin-bottom: 6px;
}

.otp-field {
    margin-bottom: 14px;
}

.otp-ph, .otp-box {
    border: 1.5px solid var(--swt-border-1);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.2s;
    display: flex;
}

.otp-ph:focus-within,
.otp-box:focus-within {
    border-color: var(--swt-button);
}

.otp-pfx {
    background: #f9fafb;
    border-right: 1.5px solid var(--swt-border-1);
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
    color: var(--swt-text-1);
    white-space: nowrap;
}

.otp-ph input, .otp-box input {
    flex: 1;
    border: none;
    outline: none;
    padding: 12px 14px;
    font-size: 0.95rem;
    color: var(--swt-text-1);
    background: transparent;
    min-width: 0;
}

#otp_code {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.35em;
    text-align: center;
}

.otp-btn {
    display: block;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, opacity 0.2s;
    margin-bottom: 8px;
}

.otp-wrap .btn-p {
    background: var(--swt-button);
    color: #fff;
}

.otp-wrap .btn-p:hover:not(:disabled) {
    background: var(--swt-button);
}

.otp-wrap .btn-s {
    background: var(--swt-green-light);
    color: var(--swt-green);
}

.otp-wrap .btn-s:hover {
    color: var(--swt-text-1)
}

.otp-wrap .btn-s:hover:not(:disabled) {
    background: #e5e7eb;
}

.otp-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    background: var(--swt-button-5);
    color: var(--swt-text-2);
}

#otp_msg {
    font-size: 0.85rem;
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 12px;
    display: none;
}

#otp_msg.err {
    background: #fef2f2;
    color: #dc2626;
    display: block;
}

#otp_msg.ok {
    background: #f0fdf4;
    color: #16a34a;
    display: block;
}

.otp-cd {
    font-size: 0.8rem;
    color: var(--swt-text-2);
    text-align: center;
    min-height: 18px;
    margin: 4px 0 0 0;
}

.otp-cd b {
    color: var(--swt-text-1);
}

.otp-wrap hr.otp-hr {
    border: none;
    border-top: 1px solid var(--swt-border-1);
    margin: 18px 0;
}

.otp-icon {
    text-align: center;
    margin-bottom: 22px;
}

/* Product Archive */
.ar-pr-elementor-offer {
    background-color: var(--swt-bg-4);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    row-gap: 0.5rem;
    flex-wrap: wrap;
    padding: 1rem 2rem;
}

.countdown {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: start;
}

.countdown > div {
    background-color: var(--swt-bg-5);
    border-radius: var(--swt-radius-2);
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.countdown > div span {
    color: var(--swt-text-4);
    font-size: 0.9rem;
    line-height: 1;
}

.countdown > div > .count {
    font-weight: 600;
    font-size: 1.5rem;
    color: #ffa500;
}

.countdown > div > .text {
    font-weight: 400;
    margin-top: 0.4rem;
}

.offer-title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
}

.elementor-offer-button {
    background-color: #d48e0e;
    color: #fff !important;
}

.elementor-offer-button:before {
    background-color: #fff;
}

.elementor-offer-button i {
    color: #fff;
}

.offer-title .old-price {
    text-decoration: line-through;
    color: var(--swt-text-3);
    font-weight: 400;
    font-size: 1rem;
}

.ar-pr-elementor-wrap {
    padding: 3rem 0;
    background-color: #5e09bb;
    border-radius: 0 0 50px 50px;
}

.ar-pr-elementor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.ar-pr-elementor > .title {
    font-size: 2.3rem;
    color: #fff;
    font-weight: 600;
}

.ar-pr-elementor > .desc {
    color: #fff;
    font-size: 1.2rem;
}

.ar-pr-page {
    background-color: var(--swt-section-1);
    padding: 3.75rem 0;
}

.ar-pr-page .container {
    width: 1240px;
}

.ar-pr-main {
    display: flex;
    gap: 1rem;
}

.ar-pr-main p {
    margin: 0;
}

.ar-pr-main .page-inner-section {
    margin: 0;
}

.ar-pr-main > .left {
    max-width: 27.33333333%;
    width: 27.33333333%;
    min-width: 27.33333333%;
}

.ar-pr-main > .left .stycontent {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ar-pr-main > .right {
    width: 72.66666667%;
    max-width: 72.66666667%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-inner-section-title.r-title {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.ar-pr-main .page-inner-section .page-inner-section-title {
    border-bottom: 1px solid var(--swt-border-1);
    padding-bottom: 0.8rem;
    margin-bottom: 1rem;
    gap: 1rem;
}

.ar-pr-main .page-inner-section .page-inner-section-title i {
    font-size: 1.3rem;
    color: var(--swt-text-3);
}

.ar-pr-main .r-filter {
    display: flex;
    gap: 1rem;
    padding: 0.6rem 1rem;
    justify-content: space-between;
    align-items: center;
}

.r-filter .product-count p {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.r-filter .product-count i {
    font-size: 1.3rem;
    color: var(--swt-text-3);
}

.r-filter-icon {
    color: var(--swt-text-1);
    font-size: 1.5rem;
}

.r-filter-dropdown {
    position: relative;
    display: inline-block;
}

.r-filter-r {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.r-filter-search {
    background-color: var(--swt-button);
    padding: 0.5rem 1rem;
    border: none;
    color: #fff;
    font-size: 1.53rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.r-filter-search:hover {
    background-color: var(--swt-button-4);
}

.r-filter-search span {
    font-size: 1rem;
}

.r-filter-search i {
    font-size: 1.2rem;
}

.r-filter-mobile {
    background-color: var(--swt-section-2);
    padding: 0.4rem 0.5rem;
    border: 1px solid var(--swt-border-1);
    color: var(--swt-text-1);
    font-size: 1.23rem;
    display: none;
}

.r-filter-mobile:focus i, .r-filter-mobile:focus span, .r-filter-mobile:hover i, .r-filter-mobile:hover span {
    color: var(--swt-button) !important;
}

.r-filter-mobile span {
    font-size: 0.95rem;
}

.r-filter-toggle {
    cursor: pointer;
    background-color: var(--swt-section-2);
    border-radius: var(--swt-radius-1);
    padding: 0.5rem 1rem;
    border: 1px solid var(--swt-border-1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 255px;
}

.r-filter-menu {
    display: none;
    position: absolute;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 0;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    width: 255px;
    overflow: hidden;
}

.r-filter-menu li {
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--swt-text-1);
    width: 100%;
    box-sizing: border-box;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    color: var(--swt-text-2);
}

.r-filter-menu li:hover {
    color: var(--swt-green);
}

.r-filter-menu li i {
    display: none;
}

.r-filter-menu li.selected {
    background-color: var(--swt-green-light);
    color: var(--swt-text-1);
}

.r-filter-menu li.selected i {
    display: inline-block;
    margin-left: 0.8rem;
    color: var(--swt-green);
}

.r-filter-dropdown.open .r-filter-menu {
    display: block;
    right: 0;
    z-index: 2;
}

/* Archive Product Categories */
.ar-pr-categories {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ar-pr-categories li {
    margin: 0;
}

.ar-pr-categories li a {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--swt-text-1);
    transition: all 0.3s ease;
    font-weight: 500;
    padding: 0.4rem 0.5rem;
}

.ar-pr-categories li a:hover {
    color: var(--swt-button-4);
}

.ar-pr-categories li.active a {
    color: var(--swt-text-1);
    background-color: var(--swt-section-2);
    border-radius: var(--swt-radius-2);
    border: 1px solid var(--swt-border-1);
}

.ar-pr-categories li.active a .ct-item-count {
    background-color: var(--swt-button-4);
    color: #fff;
    border: 1px solid transparent;
}

.ar-pr-categories .ct-item-count {
    background: var(--swt-section-2);
    padding: 0.1rem 0;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-2);
    line-height: normal;
    transition: all 0.3s ease;
    width: 26px;
    text-align: center;
    font-size: 0.9rem;
}

.ar-pr-categories li a:hover .ct-item-count {
    background-color: var(--swt-button-4);
    color: #fff;
    border: 1px solid transparent;
}

.stycontent i.show, .stycontent i.show {
    margin-left: auto;
    padding: 0.3rem 0.3rem 0.2rem 0.3rem;
    background: var(--swt-section-2);
    border-radius: var(--swt-radius-2);
    color: var(--swt-button) !important;
}

.child-cat-list {
    margin-left: 1rem;
}

.parent-cat.active .child-cat-list .child-cat {
    margin-top: 0.5rem;
}

/* L Price Filter */
.l-filter-price-container {
    width: 100%;
    border-radius: 8px;
}

.l-filter-price-labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.l-filter-price-label {
    color: var(--swt-text-2);
    font-size: 1rem;
    font-weight: 500;
}

.l-filter-price-slider-container {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 20px 0 28px;
}

.l-filter-price-slider-track {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e0e0e0;
    border-radius: 2px;
}

.l-filter-price-slider-range {
    position: absolute;
    height: 4px;
    background-color: var(--swt-button-4);
    border-radius: 2px;
}

.l-filter-price-slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--swt-button-4);
    border-radius: 50%;
    top: -8px;
    margin-left: -10px;
    cursor: pointer;
    z-index: 2;
    border: 3px solid #fff;
}

.l-filter-price-inputs-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.l-filter-price-inputs-container .swt-input-group {
    margin-bottom: 0 !important;
}

.l-filter-price-input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid var(--swt-border-1);
    border-radius: 4px;
    font-size: 1rem;
    outline: none;
}

.l-filter-price-input:focus {
    border-color: var(--swt-button-4);
}

.l-filter-price-apply-button {
    padding: 0.6rem 1.3rem;
    background-color: var(--swt-button);
    color: white;
    border: none;
    border-radius: var(--swt-radius-1);
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    width: 80%;
}

.l-filter-price-apply-button:hover {
    background-color: var(--swt-button-4);
}

.l-filter-reset-button {
    background-color: #ce2424;
    color: #fff;
    border: 1px solid #ce2424;
    width: 17%;
}

/* Product List 1 */
.pr-loop-1-wrap {
    position: relative;
}

.pr-loop-1-item {
    background-color: #fff;
    padding: 1rem;
    border-radius: var(--swt-radius-1);
    display: flex;
    gap: 1.5rem;
}

.pr-loop-1-item:not(:last-child) {
    margin-bottom: 1rem;
}

.pr-loop-1-item > .left {
    position: relative;
}

.pr-loop-1-item > .left .elementor-logo {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 1;
}

.pr-loop-1-item > .left .elementor-logo img {
    border-radius: 50%;
    box-shadow: var(--swt-box-shadow);
    width: 28px;
    height: 28px;
    background: #fff;
    padding: 0.1rem;
}

.pr-loop-1-item .pr-image {
    height: 155px;
    display: block;
}

.pr-loop-1-item .pr-image img {
    border-radius: var(--swt-radius-1);
    width: 258px;
    height: 155px;
    object-fit: cover;
}

.pr-loop-1-item > .right {
    position: relative;
    display: flex;
    gap: 1rem;
    align-items: center;
    flex: 1;
    justify-content: space-between;
}

.pr-loop-1-title {
    margin: 0 0 0.3rem 0;
    line-height: 1;
}

.pr-loop-1-title a {
    color: var(--swt-title);
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.pr-loop-1-title a:hover {
    color: var(--swt-button);
}

.pr-loop-1-cat {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.8rem;
    align-items: center;
    list-style: none;
}

.pr-loop-1-cat li a {
    font-size: 0.85rem;
    color: var(--swt-button);
    transition: all 0.3s ease;
    font-weight: 500;
}

.pr-loop-1-cat li a:hover {
    color: var(--swt-button-4);
}

.pr-loop-1-options {
    display: flex;
    flex-direction: column;
    margin: 0.4rem 0 0.5rem 0;
    min-height: 54px;
    list-style: none;
    padding: 0;
}

.pr-loop-1-options li {
    font-size: 0.75rem;
    color: var(--swt-text-1);
    margin: 0;
}

.pr-loop-1-options li i {
    margin-right: 0.5rem;
}

.pr-loop-1-links {
    display: flex;
    gap: 0.5rem;
}

.pr-loop-1-links a {
    padding: 0.4rem 0.8rem;
    border-radius: var(--swt-radius-2);
    border: none;
    background-color: var(--swt-button-3);
    color: var(--swt-text-1);
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.pr-loop-1-links a i {
    font-size: 1.13rem;
}

.pr-loop-1-links .pr-loop-1-details {
    color: var(--swt-red);
    background-color: var(--swt-red-light);
}

.pr-loop-1-links .pr-loop-1-demo {
    background-color: #fff;
    border: 1px solid var(--swt-border-1);
}

.pr-loop-1-links .pr-loop-1-demo:hover {
    background-color: var(--swt-button);
    border: 1px solid transparent;
    color: #fff;
}

.pr-loop-1-links .pr-loop-1-add-cart {
    color: var(--swt-green);
    background-color: var(--swt-green-light);
    transition: all 0.3s ease;
}

.pr-loop-1-links .pr-loop-1-add-cart:hover {
    color: #fff;
    background-color: var(--swt-green);
}

.rotate {
    animation: rotate360 2s linear infinite;
}

.pr-loop-1-links .pr-loop-1-add-cart span {
    font-weight: 400;
    margin-left: 0.8rem;
}

a.disabled {
    cursor: not-allowed;
}

.pr-loop-1-pricing-details {
    display: flex;
    flex-direction: column;
    width: 135px;
}

.pr-loop-1-pricing-details .price {
    color: var(--swt-title);
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.amount.cut-price {
    font-size: 0.75rem;
    color: var(--swt-text-2);
    line-height: normal;
    text-decoration: line-through;
}

.amount.normal-price {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: normal;
}

.woocommerce-Price-amount.amount {
    font-weight: 500;
}

.pr-loop-1-rating {
    display: flex;
    align-items: center;
    margin-top: 0.7rem;
    gap: 0.4rem;
}

.star-rating {
    font-size: 0.7rem;
}

.star-rating span::before {
    color: #ff9800;
}

.rating-count {
    line-height: normal;
    font-weight: 500;
    font-size: 0.9rem;
}

/* Product Ajax Search */
.swt-search-container {
    max-width: 100%;
    margin: 0 auto;
}

.swt-search-results {
    margin-top: 10px;
    max-height: 375px;
    overflow: auto;
}

.swt-search-results ul {
    list-style: none;
    padding: 0;
}

.swt-search-results li {
    padding: 0.4rem;
    border: 1px solid var(--swt-border-1);
    display: flex;
    align-items: center;
    border-radius: var(--swt-radius-1);
}

.swt-search-results li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.swt-search-results img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: var(--swt-radius-1);
}

.swt-search-results a {
    text-decoration: none;
    color: var(--swt-text-1);
    font-size: 1rem;
    font-weight: 500;
}

.swt-search-results a:hover {
    color: #0073aa;
}

.swt-search-results .product-category {
    font-size: 0.8rem;
    color: #666;
}

.swt-ajax-spinner {
    text-align: center;
}

.swt-ajax-spinner i {
    margin-right: 0.5rem;
    animation: rotate 1.5s linear infinite;
    display: inline-block;
}

.pr-ajax-s-wrap {
    animation: fade-in-top 0.3s ease;
}

/* CUSTOM BUTTONS / CHECKBOX OPTIONS*/
.swt-checkbox-2 .cbx {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.swt-checkbox-2 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.swt-checkbox-2 .cbx span:first-child {
    position: relative;
    min-width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid var(--swt-border-1);
    transition: all 0.2s ease;
}

.swt-checkbox-2 .cbx span:first-child svg {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 4px;
    fill: none;
    stroke: white;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.swt-checkbox-2 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #506eec;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
    transition-delay: 0.2s;
}

.swt-checkbox-2 .cbx span:last-child {
    margin-left: 0.5rem;
}

.swt-checkbox-2 .cbx span:last-child:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #b9b8c3;
    transform-origin: 0 0;
    transform: scaleX(0);
}

.swt-checkbox-2 .cbx:hover span:first-child {
    border-color: var(--swt-green);
}

.swt-checkbox-2 .inp-cbx:checked + .cbx span:first-child {
    border-color: var(--swt-green);
    background: var(--swt-green);
    animation: check-15 0.6s ease;
}

.swt-checkbox-2 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.swt-checkbox-2 .inp-cbx:checked + .cbx span:first-child:before {
    transform: scale(2.2);
    opacity: 0;
    transition: all 0.6s ease;
}

.swt-checkbox-2 .inp-cbx:checked + .cbx span:last-child {
    color: var(--swt-text-3);
    transition: all 0.3s ease;
}

.swt-checkbox-2 .inp-cbx:checked + .cbx span:last-child:after {
    transform: scaleX(1);
    transition: all 0.3s ease;
}

@keyframes check-2 {
    50% {
        transform: scale(1.2);
    }
}

.checkbox-wrapper-35 .switch {
    display: none;
}

.checkbox-wrapper-35 .switch + label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--swt-text-1);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9rem;
    line-height: 15px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-wrapper-35 .switch + label::before, .checkbox-wrapper-35 .switch + label::after {
    content: "";
    display: block;
}

.checkbox-wrapper-35 .switch + label::before {
    background-color: #05012c;
    border-radius: 500px;
    height: 15px;
    margin-right: 7px;
    -webkit-transition: background-color 0.125s ease-out;
    transition: background-color 0.125s ease-out;
    width: 33px;
}

.checkbox-wrapper-35 .switch + label::after {
    background-color: #fff;
    border-radius: 13px;
    height: 11px;
    left: 3px;
    position: absolute;
    top: 2.2px;
    -webkit-transition: -webkit-transform 0.125s ease-out;
    transition: -webkit-transform 0.125s ease-out;
    transition: transform 0.125s ease-out;
    transition: transform 0.125s ease-out, -webkit-transform 0.125s ease-out;
    width: 11px;
}

.checkbox-wrapper-35 .switch + label .switch-x-text {
    display: block;
    margin-right: 0.3em;
}

.checkbox-wrapper-35 .switch + label .switch-x-toggletext {
    display: block;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
    position: relative;
    width: 75px;
}

.checkbox-wrapper-35 .switch + label .switch-x-unchecked, .checkbox-wrapper-35 .switch + label .switch-x-checked {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
    transition: opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
    transition: transform 0.125s ease-out, opacity 0.125s ease-out;
    transition: transform 0.125s ease-out, opacity 0.125s ease-out, -webkit-transform 0.125s ease-out;
}

.checkbox-wrapper-35 .switch + label .switch-x-unchecked {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.checkbox-wrapper-35 .switch + label .switch-x-checked {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.checkbox-wrapper-35 .switch + label .switch-x-hiddenlabel {
    position: absolute;
    visibility: hidden;
}

.checkbox-wrapper-35 .switch:checked + label::before {
    background-color: var(--swt-green);
}

.checkbox-wrapper-35 .switch:checked + label::after {
    -webkit-transform: translate3d(16px, 0, 0);
    transform: translate3d(16px, 0, 0);
}

.checkbox-wrapper-35 .switch:checked + label .switch-x-unchecked {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.checkbox-wrapper-35 .switch:checked + label .switch-x-checked {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

/* SWT SWITCHER 1 */
.swt-switcher-1 {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.4rem;
}

.swt-switcher-1 input {
    opacity: 0;
    width: 0;
    height: 0;
}

.swt-switcher-1 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(182, 182, 182);
    transition: .4s;
    border-radius: var(--swt-radius-2);
}

.swt-switcher-1 .slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 5px;
    left: 0.22rem;
    bottom: 0.2rem;
    transform: rotate(270deg);
    background-color: rgb(255, 255, 255);
    transition: .4s;
}

.swt-switcher-1 input:checked + .slider {
    background-color: #21cc4c;
}

.swt-switcher-1 input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.swt-switcher-1 input:checked + .slider:before {
    transform: translateX(1.55rem);
}

/*----------------
Shimmer
-----------------*/
.shimmer {
    background: linear-gradient(-45deg, #dddddd 42%, #ffffff 50%, #dddddd 58%);
    background-position-x: -50%;
    background-size: 300%;
    animation: shimmer 8s linear 10;
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

/* Lightbox */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

.lightbox-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox-content img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease;
    color: #fff;
    z-index: 10000;
}

.lightbox-close > i {
    font-size: 3rem;
}

.lightbox-close:hover {
    transform: scale(1.1);
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .lightbox-content {
        max-width: 100%;
        max-height: 80%;
    }

    .lightbox-close > i {
        font-size: 2rem;
    }
}

.wapf--inner {
    padding: 0.9rem !important;
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    margin-bottom: 1rem;
}

.wapf--inner > div:not(:last-child) {
    display: none;
}

.wapf-grand-total {
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--swt-text-1);
    line-height: 1;
}

.variation {
    margin: 0;
}

.variation * {
    font-size: 0.85rem !important;
    color: var(--swt-text-3);
    margin: 0;
    font-weight: 400;
}

dt[class^="variation-"] {
    font-weight: 500;
    color: var(--swt-text-1);
    margin-bottom: 0px;
    font-size: 0.85rem;
    white-space: break-spaces;
}

/* WHATSAPP CHANNEL SECTION */
.whatsapp-channel-section {
    display: flex;
    column-gap: 2rem;
    row-gap: 1rem;
    background-color: #fff;
    border-radius: var(--swt-radius-1);
    overflow: hidden;
    margin: 1rem 0 0 0;
    border: 1px solid var(--whatsapp);
}

.whatsapp-channel-section svg {
    width: 3.6rem;
    height: 3.6rem;
    color: #fff;
    background-color: var(--whatsapp);
    border-radius: 50%;
    border: 4px solid #fff;
    padding: 0.5rem;
    position: absolute;
    right: -1.6rem;
    top: 50%;
    transform: translateY(-50%);
}

.whatsapp-channel-section > .left {
    background-color: var(--whatsapp);
    padding: 1rem 0 1rem 1rem;
    display: flex;
    align-items: center;
    width: 70px;
    position: relative;
}

.whatsapp-channel-section > .right {
    padding: 1rem 1rem 1rem 0.7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
}

.whatsapp-channel-section > .right .wpcs-button {
    background-color: var(--whatsapp);
    color: #fff;
}

.whatsapp-channel-section > .right .wpcs-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wpcs-title {
    font-size: 1.4rem;
    font-weight: 600;
}

.eft-discount {
    color: #fff;
    font-weight: 500 !important;
    display: inline;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    background: var(--swt-green);
    border-radius: 6px;
    margin-left: 0.4rem;
}

/* Swt success icon */
.swt-success-icon-wrapper {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swt-success-icon-ring {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 4px solid #22c55e;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    animation: swt-success-icon-expand 2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s infinite;
}

.swt-success-icon-circle {
    fill: #22c55e;
    transform-origin: center;
    animation: swt-success-icon-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.swt-success-icon-check {
    fill: none;
    stroke: #ffffff;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: swt-success-icon-draw 0.5s cubic-bezier(0.45, 0, 0.55, 1) 0.5s forwards;
}

@keyframes swt-success-icon-pop {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes swt-success-icon-draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes swt-success-icon-expand {
    0% {
        transform: scale(0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

/* Whatsapp Widget */
#swt-messageInput {
    background-color: #fff;
}

.swt-whatsapp-widget {
    position: relative;
    z-index: 9999;
}

.swt-whatsapp-icon-red-dot {
    position: fixed;
    right: 20px;
    bottom: 60px;
    background: #e91515;
    content: "";
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    border: 2px solid white;
    z-index: 9997;
    color: #fff;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.swt-whatsapp-icon {
    position: fixed;
    bottom: 25px;
    right: 20px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    padding: 10px 12px;
    width: 3.2rem !important;
    height: 3.2rem !important;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swt-whatsapp-icon:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

.swt-chat-box {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 350px;
    max-width: 90%;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 300;
    animation: slideInUp 0.5s ease-out;
}

.swt-chat-header {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #008069;
    color: white;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.swt-profile-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}

.swt-chat-info {
    flex-grow: 1;
}

.swt-chat-header {
    position: relative;
}

.swt-chat-header:before {
    position: absolute;
    background: #25d366;
    content: "";
    bottom: 16px;
    left: 46px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #008069;
}

.swt-chat-info .temsilci-adi {
    margin: 0;
    font-size: 15px;
    color: white !important;
    font-weight: 600;
}

.swt-chat-info .temsilci-durumu {
    margin: 0;
    font-size: 12px;
    opacity: 0.8;
    color: white;
}

.swt-chat-info .temsilci-durumu .position {
    background-color: #3e9988;
    color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: var(--swt-radius-2);
    font-weight: 300;
    margin-left: 0.4rem;
}

.swt-close-chat {
    cursor: pointer;
    font-size: 25px;
    transition: color 0.3s;
    background-color: #ffffff22;
    border-radius: 51px;
    padding: 14px;
    height: 25px;
    display: flex;
    align-items: center;
    width: 25px;
    justify-content: center;
}

.swt-chat-body {
    padding: 15px;
    max-height: 250px;
    min-height: 130px;
    overflow-y: auto;
    background-color: #e6ddd4;
    border-top: 1px solid #ddd;
}

.swt-chat-body::-webkit-scrollbar {
    width: 17px;
    border-radius: 0;
    background: #fff;
}

.swt-chat-body::-webkit-scrollbar-thumb {
    width: 17px;
    border-radius: 10px;
    background: #c0c1c5 !important;
    border: 4px solid #fff;
}

.swt-message {
    margin-bottom: 10px;
    animation: fadeIn 0.4s ease-in-out;
    position: relative;
    z-index: 10;
}

.swt-message:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -11px;
    left: 0;
    border-radius: 5px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 40px solid #ffffff;
    transform: rotate(63.5deg);
    z-index: -1 !important;
}

.swt-message p {
    margin: 0;
    padding: 12px;
    border-radius: 15px;
    background-color: #ffffff;
    max-width: 100%;
    word-wrap: break-word;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px 0px;
    font-size: 0.88rem;
    color: var(--swt-text-2);
    font-weight: 400;
}

.swt-chat-footer {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #ffffff;
}

.swt-chat-footer input {
    flex-grow: 1 !important;
    padding: 12px !important;
    border: 1px solid var(--swt-border-1);
    border-radius: 25px !important;
    font-size: 14px !important;
}

.swt-chat-footer button {
    background-color: #25d366 !important;
    border: none;
    color: white;
    padding: 11px !important;
    border-radius: 50% !important;
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.swt-chat-footer button:hover {
    background-color: #1ebd54 !important;
}

.swt-editor-wrap {
    border: 1px solid var(--swt-border-1);
    border-radius: var(--swt-radius-1);
    overflow: hidden;
    background: #fff;
    font-size: 14px;
}

.swt-editor-toolbar {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px 8px;
    background: #fff;
    border-bottom: 1px solid var(--swt-border-1);
    flex-wrap: wrap;
}

.swt-editor-toolbar button {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    color: var(--swt-text-3);
    transition: background 0.15s, border-color 0.15s;
    padding: 0;
    width: 32px;
    height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swt-editor-toolbar button:hover, .swt-editor-toolbar button.active {
    border-color: var(--swt-green);
    color: var(--swt-green);
}

.swt-editor-content {
    padding: 10px 12px;
    outline: none;
    line-height: 1.6;
    color: var(--swt-text-1);
    overflow-y: auto;
}

.swt-editor-content:empty:before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none;
}

.swt-editor-counter {
    margin: 4px 8px 6px;
    font-size: 12px;
    color: #555;
}

.swt-html-toggle {
    font-family: monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.5px;
    padding: 4px 9px !important;
    color: #2563eb !important;
    border-color: transparent;
}

.swt-html-toggle:hover, .swt-html-toggle.active {
    background: #dbeafe !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
}

.swt-html-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}

.swt-html-modal-overlay.open {
    opacity: 1;
    pointer-events: auto;
}

.swt-html-modal {
    background: #fff;
    border-radius: 10px;
    width: min(760px, 94vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    transform: translateY(12px);
    transition: transform 0.2s;
}

.swt-html-modal-overlay.open .swt-html-modal {
    transform: translateY(0);
}

.swt-html-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #e5e7eb;
}

.swt-html-modal-header h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.swt-html-modal-header h3 code {
    font-size: 12px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 1px 6px;
    color: #374151;
    font-weight: 400;
}

.swt-html-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #6b7280;
    font-size: 20px;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 5px;
    transition: background 0.15s;
}

.swt-html-modal-close:hover {
    background: #f3f4f6;
    color: #111827;
}

.swt-html-modal-body {
    padding: 16px 18px;
    overflow-y: auto;
    flex: 1;
}

.swt-html-modal-body textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 280px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 13px;
    line-height: 1.6;
    color: #1e293b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    padding: 12px 14px;
    resize: vertical;
    tab-size: 2;
    outline: none;
    transition: border 0.15s;
}

.swt-html-modal-body textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.swt-html-modal-hint {
    margin: 10px 0 0;
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.5;
}

.swt-html-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid #e5e7eb;
}

.swt-html-modal-footer .swt-btn-cancel {
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    color: #374151;
    border-radius: 7px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.swt-html-modal-footer .swt-btn-cancel:hover {
    background: #e5e7eb;
}

.swt-html-modal-footer .swt-btn-apply {
    background: #2563eb;
    border: none;
    color: #fff;
    border-radius: 7px;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.swt-html-modal-footer .swt-btn-apply:hover {
    background: #1d4ed8;
}

.swt-free-spin-notification {
    position: fixed;
    right: 0;
    bottom: 6rem;
    padding: .5rem;
    z-index: 9;
    background: var(--swt-gradient-2);
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: var(--swt-radius-1) 0 0 var(--swt-radius-1);
}

.swt-free-spin-notification a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.swt-free-spin-notification p {
    margin: 0;
    line-height: normal;
}

.swt-free-spin-notification  svg {
    width: 2.5rem;
    height: 2.5rem;
}

.swt-free-spin-notification .title {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: .1rem;
}

.swt-free-spin-notification .desc {
    color: #fff;
    font-weight: 400;
    font-size: .8rem;
}

@keyframes slideInUp {
    from {
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInDown {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 600px) {
    .swt-whatsapp-icon {
        padding: 10px;
    }

    .swt-chat-box {
        width: 90%;
        bottom: 80px;
        right: 5%;
        z-index: 9999;
    }

    .swt-chat-header, .swt-chat-footer {
        padding: 10px;
    }

    .swt-chat-body {
        padding: 10px;
    }

    .swt-chat-footer input, .swt-chat-footer button {
        padding: 10px;
    }
}