/*
Theme Name: bbbapparel.com
Theme URI: https://bbbapparel.com
Author: Yonkasoft
Author URI: https://yonkasoft.com
Description: https://bbbapparel.com
Version: 1.1
Tested up to: 5.4
Requires PHP: 5.6
License: Yonkasoft License
License URI: https://bbbapparel.com
*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*:not(i) {
    font-family: "Sarabun", sans-serif;
}

html {
    overflow-x: hidden !important;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Sarabun", sans-serif;
    background: #F8F8F8 !important;
    overflow: unset !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'DunbarTall';
}

* font {
    font-family: inherit !important;
}

button {
    background-color: unset;
    border: unset;
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: unset;
    display: inline-block;
}

li {
    list-style: none;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel ul{
    padding-left:16px;
}
.woocommerce div.product .woocommerce-tabs .panel ul li{
    list-style:disc;
}
.checkout .select2-container--default .select2-selection--single{
    font-size: 14px;
    height: 45px !important;
}
.mobilefooter-sticky {
    display: flex;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fafafa;
    position: fixed;
    z-index: 0;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top: 6px solid #ca2c4a;
}

.mobilefooter-sticky .sticky-box {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobilefooter-sticky .top-box {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-30px);
    position: relative;
}

.mobilefooter-sticky .top-box .icon {
    background: #142863;
    border-radius: 50%;
    position: relative;
    -webkit-box-shadow: -1px 4px 4px rgba(0, 0, 0, .77);
    box-shadow: -1px 4px 4px rgb(168 168 168/77%);
    width: 50px;
    height: 50px;
}

.mobilefooter-sticky .top-box .icon i {
    color: #fff !important;
}

.mobilefooter-sticky .sticky-box .icon {
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}

.mobilefooter-sticky .sticky-box .icon i {
    font-size: 24px;
    color: #ca2c4a;
    line-height: 1;
}

.mobilefooter-sticky .sticky-box .name {
    font-size: 11px;
    color: #000;
    text-align: center;
    font-weight: 500;
}



.mobil-header-icons{
    display: flex;
    align-items: center;
    gap: 23px;

}
.mobil-header-icons a{
    display:flex;
    position:relative;
}
.mobil-header-icons a .basket-counter{
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    color: #272b59;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: -10px;
}
.mobil-header-icons .user-btn {}

.mobil-header-icons a i{
    font-size: 25px;
}

.rx-review-form-area-style-1 .reviewx_front_end_from input[type='text'], .rx-review-form-area-style-1 .reviewx_front_end_from input[type='number'], .rx-review-form-area-style-1 .reviewx_front_end_from input[type='email'], .rx-review-form-area-style-1 .reviewx_front_end_from input[type='tel'], .rx-review-form-area-style-1 .reviewx_front_end_from input[type='url'], .rx-review-form-area-style-1 .reviewx_front_end_from textarea{
    border-radius: 10px;
    height: 50px;
    background-color: #fafafa !important;
    padding: 0 20px;
}


#review_form_wrapper #review_form .comment-respond form .comment-form-comment label{
    font-size:12px !important;
}




.woocommerce a.remove{
    width:18px;
    height:18px;
}
.woocommerce-message{
    padding-left: 28px !important;
    gap:0px !important;
}
.woocommerce-message::before{
    left: 7px !important;
    top: 28% !important;

}
#yith-wcwl-form .wishlist-title-container .hidden-title-form .edit-title-buttons{
    top: -7px !important;
}
#yith-wcwl-form .wishlist-title-container .hidden-title-form .edit-title-buttons .hide-title-form .fa{
    font-size: 15px !important;
}
#yith-wcwl-form .wishlist-title-container .hidden-title-form .edit-title-buttons .save-title-form .fa{
    font-size: 15px !important;
}
.woocommerce-notices-wrapper .woocommerce-message a{
    margin-top:15px !important;
}
.woocommerce form .form-row input.input-text{
    padding: 0 20px;
    border: 1px solid #ddd;
    height: 45px;
    border-radius: 50px;
}



.yonkasoft-header .header-wrap .menu-group .menu-item button, .yonkasoft-header .header-wrap .menu-group .menu-item a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.yonkasoft-header .header-wrap .menu-group .menu-item button, .yonkasoft-header .header-wrap .menu-group .menu-item a:hover{
    color: #ffffffcf;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.checkout .col2-set{
    width: 60% !important;
    display:unset !important;
}
.checkout .col2-set .col-1{
    width:100% !important;
}
.checkout .col2-set .col-2{
    width:100% !important;
}
.checkout .woocommerce-checkout-review-order{
    width:38% !important;
}








input:focus,
textarea:focus,
select:focus {
    outline: 0 !important;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 0 !important;
}



.yonkasoft-header {
    padding: 0;
    width: 100%;
    position: relative;
}

.yonkasoft-header .header-wrap {
    background-color: #272B59;
    padding: 20px 0;
}

.yonkasoft-header .header-wrap .header-wrap-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.yonkasoft-header .header-wrap .header-left-item {
    flex: 1;
    display: flex;
    align-items: center;
}

.yonkasoft-header .header-wrap .menu-group {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.yonkasoft-header .header-wrap .menu-group .menu-item {
    position: relative;
}

.yonkasoft-header .header-wrap .menu-group .menu-item:not(:last-child) {
    margin-right: 15px;
}

.yonkasoft-header .header-wrap .menu-group .menu-item:not(:last-child)::before {
    content: "";
    width: 1px;
    height: 25px;
    position: absolute;
    right: -15px;
    background-color: #ffffff2e;
}

.yonkasoft-header .header-wrap .menu-group .menu-item:not(:last-child) a {}

.yonkasoft-header .header-wrap .menu-group .menu-item a {}

.yonkasoft-header .header-wrap .menu-group .menu-item button {}

.yonkasoft-header .header-wrap .menu-group .menu-item button,
.yonkasoft-header .header-wrap .menu-group .menu-item a {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
    position: relative;
    border-radius: 100%;
}

.yonkasoft-header .header-wrap .menu-group .menu-item button img,
.yonkasoft-header .header-wrap .menu-group .menu-item a img {
    width: 22px;
    height: auto;
    position: relative;
    top: -1px;
}

.yonkasoft-header .header-wrap .menu-group .menu-item button span,
.yonkasoft-header .header-wrap .menu-group .menu-item a span {}

.yonkasoft-header .header-wrap .header-left-item .menu-group {}

.yonkasoft-header .header-wrap .header-right-item .menu-group {}

.yonkasoft-header .header-wrap .menu-group .menu-item .basket-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}

.yonkasoft-header .header-wrap .header-middle-item {
    display: flex;
    justify-content: end;
    flex: 1;
}

.yonkasoft-header .header-wrap .header-right-item {
    flex: 1;
}

.yonkasoft-header .logo {
    transition: all .3s;
}

.yonkasoft-header .logo a {}

.yonkasoft-header .logo img {
    width: 180px;
}

.yonkasoft-header .topbar {
    background-color: #A50000;
    padding: 15px 0;
    position: relative;
    z-index: 1;
}

.yonkasoft-header .topbar .social {}

.yonkasoft-header .topbar .social a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.yonkasoft-header .topbar .social a img {
    width: 17px;
}

.yonkasoft-header .topbar .social a i {}

.yonkasoft-header .topbar .topbar-links {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yonkasoft-header .topbar .topbar-links a {}

.yonkasoft-header .topbar a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.yonkasoft-header .topbar .topbar-flex {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
}

.yonkasoft-lead {
    background-color: #272B59;
    position: relative;
}

.yonkasoft-lead::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/lead-background.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2;
    z-index: 0;
}

.yonkasoft-lead .lead-flex {
    z-index: 99;
    position: relative;
    padding-bottom: 100px;
    padding-top: 100px;
    width: 100%;
    max-width: 1920px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.yonkasoft-lead .lead-flex .content-slider {
    width: 100%;
    position: relative;
    height: 420px;
}

.yonkasoft-lead .lead-flex .content-slider .swiper {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 99999;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper {}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide {
    opacity: 0;
    transition: all .4s;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide-active,
.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide-thumb-active {
    opacity: 1;
    transition: all .4s;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box {
    color: #fff;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box .brand {
    opacity: .3;
    font-size: 20px;
    letter-spacing: 4px;
    margin: 0 0 15px;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box .title {
    font-size: 40px;
    font-family: 'DunbarTall';
    font-weight: 400;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 15px 0 0;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box a:not(.brand) {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background-color: #fff;
    color: #272B59;
    padding: 0 20px;
    margin: 30px 0 0;
    gap: 10px;
    font-weight: 500;
    height: 50px;
}

.yonkasoft-lead .lead-flex .content-slider .swiper .swiper-wrapper .swiper-slide .lead-content-box a img {
    width: 27px;
}

.yonkasoft-lead .lead-flex .media-slider .border-text {
    font-size: 80px;
    z-index: 0;
    font-family:
            'Gilmer Outline';
    color: #ffffff17;
    position: relative;
}

.yonkasoft-lead .lead-flex .media-slider {
    margin-bottom: -100px;
    display: flex;
    justify-content: center;
    position: relative;
}

.yonkasoft-lead .lead-flex .media-slider .border-text-area {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translate(-50%, 0);
    width: fit-content;
    width: 700px;
}

.swiper-brand-text {}

.swiper-brand-text .swiper-slide {
    justify-content: center;
    display: flex;
    opacity: 0 !important;
}

.swiper-brand-text .swiper-slide.swiper-slide-visible {
    opacity: 1 !important;
}

.swiper-brand-text .swiper-slide span {}

.yonkasoft-lead .lead-flex .media-slider .swiper:not(.swiper-brand-text) {
    z-index: 999;
    width: 500px;
    background-color: #fff;
    border-radius: 500px 500px 0 0;
    position: relative;
}

.yonkasoft-lead .lead-flex .media-slider .swiper-lead-media .swiper-wrapper {}

.yonkasoft-lead .lead-flex .media-slider .swiper-lead-media .swiper-wrapper .swiper-slide {
    padding: 0;
    opacity: 0;
    transition: all .4s;
}

.yonkasoft-lead .lead-flex .media-slider .swiper-lead-media .swiper-wrapper .swiper-slide-active,
.yonkasoft-lead .lead-flex .media-slider .swiper-lead-media .swiper-wrapper .swiper-slide-thumb-active {
    opacity: 1;
    transition: all .4s;
}

.yonkasoft-lead .lead-flex .media-slider .swiper-lead-media .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 520px;
    margin: auto;
    object-fit: contain;
}

.yonkasoft-lead .lead-flex .pagination-slider {
    height: 420px;
    flex: 1;
    position: relative;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper {
    height: 100%;
    width: 75%;
    position: absolute;
    right: 0;
    top: 0;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .pagination-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff12;
    padding: 15px;
    border-radius: 20px;
    gap: 15px;
    opacity: .5;
    cursor: pointer;
    color: #fff;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-wrapper {
    flex-direction: column;
    transform: unset !important;
    gap: 20px;
    justify-content: end;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-wrapper .swiper-slide {
    justify-content: end;
    display: flex;
    height: 80px;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-slide-active .pagination-box,
.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-slide-thumb-active .pagination-box {
    opacity: 1;
    background-color: #fff;
    color: #272B59;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-wrapper .swiper-slide img {
    width: 50px;
    height: 50px;
}

.yonkasoft-lead .lead-flex .pagination-slider .swiper .swiper-wrapper .swiper-slide span {
    font-size: 16px;
    font-weight: 400;
    width: 75%;
}

.product-group {
    color: #1C1C1C;
    z-index: 99;
    position: relative;
    margin: 60px 0 0;
}

.yonkasoft-blog .yk-head {
    justify-content: center;
}

.yonkasoft-blog .yk-head h2 {
    font-size: 30px;
}

.yk-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.yk-head h2 span {
    font-weight: 200;
    font-family: inherit;
    display: block;
    font-size: 24px;
}

.yk-head h2 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: #272B59;
}

.yk-head a{
    background-color: #272B59;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
}

.yk-head a i{
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: 2px;
}

.navigation-yk {
    display: flex;
    gap: 20px;
}

.navigation-yk button {
    background-color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0;
    transform: translate(0, -50%);
    z-index: 999;
    top: 50%;
    -webkit-box-shadow: 0px 0px 10px 0px #dcdcdcbf;
    -moz-box-shadow: 0px 0px 10px 0px #dcdcdcbf;
    box-shadow: 0px 0px 10px 0px #dcdcdcbf;
}

.navigation-yk button.prev {
    left: -25px;
}

.navigation-yk button.next {
    right: -25px;
}

.navigation-yk button img {
    width: 35px;
}

.product-group .product-group-area {
    position: relative;
}

.product-group .product-group-area .swiper-product {}

.swiper-product .swiper-wrapper {}

.swiper-product .swiper-slide {}

.yk-product-card {
    position: relative;
    background: #fff;
    height: fit-content !important;
}

.yk-product-card .card-media {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

.yk-product-card .card-media a {
    display: block;
}

.category-product .yk-product-card .card-media a {
    padding: 0 !important;
}

.yk-product-card .card-media a img {
    width: 100% !important;
    display: block !important;
    border-radius: 15px;
    margin-bottom: 0 !important;
    object-fit: contain;
}

.category-product .yk-product-card .card-content {
    padding: 15px 15px 0 !important;
}

.yk-product-card .card-content {
    padding: 10px 20px 30px;
    display: flex;
    position: relative;
    height: 200px;
}

.yk-product-card .card-content .left {
    text-align: left;
}

.yk-product-card .card-content .left .brand {
    height: fit-content;
    color: #00000038;
    font-size: 14px;
    letter-spacing: 5px;
    padding: 0 !important;
    margin: 10px 0;
}

.yk-product-card .card-content .right {
    flex: 1;
}

.yk-product-card .discount {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 15px;
    gap: 10px;
    background: #CA0025;
    font-weight: 400;
    border-radius: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    height: 30px;
}

.yk-product-card .card-content a:not(.brand) {
    display: flex;
    gap: 10px;
    width: 100%;
    padding: 0 !important;
}

.yk-product-card .card-content h3 a {
    font-weight: 400;
}

.yk-product-card .card-content h3 {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Sarabun', sans-serif;
    padding: 0 !important;
    margin-bottom: 10px !important;
    width: 90%;
    margin-top: 10px;
}

.yk-product-card .card-content .price {
    text-align: center;
    display: flex !important;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px !important;
    color: #272B59;
    font-size: 18px;
    font-weight: 600;
}

.yk-product-card .card-content .price ins {
    text-decoration: unset !important;
}

.yk-product-card .card-content .price del {
    color: #cdcdcd !important;
    opacity: 1 !important;
    margin-right: 5px;
}

.yk-product-card .card-content .price del span{
    color: #CCCBCB !important;
}
.yk-product-card .card-content .price del bdi{}

.yk-product-card .card-content .price ins span:not(del ins span) {
    color: #272B59 !important;
}

.yk-product-card .card-content .price del ins {}

.yk-product-card .card-content .price del ins span {
    color: #99999980;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
}

.yk-product-card .card-content .price .active-price {
    display: inline;
    font-size: 24px;
    font-weight: 700;
    color: #5FA410;
}

.yk-product-card .card-content .price del {
    text-decoration: line-through;
    font-size: 17px;
    color: #CCCBCB;
    font-weight: 400;
}

.yk-product-card .card-content .price .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.yk-product-card .card-content .price .right .discount {
    font-size: 14px;
    font-weight: 500;
}

.yk-product-card .card-content .rating {
    margin: 20px 0 0;
}

.yk-product-card .card-content .rating .rating-stars {}

.yk-product-card .card-content .rating .rating-stars i {
    font-size: 14px;
}

.category-result .yk-product-card .card-content .color-options {
    bottom: 10px;
}

.yk-product-card .card-content .color-options {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    background-color: #F8F8F8;
    width: fit-content;
    padding: 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: 500;
    height: 40px;
}

.yk-product-card .card-content .color-options img {
    width: 16px;
}

.yk-product-card .card-content .color-options span {}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist {
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    display: block !important;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist,
.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item {
    width: 35px;
    overflow: hidden;
    height: 35px;
    color: #fff !important;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item {
    background-color: #272b59 !important;
    color: #272b59 !important;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item i {
    color: #fff !important;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item .yith-wcwl-icon.fa-heart {
    color: #272b59;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist .yith-wcwl-icon,
.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .delete_item .yith-wcwl-icon {
    color: #000;
    position: absolute;
    font-size: 14px;
    margin: 0;
}

.yk-product-card .card-content .left .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading {}

.yonkasoft-commerce {
    margin: 80px 0;
}

.commerce-card {
    position: relative;
}

.commerce-card .lead-wrap {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.commerce-card .lead-wrap .content {
    height: 100%;
}


.commerce-card .link {
    background-color: #fff;
    color: #000;
    padding: 17px 40px;
    font-size: 16px;
    font-weight: 400;
    width: fit-content;
    transition: all .4s;
}

.commerce-card .link:hover {
    background-color: #000;
    color: #fff;
    transition: all .4s;
}

.category-group .category-group-area {}

.category-group .category-group-area .swiper-category {}

.swiper-category .swiper-wrapper {}

.swiper-category .swiper-slide {}

.yk-category-card {}

.yk-category-card .card-media {
    background-color: #F7F7F7;
    padding: 50px;
}

.yk-category-card .card-media a {}

.yk-category-card .card-media a img {
    width: 100%;
}

.yk-category-card .card-content {
    padding: 20px 0 0;
    text-align: center;
}

.yk-category-card .card-content a {}

.yk-category-card .card-content h3 {
    font-size: 22px;
    font-weight: 600;
}

.yonkasoft-commerce.law {}

.yonkasoft-commerce.law .commerce-card {
    height: 600px;
    position: relative;
}

.yonkasoft-commerce-features {
    margin-bottom: 80px;
}

.yonkasoft-commerce-features .features-card {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    position: relative;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    padding: 30px 0;
}

.yonkasoft-commerce-features .features-card .icon {
    height: 40px;
    width: auto;
    text-align: center;
    text-align: center;
}

.yonkasoft-commerce-features .features-card .icon img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.yonkasoft-commerce-features .features-card .cont {}

.yonkasoft-commerce-features .features-card .cont .title span {
    font-family: 'DunbarTall';
    color: #0015FF;
}

.yonkasoft-commerce-features .features-card .cont .title {
    font-size: 18px;
    font-weight: 400;
    color: #272B59;
    margin-bottom: 5px;
    font-family: 'DunbarTall';
}

.yonkasoft-commerce-features .features-card p {
    font-size: 18px;
    font-weight: 200;
}


.yonkasoft-commerce-journal .journal-wrap {
    display: flex;
    padding: 50px 0;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    color: #fff;
}

.yonkasoft-commerce-journal .journal-wrap .journal-content {
    width: 50%;
}

.yonkasoft-commerce-journal .journal-wrap .journal-content h2 {
    font-size: 26px;
    font-weight: 400;
}

.yonkasoft-commerce-journal .journal-wrap .journal-content span {
    font-size: 22px;
    font-weight: 200;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form {
    width: 45%;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card {
    border-radius: 15px;
    background: #ffffff26;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card input {
    height: 100%;
    border: unset;
    background-color: unset;
    width: 100%;
    padding-left: 25px;
    line-height: 1;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card input::placeholder {

    color: #fff;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card button {
    width: 70px;
    height: 100%;
    position: absolute;
    right: 0;
    background-color: #272B59;
    z-index: 99;
    border-radius: 0 15px 15px 0;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card button img {
    width: 30px;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-check {
    margin-top: 25px;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-check label {
    font-size: 16px;
    font-weight: 200;
    position: relative;
    padding-left: 25px;
    display: block;
    line-height: 22px;
}

label.check-in::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    border: 1px solid #fff;
    width: 14px;
    height: 14px;
}

label.check-in::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #fff;
    width: 15px;
    height: 15px;
    opacity: 0;
}

label.check-in.checked::before {
    opacity: 0;
}

label.check-in.checked::after {
    opacity: 1;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-check label input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-check label span {}

.yonkasoft-footer {
    color: #000;
    border-top: 1px solid #e0e0e0;
    background-color: #fff;
    position: relative;
}

.yonkasoft-footer::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/footer-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: .7;
}

.yonkasoft-footer .footer-ust {}

.yonkasoft-footer .footer-group {}

.yonkasoft-footer .footer-group .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #272B59;
    font-family: 'DunbarTall';
}

.yonkasoft-footer .footer-group ul {}

.yonkasoft-footer .footer-group ul li {
    font-size: 16px;
    font-weight: 400;
    color: #00000054;
    transition: all .4s;
}

.yonkasoft-footer .footer-group.contact-group ul li {
    font-weight: 600;
    color: #00000066;
}

.yonkasoft-footer .footer-group.contact-group ul li span {
    font-weight: 200;
    margin-right: 5px;
}

.yonkasoft-footer .footer-group.contact-group ul li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.yonkasoft-footer .footer-group.contact-group ul li a:hover{
    color: #000000a8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.yonkasoft-footer .footer-group ul li:not(:last-child) {
    margin-bottom: 15px;
}

.yonkasoft-footer .footer-group ul li a {}

.yonkasoft-footer .footer-alt {
    padding: 30px 0;
    border-width: 1px;
    margin-top: 70px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #D3D3D3;
}

.yonkasoft-footer .footer-alt .footer-link-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    transition: all .4s;
}

.yonkasoft-footer .footer-alt .footer-link-group span.powered {}

.yonkasoft-footer .footer-alt .footer-link-group .social-footer {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yonkasoft-footer .footer-alt .footer-link-group .social-footer span {
    font-size: 20px;
    font-weight: 200;
    line-height: 26px;
}

.yonkasoft-footer .footer-alt .footer-link-group .social-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.yonkasoft-footer .footer-alt .footer-link-group .social-group a {
    height: 50px;
    background-color: #F1F1F1;
    width: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yonkasoft-footer .footer-alt .footer-link-group .social-group a img {
    width: 20px;
    display: block;
}

.yonkasoft-footer .footer-alt .footer-link-group .group-card {}

.yonkasoft-footer .footer-alt .footer-link-group .group-card img {
    height: 50px;
    width: auto;
}

.copy .copy-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.copy .copy-wrap .copy-text {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.copy .copy-wrap .copy-text span {}

.copy .copy-wrap .copy-credit {}

.copy .copy-wrap .copy-credit img {
    width: 200px;
}

.hover-pagination {
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    left: 0;
}

.hover-pagination .hover-item-bullet {
    height: 2px;
    width: 100%;
    background-color: #e7e7e7;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    display: block;
    flex: 1;
}


.hover-pagination .hover-item-bullet::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #414042;
    left: -100%;
    transition: all .3s;
    position: absolute;
    top: 0px;
    display: block;
}

.hover-pagination .hover-item-bullet.active {
    transition: all .3s;
    background-color: #272B59;
}

.hover-pagination .hover-item-bullet.active::before {
    left: 0;
    transition: all .3s;
}

.hover-media-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.hover-media-wrapper .hover-media-item {
    flex: 1;
    height: 100%;
}



body header .is-search-form {
    width: 100%;
    position: relative;
}

body header .is-form-style.is-form-style-3 label {
    width: 100% !important;
}

body header .is-search-form input.is-search-input {
    height: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border-width: 0 0 1px !important;
    border-color: #ffffff3d !important;
    font-family: "Sarabun", sans-serif;
    padding: 0 0 10px;
    width: 100%;
}

body header .is-search-form input.is-search-input::placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

body header .is-search-form button.is-search-submit {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 3px;
    background-color: unset;
}

body header .is-search-form button.is-search-submit .is-search-icon {
    background-color: unset;
    border: unset;
    background-image: url(/wp-content/uploads/2024/09/search1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

body header .is-search-form button.is-search-submit .is-search-icon svg {
    display: none;
}

body header .is-search-form button.is-search-submit::before {
    content: "";
}

body header .is-search-form button.is-search-submit img {
    width: 18px;
}



.yonkasoft-page-head {
    padding: 30px 0;
    border-width: 1px 0;
    border-color: #e0e0e0;
    border-style: solid;
    background-color: #fff;
}

.yonkasoft-page-head .head-page-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yonkasoft-page-head .head-page-flex .page-bread {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 50px;
}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb {
    margin: 0;
}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb nav {}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb nav p {
    margin-bottom: 0;
    color: #909090;
    font-size: 14px;
    display: flex;
    gap: 5px;
}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb nav p a {}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb nav p a:first-child {
    display: flex;
    align-items: center;
    gap: 5px;
}

.yonkasoft-page-head .head-page-flex .page-bread .breadcrumb nav p a:first-child::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/home.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: block;
    opacity: .3;
}

.yonkasoft-page-head .head-page-flex .page-bread h1 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
    color: #272B59;
    position: relative;
}

.yonkasoft-page-head .head-page-flex .page-bread h1::before {
    content: "";
    height: 30px;
    width: 1px;
    position: absolute;
    right: -25px;
    background-color: #d4d4d4;
    top: 50%;
    transform: translate(0, -50%);
}

.breadcrumb {
    margin: 10px 0 0;
}

.breadcrumb ul {}

.breadcrumb ul {
    display: flex;
}

.breadcrumb ul li {
    font-size: 16px;
    font-weight: 200;
}

.breadcrumb ul li a::before {
    content: ">";
    color: #FFA33C;
    font-size: 18px;
    margin: 0 7px;
    line-height: 1;
}

.breadcrumb ul li a {
    font-weight: 500;
    display: flex;
    flex-direction: row-reverse;
}

.yonkasoft-page-head .head-page-flex .cat-list-menu {
    width: 80%;
}

.yonkasoft-page-head .head-page-flex .cat-list-menu ul {
    display: flex;
    justify-content: end;
    gap: 50px;
}

.yonkasoft-page-head .head-page-flex .cat-list-menu ul li {}

.yonkasoft-page-head .head-page-flex .cat-list-menu ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    transition: all .4s;
}

.yonkasoft-page-head .head-page-flex .cat-list-menu ul li a:hover {
    color: #a3a3a3;
    transition: all .4s;
}

.tool-filter {}

.tool-filter .filterCat {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    top: 10px;
    transition: all .4s;
}

.tool-filter .filterCat .filter-wrap {
    position: relative;
    width: 100%;
    border: 1px solid #D6D6D6;
}

.tool-filter .filterCat .filter-wrap.active {
    z-index: 999999;
}

.tool-filter .filterCat .filter-wrap .filter-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.tool-filter .filterCat .filter-wrap .filter-title.active {
    background-color: #fff;
}

.tool-filter .filterCat .filter-wrap .filter-title img {
    width: 15px;
    transform: rotate(90deg);
    transition: all .2s;
    position: relative;
    top: 1px;
    object-fit: contain;
}

.tool-filter .filterCat .filter-wrap .filter-title img.rotate {
    transform: rotate(-90deg);
    transition: all .2s;
}

.tool-filter .filterCat .filter-wrap .filter-item {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 0 20px 20px;
}

.tool-filter .filterCat .filter-wrap .filter-item.active {
    display: block;
}

.tool-filter .filterCat .filter-wrap .filter-item label {
    display: block;
    font-size: 14px;
    cursor: pointer;
    width: fit-content;
}

.tool-filter .filterCat .filter-wrap .filter-title::selection {
    background-color: unset !important;
}

.tool-filter .filterCat .filter-wrap .filter-item label::selection {
    background-color: unset !important;
}

.tool-filter .filterCat .filter-wrap .filter-item label:not(:last-child) {
    margin-bottom: 10px;
}

.tool-filter .filterCat .filter-wrap .filter-item label input {
    width: 13px;
    height: 13px;
    position: relative;
    top: 0px;
    appearance: unset;
    margin-right: 7px;
    cursor: pointer;
}

.tool-filter .filterCat .filter-wrap .filter-item label input::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #cbcbcb;
}

.tool-filter .filterCat .filter-wrap .filter-item label input::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
}

.tool-filter .filterCat .filter-wrap .filter-item label input:checked::before {
    opacity: 0;
}

.tool-filter .filterCat .filter-wrap .filter-item label input:checked::after {
    opacity: 1;
}

.yonkasoft-header.not-home .header-wrap .menu-group .menu-item button,
.yonkasoft-header.not-home .header-wrap .menu-group .menu-item a {}
.yonkasoft-header.not-home .header-wrap .menu-group .menu-item.cart-vector a {
    display: flex;
    flex-direction: row;
    gap: 7px;
}
.yonkasoft-header.not-home .header-wrap {
    align-items: center;
}

.yonkasoft-header.not-home {
    margin-bottom: 0;
}

@media only screen and (min-width:992px) {
    .tool-filter .filterCat .filter-close {
        display: none;
    }

    .yonkasoft-lead .lead-flex .pagination-slider .swiper {
        width: 200px;
    }
}

.overlay-body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #0000008a;
    z-index: 9;
}

.category-result {
    margin: 20px 0 100px;
}


.category-result .products {
    height: fit-content;
    column-gap: 0;
    position: relative;
}

.category-result .products::before {
    content: "";
    display: block !important;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.category-result .products::after {
    content: "";
    display: block !important;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    z-index: 99;
}

.category-result .yk-product-card {
    border: unset;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    width: 100% !important;
    min-height: 500px;
}

@media only screen and (min-width: 1200px) {
    .category-result .yk-product-card {
        height: auto !important;
    }
}


.category-result .breadcrumb {
    margin-bottom: 30px;
}

.category-result .group-row {
    display: flex;
    gap: 20px;
}

.category-result .group-row .tool-filter {
    width: 25%;
    background-color: #fff;
    padding: 30px;
    position: relative;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 0 15px 15px 0;
}

.category-result .group-row .tool-filter::before {
    content: "";
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: -1px;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}

.category-result .group-row .category-product {
    width: 75%;
    background-color: #fff;
    padding: 30px 0 30px 30px;
    position: relative;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 15px 0 0 15px;
}

.category-result .group-row .category-product::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}



.category-result .category-product {}

.category-result .category-product .yk-product-card .card-media a img {
    height: 350px;
}

.category-result .category-product .yk-product-card .card-media {
}

.category-result .category-product .yk-product-card .card-content {
    height: 200px;
    padding: 10px 20px;
}

.yk-product-card .loading {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.yk-product-card .loading img {
    width: 150px;
    margin: auto;
    display: table;
    height: 100%;
    object-fit: contain;
}

.category-result .group-row .category-product .woocommerce-result-count {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.category-result .group-row .category-product .woocommerce-ordering {
    margin-bottom: 20px;
}

.category-result .group-row .category-product .woocommerce-ordering select {
    border: 1px solid #e0e0e0;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #262b58;
    font-weight: 500;
}

.category-result .category-product .product-settings {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.category-result .category-product .product-settings .ser-set {
    font-size: 16px;
}

.category-result .category-product .product-settings .ser-set strong {
    font-weight: 600;
}

.category-result .category-product .product-settings .order-product {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-result .category-product .product-settings .order-product span {
    font-weight: 300;
}

.category-result .category-product .product-settings .order-product select {
    font-weight: 500;
    border: unset;
    border-bottom: 1px solid #000;
    width: 100px;
}

.yonkasoft-product-detail {
    position: relative;
    margin-top: 140px;
}

.yonkasoft-product-detail .gallery-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.yonkasoft-product-detail .gallery-product {}

.yonkasoft-product-detail .gallery-product .mobile-button-group {
    display: none;
}

.yonkasoft-product-detail .gallery-product .show-detail {
    display: none;
}

.yonkasoft-product-detail .gallery-wrapper .navigation-yk {
    flex-direction: column;
    width: 80px;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.yonkasoft-product-detail .gallery-wrapper .navigation-yk button {}

.yonkasoft-product-detail .gallery-wrapper .navigation-yk button img {}

.yonkasoft-product-detail .gallery-pagination {
    position: absolute;
    top: 98% !important;
    width: 100% !important;
    display: flex;
    height: 7px;
    background-color: #f0f0f0;
    z-index: 99999;
}

.yonkasoft-product-detail .gallery-pagination .swiper-pagination-progressbar-fill {
    width: 100%;
    border-radius: 0;
    margin: 0 !important;
    background-color: #444444D6;
    transition: all 0.5s ease-in-out;
    height: 100%;
    position: relative;
}

.yonkasoft-product-detail .pr-desc {
    padding: 0;
    margin: 100px 0;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex {
    display: flex;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .breadcrumb {
    margin: 0 0 10px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .title .co {
    font-size: 30px;
    font-weight: 500;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .title .var {
    font-size: 13px;
    color: #5F5F5F;
    font-weight: 300;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content {
    margin-top: 30px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content p {
    font-weight: 200;
    font-size: 18px;
    line-height: 26px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content a {
    border: 1px solid #000;
    padding: 10px 10px 7px;
    font-size: 15px;
    color: #676767;
    font-weight: 300;
    display: inline-block;
    margin: 20px 0px 40px;
    transition: all 0.5s ease-in-out;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content a span {
    color: #000;
    transition: all 0.5s ease-in-out;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content a:hover {
    background-color: #000;
    color: #fff !important;
    transition: all 0.5s ease-in-out;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-left .content a:hover span {
    color: #fff !important;
    transition: all 0.5s ease-in-out;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right {
    width: 66.66%;
    display: flex;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .media {
    width: 33.33%;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion {
    padding-left: 70px;
    width: 66.666%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button {
    border-bottom: 1px solid #C9C9C9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button img {
    width: 14px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button img.close {
    display: none;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button img.show {
    display: block;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button.active img {
    width: 26px;
    position: relative;
    left: 5px;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button.active img.close {
    display: block;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-button.active img.show {
    display: none;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-area {
    display: none;
    background-color: #F9F9F9;
    padding: 20px 40px;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.8;
    z-index: 9999;
    position: relative;
    top: -1px;
    max-height: 300px;
    overflow-y: scroll;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-area::-webkit-scrollbar {
    width: 3px;
    background-color: #ececec;
}

.yonkasoft-product-detail .pr-desc .pr-desc-flex .pr-desc-right .desc-accordion .acc-wrapper .acc-item .acc-area::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #000;
}

.slider-product-gallery .swiper-slide {
    position: relative;
    height: fit-content;
}

.slider-product-gallery .swiper-slide a {
    width: 100%;
    display: block;
}

.slider-product-gallery .swiper-slide img {
    width: 100%;
    display: block;
}

.slider-product-gallery .swiper-slide .model-info {
    position: absolute;
    bottom: 50px;
    left: 0;
    background-color: hsla(0, 0%, 100%, 0.85);
    width: 85%;
    padding: 12px 10px 10px;
}

.slider-product-gallery .swiper-slide .model-info ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.slider-product-gallery .swiper-slide .model-info ul li {
    font-size: 14px;
    font-weight: 500;
}

.product-information {
    transition: all 0.5s;
    transform: translateY(100%);
    position: fixed;
    bottom: 0;
    left: 0;
    height: 170px;
    width: 100%;
    background-color: #fff;
    padding: 30px 0;
    z-index: 999999999;
    border-top: 1px solid #e0e0e0;
}

.product-information .product-dist {
    display: flex;
    height: 100%;
}

.product-information .product-dist .dist-left {
    width: 100%;
}

.product-information .product-dist .dist-left .pr-item.pr-once .pr-code {
    font-size: 13px;
    color: #5F5F5F;
    font-weight: 300;
}

.product-information .product-dist .dist-left .pr-item.pr-once h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product-information .product-dist .dist-left .pr-item.pr-once a.show-detail {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    transition: all 0.5s ease-in-out;
}

.product-information .product-dist .dist-left .pr-item.pr-once a.show-detail img {
    position: relative;
    top: -2px;
    width: 13px;
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.product-information .product-dist .dist-left .pr-item.pr-once a.show-detail.active img {
    transform: rotate(90deg);
    transition: all 0.5s ease-in-out;
}

.product-information .product-dist .dist-left .pr-item.pr-second {
    display: flex;
    align-items: center;
}

.product-information .product-dist .dist-left .pr-item.pr-second a {
    font-size: 15px;
    font-weight: 200;
    display: flex;
    align-items: center;
    gap: 7px;
}

.product-information .product-dist .dist-left .pr-item.pr-second a img {
    position: relative;
    top: -1px;
    width: 30px;
}

.product-information .product-dist .dist-left .pr-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-information .product-dist .dist-left .pr-item.pr-third {
    display: flex;
}

.product-information .product-dist .dist-left .pr-item.pr-third .pr-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-information .product-dist .dist-left .pr-item.pr-third .pr-price .active-price {
    font-size: 26px;
    font-weight: 600;
    width: fit-content;
}

.product-information .product-dist .dist-left .pr-item.pr-third .pr-price del {
    color: #ADADAD;
    margin: 0 0px 10px;
    display: block;
    line-height: 1;
}

.product-information .product-dist .dist-left .pr-item.pr-third .pr-price .install-pr {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.product-information .product-dist .dist-left .pr-item.pr-forth {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr {
    display: flex;
    align-items: center;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color {
    font-size: 15px;
    font-weight: 300;
    margin-right: 20px;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options {
    display: flex;
    align-items: center;
    gap: 5px;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex {
    display: flex;
    gap: 5px;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex .options-item {
    position: relative;
    height: 70px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex .options-item img {
    width: 50px;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex .options-item .color-vision {
    width: 0;
    height: 5px;
    background-color: black;
    position: absolute;
    top: 100%;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex .options-item input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    opacity: 0;
    cursor: pointer;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex .options-item.selected .color-vision {
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options .options-flex.hide-color-group {
    display: none;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options a.more-color {
    color: #000;
    font-size: 15px;
    font-weight: 300;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options a.more-color i {
    display: none;
    font-size: 20px;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options a.more-color.close-color span {
    display: none;
}

.product-information .product-dist .dist-left .pr-item.pr-forth .variasyon-pr .color-options a.more-color.close-color i {
    display: block;
}


.product-information .product-dist .size-pr {
    display: flex;
    align-items: center;
}

.product-information .product-dist .size-pr .row {
    display: flex;
    gap: 30px;
}

.product-information .product-dist .size-pr .row span {
    font-size: 15px;
    font-weight: 500;
}

.product-information .product-dist .size-pr .row a {
    font-size: 15px;
    font-weight: 300;
}

.product-information .product-dist .size-pr .row strong {}

.product-information .product-dist .size-pr .size-table {
    margin-left: 20px;
}

.product-information .product-dist .size-pr .size-table .size-options {
    display: flex;
    gap: 10px;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item {
    position: relative;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: all 0.4s ease-in-out;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item span {
    font-size: 18px;
    font-weight: 200;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item img.exhausted {
    position: relative;
    top: -2px;
    left: -5px;
    width: 15px;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item.selected {
    border: 1px solid #000;
    transition: all 0.4s ease-in-out;
}

.product-information .product-dist .size-pr .size-table .size-options .option-item.selected img.exhausted {
    display: none;
}

.product-information .product-dist .buy-pr {
    display: flex;
    align-items: center;
    padding-left: 50px;
}

.product-information .product-dist .buy-pr a {
    background-color: #000;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 15px;
    width: fit-content;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out;
    padding: 0 20px;
}

.product-information .product-dist .buy-pr a:hover {
    background-color: #a3a3a3;
    transition: all 0.5s ease-in-out;
}

.product-information .product-dist .buy-pr a img {
    width: 30px;
    position: relative;
    top: -3px;
}

.product-information .product-dist .buy-pr a span {
    position: relative;
    top: 1px;
}

.product-information.fixed-info {
    transform: translateY(0);
    transition: all 0.5s;
}

.swiper {
    height: 0;
}

.swiper-horizontal,
.swiper-vertical {
    height: 100%;
}

.yonkasoft-same-product {
    margin: 0 0 100px;
    position: relative;
    background-color: #fff;
}

.slider-product-gallery {
    position: absolute !important;
    width: 100%;
    height: fit-content;
}

.slider-product-gallery .swiper-wrapper {
    height: fit-content;
}

.zoom-pr-ky {
    width: 100%;
    height: 100vh;
    z-index: 9999999999999;
    position: fixed;
    display: none;
    background-color: #fff;
    top: 0;
}

.zoom-pr-ky .close-zoom {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.zoom-pr-ky .close-zoom img {
    width: 20px;
}

.zoom-pr-ky .zoom-area {
    display: block;
    width: 100%;
    max-width: 1920px;
    height: 100vh;
    margin: 0 auto;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: image-set(url(https://yonkasoft.com/wp-content/uploads/2024/03/zoom-out-18.svg) 1x), auto;
    cursor: url(https://yonkasoft.com/wp-content/uploads/2024/03/zoom-out-18.svg), auto;
    cursor: -webkit-image-set(url(https://yonkasoft.com/wp-content/uploads/2024/03/zoom-out-18.svg) 1x), auto;
}

.zoom-pr-ky .pagination {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    z-index: 99999999999;
    display: flex;
    gap: 10px;
}

.zoom-pr-ky .pagination .zoom-thumb-area .zoom-thumb {
    position: relative;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

.zoom-pr-ky .pagination .zoom-thumb-area .zoom-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.zoom-pr-ky .pagination .zoom-thumb-area .zoom-thumb::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99;
    opacity: 0.2;
}

.zoom-pr-ky .pagination .zoom-thumb-area:not(:last-child) {
    margin-bottom: 10px;
}

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

.yonkasoft-footer .footer-group .footer-content {
    display: block;
}

.yonkasoft-footer .footer-group .title i {
    display: none;
}

.commerce-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tool-filter .filterCat .filter-overlay {
    width: 100%;
    height: 100%;
    background-color: #ffffff5e;
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: all .4s;
    position: fixed;
    bottom: 0;
    z-index: -9999999;
    left: 0;
}

.yonkasoft-footer .footer-group ul li a:hover {
    color: #6e6e6e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}

.yonkasoft-footer .footer-alt .footer-link-group a:hover {
    color: #acacac;
    transition: all .4s;
}

.yk-category-card .card-media {
    position: relative;
}

.yk-category-card .card-media::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    border-top: 1px solid rgb(28, 31, 30);
    border-left: 1px solid rgb(28, 31, 30);
    background: transparent;
    z-index: 2;
    width: 0%;
    height: 0%;
    opacity: 0;
    transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s;
}

.yk-category-card .card-media::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    border-bottom: 1px solid rgb(28, 31, 30);
    border-right: 1px solid rgb(28, 31, 30);
    background: transparent;
    z-index: 2;
    width: 0%;
    height: 0%;
    opacity: 0;
    transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s;
}

.yk-category-card .card-media:hover::before,
.yk-category-card .card-media:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: width 0.2s 0.15s ease-out, height 0.15s ease-in, opacity 0s;
}

#fullpage {
    position: relative;
    transition: transform 1s ease-in-out !important;
}

#fullpage .fp-overflow {
    height: 100%;
    position: relative;
}

#fullpage .fp-overflow:not(.no-overlay .fp-overflow)::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(0deg, #00000045 0%, #00000087 100%);
}

.slider-content .swiper-slide::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(0deg, #00000045 0%, #00000087 100%);
}

#fullpage .section {
    transition: transform 1s ease-in-out;
    justify-content: end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff !important;
    overflow: hidden;
}

#fullpage .box-wrapper {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    z-index: 9999;
    position: relative;
}

#fullpage .box-wrapper .content-box {
    padding-bottom: 100px;
    color: #fff;
    text-align: center;
}

#fullpage .box-wrapper .content-box span {
    font-size: 18px;
    font-weight: 200;
    display: block;
    margin-bottom: 20px;
}

#fullpage .box-wrapper .content-box .content-title {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 10px;
}

#fullpage .box-wrapper .content-box a {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 10px;
    transition: all .4s;
    padding: 10px;
}

#fullpage .box-wrapper .content-box a:hover {
    letter-spacing: 2px;
    transition: all .4s;
}

#fullpage .box-wrapper .content-box h2 {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
}

#fullpage.not-scroll {
    position: fixed !important;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    transform: translate3d(0px, 0px, 0px) !important;
}

.dots-page {
    position: fixed;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    z-index: 9999;
}

.dots-page .dots-bullet {
    width: 15px;
    height: 15px;
    display: block;
    background-color: hsla(41, 18%, 37%, 0.3);
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 100%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.dots-page .dots-bullet:not(:last-child) {
    margin-bottom: 10px;
}

.dots-page .dots-bullet.active {
    background-color: hsla(0, 0%, 15%, 0.5);
    border: 1px solid hsla(0, 0%, 100%, 0.9);
    transition: all 0.2s ease-in-out;
}

.pagination-page {
    position: fixed;
    left: 25px;
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    gap: 10px;
}

.pagination-page .pag-bar {
    width: 80px;
}

.pagination-page .pag-bar .bar-pag {
    width: 100%;
    height: 5px;
    background-color: #fff;
}

.slider-content {
    width: 100%;
    height: 100%;
}

.slider-content .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#fp-nav {
    right: 50px !important;
}

#fp-nav ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#fp-nav ul li {
    margin: 0px !important;
}

#fp-nav ul li a {
    position: relative;
}

#fp-nav ul li a span {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    display: block;
    background: hsl(0deg 0% 100% / 43%) !important;
    border-radius: 100% !important;
    cursor: pointer;
    transition: all 0.2s ease-in-out !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
}

#fp-nav ul li a.active span {
    background: hsl(0deg 0% 100%) !important;
    transition: all 0.2s ease-in-out !important;
    margin: 0 !important;
}

.footer-bar {
    background-color: #000;
    margin-top: 100px;
}

.footer-bar .social-bar {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 20px 0;
}

.footer-bar .social-bar a {
    display: block;
}

.footer-bar .social-bar a img {
    width: 30px;
    display: block;
}

.marquee {
    overflow: hidden;
    color: #fff;
    display: flex;
    width: 100%;
}

.marquee a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    min-width: 1400px;
    padding: 12px 0px 10px;
}

.marquee p {
    font-size: 18px;
    font-weight: 300;
}

.marquee span {
    font-size: 14px;
    font-weight: 200;
}

.yonkasoft-adw {
    height: 40vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.yonkasoft-adw .adw-head {}

.yonkasoft-adw .adw-head .marquee {
    gap: 100px;
}

.yonkasoft-adw .adw-head .marquee img {
    width: 400px;
}

.mega-filter {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    top: 0;
    transform: translateX(100%);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-filter.active {
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-filter .mega-filter-flex {
    display: flex;
    height: 100%;
}


.mega-filter .mega-filter-wrap {
    background-color: #fff;
    width: 30%;
    border-left: 1px solid #f5f5f5;
    padding: 25PX;
}

.mega-filter .mega-filter-wrap .filter-main-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e7e7e7;
}

.mega-filter .mega-filter-wrap .filter-main-head .filter-main-title {
    font-size: 24px;
    font-weight: 500;
}

.mega-filter .mega-filter-wrap .filter-main-head button {}

.mega-filter .mega-filter-wrap .filter-main-head button img {
    width: 20px;
}

.mega-filter .mega-filter-wrap .tool-filter {
    height: 100%;
    overflow-y: scroll;
    padding: 0 0 50px;
}

.mega-filter .mega-filter-wrap .tool-filter::-webkit-scrollbar {
    width: 5px;
}

.mega-filter .mega-filter-wrap .tool-filter::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
}

.mega-filter .mega-filter-wrap .tool-filter .mobil-show-filter {}

.mega-filter .mega-filter-wrap .tool-filter .mobil-show-filter a {}

.mega-filter .mega-filter-wrap .tool-filter .mobil-show-filter a i {}

.mega-filter .mega-filter-wrap .tool-filter .mobil-show-filter a span {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat {
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap a.filter-title {
    padding: 0;
    font-size: 18px;
    font-weight: 400;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap a.filter-title img {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap a.filter-title img {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap .filter-item {
    display: block;
    position: relative;
    border: unset;
    padding: 20px 0;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap .filter-item label {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap.size-filter .filter-item label {
    position: relative;
    padding: 15px;
    margin: 0;
    width: 50px;
    height: 50px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap.size-filter .filter-item label input {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap.size-filter .filter-item {
    display: flex;
    gap: 15px;
}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap.size-filter {}

.mega-filter .mega-filter-wrap .tool-filter .filterCat .filter-wrap .filter-item label input {}

.filter-and-order {
    margin-bottom: 50px;
}

.filter-and-order .flex-box {
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 16px;
    gap: 50px;
}

.filter-and-order .flex-box .order-item {}

.filter-and-order .flex-box .order-item span {
    font-size: 16px;
    font-weight: 200;
    display: inline-block;
    margin-right: 5px;
}

.filter-and-order .flex-box .order-item select {
    border: unset;
    font-size: 16px;
    font-weight: 500;
    width: 100px;
    border-bottom: 1px solid #000;
}

.filter-and-order .flex-box .filter-item {}

.filter-and-order .flex-box .filter-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.filter-and-order .flex-box .filter-item a img {
    width: 17px;
}

.filter-and-order .flex-box .filter-item a span {}

.yk-product-card .add-favori {
    position: absolute;
    right: 20px;
    top: 20px;
}

.yk-product-card .add-favori img {
    width: 25px !important;
}

.yonkasoft-product-detail {
    margin-bottom: 100px;
    position: relative;
    margin-top: 40px;
}

.yonkasoft-product-detail .p-for-wrap {
    display: flex;
    overflow: hidden;
    gap: 50px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-media {
    width: 60%;
}

.yonkasoft-product-detail .p-for-wrap .p-for-media .p-for-media-group {
    width: 100%;
    display: flex;
    gap: 50px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-media .p-for-media-group .zoom-data {
    cursor: zoom-in;
}

.yonkasoft-product-detail .p-for-wrap .p-for-media .p-for-media-group .zoom-data .item img {
    width: 100%;
    height: 100%;
    display: block;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail {
    width: 40%;
    position: relative;
    z-index: 9;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap {
    position: sticky;
    top: 0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-item:not(:last-child) {
    padding: 20px 0;
    position: relative;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 12px;
    color: #000;
    text-transform: uppercase;
    max-width: 80%;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline .p-code {
    color: #959595;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline .p-info {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    margin-bottom: 15px;
}


.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline .share-area {
    position: absolute;
    right: 0;
    top: 0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline .share-area a {}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-headline .share-area a img {
    width: 30px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price {
    display: flex;
    justify-content: space-between;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .price-and-discount {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .price-and-discount .p-price {
    text-align: left;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .price-and-discount .p-price del {
    color: #ADADAD;
    font-size: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .price-and-discount .p-price .end-price {
    font-size: 35px;
    font-weight: 500;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .price-and-discount .discount {
    background-color: #127F3E;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    font-weight: 500;
    text-align: center;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .favorite-product {
    display: flex;
    align-items: center;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .favorite-product a {}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-price .favorite-product a img {
    width: 30px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item {}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .p-var-info {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .p-var-info span {
    color: #585858;
    font-weight: 400;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon {
    display: flex;
    gap: 7px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon .c-v-item {
    width: 60px;
    align-items: center;
    display: flex;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon .c-v-item a {
    display: block;
    height: auto;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon .c-v-item img {
    width: 100%;
    height: auto;
    display: block;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon .c-v-item span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .colors-variasyon .c-v-item.active {
    border: 1px solid #000;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon {
    display: flex;
    gap: 7px;
    margin-top: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item {
    position: relative;
    overflow: hidden;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item label {
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #D1D1D1;
    padding: 10px;
    display: block;
    position: relative;
    cursor: pointer;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item label input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    cursor: pointer;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item label.checked {
    background-color: #FFA33C;
    color: #fff;
    border: 1px solid #FFA33C;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item.s-v-inactive::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(./assets/images/not-stok.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .5;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item.s-v-inactive label {
    color: #c1c1c1;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item.s-v-inactive label input {
    cursor: no-drop;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-variasyon .s-v-item.s-v-inactive label.checked {
    background-color: unset;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-variasyon .variasyon-group .variasyon-item .size-show-table {
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    position: absolute;
    right: 0;
    top: 0px;
    color: #959595;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .counter-basket {
    display: flex;
    border: 1px solid #D1D1D1;
    width: fit-content;
    height: 50px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .counter-basket button {
    background-color: unset;
    border: unset;
    height: 100%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .counter-basket button img {
    width: auto;
    height: 14px;
    object-fit: cover;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .counter-basket input {
    background-color: unset;
    border: unset;
    width: 50px;
    text-align: center;
    height: 100%;
    font-size: 20px;
    font-weight: 500;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .add-for-basket {
    width: 100%;
    display: flex;
    gap: 10px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .add-for-basket a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    flex: 1;
    gap: 10px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .add-for-basket a img {
    width: 35px;
    display: block;
    position: relative;
    top: -1px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .add-for-basket a.add-basket-button {
    background-color: #FFA33C;
    color: #fff;
    border: unset;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .basket-and-count .b-s-wrap .add-for-basket a.hemen-al-button {
    border: 1px solid #000;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .info-for-p {
    margin: 20px 0;
    display: flex;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .info-for-p .item {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 0px 15px;
    position: relative;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .info-for-p .item:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .info-for-p .item:first-child {
    padding-left: 0;
    position: relative;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .info-for-p .item:last-child {
    padding-right: 0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .wp-for-p a {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F2F2;
    border: 1px solid #000;
    height: 45px;
    gap: 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .wp-for-p a img {
    width: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p {
    margin-top: 40px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item {
    border: 1px solid #000;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item:not(:last-child) {
    margin-bottom: 10px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item:last-child {}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item button.panel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: unset;
    border: unset;
    cursor: pointer;
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item button.panel::before {
    content: "";
    background-image: url(./assets/images/arrow-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item button.panel.active::before {
    transform: translate(0, -50%) rotate(90deg);
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
    display: none;
    padding: 0 20px;
    line-height: 24px;
    letter-spacing: .2px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content ul li {
    margin-bottom: 5px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment {}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline {
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .comment-info {
    padding: 15px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    width: 40%;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .comment-info .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .comment-info .rating span {
    font-size: 18px;
    margin-right: 6px;
    margin: 0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .comment-info .rating img {
    width: 25px;
    opacity: 0.5;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .comment-info span {
    font-size: 13px;
    display: block;
    margin-bottom: 7px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .rating-general {
    width: 60%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .star-rating {
    display: flex;
    align-items: center;
    gap: 5px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .star-rating .star-group {
    display: flex;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .star-rating .star-group img {
    width: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .rating-bar {
    display: flex;
    align-items: center;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-headline .rating-bar .bar {
    width: 150px;
    background-color: #e0e0e0;
    height: 5px;
    margin-right: 10px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter {
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter span {
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter .c-f-group {
    display: flex;
    flex-wrap: wrap;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter .c-f-group .c-f-item {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 5px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter .c-f-group .c-f-item span {
    margin-bottom: 0;
    margin-left: 7px;
    font-size: 14px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-filter .c-f-group .c-f-item .star-group img {
    width: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-list .c-l-group .c-l-item {
    padding: 15px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-list .c-l-group .c-l-item .c-l-text {
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-list .c-l-group .c-l-item .star-group img {
    width: 20px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-list .c-l-group .c-l-item .c-l-foot {
    font-size: 12px;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .for-comment-wrap .comment-list .c-l-group .c-l-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .star-group {
    display: flex;
}

.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .accordion-for-p .accordion-for-wrap .ac-for-item .ac-for-content .ac-for-comment .star-group img {
    width: 25px;
    opacity: 0.5;
}

.yonkasoft-page-head.single-page-head {
    border-bottom: unset;
}

.yonkasoft-page-head.single-page-head .breadcrumb {
    margin: 0;
}

.body-size-modal {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
    height: 100vh;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: all 0.6s ease-in-out;
    width: 100%;
    transform: translateX(100%);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.body-size-modal.active {
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.body-size-modal::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #fff;
    height: 100%;
    width: 100%;
}

.body-size-modal .b-s-m-wrap {
    padding: 0;
    display: flex;
    height: 100%;
}

.body-size-modal .b-s-m-wrap .b-s-m-box {
    background-color: #fff;
    width: 30%;
    padding: 50px;
    border-left: 1px solid #e0e0e0;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline .title {
    font-size: 24px;
    font-weight: 500;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline .title span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #c1c1c1;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline .b-s-m-close .b-s-close-button {
    background-color: unset;
    border: unset;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline .b-s-m-close button {
    border: none;
    background: none;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-headline .b-s-m-close button img {
    width: 20px;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body table {
    border-collapse: collapse;
    width: 100%;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body table thead tr th {
    border: 1px solid #ddd;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #000;
    color: white;
    font-size: 14px;
    font-weight: 400;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body table tbody tr td {
    border: 1px solid #ddd;
    padding: 8px;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body .b-s-m-content {
    margin-top: 30px;
}

.body-size-modal .b-s-m-wrap .b-s-m-box .b-s-m-body .b-s-m-content p {
    font-size: 14px;
    font-weight: 500;
}

.body-size-modal.active {
    right: 0;
    bottom: 0;
    overflow: unset;
    opacity: 1;
    visibility: visible;
    transition: all 0.6s ease-in-out;
}

.body-size-mobil {
    position: fixed;
    bottom: -100%;
    background-color: #fff;
    width: 100%;
    z-index: 9999;
    left: 0;
    border-top: 1px solid #e0e0e0;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.body-size-mobil::before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000099;
    display: none;
    z-index: 0;
}

.body-size-mobil .size-mobil-title {
    padding: 15px;
    background-color: #e0e0e0;
    font-size: 14px;
    font-weight: 900;
    z-index: 99;
    position: relative;
}

.body-size-mobil .size-mobil-list {
    padding: 0px 15px 15px;
    z-index: 99;
    background-color: #fff;
    position: relative;
}

.body-size-mobil .size-mobil-list .size-list-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}

.body-size-mobil .size-mobil-list .size-list-item button {
    background-color: unset;
    border: unset;
    width: 100%;
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
}

.body-size-mobil.active {
    bottom: 0;
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

.category-menu {
    background-color: #000;
    margin-bottom: 40px;
    position: relative;
}

.category-menu .mega-yk-menu {}

.category-menu .mega-yk-menu ul.mega-parent-list {
    display: flex;
    color: #fff;
    gap: 40px;
}

.category-menu .mega-yk-menu ul.mega-parent-list li {}

.category-menu .mega-yk-menu ul.mega-parent-list li a:not(.mega-sub-menu a) {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    padding: 30px 0;
}

.category-menu .mega-yk-menu ul.mega-parent-list li a img {
    width: 13px;
    transform: rotate(-90deg);
    margin-left: 7px;
}

.features-yonkasoft {
    margin: 20px 0;
}

.swiper-features {}

.swiper-features .swiper-slide {}

.swiper-features .swiper-slide a.features-card {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-features .swiper-slide a.features-card .image {
    width: 120px;
    height: 120px;
    background-color: #F7F7F7;
    border-radius: 100%;
    padding: 7px;
}

.swiper-features .swiper-slide a.features-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.swiper-features .swiper-slide a.features-card span {
    font-size: 14px;
    text-align: center;
    display: block;
    font-weight: 500;
    margin: 10px 00;
}

.features-yonkasoft .navigation-yk {}

.features-yonkasoft .navigation-yk button {
    top: 40%;
}

.features-yonkasoft .navigation-yk button,
.yonkasoft-lead .navigation-yk button {
    position: absolute;
    transform: translate(0, -50%);
    z-index: 999;
    top: 50%;
    background-color: unset;
    box-shadow: unset;
}

.yonkasoft-lead .navigation-yk button {
    top: 70%;
}

.features-yonkasoft .navigation-yk button.prev,
.yonkasoft-lead .navigation-yk button.prev {
    left: 0;
}

.features-yonkasoft .navigation-yk button.next,
.yonkasoft-lead .navigation-yk button.next {
    right: 0;
    width: 30px;
    height: 30px;
}

.features-yonkasoft .navigation-yk button img {}

.mega-sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99999999;
    color: #000;
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-sub-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    transition: all 0.4s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.mega-sub-menu .group-yk-5 {}

.mega-sub-menu .mega-sub-menu-item {}

.mega-sub-menu .mega-sub-menu-item .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.mega-sub-menu .mega-sub-menu-item .mega-sub-menu-sub {
    padding-left: 10px;
}

.mega-sub-menu .mega-sub-menu-item .mega-sub-menu-sub li {}

.mega-sub-menu .mega-sub-menu-item .mega-sub-menu-sub li a {
    font-size: 14px;
    font-weight: 300;
}

.thumbnail-slider {
    width: 25%;
    z-index: 9999;
}

.thumbnail-slider .swiper-thumbnail {
    width: 100%;
    height: 100%;
}

.thumbnail-slider .swiper-thumbnail .swiper-slide {}

.thumbnail-slider .swiper-thumbnail .swiper-slide .thumbnail-image {
    display: block;
    height: 100%;
}

.thumbnail-slider .swiper-thumbnail .swiper-slide.swiper-slide-thumb-active .thumbnail-image img {
    border: 1px solid #fca33c;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}



.thumbnail-slider .swiper-thumbnail .swiper-slide .thumbnail-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.main-product-slider {
    width: 75%;
}

.main-product-slider .product-detail-slider {
    width: 100%;
    height: 100%;
}

.main-product-slider .product-detail-slider .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}

.main-product-slider .product-detail-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
    transition: all .4s;
}

.main-product-slider .product-detail-slider .swiper-slide .zoom-image {
    display: block;
    position: relative;
}

.main-product-slider .product-detail-slider .swiper-slide .zoom-image img:not(.extm img) {
    width: 100%;
    object-fit: contain;
}

.main-product-slider .product-detail-slider .swiper-slide .zoom-image .extm {
    position: absolute;
    top: 0;
    left: 100%;
    width: 400px !important;
    height: 400px !important;
    z-index: 99999 !important;
}

.main-product-slider .product-detail-slider .swiper-slide .zoom-image .extm img {}

.main-product-slider .product-detail-slider * {}

.product-action {
    margin: 20px 0;
}

.product-action .group-yk-2 {}

.product-action a {
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    gap: 15px;
}

.product-action a.whatsapp {
    color: #39AE41;
    border-color: #39AE41;
}

.product-action a.phone {}

.product-action a img {
    width: 30px;
}

.product-action a span {}

.product-area {
    position: relative;
}

.yonkasoft-header .topbar .topbar-flex .topbar-text {
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    font-family: "Sarabun", sans-serif;
    line-height: 1;
}

.yonkasoft-header .topbar .topbar-flex .topbar-text strong {
    font-weight: 700
}

.yonkasoft-header .topbar .topbar-flex .topbar-text span {
    font-weight: 500;
}

.counter-pr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.counter-pr .count-title {
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    margin-bottom: 0;
    text-align: center;
}

.counter-pr #sayac {
    display: flex;
    gap: 25px;
    font-size: 14px;
    font-weight: 400;
}

.counter-pr #sayac .sayac-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    line-height: 40px;
    width: 50px;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(236, 102, 36, 1) 50%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    position: relative;
}

.counter-pr #sayac .sayac-item::before {
    content: "";
    background: #494949;
    position: absolute;
    z-index: -9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.counter-pr #sayac .sayac-item span {
    font-size: 12px;
    background: #3A3A3A;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 300;
    z-index: 99;
    line-height: 25px;
    width: 100%;
}

.category-btn a {
    background: #272B59;
    border-radius: 30px;
    height: 60px;
    padding: 0 34px;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 15px;
}

.category-btn i {
    font-size: 22px;
}

.yonkasoft-header .header-top {
    background-color: #3F426B;
}

.yonkasoft-header .header-top .header-top-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    position: relative;
}

.yonkasoft-header .header-top .header-top-left {
    display: flex;
    gap: 30px;
}

.yonkasoft-header .header-top .header-top-left a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: "Sarabun", sans-serif;
}

.yonkasoft-header .header-top .header-top-left a img {
    width: 18px;
    position: relative;
    top: 1px;
}

.yonkasoft-header .header-top .header-top-left .header-top-text {
    color: #898989;
    font-size: 12px;
    font-weight: 600;
}

.yonkasoft-header .header-top .header-top-right {}

.yonkasoft-header .header-top .header-top-right ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.yonkasoft-header .header-top .header-top-right ul li {}

.yonkasoft-header .header-top .header-top-right ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: "Sarabun", sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.yonkasoft-header .header-top .header-top-right ul li a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
    color: #ffffffcf;
}
.yonkasoft-header .header-top .header-top-right ul li.fast-order {}

.yonkasoft-header .header-top .header-top-right ul li.fast-order a {}

.yonkasoft-header .header-top .header-top-right ul li.fast-order a::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/09/flash1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
}

.yonkasoft-header .header-top .header-top-right ul li a img {
    width: 18px;
}

.yonkasoft-header .header-wrap .header-middle-item .category-btn {}


.yonkasoft-header .header-top .header-top-right ul li a.active {
    color: #272B59;
}

.features-yonkasoft .navigation-yk button i {
    font-size: 25px;
}



.features-yonkasoft .features-wrapper {
    padding: 0 25px;
    position: relative;
}

.yonkasoft-commerce-features .features-wrapper {
    background: #414042;
    padding: 33px;
    border-radius: 0 0 47px 47px;
}

.yonkasoft-commerce-features .features-card p {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    max-width: 80%;
    line-height: 16px;
}

.yonkasoft-lead .navigation-yk button.prev {
    left: -60px;
}

.yonkasoft-lead .navigation-yk button.next {
    right: -60px;
}

.yk-product-card .product-label-cargo {
    position: absolute;
    left: 0;
    text-align: left;
    line-height: 16px;
    top: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 7px 12px;
    background: #5FA410;
    color: #fff;
    width: min-content;
    border-radius: 0 0 10px 0;
}

.yk-product-card .discount .icon {
    background: #97001C;
    padding: 0 7px;
    border-radius: 10px;
    font-size: 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-stars span {
    color: #CCCBCB;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.rating-stars {
    display: flex;
    gap: 2px;
}

.product-group .navigation-yk button {
    background: unset;
    box-shadow: none;
    width: auto;
    height: auto;
    display: block;
}

.product-group .navigation-yk button.prev {
    left: -40px;
}

.product-group .navigation-yk button.next {
    right: -40px;
}

.product-group .navigation-yk button i {
    font-size: 25px;
}

.product-group.background-version {
    position: relative;
}

.product-group.background-version .product-group-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    background: linear-gradient(90deg, rgba(65, 64, 66, 1) 0%, rgba(103, 96, 110, 1) 100%);
    padding: 50px;
    padding-right: 0;
    border-radius: 60px 0 0 60px;
    position: relative;
}

.product-group.background-version .product-group-wrapper .group-banner {
    width: 40%;
    height: 100%;
    position: sticky;
    top: 40px;
}

.product-group.background-version .product-group-wrapper .group-banner img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.product-group.background-version .product-group-wrapper .product-group-area {
    width: 33.33%;
}

.product-group.background-version .product-group-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    background: #272B59;
    border-radius: 60px 0 0 0;
}

.product-group.background-version::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #67606E;
}

.product-group.background-version .product-group-wrapper .yk-product-card {
    background: linear-gradient(90deg, rgba(93, 88, 98, 1) 0%, rgba(84, 84, 84, 1) 100%);
    border: 1px solid #ffffff60;
}

.product-group.background-version .product-group-wrapper .yk-product-card .card-content h3 {
    color: #fff;
}

.product-group.background-version .product-group-wrapper .yk-product-card .card-content .price .active-price {
    color: #89FF00;
}

.product-group.background-version .product-group-wrapper .yk-product-card .card-media {
    background: #fff;
    border-radius: 15px;
}

.card-comment {
    background: #fff;
    border-radius: 15px;
}

.card-comment .card-body {
    padding: 25px 25px 20px;
}

.card-comment .card-body p {
    min-height: 80px;
    overflow: hidden;
    color: #757575;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 25px;
}

.card-comment .card-body .rating-home {
    margin: 5px 0 15px;
}

.card-comment .card-body .rating-home .product-ratings {}

.card-comment .card-body .rating-home .product-ratings .ratings-container {
    justify-content: flex-start;
    margin: 0;
}

.card-comment .card-body .rating-home .product-ratings .ratings-container i {
    font-size: 14px;
}

.card-comment .card-body .blockquote-footer a {
    display: block;
    color: #272B59;
    font-size: 14px;
}

.card-comment .card-body .blockquote-footer cite {
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    border-top: 1px solid #f5f5f5;
    display: block;
    padding: 10px 20px;
}

.card-comment .card-body .blockquote-header cite {
    font-size: 20px;
    color: #414042;
    font-weight: 400;
}


.yonkasoft-commerce-features.footer-features {
    margin: 0 0 100px;
}

.yonkasoft-commerce-features.footer-features .features-card h3 {
    color: #000;
}

.yonkasoft-commerce-features.footer-features .features-card p {
    color: #000;
}

.yonkasoft-commerce-journal .journal-wrap .journal-form .form-card button i {
    color: #fff;
    font-size: 30px;
}

.yonkasoft-blog {
    margin: 70px 0 50px;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card .card-link img {
    width: 100%;
    border-radius: 15px;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card .card-body {
    width: 100%;
    padding: 20px 0 0;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card .card-body .card-title {
    color: #272b59;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 15px;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card .card-body .card-title a {
    font-family: 'DunbarTall';
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card {
    position: relative;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card {
    border: unset;
    background-color: unset;
}

.brand-area {
    background: #fff;
}



.brand-area .item .productBox .item-product-image-box a img {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.swiper-blog {
    width: 100%;
    height: 100%;
}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card a.link-button {
    background-color: #272b59;
    color: #fff;
    width: fit-content;
    font-size: 14px;
    padding: 10px 20px 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
.summary.entry-summary .button-group .go-fast-order{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
.summary.entry-summary .button-group .go-fast-order:hover{
    border: 1px solid #272b59;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist{
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .add_to_wishlist:hover{
    border: 1px solid #272b59 ;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}
body .woocommerce-tabs .wc-tabs li a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
body .woocommerce-tabs .wc-tabs li a:hover{
    background-color: #272b59 !important;
    color: #ffffff !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
}
.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card a.link-button:hover{
    background-color: #ffffff;
    color: #272b59;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}

.yonkasoft-blog .product-group-area .swiper .swiper-wrapper .swiper-slide .blog-card .card a {
    display: block;
}

.yonkasoft-footer .footer-flex {
    display: flex;
}

.yonkasoft-footer .footer-left {
    width: 100%;
    padding: 70px 0;
    height: auto;
    position: relative;
}

.yonkasoft-footer .footer-right {
    width: 25%;
    position: relative;
    border-left: 1px solid #D9D9D9;
}

.yonkasoft-footer .footer-right .footer-link-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    align-items: end;
}

.copy {
    background: #272B59;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item {
    height: 100%;
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    gap: 10px;
    position: relative;
}

.footer-bottom {
    border-top: 1px solid #D9D9D9;
}

.footer-bottom .container .bottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.footer-bottom .container .bottom-wrap .bottom-text {
    font-size: 12px;
    font-weight: 400;
    color: #000;
}


.yonkasoft-footer .footer-right .footer-link-group .group-item:last-child {
    border: 0;
}

.etbis {
    position: absolute;
    width: 100px;
    bottom: 25px;
    right: 25px;
}

.footer-bottom .container .bottom-wrap .bottom-img {}

.footer-bottom .container .bottom-wrap .bottom-img a {
    background-color: #272B59;
    padding: 10px 20px;
    position: relative;
}

.footer-bottom .container .bottom-wrap .bottom-img a::before {
    content: "";
    background-color: #272B59;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    border-radius: 20px 20px 0 0;
}

.footer-bottom .container .bottom-wrap .bottom-img img {
    width: 100px;
    height: auto;
    object-fit: cover;
    position: relative;
    top: -3px;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item span {
    color: #272B59;
    font-size: 20px;
    font-weight: 500;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item.wp {
    align-items: center;
    flex-direction: unset;
    justify-content: end;
}


.yonkasoft-footer .footer-right .footer-link-group .group-item.wp span {
    color: #32D951;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item.wp img {
    width: 40px;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 100%;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item .social ul {
    display: flex;
    gap: 10px;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item .social ul li a {
    font-size: 24px;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item a.tel {
    font-weight: 500;
    font-size: 20px;
}

.yonkasoft-footer .footer-right .footer-link-group .group-item a.wp {
    display: flex;
    align-items: center;
    gap: 20px;
}

.product-group.background-version .product-group-wrapper .group-card {
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.product-group.background-version .product-group-wrapper .group-card .group-yk-lg-4,
.group-card .group-yk-xl-3,
.group-card .group-yk-md-2,
.group-card .group-yk-2 {
    gap: 30px !important;
}

.brand-area .item .productBox .item-product-image-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yonkasoft-header .header-wrap .header-btn {
    flex: 1;
    display: flex;
    justify-content: center;
    height: 100%;
}

.yonkasoft-header .header-wrap .header-btn a {
    background: #272B59;
    height: 60px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    border-radius: 30px;
    font-weight: 500;
    gap: 15px;
}

.yonkasoft-header .header-wrap .header-btn a i {
    font-size: 20px;
    color: #fff;
}

.yk-product-card .basket-content {
    position: absolute;
    width: 100%;
    left: 0;
    top: -100%;
    transition: all .4s;
    z-index: -1;
}

.yk-product-card .basket-content a {
    background: #272B59;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    border-radius: 0;
}

.yk-product-card .basket-content img {
    height: fit-content;
    width: 25px;
}

.yk-product-card .basket-content a i {
    font-size: 24px;
}

.yk-product-card:hover .basket-content {
    transition: all .4s !important;
    top: 100%;
}

.yk-product-card:hover .basket-content a::before {
    visibility: visible !important;
}

.basket-content a::before {
    content: "";
    background: #5FA410;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    visibility: hidden;
}

.swiper a,
.swiper img {
    display: block;
}

.product-single .product-dif {
    display: flex;
    /* border-radius: 0; */
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}

.productPhoto_500 {
    object-fit: contain !important;
    max-height: 500px !important;
    min-height: 500px !important;
}

.header-menu {
    background-color: #1D2046;
}

.header-menu .container {}

.header-menu .container nav {}

.header-menu .container nav ul {
    display: flex;
    justify-content: center;
}

.header-menu .container nav ul li {}

.header-menu .container nav ul li a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 300;
    position:relative;
    padding: 15px 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
    -webkit-transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.header-menu .container nav ul li a span{
    z-index: 9;
}

.header-menu .container nav ul li a:hover::before{
    transform: translate(0);
    z-index: 0;













);
}

.header-menu .container nav ul li a::before{
    content:"";
    background-color: #272b59;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0,-100%);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}


.header-menu .container nav ul li a img {
    width: auto;
    height: 26px;
    z-index: 9;
}

.bbb-features + section,
.bbb-features + div{
    z-index: 9;
    position: relative;
}

.bbb-features {
    position: relative;
    margin: 0 0 100px;
    z-index: 0;
}

.bbb-features .container {}

.bbb-features .container .bbb-features-flex {
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.bbb-features .container .bbb-features-flex .bbb-media {
    width: 50%;
    height: -webkit-fill-available;
    position: absolute;
    left: 0;
    top: 0;
}

.bbb-features .container .bbb-features-flex .bbb-media::before {
    content: "";
    width: 400px;
    height: 300px;
    background-color: #F8F8F8;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(40deg)translate(360px, -30px);
    z-index: 9;
}

.bbb-features .container .bbb-features-flex .bbb-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bbb-features .container .bbb-features-flex .gildan-logo {
    width: 500px;
    z-index: 9;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    border-top: 1px solid #e0e0e0;
    padding: 70px 50px 100px;
    border-radius: 0 0 500px 500px;
}

.swiper-logo {}

.swiper-logo .swiper-slide {
    height: auto;
    display: flex;
}

.swiper-logo .swiper-slide img {}

.bbb-features .container .bbb-features-flex .gildan-logo img {
    width: 250px;
    margin: auto;
    display: table;
}

.bbb-features .container .bbb-features-flex .bbb-features-content {
    width: 40%;
    padding: 50px 0 0;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box::before {
    content: "";
    position: absolute;
    left: 100%;
    background-color: #272B59;
    width: 1000%;
    height: 100%;
    top: 0;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box {
    background-color: #272B59;
    padding: 100px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    z-index: 0;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 25px;
    max-width: 89%;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul li {
    display: flex;
    align-items: center;
    gap: 15px;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul li .content-item {
    color: #fff;
    font-size: 14px;
    text-align: right;
    line-height: 22px;
    font-weight: 300;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul li .content-item span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul li .media-item {
    background-color: #ffffff30;
    padding: 10px;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box ul li .media-item img {
    width: 30px;
}

.bbb-features .container .bbb-features-flex .bbb-features-content .content-box p {
    color: #fff;
    font-size: 14px;
    text-align: right;
    margin: 30px 0 0;
    line-height: 26px;
}

img {
    width: 100%;
}

.product-feature .yk-head h2 {
    font-size: 30px;
    line-height: 40px;
}

.yk-head p {
    font-size: 14px;
    color: #999;
    max-width: 40%;
    text-align: right;
}

.product-feature {
    margin: 0 0 70px;
}

.product-feature .most-popular-slide {}

.product-feature .most-popular-slide .swiper {
    overflow: visible;
}

.product-feature .most-popular-slide .swiper .swiper-wrapper {}

.product-feature .most-popular-slide .swiper .swiper-wrapper .swiper-slide {}

.product-feature .most-popular-slide .swiper .swiper-wrapper .swiper-slide .most-card {}

.product-feature .most-popular-slide .swiper .swiper-wrapper .swiper-slide .most-card::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #c5902c;
    background: -moz-linear-gradient(270deg, rgba(76, 141, 29, 1) 0%, rgba(128, 195, 79, 1) 100%);
    background: -webkit-linear-gradient(270deg, #c5902c 0%, #9e6d0f 100%);
    background: linear-gradient(0deg, #000000a6 0%, #00000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5902c", endColorstr="#9e6d0f", GradientType=1);
}

.product-feature .most-popular-slide .swiper .swiper-wrapper .swiper-slide .most-card img {}

.product-feature .most-popular-slide .swiper .swiper-wrapper .swiper-slide .most-card span {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 22px;
    font-family: 'DunbarTall';
}

.testimonials {
    position: relative;
    margin: 50px 0 0;
}

.testimonials .yk-head {
    flex-direction: column;
    gap: 15px;
}

.testimonials .yk-head h2 {
    font-size: 30px;
}

.testimonials .yk-head .testimonials-head {
    display: flex;
    gap: 10px;
}

.testimonials .yk-head .testimonials-head .star-group {
    display: flex;
    gap: 2px;
}

.testimonials .yk-head .testimonials-head .star-group .ri-star-fill {
    font-size: 18px;
}

.testimonials .yk-head .testimonials-head span {
    color: #999;
    font-size: 14px;
    position: relative;
    top: 0px;
}

.testimonials .yk-head .testimonials-head span strong {}

.testimonials .comment-wrapper {
    position: relative;
    background: #F2F2F2;
}

.testimonials .comment-wrapper::before {
    content: "";
    background-color: #F2F2F2;
    position: absolute;
    right: 100%;
    width: 1000%;
    height: 100%;
    top: 0;
}

.testimonials .comment-wrapper::after {
    content: "";
    background-color: #F2F2F2;
    position: absolute;
    left: 100%;
    width: 1000%;
    height: 100%;
    top: 0;
}

.testimonials .comment-wrapper .swiper {}

.testimonials:before {
    content: "";
    background-color: #F8F8F8;
    position: absolute;
    right: 0;
    width: 100%;
    height: 80px;
    bottom: 0;
    z-index: 1;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper {}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide {
    transition: all .4s;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .testimonials-card {
    border-radius: 0 0 100px 0;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next {
    transition: all .4s;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card {
    background: #272B59;
    border-color: #272B59;
    position: relative;
    height: 540px;
    border-radius: 0 0 500px 500px;
    overflow: hidden;
    margin: 0;
    transition: all .4s;
    padding-top: 30px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-head {}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-head h3 {
    color: #fff;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-body {}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-body p {
    color: #fff;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-footer {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-footer .customer-product {}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card .card-footer .customer-product .title {
    color: #fff;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide.swiper-slide-next .testimonials-card:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 320px;
    height: 250px;
    background: #3F426B;
    border-radius: 500px 500px 0 0;
    z-index: 0;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card {
    border: 1px solid #D4D4D4;
    padding: 20px;
    border-radius: 0 0 0 100px;
    margin: 30px 0 0;
    transition: all .4s;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-head h3 {
    font-size: 18px;
    font-weight: 500;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-head .verified-customer {
    background-color: #16C210;
    display: flex;
    color: #fff;
    width: fit-content;
    padding: 10px 15px;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-head .verified-customer img {
    width: 16px;
    height: fit-content;
    position: relative;
    top: 2px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-head .date {
    color: #9c9c9c;
    font-size: 14px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .star-rating {
    margin: 15px 0 0;
    display: flex;
    gap: 1px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .star-rating .ri-star-fill {
    font-size: 16px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-body {
    padding: 20px 0;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-body p {
    font-size: 14px;
    line-height: 22px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer {
    position: relative;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product .media {
    background-color: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 15px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product .media img {
    width: 40px;
    height: auto;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product .title {
    font-size: 14px;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product a {
    background-color: #272B59;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    width: fit-content;
    padding: 10px 15px;
    margin: 15px 0 0;
}

.testimonials .comment-wrapper .swiper .swiper-wrapper .swiper-slide .testimonials-card .card-footer .customer-product a img {
    width: 18px;
}

.yonkasoft-commerce-journal {
    margin: 120px 0 50px;
}

.yonkasoft-commerce-journal .journal-box {
    background: #222DA0;
    background: -moz-linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    background: -webkit-linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    background: linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    display: flex;
}

.yonkasoft-commerce-journal .journal-box .journal-left {
    width: 50%;
    padding: 50px;
}

.yonkasoft-commerce-journal .journal-box .journal-left .title {
    color: #fff;
    font-family: 'DunbarTall';
    font-size: 30px;
    margin-bottom: 10px;
}

.yonkasoft-commerce-journal .journal-box .journal-left p {
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    line-height: 26px;
    margin-bottom: 20px;
    position: relative !important;
    left: unset !important;
    transform: translate(0);
    top: unset;










    !i;
    !;



    !i;
    !;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card {
    display: flex;
    gap: 10px;
    margin: 30px 0 0;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card input {
    background-color: #ffffff14;
    border: unset;
    height: 50px;
    padding: 0 20px;
    color: #fff;
    flex: 1;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card input::placeholder {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    opacity: .5;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card .submit-button {
    position: relative;
    background-color: #fff;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card .submit-button input {
    padding: 0;
    width: 50px;
    height: 50px;
    color: #252c74;
    z-index: 99999;
    position: relative;
    background-color: transparent;
    cursor: pointer;
}

.yonkasoft-commerce-journal .journal-box .journal-left .form-card .submit-button img {
    width: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.yonkasoft-commerce-journal .journal-box .journal-right {
    width: 50%;
    position: relative;
}

.yonkasoft-commerce-journal .journal-box .journal-right::before {
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffffff17;
    border-radius: 200px 0 0;
}

.yonkasoft-commerce-journal .journal-box .journal-right img {
    width: 250px;
    position: absolute;
    right: 100px;
    bottom: 0;
}

main,
#page.site {
    background-color: #f8f8f8;
}

.container {
    height: fit-content;
}

.not-home-head.yonkasoft-page-head {
    padding: 15px 0;
}

.not-home-head.yonkasoft-page-head .head-page-flex .page-bread {
    justify-content: flex-start;
}

.single-head {
    margin: 30px 0 0;
}

.single-head .single-head-box {
    padding: 50px;
    display: flex;
    justify-content: end;
    background: #222DA0;
    background: -moz-linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    background: -webkit-linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    background: linear-gradient(90deg, #272B59 0%, #222DA0 100%);
    position: relative;
    border-radius: 10px;
}

.single-head .single-head-box .content-area {
    width: 47%;
    z-index: 99;
}

.single-head .single-head-box .content-area a {
    text-transform: uppercase;
    font-size: 22px;
    color: #ffffff4f;
    font-weight: 500;
    letter-spacing: 5px;
}

.single-head .single-head-box .content-area h1 {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    margin: 10px 0 15px;
}

.single-head .single-head-box .content-area p,
.single-head .single-head-box .content-area div.excerpt {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.single-head .single-head-box .social {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ffffff36;
    padding: 10px 20px;
    border-radius: 0 0 0 15px;
    color: #fff;
}

.single-head .single-head-box .social span {
    font-size: 14px;
    font-weight: 300;
    margin-right: 10px;
}

.single-head .single-head-box .social i {
    font-size: 16px;
    margin-right: 3px;
}

.woo-gallery {
    width: 100%;
    position: relative;
}

.woo-gallery .swiper.product-detail-slider {
    height: fit-content;
    border-radius: 1000px 1000px 30px 30px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.woo-gallery .swiper.product-detail-slider .swiper-wrapper {}

.woo-gallery .swiper.product-detail-slider .swiper-wrapper .swiper-slide {}

.woo-gallery .swiper.product-detail-slider .swiper-wrapper .swiper-slide .media {
    background-color: #fff;
}

.woo-gallery .swiper.product-detail-slider .swiper-wrapper .swiper-slide .media a {}

.woo-gallery .swiper.product-detail-slider .swiper-wrapper .swiper-slide .media a img {
    height: 600px;
    object-fit: contain;
}

.woo-gallery .swiper.product-detail-thumbslider {
    margin: 20px 0 0;
    height: fit-content;
}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper {}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide {}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumbnail {
    border-color: #0313C5;
    border-width: 2px;
}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumbnail img {}

.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide .thumbnail {
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    cursor: pointer;
}


.woo-gallery .swiper.product-detail-thumbslider .swiper-wrapper .swiper-slide .thumbnail img {
    width: 100%;
    border-radius: 10px;
}

.brand-page {
    padding: 20px 0 0;
}

.brand-page .brand-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    padding: 30px 0;
    margin-bottom: 50px;
    border-radius: 10px;
}

.brand-page .brand-content span.countPR{
    position: absolute;
    top: 100%;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #272b59;
}

.brand-page .brand-content img {
    width: 120px;
}

.contact-page {
    margin: 20px 0 100px;
}

.contact-page .group-yk-2 {
    gap: 0 40px;
}

.contact-page .form-area {
    background-color: #fff;
    border: 1px solid #D8D8D8;
    padding: 30px;
}

.contact-page .form-area .yk-head {
    margin-bottom: 25px;
}

.contact-page .form-area .yk-head h2 {
    line-height: 36px;
}

.contact-page .form-area .form-content {}

.contact-page .form-area .form-content .group-yk-2 {
    gap: 0 20px;
}

.contact-page .form-area .form-content .form-item {
    position: relative;
    margin-bottom: 0;
}

.contact-page .form-area .form-content .form-item i {
    position: absolute;
    left: 15px;
    top: 14px;
    z-index: 1;
    color: #272B59;
}

.contact-page .form-area .form-content .form-item input {
    background: unset;
    border: 1px solid #D4D4D4;
    height: 50px;
    padding: 0 0 0 40px;
    width: 100%;
    color: #9c9c9c;
    font-size: 14px;
    outline: none;
    opacity: 1;
}

.contact-page .form-area .form-content .form-item input::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.contact-page .form-area .form-content .form-item input:focus {
    border: 1px solid #272B59;
}

.contact-page .form-area .form-content .form-item textarea {
    background: unset;
    border: 1px solid #D4D4D4;
    height: 140px;
    padding: 14px 0 0 40px;
    width: 100%;
    color: #000;
    font-size: 14px;
    outline: none;
    opacity: 1;
}

.contact-page .form-area .form-content .form-item textarea::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.contact-page .form-area .form-content .form-item textarea:focus {
    border: 1px solid #272B59;
}

.contact-page .form-area .form-content .form-buton {
    background: #272B59;
    border: none;
    width: 150px;
    position: relative;
    height: 50px;
    font-size: 14px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
}

.contact-page .form-area .form-content .form-buton span.wpcf7-spinner {
    position: absolute;
    top: 100%;
}

.contact-page .form-area .form-content .form-buton:hover {
    background: #fff;
    border: 1px solid #D4D4D4;
    transition: 0.3s;
}

.contact-page .form-area .form-content .form-buton:hover span {
    color: #272B59;
    transition: 0.3s;
}

.contact-page .form-area .form-content .form-buton:hover i {
    color: #272B59;
    transition: 0.3s;
}

.contact-page .form-area .form-content .form-buton input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    background-color: unset;
    border: unset;
    width: 100%;
    height: 100%;
    z-index: 99999;
    color: #fff;
    cursor: pointer;
}

.contact-page .form-area .form-content .form-buton span {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.contact-page .form-area .form-content .form-buton i {
    color: #fff;
    font-size: 20px;
}

.contact-page .contact-info {
    margin: 25px 0 0;
}

.contact-page .contact-info .yk-head {
    margin-bottom: 20px;
}

.contact-page .contact-info ul {}

.contact-page .contact-info ul li {
    background-color: #F2F2F2;
    border: 1px solid #D4D4D4;
    padding: 10px;
    font-weight: 600;
    color: #00000066;
    font-size: 16px;
    transition: 0.3s;
}

.contact-page .contact-info ul li:hover {
    background: #272B59;
    border-color: #272B59;
    color: #fff;
    transition: 0.3s;
}

.contact-page .contact-info ul li:hover a {
    color: #fff;
    transition: 0.3s;
}

.contact-page .contact-info ul li:not(:last-child) {
    margin-bottom: 20px;
}

.contact-page .contact-info ul li span {
    font-weight: 200;
    margin-right: 5px;
}

.contact-page .contact-info ul li a {
    color: #00000066;
}

.about-us-page {
    margin: 20px 0 100px;
}

.about-us-page .about-us-wrapper {}

.about-us-page .about-us-wrapper .about-us-cont {}

.about-us-page .about-us-wrapper .about-us-cont p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    color: #1C1C1C;
}

.help-q-page {
    margin: 20px 0 100px;
}

.help-q-page .soruFiltre {}

.help-q-page .soruFiltre .soru-input {
    width: 100%;
    border: 1px solid #D4D4D4;
    background: #fff;
    height: 60px;
    position: relative;
}

.help-q-page .soruFiltre .soru-input input {
    width: 100%;
    height: 100%;
    border: unset;
    padding: 0 20px;
    color: #9c9c9c;
    font-size: 16px;
    background-color: unset;
    outline: none;
}

.help-q-page .soruFiltre .soru-input input::placeholder {
    color: #9c9c9c;
}

.help-q-page .soruFiltre .soru-input i {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 25px;
    cursor: pointer;
}

.help-q-page .soru-filtre-liste {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 30px 0 0;
}

.help-q-page .soru-filtre-liste li.soru-filtre-item {}

.help-q-page .soru-filtre-liste li.soru-filtre-item a.mainTittle {
    display: block;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    border: 1px solid #D4D4D4;
    background: #fff;
    color: #272B59;
}

.help-q-page .soru-filtre-liste li.soru-filtre-item a.active {
    background-color: #272B59;
    border-color: #272B59;
    color: #fff !important;
}

.help-q-page .question-wrap {
    margin: 30px 0;
}

.help-q-page .question-wrap .question-area {
    display: none;
}

.help-q-page .question-wrap .question-area.active {
    display: block !important;
}

.help-q-page .question-wrap .question-area .mainQuestion {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card {
    border: 1px solid #D4D4D4;
    background: #fff;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .card-header {
    border-radius: 0;
    padding: 0;
    background: unset;
    border: 0;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .card-header h5 {
    font-weight: 400;
    margin-bottom: 0;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .card-header h5 a.questionBaslik {
    font-size: 16px;
    padding: 20px !important;
    align-items: center;
    display: flex !important;
    justify-content: space-between;
    color: #272B59;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .card-header h5 a.questionBaslik i {
    font-size: 20px;
    color: #272B59;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .ny-collapse {
    display: none;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .ny-collapse .card-body {
    padding: 0 20px 15px;
    font-size: 14px;
}

.help-q-page .question-wrap .question-area .mainQuestion .soru-card .ny-collapse .card-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #1C1C1C;
    margin-bottom: 0;
}

.blog-page {
    padding: 20px 0 100px;
}

.blog-page .blog-page-wrapper {
    display: flex;
    gap: 20px;
}

.side-bar {
    width: 30%;
}

.side-bar .aside-bbba {
    position: relative;
}

.side-bar .aside-bbba .contact-side {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 30px;
    padding-left: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0 15px 0 0;
}

.side-bar .aside-bbba .contact-side::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
    background: #fff;
}

.side-bar .aside-bbba .contact-side .yk-head {
    margin-bottom: 25px;
}

.side-bar .aside-bbba .contact-side ul {}

.side-bar .aside-bbba .contact-side ul li {
    font-weight: 600;
    color: #00000066;
    font-size: 16px;
    transition: 0.3s;
}

.side-bar .aside-bbba .contact-side ul li:not(:last-child) {
    margin-bottom: 15px;
}

.side-bar .aside-bbba .contact-side ul li span {
    font-weight: 200;
    margin-right: 5px;
}

.side-bar .aside-bbba .contact-side ul li a {
    color: #00000066;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
.side-bar .aside-bbba .contact-side ul li a:hover{
    color: #000000a8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;

}
.side-bar .aside-bbba .form-side {
    position: relative;
}

.side-bar .aside-bbba .form-side .form-area {
    background-color: #fff;
    border: 1px solid #D8D8D8;
    border-left: 0;
    padding: 30px;
    padding-left: 0;
    border-radius: 0 0 15px 0;
}

.side-bar .aside-bbba .form-side .form-area::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 1000%;
    height: 100%;
    background: #fff;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}

.side-bar .aside-bbba .form-side .form-area .yk-head {
    margin-bottom: 25px;
}

.side-bar .aside-bbba .form-side .form-area .yk-head h2 {
    line-height: 36px;
}

.side-bar .aside-bbba .form-side .form-area .form-content {}

.side-bar .aside-bbba .form-side .form-area .form-content .form-item {
    position: relative;
    margin-bottom: 0;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-item i {
    position: absolute;
    left: 15px;
    top: 14px;
    z-index: 1;
    color: #272B59;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-item input {
    background: unset;
    border: 1px solid #D4D4D4;
    height: 50px;
    padding: 0 0 0 40px;
    width: 100%;
    color: #9c9c9c;
    font-size: 14px;
    outline: none;
    opacity: 1;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-item input::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-item input:focus {
    border: 1px solid #272B59;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton {
    background: #272B59;
    border: none;
    width: 150px;
    position: relative;
    height: 50px;
    font-size: 14px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton span.wpcf7-spinner {
    position: absolute;
    top: 25%;
    right: -50%;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton:hover {
    background: #fff;
    border: 1px solid #D4D4D4;
    transition: 0.3s;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton:hover span {
    color: #272B59;
    transition: 0.3s;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton:hover i {
    color: #272B59;
    transition: 0.3s;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton input[type=submit] {
    position: absolute;
    left: 0;
    top: 0;
    background-color: unset;
    border: unset;
    width: 100%;
    height: 100%;
    z-index: 99999;
    color: #fff;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton span {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.side-bar .aside-bbba .form-side .form-area .form-content .form-buton i {
    color: #fff;
    font-size: 20px;
}

.blog-cont {
    width: 70%;
    background-color: #fff;
    padding: 30px;
    position: relative;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 15px 0 0 15px;
}

.blog-cont:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}

.blog-cont .blog-card {
    position: relative;
}

.blog-cont .blog-card:not(:last-child) {
    margin-bottom: 60px;
}

.blog-cont .blog-card .card {
    border: unset;
    background-color: unset;
}

.blog-cont .blog-card .card a {
    display: block;
}

.blog-cont .blog-card .card a img {}

.blog-cont .blog-card .card .card-body {
    width: 100%;
    padding: 20px 0 0;
}

.blog-cont .blog-card .card .card-body .card-title {
    color: #272b59;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 15px;
}

.blog-cont .blog-card .card .card-body .card-title a {
    font-family: 'DunbarTall';
    color: #272b59;
}

.blog-cont .blog-card .card .card-body a.link-button {
    background-color: #272b59;
    color: #fff;
    width: fit-content;
    font-size: 14px;
    padding: 10px 20px 12px;
    transition: 0.3s;
}

.blog-cont .blog-card .card .card-body a.link-button:hover {
    background-color: #fff;
    border: 1px solid #D8D8D8;
    color: #272b59;
    transition: 0.3s;
}

.blog-cont h1,
.blog-cont h2,
.blog-cont h3,
.blog-cont h4,
.blog-cont h5,
.blog-cont h6 {
    line-height: 1;
    font-weight: 600;
    color: #272B59;
    margin-bottom: 20px;
}

.blog-cont p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
    color: #1C1C1C;
}

.blog-cont ul {}

.blog-cont ul li {}

.wpcf7-not-valid-tip {
    color: #dc3232 !important;
    font-size: 13px !important;
    position: relative;
    display: block;
    top: 0;
    font-weight: 400;
    height: auto !important;
    text-align: left;
}
.is-ajax-search-details .is-ajax-search-items .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content .is-ajax-search-posts-details .is-ajax-search-post-details .is-search-sections .right-section .is-ajax-woocommerce-actions .quantity{
    padding-left:0px !important;
}
.woocommerce-cart-form table tbody tr td a.remove:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.woocommerce-cart-form__contents .product-remove .remove{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;
}
.wpcf7 form.invalid .wpcf7-response-output {
    background: #fff8c6 !important;
    font-size: 14px;
    color: #818181 !important;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.webrion-our-service .other-service .alert-warning {
    background: #fff3cd !important;
    border-color: #ffb900;
    font-size: 14px;
    padding: 0.2em 1em;
    color: #7a6e6f !important;
    border-radius: 10px;
}

.wpcf7 form .wpcf7-response-output {
    background: #5b9361 !important;
    color: #fcf3f3 !important;
    font-size: 13px !important;
    margin: 20px 0 0;
    padding: 10px;
    border: unset;
    border-radius: 10px;
}

body .alert {
    background-color: #fff0c6;
    color: #676767;
    padding: 10px 20px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
}




.mobil-menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobil-menu-button .mobil-dot {
    display: flex;
    flex-wrap: wrap;
    width: 25px;
    height: 25px;
    gap: 5px;
}

.mobil-menu-button .mobil-dot .dot {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #fff;
}

.mobil-menu-button .mobil-dot .dot:nth-child(1) {
    background-color: #3F426B;
}

.mobil-menu-button .mobil-dot .dot:nth-child(2) {}

.mobil-menu-button .mobil-dot .dot:nth-child(3) {}

.mobil-menu-button .mobil-dot .dot:nth-child(4) {
    background-color: #3F426B;
}


.mobil-menu-button.active .mobil-dot .dot {}

.mobil-menu-button.active .mobil-dot .dot.dot {}

.mobil-menu-button.active .mobil-dot .dot .dot:nth-child(1) {}

.mobil-menu-button.active .mobil-dot .dot .dot:nth-child(2) {}

.mobil-menu-button.active .mobil-dot .dot .dot:nth-child(3) {}

.mobil-menu-button.active .mobil-dot .dot .dot:nth-child(4) {}

.mobil-menu-button .text {
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 5px 0 0;
}

.modal-area {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff66;
    backdrop-filter: blur(3px);
    display: none;
}

.modal-area .modal-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-area .modal-box {
    display: none;
    width: 50%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding: 30px 0;
    border-radius: 8px;
    position: relative;
}

.modal-area .modal-box .group-yk-1 {}

.modal-area .modal-box .group-yk-1 .image {
    width: fit-content;
    margin: 0 auto 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.modal-area .modal-box .group-yk-1 .image a {
    display: block;
}

.modal-area .modal-box .group-yk-1 .image a img {
    width: 200px;
}

.modal-area .modal-box .group-yk-1 .content {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.modal-area .modal-box .group-yk-1 .content .cart {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    gap: 12px;
}

.modal-area .modal-box .group-yk-1 .content .cart img {
    width: 26px;
    position: relative;
    top: -1px;
}

.modal-area .modal-box .group-yk-1 .content .cart span {
    font-size: 18px;
    font-weight: 400;

}

.modal-area .modal-box .group-yk-1 .content .cart.success-cart {}

.modal-area .modal-box .group-yk-1 .content .cart.success-cart span {
    color: green;
}

.modal-area .modal-box .group-yk-1 .content .cart.error-cart {
    margin-bottom: 0;
    padding: 30px 0;
}

.modal-area .modal-box .group-yk-1 .content .cart.error-cart span {
    color: #c01f1f;
}
.modal-area .modal-box .group-yk-1 .content .cart.error-cart span strong{
    color: #272b59;
}

.modal-area .modal-box .group-yk-1 .content a {}

.modal-area .modal-box .group-yk-1 .content a .title {
    font-size: 16px;
    font-weight: 600;
    font-family: 'DunbarTall';
    color: #272B59;
    margin: 0 0 10px;
}

.modal-area .modal-box .group-yk-1 .content a .variation {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}

.modal-area .modal-box .group-yk-1 .content a .variation .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 15px;
}

.modal-area .modal-box .group-yk-1 .content a .variation span {
    font-size: 14px;
    color: #999;
    font-weight: 200;
    width: fit-content;
    padding: 0;
}

.modal-area .modal-box .group-yk-1 .content a .variation span span {
    font-weight: 600;
    color: #272b59;
}

.modal-area .modal-box .group-yk-1 .buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 20px 0 0;
}

.modal-area .modal-box .group-yk-1 .buttons a {
    background-color: #272B59;
    width: 150px;
    color: #fff;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #272B59;
}

.modal-area .modal-box .group-yk-1 .buttons a:last-child {
    background-color: #fff;
    color: #272B59;
    border: 1px solid #e0e0e0;
}

.modal-area .close-modal {
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
    height: 50px;
    width: 50px;
    border-radius: 0 8px 0 8px;
}

.modal-area .close-modal i {
    font-size: 25px;
    line-height: 1;
    color: #272B59;
}

.similar-product {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin: 30px 0 0;
}

.similar-product.no-variations {
    border: unset;
    padding: 0;
    margin: 50px 0 0;
}

.similar-product.no-variations .similar-product-group {
    padding: 0;
}

.similar-product .similar-product-group {
    padding: 30px;
}

.similar-product .similar-product-group .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.similar-product .similar-product-group .head h2 {
    font-size: 18px;
    color: #272B59;
    font-weight: 400;
}

.similar-product .similar-product-group .head .navigation-yk {
    gap: 10px;
}

.similar-product .similar-product-group .head .navigation-yk .nav-button {
    position: relative;
    top: unset;
    left: unset;
    transform: translate(0);
    width: 40px;
    height: 40px;
    right: unset;
    box-shadow: unset;
    border: 1px solid #e0e0e0;
}

.similar-product .similar-product-group .head .navigation-yk .nav-button img {
    width: 20px;
}

.similar-product .similar-product-group .body {}

.similar-product .similar-product-group .body .swiper {
    width: 100%;
}

.similar-product .similar-product-group .body .swiper .swiper-wrapper {}

.similar-product .similar-product-group .body .swiper .swiper-wrapper .swiper-slide {}

.similar-product .similar-product-group .body .swiper .swiper-wrapper .swiper-slide .similar-box {
    background-color: #fff;
    padding: 10px 10px 15px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.similar-product .similar-product-group .body .swiper .swiper-wrapper .swiper-slide .similar-box img {
    width: 120px;
    height: auto;
}

.similar-product .similar-product-group .body .swiper .swiper-wrapper .swiper-slide .similar-box span {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.similar-product .similar-product-group .body .swiper .swiper-notification {}

.similar-product .similar-product-group .footer {
    margin: 30px 0 0;
}

.similar-product .similar-product-group .footer a {
    color: #272B59;
    font-weight: 500;
    border-bottom: 1px solid #272B59;
    padding-bottom: 2px;
    line-height: 1;
}

.similar-product .similar-product-group .footer a i {
    font-size: 20px;
}

.similar-product .similar-product-group .footer a span {}

.additional-area {
    margin: 30px 0 0;
}

.additional-area .additional-box {
    background-color: #272b59;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    display: flex;
}

.additional-area .additional-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 5px;
    font-size: 16px;
    padding: 15px 0;
    color: #fff;
}

.additional-area .additional-box a:not(:last-child) {
    border-right: 1px solid #e0e0e0;
}

.additional-area .additional-box a i {
    font-size: 20px;
}

.additional-area .additional-box a span {}

.empty-cart {}

.empty-cart .empty-cart-flex {
    display: flex;
    gap: 25px;
}



.empty-cart .empty-cart-flex .empty-cart-box {
    width: 65%;
    background-color: #fff;
    padding: 50px 0;
    position: relative;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 0 15px 15px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: fit-content;
}

.empty-cart .empty-cart-flex .empty-cart-box::before {
    content: "";
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: -1px;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}

.empty-cart .empty-cart-flex .empty-cart-box .icon {
    background-color: #272B59;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-cart .empty-cart-flex .empty-cart-box .icon img {
    width: 30px;
}

.empty-cart .empty-cart-flex .empty-cart-box p {
    color: #6D6D6D;
    font-size: 20px;
    font-family: 'DunbarTall';
    margin: 25px 0;
}

.empty-cart .empty-cart-flex .empty-cart-box a {
    background-color: #272B59;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
}

.empty-cart .empty-cart-flex .last-view-product {}


.empty-cart .empty-cart-flex .last-view-product {
    width: 35%;
    background-color: #fff;
    padding: 30px;
    position: relative;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e0e0e0;
    border-radius: 15px 0 0 15px;
}

.empty-cart .empty-cart-flex .last-view-product::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 100%;
    top: -1px;
    width: 1000%;
    height: 100%;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}

.empty-cart .empty-cart-flex .last-view-product .last-view-box {}

.empty-cart .empty-cart-flex .last-view-product .last-view-box .pr-box {
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
}

.empty-cart .empty-cart-flex .last-view-product .last-view-box .pr-box a {}

.empty-cart .empty-cart-flex .last-view-product .last-view-box .pr-box a img {
    width: 120px;
}

.empty-cart .empty-cart-flex .last-view-product .last-view-box .pr-box a span {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    display: block;
    margin: 10px 0 0;
}

.empty-cart .empty-cart-flex .last-view-product .last-view-box h2 {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #272B59;
    margin-bottom: 30px;
}

.empty-cart .empty-cart-flex .last-view-product .last-view-box .group-yk-2 {
    gap:20px;
}

.yk-mega-menu-v3.active-mega-menu {
    z-index: 999999999999 !important;
    visibility: visible !important;
    transition: 0.5s !important;
    height: 100vh;
}

.yk-mega-menu-v3 {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    top: 0;
}

.yk-mega-menu-v3 .topbar-ky {
    display: none;
}

.yk-mega-menu-v3 .menu-flex-top {
    position: relative;
    display: flex;
    height: 100%;
    background-color: #272B59;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content {
    width: 100%;
    padding: 30px 0;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large {}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    gap: 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .logo img {
    width: 200px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .linked {
    display: flex;
    align-items: center;
    gap: 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .linked a img {
    width: 22px;
    height: auto;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .linked a.shop {
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .linked a.shop .counter {
    position: absolute;
    left: 13px;
    top: 0px;
    background-color: #000;
    border-radius: 100%;
    color: #fff;
    width: 13px;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .linked a.shop .counter span {
    position: relative;
    top: 1px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .search-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 35px 0px 0;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .search-bar img {
    width: 20px;
    position: relative;
    top: -2px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .search-bar input {
    width: 100%;
    border: unset;
    height: 100%;
    padding-left: 20px;
    color: #898989;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    padding-right: 60px;
    background: #fff;
    -webkit-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    cursor: pointer;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .search-bar input::placeholder {
    color: #898989;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .search-bar input::focus {
    -webkit-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    border: unset !important;
    background-color: #fff;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent {
    display: flex;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left {
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .title {
    font-size: 20px;
    color: #a3a3a3;
    font-weight: 500;
    margin-bottom: 5px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .item {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    display: block;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li {
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    transition: all 0.4s ease;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a:hover {
    color: #a3a3a3;
    transition: all 0.4s ease;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a img {
    width: 18px;
    position: relative;
    margin-left: 5px;
    top: -1px;
    transition: all 0.5s ease;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a img.mobil-media {
    display: none;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a.active {
    transition: all 0.5s ease;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list li a.active img {
    opacity: .3;
    visibility: visible;
    transition: all 0.5s ease;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list .menu-group-wrapper.menu-group-mobil {
    display: none;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list .menu-group-wrapper.menu-group-mobil .menu-mobil-wrapper {
    display: flex;
    padding: 10px 0px 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list .menu-group-wrapper.menu-group-mobil .menu-mobil-wrapper ul {
    flex: 1;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .parent-menu-list .menu-group-wrapper.menu-group-mobil .menu-mobil-wrapper ul li a {
    border: unset;
    font-size: 14px;
    font-weight: 300;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .all-view {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    position: relative;
    line-height: 1;
    margin-top: 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .all-view::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #000;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .box-ky {
    padding: 10px 0;
    font-size: 16px;
    margin: 20px 0px;
    width: 300px;
    max-width: 100%;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .once-menu-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .once-menu-list li a {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    color: #fff;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .once-menu-list li:not(:last-child) a {}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .once-menu-list li a:hover {
    color: #a3a3a3;
    transition: all 0.5s ease-in-out;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right {
    overflow: hidden;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap {
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group {
    position: absolute;
    width: 100%;
    left: 0;
    display: none;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group:first-child {
    display: block;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group .menu-group-wrapper {
    display: flex;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group .menu-group-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group .menu-group-wrapper ul li a {
    color: #0D0D0D;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.5s ease-in-out;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-right .filter-menu-wrap .menu-group .menu-group-wrapper ul li a:hover {
    color: #a3a3a3;
    transition: all 0.3s ease-in-out;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .mobil-logo {
    display: none;
    padding: 0 0 0 10px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .mobil-logo a img {
    width: 200px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media {
    width: 45%;
    height: auto;
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media .media-content {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    height: 100%;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media .media-content .title {
    padding: 0 0px 50px 35px;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media .media-content .title span {
    display: block;
    position: relative;
    width: fit-content;
    font-size: 14px;
    font-weight: 300;
}

.yk-mega-menu-v3 .menu-flex-top .menu-media .media-content .title span::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
}

.yk-mega-menu-v3 .close-menu {
    cursor: pointer;
    color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 100%;
    border-color: #ffffff1f;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.yk-mega-menu-v3 .close-menu i{
    font-size: 25px;
}


.yk-mega-menu-v3 .close-menu img {
    width: 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 25px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    width: 100%;
    flex: 1;
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item img {
    width: 25px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item .social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item .social a {
    background: #fff;
    -webkit-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    box-shadow: 1px 3px 15px -4px rgba(0, 0, 0, 0.14);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item span {
    display: block;
    font-weight: 500;
    color: #272B59;
    font-size: 18px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item.phone {}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item.wp {
    display: flex;
    gap: 10px;
    align-items: center;
    width: max-content;
    flex-direction: row-reverse;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .menu-large .menu-parent .menu-left .mega-menu-link-group .mega-menu-item {}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form {
    width: 100%;
    position: relative;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form.is-form-style-3 label {
    width: 100% !important;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form.is-form-style-3 input.is-search-input {
    border-right: 0!important
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form input.is-search-input {
    height: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border-width: 0 0 1px !important;
    border-color: #ffffff3d !important;
    font-family: "Sarabun", sans-serif;
    padding: 0 0 10px;
    width: 100%;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form input.is-search-input::placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form button.is-search-submit {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    background-color: unset;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form button.is-search-submit::before {
    content: "";
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form button.is-search-submit .is-search-icon {
    background-color: unset;
    border: unset;
    background-image: url(/wp-content/uploads/2024/09/search1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.yk-mega-menu-v3 .menu-flex-top .menu-content .head-main-menu-bar .search-area .is-search-form button.is-search-submit .is-search-icon svg {
    display: none;
}

.mobilefooter-sticky {
    display: none;
}

.mobilefooter-sticky {
    display: flex;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fafafa;
    position: fixed;
    z-index: 0;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top: 6px solid #272B59;
}

.mobilefooter-sticky .sticky-box {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mobilefooter-sticky .top-box {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-30px);
    position: relative;
}

.mobilefooter-sticky .top-box .icon {
    background: #272B59;
    border-radius: 50%;
    position: relative;
    -webkit-box-shadow: -1px 4px 4px rgba(0, 0, 0, .77);
    box-shadow: -1px 4px 4px rgb(168 168 168/77%);
    width: 50px;
    height: 50px;
}

.mobilefooter-sticky .top-box .icon i {
    color: #fff !important;
}

.mobilefooter-sticky .sticky-box .icon {
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}

.mobilefooter-sticky .sticky-box .icon i {
    font-size: 22px;
    color: #272B59;
    line-height: 1;
}

.mobilefooter-sticky .sticky-box .name {
    font-size: 12px;
    color: #272B59;
    text-align: center;
    font-weight: 500;
}
.woocommerce-cart-form__contents tbody tr .actions::before{
    content: "";
    position: absolute;
    width: 100%;
    left: -100%;
    background: #ffff;
    height: 100%;
    z-index: -9;
    top: 0;
}

.mailpoet_form {}

.mailpoet_form .mailpoet_form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    padding: 0 !important;
    column-gap: 2%;









    !i;
    !;
}

.mailpoet_form .mailpoet_form input {}

.mailpoet_form .mailpoet_form .mailpoet_hp_email_label {}

.mailpoet_form .mailpoet_form .mailpoet_hp_email_label input {}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container {
    visibility: visible !important;
    width: 49%;








    !i;
    !;
}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns {}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns .mailpoet_form_column {
    flex-grow: unset;
}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph {}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph .mailpoet_text {
    background-color: #ffffff14;
    border: unset;
    height: 50px;
    padding: 0 20px !important;
    color: #fff;
    width: 100% !important;
}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph .mailpoet_text::placeholder{
    color: #ffffff96;
}

.mailpoet_form .mailpoet_form .mailpoet_form_columns_container .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph .mailpoet_error_1u4o9 {}

.mailpoet_form .mailpoet_form .mailpoet_paragraph {
    margin-bottom: 0 !important;
    position: relative;
    visibility: visible !important;
}

.mailpoet_form .mailpoet_form .mailpoet_paragraph.last{
    width: 49%;
    height: fit-content;
}

.mailpoet_form .mailpoet_form .mailpoet_paragraph .parsley-error + span{position: absolute;width: 100%;}
.mailpoet_form .mailpoet_form .mailpoet_paragraph .parsley-error + span ul{}
.mailpoet_form .mailpoet_form .mailpoet_paragraph .parsley-error + span ul li{
    color: #fff;
    background-color: red;
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.mailpoet_form .mailpoet_form .mailpoet_paragraph .mailpoet_submit {
    background-color: #fff !important;
    color: #272b59  !important;
    font-size: 14px  !important;
    font-weight: 600  !important;
    cursor: pointer  !important;
    display: block  !important;
    text-transform: uppercase;
}


.mailpoet_form .mailpoet_form .mailpoet_paragraph .mailpoet_form_loading {
    position: absolute;
    top: 50%;
    transform: translate(0,-57%);
    right: 20px;
    height: fit-content;
}

.mailpoet_form .mailpoet_form .mailpoet_paragraph .mailpoet_form_loading .mailpoet_bounce1 {}

.mailpoet_form .mailpoet_form .mailpoet_paragraph .mailpoet_form_loading .mailpoet_bounce2 {}

.mailpoet_form .mailpoet_form .mailpoet_paragraph .mailpoet_form_loading .mailpoet_bounce3 {}

.mailpoet_form .mailpoet_form .mailpoet_message {
    padding: 0 !important;
    position: absolute;
    top: 100%;
    margin: 10px 0 0 !important;
}

.mailpoet_form .mailpoet_form .mailpoet_message .mailpoet_validate_success {
    width: max-content;
    background-color: green;
    padding: 6px 15px;
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
}

.mailpoet_form .mailpoet_form .mailpoet_message .mailpoet_validate_error {}

.all-brand{
    margin: 70px 0;
}

.all-brand .slide-brands-wrap{
    position: relative;
}
.all-brand .navigation-yk{}
.all-brand .navigation-yk button i{
    font-size: 25px;
}
.all-brand .navigation-yk button{
    background-color: unset;
    width: 25px;
    height: 25px;
    box-shadow: unset;
}
.all-brand .navigation-yk button.prev{
    left: -40px;
}
.all-brand .navigation-yk button.next{
    right: -40px;
}
.all-brand .yk-head{}
.all-brand .yk-head h2{}
.all-brand .swiper{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    position: relative;
}
.all-brand .swiper::before{
    content:"";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 1px;
    top: 0;
    background-color: #fff;
    z-index: 99999;
}
.all-brand .swiper .swiper-slide{
    height: auto;
    border-right: 1px solid #e0e0e0;
}
.all-brand .swiper .swiper-slide .brand-content{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 30px;
}
.all-brand .swiper .swiper-slide .brand-content img{
    width: 150px;
    height: 100px;
    object-fit: contain;
}

.all-brand .swiper .swiper-slide .brand-content img + span{
    position: absolute;
    top: 100%;
    display: none;
}

.mail-success{
    margin: 50px 0 0;
}
.mail-success .mail-success-box{
    background-color: #fff;
    border: 1px solid #e0e0e0;
    height: 100px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mail-success .mail-success-box p{
    font-size: 20px;
    color: green;
    font-weight: 500;
}
.mail-success .mail-success-box i{
    font-size: 30px;
    color: green;
    margin-right: 10px;
}
.mail-success .mail-success-box img{}

.color-chart {}

.color-chart .color-chart-wrap {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin: 30px 0 0;
    padding: 30px;
}

.color-chart .color-chart-wrap .table-head {
    display: flex;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
}
.color-chart .color-chart-wrap .table-head .table-col.product{
    flex: 2;
}
.color-chart .color-chart-wrap .table-head .table-col {
    font-size: 15px;
    font-weight: 500;
    color: #272b59;
}
.color-chart .color-chart-wrap .table-head .table-col.swatch{
    flex: 1;
}
.color-chart .color-chart-wrap .table-head .table-col.name{
    flex: 2;
}
.color-chart .color-chart-wrap .table-head .table-col.pantone{
    flex: 2;
}
.color-chart .color-chart-wrap .table-head .table-col.hex-web{
    flex: 2;
}

.color-chart .color-chart-wrap .color-chart-flex {}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box {
    padding: 15px 0;
    color: #262a56;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
    color: #262a56;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box:last-child{
    padding-bottom: 0;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex {
    display: flex;
    align-items: center;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span{
    position: relative;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span .copy-pantone{
    font-size: 14px;
    color: #fff;
    background-color: #272b59;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    line-height: 1;
    margin-left: 10px;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span .copy-pantone i{}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span .copy_success{
    position: absolute;
    top: 100%;
    left: 0;
    margin: 10px 0 0;
    background-color: #272b59;
    color: #fff;
    font-size: 12px;
    padding: 10px 12px;
    line-height: 1;
    display: none;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex .item-image {
    flex: 1;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex .item-image img {
    width: 30px;
    border-radius: 3px;
    display: block;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex .item-name {
    flex: 2;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex .item-pantone {
    flex: 2;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex .item-hex-web {
    flex: 2;
}

.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span.item-product{
    flex: 2;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span.item-product a{
    background-color: #272b59;
    color: #fff;
    padding: 8px 15px 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span.item-product a i{
    font-size: 20px;
    line-height: 1;
    position: relative;
    top: 1px;
}
.color-chart .color-chart-wrap .color-chart-flex .color-palette-box .item-flex span.item-product a span{}

.chart-info {}

.chart-info .chart-info-box {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin: 30px 0 0;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.chart-info .chart-info-box .logo {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chart-info .chart-info-box .logo img {
    width: 150px;
}

.chart-info .chart-info-box .brand-content {
    width: 75%;
}

.chart-info .chart-info-box .brand-content p {
    font-size: 14px;
    line-height: 24px;
    color: #272b59;
}

.chart-info .chart-info-box .count {
    margin: 20px 0 0;
    font-size: 16px;
    color: #272b59;
}

.chart-info .chart-info-box .count span{font-weight: 600;}

.chart-info .chart-info-box .count a {
    background-color: #272b59;
    color: #fff;
    width: fit-content;
    font-size: 14px;
    padding: 10px 20px 12px;
    display: block;
    margin: 10px 0 0;
}

.cookie-card {
    max-width: 100%;
    width:500px;
    padding: 1rem;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, .05);
    position: fixed;
    left: 20px;
    bottom: 20px;
    border: 1px solid #1d2046;
    z-index: 9999;
    display: none;
}

.cookie-card.show{
    display: block;
}

.cookie-card .title {
    font-weight: 600;
    color: rgb(31 41 55);
}

.cookie-card .description {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: rgb(75 85 99);
}

.cookie-card .description a {
    --tw-text-opacity: 1;
    color: rgb(59 130 246);
}

.cookie-card .description a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.cookie-card .actions {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    flex-shrink: 0;
}

.cookie-card .actions button {
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgb(31 41 55 );
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background-color: transparent;
}

.cookie-card .actions button:hover {
    color: rgb(156 163 175);
}

.cookie-card .actions button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.cookie-card .actions button {
    font-size: 13px;
    line-height: 1rem;
    background-color: rgb(39 43 89);
    font-weight: 500;
    border-radius: 0.5rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    border: none;
    text-decoration: unset;
    transition: all .15s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-card .actions button.declineCookie{
    background-color: #f9f9f9;
    color: #272b59;
    border: 1px solid #e0e0e0;
}

.cookie-card .actions button.acceptCookie:hover {
    background-color: rgb(34 45 159);
}

.cookie-card .actions button.acceptCookie:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.cookie-card .actions button.acceptCookie{}