/*
 Theme Name:   TehranWallet Child
 Description:  TehranWallet Child
 Author:       Soraun.com
 Author URI:   http://tehranwallet.store
 Template:     tehranwallet
 Version:      1.0.0
 Text Domain:  woodmart
*/

html {
    scroll-behavior: smooth;
}

.soran-main-container {
	background: #f3f8fe !important;
}

/*Breadcrumbs Style*/
.breadcrumb-wrapper{
    margin-block: 32px !important;
}
/*Breadcrumbs Style*/

:root{
    --main-color: #e1b22f;
    --secend-color: #674EB7;
    --White: #fff;
    --Black: #030614;
    --Gray-1: #F8F8F8;
    --Gray-2: #F0F0F0;
    --Gray-7: #898989;
    --Gray-9: #434343;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb50{
    margin-bottom: 50px;
}
.mb60{
    margin-bottom: 60px;
}
.mt60{
    margin-top: 60px;
}
.mb70{
    margin-bottom: 70px;
}
.mb80{
    margin-bottom: 80px;
}
.mb9{
    margin-bottom: 90px;
}
.mb100{
    margin-bottom: 100px;
}

.mt100{
    margin-top: 100px;
}

.whb-main-header {
    top: 10px;
}

.home-bg {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI0NTA2IiB2aWV3Qm94PSIwIDAgMTQ0MCA0NTA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfMjA3OF8yMDIwKSI+CjxjaXJjbGUgY3g9IjEzNzAuNSIgY3k9IjMwOTkuNSIgcj0iMjg4LjUiIGZpbGw9IiNGM0UwQUIiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjQiIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2ZfMjA3OF8yMDIwKSI+CjxjaXJjbGUgY3g9IjE0MDciIGN5PSIzOTk4IiByPSIyMjQiIGZpbGw9IiM4NDUwQjgiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjQiIGZpbHRlcj0idXJsKCNmaWx0ZXIyX2ZfMjA3OF8yMDIwKSI+CjxjaXJjbGUgY3g9IjMzIiBjeT0iMjg4MiIgcj0iMjI0IiBmaWxsPSIjODQ1MEI4Ii8+CjwvZz4KPGcgb3BhY2l0eT0iMC40IiBmaWx0ZXI9InVybCgjZmlsdGVyM19mXzIwNzhfMjAyMCkiPgo8Y2lyY2xlIGN4PSIxMzY3IiBjeT0iMjE2OCIgcj0iMjI0IiBmaWxsPSIjQjhBMTUwIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC40IiBmaWx0ZXI9InVybCgjZmlsdGVyNF9mXzIwNzhfMjAyMCkiPgo8ZWxsaXBzZSBjeD0iLTMxIiBjeT0iMTg4MC41IiByeD0iMTg0IiByeT0iMTc3LjUiIGZpbGw9IiM4NDUwQjgiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXI1X2ZfMjA3OF8yMDIwKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMzkzOSIgcj0iMzUyIiBmaWxsPSIjRjNFMEFCIi8+CjwvZz4KPGcgb3BhY2l0eT0iMC43NSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjZfZl8yMDc4XzIwMjApIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS40NDAxIDQ4My4wMDVDNzMuMjMwMiA0OTEuMDk2IDExOC4xOTggNTAzLjI0MSAxNTUuNzkzIDUzNC4wODFDMTk4LjcxNiA1NjkuMjkyIDI0OC45MiA2MDkuNzY4IDI0Ny45ODcgNjY1LjU2NkMyNDcuMDYgNzIxLjA0NCAxODguNTI0IDc1MS42ODIgMTUxLjQ3MiA3OTIuNjkzQzExMS4xNDcgODM3LjMyOCA4NS4yMzc2IDkwOC45NTIgMjUuNDQwMSA5MTEuODk0Qy0zNC44OTMyIDkxNC44NjMgLTc3LjUxMDUgODU0LjY1MiAtMTEzLjUxOCA4MDUuNzMyQy0xNDMuNTI2IDc2NC45NjMgLTE0OS4wNTQgNzE1Ljg3NSAtMTU1Ljg2OCA2NjUuNTY2Qy0xNjQuNDUgNjAyLjIxIC0yMDIuMzY0IDUyNi4yMTYgLTE1Ny40OTggNDgxLjA0Qy0xMTIuNjMxIDQzNS44NjMgLTM3LjA4MTEgNDcyLjQyIDI1LjQ0MDEgNDgzLjAwNVoiIGZpbGw9IiM4NDUwQjgiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzIwNzhfMjAyMCIgeD0iNzgyIiB5PSIyNTExIiB3aWR0aD0iMTE3NyIgaGVpZ2h0PSIxMTc3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzIwNzhfMjAyMCIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMV9mXzIwNzhfMjAyMCIgeD0iODgzIiB5PSIzNDc0IiB3aWR0aD0iMTA0OCIgaGVpZ2h0PSIxMDQ4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzIwNzhfMjAyMCIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyMl9mXzIwNzhfMjAyMCIgeD0iLTQ5MSIgeT0iMjM1OCIgd2lkdGg9IjEwNDgiIGhlaWdodD0iMTA0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMDc4XzIwMjAiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjNfZl8yMDc4XzIwMjAiIHg9Ijg0MyIgeT0iMTY0NCIgd2lkdGg9IjEwNDgiIGhlaWdodD0iMTA0OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMDc4XzIwMjAiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjRfZl8yMDc4XzIwMjAiIHg9Ii01MTUiIHk9IjE0MDMiIHdpZHRoPSI5NjgiIGhlaWdodD0iOTU1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzIwNzhfMjAyMCIvPgo8L2ZpbHRlcj4KPGZpbHRlciBpZD0iZmlsdGVyNV9mXzIwNzhfMjAyMCIgeD0iLTYyOCIgeT0iMzI4NyIgd2lkdGg9IjEzMDQiIGhlaWdodD0iMTMwNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8yMDc4XzIwMjAiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjZfZl8yMDc4XzIwMjAiIHg9Ii02MzcuMzMzIiB5PSIwLjY2NjY4NyIgd2lkdGg9IjEzNDMuNjciIGhlaWdodD0iMTM2OS42NyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyMjkuMTY3IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjA3OF8yMDIwIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
}

/*Start Home Slider*/
.slider-wrapper {
    margin-top: -1px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #242135;
    border-radius: 0 0 70px 70px;
}

.tw-home-slider-image{
    width: 55%;
    height: auto;
}

.slider-home-title{
    font-size: 59px;
    color:var(--White);
    font-weight: 900;
    font-family: '700';
}

.slider-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.home-slider-subtitle{
    font-size:34px;
    color:var(--White);
    font-weight: 500;
}

.section-heading{
    font-family: '700';
}

.home-slider-description {
    color: var(--White);
    font-size: 18px;
    font-weight: 100;
    font-family: '100';
    line-height: 40px;
}

.default-btn{
    padding: 15px 20px;
    border-radius: 16px;
}
.primary-btn{
    background: linear-gradient(90deg, #E1B12C, #A9791C);
    color:var(--White);
}

.default-width{
    width: 81vw;
}

.category-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0 !important;
}

.category-item {
    width: 200px;
    position: relative;
    overflow: hidden;
    background: #D6D6D6;
    text-align: center;
    height: 96px;
    border-radius: 26px;
    transition: opacity 0.3s ease;
}

.category-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.category-image {
    position: relative;
}

.category-image img {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
}

.category-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #2f2c2c;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 150px;
}

.category-item:hover .category-name {
    opacity: 1;
}

.category-item:hover img {
    filter: blur(10px);
}

.animated_card2 {
    display: grid;
    place-items: center;
    position: relative;
    height: 85px;
    width: 193px;
    border-radius: 26px;
    cursor: pointer;
}

.animated_card2{
    overflow: hidden;
}

.animated_card2::after{
    position: absolute;
    content: "";
    inset: 1.8px;
    background: #D6D6D6;
    border-radius: 26px;
}

.animated_card2::before{
    position: absolute;
    content: "";
    width: 50px;
    height: 300px;
    background: #E1B12C;
    transform: rotate(45deg);
    filter: blur(8px);
    opacity: 0.4;
    box-shadow:
            0 0 7px #fff,
            0 0 10px #fff,
            0 0 21px #fff,
            0 0 42px #E1B12C,
            0 0 82px #E1B12C,
            0 0 92px #E1B12C,
            0 0 102px #E1B12C,
            0 0 151px #E1B12C,
}

.animated_card2:hover:before{
    animation: animate2 2s linear infinite;
}

@keyframes animate{
    50%{
        filter: hue-rotate(350deg);
    }
}
@keyframes animate2 {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

/*End Home Slider*/

/*Start Home Services*/
.services-wrapper{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxOSIgaGVpZ2h0PSI0NzAiIHZpZXdCb3g9IjAgMCAxMjE5IDQ3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjE5IDQwQzEyMTkgMTcuOTA4NiAxMjAxLjA5IDAgMTE3OSAwSDQwQzE3LjkwODYgMCAwIDE3LjkwODYgMCA0MFY0MzBDMCA0NTIuMDkxIDE3LjkwODYgNDcwIDQwIDQ3MEg3OTYuNjQzQzgxMi42MzUgNDcwIDgyNy4wODkgNDYwLjQ3NSA4MzMuMzk4IDQ0NS43ODFMODYwLjI2IDM4My4yMTlDODY2LjU2OSAzNjguNTI1IDg4MS4wMjQgMzU5IDg5Ny4wMTUgMzU5SDExNzlDMTIwMS4wOSAzNTkgMTIxOSAzNDEuMDkxIDEyMTkgMzE5VjQwWiIgZmlsbD0iIzI0MjEzNSIvPgo8L3N2Zz4K");
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    justify-content:space-around;
    align-items: center;
    width: 1219px;
    height: 470px;
    flex-shrink: 0;
    background-size: contain;
}
/*End Home Services*/

/*Start Home Services*/
.services-text-holder{
    margin-top:-100px;
}

.services-text-holder h2{
    color: var(--White);
    text-align: right;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.services-text-holder p{
    color: var(--Gray-2);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    line-height: 251%;
    width: 525px;
    font-weight: 100;
    font-family: '100';
}

.services-text-holder a{
    color: var(--White);
    text-align: right;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-items: center;
}

.parent div{
    background: #fff;
    border-radius: 15px;
    width: 189px;
    height: 167px;
}

.services-image{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.services-box-holder p{
    color: var(--Gray-9);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    margin-top: 12px;
}

.svg-button {
    background: linear-gradient(to right, #E7BB46, #F1A501);
    color: rgb(35, 33, 33);
    font-size: 20px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    display: inline-block;
    text-align: center;
    line-height: 91px;
    width: 374px;
    height: 91px;
    clip-path: url(#rounded-clip);
}

.svg-button:hover {
    background: linear-gradient(to right, #F1A501, #E7BB46);
}

.btn-cta{
    margin-bottom: 100px;
}
/*End Home Services*/

/*Start Home Products*/
.section-tagline {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.section-tagline a {
    border-radius: 12px;
    background: #FFF;
    backdrop-filter: blur(15px);
    color: var(--Black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding-block: 8px;
    border: 1px solid var(--Gray-2);
    text-align: center;
}

.icon-link {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #000;
    text-decoration: none;
}

.icon-link::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDIyQzIwIDIyIDIyIDIwIDIyIDE1VjlDMjIgNCAyMCAyIDE1IDJIOUM0IDIgMiA0IDIgOVYxNUMyIDIwIDQgMjIgOSAyMkgxNVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjI2IDE1LjUzTDkuNzM5OTkgMTJMMTMuMjYgOC40Njk5NyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

.link {
    font-size: 2rem;
    font-weight: bold;
    color: #282626;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    direction: rtl;
    padding-right: 20px;
}

span, i {
    position: relative;
}

i {
    margin-left: 0.5em;
}

.pink {
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background-color: var(--main-color);
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: -0.65em;
}

.product-image {
    background: var(--Gray-2);
    border-radius: 25px;
}

.products-card{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.main-price .woocommerce-Price-amount.amount::after {
    content: "تومان";
    font-size: 14px;
    color: var(--Gray-9);
    margin-right: 5px;
}
.main-price .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    display: none;
}

.main-price .amount bdi  {
    color: var(--main-color) !important;
}

.amount {
    color: var(--Gray-7);
    font-weight: 600;
}

.price-discount{
    color: #fff !important;
    display: inline-block;
    border-radius: 16px;
    background: #ED2E2E;
    padding: 8px 12px 9px 12px;
    width: 45px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
}

.home-products-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.price-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
/*End Home Products*/

/*Accessory*/
.accessory-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0px;
    margin: 0px;
}

.accessory-wrapper > div {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjIyNiIgdmlld0JveD0iMCAwIDYwMCAyMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjAwIDQwQzYwMCAxNy45MDg2IDU4Mi4wOTEgMCA1NjAgMEg0MEMxNy45MDg2IDAgMCAxNy45MDg2IDAgNDBWMTg2QzAgMjA4LjA5MSAxNy45MDg2IDIyNiA0MCAyMjZIMzcwLjQ1NUMzODguNDkgMjI2IDQwNC4yOTQgMjEzLjkzMiA0MDkuMDQzIDE5Ni41MzNMNDExLjI0NSAxODguNDY3QzQxNS45OTQgMTcxLjA2OCA0MzEuNzk5IDE1OSA0NDkuODM0IDE1OUg1NjBDNTgyLjA5MSAxNTkgNjAwIDE0MS4wOTEgNjAwIDExOVY0MFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: start;
    width: 600px;
    height: 226px;
    flex-shrink: 0;
    background-size: contain;
    padding: 30px;
    position: relative;
}

.svg-button-accessory {
	position: absolute;
	right: 33px;
	bottom: 37px;
	font-size: 18px;
	color: white;
	font-family: yb_Bold;
}

.svg-button-accessory:hover{
    color: #434343;
}

/*.svg-text {*/
/*    color: #030614;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: 180%;*/
/*}*/

.svg-text {
    fill: black;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}
/*Accessory*/

/*SEO BOX*/
.seobox-wrapper{
    margin-top:130px;
    display: flex;
    justify-content: space-between;
}

.seobox-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.seobox-text h2{
    color: var(--Gray-9);
    text-align: right;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 33px;
}

.seobox-text p{
    color: var(--Gray-9);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    line-height: 222%;
    font-family: '100';
}
/*SEO BOX*/

/*Learning Video*/
.video-wrapper {
    /* width: 1219px; */
    height: 378px;
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxOSIgaGVpZ2h0PSIzNzgiIHZpZXdCb3g9IjAgMCAxMjE5IDM3OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMjE5IDQwQzEyMTkgMTcuOTA4NiAxMjAxLjA5IDAgMTE3OSAwSDQwQzE3LjkwODYgMCAwIDE3LjkwODYgMCA0MFYzMzhDMCAzNjAuMDkxIDE3LjkwODYgMzc4IDQwIDM3OEg5MzkuMzM1Qzk1Ni40NzIgMzc4IDk3MS43MDUgMzY3LjA4NCA5NzcuMjEzIDM1MC44NTZMOTg4Ljk5NSAzMTYuMTQ0Qzk5NC41MDMgMjk5LjkxNiAxMDA5Ljc0IDI4OSAxMDI2Ljg3IDI4OUgxMTc5QzEyMDEuMDkgMjg5IDEyMTkgMjcxLjA5MSAxMjE5IDI0OVY0MFoiIGZpbGw9IiMyNDIxMzUiLz4KPC9zdmc+Cg=="); */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: var(--main-color);
    border-radius: 35px;
}

.video-box{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-inline: 30px;
}

.video-text-holder h2{
    color: var(--White);
}

.videos-holder {
    display: flex;
    gap: 10px;
}

.meta-video {
    padding: 1px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
    align-items: start;
}

.video-card{
    margin-top: -32px;
    border-radius: 35px;
    background: #fff;
    backdrop-filter: blur(15px);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}

.meta-video p{
    background: var(--main-color);
    width: fit-content;
    padding: 7px;
    border-radius: 35px;
}

.meta-video h3 {
	color: #1f1f1d;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: 100;
	height: 45px;
}

.video-text-holder p {
    color: var(--Gray-2, #F0F0F0);
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    line-height: 225%;
    font-family: '100';
}

.video-image{
    margin-bottom: 15px;
}

.play-video{
    width: 38px;
    height: 38px;
    background: linear-gradient(1deg, rgba(225, 177, 44, 0.20) 0%, rgba(225, 177, 44, 0.50) 100%);
    padding: 3px;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 20px;
    transition: 1s;
}
.video-card:hover .play-video{
    transition: 1s;
    background: var(--main-color);
    transform: scale(1.2);
}
/*Learning Video*/

/*FAQ Section*/
.accordion-item:first-of-type .accordion-button {
    border-radius: 28px !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 28px !important;
}

.accordion-button.collapsed {
    border-radius: 28px !important;
}

.accordion-button {
    border-radius: 28px !important;
}

.accordion-button {
    padding: 36px 51px;
    background: linear-gradient(148deg, rgba(158, 158, 158, 0.10) 0%, rgba(31, 31, 31, 0.05) 100%);
    backdrop-filter: blur(10px);
    color: var(--Black, #030614);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.accordion-item {
    border: none !important;
    border-radius: 28px;
    margin-bottom: 32px;
    background: linear-gradient(148deg, rgba(158, 158, 158, 0.10) 0%, rgba(31, 31, 31, 0.05) 100%);
    backdrop-filter: blur(10px);
}

.accordion-item:first-of-type {
    border-radius: 28px !important;
    border: none !important;
}

.accordion-item:last-of-type {
    border: none !important;
    border-radius: 28px !important;
}

.accordion-button:not(.collapsed) {
    color: var(--Black, #030614);
    box-shadow: unset;
    background: none;
    backdrop-filter: blur(10px);
}
.accordion-button::after {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.faq-title {
    color: var(--Black, #030614);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.faq-subtitle{
    color: var(--Gray-9, #434343);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.accordion-body {
    color: var(--Gray-9, #434343);
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

/*FAQ Section*/

/*Blog Section*/
.image-article a img{
    border-radius: 35px;
}

.article-title {
    position: absolute;
    bottom: -21px;
    border-radius: 35px;
    background: linear-gradient(148deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(30px);
    padding: 20px;
    font-size: 17px;
    width: 100%;
    height: 13dvh;
    color: #fff;
}

.image-wrapper.image-article {
    position: relative;
}

.article-padding{
    padding: 0;
}
/*Blog Section*/

/* -- A0005 -- START ------------------------------ */
#a0005 {
    margin-top: 30px;
    border-top: solid 5px #c98109;
    background-position-x: center;
    background-size: cover;
    padding-bottom: 30px;
}
#a0005 h2{
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 50px;
}
#a0005 .a0005_sbm{
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
}
#a0005 .a0005_field{
    margin-bottom: 5px;
}
/* -- A0005 -- End ------------------------------ */

.post-card {
    position: relative;
}

.slide-element {
    position: absolute;
}


/*Image Box*/
.imgBoxWrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 100px 0;
    padding: 10px 70px 0px 10px;
    border: 3px solid var(--White);
    border-radius: 40px;
    height: 350px;
    background: var(--Gray-2);
}

.imgBoxWrapper.reverse {
    flex-direction: row-reverse;
}

.imgBox-text {
    color: var(--Gray-9);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.imgBox-img {
    height: 500px;
    width: auto;
    margin-top: -150px;
}

.application-image-holder img{
    width:auto;
     height:504px;
      margin-top:-200px;
}

@media (min-width: 768px) {

    .application-wrapper.container{
        padding: auto !important;
    }


    
    .imgBoxWrapper .row {
        flex-direction: row;
    }
    .imgBox-img {
        width: auto !important;
    }

    .imgBoxWrapper {
        height: auto !important;
    }
}

/*Image Box*/

/*Icon Box*/
.tabs__list{
    border: 3px solid var(--White);
    border-radius: 40px;
    width: 390px;
    height: 315px;
    padding: 40px 40px 45px 40px;
    background: var(--Gray-2, #F0F0F0);
    column-gap: 20px;
}
.tabs{
    display: flex;

    justify-content: space-around;
}
.tabs__item{
    list-style: none;
}
.tabs__image{
    border-radius: 10px;
    background: var(--Gray-1, #F8F8F8);
    width: 40px;
    height: 40px;
    padding: 8px;
}

@media (min-width: 768px) {
    .tabs__list{
        flex-direction: column;
    }
}

/*Icon Box*/
.custom-gallery-carousel {
    position: relative;
    margin: 0 auto;
}

.custom-gallery-item {
    margin: 0 10px;
    text-align: center;
}

.custom-gallery-item img {
    width: 100%;
    height: auto;
}

/*Box Item*/
.boxContainer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 2px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "Wallet cleaning_cloth sticker cable"
    "phrase_card user_manual app_card cable";
}

.boxContainer div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.img_item {
    max-width: 100%;
    height: auto;
}

.Wallet { grid-area: Wallet; }

.cleaning_cloth { grid-area: cleaning_cloth; }

.sticker { grid-area: sticker; }

.phrase_card { grid-area: phrase_card; }

.user_manual { grid-area: user_manual; }

.app_card { grid-area: app_card; }

.cable { grid-area: cable; }

.boxItems {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTc1IiBoZWlnaHQ9IjEyOTQiIHZpZXdCb3g9IjAgMCA5NzUgMTI5NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41IiBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzI2OThfNTI1NSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYyMi4xMjYgNDE4LjE1OUM2NzYuMTU1IDQyNy4zMTQgNzI2Ljk5MiA0NDEuMDU1IDc2OS40OTUgNDc1Ljk0OUM4MTguMDIxIDUxNS43ODggODc0Ljc3NyA1NjEuNTgzIDg3My43MjMgNjI0LjcxNUM4NzIuNjc1IDY4Ny40ODQgODA2LjQ5OCA3MjIuMTQ4IDc2NC42MSA3NjguNTQ5QzcxOS4wMiA4MTkuMDUgNjg5LjcyOSA5MDAuMDg4IDYyMi4xMjYgOTAzLjQxN0M1NTMuOTE3IDkwNi43NzUgNTA1LjczNyA4MzguNjUxIDQ2NS4wMjkgNzgzLjMwMUM0MzEuMTA1IDczNy4xNzUgNDI0Ljg1NSA2ODEuNjM1IDQxNy4xNTEgNjI0LjcxNUM0MDcuNDQ5IDU1My4wMzEgMzY0LjU4NiA0NjcuMDUgNDE1LjMwOSA0MTUuOTM2QzQ2Ni4wMzIgMzY0LjgyMiA1NTEuNDQ0IDQwNi4xODMgNjIyLjEyNiA0MTguMTU5WiIgZmlsbD0iIzg0NTBCOCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfMjY5OF81MjU1IiB4PSIwLjc4MDA5IiB5PSIwLjc4MDA5IiB3aWR0aD0iMTI2My4xOCIgaGVpZ2h0PSIxMjkyLjk4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE5NS4xMSIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzI2OThfNTI1NSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: auto;
    background-color: #222033;
    border-radius: 42px;
    padding: 70px 40px;
}

.boxItems h2{
    color:#fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.boxItems p{
    font-size: 17px;
    font-style: normal;
    font-weight: 100;
    color:#fff;
    font-family: '100';
}
/*Box Item*/

/*Coins*/
.coins-wrapper {
    padding: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxOSIgaGVpZ2h0PSIzNTQiIHZpZXdCb3g9IjAgMCAxMjE5IDM1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwQzAgMTcuOTA4NiAxNy45MDg2IDAgNDAgMEgxMTc5QzEyMDEuMDkgMCAxMjE5IDE3LjkwODYgMTIxOSA0MFYzMTRDMTIxOSAzMzYuMDkxIDEyMDEuMDkgMzU0IDExNzkgMzU0SDI3OS42NjVDMjYyLjUyOCAzNTQgMjQ3LjI5NSAzNDMuMDg0IDI0MS43ODcgMzI2Ljg1NkwyMzAuMDA1IDI5Mi4xNDRDMjI0LjQ5NyAyNzUuOTE2IDIwOS4yNjQgMjY1IDE5Mi4xMjcgMjY1SDQwQzE3LjkwODYgMjY1IDAgMjQ3LjA5MSAwIDIyNVY0MFoiIGZpbGw9IiMyMjIwMzMiLz4KPC9zdmc+Cg==");
    width: 1219px;
    height: 356px;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    overflow: hidden;
}

.coins_bg_shape {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxMTE4IiB2aWV3Qm94PSIwIDAgMTQ0MCAxMTE4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfMjgyM182Mzc1KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDg0LjU5MiA0MDcuOTU3QzUxOC4zOTIgNDEzLjY3MiA1NTAuMTk2IDQyMi4yNTIgNTc2Ljc4NiA0NDQuMDM4QzYwNy4xNDQgNDY4LjkxMSA2NDIuNjUgNDk3LjUwMyA2NDEuOTkxIDUzNi45MTlDNjQxLjMzNSA1NzYuMTA4IDU5OS45MzUgNTk3Ljc1MSA1NzMuNzMgNjI2LjcyMUM1NDUuMjA5IDY1OC4yNTEgNTI2Ljg4NSA3MDguODQ3IDQ4NC41OTIgNzEwLjkyNUM0NDEuOTIxIDcxMy4wMjIgNDExLjc3OSA2NzAuNDg5IDM4Ni4zMTMgNjM1LjkzMkMzNjUuMDkgNjA3LjEzMyAzNjEuMTggNTcyLjQ1NyAzNTYuMzYgNTM2LjkxOUMzNTAuMjkxIDQ5Mi4xNjQgMzIzLjQ3NSA0MzguNDgxIDM1NS4yMDcgNDA2LjU2OUMzODYuOTQgMzc0LjY1NiA0NDAuMzc0IDQwMC40OCA0ODQuNTkyIDQwNy45NTdaIiBmaWxsPSIjODQ1MEI4Ii8+CjwvZz4KPGcgb3BhY2l0eT0iMC43IiBmaWx0ZXI9InVybCgjZmlsdGVyMV9mXzI4MjNfNjM3NSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNjQuNTkgNDIzLjk1N0MxMDk4LjM5IDQyOS42NzIgMTEzMC4yIDQzOC4yNTIgMTE1Ni43OSA0NjAuMDM4QzExODcuMTQgNDg0LjkxMSAxMjIyLjY1IDUxMy41MDMgMTIyMS45OSA1NTIuOTE5QzEyMjEuMzQgNTkyLjEwOCAxMTc5LjkzIDYxMy43NTEgMTE1My43MyA2NDIuNzIxQzExMjUuMjEgNjc0LjI1MSAxMTA2Ljg4IDcyNC44NDcgMTA2NC41OSA3MjYuOTI1QzEwMjEuOTIgNzI5LjAyMiA5OTEuNzc5IDY4Ni40ODkgOTY2LjMxMyA2NTEuOTMyQzk0NS4wOSA2MjMuMTMzIDk0MS4xOCA1ODguNDU3IDkzNi4zNiA1NTIuOTE5QzkzMC4yOTEgNTA4LjE2NCA5MDMuNDc1IDQ1NC40ODEgOTM1LjIwNyA0MjIuNTY5Qzk2Ni45NCAzOTAuNjU2IDEwMjAuMzcgNDE2LjQ4IDEwNjQuNTkgNDIzLjk1N1oiIGZpbGw9IiM4NDUwQjgiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzI4MjNfNjM3NSIgeD0iLTUwLjIxOTkiIHk9IjAuNzgwMDkiIHdpZHRoPSIxMDgyLjQ0IiBoZWlnaHQ9IjExMDAuNDQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTk1LjExIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjgyM182Mzc1Ii8+CjwvZmlsdGVyPgo8ZmlsdGVyIGlkPSJmaWx0ZXIxX2ZfMjgyM182Mzc1IiB4PSI1MjkuNzgiIHk9IjE2Ljc4MDEiIHdpZHRoPSIxMDgyLjQ0IiBoZWlnaHQ9IjExMDAuNDQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTk1LjExIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMjgyM182Mzc1Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
    width: 1219px;
    height: 356px;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 60px 20px 60px;
}

.coins-holder {
    display: flex;
    justify-content: start;
}

.coin-item {
    box-sizing: border-box;
    padding-left: 35px;


}

.coin-item img:hover {

    scale: 1.1;
    rotate:90deg;

}
.coin-item img {
    transition: .3s cubic-bezier(0.1, 0.7, 1.0, 0.1);
}

.heading-h2{
    color:#fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

.paragraphs {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    color: #fff;
    font-family: '100';
}

.coin-button-accessory {
    position: absolute;
    left: 0;
    bottom: 0;
}
/*Coins*/

/*About Us Page*/
.tw-page-header{
    padding-bottom: 20px;
    padding-top:70px;
    border-radius: 0 0 70px 70px;
    background-image: linear-gradient(to right bottom, #fffbf0, #f9efea, #eee6e6, #e0dddf, #d4d4d4);
}

.page-header-title{
    font-weight: 800;
    font-size: 24px;
    color:#000;
}

.whb-flex-row.whb-general-header-inner{
    /* background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 1px 6px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px ); */
    border-radius:25px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    /* margin-top: 20px; */
    padding-inline: 10px;
    background-color: #fff;
}
.wd-nav[class*="wd-style-underline"] > li:is(:hover, .current-menu-item, .wd-active, .active) > a .nav-link-text::after {
    width: 100% !important;
    border-radius: 10px;
}

.header-content-column p{
    font-size:16px;
    color: #434343;
    line-height: 180%;

}

.tw_box_style{
    padding: 40px;
    border-radius: 40px;
    border: 3px solid #F0F0F0;
    background-color: #fff !important;
}

.tw_title_style{
    font-size: 24px;
    color:#353535;
    line-height: 140%;
    font-weight: bold;
}

.tw_paragraph_style p{
    font-size: 16px;
    line-height: 180%;
    color: #353535;
    font-weight: 100;
}

.about-us-tools{
    display: flex;
    justify-content: space-between;
}

.tw_tools_item::marker{
    color:var(--main-color);
    font-size: 22px;

}

.lazy-load-wrapper {
    position: relative;
}

.loading-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    opacity: 1;
    transition: opacity 0.3s;
}

.loading-animation.hidden {
    opacity: 0;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.lazy-load {
    opacity: 0;
    transition: opacity 0.3s;
}

.tw_btn_style{
    background-color: #FFC51A;
    color: #000;
    font-size: 16px;
    font-family: "400";
    line-height: 180%;
    padding: 10px 50px;
    border-radius: 12px;
}

.tw_btn_style:hover{
    color: #fff;
}

.tw_services_item{
    font-size:16px;
    line-height: 180%;
    padding-bottom: 12px;
    color: #434343;
}

.tw_services_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tw_services_item {
    position: relative;
    padding-right: 30px;
}

.tw_services_item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40OCAyMiAxMiAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTIgMlpNMTAgMTdMNSAxMkw2LjQxIDEwLjU5TDEwIDE0LjE3TDE3LjU5IDYuNThMMTkgOEwxMCAxN1oiIGZpbGw9IiM2NzRFQjciLz4KPC9zdmc+Cg==");
    background-size: cover;
    background-repeat: no-repeat;
}

.tw_certificates_item{
    background-color:#F0F0F0;
    border: 19px solid #fff;
    border-radius: 40px;
    list-style: none;
    width: 267px;
    height: 303px;
}

.tw_certificates{
    gap: 40px;
}
/*About Us Page*/

/*Contact Us Page*/
.contact_titles{
    font-weight: 600;
    color:#434343;
}

.address_icon,
.phone_icon,
.whatsapp_icon,
.email_icon{
    padding-right: 27px;
}

.address_icon::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjAwMDYgMTMuNDg4MkM5LjA0ODEyIDEzLjQ4ODIgNy40NTMxMiAxMS45MDIzIDcuNDUzMTIgOS45NDA2OEM3LjQ1MzEyIDcuOTc5MDEgOS4wNDgxMiA2LjQwMjM0IDExLjAwMDYgNi40MDIzNEMxMi45NTMxIDYuNDAyMzQgMTQuNTQ4MSA3Ljk4ODE4IDE0LjU0ODEgOS45NDk4NEMxNC41NDgxIDExLjkxMTUgMTIuOTUzMSAxMy40ODgyIDExLjAwMDYgMTMuNDg4MlpNMTEuMDAwNiA3Ljc3NzM0QzkuODA4OTYgNy43NzczNCA4LjgyODEyIDguNzQ5MDEgOC44MjgxMiA5Ljk0OTg0QzguODI4MTIgMTEuMTUwNyA5Ljc5OTc5IDEyLjEyMjMgMTEuMDAwNiAxMi4xMjIzQzEyLjIwMTUgMTIuMTIyMyAxMy4xNzMxIDExLjE1MDcgMTMuMTczMSA5Ljk0OTg0QzEzLjE3MzEgOC43NDkwMSAxMi4xOTIzIDcuNzc3MzQgMTEuMDAwNiA3Ljc3NzM0WiIgZmlsbD0iIzQzNDM0MyIvPgo8cGF0aCBkPSJNMTAuOTk5NiAyMS4zNjJDOS42NDI4OCAyMS4zNjIgOC4yNzcwNSAyMC44NDg3IDcuMjEzNzIgMTkuODMxMkM0LjUwOTU1IDE3LjIyNzkgMS41MjEyMiAxMy4wNzU0IDIuNjQ4NzIgOC4xMzQ1M0MzLjY2NjIyIDMuNjUyMDMgNy41ODAzOCAxLjY0NDUzIDEwLjk5OTYgMS42NDQ1M0MxMC45OTk2IDEuNjQ0NTMgMTAuOTk5NiAxLjY0NDUzIDExLjAwODcgMS42NDQ1M0MxNC40Mjc5IDEuNjQ0NTMgMTguMzQyMSAzLjY1MjAzIDE5LjM1OTYgOC4xNDM3QzIwLjQ3NzkgMTMuMDg0NSAxNy40ODk2IDE3LjIyNzkgMTQuNzg1NCAxOS44MzEyQzEzLjcyMjEgMjAuODQ4NyAxMi4zNTYyIDIxLjM2MiAxMC45OTk2IDIxLjM2MlpNMTAuOTk5NiAzLjAxOTUzQzguMzMyMDUgMy4wMTk1MyA0LjkwMzcyIDQuNDQwMzYgMy45OTYyMiA4LjQzNzAzQzMuMDA2MjIgMTIuNzU0NSA1LjcxOTU1IDE2LjQ3NjIgOC4xNzYyMiAxOC44MzJDOS43NjIwNSAyMC4zNjI5IDEyLjI0NjIgMjAuMzYyOSAxMy44MzIxIDE4LjgzMkMxNi4yNzk2IDE2LjQ3NjIgMTguOTkyOSAxMi43NTQ1IDE4LjAyMTIgOC40MzcwM0MxNy4xMDQ2IDQuNDQwMzYgMTMuNjY3MSAzLjAxOTUzIDEwLjk5OTYgMy4wMTk1M1oiIGZpbGw9IiM0MzQzNDMiLz4KPC9zdmc+Cg==");
    width: 22px;
    height: 22px;
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.phone_icon:before{
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40MTk3IDExLjg2OTVDMTEuMjQ5NyAxMy4wMzk1IDkuOTM5NzUgMTMuOTIxNSA4LjYxMDc1IDE0LjUwNzVDOC4zMjk3NSAxNC42MzA1IDguMDAwNzUgMTQuNTU4NSA3Ljc4Mzc1IDE0LjM0MTVMNi45NjQ3NSAxMy41MjI1QzYuMjkzNzUgMTIuODUxNSA1LjM0NDc1IDEyLjg1MTUgNC43NTg3NSAxMy40Mzc1TDMuNTg1NzUgMTQuNjEwNUMyLjgwNDc1IDE1LjM5MTUgMi44MDQ3NSAxNi42NTc1IDMuNTg1NzUgMTcuNDM4NUw0LjIzNjc1IDE4LjA5MDVDNC45Nzc3NSAxOC44MzE1IDYuMDQ2NzUgMTkuMTQwNSA3LjEwNjc1IDE4Ljk0MDVDOS43MTk3NSAxOC40NDY1IDEyLjU4MDcgMTYuOTI4NSAxNS4wMjk3IDE0LjQ3OTVDMTcuNDc4NyAxMi4wMzA1IDE4Ljk5NjcgOS4xNjk0NiAxOS40OTA3IDYuNTU2NDZDMTkuNjkwNyA1LjQ5NjQ2IDE5LjM4MTcgNC40Mjc0NiAxOC42NDA3IDMuNjg2NDZMMTcuOTg5NyAzLjAzNTQ2QzE3LjIwODcgMi4yNTQ0NiAxNS45NDI3IDIuMjU0NDYgMTUuMTYxNyAzLjAzNTQ2TDEzLjk4ODcgNC4yMDg0NkMxMy40MDI3IDQuNzk0NDYgMTMuNDAyNyA1Ljc0NDQ2IDEzLjk4ODcgNi4zMjk0NkwxNC44OTI3IDcuMjMyNDZDMTUuMTA5NyA3LjQ0OTQ2IDE1LjE4MjcgNy43Nzg0NiAxNS4wNTg3IDguMDU5NDZDMTQuNDcxNyA5LjM4ODQ2IDEzLjU4ODcgMTAuNjk5NSAxMi40MTk3IDExLjg2OTVaIiBzdHJva2U9IiM0MzQzNDMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 22px;
    height: 22px;
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.email_icon:before{
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi40MTk3IDExLjg2OTVDMTEuMjQ5NyAxMy4wMzk1IDkuOTM5NzUgMTMuOTIxNSA4LjYxMDc1IDE0LjUwNzVDOC4zMjk3NSAxNC42MzA1IDguMDAwNzUgMTQuNTU4NSA3Ljc4Mzc1IDE0LjM0MTVMNi45NjQ3NSAxMy41MjI1QzYuMjkzNzUgMTIuODUxNSA1LjM0NDc1IDEyLjg1MTUgNC43NTg3NSAxMy40Mzc1TDMuNTg1NzUgMTQuNjEwNUMyLjgwNDc1IDE1LjM5MTUgMi44MDQ3NSAxNi42NTc1IDMuNTg1NzUgMTcuNDM4NUw0LjIzNjc1IDE4LjA5MDVDNC45Nzc3NSAxOC44MzE1IDYuMDQ2NzUgMTkuMTQwNSA3LjEwNjc1IDE4Ljk0MDVDOS43MTk3NSAxOC40NDY1IDEyLjU4MDcgMTYuOTI4NSAxNS4wMjk3IDE0LjQ3OTVDMTcuNDc4NyAxMi4wMzA1IDE4Ljk5NjcgOS4xNjk0NiAxOS40OTA3IDYuNTU2NDZDMTkuNjkwNyA1LjQ5NjQ2IDE5LjM4MTcgNC40Mjc0NiAxOC42NDA3IDMuNjg2NDZMMTcuOTg5NyAzLjAzNTQ2QzE3LjIwODcgMi4yNTQ0NiAxNS45NDI3IDIuMjU0NDYgMTUuMTYxNyAzLjAzNTQ2TDEzLjk4ODcgNC4yMDg0NkMxMy40MDI3IDQuNzk0NDYgMTMuNDAyNyA1Ljc0NDQ2IDEzLjk4ODcgNi4zMjk0NkwxNC44OTI3IDcuMjMyNDZDMTUuMTA5NyA3LjQ0OTQ2IDE1LjE4MjcgNy43Nzg0NiAxNS4wNTg3IDguMDU5NDZDMTQuNDcxNyA5LjM4ODQ2IDEzLjU4ODcgMTAuNjk5NSAxMi40MTk3IDExLjg2OTVaIiBzdHJva2U9IiM0MzQzNDMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 22px;
    height: 22px;
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.whatsapp_icon:before{
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMzODJfNDgwNjUpIj4KPHBhdGggZD0iTTE2LjY4NzkgNS4yODA1QzE1LjE3OTEgMy43NzA3NSAxMy4xNzI1IDIuOTM4NDIgMTEuMDM0OSAyLjkzNzVDNi42Mjg0NCAyLjkzNzUgMy4wNDMzNiA2LjUyMDc1IDMuMDQyNDQgMTAuOTI1M0MzLjA0MDYxIDEyLjMyNjkgMy40MDgxOSAxMy43MDQ3IDQuMTA4NTMgMTQuOTE5MkwyLjk3NDYxIDE5LjA1ODlMNy4yMTE0NCAxNy45NDc5QzguMzgzODYgMTguNTg1OSA5LjY5NjUzIDE4LjkyMDUgMTEuMDMxMiAxOC45MjA1SDExLjAzNDlDMTUuNDM5NCAxOC45MjA1IDE5LjAyNDUgMTUuMzM2MyAxOS4wMjY0IDEwLjkzMTdDMTkuMDI3MyA4Ljc5Nzc1IDE4LjE5NjggNi43OTExNyAxNi42ODc5IDUuMjgwNVoiIHN0cm9rZT0iIzQzNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjM3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi4wMDM5IDEyLjQyOTlMMTIuMzc2MSAxMi4wNjA1QzEyLjcxOCAxMS43MjEzIDEzLjI1ODggMTEuNjc4MiAxMy42NTMgMTEuOTU1MUMxNC4wMzQzIDEyLjIyMjcgMTQuMzc5IDEyLjQ2MjkgMTQuNjk5OCAxMi42ODY2QzE1LjIwOTUgMTMuMDQwNCAxNS4yNzA5IDEzLjc2NjQgMTQuODMxOCAxNC4yMDQ2TDE0LjUwMjcgMTQuNTMzNyIgc3Ryb2tlPSIjNDM0MzQzIiBzdHJva2Utd2lkdGg9IjEuMzc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuNDY2OCA3LjQ5Njg3TDcuNzk1ODggNy4xNjc3OUM4LjIzNDA1IDYuNzI5NjIgOC45NjAwNSA2Ljc5MTA0IDkuMzEzODggNy4yOTk3OUM5LjUzNjYzIDcuNjIwNjIgOS43NzY4IDcuOTY1MjkgMTAuMDQ1NCA4LjM0NjYyQzEwLjMyMjIgOC43NDA3OSAxMC4yOCA5LjI4MTYyIDkuOTM5OTYgOS42MjM1NEw5LjU3MDU1IDkuOTk1NzEiIHN0cm9rZT0iIzQzNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjM3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNC41MDI5IDE0LjUzMjNDMTMuMTQ1MyAxNS44ODM0IDEwLjg2MzggMTQuNzM1OCA5LjA2MjUgMTIuOTMzNiIgc3Ryb2tlPSIjNDM0MzQzIiBzdHJva2Utd2lkdGg9IjEuMzc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDY0MDYgMTIuOTM2NUM3LjI2MjgxIDExLjEzNDMgNi4xMTUxNCA4Ljg1MzY4IDcuNDY2MzEgNy40OTYwOSIgc3Ryb2tlPSIjNDM0MzQzIiBzdHJva2Utd2lkdGg9IjEuMzc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNTcwMzEgOS45OTYwOUM5Ljg2MjczIDEwLjQ1NzIgMTAuMjM3NiAxMC45MTM3IDEwLjY2MTEgMTEuMzM3MkwxMC42NjMgMTEuMzM5QzExLjA4NjUgMTEuNzYyNSAxMS41NDMgMTIuMTM3NCAxMi4wMDQxIDEyLjQyOTgiIHN0cm9rZT0iIzQzNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjM3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzM4Ml80ODA2NSI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    width: 24px;
    height: 24px;
    display: block;
    top: 0;
    right: 0;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.address_holder{
    line-height: 190%;
}
/*Contact Us Page*/

/*Terms and Conditions*/
.terms-and-conditions-wrapper{
    background-color:#F0F0F0;
    padding: 40px !important;
    border-radius: 40px;
    border: 3px solid #fff;
}

.term-question{
    font-size: 24px;
    font-weight: bold;
    color: #353535;
    padding-bottom: 5px !important;
    margin-bottom: 0px !important;
}

.custom-gap {
    background-color: #F0F0F0;
    border-radius: 35px;
    border: 3px solid #fff;
    width: 49%;
    padding: 24px;
}

/*Terms and Conditions*/

/*Empty Cart*/
.empty-cart-container{
    padding-top:140px;
}

.empty-cart-message p{
    color:#434343;
    font-weight: 100;
    font-size: 16px;
    text-align: center;
}

.empty-cart-message h3{
    color:#030614;
    font-weight: 700;
    font-size: 24px;
}

.empty-cart-icon img{
    width: 330px;
    height: auto;
}
/*Empty Cart*/

/*Custom Button*/
.custom-direction-button-container {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.custom-direction-button {
    background-color: white;
    border-radius: 12px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
    min-width: 150px;
    transition: all 0.3s ease;
}

.custom-direction-button .button-text {
    font-weight: 500;
    margin-right: 10px;
}

.custom-direction-button .button-icon {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.custom-direction-button:hover .button-icon {
    transform: translateX(-5px);
}

.rtl .custom-direction-button .button-text {
    margin-left: 10px;
    margin-right: 0;
}
/*Custom Button*/

/*Custom Woocommerce Navigation*/

.woocommerce-MyAccount-title {
    display: none;
}

.tw-account-navigation {
    width: 285px;
    overflow: hidden;
    margin-left:15px;
}

.tw-user-profile, .woocommerce-MyAccount-navigation {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    text-align: center;
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: center;
}

.tw-user-profile {
    padding: 26px 30px;
}

.tw-user-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.tw-user-info h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: right;
}

.tw-user-info p {
    margin: 0;
    color: #777;
    font-size: 14px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 15px 0;
    width: 100%;
}

.woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
    border-right: 3px solid transparent;
}

.woocommerce-MyAccount-navigation li a:hover {
    background-color: #f8f9fa;
    color: #333;
}

.woocommerce-MyAccount-navigation li.is-active a {
    background-color: #f0f7ff;
    color: #4324A6;
    border-right: 3px solid var(--main-color);
}

.wd-my-account-sidebar {
    border-inline-end: none !important;
}

.woocommerce-MyAccount-navigation .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 12px;
}

.woocommerce-MyAccount-navigation .menu-icon svg {
    width: 20px;
    height: 20px;
}

.woocommerce-MyAccount-navigation li.is-active .menu-icon svg {
    stroke: #4324A6;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
}

.woocommerce-MyAccount-navigation li.is-active a {
    background-color: transparent !important;
}

.tw-user-logout{
    background-color: #FDEAE9;
    text-align: center;
    border-radius:24px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: center;
    padding: 16px 68px;
}

.tw-user-logout a{
    color:#F04438;
}

    .svg-button-video{
        font-size: 18px;
        color: white;
        font-family: yb_Bold;
        margin-block: 20px;

    }

@media (max-width: 768px) {

    .video-card{
        margin-bottom: 20px;
    }

    .video-box{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-inline: 30px;
        flex-direction: column-reverse;
    }

    .svg-button-video{
        font-size: 18px;
        color: white;
        font-family: yb_Bold;
        margin-block: 20px;

    }

    .application-container {
    	flex-direction: column-reverse;
    	display: flex;
    }

    .application-image-holder img{
        width:auto;
        height:300px;
        margin-top:-200px;
    }

    .application-wrapper.container {
      padding: 20 !important;
    }

    .application-text-holder h2{
        width: 98% !important;
        font-size: 18px !important;
        margin-top: 20px !important;
    }

    .svg-button-accessory{
        bottom: 8px !important;
    }

    .video-wrapper{
        height: auto !important;
    }

    .image-box-mobile-style{
        flex-direction: column-reverse;
    }

    .terms-and-conditions-wrapper {
            padding: 20px !important;
    }

    .custom-gap {
    	width: 100% !important;
    }

    /* Footer */
    .section-footer{
        height: 100vh !important;
    }
    .section-footer div{
        padding: 0 !important;
    }

    .footer-about-holder{
        width: 96% !important;
    }
    /* Footer */
    .tw-account-navigation {
        width: 100%;
        margin-bottom: 20px;
    }

    .social-icons-holder{
        pa
    }

    .footer-wrapper {
	    background-color: #222033 !important;
	    border-radius: 20px 20px 0 0 !important;
    }

    .tw-page-header{
        border-radius: 0 0 40px 40px;
    }

    .tw_btn_style{
        width: 100% !important;
        display: block;
        text-align: center;
    }

    .whb-flex-row.whb-general-header-inner {
        margin-top: 10px !important;
        padding: 28px 5px !important;
    }

    .tw-about-our-services{
        padding-right: 0 !important;
    }

    .about-us-tools{
        flex-direction: column;
    }

    .tw-user-profile {
        display: flex;
        align-items: center;
        text-align: right;
    }

    .tw-user-avatar {
        margin-bottom: 0;
        margin-left: 15px;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
    }

    .woocommerce-MyAccount-navigation li {
        width: 50%;
    }

    .woocommerce-MyAccount-navigation li a {
        border-right: none;
        border-bottom: 2px solid transparent;
        padding: 10px;
    }

    .woocommerce-MyAccount-navigation li.is-active a {
        border-right: none;
        border-bottom: 2px solid #4324A6;
    }
}

@media (max-width: 480px) {
    .woocommerce-MyAccount-navigation li {
        width: 100%;
    }
}


.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
    border-right: 3px solid transparent;
    position: relative; /* اضافه شده برای موقعیت‌دهی فلش */
}

.woocommerce-MyAccount-navigation .menu-arrow {
    position: absolute;
    left: 15px;
    opacity: 0;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation li a:hover .menu-arrow,
.woocommerce-MyAccount-navigation li.is-active a .menu-arrow {
    opacity: 1;
    left: 10px;
}

.tw-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

.tw-modal-content {
    background-color: #fff;
    margin: auto;
    width: 400px;
    max-width: 90%;
    border-radius: 35px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    animation: modalFadeIn 0.3s;
    padding: 10px 35px;
}

@keyframes modalFadeIn {
    from {opacity: 0; transform: translateY(-20px);}
    to {opacity: 1; transform: translateY(0);}
}

.tw-modal-header {
    padding: 10px 20px;
    text-align: center;
}

.tw-modal-header h3 {
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

.tw-modal-body {
    padding: 5px 20px;
    text-align: center;
}

.tw-modal-body p {
    margin: 0;
    font-size: 14px;
    color: #555;
}

.tw-modal-footer {
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
    border-top: 1px solid #CBCBCB;
    margin-top: 15px;
}

.tw-btn {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}


.tw-btn-secondary {
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-radius: 12px;
    color: #333;
    padding: 5px 40px !important;
}

.tw-btn-secondary:hover {
    background-color: #e1e1e1;
}
/*Custom Woocommerce Navigation*/

/*Custom Woocommerce My Account*/
.tw-myaccount-wrapper {
    padding-top: 25px;
}

.tw-myaccount-content {
    flex: 1;
    background-color: #fff;
    border-radius: 24px;
    padding: 30px;
    border: 1px solid #F0F0F0;
}

.tw-separator {
    color: #999;
    font-weight: normal;
}

@media (max-width: 768px) {
    .tw-myaccount-wrapper {
        flex-direction: column;
    }
}
/*Custom Woocommerce My Account*/

/*Custom Woocommerce My Address*/
.tw-addresses-wrapper {
    margin-bottom: 40px;
}

.tw-section-header {
    margin-bottom: 30px;
}

.tw-section-header h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.tw-section-header p {
    color: #666;
    margin-bottom: 0;
}

.tw-addresses-actions {
    margin-bottom: 30px;
    text-align: left;
}

.tw-add-address-btn {
    display: inline-flex;
    align-items: center;
    color: #656565 !important;
    font-weight: 500;
    font-size:14px;
    transition: background-color 0.3s;
}

.tw-add-address-btn:hover {
    color: var(--main-color) !important;
}

.tw-btn-icon {
    margin-left: 8px;
    font-size: 18px;
    font-weight: bold;
}

.tw-no-addresses {
    background-color: #f8f9fa;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
}

.tw-addresses-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.tw-address-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border: 1px solid #F0F0F0;
    border-radius: 8px;
    background-color: #fff;
    transition: box-shadow 0.3s;
}

.tw-address-row:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--main-color);
}

.tw-address-content {
    flex: 1;
}

.tw-address-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tw-address-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}

.tw-address-badges {
    display: flex;
    gap: 5px;
}

.tw-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.tw-badge-billing {
    background-color: #e3f2fd;
    color: #1976d2;
}

.tw-badge-shipping {
    background-color: #e8f5e9;
    color: #388e3c;
}

.tw-address-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tw-address-line {
    color: #555;
    line-height: 1.5;
}

.tw-contact-info {
    display: flex;
    gap: 15px;
    color: #666;
    font-size: 14px;
}

.tw-person-name {
    font-weight: 500;
}

.tw-address-actions {
    display: flex;
    gap: 15px;
}

.tw-edit-address, .tw-delete-address {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.tw-edit-address {
    color: #1976d2;
}

.tw-edit-address:hover {
    background-color: rgba(25, 118, 210, 0.1);
}

.tw-delete-address {
    color: #e53935;
}

.tw-delete-address:hover {
    background-color: rgba(229, 57, 53, 0.1);
}

.tw-address-form-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.tw-address-form-wrapper h3 {
    margin-bottom: 20px;
    font-size: 20px;
}

.tw-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.tw-form-row:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .tw-form-row {
        grid-template-columns: 1fr;
    }
}

.tw-form-group {
    position: relative;
}

.tw-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.tw-form-group .required {
    color: #e53935;
}

.tw-form-group input[type="text"],
.tw-form-group input[type="tel"],
.tw-form-group input[type="email"],
.tw-form-group select {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
}

.tw-form-group input:focus,
.tw-form-group select:focus {
    border-color: #1976d2;
    outline: none;
}

.tw-form-hint {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

.tw-form-checkboxes {
    grid-template-columns: 1fr;
}

.tw-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.tw-checkbox input {
    margin-left: 10px;
}

.tw-form-actions {
    margin-top: 30px;
    display: flex;
    gap: 15px;
}

.tw-save-address-btn {
    background-color: #1976d2 !important;
    color: white !important;
    border: none !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    font-weight: 500;
    transition: background-color 0.3s;
}

.tw-save-address-btn:hover {
    background-color: #1565c0 !important;
}

.tw-cancel-btn, .tw-modal-cancel {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #CBCBCB !important;
    padding: 10px 65px !important;
    border-radius: 12px !important;
    font-weight: 500;
    transition: background-color 0.3s;
}

.tw-cancel-btn:hover {
    background-color: #e0e0e0 !important;
}

@media (max-width: 768px) {
    .tw-address-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .tw_certificates {
	    padding: 0px;
        	gap: 5px;
    }

    .tw_certificates_item{
        border: 5px solid #fff;
        height: 165px;
    }

    .tw-address-actions {
        margin-top: 15px;
        align-self: flex-end;
    }

    .tw-contact-info {
        flex-direction: column;
        gap: 5px;
    }

    .tw-form-actions {
        flex-direction: column;
    }

    .tw-form-actions button,
    .tw-form-actions a {
        width: 100%;
        text-align: center;
    }
}


.tw-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.tw-modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 32px 40px;
    border-radius: 35px;
    width: 90%;
    max-width: 500px;
    animation: tw-modal-appear 0.3s ease;
}

@keyframes tw-modal-appear {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tw-modal-header {
    padding: 15px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tw-modal-header h3 {
    margin: 0;
    font-size: 24px;
    color: #333;
    font-weight: 800;
}

.tw-modal-body p {
    margin: 0 0 10px;
    color: #555;
}

.tw-modal-footer {
    padding: 15px 20px;
    border-top: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.tw-modal-cancel {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.tw-modal-cancel:hover {
    background-color: #e0e0e0 !important;
}

.tw-delete-btn {
    background-color: #e53935 !important;
    color: white !important;
    border: none !important;
}

.tw-delete-btn:hover {
    background-color: #c62828 !important;
}

.svg-button-crypto {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.crypto-wrapper {
    width: 1219px;
    height: 354px;
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxOSIgaGVpZ2h0PSIzNTQiIHZpZXdCb3g9IjAgMCAxMjE5IDM1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDQwQzAgMTcuOTA4NiAxNy45MDg2IDAgNDAgMEgxMTc5QzEyMDEuMDkgMCAxMjE5IDE3LjkwODYgMTIxOSA0MFYzMTRDMTIxOSAzMzYuMDkxIDEyMDEuMDkgMzU0IDExNzkgMzU0SDI3OS42NjVDMjYyLjUyOCAzNTQgMjQ3LjI5NSAzNDMuMDg0IDI0MS43ODcgMzI2Ljg1NkwyMzAuMDA1IDI5Mi4xNDRDMjI0LjQ5NyAyNzUuOTE2IDIwOS4yNjQgMjY1IDE5Mi4xMjcgMjY1SDQwQzE3LjkwODYgMjY1IDAgMjQ3LjA5MSAwIDIyNVY0MFoiIGZpbGw9IiMyMjIwMzMiLz4KPC9zdmc+Cg=="); */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 35px;
}

.crypto-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: nowrap;
    padding-bottom: 10px;
    width: 100%;
}

.crypto-item {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    flex-shrink: 0;
}

.crypto-image {
    max-width: 70%;
    max-height: 70%;
    transition: transform 0.3s ease;
}

.crypto-title {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
}

.crypto-description {
    font-size: 17px;
    line-height: 180%;
}

.crypto-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 48px 58px 39px 58px;
}

.crypto-box-container {
    width: 100%;
    overflow: visible;
    position: relative;
    padding: 0;
    margin: 0;
    margin-right: 0;
    margin-left: auto;
}

.crypto-item::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
            to bottom right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(30deg);
    opacity: 0;
    transition: opacity 0.6s;
    pointer-events: none;
}

.crypto-item:hover::after {
    opacity: 1;
    animation: shine 1.5s ease-out;
}

.crypto-item:hover {
    transform: translateY(-5px);
}

@keyframes shine {
    0% {
        transform: translateX(-100%) rotate(30deg);
    }
    100% {
        transform: translateX(100%) rotate(30deg);
    }
}

/*Responsive Design Crypto*/
@media (max-width: 768px) {
    .crypto-wrapper {
        padding: 0 !important;
        height: 480px !important;
    }
    .crypto-header {
    	padding: 10px;
    }
    .crypto-title {
        font-size: 28px;
    }
    .crypto-item {
        width: 50px;
        height: 50px;
    }
    .crypto-box {
        gap: 8px;
    }

    .svg-button-crypto {
	    padding: 20px 35px;
	    border-radius: 35px;
	    bottom: 5px;
        color: #242135;
        right: 10px !important;
        left: auto !important;
        font-family: 'yb_Black';
    }
}

@media (max-width: 480px) {
    .crypto-wrapper {
        padding: 30px 0;
    }
    .crypto-title {
        font-size: 24px;
    }
    .crypto-item {
        width: 45px;
        height: 45px;
    }
    .crypto-box {
        gap: 10px;
    }
}

/*Responsive Design Crypto Supported*/


/*Custom Woocommerce My Address*/

/*Widget Crypto Coins*/
.application-text-holder h2{
    width: 80%;
}

.application-wrapper.container {
    padding: 52px 90px 0 0;
}
.application-text-holder p,.video-text-holder p {
    color: var(--Gray-2, #F0F0F0);
    font-size: 16px;
    font-style: normal;
    font-weight: 100;
    line-height: 225%;
    font-family: 'yb_Light';
    width: 95%;
}

.application-text-holder h2{
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    width: 70%;
    font-family: 'yb_SemiBold';
}

/*Widget Crypto Coins*/

/*Accordion Widget*/
.tw-accordion-button {
    color: #fff !important;
    background-color: transparent !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.tw-accordion-button:hover{
    background-color: transparent !important;
}

.tw-accordion-item {
    background: linear-gradient(90deg,rgba(230, 230, 230, 0.04) 0%, rgba(230, 230, 230, 0.21) 76%);
    border-radius: 28px;
    padding: 30px 50px !important;
    margin-bottom: 10px;
}
.tw-accordion-body {
    font-size: 16px !important;
    font-weight: 200 !important;
    font-family: inherit;
    font-weight: 300px;
    color: #fff !important;
    line-height: 180% !important;
    margin-top: 10px;
}

.accordion-wrapper {
    background-color: #222033;
    padding: 100px 160px !important;
    border-radius: 15px;
    background-image: url('http://localhost/tw/wp-content/themes/tehranwallet-child/assets/images/boxInclude-right.svg');
    background-position: center right;

}

.tw-accordion-title {
    margin: 0px !important;
}
/*Accordion Widget*/

/*Blog Page Style*/
.tw-clock-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTcuNTYyNUM0LjU1MjUgMTcuNTYyNSAwLjkzNzUgMTMuOTQ3NSAwLjkzNzUgOS41QzAuOTM3NSA1LjA1MjUgNC41NTI1IDEuNDM3NSA5IDEuNDM3NUMxMy40NDc1IDEuNDM3NSAxNy4wNjI1IDUuMDUyNSAxNy4wNjI1IDkuNUMxNy4wNjI1IDEzLjk0NzUgMTMuNDQ3NSAxNy41NjI1IDkgMTcuNTYyNVpNOSAyLjU2MjVDNS4xNzUgMi41NjI1IDIuMDYyNSA1LjY3NSAyLjA2MjUgOS41QzIuMDYyNSAxMy4zMjUgNS4xNzUgMTYuNDM3NSA5IDE2LjQzNzVDMTIuODI1IDE2LjQzNzUgMTUuOTM3NSAxMy4zMjUgMTUuOTM3NSA5LjVDMTUuOTM3NSA1LjY3NSAxMi44MjUgMi41NjI1IDkgMi41NjI1WiIgZmlsbD0iIzc1NzU3NSIvPgo8cGF0aCBkPSJNMTEuNzgzIDEyLjQ0NzhDMTEuNjg1NSAxMi40NDc4IDExLjU4OCAxMi40MjUzIDExLjQ5OCAxMi4zNjUzTDkuMTcyOTcgMTAuOTc3OEM4LjU5NTQ3IDEwLjYzMjggOC4xNjc5NyA5Ljg3NTMxIDguMTY3OTcgOS4yMDc4MVY2LjEzMjgxQzguMTY3OTcgNS44MjUzMSA4LjQyMjk3IDUuNTcwMzEgOC43MzA0NyA1LjU3MDMxQzkuMDM3OTcgNS41NzAzMSA5LjI5Mjk3IDUuODI1MzEgOS4yOTI5NyA2LjEzMjgxVjkuMjA3ODFDOS4yOTI5NyA5LjQ3NzgxIDkuNTE3OTcgOS44NzUzMSA5Ljc1MDQ3IDEwLjAxMDNMMTIuMDc1NSAxMS4zOTc4QzEyLjM0NTUgMTEuNTU1MyAxMi40MjggMTEuOTAwMyAxMi4yNzA1IDEyLjE3MDNDMTIuMTU4IDEyLjM1MDMgMTEuOTcwNSAxMi40NDc4IDExLjc4MyAxMi40NDc4WiIgZmlsbD0iIzc1NzU3NSIvPgo8L3N2Zz4K");    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tw-views-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5NDUgMTIuNzQ4OUM3LjIwNjk1IDEyLjc0ODkgNS43NTE5NSAxMS4yOTM5IDUuNzUxOTUgOS41MDE0MUM1Ljc1MTk1IDcuNzA4OTEgNy4yMDY5NSA2LjI1MzkxIDguOTk5NDUgNi4yNTM5MUMxMC43OTIgNi4yNTM5MSAxMi4yNDcgNy43MDg5MSAxMi4yNDcgOS41MDE0MUMxMi4yNDcgMTEuMjkzOSAxMC43OTIgMTIuNzQ4OSA4Ljk5OTQ1IDEyLjc0ODlaTTguOTk5NDUgNy4zNzg5MUM3LjgyOTQ1IDcuMzc4OTEgNi44NzY5NSA4LjMzMTQxIDYuODc2OTUgOS41MDE0MUM2Ljg3Njk1IDEwLjY3MTQgNy44Mjk0NSAxMS42MjM5IDguOTk5NDUgMTEuNjIzOUMxMC4xNjk1IDExLjYyMzkgMTEuMTIyIDEwLjY3MTQgMTEuMTIyIDkuNTAxNDFDMTEuMTIyIDguMzMxNDEgMTAuMTY5NSA3LjM3ODkxIDguOTk5NDUgNy4zNzg5MVoiIGZpbGw9IiM3NTc1NzUiLz4KPHBhdGggZD0iTTkuMDAwNTUgMTYuMjY0NEM2LjE4MDU1IDE2LjI2NDQgMy41MTgwNSAxNC42MTQ0IDEuNjg4MDUgMTEuNzQ5NEMwLjg5MzA0NyAxMC41MTE5IDAuODkzMDQ3IDguNDk0MzcgMS42ODgwNSA3LjI0OTM3QzMuNTI1NTUgNC4zODQzOCA2LjE4ODA1IDIuNzM0MzggOS4wMDA1NSAyLjczNDM4QzExLjgxMyAyLjczNDM4IDE0LjQ3NTUgNC4zODQzOCAxNi4zMDU1IDcuMjQ5MzdDMTcuMTAwNSA4LjQ4Njg4IDE3LjEwMDUgMTAuNTA0NCAxNi4zMDU1IDExLjc0OTRDMTQuNDc1NSAxNC42MTQ0IDExLjgxMyAxNi4yNjQ0IDkuMDAwNTUgMTYuMjY0NFpNOS4wMDA1NSAzLjg1OTM4QzYuNTc4MDUgMy44NTkzOCA0LjI2MDU1IDUuMzE0MzggMi42NDA1NSA3Ljg1Njg4QzIuMDc4MDUgOC43MzQzOCAyLjA3ODA1IDEwLjI2NDQgMi42NDA1NSAxMS4xNDE5QzQuMjYwNTUgMTMuNjg0NCA2LjU3ODA1IDE1LjEzOTQgOS4wMDA1NSAxNS4xMzk0QzExLjQyMyAxNS4xMzk0IDEzLjc0MDUgMTMuNjg0NCAxNS4zNjA1IDExLjE0MTlDMTUuOTIzIDEwLjI2NDQgMTUuOTIzIDguNzM0MzggMTUuMzYwNSA3Ljg1Njg4QzEzLjc0MDUgNS4zMTQzOCAxMS40MjMgMy44NTkzOCA5LjAwMDU1IDMuODU5MzhaIiBmaWxsPSIjNzU3NTc1Ii8+Cjwvc3ZnPgo=");    background-size: contain;
}

.blog-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.blog-card-link:hover {
    text-decoration: none;
    color: inherit;
    color: inherit;
}

.blog-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 15px;
}

.blog-title {
    text-align: center;
    margin-bottom: 40px;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 992px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }

    .tw-blog-filters {
        position: relative;
    }

    .tw-blog-filter-row {
        overflow-x: auto; /* فعال کردن اسکرول افقی */
        padding-bottom: 5px; /* فضا برای اسکرول‌بار */
        position: relative;
        -webkit-overflow-scrolling: touch; /* اسکرول نرم در iOS */
        scroll-behavior: smooth; /* اسکرول نرم */

        /* نشانه‌های اسکرول */
        background-image:
                linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%),
                linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background-position: right center, left center;
        background-repeat: no-repeat;
        background-size: 20px 100%, 20px 100%;
        background-attachment: local, local;
    }

    /* پنهان کردن اسکرول‌بار در مرورگرهای مختلف */
    .tw-blog-filter-row::-webkit-scrollbar {
        height: 4px;
    }

    .tw-blog-filter-row::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .tw-blog-filter-row::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
    }

    .tw-blog-filter-field {
        min-width: 140px;
        flex: 0 0 auto; /* جلوگیری از تغییر اندازه خودکار */
    }

    /* اضافه کردن نشانه اسکرول */
    .tw-blog-filters::after {
        content: "";
        position: absolute;
        bottom: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        opacity: 0.5;
        pointer-events: none;
        animation: fadeInOut 2s infinite;
        z-index: 1;
    }

    @keyframes fadeInOut {
        0%, 100% { opacity: 0.2; }
        50% { opacity: 0.7; }
    }
}

.blog-card {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.blog-card-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.05);
}

.blog-card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(29,20,41,0.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.blog-card-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.blog-card-excerpt {
    margin-bottom: 15px;
    color: #666;
    flex-grow: 1;
}

.blog-card-meta {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #777;
}

.blog-card-meta-item {
    display: flex;
    align-items: center;
}

.blog-card-meta-item .icon {
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.tw-blog-pagination {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tw-blog-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 8px;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.tw-blog-pagination .page-numbers.current {
    background: #674EB7;
    color: #fff;
}

.tw-blog-pagination .page-numbers:hover:not(.current) {
    background: #e0e0e0;
}

.tw-blog-pagination .prev,
.tw-blog-pagination .next {
    width: auto;
    padding: 0 15px;
    border-radius: 20px;
}


.tw-blog-filters {
    margin-bottom: 30px;
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
}

.tw-blog-filter-field {
    flex: 1;
    min-width: 180px;
}

.tw-blog-search-form {
    position: relative;
    display: flex;
}

.tw-blog-search-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.tw-blog-search-input:focus {
    border-color: #0073aa;
    outline: none;
}

.tw-blog-search-button {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
}


.tw-blog-search-button:hover {
    color: #0073aa;
    background: transparent;
}

.tw-blog-filter-select,
.tw-blog-search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}

.tw-blog-filter-select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    transition: border-color 0.3s;
}

.tw-blog-filter-select:focus {
    border-color: #0073aa;
    outline: none;
}

.tw-blog-active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tw-blog-active-filter {
    display: inline-flex;
    align-items: center;
    background-color: #e9f5ff;
    color: #0066cc;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
}
.tw-blog-active-filter .filter-label {
    font-weight: bold;
    margin-right: 4px;
}

.tw-blog-active-filter .filter-remove {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(0, 115, 170, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 16px;
    color: #0066cc;
    text-decoration: none;
}

.tw-blog-active-filter .filter-remove:hover {
    background: rgba(0, 115, 170, 0.2);
}

.tw-blog-filter-reset {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #674eb7;
    border-radius: 35px;
    color: #fff;
    text-decoration: none;
    flex-shrink: 0;
}

.tw-blog-filter-reset:hover {
    background-color: #e0e0e0;
    color: #333;
}


.new-post-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--main-color);
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}


.comments-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOSA4QzE3LjM0MzEgOCAxNiA2LjY1Njg1IDE2IDVDMTYgMy4zNDMxNSAxNy4zNDMxIDIgMTkgMkMyMC42NTY5IDIgMjIgMy4zNDMxNSAyMiA1QzIyIDYuNjU2ODUgMjAuNjU2OSA4IDE5IDhaIiBzdHJva2U9IiM3RjdGN0YiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0IDJIOUM0IDIgMiA0IDIgOVYxNUMyIDIwIDQgMjIgOSAyMkgxNUMyMCAyMiAyMiAyMCAyMiAxNVYxMCIgc3Ryb2tlPSIjN0Y3RjdGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjAyOTk4IDEyLjA4OTlDOC42Mzk5OCAxMS44ODk5IDkuMzg5OTggMTIuMDU5OSA5LjgxOTk4IDEyLjY0OTlDMTAuMjIgMTIuMDM5OSAxMSAxMS44OTk5IDExLjYgMTIuMDg5OUMxMi43NiAxMi40NTk5IDEzLjE3IDEzLjgyOTkgMTIuODIgMTQuOTI5OUMxMi4yNyAxNi42Nzk5IDEwLjM1IDE3LjU4OTkgOS44MTk5OCAxNy41ODk5QzkuMjc5OTggMTcuNTc5OSA3LjM3OTk4IDE2LjY4OTkgNi44MDk5OCAxNC45Mjk5QzYuNDU5OTggMTMuODI5OSA2Ljg2OTk4IDEyLjQ1OTkgOC4wMjk5OCAxMi4wODk5WiIgc3Ryb2tlPSIjN0Y3RjdGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.blog-card-meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #777;
}
.blog-card-meta-item:last-child {
    margin-right: 0;
}

.tw-blog-filter-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
}

.category-badge {
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.29);
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 35px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 2;
    transition: all 0.3s ease;
}

.blog-card:hover .category-badge {
    background-color: rgba(0, 0, 0, 0.8);
}

.blog-card-image {
    position: relative;
    overflow: hidden;
}

.blog-page-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 531px;
    width: 100%;
    position: relative;
    border-radius: 0 0 40px 40px;
}

.post-content-section {
    margin-bottom: 40px;
}

.post-content {
	font-size: 16px;
	line-height: 1.8;
	background: #fff;
	border-radius: 25px;
	padding: 15px;
}

.post-tags, .post-categories {
    margin-top: 30px;
    margin-bottom: 15px;
}

.tags-title, .categories-title {
    font-weight: bold;
    margin-left: 10px;
}


.tag-link, .category-link {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 4px 10px;
    background-color: #f0f0f0;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.tag-link:hover, .category-link:hover {
    background-color: #e0e0e0;
    color: #000;
}

.related-posts {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.related-posts h3 {
    margin-bottom: 20px;
}

.related-post-card {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s, box-shadow 0.3s;
}

.related-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.related-post-thumbnail img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.related-post-content {
    padding: 15px;
}

.related-post-content h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.related-post-content h4 a {
    color: #333;
    text-decoration: none;
}

.related-post-meta {
    font-size: 12px;
    color: #666;
}

.table-of-contents {
    position: sticky;
    top: 20px;
}


@media (max-width: 991px) {
    .blog-page-banner {
        height: 400px;
    }

    .tw-blog-filter-field {
        min-width: 160px;
    }
}

@media (max-width: 767px) {
    .blog-page-banner {
        height: 250px;
    }

    .tw-blog-filters {
        position: relative;
    }

    .single-post-container {
        padding-top: 70px !important;
    }

    .post-thumbnail img{
        height: auto !important;
    }

    .post-title {
        font-size: 14px !important;
        font-weight: 800 !important;
    }

    .post-header {
        flex-direction: column-reverse !important;
    }

    .post-content-section {
        flex-direction: column-reverse !important;
    }

    .post-meta-info {
        margin-top: 20px;
    }

    .table-of-contents {
        margin-top: 0px !important;
        position: static;
    }

    .comment-form-row {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .page-banner {
        height: 200px;
    }
}


/*Blog Page Style*/

/*Single Blog*/

.post-thumbnail img{
    height: 375px;
    width: 100%;
    object-fit: cover;
}

.toc-list {
    max-height: 500px;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    transform: translateY(0);
    transform-origin: top;
    padding: 10px;
}

.toc-container {
    background-color: #fff;
    border-radius: 30px;
    margin-bottom: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.toc-container h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: 18px 32px;
    background: #E1B12C;
    border-radius: 30px 30px 0 0;
    text-align: center;
    position: relative;
    transition: background-color 0.3s ease;
}

.toc-list ul {
    list-style-type: disc;
    padding-left: 0;
}

.toc-list li {
    margin-bottom: 10px !important;
}

.toc-list a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.toc-list a:hover {
    color: #674eb7;
}

.toc-list .toc-h3 {
    padding-right: 15px;
    font-size: 16px;
}

.toc-toggle {
    background: none;
    border: none;
    color: #333;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    float: left;
    padding: 0 5px;
    margin-top: -5px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.toc-collapsed + .toc-toggle,
.toc-container h3 .toc-toggle.collapsed {
    transform: rotate(90deg);
}

.toc-toggle:hover{
    background-color: transparent;
}

.toc-collapsed {
    max-height: 0 !important;
    opacity: 0;
    transform: translateY(-10px);
    margin: 0 !important;
    padding: 0 !important;
}


.toc-h3 {
    padding-right: 15px;
}

.toc-h4 {
    padding-right: 25px;
}


.latest-posts-sidebar {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.latest-posts-sidebar h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding: 20px 30px;
    text-align:center;
}

.post-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post-header {
    margin-bottom: 60px;
}

.post-thumbnail img {
    border-radius: 40px;
}

.post-meta-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 30px;
}

.post-title {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 800;
    font-family: 'yb_Bold';
}

.post-meta span {
    display: inline-flex;
    align-items: center;
}

.post-meta i {
    margin-left: 5px;
}

.post-excerpt {
    font-size: 16px;
    line-height: 1.6;
    color: #656565;
}

.single-post-container {
    padding-top: 50px;
}

.highlight-section {
    animation: highlight 2s;
}

.latest-posts-list {
    list-style-type: none;
    padding-left: 0;
}

.latest-post-item {
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.latest-post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.latest-post-thumbnail {
    flex: 0 0 70px;
    margin-left: 10px;
}

.latest-post-thumbnail img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
}

.latest-post-content {
    flex: 1;
}

.latest-post-content h4 {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
}

.latest-post-content h4 a {
    color: #333;
    text-decoration: none;
}

.latest-post-date {
    font-size: 12px;
    color: #666;
}

@keyframes highlight {
    0% { background-color: rgba(255, 255, 0, 0.5); }
    100% { background-color: transparent; }
}

@media (max-width: 767px) {

    .accordion-wrapper {
        padding: 10px !important;
    }   
    .tw-accordion-item {
	    padding: 7px !important;    
    }

    .tw-accordion-button {
	    font-size: 14px !important;
        text-align: right !important;
        font-weight: 300 !important;
    }

    .section.accordion-wrapper .container {
    	padding-inline: 0 !important;
    }

    .tw-accordion-body{
        padding: 10px !important;
    }

    .toc-container,
    .latest-posts-sidebar {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        top: 0 !important;
        right: 0 !important;
        float: none !important;
        clear: both !important;
        overflow: visible !important;
    }

    .single-post-content {
        clear: both !important;
        display: block !important;
        width: 100% !important;
    }

    .toc-container.sticky,
    .latest-posts-sidebar.sticky {
        position: relative !important;
        top: 0 !important;
    }

    .toc-container {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }

    .latest-posts-sidebar {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    body, html {
        overflow-x: hidden !important;
    }

    .single-post-container {
        display: block !important;
        grid-template-columns: 1fr !important;
    }

    .single-post-flex-container {
        flex-direction: column !important;
    }
}

/*Blog Post Comments*/
.comment-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.comment-list li {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.comment-author {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.comment-author img {
    border-radius: 50%;
    margin-left: 10px;
}

.comment-author .fn {
    font-weight: bold;
    font-style: normal;
}

.comment-metadata {
    font-size: 12px;
    color: #777;
    margin-bottom: 10px;
}

.comment-content {
    margin-bottom: 10px;
}

.comment-reply-link {
    display: inline-block;
    padding: 3px 10px;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
}

.comment-reply-link:hover {
    background-color: #0056b3;
    color: white;
}

.comment-form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.comment-form-row input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
}

#comment {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    min-height: 150px;
    margin-bottom: 15px;
}

.submit-comment-btn {
    background-color: #FFC51A;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.submit-comment-btn:hover {
    background-color: #674eb7;
    color: white;
}

.comment-respond {
    margin-top: 30px;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.comment-reply-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.comment-notes {
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.comment-form-cookies-consent input {
    margin-left: 10px;
}

.comment-awaiting-moderation {
    font-size: 14px;
    color: #d9534f;
    margin-bottom: 10px;
    font-style: italic;
}

.comments-pagination {
    margin-top: 20px;
    text-align: center;
}

.comments-pagination .page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px;
    border: 1px solid #ddd;
    border-radius: 35px;
    text-decoration: none;
}

.comments-pagination .page-numbers.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.comments-pagination .page-numbers:hover:not(.current) {
    background-color: #f0f0f0;
}
/*Blog Post Comments*/

/*Single Blog*/


/*Shop Page*/
.checkbox-wrapper-64 input[type="checkbox"] {
    visibility: hidden;
    display: none;
}
.checkbox-wrapper-64 *,
.checkbox-wrapper-64 ::after,
.checkbox-wrapper-64 ::before {
    box-sizing: border-box;
}
/* The switch - the box around the slider */
.checkbox-wrapper-64 .switch {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 3.5em;
    height: 2em;
}
/* Hide default HTML checkbox */
.checkbox-wrapper-64 .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
/* The slider */
.checkbox-wrapper-64 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border: 1px solid #adb5bd;
    transition: .4s;
    border-radius: 30px;
}
.checkbox-wrapper-64 .slider:before {
    position: absolute;
    content: "";
    height: 1.4em;
    width: 1.4em;
    border-radius: 20px;
    left: 0.27em;
    bottom: 0.25em;
    background-color: #adb5bd;
    transition: .4s;
}
.checkbox-wrapper-64 input:checked + .slider {
    background-color: #674eb7;
    border: 1px solid #674eb7;
}
.checkbox-wrapper-64 input:focus + .slider {
    box-shadow: 0 0 1px #674eb7;
}
.checkbox-wrapper-64 input:checked + .slider:before {
    transform: translateX(1.4em);
    background-color: #fff;
}

.tw-product-filters {
    background-color: #fff;
    border-radius: 32px;
    padding: 15px;
    margin-bottom: 20px;
}

.filter-title {
    font-size: 16px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
}

.filter-section {
    margin-bottom: 15px;
}

.filter-name {
    font-size: 14px;
}

/* استایل فیلتر قیمت با range input */
.price-filter-section {
    margin-top: 20px;
}

.price-display {
    text-align: center;
    font-size: 14px;
}

.range-input-wrapper {
    padding: 0 5px;
}

/* استایل اصلی range input */
.price-range-input {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: #e1e9f6;
    outline: none;
}

/* استایل thumb (دکمه کشویی) */
.price-range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #674eb7;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
}

.price-range-input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #674eb7;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: background 0.3s;
    border: none;
}

.price-range-input::-webkit-slider-thumb:hover {
    background: #674eb7;
}

.price-range-input::-moz-range-thumb:hover {
    background: #674eb7;
}

/* استایل track (خط اسلایدر) */
.price-range-input::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.price-range-input::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    border-radius: 5px;
}

/* استایل دکمه اعمال فیلتر */
#apply-price-filter {
    background-color: #e1b12b;
    transition: all 0.3s ease;
    border-radius: 35px;
    color: #fff;
    margin-top: 25px !important;
}

#apply-price-filter:hover {
    background-color: #674eb7;
}



/* استایل فیلتر برند */
.brand-filter-container {
    margin-top: 15px;
}

.brand-items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.brand-item {
    width: calc(33.333% - 10px);
    height: 60px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #fff;
}

.brand-item:hover {
    border-color: #674eb7;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

.brand-item.selected {
    border-color: #674eb7;
    background-color: rgba(0, 123, 255, 0.1);
}

.brand-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.brand-name {
    font-size: 12px;
    text-align: center;
    word-break: break-word;
}

#apply-brand-filter {
    background-color: #674eb7;
    border-color: #674eb7;
    transition: all 0.3s ease;
}

#apply-brand-filter:hover {
    background-color: #674eb7;
    border-color: #674eb7;
}

#apply-brand-filter{
    background-color: #e1b12b;
    transition: all 0.3s ease;
    border-radius: 35px;
    color: #fff;
    margin-top: 25px !important;
}

ul.variation .item-variation-name {
    font-weight: 600;
    background: #e1b12c;
    border-radius: 9px;
    color: #fff;
    padding: 2px 7px;
}

.tw-sorting-filters {
    margin-bottom: 20px;
}

.sorting-filters-wrapper {
    gap: 10px;
}

.sorting-filter-btn {
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    border-bottom: 2px solid #dee2e6;
}

.sorting-filter-btn:hover {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #000;
}

.sorting-filter-btn.active {
    background-color: #674eb7;
    color: #fff;
    border-color: #674eb7;
    border-radius: 35px;
}

.sorting-filter-btn.active:hover {
    background-color: #674eb7;
    color: #fff;
}

/*Shop Page*/

/*Cart Page*/

.cart-content-wrapper > .cart_totals .cart-totals-inner {
    padding: 24px;
    border: none;
    border-radius: 16px;
    background-color: #fff;
}

.woocommerce-cart-form{
    padding: 24px;
    border: none;
    border-radius: 16px;
    background-color: #fff;
}

.custom-remove-icon {
    display: inline-block;
    vertical-align: middle;
}

.custom-remove-icon img {
    transition: all 0.3s ease;
}

.custom-remove-icon:hover img {
    transform: scale(1.1);
    opacity: 0.8;
}

td.product-remove a::before, .woocommerce-remove-coupon::before {
    font-size: calc(var(--wd-text-font-size, 14px) / 1.2);
    content: "" !important;
}

td.product-remove a, .woocommerce-remove-coupon {
    width: 36px !important;
    height: 36px !important;
}

div.quantity input[type="number"] {
    border: none !important;
}

div.quantity input[type="button"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

div.quantity input[type="button"]:hover {
    color: #e1b12c;
     background-color: transparent !important;
     border-color: transparent !important;
    font-size: 22px;
    transform: rotate(360deg);
}

.shop_table thead tr th {
    border-bottom: none !important;
}

.woocommerce-cart-form__cart-item td {
    border: none !important;
}

.woocommerce-shipping-totals.shipping * {
    border: none !important;
}

.cart-subtotal * {
    border-bottom: none !important;
}

.cart-subtotal th {
    width: 20% !important;
}

.cart-discount-code th{
    width: 45%;
    color: #FFC51A;
    font-weight: bold;
}

.cart-discount-code *{
    border-bottom: none !important;
}

.cart-discount-savings *{
    border-bottom: none !important;
}

.discount-title-wrapper {
    display: flex;
    align-items: center;
}

.discount-icon {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.woocommerce-billing-fields__field-wrapper {
    text-align: start;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
}

.woocommerce-form-coupon, .woocommerce-form-login.hidden-form {
    position: relative;
    margin-bottom: 25px;
    padding: 30px;
    max-width: 470px;
    border: none;
    background-color: #fff;
    border-radius: 16px !important;
}

.checkout-order-review > .woocommerce-checkout-review-order .wd-table-wrapper {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: unset;
}

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

.custom-total-color * {
    color: var(--main-color) !important;
}

.coupon-notice-wrapper {
    display: flex;
    align-items: center;
}

.coupon-icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

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

.payment_methods .payment_box {
     box-shadow: unset;
}

.woocommerce-additional-fields {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
}

.woocommerce-shipping-fields {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
}

.woocommerce-info {
    display: flex !important;
    align-content: center;
    justify-content: center;
}

.wd-sub-menu li * {
    color: #868585 !important;
}

.wd-my-account-links a {
    border-radius: 16px;
    border: 1px solid #ddd;
    box-shadow: unset;
}

.wd-my-account-links .orders-link a::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTIuMkgxNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAxNi4ySDEyLjM4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCA2QzE2IDYgMTYgNSAxNiA0QzE2IDIgMTUgMiAxNCAySDEwQzkgMiA4IDIgOCA0QzggNiA5IDYgMTAgNkgxNFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDQuMDIwMDJDMTkuMzMgNC4yMDAwMiAyMSA1LjQzMDAyIDIxIDEwVjE2QzIxIDIwIDIwIDIyIDE1IDIySDlDNCAyMiAzIDIwIDMgMTZWMTBDMyA1LjQ0MDAyIDQuNjcgNC4yMDAwMiA4IDQuMDIwMDIiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    display: block;

}

.wd-my-account-links a {
    border-radius: 16px;
    border: 1px solid #ddd;
    box-shadow: unset;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wd-my-account-links .orders-link a::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTIuMkgxNSIgc3Ryb2tlPSIjRTFCMTJDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04IDE2LjJIMTIuMzgiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQgNkMxNiA2IDE2IDUgMTYgNEMxNiAyIDE1IDIgMTQgMkgxMEM5IDIgOCAyIDggNEM4IDYgOSA2IDEwIDZIMTRaIiBzdHJva2U9IiNFMUIxMkMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDQuMDIwMDJDMTkuMzMgNC4yMDAwMiAyMSA1LjQzMDAyIDIxIDEwVjE2QzIxIDIwIDIwIDIyIDE1IDIySDlDNCAyMiAzIDIwIDMgMTZWMTBDMyA1LjQ0MDAyIDQuNjcgNC4yMDAwMiA4IDQuMDIwMDIiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    width: 59px !important;
    height: 59px;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
}


.wd-my-account-links .edit-address-link a::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDE1QzIyIDE3LjUgMjEuNSAxOS4yNSAyMC4zOCAyMC4zOEwxNCAxNEwyMS43MyA2LjI3MDAyQzIxLjkxIDcuMDYwMDIgMjIgNy45NjAwMiAyMiA5LjAwMDAyVjE1WiIgc3Ryb2tlPSIjRTFCMTJDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02LjI2OTk5IDIxLjczQzMuMjU5OTkgMjEuMDQgMiAxOC45NiAyIDE1VjlDMiA0IDQgMiA5IDJIMTVDMTguOTYgMiAyMS4wNCAzLjI2IDIxLjczIDYuMjdMNi4yNjk5OSAyMS43M1oiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUgMjJIOS4wMDAwM0M3Ljk2MDAzIDIyIDcuMDYwMDIgMjEuOTEgNi4yNzAwMiAyMS43M0wxNCAxNEwyMC4zOCAyMC4zOEMxOS4yNSAyMS41IDE3LjUgMjIgMTUgMjJaIiBzdHJva2U9IiNFMUIxMkMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDcuOTc5OTdDMTIuMzkgOS42OTk5NyAxMS4zMSAxMS4xNiAxMC4zNiAxMi4wNkM5LjY3MDAxIDEyLjcyIDguNTgwMDMgMTIuNzIgNy44ODAwMyAxMi4wNkM2LjkzMDAzIDExLjE2IDUuODQwMDIgOS42OTk5NyA2LjI0MDAyIDcuOTc5OTdDNi45MjAwMiA1LjA0OTk3IDExLjMyIDUuMDQ5OTcgMTIgNy45Nzk5N1oiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTkuMDk0NiA4LjY5OTk1SDkuMTAzNTkiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    width: 59px !important;
    height: 59px;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
}


.wd-my-account-links .edit-account-link a::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDIySDguOTk5OThDNy43Nzk5OCAyMiA2LjczOTk5IDIxLjg4IDUuODU5OTkgMjEuNjJDNi4wNzk5OSAxOS4wMiA4Ljc0OTk4IDE2Ljk3IDEyIDE2Ljk3QzE1LjI1IDE2Ljk3IDE3LjkyIDE5LjAyIDE4LjE0IDIxLjYyQzE3LjI2IDIxLjg4IDE2LjIyIDIyIDE1IDIyWiIgc3Ryb2tlPSIjRTFCMTJDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAyQzQgMiAyIDQgMiA5VjE1QzIgMTguNzggMy4xNCAyMC44NSA1Ljg2IDIxLjYyQzYuMDggMTkuMDIgOC43NSAxNi45NyAxMiAxNi45N0MxNS4yNSAxNi45NyAxNy45MiAxOS4wMiAxOC4xNCAyMS42MkMyMC44NiAyMC44NSAyMiAxOC43OCAyMiAxNVY5QzIyIDQgMjAgMiAxNSAySDlaIiBzdHJva2U9IiNFMUIxMkMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE0LjE3QzEwLjAyIDE0LjE3IDguNDIwMDQgMTIuNTYgOC40MjAwNCAxMC41OEM4LjQyMDA0IDguNjAwMDIgMTAuMDIgNyAxMiA3QzEzLjk4IDcgMTUuNTggOC42MDAwMiAxNS41OCAxMC41OEMxNS41OCAxMi41NiAxMy45OCAxNC4xNyAxMiAxNC4xN1oiIHN0cm9rZT0iI0UxQjEyQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    width: 59px !important;
    height: 59px;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.wd-my-account-links .customer-logout-link a::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDExTDIxLjIgMi44MDAwNSIgc3Ryb2tlPSIjRTFCMTJDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMiA2LjhWMkgxNy4yIiBzdHJva2U9IiNFMUIxMkMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExIDJIOUM0IDIgMiA0IDIgOVYxNUMyIDIwIDQgMjIgOSAyMkgxNUMyMCAyMiAyMiAyMCAyMiAxNVYxMyIgc3Ryb2tlPSIjRTFCMTJDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");    width: 59px !important;
    height: 59px;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: cover;
}
/*Cart Page*/

/*Footer Style*/

.footer-description p,
.footer-about-holder p,
.tw-footer span{
    font-size: 16px;
    color: #fff;
    line-height: 180%;
}

.footer-certificate-holder {
    direction: rtl;
    text-align: center;
}

.footer-section-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}

.certificate-slider {
    position: relative;
    max-width: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.15);
}

.slider-container {
    position: relative;
    width: 100%;
    height: 150px;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 10px;
}

.slide.active {
    opacity: 1;
}

.slide img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 5px;
}

.slide h5 {
    font-size: 12px;
    margin: 0;
    color: #666;
}

.slider-dots {
    text-align: center;
    padding: 10px 0;
    background: #f9f9f9;
}

.dot {
    height: 8px;
    width: 8px;
    margin: 0 3px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dot.active,
.dot:hover {
    background-color: #007cba;
}

.slider-wrapper-footer {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.certificate-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease-in-out;
}

.certificate-slide.active {
    opacity: 1;
    transform: translateX(0);
}

.certificate-slide img {
    width: auto;
    max-height: 100vh;
    object-fit: contain;
    margin-bottom: 8px;
    transition: transform 0.3s ease;
}

.certificate-slide img:hover {
    transform: scale(1.05);
}

.certificate-title {
    font-size: 11px;
    margin: 0;
    color: #666;
    text-align: center;
    line-height: 1.3;
}

.slider-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    transform: translateY(-50%);
    pointer-events: none;
}

.slider-btn {
    background: transparent;
    color: white;
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
    pointer-events: all;
}

.slider-btn:hover {
    background: transparent;
    color:var(--main-color)
}

@media (max-width: 768px) {

    .slider-home-title{
        font-size: 22px;
        font-family: 'yb_Regular';
    }
    .home-slider-subtitle{
        font-size: 18px;
    }
    .home-slider-description {
        font-family: 'yb_Light';
        font-size: 14px;
        width: 100%;
        line-height: 27px;
    }
    .slider-wrapper{
       height: 68vh;
       border-radius: 25px; 
    }
    .tw-product-container {
        mask-image:none !important;
    }
    .product-first-section {
	    max-width: 100%;
    }

    .tw_tools_item{
        margin-bottom: 0 !important;
    }
    .tw_box_style{
        width: 96% !important;
        padding: 20px !important;
    }

    .certificate-slider {
        max-width: 150px;
    }

    .slider-container,
    .slider-wrapper-footer {
        height: 120px;
    }

    .slide img,
    .certificate-slide img {
        max-height: 100px;
    }
}
.section-footer {
    height: 55dvh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-about-holder img{
    width: 150px;
    height: auto;
}
.inner-section {
    padding-bottom: 52px;
}
.footer-about-holder {
    align-self: start;
    display: flex;
    flex-direction: column;
    width: 32%;
}

.footer-service-holder{
    align-self: start;
    display: flex;
    flex-direction: column;
}

.footer-about-link{
    color:#96839B;
}

.footer-accessibility-holder {
    display: flex;
    flex-direction: column;
    align-self: start;
}

.footer-menu-list li a {
    color: #96839B;
}

.whatsapp-icon-footer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwNzRfMzM0MCkiPgo8cGF0aCBkPSJNMC45MTMxNzUgMjAuNDYzOEwyLjI1OTAzIDE1LjUxODNDMS4zNzIyMiAxMy45OTgxIDAuOTA2MzAyIDEyLjI2OTIgMC45MDkxOTMgMTAuNTA5MkMwLjkwOTE5MyA1LjAxMTMzIDUuMzY1ODQgMC41NTQ2ODggMTAuODYzNyAwLjU1NDY4OEMxNi4zNjE2IDAuNTU0Njg4IDIwLjgxODMgNS4wMTEzMyAyMC44MTgzIDEwLjUwOTJDMjAuODE4MyAxNi4wMDcxIDE2LjM2MTYgMjAuNDYzOCAxMC44NjM3IDIwLjQ2MzhDOS4xMDQ1NCAyMC40NjY2IDcuMzc2MzEgMjAuMDAxIDUuODU2NiAxOS4xMTQ5TDAuOTEzMTc1IDIwLjQ2MzhaTTcuMjcxMTQgNS44Mzg1NkM3LjE0MjU5IDUuODQ2NTQgNy4wMTY5NyA1Ljg4MDQgNi45MDE4MyA1LjkzODFDNi43OTM4NCA1Ljk5OTI1IDYuNjk1MjYgNi4wNzU3IDYuNjA5MTYgNi4xNjUwN0M2LjQ4OTcxIDYuMjc3NTUgNi40MjIwMiA2LjM3NTExIDYuMzQ5MzUgNi40Njk2N0M1Ljk4MTQ0IDYuOTQ4NDggNS43ODM1NCA3LjUzNjIyIDUuNzg2OTIgOC4xNDAwNUM1Ljc4ODkxIDguNjI3ODIgNS45MTYzMyA5LjEwMjY1IDYuMTE1NDIgOS41NDY2MkM2LjUyMjU2IDEwLjQ0NDUgNy4xOTI1IDExLjM5NTIgOC4wNzc0NiAxMi4yNzYyQzguMjkwNDggMTIuNDg4MiA4LjQ5ODUzIDEyLjcwMTIgOC43MjI1MSAxMi44OTkzQzkuODIwODggMTMuODY2NCAxMS4xMjk4IDE0LjU2MzcgMTIuNTQ1MSAxNC45MzZMMTMuMTExNSAxNS4wMjI2QzEzLjI5NTYgMTUuMDMyNiAxMy40Nzk4IDE1LjAxODYgMTMuNjY0OSAxNS4wMDk3QzEzLjk1NDkgMTQuOTk0NyAxNC4yMzc5IDE0LjkxNjIgMTQuNDk0MiAxNC43Nzk3QzE0LjYyNDUgMTQuNzEyNiAxNC43NTE3IDE0LjYzOTUgMTQuODc1NCAxNC41NjA3QzE0Ljg3NTQgMTQuNTYwNyAxNC45MTgyIDE0LjUzMjggMTQuOTk5OCAxNC40NzExQzE1LjEzNDIgMTQuMzcxNiAxNS4yMTY5IDE0LjMwMDkgMTUuMzI4MyAxNC4xODQ0QzE1LjQxMSAxNC4wOTg4IDE1LjQ4MjYgMTMuOTk4MyAxNS41Mzc0IDEzLjg4MzhDMTUuNjE1IDEzLjcyMTYgMTUuNjkyNyAxMy40MTIgMTUuNzI0NSAxMy4xNTQxQzE1Ljc0ODQgMTIuOTU3IDE1Ljc0MTUgMTIuODQ5NSAxNS43Mzg1IDEyLjc4MjhDMTUuNzM0NSAxMi42NzYzIDE1LjY0NTkgMTIuNTY1OCAxNS41NDkzIDEyLjUxOUwxNC45NyAxMi4yNTkyQzE0Ljk3IDEyLjI1OTIgMTQuMTAzOSAxMS44ODIgMTMuNTc1MyAxMS42NDExQzEzLjUxOTYgMTEuNjE2OCAxMy40NTk5IDExLjYwMjkgMTMuMzk5MiAxMS42MDAyQzEzLjMzMSAxMS41OTMyIDEzLjI2MjIgMTEuNjAwOSAxMy4xOTczIDExLjYyMjdDMTMuMTMyNCAxMS42NDQ1IDEzLjA3MjkgMTEuNjggMTMuMDIyOSAxMS43MjY3VjExLjcyNDdDMTMuMDE3OSAxMS43MjQ3IDEyLjk1MTIgMTEuNzgxNCAxMi4yMzE1IDEyLjY1MzRDMTIuMTkwMiAxMi43MDg5IDEyLjEzMzMgMTIuNzUwOSAxMi4wNjggMTIuNzczOUMxMi4wMDI4IDEyLjc5NyAxMS45MzIyIDEyLjgwMDEgMTEuODY1MiAxMi43ODI4QzExLjgwMDMgMTIuNzY1NSAxMS43MzY4IDEyLjc0MzUgMTEuNjc1IDEyLjcxNzFDMTEuNTUxNiAxMi42NjU0IDExLjUwODggMTIuNjQ1NSAxMS40MjQyIDEyLjYwODZMMTEuNDE5MiAxMi42MDY2QzEwLjg0OTcgMTIuMzU4IDEwLjMyMjQgMTIuMDIyMiA5Ljg1NjMzIDExLjYxMTJDOS43MzA5IDExLjUwMTcgOS42MTQ0NCAxMS4zODIyIDkuNDk0OTggMTEuMjY2OEM5LjEwMzM1IDEwLjg5MTcgOC43NjIwNCAxMC40Njc0IDguNDc5NjIgMTAuMDA0NUw4LjQyMDg5IDkuOTA5OTZDOC4zNzg3IDkuODQ2NDIgOC4zNDQ2IDkuNzc3ODcgOC4zMTkzNSA5LjcwNTg5QzguMjgxNTIgOS41NTk1NiA4LjM4MDA3IDkuNDQyMSA4LjM4MDA3IDkuNDQyMUM4LjM4MDA3IDkuNDQyMSA4LjYyMTk3IDkuMTc3MzEgOC43MzQ0NiA5LjAzMzk2QzguODI4MTIgOC45MTQ4MyA4LjkxNTUgOC43OTA4OSA4Ljk5NjI2IDguNjYyNjZDOS4xMTM3MiA4LjQ3MzUyIDkuMTUwNTYgOC4yNzk0MSA5LjA4ODg0IDguMTI5MUM4LjgxMDExIDcuNDQ4MjEgOC41MjE0MyA2Ljc3MDMgOC4yMjQ3OCA2LjA5NzM3QzguMTY2MDUgNS45NjM5OCA3Ljk5MTg1IDUuODY4NDIgNy44MzM1NyA1Ljg0OTUxQzcuNzc5ODIgNS44NDM1MyA3LjcyNjA2IDUuODM3NTYgNy42NzIzMSA1LjgzMzU4QzcuNTM4NjIgNS44MjY5NCA3LjQwNDY2IDUuODI4MjcgNy4yNzExNCA1LjgzNzU2VjUuODM4NTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQwNzRfMzM0MCI+CjxyZWN0IHdpZHRoPSIxOS45MDkxIiBoZWlnaHQ9IjE5LjkwOTEiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjkwOTE4IDAuNTU0Njg4KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.instagram-icon-footer {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQwNzRfMzMzNykiPgo8cGF0aCBkPSJNOS45NTQ1NCAwLjU1NDY4OEMxMi42NTkyIDAuNTU0Njg4IDEyLjk5NjcgMC41NjQ2NDIgMTQuMDU3OCAwLjYxNDQxNUMxNS4xMTggMC42NjQxODcgMTUuODM5NyAwLjgzMDQyOCAxNi40NzQ4IDEuMDc3M0MxNy4xMzE4IDEuMzMwMTUgMTcuNjg1MiAxLjY3MjU4IDE4LjIzODcgMi4yMjUwNkMxOC43NDQ5IDIuNzIyNjggMTkuMTM2NiAzLjMyNDYzIDE5LjM4NjUgMy45ODkwMUMxOS42MzI0IDQuNjIzMTEgMTkuNzk5NiA1LjM0NTgxIDE5Ljg0OTQgNi40MDU5N0MxOS44OTYxIDcuNDY3MTIgMTkuOTA5MSA3LjgwNDU4IDE5LjkwOTEgMTAuNTA5MkMxOS45MDkxIDEzLjIxMzkgMTkuODk5MSAxMy41NTEzIDE5Ljg0OTQgMTQuNjEyNUMxOS43OTk2IDE1LjY3MjcgMTkuNjMyNCAxNi4zOTQ0IDE5LjM4NjUgMTcuMDI5NUMxOS4xMzczIDE3LjY5NDIgMTguNzQ1NSAxOC4yOTYzIDE4LjIzODcgMTguNzkzNEMxNy43NDEgMTkuMjk5NCAxNy4xMzkgMTkuNjkxMSAxNi40NzQ4IDE5Ljk0MTJDMTUuODQwNyAyMC4xODcgMTUuMTE4IDIwLjM1NDMgMTQuMDU3OCAyMC40MDQxQzEyLjk5NjcgMjAuNDUwOCAxMi42NTkyIDIwLjQ2MzggOS45NTQ1NCAyMC40NjM4QzcuMjQ5OSAyMC40NjM4IDYuOTEyNDQgMjAuNDUzOCA1Ljg1MTI4IDIwLjQwNDFDNC43OTExMiAyMC4zNTQzIDQuMDY5NDIgMjAuMTg3IDMuNDM0MzIgMTkuOTQxMkMyLjc2OTY4IDE5LjY5MTggMi4xNjc2MyAxOS4zIDEuNjcwMzcgMTguNzkzNEMxLjE2NDA5IDE4LjI5NTkgMC43NzI0MDQgMTcuNjkzOSAwLjUyMjYxNCAxNy4wMjk1QzAuMjc1NzQxIDE2LjM5NTQgMC4xMDk1IDE1LjY3MjcgMC4wNTk3MjcyIDE0LjYxMjVDMC4wMTI5NDA5IDEzLjU1MTMgMCAxMy4yMTM5IDAgMTAuNTA5MkMwIDcuODA0NTggMC4wMDk5NTQ0OSA3LjQ2NzEyIDAuMDU5NzI3MiA2LjQwNTk3QzAuMTA5NSA1LjM0NDgxIDAuMjc1NzQxIDQuNjI0MTEgMC41MjI2MTQgMy45ODkwMUMwLjc3MTcxMiAzLjMyNDIyIDEuMTYzNDkgMi43MjIxMSAxLjY3MDM3IDIuMjI1MDZDMi4xNjc3NyAxLjcxODYgMi43Njk3OCAxLjMyNjg5IDMuNDM0MzIgMS4wNzczQzQuMDY5NDIgMC44MzA0MjggNC43OTAxMyAwLjY2NDE4NyA1Ljg1MTI4IDAuNjE0NDE1QzYuOTEyNDQgMC41Njc2MjggNy4yNDk5IDAuNTU0Njg4IDkuOTU0NTQgMC41NTQ2ODhaTTkuOTU0NTQgNS41MzE5NkM4LjYzNDQ5IDUuNTMxOTYgNy4zNjg1IDYuMDU2MzUgNi40MzUwOCA2Ljk4OTc3QzUuNTAxNjYgNy45MjMxOSA0Ljk3NzI3IDkuMTg5MTggNC45NzcyNyAxMC41MDkyQzQuOTc3MjcgMTEuODI5MyA1LjUwMTY2IDEzLjA5NTMgNi40MzUwOCAxNC4wMjg3QzcuMzY4NSAxNC45NjIxIDguNjM0NDkgMTUuNDg2NSA5Ljk1NDU0IDE1LjQ4NjVDMTEuMjc0NiAxNS40ODY1IDEyLjU0MDYgMTQuOTYyMSAxMy40NzQgMTQuMDI4N0MxNC40MDc0IDEzLjA5NTMgMTQuOTMxOCAxMS44MjkzIDE0LjkzMTggMTAuNTA5MkMxNC45MzE4IDkuMTg5MTggMTQuNDA3NCA3LjkyMzE5IDEzLjQ3NCA2Ljk4OTc3QzEyLjU0MDYgNi4wNTYzNSAxMS4yNzQ2IDUuNTMxOTYgOS45NTQ1NCA1LjUzMTk2VjUuNTMxOTZaTTE2LjQyNSA1LjI4MzFDMTYuNDI1IDQuOTUzMDggMTYuMjkzOSA0LjYzNjU5IDE2LjA2MDUgNC40MDMyM0MxNS44MjcyIDQuMTY5ODggMTUuNTEwNyA0LjAzODc4IDE1LjE4MDcgNC4wMzg3OEMxNC44NTA3IDQuMDM4NzggMTQuNTM0MiA0LjE2OTg4IDE0LjMwMDggNC40MDMyM0MxNC4wNjc1IDQuNjM2NTkgMTMuOTM2NCA0Ljk1MzA4IDEzLjkzNjQgNS4yODMxQzEzLjkzNjQgNS42MTMxMSAxNC4wNjc1IDUuOTI5NjEgMTQuMzAwOCA2LjE2Mjk2QzE0LjUzNDIgNi4zOTYzMiAxNC44NTA3IDYuNTI3NDEgMTUuMTgwNyA2LjUyNzQxQzE1LjUxMDcgNi41Mjc0MSAxNS44MjcyIDYuMzk2MzIgMTYuMDYwNSA2LjE2Mjk2QzE2LjI5MzkgNS45Mjk2MSAxNi40MjUgNS42MTMxMSAxNi40MjUgNS4yODMxWk05Ljk1NDU0IDcuNTIyODdDMTAuNzQ2NiA3LjUyMjg3IDExLjUwNjIgNy44Mzc1IDEyLjA2NjIgOC4zOTc1NUMxMi42MjYzIDguOTU3NjEgMTIuOTQwOSA5LjcxNzIgMTIuOTQwOSAxMC41MDkyQzEyLjk0MDkgMTEuMzAxMyAxMi42MjYzIDEyLjA2MDkgMTIuMDY2MiAxMi42MjA5QzExLjUwNjIgMTMuMTgxIDEwLjc0NjYgMTMuNDk1NiA5Ljk1NDU0IDEzLjQ5NTZDOS4xNjI1MSAxMy40OTU2IDguNDAyOTIgMTMuMTgxIDcuODQyODcgMTIuNjIwOUM3LjI4MjgxIDEyLjA2MDkgNi45NjgxOCAxMS4zMDEzIDYuOTY4MTggMTAuNTA5MkM2Ljk2ODE4IDkuNzE3MiA3LjI4MjgxIDguOTU3NjEgNy44NDI4NyA4LjM5NzU1QzguNDAyOTIgNy44Mzc1IDkuMTYyNTEgNy41MjI4NyA5Ljk1NDU0IDcuNTIyODdWNy41MjI4N1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDA3NF8zMzM3Ij4KPHJlY3Qgd2lkdGg9IjE5LjkwOTEiIGhlaWdodD0iMTkuOTA5MSIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41NTQ2ODgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.youtube-icon-footer {
    background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgLTUgMzQgMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4KDTxwYXRoIGQ9Im0xMy41NDQgMTYuNDE5IDkuMjE2LTQuNzYyLTkuMjE2LTQuODE4em0zLjUyNC0xNi40MTlxMy4yIDAgNi4xODEuMDg2dDQuMzcxLjE4MWwxLjM5LjA4cS4wMTkgMCAuMzIuMDI5Yy4xNjcuMDEzLjMxNy4wMzMuNDY1LjA2MWwtLjAyNi0uMDA0cS4xMzQuMDI5LjQ0OC4wODZjLjIwNS4wMzUuMzg4LjA4OC41NjEuMTU4bC0uMDE4LS4wMDZxLjIyOS4wOTUuNTM0LjI0OGMuMjI1LjExNC40MTkuMjM4LjU5OS4zNzdsLS4wMDgtLjAwNmMuMjAzLjE1OC4zODMuMzIzLjU0OS41MDJsLjAwMy4wMDNjLjEwMi4xMDcuMTk5LjIyMi4yODguMzQybC4wMDcuMDFjLjIwMi4zMTguMzg4LjY4Ni41MzcgMS4wNzFsLjAxNS4wNDRjLjI0LjU1OS40MTcgMS4yMDcuNTAxIDEuODg1bC4wMDQuMDM1cS4xNTIgMS4yMTkuMjQgMi42dC4xMDUgMi4xNnYzLjM1MmMuMDAxLjA3OC4wMDEuMTcxLjAwMS4yNjMgMCAxLjg1My0uMTI1IDMuNjc4LS4zNjcgNS40NjVsLjAyMy0uMjA4Yy0uMDg2LjcwNC0uMjU1IDEuMzQ0LS40OTggMS45NDZsLjAxOC0uMDUxYy0uMTYyLjQ0Ny0uMzY4LjgzNC0uNjIgMS4xODZsLjAxLS4wMTUtLjI2Ni4zMmMtLjE2OS4xODItLjM0OS4zNDctLjU0Mi40OTdsLS4wMS4wMDhjLS4xNzEuMTM0LS4zNjUuMjU0LS41NzEuMzUzbC0uMDE5LjAwOHEtLjMwNS4xNDMtLjUzNC4yNGMtLjE1Ni4wNjQtLjMzOC4xMTctLjUyNy4xNWwtLjAxNi4wMDJxLS4zMTQuMDU3LS40NTcuMDg2dC0uNDM4LjA1Ny0uMzE0LjAyOXEtNC43NzUuMzcyLTExLjkzNy4zNzItMy45NDMtLjAzOC02Ljg0OC0uMTI0dC0zLjgxOS0uMTQzbC0uOTM0LS4wOC0uNjg2LS4wOGMtLjQwNC0uMDUtLjc1Ny0uMTE3LTEuMTAyLS4yMDRsLjA2Mi4wMTNjLS4zNzYtLjExOC0uNjk3LS4yNTMtMS4wMDMtLjQxNWwuMDMyLjAxNWMtLjQxNy0uMjA1LS43NzItLjQ2Ny0xLjA3NS0uNzhsLS4wMDEtLjAwMWMtLjEwMi0uMTA3LS4xOTktLjIyMi0uMjg4LS4zNDJsLS4wMDctLjAxYy0uMjAyLS4zMTgtLjM4OC0uNjg2LS41MzctMS4wNzFsLS4wMTUtLjA0NGMtLjI0LS41NTktLjQxNy0xLjIwNy0uNTAxLTEuODg1bC0uMDA0LS4wMzVxLS4xNTItMS4yMTktLjI0LTIuNnQtLjEwNS0yLjE2di0zLjM1MmMtLjAwMS0uMDc4LS4wMDEtLjE3MS0uMDAxLS4yNjMgMC0xLjg1My4xMjUtMy42NzguMzY3LTUuNDY1bC0uMDIzLjIwOGMuMDg2LS43MDQuMjU1LTEuMzQ0LjQ5OC0xLjk0NmwtLjAxOC4wNTFjLjE2Mi0uNDQ3LjM2OC0uODM0LjYyLTEuMTg2bC0uMDEuMDE1LjI2Ni0uMzJjLjE2OS0uMTgyLjM0OS0uMzQ3LjU0Mi0uNDk3bC4wMS0uMDA4Yy4xNzItLjEzNC4zNjUtLjI1Ny41Ny0uMzYybC4wMjEtLjAxcS4zMDUtLjE1Mi41MzQtLjI0OGMuMTU2LS4wNjQuMzM4LS4xMTcuNTI3LS4xNWwuMDE2LS4wMDJxLjMxNC0uMDU3LjQ0OC0uMDg2Yy4xMjEtLjAyNC4yNzEtLjA0NC40MjQtLjA1NmwuMDE1LS4wMDFxLjMwNS0uMDI5LjMyLS4wMjkgNC43ODMtLjM1IDExLjk0Ni0uMzV6Ii8+Cg08L2c+Cg08L3N2Zz4=");    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}
.x-icon-footer {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMDAgMzAwLjMiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMCBCdWlsZCAxNDIpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3OC42LDEyNy4yTDI5MC4zLDBoLTI2LjVsLTk3LDExMC40TDg5LjMsMEgwbDExNy4xLDE2Ni45TDAsMzAwLjJoMjYuNWwxMDIuNC0xMTYuNiw4MS44LDExNi42aDg5LjNNMzYsMTkuNWg0MC43bDE4Ny4xLDI2Mi4xaC00MC43Ii8+Cjwvc3ZnPg==");
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.social-icons-holder {
    display: flex;
    gap: 20px;
    padding-top: 43px;
}

.social-icons {
    display: flex;
    gap: 36px;
}
/*Footer Style*/


/*Warranty Plugin style*/

.soraun-order-warranty-info {
    background: #e1b12c;
    color: #fff;
    border-radius: 10px;
    padding: 5px 15px;
    font-size: 18px;
}

.tw-warranty-codes-section {
    margin: 30px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-right: 4px solid #2c5aa0;
}

.tw-warranty-codes-section h3 {
    margin-bottom: 20px;
    color: #2c5aa0;
    font-size: 20px;
}

.tw-warranty-codes-table table {
    width: 100%;
    margin: 0;
}

.tw-warranty-codes-table th {
    background-color: #2c5aa0;
    color: white;
    padding: 12px;
    text-align: right;
}

.tw-warranty-codes-table td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

/*Warranty Plugin style*/