:root {
--title_color:#171717;
}
* {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 }
.product_nav {
 padding-bottom: 50px;
 }
body > section {
 position: relative;
 }
body > section:hover {
  }
@media screen and (max-width: 768px){
.product_nav {
 padding-bottom: 2rem;
 }}
.content {
 max-width: 1585px;
 margin: 0px auto;
 position: relative;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
ul {
 list-style: none;
 }
h1, h2, h3, h4, h5, h6, .title {
 font-family: "Shippori Mincho", sans-serif;
 }
.product_nav ul {
 display: flex;
 border-bottom: 1px solid rgb(229, 229, 229);
 border-top: 1px solid rgb(229, 229, 229);
 gap: 2.90646%;
 }
@media screen and (max-width: 768px){
.product_nav ul {
 width: 100vw;
 margin-left: -1.2rem;
 padding: 0px 1.2rem;
 overflow: auto;
 gap: 1rem;
 }}
.product_nav li:first-child {
 margin-left: auto;
 }
a {
 color: inherit;
 font-size: inherit;
 text-decoration: none;
 }
.product_nav a {
 font-size: 16px;
 color: rgb(81, 81, 81);
 transition: 0.3s;
 position: relative;
 display: block;
 padding: 18px 0px 25px;
 }
.product_nav a::after {
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: rgb(125, 108, 127);
 position: absolute;
 bottom: -2px;
 left: 0px;
 opacity: 0;
 transition: 0.3s;
 }
.product_nav a:hover {
 color: rgb(25, 25, 25);
 }
.product_nav a:hover::after {
 opacity: 1;
 }
.product_nav li.active a {
 font-weight: 600;
 color: rgb(25, 25, 25);
 font-size: 18px;
 }
.product_nav li.active a::after {
 opacity: 1;
 }
@media screen and (max-width: 768px){
.product_nav ul li a {
 text-wrap: nowrap;
 font-size: 15px;
 padding: 1rem 0px;
 }}
@media screen and (max-width: 768px){
.product_nav ul li a::after {
 bottom: 0px;
 }}
@media screen and (max-width: 768px){
.product_nav ul li.active a {
 font-size: 15px;
 }}
.product_nav li:last-child {
 margin-right: auto;
 }
button, input, textarea {
 outline: none;
 border: none;
 font-family: unset;
 color: var(--title_color);
 }
input[type="submit"], button {
 cursor: pointer;
 }
.sytech_export_template {
 display: none;
 }
 
@media screen and (max-width: 786px){


}
.product_romance {
 padding: 60px 0px 83px;
 position: relative;
 z-index: 2;
 overflow: hidden;
 }
@media screen and (max-width: 768px){
.product_romance {
 padding: 3rem 0px;
 }}
.product_romance .bg {
 position: absolute;
 top: 20px;
 left: 13.8%;
 width: 100%;
 height: 100%;
 z-index: -1;
 pointer-events: none;
 transition: 1s;
 }
@media screen and (max-width: 768px){
.product_romance .bg {
 right: 0px;
 left: unset;
 }}
.product_romance .bg img {
 display: block;
 width: 100%;
 aspect-ratio: 1105 / 1013;
 object-fit: cover;
 max-width: 1105px;
 margin-left: auto;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.flex {
 display: flex;
 }
.between {
 justify-content: space-between;
 }
.gap {
 gap: 1.25rem;
 }
@media screen and (max-width: 768px){
.product_romance .flex {
 flex-direction: column;
 gap: 2rem;
 }}
.product_romance .left {
 width: 54.0694%;
 }
@media screen and (max-width: 768px){
.product_romance .left {
 width: 100%;
 }}
.img.img_cv {
 overflow: hidden;
 }
.product_romance .left .img {
 aspect-ratio: 857 / 967;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.product_romance .left .img {
 width: 100%;
 height: 100%;
 }}
.img.img_cv img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transition: 0.5s;
 }
.product_romance .left .img:hover img {
 transform: scale(1.03);
 }
.product_romance .right {
 flex: 1 1 0%;
 max-width: 543px;
 margin-top: auto;
 }
@media screen and (max-width: 768px){
.product_romance .right {
 max-width: unset;
 width: 100%;
 }}
.head h2 {
 font-size: 42px;
 font-weight: 500;
 }
.head h2::after {
 content: "";
 display: inline-block;
 vertical-align: top;
 width: 12px;
 margin-left: 10px;
 aspect-ratio: 12 / 20;
 transform: translateY(6px);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_2/assets/img/icon-star.svg") center center / contain no-repeat;
 }
.product_romance .head h2::after {
 display: none;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 32px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
br {
 display: none;
 }}
.product_romance .head .desc {
 font-size: 16px;
 font-weight: 300;
 line-height: 28px;
 color: rgb(61, 61, 61);
 margin-top: 42px;
 max-width: 512px;
 }
@media screen and (max-width: 768px){
.head .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }}
@media screen and (max-width: 768px){
.product_romance .right .desc {
 font-size: 0.9rem;
 line-height: 1.5;
 margin-top: 0.6rem;
 }}
.product_romance .head .desc p + p {
 margin-top: 28px;
 }
@media screen and (max-width: 768px){
.product_romance .right .desc p + p {
 margin-top: 0.5rem;
 }}
.product_romance .right .img {
 aspect-ratio: 543 / 506;
 margin-top: 90px;
 }
@media screen and (max-width: 768px){
.product_romance .right .img {
 margin-top: 2rem;
 }}
.product_romance .right .img:hover img {
 transform: scale(1.03);
 }
 
@media screen and (max-width: 786px){


}
.product_specs {
 padding: 52px 0px 79px;
 position: relative;
 z-index: 2;
 }
@media screen and (max-width: 768px){
.product_specs {
 padding: 3rem 0px;
 }}
.product_specs .bg {
 position: absolute;
 top: -25px;
 left: 8.2%;
 width: 100%;
 height: 100%;
 z-index: -1;
 pointer-events: none;
 transition: 1s;
 }
@media screen and (max-width: 768px){
.product_specs .bg {
 left: unset;
 right: 0px;
 width: 100%;
 }}
.product_specs .bg img {
 display: block;
 width: 100%;
 aspect-ratio: 935 / 1238;
 object-fit: cover;
 max-width: 935px;
 margin-left: auto;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.head h2::after {
 content: "";
 display: inline-block;
 vertical-align: top;
 width: 12px;
 margin-left: 10px;
 aspect-ratio: 12 / 20;
 transform: translateY(6px);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_3/assets/img/icon-star.svg") center center / contain no-repeat;
 }
.product_specs h2::after {
 display: none;
 }
.fadeInLeft {
 animation-name: fadeInLeft;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 32px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.flex_middle {
 align-items: center;
 }
.product_specs .main {
 margin-top: -29px;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.product_specs .main {
 margin-top: 0px;
 }}
@media screen and (max-width: 768px){
.product_specs .main {
 flex-direction: column-reverse;
 margin-top: 2rem;
 gap: 20px;
 }}
.product_specs .intro {
 flex: 1 1 0%;
 max-width: 866px;
 padding-top: 1.3%;
 }
@media screen and (max-width: 768px){
.product_specs .main .intro {
 padding: 0px;
 }}
.product_specs .intro .item {
 border-bottom: 1px solid rgb(219, 219, 219);
 }
.product_specs .intro h3 {
 font-size: 20px;
 color: rgb(0, 0, 0);
 display: flex;
 justify-content: space-between;
 cursor: pointer;
 font-weight: 400;
 line-height: 2;
 padding: 14px 0px 21px;
 }
.product_specs .intro h3::after {
 content: "";
 display: block;
 width: 11px;
 height: 11px;
 margin-top: 13px;
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_3/assets/img/icon-close.svg") center center / contain no-repeat;
 }
@media screen and (max-width: 768px){
.product_specs .main .intro h3 {
 font-size: 16px;
 padding: 0.6rem 0px;
 line-height: 1.5;
 }}
.product_specs .intro .answer {
 display: none;
 margin-top: -2px;
 padding-bottom: 29px;
 }
.product_specs .intro .item:first-child .answer {
 display: block;
 }
@media screen and (max-width: 768px){
.product_specs .main .intro .answer {
 margin-top: 0px;
 padding-bottom: 1rem;
 }}
.product_specs .intro p {
 font-size: 16px;
 font-weight: 300;
 color: rgb(61, 61, 61);
 line-height: 28px;
 }
@media screen and (max-width: 768px){
.product_specs .main .intro p {
 font-size: 14px;
 line-height: 1.5;
 }}
@media screen and (max-width: 768px){
br {
 display: none;
 }}
.product_specs .intro a {
 line-height: 32px;
 color: rgb(125, 108, 127);
 text-decoration: underline;
 display: block;
 margin-top: 12px;
 width: fit-content;
 }
@media screen and (max-width: 768px){
.product_specs .main .intro a {
 font-size: 14px;
 line-height: 1.3;
 margin-top: 1rem;
 }}
.product_specs .intro .item:last-child {
 border: none;
 }
.product_specs .product_specs_swiper {
 width: 30.5994%;
 overflow: hidden;
 }
@media screen and (min-width: 768px) and (max-width: 1024px){
.product_specs .product_specs_swiper {
 width: 39%;
 padding-right: 2px;
 }}
@media screen and (max-width: 768px){
.product_specs .product_specs_swiper {
 width: 100%;
 }}
.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform, -webkit-transform;
 box-sizing: content-box;
 }
.swiper-container-android .swiper-slide, .swiper-wrapper {
 transform: translate3d(0px, 0px, 0px);
 }
li.swiper-slide {
 height: auto;
 }
.product_specs .product_specs_swiper .swiper-slide {
 border: 1px solid rgb(23, 23, 23);
 }
.swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform, -webkit-transform;
 }
.product_specs .product_specs_swiper .img {
 aspect-ratio: 485 / 369;
 }
.product_specs .product_specs_swiper .img:hover img {
 transform: scale(1.03);
 }
.product_specs .product_specs_swiper .info {
 background-color: rgb(255, 255, 255);
 display: flex;
 justify-content: space-between;
 padding: 24px 11.5% 46px 6.5485%;
 gap: 1rem;
 }
@media screen and (max-width: 768px){
.product_specs .product_specs_swiper .info {
 padding: 1.3rem 1.2rem 1.6rem;
 }}
.product_specs .product_specs_swiper strong {
 font-size: 20px;
 color: rgb(0, 0, 0);
 font-weight: 400;
 }
@media screen and (max-width: 768px){
.product_specs .product_specs_swiper .info strong {
 font-size: 18px;
 }}
.product_specs .product_specs_swiper .info li {
 font-size: 16px;
 font-weight: 300;
 color: rgb(61, 61, 61);
 margin-bottom: 10px;
 }
@media screen and (max-width: 768px){
.product_specs .product_specs_swiper .info li {
 font-size: 14px;
 margin-bottom: 8px;
 }}
.product_specs .product_specs_swiper .info li:last-child {
 margin-bottom: 0px;
 }
 
@media screen and (max-width: 786px){


}
 
:root {
--primary-color:;
--title_color:#171717;
}
.product_design {
 padding: 60px 0px 117px;
 }
@media screen and (max-width: 768px){
.product_design {
 padding: 3rem 0px;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.head h2::after {
 content: "";
 display: inline-block;
 vertical-align: top;
 width: 12px;
 margin-left: 10px;
 aspect-ratio: 12 / 20;
 transform: translateY(6px);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_4/assets/img/icon-star.svg") center center / contain no-repeat;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 32px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.product_design .flex {
 margin-top: 54px;
 }
@media screen and (max-width: 768px){
.product_design .flex {
 flex-direction: column;
 margin-top: 2rem;
 gap: 2rem;
 }}
.product_design .left {
 width: 70.6625%;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.product_design .flex .left {
 width: 62%;
 }}
@media screen and (max-width: 768px){
.product_design .left {
 width: 100%;
 }}
.product_design .left .imgs {
 position: relative;
 z-index: 2;
 aspect-ratio: 1120 / 626;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.product_design .flex .left .imgs {
 width: 100%;
 height: 100%;
 }}
.product_design .left .img {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: 0;
 pointer-events: none;
 transition: 0.3s;
 }
.product_design .left .img.active {
 opacity: 1;
 pointer-events: all;
 }
.product_design .left .img:hover img {
 transform: scale(1.03);
 }
.product_design .right {
 flex: 1 1 0%;
 max-width: 377px;
 display: flex;
 flex-direction: column;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.product_design .flex .right {
 overflow: hidden;
 }}
@media screen and (max-width: 768px){
.product_design .right {
 max-width: unset;
 width: 100%;
 }}
.product_design .right .product_design_swiper {
 margin-top: auto;
 overflow: hidden;
 }
.product_design .right strong {
 font-size: 30px;
 font-weight: 500;
 color: rgb(0, 0, 0);
 line-height: 53px;
 }
@media screen and (max-width: 768px){
.product_design .right strong {
 font-size: 18px;
 line-height: 1.5;
 }}
.product_design .right p {
 font-size: 16px;
 font-weight: 300;
 color: rgb(61, 61, 61);
 line-height: 28px;
 margin-top: 23px;
 max-width: 349px;
 }
@media screen and (max-width: 768px){
.product_design .right p {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 0.5rem;
 }}
.product_design .btns {
 display: flex;
 gap: 13.4%;
 align-items: center;
 margin-top: 72px;
 margin-bottom: 5px;
 }
@media screen and (max-width: 768px){
.product_design .btns {
 margin-top: 2.6rem;
 justify-content: center;
 margin-bottom: 0px;
 gap: 1.6rem;
 }}
.product_design .btns .swiper-prev, .product_design .btns .swiper-next {
 width: 8px;
 height: 15px;
 cursor: pointer;
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_4/assets/img/arrow-b.svg") center center / contain no-repeat;
 transition: 0.3s;
 }
.product_design .btns .swiper-button-disabled {
 opacity: 0.5;
 pointer-events: none;
 }
@media screen and (max-width: 768px){
.product_design .btns .swiper-prev, .product_design .btns .swiper-next {
 width: 6px;
 height: 13px;
 }}
div.swiper-pagination {
 position: static;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 14px;
 height: 10px;
 }
.swiper-pagination {
 position: absolute;
 text-align: center;
 transition: opacity 0.3s;
 transform: translate3d(0px, 0px, 0px);
 z-index: 10;
 }
div.swiper-pagination .swiper-pagination-bullet {
 width: 10px;
 height: 10px;
 opacity: 1;
 background-color: transparent;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 pointer-events: none;
 margin: 0px !important;
 }
div.swiper-pagination .swiper-pagination-bullet::before {
 content: "";
 display: block;
 width: 6px;
 aspect-ratio: 1 / 1;
 pointer-events: all;
 border-radius: 50%;
 background-color: rgb(27, 27, 27);
 transition: 0.3s;
 }
div.swiper-pagination .swiper-pagination-bullet::after {
 content: "";
 display: block;
 position: absolute;
 inset: 0px;
 box-sizing: border-box;
 border: 1px solid rgb(27, 27, 27);
 transition: 0.3s;
 pointer-events: all;
 border-radius: 50%;
 transform: scale(0.5);
 opacity: 0;
 }
div.swiper-pagination .swiper-pagination-bullet-active::before {
 opacity: 0;
 transform: scale(1.5);
 }
div.swiper-pagination .swiper-pagination-bullet-active::after {
 opacity: 1;
 transform: scale(1);
 }
.swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-radius: 100%;
 background: rgb(0, 0, 0);
 opacity: 0.2;
 }
.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer;
 }
.swiper-pagination-bullet-active {
 opacity: 1;
 background: var(--primary-color);
 }
.product_design .btns .swiper-next {
 transform: rotate(180deg);
 }
 
@media screen and (max-width: 786px){


}
.product_style {
 padding: 100px 0px 129px;
 position: relative;
 }
@media screen and (max-width: 768px){
.product_style {
 padding: 3rem 0px;
 }}
.product_style .bg {
 width: 100vw;
 position: absolute;
 height: 100%;
 transition: 1s;
 }
.product_style .bg img {
 display: block;
 width: 100%;
 max-width: 1920px;
 margin: 0px auto;
 height: 100%;
 object-fit: cover;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
.center {
 text-align: center;
 }
.head h2::after {
 content: "";
 display: inline-block;
 vertical-align: top;
 width: 12px;
 margin-left: 10px;
 aspect-ratio: 12 / 20;
 transform: translateY(6px);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_5/assets/img/icon-star.svg") center center / contain no-repeat;
 }
.fadeInUp {
 animation-name: fadeInUp;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 32px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.product_style .imgs {
 width: 112.429%;
 position: relative;
 left: 50%;
 transform: translateX(-50%);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 1.5rem;
 margin-top: 93px;
 }
@media screen and (min-width: 768px) and (max-width: 1600px){
.product_style .imgs {
 width: 100%;
 }}
@media screen and (max-width: 768px){
.product_style .imgs {
 margin-top: 2rem;
 width: 100%;
 flex-direction: column;
 gap: 1.3rem;
 }}
.product_style .imgs .img:first-child {
 width: 19.0797%;
 aspect-ratio: 340 / 584;
 }
@media screen and (max-width: 768px){
.product_style .imgs .img {
 width: 100% !important;
 }}
.product_style .imgs .img:hover img {
 transform: scale(1.03);
 }
.product_style .imgs .img:nth-child(2) {
 width: 27.0483%;
 aspect-ratio: 482 / 480;
 }
.product_style .imgs .img:nth-child(3) {
 width: 46.5769%;
 aspect-ratio: 803 / 599;
 }
 
@media screen and (max-width: 786px){


}
.product_faq {
 padding: 110px 0px;
 }
@media screen and (max-width: 768px){
.product_faq {
 padding: 3rem 0px;
 }}
@media screen and (min-width: 768px) and (max-width: 1600px){
.content {
 max-width: 1440px;
 }}
@media screen and (min-width: 768px) and (max-width: 1440px){
.content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 padding: 0px 1.2rem;
 max-width: 1220px;
 }}
@media screen and (min-width: 768px) and (max-width: 1220px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content, .post_main .content {
 max-width: 1000px;
 }}
@media screen and (min-width: 768px) and (max-width: 1024px){
.content, .swiper_content, .account_dashboard .content, .account_latest .content, .orders_nav .content {
 max-width: 768px;
 }}
@media screen and (max-width: 768px){
.content {
 padding: 0px 1.2rem;
 }}
@media screen and (max-width: 768px){
.product_faq .flex {
 flex-direction: column;
 gap: 2rem;
 }}
.product_faq .left {
 max-width: 424px;
 }
.head h2::after {
 content: "";
 display: inline-block;
 vertical-align: top;
 width: 12px;
 margin-left: 10px;
 aspect-ratio: 12 / 20;
 transform: translateY(6px);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_6/assets/img/icon-star.svg") center center / contain no-repeat;
 }
@media screen and (min-width: 768px) and (max-width: 1220px){
.head h2 {
 font-size: 32px;
 line-height: 1.3;
 }}
@media screen and (max-width: 768px){
.head h2 {
 font-size: 22px;
 line-height: 1.5;
 }}
.product_faq .head .desc {
 font-size: 16px;
 font-weight: 300;
 color: rgb(61, 61, 61);
 margin-top: 22px;
 line-height: 28px;
 max-width: 363px;
 }
@media screen and (max-width: 768px){
.head .desc {
 font-size: 0.9rem;
 line-height: 1.5rem;
 }}
@media screen and (max-width: 768px){
.product_faq .head .desc {
 font-size: 14px;
 line-height: 1.5;
 margin-top: 0.5rem;
 }}
.btn {
 gap: 8px;
 display: inline-flex;
 vertical-align: top;
 align-items: center;
 justify-content: center;
 text-align: center;
 transition: 0.3s;
 cursor: pointer;
 font-size: 1rem;
 font-weight: 500;
 padding: 15px 30px;
 border: 1px solid var(--title_color);
 background-color: transparent;
 }
.btn::after {
 content: "";
 display: block;
 width: 12px;
 aspect-ratio: 1 / 1;
 transition: 0.3s;
 transform: translateY(1px);
 filter: contrast(0) brightness(0);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_6/assets/img/arrow-line-r.svg") center center / contain no-repeat;
 }
.btn:hover {
 color: rgb(255, 255, 255);
 background-color: var(--title_color);
 }
.btn:hover::after {
 transform: translate(5px, 1px);
 filter: contrast(0) brightness(2);
 }
.product_faq .head .btn {
 margin-top: 26px;
 padding: 15px 24px;
 }
@media screen and (max-width: 768px){
.btn {
 font-size: 14px;
 line-height: 1.5;
 padding: 0.6rem 1rem;
 min-width: 120px;
 text-align: center;
 }}
@media screen and (max-width: 768px){
.product_faq .head .btn {
 margin-top: 2rem;
 padding: 0.7rem 1rem;
 }}
.product_faq .faq_list {
 flex: 1 1 0%;
 max-width: 980px;
 padding-top: 8px;
 }
@media screen and (min-width: 768px) and (max-width: 1024px){
.product_faq .faq_list {
 width: 60%;
 flex: unset;
 }}
@media screen and (max-width: 768px){
.product_faq .flex .faq_list {
 width: 100%;
 padding: 0px;
 }}
.product_faq .faq_list .faq_item {
 transition: 0.3s;
 border-bottom: 1px solid rgb(206, 205, 204);
 }
.product_faq .faq_list .faq_item.active {
 border-bottom-color: rgb(36, 36, 36);
 }
.product_faq .faq_list .faq_item.active .question {
 padding: 22px 0px;
 }
.product_faq .faq_list .faq_item.active .question::after {
 transform: rotate(180deg);
 }
.product_faq .faq_list .faq_item .question {
 gap: 1rem;
 color: rgb(0, 0, 0);
 font-size: 20px;
 font-weight: 500;
 cursor: pointer;
 display: grid;
 align-items: center;
 grid-template-columns: 1fr auto;
 padding: 18px 0px 22px;
 transition: 0.3s;
 }
.product_faq .faq_list .faq_item .question::after {
 content: "";
 display: block;
 width: 14px;
 aspect-ratio: 1 / 1;
 transition: 0.3s;
 transform: rotate(45deg);
 background: url("https://queenbi.sytech.site//wp-content/plugins/sytech-fronteditor/sytpl/product_6/assets/img/icon-close.svg") center center / contain no-repeat;
 }
@media screen and (max-width: 768px){
.product_faq .flex .faq_list .faq_item:first-child .question {
 padding-top: 0px !important;
 }}
@media screen and (max-width: 768px){
.product_faq .flex .faq_list .faq_item.active .question {
 padding-bottom: 0.5rem;
 padding-top: 1rem;
 }}
@media screen and (max-width: 768px){
.product_faq .flex .faq_list .question {
 padding: 0.8rem 0px;
 font-size: 16px;
 }}
@media screen and (max-width: 768px){
.product_faq .flex .faq_list .question::after {
 width: 12px;
 height: 12px;
 }}
.product_faq .faq_list .faq_item:first-child .answer {
 display: block;
 }
.product_faq .faq_list .faq_item .answer {
 color: rgb(61, 61, 61);
 font-size: 16px;
 line-height: 28px;
 display: none;
 padding: 0px 0px 28px;
 max-width: 965px;
 margin-top: -2px;
 }
@media screen and (max-width: 768px){
.product_faq .flex .faq_list .answer {
 padding: 0px 0px 1rem;
 font-size: 14px;
 line-height: 1.6;
 }}
 
@media screen and (max-width: 786px){


}