/* ++++++++++++++++++++++++++++++++++++++++ accordion design +++++++++++++++++++++++++++++++++++ */
.accordion-item {
    box-shadow: none;
    top: 0;
    border: none;
    padding: 5px 0 10px;
    margin: 0;
}
.accordion-item p {
    font-size: 16px;
    line-height: 30px;
}
.accordion-panel > .label-bar {
    background: #ffffff;
    border-bottom: 1px solid #DDDDDD;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #555555;
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    line-height: 27px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 18px 0 18px 30px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.accordion-panel > .label-bar:first-child {
    border-top: 1px solid #DDDDDD;
}
.ie8 .accordion-panel > .label-bar {
    filter : none;
}
.accordion-panel > .label-bar .toggle-icon {
    background-image: url("/wc/7.0.0/images/site/customer-pro-accordion-toggle.png");
    background-repeat: no-repeat;
    height: 13px;
    left: 2px;
    position: absolute;
    top: 8px;
    width: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.accordion-panel > .label-bar .toggle-icon img.toggle-icon-img {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.accordion-panel > .label-bar.expanded .toggle-icon {
    background-position : -13px 0;
}
.accordion-panel > .label-bar.expanded {
    border-radius : 0;
}
.accordion-panel > .accordion-item.expanded {
    display : block;
    border  : none;
    padding : 5px 0 10px;
    border-bottom: 1px solid #DDDDDD;
}
.accordion-panel > .label-bar > div {
    font-size: 22px;
}
.accordion-panel > .label-bar:hover {
    color: #000000;
}
.accordion-panel > .account-details .name {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.accordion-item .form-row textarea {
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    min-height: 80px;
}
.accordion-item .button-line {
    margin-top: 25px;
}
.widget-accordion-advance.accordion-panel > .label-bar.plus_minus .toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 13.75V7.74995H0.25V6.25H6.25V0.25H7.74995V6.25H13.75V7.74995H7.74995V13.75H6.25Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: 14px;
    transition: 0s;
}
.widget-accordion-advance.accordion-panel > .label-bar.plus_minus.expanded .toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='2' viewBox='0 0 14 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.75V0.25H14V1.75H0Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
}
.widget-accordion-advance.accordion-panel > .label-bar.chevron_right_down .toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9457 5.99953L0.345703 1.39953L1.39953 0.345703L7.05335 5.99953L1.39953 11.6534L0.345703 10.5995L4.9457 5.99953Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: 12px;
}
.widget-accordion-advance.accordion-panel > .label-bar.chevron_right_down.expanded .toggle-icon {
    transform: rotate(90deg) translateX(-50%);
}
.widget-accordion-advance.accordion-panel > .label-bar.arrow_right_down .toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2007 6.45164L7.54685 12.1055L6.49303 11.0516L10.3431 7.20162L0.796875 7.20162L0.796875 5.70167L10.3431 5.70167L6.49302 1.85164L7.54685 0.797818L13.2007 6.45164Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: 20px;
}
.widget-accordion-advance.accordion-panel > .label-bar.arrow_right_down.expanded .toggle-icon {
    transform: rotate(90deg) translateX(-50%);
}
.accordion-panel > .label-bar.icon-right {
    padding: 18px 30px 18px 0;
}
.accordion-panel > .label-bar.icon-right .toggle-icon {
    left: auto;
    right: 2px;
}
.widget-accordion-advance.accordion-panel .label-bar {
    display: flex;
    align-items: center;
    height: auto;
}
.widget-accordion-advance.accordion-panel .label-bar.collapsed {
    border-bottom: 1px solid #DDDDDD;
}
.widget-accordion-advance.accordion-panel .label-bar.expanded {
    border-bottom: 0;
}
.widget-accordion-advance.accordion-panel .label-title,
.widget-accordion-advance.accordion-panel .label-title * {
    margin: 0;
}
.widget-accordion-advance.accordion-panel > .label-bar .toggle-icon {
    top: 50%;
    transform: translateY(-50%);
    background: none;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    transition: 0.3s;
}
/* ++++++++++++++++++++++++++++++++++++++++ tab design +++++++++++++++++++++++++++++++++++ */
/*horizontal*/
.bmui-tab .bmui-tab-header{
    background-color : #FFFFFF;
    border-left      : 1px solid #E6E6E6;
    border-right     : 1px solid #E6E6E6;
    border-top       : 1px solid #E6E6E6;
    display          : inline-block;
    font-size        : 14px;
    line-height      : 20px;
    padding          : 8px 18px;
    cursor           : pointer;
    margin-right     : 4px;
}
.bmui-tab-header-container {
    letter-spacing : -4px;
    word-spacing   : -4px;
}
.top-box{
    border-bottom: 1px solid #e1e3e3;
    padding: 0 20px;
}
.bmui-tab-header-container > * {
    letter-spacing : normal;
    word-spacing   : normal;
}

.bmui-tab .bmui-tab-header.bmui-tab-active {
    background-color : #E6E6E6;
}
.bmui-tab .bmui-tab-body-container {
    border           : 1px solid #E6E6E6;
    border-top-width : 3px;
    padding          : 20px;
}
/*vertical*/
.bmui-tab.left-side-header > .bmui-tab-header-container {
    width : 20%;
    float : left;
}
.bmui-tab.left-side-header .bmui-tab-header{
    border-left: 1px solid #E2E2E2;
    border-right: none;
    border-top: 1px solid #E2E2E2;
    border-bottom: none;
    border-radius: 0;
    margin-right: 0;
    display: block;
    padding: 0;
}
.bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active {
    border-left: 1px solid #4D4D4D;
    background: #4D4D4D;
}
.bmui-tab.left-side-header .bmui-tab-header .title {
    color: #555555;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
}
.bmui-tab.left-side-header .bmui-tab-body-container {
    border: 1px solid #E2E2E2;
    min-height: 550px;
    overflow: hidden;
    padding: 10px 10px 10px 30px;
}
.bmui-tab.left-side-header .bmui-tab-header-container {
    border-bottom: 1px solid #e2e2e2;
}

.bmui-tab.left-side-header .bmui-tab-header.bmui-tab-active .title {
    background: rgba(0, 0, 0, 0) url("/wc/7.0.0/images/site/customer-pro-active-tab.png") no-repeat scroll right top;
    color: #cccccc;
    margin-right: -16px;
}

/* ++++++++++++++++++++++++++++++++++++++++ action icon design +++++++++++++++++++++++++++++++++++ */
.tool-icon,
.action-icon {
    background-image  : url("/wc/7.0.0/images/site/action-icon.png");
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 16px;
    width             : 16px;
    margin            : 0 2px;
    cursor            : pointer;
}
.action-icon.edit {
    background-position : 0 0;
}
.action-icon.delete,
.action-icon.remove {
    background-position : -16px 0;
}
.action-icon.active {
    background-position : -32px 0;
}
.action-icon.details {
    background-position : -48px 0;
}
.action-icon.payment {
    background-position : -64px 0;
}
.action-icon.order-comment {
    background-position : -80px 0;
}

.action-icon.add-to-cart {
    background-position : -96px 0;
}
.action-icon.save {
    background-position : -112px 0;
}
/* ++++++++++++++++++++++++++++++++++++++++ popup box design +++++++++++++++++++++++++++++++++++ */
.popup {
    border        : 1px none #E6E6E6;
    border-radius : 0;
    box-shadow    : 0 0 5px #999999;
    min-width     : 400px;
    padding       : 0;
    z-index       : 200;
}
.popup .header {
    background-color : #EEEEEE;
    border-bottom    : 2px solid #CCCCCC;
    color            : #333333;
    font-size        : 13px;
    padding          : 10px;
}
.popup .close-icon {
    display    : inline-block;
    height     : 35px;
    width      : 34px;
    position   : absolute;
    cursor     : pointer;
    top:8px;
    right:0;
    text-align: center;
}
.popup .close-icon:after{
    content: "X";
    font-size: 15px;
    font-family: sans-serif;
}
.popup .body {
    background-color : #FFFFFF;
    padding          : 20px 10px;
}
.popup.confirm-popup .body {
    text-align : center;
}
.popup .button-line,
.popup .footer {
    background-color : #F4F4F4;
    border-top       : 1px solid #E6E6E6;
    padding          : 10px;
    text-align       : right;
}

.popup-mask {
    background-color : rgba(0, 0, 0, 0.2);
    bottom           : 0;
    left             : 0;
    position         : fixed;
    right            : 0;
    top              : 0;
}

.floating-panel-popup {
    max-width: 150px;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 0;
}

.floating-panel-popup .action-item {
    padding: 5px 15px;
    cursor: pointer;
    /* @alternate */ -webkit-transition: all 200ms;
    /* @alternate */ -moz-transition: all 200ms;
    /* @alternate */ -ms-transition: all 200ms;
    /* @alternate */ -o-transition: all 200ms;
    transition: all 200ms;
}

.floating-panel-popup .action-item:hover {
    background-color: #eeeeee;
}

.ie8 .popup-mask {
    /* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    /* @alternate */ -moz-opacity: 40;
    /* @alternate */ -khtml-opacity: 40;
    opacity: 40;
}

.popup.anim-fade-zoom {
    /* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    /* @alternate */ -moz-opacity: 0;
    /* @alternate */ -khtml-opacity: 0;
    opacity: 0;
    /* @alternate */ -webkit-transition: all 0.2s ease-in-out;
    /* @alternate */ -moz-transition: all 0.2s ease-in-out;
    /* @alternate */ -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /* @alternate */ -webkit-transform: scale(0.8);
    /* @alternate */ -moz-transform: scale(0.8);
    /* @alternate */ -ms-transform: scale(0.8);
    /* @alternate */ -o-transform: scale(0.8);
    transform: scale(0.8);
}

.popup.anim-fade-zoom.active {
    /* @alternate */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    /* @alternate */ -moz-opacity: 100;
    /* @alternate */ -khtml-opacity: 100;
    opacity: 1;
    /* @alternate */ -webkit-transform: scale(1);
    /* @alternate */ -moz-transform: scale(1);
    /* @alternate */ -ms-transform: scale(1);
    /* @alternate */ -o-transform: scale(1);
    transform: scale(1);
}
.popup.wc-site-popup {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
}
.popup.wc-site-popup.active {
    transform: translateX(-50%) translateY(-50%) scale(1) !important;
}



/*********************************************************************************************** Page design ****************************************************************************/

/* +++++++++++++++++  Article details page design +++++++++++++++++++++++++ */

.article-container .header {
    font-size      : 16px;
    line-height    : 23px;
    padding-bottom : 5px;
}

/* +++++++++++++++++  brand details page page design +++++++++++++++++++++++++ */
.brand-details-container {
    padding-bottom: 20px;
}
.brand-details-container .brand-description {
    padding-top: 15px;
    overflow: hidden;
}
/* +++++++++++++++++  search result page design +++++++++++++++++++++++++ */
.search-result {
    font-size      : 24px;
    font-weight    : normal;
    line-height    : 33px;
    padding-bottom : 10px;
}
.total-result {
    color          : #FF9000;
    font-size      : 18px;
    line-height    : 25px;
    padding-bottom : 10px;
}
/*entire search*/
.search-item {
    padding : 10px 0;
}
.search-item .article,
.search-item .product,
.search-item .category {
    border-bottom  : 1px dashed #CCCCCC;
    margin-bottom  : 10px;
    padding-bottom : 10px;
}
.search-item .title {
    display        : inline-block;
    font-size      : 16px;
    line-height    : 23px;
    padding-bottom : 5px;
}
.search-item .search-type {
    color : #FF9000;
}
.article p {
    padding-bottom : 5px;
}
.search-item .view-detail a {
    color : #00CED1;
}
.search-item .view-detail a:hover {
    color : #3FEAEC;
}
/* +++++++++++++++++  Article widget  design +++++++++++++++++++++++++ */

.article-title {
    font-size      : 16px;
    padding-bottom : 5px;
    line-height    : 23px;
}
.article-summery-with-link {
    padding-bottom : 20px;
}
.article-summery-with-link p {
    padding-bottom : 0;
}
/* +++++++++++++++++  News widget design +++++++++++++++++++++++++ */

.widget-news .news-title {
    font-size      : 15px;
    padding-bottom : 5px;
}
.widget-news .read-more {
    display : block;
}
.widget-news .read-more a {
    font-size : 13px;
    color     : #FF9000;
}
.widget-news .read-more a:hover {
    color : #FBBA65;
}

/* +++++++++++++++++  Social Media Like widget design start +++++++++++++++++++++++++ */

.like-bar > * {
    display        : inline-block;
    height         : 35px;
    vertical-align : top;
    width          : 93px;
}

.vertical.like-bar > * {
    display : block;
}
.widget.widget-socialMediaLike .pinterest-like-us a {
    background-image: url("/wc/7.0.0/images/site/pinterest-icon.png") !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto !important;
    display: inline-block;
    height: 20px !important;
    width: 43px !important;
}
.widget.widget-socialMediaLike .pinterest-like-us a:hover,
.widget.widget-socialMediaLike .pinterest-like-us a.active {
    background-position: 0 -20px;
}

/* +++++++++++++++++  Social Media Link widget design +++++++++++++++++++++++++ */

.widget-socialMediaLink a {
    background-image  : url("/wc/7.0.0/images/admin/social-media-link-icon-sprite.svg");
    background-repeat : no-repeat;
    display           : inline-block;
    height            : 32px;
    width             : 32px;
}
.widget-socialMediaLink a.youtube {
    background-position: -148px 0;
}
.widget-socialMediaLink a.tikTok {
    background-position: -37px 0;
}
.widget-socialMediaLink a.twitter {
    background-position: -185px 0;
}
.widget-socialMediaLink a.stumbleupon {
    background-position: -259px 0;
}
.widget-socialMediaLink a.messenger {
    background-position: -111px 0;
}
.widget-socialMediaLink a.facebook {
    background-position: -74px 0;
}
.widget-socialMediaLink a.reddit {
    background-position: -333px 0;
}
.widget-socialMediaLink a.digg {
    background-position: -296px 0;
}
.widget-socialMediaLink a.instagram {
    background-position: 0 0;
}
.widget-socialMediaLink a.linkedin {
    background-position: -222px 0;
}
.widget-socialMediaLink a.delicious {
    background-position: -370px 0;
}
.widget-socialMediaLink a.myspace {
    background-position: -444px 0;
}
.widget-socialMediaLink a.snapchat {
    background-position: -555px 0;
}
.widget-socialMediaLink a.pinterest {
    background-position: -518px 0;
}
.widget-socialMediaLink a.feed {
    background-position: -407px 0;
}
.widget-socialMediaLink a.whatsapp  {
    background-position: -481px 0;
}
/*Vertical*/
.widget-socialMediaLink .vertical .social-media-link {
    display : block;
}
/* +++++++++++++++++  Social Media Share widget design +++++++++++++++++++++++++ */
/*Horizontal*/
.widget-socialMediaShare .horizontal .social-media-share {
    display : inline-block;
}
/*Vertical*/
.widget-socialMediaShare .vertical .social-media-share {
    display       : block;
    margin-bottom : 3px;
}


/* Site and Confirm popup */
.site-popup {
    background-color: #ffffff;
}

.site-popup .title-bar,
.confirm-popup .header-line,
.confirm-popup .title-bar{
    background-color: #f6f6f6;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 40px 15px 30px;
}

.site-popup .title-bar .close,
.confirm-popup .header-line .close,
.confirm-popup .title-bar .close {
    cursor: pointer;
    position: absolute;
    text-align: center;
    right: 15px;
    top: 15px;
    height: 20px;
    width: 20px;
}

.site-popup .title-bar .close:before,
.confirm-popup .header-line .close:before {
    content: '\f00d';
    display: block;
    font-family: FontAwesome;
    color: red;
    font-weight: normal;
    font-size: 18px;
    height: 100%;
    width: 100%;
}

.site-popup .content,
.confirm-popup .body {
    background-color: #ffffff;
    padding: 30px;
    max-height: 500px;
    /*overflow: auto;*/
}

.site-popup form {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

.site-popup .button-line,
.confirm-popup .button-line {
    background-color: #f6f6f6;
    padding: 15px 30px;
    margin: 0;
}

.site-popup .button-line button,
.confirm-popup .button-line button {
    margin-left: 0;
}

.site-popup .button-line button + button,
.confirm-popup .button-line button + button {
    margin-left: 10px;
}

/* +++++++++++++++++  News letter widget design +++++++++++++++++++++++++ */

.widget-newsletter label {
    width : 130px;
}
.widget-newsletter .message-block {
    width : 234px;
}
/* +++++++++++++++++ Form widget design +++++++++++++++++++++++++ */

.widget-form button.Zebra_DatePicker_Icon {
    left: 7px;
    top: 4px;
}
.widget-form .dropzone {
    background: #fafdfd url("/wc/7.0.0/images/admin/common_upload.png") no-repeat scroll center 10px;
}
/*++++++++++++ Search Widget +++++++++++++*/
.search-menu-button {
    display: none;
    width: 26px;
    height: 26px;
}


/* ++++++++++++++++++++++++++++ error message design start +++++++++++++++++++++++++++++++++++++++++++ */
/*server message block*/
.server-message.message-block {
    margin : 7px auto;
}
/*message bolck*/
.message-block {
    display    : block;
    padding    : 5px;
    text-align : center;
    margin     : 10px 0;
}
.message-block.info-message,
.message-block.success {
    background-color : #F2FEF2;
    border           : 1px solid #C2E7C2;
    color            : #008000;
}
.message-block.error-message,
.message-block.error {
    background-color : #FFEEEE;
    border           : 1px solid #FCD2D2;
    color            : #FF0000;
}
/*error message for cell*/
.error-message.in-cell-message-block {
    color: #f00;
}

/* ++++++++++++++++ form validation error message +++++++++++++++++ */
/*errorlist positioned-error*/

.errorlist.positioned-error.after {
    margin-left : 8px;
    position    : absolute;
    z-index     : 1;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.14);
    padding: 5px 40px 5px 7px;
    min-width: inherit;
}
.errorlist.positioned-error.after .close-btn:after {
    color: #999;
    content: "x";
    cursor: pointer;
    font-size: 20px;
    height: 31px;
    line-height: 23px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 0;
    width: 28px;
}
.errorlist.positioned-error.after .message-block {
    margin: 0;
    padding: 0;
    color      : #FF0000;
    text-align : left;
}
.errorlist.positioned-error.after:before {
    border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    content: "";
    height: 0;
    left: -9px;
    position: absolute;
    top: 6px;
    width: 0;
}
.errorlist.positioned-error.after:after {
    border-color: transparent rgba(255, 255, 255, 1) transparent transparent;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    content: "";
    height: 0;
    left: -7px;
    position: absolute;
    top: 8px;
    width: 0;
}
.errorlist.positioned-error .close-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: static;
}
.errorlist.positioned-error.after .message-block:before {
    color: #f00;
}
/*errorlist after*/
.errorlist.after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    padding: 0;
}
.errorlist.after .message-block {
    color: #f00;
    margin: 0;
    padding: 0;
    text-align: left;
}
.errorlist.after .message-block:before {
    display: none;
}
a.fl-player {
    display:block;
    width:520px;
    height:330px
}

/* ++++++++++++++++++++++++++++ error message design end +++++++++++++++++++++++++++++++++++++++++++ */


.subscription-list-success .title {
    background-color: #7092be;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
}
.page-newsletter-subscription .subscription-list-success {
    border: 1px solid #9bb3d1;
    margin: 0 auto;
    width: 469px;
}
.subscription-list-success .title {
    background-color: #7092be;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
}
.subscription-list-success .help .link {
    color: #00ced1;
    cursor: pointer;
}
.subscription-list-success .help .link:hover {
    color: #3FEAEC;
}
.subscription-list-success .messess-text {
    background: url("/wc/7.0.0/images/site/subscriber-remove-img.png") no-repeat scroll 0 16px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 0 20px;
    padding: 41px 10px 30px 88px;
}
.subscription-list-success .help {
    margin: 15px 28px;
}
.matrix-row .color {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
    margin-bottom: 2px;
}

/* Search page */

.search-results .page{
    font-size:13px;
    margin-bottom:25px;
}
.search-results .title{
    margin-bottom:25px;
}
.search-results .page .summary{
    font-size:13px;
    line-height:22px;
    text-transform:none;
}
.search-result .pagination-literal-status, .search-result .pagination{
    font-size:14px;
}
.search-result {
    border-bottom:1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.search-result.blogs {
    overflow:hidden;
}
.search-results .title{
    font-size:20px;
}

@media (max-width: 767px) {
    div.col-0, div.col-1,  div.col-2{
        display:block;
        width:100% !important;
    }
}

/* catalogue pdf */
.catalogue-asset-wrap {
    overflow: hidden;
}

.catalogue-asset-item-container {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
}

.catalogue-asset-wrap .item {
    padding: 16px;

}

.catalogue-asset-wrap .item .item-inner {
    width: 100%;
    background-color: #f6f6f6;
    padding: 30px;
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-orient: vertical;
    /* @alternate */ -webkit-box-direction: normal;
    /* @alternate */ -ms-flex-direction: column;
    flex-direction: column;
    /* @alternate */ -webkit-box-pack: center;
    /* @alternate */ -ms-flex-pack: center;
    justify-content: center;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    height: 300px;
}
.catalogue-asset-wrap .item .item-inner img {
    max-width: 100%;
    max-height: 600px;
}
.catalogue-asset-wrap .item .item-inner .no-thumb {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M22%2024h-20v-24h14l6%206v18zm-7-23h-12v22h18v-16h-6v-6zm3%2015v1h-12v-1h12zm0-3v1h-12v-1h12zm0-3v1h-12v-1h12zm-2-4h4.586l-4.586-4.586v4.586z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    font-size: 0;
    background-size: 100px 100px;
}
.catalogue-asset-wrap .item .caption-wrapper {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-pack: justify;
    /* @alternate */ -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    border: 1px #e5e5e5 solid;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    /* @alternate */ -webkit-box-flex: 1;
    /* @alternate */ -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.catalogue-asset-wrap .item .caption {
    font-size: 16px;
    font-weight: 600;
    /* @alternate */max-width: calc(100% - 50px);
    overflow: hidden;
}

.catalogue-asset-wrap .item .pdf-icon {
    cursor: pointer;
    content: "";
    height: 22px;
    width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2222%22%20viewBox%3D%220%200%2021%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M4.8746%209.18312V1.01056C4.8746%200.789301%205.05454%200.609375%205.27578%200.609375H15.396C15.5068%200.609375%2015.6067%200.654323%2015.6796%200.72691L19.8825%204.92975C19.9606%205.00787%2020%205.11071%2020%205.21341V21.0621C20%2021.2834%2019.8201%2021.4633%2019.5988%2021.4633H5.27579C5.05454%2021.4633%204.87461%2021.2834%204.87461%2021.0621V17.4755H1.40118C1.17993%2017.4755%201%2017.2956%201%2017.0744V9.58402C1%209.36276%201.17994%209.18284%201.40118%209.18284H4.87461L4.8746%209.18312ZM15.7977%201.97952L15.8057%205.03476H18.8529L15.7977%201.97952ZM19.1977%205.83716H15.4071C15.1868%205.83527%2015.0077%205.6562%2015.0077%205.43598L14.9973%201.41151H5.67624V9.18301H13.8026C14.0239%209.18301%2014.2038%209.36295%2014.2038%209.58419V17.0745C14.2038%2017.2958%2014.0239%2017.4757%2013.8026%2017.4757H5.67624V20.6611H19.1968V5.83723L19.1977%205.83716ZM13.4017%209.98563H1.80238V16.6735H13.4017V9.98563Z%22%20fill%3D%22%23FF6F61%22%20stroke%3D%22%23FF6F61%22%20stroke-width%3D%220.5%22%2F%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2941%2012.1948V12.9533H11.8529V13.6188H10.2941V15.1264H9.57822V11.5293H12.0939V12.1948L10.2941%2012.1948Z%22%20fill%3D%22%23FF6F61%22%2F%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.20479%2015.1264V11.5293H7.48709C7.6855%2011.5293%207.91534%2011.5345%208.10954%2011.5805C8.31087%2011.6269%208.49605%2011.7126%208.65432%2011.8467C8.85376%2012.0163%208.99486%2012.2271%209.08768%2012.4711C9.18863%2012.7383%209.22689%2013.0257%209.22689%2013.31C9.22689%2013.5482%209.20129%2013.7912%209.13263%2014.02C9.0772%2014.2047%208.99953%2014.388%208.88577%2014.5452C8.79253%2014.6741%208.68066%2014.7911%208.54756%2014.8796C8.41403%2014.9682%208.2639%2015.0283%208.10795%2015.0663C7.92321%2015.1112%207.73005%2015.1265%207.5405%2015.1265H6.20468L6.20479%2015.1264ZM6.9215%2014.4609H7.4913C7.63909%2014.4609%207.82194%2014.4533%207.96349%2014.4069C8.05208%2014.378%208.14023%2014.3349%208.20598%2014.2682C8.30636%2014.1678%208.37181%2014.0341%208.41589%2013.901C8.47742%2013.7115%208.4959%2013.5013%208.4959%2013.3027C8.4959%2013.0682%208.46942%2012.777%208.34534%2012.5723C8.26155%2012.435%208.15114%2012.3128%207.99811%2012.2536C7.85977%2012.1996%207.62717%2012.1948%207.47996%2012.1948H6.92152L6.9215%2014.4609Z%22%20fill%3D%22%23FF6F61%22%2F%3E %3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.8267%2013.7721V15.1264H3.10999V11.5293H4.50211C4.67405%2011.5293%204.86068%2011.5335%205.03072%2011.5629C5.19553%2011.5913%205.35758%2011.6439%205.49636%2011.7401C5.63368%2011.8343%205.73551%2011.9641%205.80853%2012.1129C5.8881%2012.2735%205.92316%2012.4469%205.92316%2012.626C5.92316%2012.9333%205.82555%2013.2081%205.6171%2013.4345C5.35657%2013.7173%204.90374%2013.7722%204.5405%2013.7722H3.8267L3.8267%2013.7721ZM3.8267%2013.1062H4.5472C4.70067%2013.1062%204.93937%2013.09%205.06115%2012.9825C5.16152%2012.8931%205.19323%2012.7703%205.19323%2012.6391C5.19323%2012.5391%205.17185%2012.4439%205.11322%2012.362C5.06202%2012.291%204.99714%2012.2421%204.91234%2012.2194C4.81429%2012.1929%204.64002%2012.1948%204.53819%2012.1948H3.82673L3.8267%2013.1062Z%22%20fill%3D%22%23FF6F61%22%2F%3E %3C%2Fsvg%3E");
}

.catalogue-asset-wrap .item embed html body{
    overflow: hidden;
}

.catalogue-asset-wrap .item iframe {
    overflow: hidden;
    width: 243px;
}

/* Elastic Search autocomplete */
.autocomplete-suggestions.scrollable {
    background: #ffffff;
    overflow: auto;
    padding: 4px;
    border: 1px solid #404040;
}
.autocomplete-group {
    padding-top: 10px;
}
.autocomplete-suggestion {
    cursor: default;
}
.autocomplete-selected {
    background: aliceblue;
}

.elastic-search-link.redirect{
    color: black;
    display: block;
}
.elastic-search-link.search-in{
    text-decoration: underline;
    display: block;
}

.entire-search .search-result > .title {
    font-size: 28px;
    margin-bottom: 25px;
    text-align: center;
    padding: 10px 0;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.product-widget.widget-likeus .facebook-messenger-share-icon {
    cursor: pointer;
}
.product-widget.widget-likeus .facebook-messenger-share-icon img {
    display: block;
}
body.fee-preview-mode::-webkit-scrollbar {
    display: none;
}
body.fee-preview-mode{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.notification.popup {
    border-radius: 5px;
    max-width: 1000px;
    min-width: 650px;
    padding: 20px 50px 20px 35px;
}
.notification.popup .type{
    margin-right: 3px;
}
.notification.popup.alert {
    background-color: #ec9e2f;
    color: #ffffff;
    border: 1px solid #ec9e2f;
}

table.cart-items.hide-shipping-class-selection-table {
    display: none;
}

tr.cart-item.hide-shippable-cart-item {
    display: none;
}

.dropzone-with-browse-view .wc-icon.large:before {
    font-family: "nxicons"!important;
    font-style: normal!important;
    font-weight: 400!important;
    /* @alternate */ -webkit-font-feature-settings: normal!important;
    font-feature-settings: normal!important;
    font-variant: normal!important;
    text-transform: none!important;
    line-height: 1;
    /* @alternate */ -webkit-font-smoothing: antialiased;
    /* @alternate */ -moz-osx-font-smoothing: grayscale;
}


.dropzone-with-browse-view .nxi-upload.nx-drop-icon {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #586ee0;
    cursor: pointer;
}

.dropzone-with-browse-view .nxi-upload:before {
    content: "\63";
}


.dropzone-with-browse-view .nxi-upload:before {
    font-family: "nxicons"!important;
    font-style: normal!important;
    font-weight: 400!important;
    -webkit-font-feature-settings: normal!important;
    font-feature-settings: normal!important;
    font-variant: normal!important;
    text-transform: none!important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropzone-with-browse-view span.nx-drop-text {
    display: block;
    font-size: 12px;
    color: #505050;
}


.dropzone-with-browse-view .nx-drop-box .orBox {
    margin: 8px 0 12px;
}

.dropzone-with-browse-view .orBox {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-orient: horizontal;
    /* @alternate */ -webkit-box-direction: normal;
    /* @alternate */ -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    /* @alternate */ -webkit-box-pack: center;
    /* @alternate */ -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 20px 0;
}

.dropzone-with-browse-view .w-100 {
    width: 100%!important;
}

.dropzone-with-browse-view .orBox:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.1);
    position: absolute;
    top: 5px;
    z-index: 0;
}

.dropzone-with-browse-view .nx-drop-box .orBox span {
    background-color: #fff;
}

.dropzone-with-browse-view .orBox span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 10px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.dropzone-with-browse-view .nx-drop-box .nx-drop-btn {
    text-decoration: none;
    background: #586ee0;
    color: #fff!important;
    padding: 7px 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    display: inline-table;
    line-height: 12px;
}

.dropzone-with-browse-view .nx-drop-box {
    background-color: #fff;
    border: 1px dashed #adb5bd;
    border-radius: 6px;
    text-align: center;
    padding: 20px 30px;
    margin-bottom: 12px;
}
:not(.fee) .notification.alert .icon, .notification.warning .icon {
    background-position: -160px 0;
}
:not(.fee) .notification .icon {
    float: left;
    margin-top: 3px;
}
.status-block.hotlink .icon, .float-menu-opened .float-menu-navigator, .blocklist-item:hover .float-menu-navigator, .tree-node:hover .float-menu-navigator, .grid-item:hover .float-menu-navigator, .image-thumb:hover .float-menu-navigator, .notification .icon {
    cursor: pointer;
    filter: alpha(opacity=100);
    opacity: 1;
}

.status, .tool-group.search-form .remove-search, .tab-header .icon, .menu-item .icon, .tool-icon, .dashlet .header .icon, .component .icon, .status-block.hotlink .icon, .float-menu-opened .float-menu-navigator, .blocklist-item:hover .float-menu-navigator, .tree-node:hover .float-menu-navigator, .grid-item:hover .float-menu-navigator, .image-thumb:hover .float-menu-navigator, .notification .icon, .row-wcui-checkbox-right .float-menu-navigator, .tool-group .toolbar-item i {
    background-image: url('/wc/7.0.0/images/admin/16-icon-sprit.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor: pointer;
}
body:not(.fee) .notification.alert .type, .notification.warning .type {
    color: #fff;
}
body:not(.fee) .notification .type {
    font-family: source_sans_prosemibold;
    float: left;
    font-size: 16px;
    margin: 0 0 0 10px;
}
body:not(.fee) .notification .message {
    color: #fff;
}
body:not(.fee) .notification .message {
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
}
body:not(.fee) .notification .close {
    position: absolute;
    right: 25px;
    top: 25px;
    cursor: pointer;
}
#webcommander-page.wc-popup-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    #webcommander-page.wc-popup-open div.body {
        overflow: hidden;
    }
}

/*popup design*/
.popup.delivery-driver.shipment-edit-popup {
    background-color: #ffffff;
    border-radius: 5px;
}
.popup.delivery-driver.shipment-edit-popup .title-bar {
    font-size: 18px;
    font-weight: 500;
    margin: 25px 30px 0;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 12px;
}
.popup.delivery-driver.shipment-edit-popup .title-bar .close {
    height: 18px;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 9px;
    text-align: center;
    line-height: 13px;
    transform: rotate(45deg);
    cursor: pointer;
}
.popup.delivery-driver.shipment-edit-popup .title-bar .close:after {
    content: "+";
    font-size: 30px;
    color: #000;
}
.popup.delivery-driver.shipment-edit-popup .content {
    padding: 30px;
}
.popup.delivery-driver.shipment-edit-popup .button-line {
    padding: 15px 30px;
    border-radius: 0 0 5px 5px;
}
.popup.delivery-driver.shipment-edit-popup button {
    padding: 12px 20px;
    border-radius: 3px;
}
.popup.delivery-driver.shipment-edit-popup button:hover {
    background-color: #000000;
}
.popup.delivery-driver.shipment-edit-popup button[disabled] {
    pointer-events: none;
}
.popup.delivery-driver.shipment-edit-popup table {
    border: 1px #e8e8e8 solid;
    margin-bottom: 30px;
}
.popup.delivery-driver.shipment-edit-popupp table th {
    background-color: #f7f7f7;
    border-bottom: 1px #e8e8e8 solid;
}
.popup.delivery-driver.shipment-edit-popup table th,
.popup.delivery-driver.shipment-edit-popup table td {
    padding: 10px;
    text-align: left;
}
.popup.delivery-driver.shipment-edit-popup table input {
    margin: 0;
    padding: 7px;
    width: 44px;
    height: 32px;
    text-align: center;
}
.popup.delivery-driver.shipment-edit-popup input,
.popup.delivery-driver.shipment-edit-popup textarea {
    border: 1px #e8e8ee solid;
}
.popup.delivery-driver.shipment-edit-popup input,
.popup.delivery-driver.shipment-edit-popup textarea {
    padding: 7px 15px;
    border-radius: 3px;
    font-size: 14px;
    color: #555555;
    width: 300px;
}
.popup.delivery-driver.shipment-edit-popup input {
    height: 36px;
}
.popup.delivery-driver.shipment-edit-popup textarea {
    height: 150px;
}
.popup.delivery-driver.shipment-edit-popup .chosen-container-single {
    min-width: 300px;
    padding: 0;
}
.popup.delivery-driver.shipment-edit-popup .chosen-container-single .chosen-single {
    height: 36px;
}
.popup.delivery-driver.shipment-edit-popup .form-row .errorlist.after {
    padding-left: 154px;
}
.popup.delivery-driver.shipment-edit-popup button.Zebra_DatePicker_Icon:hover {
    background-color: transparent;
    cursor: pointer;
}
.popup.delivery-driver.shipment-edit-popup .Zebra_DatePicker_Icon_Wrapper input {
    cursor: pointer;
}
.popup.delivery-driver.shipment-edit-popup .Zebra_DatePicker_Icon_Wrapper .errorlist.after {
    position: absolute;
    left: 0;
    padding: 0;
}

/*driver login*/
.page-driver-login .login-form {
    border: 1px solid #e5e5e5;
    padding: 50px 70px;
    width: auto;
    max-width: 650px;
    margin: 0 auto;
}
.page-driver-login .login-form .title {
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.page-driver-login .login-form .form-row ~ .form-row {
    margin-top: 20px;
}
.page-driver-login .login-form .submit-row {
    float: none;
}
.page-driver-login .login-form .remember {
    float: left;
}
.page-driver-login .login-form .form-row ~ .remember {
    float: right;
    margin-bottom: 5px;
    text-align: right;
    margin-top: 16px;
    width: auto;
}
.page-driver-login .login-form label {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 7px;
    text-transform: capitalize;
}
.page-driver-login .login-form input[type="text"],
.page-driver-login .login-form input[type="password"] {
    border: 1px solid #cecece;
    height: 45px;
    width: 100%;
    padding: 5px 10px;
}
.page-driver-login .login-form .submit-row .login-button {
    width: 100%;
    font-size: 18px;
    padding: 12px 15px;
}
@media (max-width: 767px){
    .page-driver-login .login-form {
        padding: 14px 15px;
    }
    .page-driver-login .login-form .title {
        font-size: 26px;
        padding-bottom: 10px;
    }
}

#driver-profile-tabs .order-container .action-col {
    width: 70px;
}

#left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item.has-child .child-opener {
    font-size: 20px;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 5px;
}
.responsive #left-modern-nav-drawer-wc .navigation-item .navigation-item-child-container {
    padding-left: 20px;
    padding-right: 20px;
    position: static;
    width: auto;
    box-shadow: 0 0 0 0;
}

#left-modern-nav-drawer-wc .responsive-navigation.wc-modern-navigation .navigation-item {
    padding: 5px;
    right: 0;
    text-align: left;
}

.responsive #left-modern-nav-drawer-wc .navigation-item:hover > .navigation-item-child-container {
    display: none;
}

.responsive #left-modern-nav-drawer-wc .navigation-item .navigation-item-child-container.open {
    display: block;
}

.responsive #left-modern-nav-drawer-wc .navigation-item .navigation-item-child-container {
    padding-left: 20px;
    padding-right: 20px;
    position: static;
    width: auto;
}

.left-modern-nav-drawer-container .wc-modern-nav-close-button {
    width: 20px;
    height: 21px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    cursor: pointer;
    float: right;
    padding: 10px;
}

.left-modern-nav-drawer-container .wc-modern-nav-close-button:before,
.left-modern-nav-drawer-container .wc-modern-nav-close-button:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 21px;
    width: 2px;
    background-color: #607D8B;
}

.left-modern-nav-drawer-container .close:before {
    transform: rotate(45deg);
}

.left-modern-nav-drawer-container .close:after {
    transform: rotate(-45deg);
}

.left-modern-nav-drawer-container .wc-mdoern-nav-title {
    border-bottom: 2px solid #dbe9f0;

}

#left-modern-nav-drawer-wc .responsive-navigation .navigation-item.has-child .child-opener::before {
    content: "\f196";
}
#left-modern-nav-drawer-wc .responsive-navigation .navigation-item.has-child .child-opener.close::before {
    content: "\f147";
}


.left-modern-nav-drawer-container .wc-mdoern-nav-title {
    padding-bottom: 10px;
}

.responsive #left-modern-nav-drawer-wc .navigation-item .navigation-item-child-container.open {
    padding-top: 2px;
}

#left-modern-nav-drawer-wc .nav-wrapper.horizontal.responsive-navigation.wc-modern-navigation {
    padding: 10px;
}

#left-modern-nav-drawer-wc .horizontal > .navigation-item.first a {
    padding-left: 5px;
}

#left-modern-nav-drawer-wc .responsive-navigation .navigation-item.has-child .child-opener::before {
    color: #424e53;
    font-size: 20px;
}

/*search widget design*/
.widget-search form {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
}

.widget-search form input,
.widget-search form select,
.widget-search form button {
    height: 40px;
    margin: 0;
    border-radius: 5px;
}

.widget-search form input,
.widget-search form select {
    border: 1px #e6e6e6 solid;
    padding: 5px 10px;
    width: auto;
    min-width: 150px;
}

.widget-search form input {
    margin-right: 10px;
    /* @alternate */ -webkit-box-flex: 1;
    /* @alternate */ -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.widget-search form select {
    margin-right: 10px;
}

.widget-search form .half {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    /* @alternate */ display: flex;
    margin: 0;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
}

.widget-search form .half label {
    width: auto;
    margin-right: 20px;
}
.sale-percent-display {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EFBE4F;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 18px;
}
.contact-information-advance-panel .login-option-wrap {
    float: right;
    padding: 10px;
}

.contact-information-advance-panel span.text-login-from-checkout-advance {
    color: #39d2ad;
    font-size: 15px;
    font-weight: 500;
}

.header.advance-contact-information-header.guest-checkout-no-billing-address-exist-yet .title {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*
// popup: email verification
----------------------------------------------------------------
*/
.enter-verification-code-popup.popup {
    width: 600px!important;
    height: auto!important;
    background: #ffffff;
    border-radius: 4px;
    /* @alternate */ -webkit-box-shadow: 0 4px 25px 0 rgba(0,0,0, .30);
    box-shadow: 0 4px 25px 0 rgba(0,0,0, .30);
    font-family: "Montserrat", sans-serif;
    padding: 0;
}
.enter-verification-code-popup.popup .title-bar {
    padding: 15px 20px;
    background-color: #ffffff;
    border-bottom: 1px #F0F3F4 solid;
    border-radius: 4px 4px 0 0;
}
.enter-verification-code-popup.popup .title-bar .title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.enter-verification-code-popup.popup .title-bar .close {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M5.33339%2015.5448L4.4552%2014.6666L9.12187%209.99993L4.4552%205.33327L5.33339%204.45508L10.0001%209.12174L14.6667%204.45508L15.5449%205.33327L10.8782%209.99993L15.5449%2014.6666L14.6667%2015.5448L10.0001%2010.8781L5.33339%2015.5448Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E");
    position: absolute;
    right: 15px;
    top: 17px;
}
.enter-verification-code-popup.popup .confirm-password {
    padding: 32px 20px 132px 20px;
    text-align: center;
}
.enter-verification-code-popup.popup .confirm-password .confirm-password-info {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000000;
}
.enter-verification-code-popup.popup .confirm-password .form-row {
    margin: 48px 0 0;
}
.enter-verification-code-popup.popup .confirm-password .form-row label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
}
.enter-verification-code-popup.popup .confirm-password .form-row input {
    height: 40px;
    width: 300px;
    border: 1px rgba(0,0,0, .20) solid;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    letter-spacing: 2px;
    text-align: center;
    margin: 0;
    padding: 3px 10px;
}
.enter-verification-code-popup.popup .confirm-password .form-row .message-block {
    text-align: center;
    margin-top: 5px;
}
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-pack: center;
    /* @alternate */ -ms-flex-pack: center;
    justify-content: center;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    margin-top: 48px;
}
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom .resend-code-left-button {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: #333333;
    /* @alternate */ -webkit-box-ordinal-group: 2;
    /* @alternate */ -ms-flex-order: 1;
    order: 1;
    cursor: pointer;
}
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom .resend-code-left-button.disabled {
    cursor: no-drop;
}
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom .title-expiry,
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom .count-expiry {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
}
.enter-verification-code-popup.popup .confirm-password .enter-code-info-bottom .title-expiry {
    padding-right: 4px;
    width: 50%;
    text-align: right;
}
.enter-verification-code-popup.popup .confirm-password .confirm-password-info .email {
    text-decoration: underline;
}

.enter-verification-code-popup.popup span.code-expiry-status {
    text-decoration: underline;
    text-underline-offset: 4px;
    width: 50%;
    text-align: left;
    padding-left: 4px;
}
.enter-verification-code-popup.popup .button-row {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-pack: end;
    /* @alternate */ -ms-flex-pack: end;
    justify-content: flex-end;
    /* @alternate */ -webkit-box-align: center;
    /* @alternate */ -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background-color: #ffffff;
    border-top: 1px #F0F3F4 solid;
    border-radius: 0 0 4px 4px;
}
.enter-verification-code-popup.popup .button-row button {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #ffffff;
    padding: 6px 16px;
    border-radius: 4px;
    background-color: #000000;
    margin: 0;
}
.enter-verification-code-popup.popup .button-row button:hover {
    background: #484848;
}
.enter-verification-code-popup.popup .button-row button.cancel-button {
    color: #000000;
    background: none;
    border: 1px rgba(0,0,0, .20) solid;
}
.enter-verification-code-popup.popup .button-row button.cancel-button:hover {
    border: 1px rgba(0,0,0, .40) solid;
}

/*popup: email verification:end*/

.wc-disable-live-preview-body{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10510;
    height: 10000px;
}

.code-submit-form .message-block.error {
    display: block;
}


.variation-container .chosen-container .chosen-results {
    overflow-y: scroll !important;
}

.variation-container .chosen-container .vertical.scrollbar {
    display: none !important;
}

.image-popup-container.popup .player-block {
    max-width: 585px;
    max-height: 440px;
}

.image-popup-container.popup .popup-video {
    height: auto;
    width: auto;
    padding: 0;
}

.image-popup-container.popup .popup-video .vjs-tech {
    position: static;
    display: block;
}

/*Customer assign pages category design*/
.customer-assigned-categories .content {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.assigned-categories-panel {
    position: relative;
}

form.pass-code-verify-form .verification-code {
    position: relative;
    margin: 50px auto;
    text-align:center;
}

form.pass-code-verify-form .verification-code--inputs input.passcode-single-input {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    width: 40px;
    height: 50px;
    padding: 10px;
    margin-left: 8px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
}

.customer-assigned-categories .content {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.customer-assigned-categories .product-block {
    width: 25%;
    padding: 15px;
}

.customer-assigned-categories .product-image img {
    max-width: 100%;
}

.customer-assigned-categories .product-name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.customer-assigned-categories .price-waper {
    margin-top: 20px;
}
.customer-assigned-categories .price-waper > * {
    display: inline;
    padding: 0;
}
.customer-assigned-categories .current-price {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.customer-assigned-categories  .tax-message {
    font-size: 12px;
    font-weight: normal;
}
.assigned-categories-panel .category-image-view.category {
    border: 0;
    padding: 15px;
    width: 25%;
    margin: 0;
}
.assigned-categories-panel .category-image-view img {
    position: static;
    width: 100%;
    max-width: inherit;
    max-height: inherit;
}
.assigned-categories-panel .category-image-view-height {
    height: auto;
}
.assigned-categories-panel .category .category-name a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.assigned-categories-panel {
    position: relative;
}
.assigned-categories-panel .back-to-main {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
/*Customer assign pages category design End*/

.guest-customer-disable-fields-panel {
    opacity: .5;
    pointer-events: none;
}

.autocomplete-suggestion-searching {
    box-sizing: border-box;
    text-align: center;
}
.autocomplete-suggestion-searching span {

    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    border: 2px solid #aaaaaa;
    animation: spin-clockwise 3s infinite linear;
}
.autocomplete-suggestion-searching span::before {
    content: "";
    border-radius: 100%;
    height: 20px;
    width: 20px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 2px solid #ffffff;
    position: absolute;
    left: -2px;
    top: -2px;

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

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

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

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

/* ============================================== Blog Design ================================================*/

.fee-blog-design-1,
.fee-blog-design-2,
.fee-blog-design-3,
.fee-blog-design-4 {
    overflow: hidden;
}
.fee-blog-design-1 .blog-post-content,
.fee-blog-design-2 .blog-post-content,
.fee-blog-design-3 .blog-post-content,
.fee-blog-design-4 .blog-post-content {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    /* @alternate */ display: flex;
    -ms-flex-wrap: wrap;
    /* @alternate */ flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.fee-blog-design-1 .blog-post-item,
.fee-blog-design-2 .blog-post-item,
.fee-blog-design-3 .blog-post-item,
.fee-blog-design-4 .blog-post-item {
    padding: 0 10px;
    width: 33.333%;
    margin-bottom: 30px;
    border: none;
}

.fee-blog-design-1 .post.post-list-view-height,
.fee-blog-design-2 .post.post-list-view-height,
.fee-blog-design-3 .post.post-list-view-height,
.fee-blog-design-4 .post.post-list-view-height {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.fee-blog-design-1 .post.post-list-view-height a,
.fee-blog-design-2 .post.post-list-view-height a,
.fee-blog-design-3 .post.post-list-view-height a,
.fee-blog-design-4 .post.post-list-view-height a {
    display: block;
    width: 100%;
    aspect-ratio: 10/6;
}

.fee-blog-design-1 .post.post-list-view-height img,
.fee-blog-design-2 .post.post-list-view-height img,
.fee-blog-design-3 .post.post-list-view-height img,
.fee-blog-design-4 .post.post-list-view-height img {
    max-width: unset;
    max-height: unset;
    width: 100%;
    height: 100%;
    /* @alternate */ -o-object-fit: cover;
    object-fit: cover;
}

.fee-blog-design-1 .post-description,
.fee-blog-design-2 .post-description,
.fee-blog-design-3 .post-description,
.fee-blog-design-4 .post-description {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    /* @alternate */ -webkit-box-orient: vertical;
    /* @alternate */ -webkit-box-direction: normal;
    /* @alternate */ -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.fee-blog-design-1 .blog-post-item .title,
.fee-blog-design-2 .blog-post-item .title,
.fee-blog-design-3 .blog-post-item .title,
.fee-blog-design-4 .blog-post-item .title {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.fee-blog-design-1 .blog-post-item .title a,
.fee-blog-design-2 .blog-post-item .title a,
.fee-blog-design-3 .blog-post-item .title a,
.fee-blog-design-4 .blog-post-item .title a {
    font-size: 18px;
    line-height: normal;
}

.fee-blog-design-1 .blog-post-item .blog-post-info,
.fee-blog-design-2 .blog-post-item .blog-post-info,
.fee-blog-design-3 .blog-post-item .blog-post-info,
.fee-blog-design-4 .blog-post-item .blog-post-info {
    /* @alternate */ display: -webkit-box;
    /* @alternate */ display: -ms-flexbox;
    display: flex;
    gap: 10px;
    /* @alternate */ -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fee-blog-design-1 .blog-post-info span,
.fee-blog-design-2 .blog-post-info span,
.fee-blog-design-3 .blog-post-info span,
.fee-blog-design-4 .blog-post-info span {
    font-weight: 600;
    color: #666;
}
.fee-blog-design-1 .blog-post-info span.date,
.fee-blog-design-2 .blog-post-info span.date,
.fee-blog-design-3 .blog-post-info span.date,
.fee-blog-design-4 .blog-post-info span.date {
    /* @alternate */ -webkit-box-ordinal-group: 2;
    /* @alternate */ -ms-flex-order: 1;
    order: 1;
    padding: 0;
    margin: 0;
    background: none;
}

.fee-blog-design-1 .blog-post-info span.author,
.fee-blog-design-2 .blog-post-info span.author,
.fee-blog-design-3 .blog-post-info span.author,
.fee-blog-design-4 .blog-post-info span.author {
    padding: 0;
    margin: 0;
    background: none;
}

.fee-blog-design-1 .blog-post-info span.date:before,
.fee-blog-design-2 .blog-post-info span.date:before,
.fee-blog-design-3 .blog-post-info span.date:before,
.fee-blog-design-4 .blog-post-info span.date:before {
    content: "\f017";
    font-family: "Fontawesome";
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 3px;
}

.fee-blog-design-1 .post-description .content,
.fee-blog-design-2 .post-description .content,
.fee-blog-design-3 .post-description .content,
.fee-blog-design-4 .post-description .content {
    font-size: 15px;
    color: #666666;
    padding: 0;
}

.fee-blog-design-1 .post-description .blog-read-more,
.fee-blog-design-2 .post-description .blog-read-more,
.fee-blog-design-3 .post-description .blog-read-more,
.fee-blog-design-4 .post-description .blog-read-more {
    font-size: 15px;
    font-weight: 600;
}

.fee-blog-design-2 .blog-post-item .blog-post-info {
    /* @alternate */ -webkit-box-ordinal-group: 2;
    /* @alternate */ -ms-flex-order: 1;
    order: 1;
}
@media(max-width: 767px){
    .fee-blog-design-1 .blog-post-item .title a,
    .fee-blog-design-2 .blog-post-item .title a,
    .fee-blog-design-3 .blog-post-item .title a,
    .fee-blog-design-4 .blog-post-item .title a {
        font-size: 16px;
    }
    .fee-blog-design-1 .blog-post-item,
    .fee-blog-design-2 .blog-post-item,
    .fee-blog-design-3 .blog-post-item,
    .fee-blog-design-4 .blog-post-item {
        width: 50%;
    }
}
@media(max-width: 575px){
    .fee-blog-design-1 .blog-post-item,
    .fee-blog-design-2 .blog-post-item,
    .fee-blog-design-3 .blog-post-item,
    .fee-blog-design-4 .blog-post-item {
        width: 100%;
    }
}

/*Api Playground Front Start*/
.api-playground-section {
    margin: 15px 0;
}
.api-playground-section .api-playground-title {
    color: #333853;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 12px;
}
.api-playground-section .api-playground-card {
    border: 1px solid #dfe5eb;
    border-radius: 6px;
    padding: 15px;
    color: #000624;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.api-playground-section .api-playground-card .api-play-card-left {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-type {
    padding: 0 6px;
    height: 18px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-type.POST {
    color: #60bc57;
    border-color: #60bc57;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-type.PATCH {
    color: #5999ff;
    border-color: #5999ff;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-type.GET {
    color: #aa4dc8;
    border-color: #aa4dc8;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-type.DELETE {
    color: #ee5951;
    border-color: #ee5951;
}
.api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint {
    font-size: 14px;
    line-height: 18px;
    color: #000624;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 600px;
}
.api-playground-section .api-playground-card .api-play-card-right {
    border-left: 1px solid #dfe5eb;
    padding-left: 10px;
}
.api-playground-section .api-playground-card .api-play-card-right .api-request-try-out-button {
    border: 1px solid #daeffe;
    border-radius: 15px;
    color: #116dff;
    height: 24px;
    min-width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 12px;
    font-weight: 700;
}
.api-playground-section .api-playground-card .api-play-card-right .api-request-try-out-button:hover {
    background: #308ddd;
    border-color: #308ddd;
    color: #ffffff;
}
.site-popup.wc-api-playground-popup {
    border-radius: 6px;
}
.site-popup.wc-api-playground-popup.sign-in {
    width: 792px !important;
}
.site-popup.wc-api-playground-popup.not-sign-in {
    width: 701px !important;
}

.site-popup.wc-api-playground-popup .content {
    max-height: 800px;
}
.site-popup.wc-api-playground-popup .title-bar {
    padding: 10px 32px;
    background-color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-popup.wc-api-playground-popup .title-bar .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #ffffff;
}
.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    gap: 0 10px;
}
.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar > span {
    height: 20px;
    width: 20px;
    font-size: 0;
    cursor: pointer;
    position: static;
}

.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar > span.minimize {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.66667%202.5V5C6.66667%205.44203%206.49107%205.86595%206.17851%206.17851C5.86595%206.49107%205.44203%206.66667%205%206.66667H2.5M17.5%206.66667H15C14.558%206.66667%2014.134%206.49107%2013.8215%206.17851C13.5089%205.86595%2013.3333%205.44203%2013.3333%205V2.5M13.3333%2017.5V15C13.3333%2014.558%2013.5089%2014.134%2013.8215%2013.8215C14.134%2013.5089%2014.558%2013.3333%2015%2013.3333H17.5M2.5%2013.3333H5C5.44203%2013.3333%205.86595%2013.5089%206.17851%2013.8215C6.49107%2014.134%206.66667%2014.558%206.66667%2015V17.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}

.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar > span.maximize {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.66667%202.5H4.16667C3.72464%202.5%203.30072%202.67559%202.98816%202.98816C2.67559%203.30072%202.5%203.72464%202.5%204.16667V6.66667M17.5%206.66667V4.16667C17.5%203.72464%2017.3244%203.30072%2017.0118%202.98816C16.6993%202.67559%2016.2754%202.5%2015.8333%202.5H13.3333M13.3333%2017.5H15.8333C16.2754%2017.5%2016.6993%2017.3244%2017.0118%2017.0118C17.3244%2016.6993%2017.5%2016.2754%2017.5%2015.8333V13.3333M2.5%2013.3333V15.8333C2.5%2016.2754%202.67559%2016.6993%202.98816%2017.0118C3.30072%2017.3244%203.72464%2017.5%204.16667%2017.5H6.66667%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}

.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar > span.close {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M15%205L5%2015%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3Cpath%20d%3D%22M5%205L15%2015%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E") no-repeat center;
}

.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar .close::before,
.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar .close::after {
    display: none;
}
.site-popup.wc-api-playground-popup .content {
    padding: 0;
}
.site-popup.wc-api-playground-popup .content {}
.api-playground-sign-in-popup-wrapper {}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part {
    background: #f2f3f4;
    padding: 27px 48px 30px;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #000624;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card {
    display: flex;
    gap: 10px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #dfe5eb;
    padding: 15px;
    margin: 10px 0 0;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-type {
    padding: 0 6px;
    height: 18px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-type.POST {
    color: #60bc57;
    border-color: #60bc57;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-type.PATCH {
    color: #5999ff;
    border-color: #5999ff;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-type.GET {
    color: #aa4dc8;
    border-color: #aa4dc8;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-type.DELETE {
    color: #ee5951;
    border-color: #ee5951;
}
.api-playground-sign-in-popup-wrapper .url-end-point-body-part .url-endpoint-card .request-end-point {
    font-size: 14px;
    line-height: 18px;
    color: #000624;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 600px;
}
.api-playground-sign-in-popup-wrapper .url-end-point-bottom-part {
    padding: 18px;
    text-align: center;
}
.api-playground-sign-in-popup-wrapper .url-end-point-bottom-part .url-end-point-bottom-title {
    color: #000624;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.api-playground-sign-in-popup-wrapper .url-end-point-bottom-part .url-endpoint-card-button {
    display: flex;
    justify-content: center;
}
.api-playground-sign-in-popup-wrapper .url-end-point-bottom-part .url-endpoint-card-button .sign-in {
    border: 1px solid #daeffe;
    border-radius: 15px;
    color: #116dff;
    height: 30px;
    min-width: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    cursor: pointer;
    transition: 0.3s;
}
.api-playground-sign-in-popup-wrapper .url-end-point-bottom-part .url-endpoint-card-button .sign-in:hover {
    background: #308ddd;
    border-color: #308ddd;
    color: #ffffff;
}
.api-playground-popup-wrapper {}
.api-playground-popup-wrapper .api-playground-endpoint-header-part {
    background: #f2f3f4;
    padding: 27px 48px 30px;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card {
    display: flex;
    gap: 10px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #dfe5eb;
    padding: 15px;
    margin: 10px 0 0;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-type {
    padding: 0 6px;
    height: 18px;
    border: 1px solid;
    border-radius: 2px;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-type.POST {
    color: #60bc57;
    border-color: #60bc57;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-type.PATCH {
    color: #5999ff;
    border-color: #5999ff;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-type.GET {
    color: #aa4dc8;
    border-color: #aa4dc8;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-type.DELETE {
    color: #ee5951;
    border-color: #ee5951;
}
.api-playground-popup-wrapper .api-playground-endpoint-header-part .api-playground-endpoint-card .api-endpoint-url {
    font-size: 14px;
    line-height: 18px;
    color: #000624;
    overflow-x: auto;
    white-space: nowrap;
    max-width: 600px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part {
    padding: 30px 0;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper {
    border-bottom: 1px solid #e5e7eb;
    padding: 0 48px 24px;
    margin: 0 0 24px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section {}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section input[type="radio"] {
    margin-top: 10px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button {
    padding-right: 24px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button .generate-token-site-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button select {
    width: 245px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    height: 30px;
    background-position: calc(100% - 0px) center;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button .generate-token-button {
    color: #116dff;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 6px 0 0;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .test-token-input-wrapper {}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .test-token-input-wrapper .test-token-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .test-token-input-wrapper input.test-token-input {
    width: 306px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    height: 30px;
    padding: 0 10px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section {
    margin: 12px 0 0;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section input[type="radio"] {
    margin-top: 6px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add {}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {
    max-width: 559px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    height: 30px;
    padding: 0 10px;
    width: 100%;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-site-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-site-title a {
    color: #116dff;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params {
    border-bottom: 1px solid #e5e7eb;
    padding: 0 48px 24px;
    margin: 0 0 24px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .request-params-table-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-header,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-header {
    background: #00062408;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-header .params-table-header-column,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row .params-table-body-column {
    flex: 1;
    padding: 6px 12px;
    color: #000624;
    font-size: 14px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row .params-table-body-column {
    font-weight: 700;
    padding: 12px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row .params-table-body-column input {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    height: 28px;
    padding: 0 10px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-body {
    /* border-bottom: 1px solid #e5e7eb; */
    padding: 0 48px 24px;
    margin: 0 0 24px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-body .request-body-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 19px;
    color: #000624;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-body .CodeMirror {
    height: 222px;
    border: 1px solid #e8e8e8;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .request-body .CodeMirror .CodeMirror-gutters {
    width: 41px;
    background: #e8e8e8;
    color: #aaaaaa;
    border: 1px solid #e5e7eb;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body {
    padding: 30px 48px;
    background: #333853;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag {
    background: #25a55a;
    color: #ffffff;
    display: inline-flex;
    padding: 2px 12px;
    height: 24px;
    margin-bottom: 25px;
    border-radius: 6px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.failed {
    background: #e62214;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab {}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container {
    letter-spacing: 0;
    word-spacing: 0;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default {
    margin: 0;
    padding: 14px;
    border: none;
    color: #000624;
    transition: 0.3s;
    width: auto;
    background-color: transparent;
    border-bottom: 3px solid transparent;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default .title {
    color: #d6d6d6;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default.bmui-state-active {
    border-bottom-color: #ffffff;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default.bmui-state-active .title {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 18px;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-body-container {
    border: 0;
    padding: 15px;
    /* border: 1px solid #e8e8e8; */
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-body-container .bmui-tab-panel {
    overflow-wrap: break-word;
    color: #ffffff;
    font-family: system-ui;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part {
    padding: 16px 48px 29px;
    border-top: 1px solid #e5e7eb;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 26px;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-endpoint-footer-left-part {}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-endpoint-footer-left-part .warning {
    display: block;
    color: #000624;
    font-size: 12px;
    font-weight: 500;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-endpoint-footer-left-part .this-request-subtitle {
    display: block;
    color: #000624;
    font-size: 12px;
    font-weight: 400;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-action {}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-action .send-api-playground-request {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #116dff;
    border: 1px solid #116dff;
    color: #fff;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper .api-playground-action .send-api-playground-request:hover {
    background: #ffffff;
    color: #116dff;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-share-link {
    padding: 7px 13px;
    background: #f2f3f4;
    border-radius: 6px;
    font-size: 14px;
    color: #000624;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-share-link a {
    font-size: 14px;
    color: #116dff;
}
.api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-share-link .link-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none"><path d="M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round"/><path d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373" stroke="%231C274C" stroke-width="1.5" stroke-linecap="round"/><script xmlns=""/></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    display: inline-flex;
    width: 23px;
    height: 23px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}
/*Api Playground Front End*/

.api-playground-scroller::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(90, 145, 234, 0.5);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.api-playground-scroller::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
.api-playground-scroller::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(73, 133, 229, 0.5);
    background-color: #d6d4d4;
}

.api-playground-scroller {
    max-height: 610px;
    overflow: auto;
    overflow-x: hidden;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-body-container .bmui-tab-panel span.error-response-body {
    color: #dc7070;
    font-size: 16px;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-test-token-section .generate-token-site-list-button .generate-token-button[disabled] {
    color: #bababa;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-302 {
    background: yellow;
    color: #000;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-400,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-500 {
    background: red;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-300,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-301,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-302,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-303,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-304,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-305,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-306,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-307,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-308,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-309,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-310
{
    background: yellow;
    color: #000;
}
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-400,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-401,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-402,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-403,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-404,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-405,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-406,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-407,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-408,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-409,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-410,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-411,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-412,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-413,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-414,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-415,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-416,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-417,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-418,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-419,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-420,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-421,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-422,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-423,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-424,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-425,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-426,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-427,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-428,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-429,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-430,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-431,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-432,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-451,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-500,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-501,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-502,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-503,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-504,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-505,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-506,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-507,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-508,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-509,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-510,
.api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag.status-code-511
{
    background: red;
}

.api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .test-token-input-wrapper a {
    color: #116dff;
}



.site-popup.wc-api-playground-popup .title-bar .window-corner-toolbar .close {
    height: 22px;
    width: 22px;
    background-size: contain;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup {
    width: 100vw !important;
    height: 100vh !important;
    top: 0px !important;
    left: 0px !important;
}

.api-playground-popup-wrapper span.copy-api-response-body{
    height: 25px;
    width: 25px;
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
}

.api-playground-popup-wrapper span.copy-api-response-body::before {
    content: "Copy";
    position: absolute;
    z-index: 3;
    background: #ffffff;
    top: -27px;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.api-playground-popup-wrapper span.copy-api-response-body:hover::before {
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body.copied::before {
    content: "Copied!";
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body::after {
    content: "";
    background: #ffffff;
    display: inline-flex;
    height: 10px;
    width: 10px;
    position: absolute;
    z-index: 2;
    top: -12px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    opacity: 0;
    visibility: hidden;
}
.api-playground-popup-wrapper span.copy-api-response-body:hover::after,
.api-playground-popup-wrapper span.copy-api-response-body.copied::after {
    opacity: 1;
    visibility: visible;
}

.api-playground-popup-wrapper span.copy-api-response-body .fee-icon {
    height: 25px;
    width: 25px;
    fill: #fff;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content {
    height: calc(100vh - 44px);
    max-height: unset;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content .api-playground-popup-wrapper {
    height: 100%;
}

.site-popup.wc-api-playground-popup.wc-full-view-popup .content .api-playground-popup-wrapper .api-playground-scroller {
    height: calc(100% - 104px);
    max-height: unset;
}
/*Responsive*/



@media (max-width: 767px) {
    .api-playground-section .api-playground-card {
        flex-direction: column;
        align-items: end;
    }
    .api-playground-section .api-playground-card .api-play-card-left {
        width: 100%;
    }
    .api-playground-section .api-playground-card .api-play-card-right {
        border-left: 0;
        padding-left: 0;
    }
    .api-playground-section .api-playground-card .api-play-card-left .api-request-endpoint {
        flex-basis: 85%;
        max-width: 85%;
    }
    .site-popup.wc-api-playground-popup.not-sign-in {
        width: 100% !important;
        min-width: auto;
        height: 100vh !important;
        margin: 0;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-header-part {
        padding: 24px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part {
        padding: 24px 0;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper {
        padding: 0 24px 24px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-site-title {

        line-height: 22px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .authorization-section-wrapper .authorization-section .generate-access-token-section .access-token-add .access-token-input {

        margin-top: 10px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-footer-part {
        padding: 24px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-footer-part .api-playground-endpoint-footer-left-action-wrapper {
        align-items: center;
        margin-bottom: 0;
        flex-direction: column;
        text-align: center;
    }
    .api-playground-section .api-playground-card {
        padding-right: 15px;
    }
    .api-playground-section .api-playground-card .api-play-card-right {
        position: relative;
        right: inherit;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params {
        padding: 0 24px 24px;
        margin: 0;
    }
    .site-popup.wc-api-playground-popup .content {
        height: 100%;
    }
    .api-playground-scroller {
        height: calc(100vh - 200px);
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .response-status-tag {

        font-size: 14px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body {
        padding: 24px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default {

        padding: 12px 0;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .response-body .bmui-tab .bmui-tab-header-container .bmui-state-default.bmui-state-active .title {

        font-size: 16px;
    }
    .site-popup.wc-api-playground-popup .title-bar .title {

        font-weight: 500;
    }
    .site-popup.wc-api-playground-popup .title-bar {
        padding: 10px 16px 10px 24px;
    }
    .api-playground-popup-wrapper .api-playground-endpoint-body-part .request-params .params-table-body-row .params-table-body-column {

        font-weight: 600;
    }
}

.request-body-schema-preview {
    background: #102c2e;
    color: #dcdcdc;
    padding: 20px;
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    font-size: 14px;
    overflow-x: auto;
    max-height: 300px;
}

.request-schema-section {
    margin-top: 30px;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.request-schema-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.request-schema-section-header .view-request-body-title {
    color: #000624;
    font-size: 12px;
    font-weight: 500;
}
.request-schema-section-header .view-request-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #daeffe;
    color: #116dff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}
.request-schema-section-header .view-request-body-button:hover {
    background: #daeffe;
    border-color: #116dff;
}
.request-body-schema-preview {
    margin: 10px 0 0;
}

.api-playground-login-logout {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: inline-flex;
    gap: 4px;
}
.api-playground-login-logout .login-icon {
    background-image: url('data:image/svg+xml,<svg width="800" height="620" viewBox="0 0 800 620" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_14)"><path d="M374.643 411.274C388.112 424.753 388.122 446.699 374.643 460.235C368.115 466.763 359.433 470.361 350.185 470.361C340.937 470.361 332.266 466.774 325.704 460.235L199.851 334.416C196.726 331.221 194.248 327.498 192.39 323.08C190.684 318.848 189.808 314.466 189.808 310.003C189.808 305.54 190.673 301.158 192.507 296.615C194.294 292.406 196.796 288.681 199.957 285.533L325.706 159.784C332.234 153.245 340.929 149.647 350.187 149.647C359.448 149.647 368.142 153.256 374.645 159.784C388.137 173.276 388.137 195.232 374.645 208.722L307.97 275.397H765.406C784.479 275.399 800 290.933 800 309.995C800 329.057 784.479 344.588 765.406 344.588H307.97L374.643 411.274Z" fill="%23010002"/><path d="M115.314 0.169891H504.348C567.955 0.169891 619.686 51.9003 619.686 115.484L619.616 237.81H612.698C606.367 246.262 596.288 251.775 585.069 251.775C573.514 251.775 563.378 246.252 557.117 237.638L550.464 237.545V115.482C550.464 90.079 529.777 69.3911 504.35 69.3911H115.314C89.899 69.3911 69.2 90.079 69.2 115.482V504.526C69.2 529.953 89.899 550.617 115.314 550.617H504.348C529.774 550.617 550.462 529.953 550.462 504.526L550.52 382.144H557.461C563.791 373.704 573.87 368.215 585.079 368.215C596.369 368.215 606.505 373.784 612.823 382.341L619.696 382.445V504.526C619.696 568.1 567.966 619.828 504.359 619.828H115.314C51.72 619.828 0 568.098 0 504.526V115.482C0 51.8982 51.72 0.169891 115.314 0.169891Z" fill="%23010002"/></g><defs><clipPath id="clip0_1_14"><rect width="800" height="620" fill="white" transform="matrix(-1 0 0 1 800 0)"/></clipPath></defs></svg>');
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
}

.api-playground-login-logout.do-logout .logout-icon {
    background-image: url('data:image/svg+xml,<svg width="800" height="620" viewBox="0 0 800 620" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_10)"><path d="M425.357 411.274C411.888 424.753 411.878 446.699 425.357 460.235C431.885 466.763 440.567 470.361 449.815 470.361C459.063 470.361 467.734 466.774 474.296 460.235L600.149 334.416C603.274 331.221 605.752 327.498 607.61 323.08C609.316 318.848 610.192 314.466 610.192 310.003C610.192 305.54 609.327 301.158 607.493 296.615C605.706 292.406 603.204 288.681 600.043 285.533L474.294 159.784C467.766 153.245 459.071 149.647 449.813 149.647C440.552 149.647 431.858 153.256 425.355 159.784C411.863 173.276 411.863 195.232 425.355 208.722L492.03 275.397H34.5936C15.5212 275.399 -6.10352e-05 290.933 -6.10352e-05 309.995C-6.10352e-05 329.057 15.5212 344.588 34.5936 344.588H492.03L425.357 411.274Z" fill="%23010002"/><path d="M684.686 0.169861H295.652C232.045 0.169861 180.314 51.9003 180.314 115.484L180.384 237.81H187.302C193.633 246.262 203.712 251.775 214.931 251.775C226.486 251.775 236.622 246.252 242.883 237.638L249.536 237.545V115.482C249.536 90.079 270.223 69.3911 295.65 69.3911H684.686C710.101 69.3911 730.8 90.079 730.8 115.482V504.526C730.8 529.953 710.101 550.617 684.686 550.617H295.652C270.226 550.617 249.538 529.953 249.538 504.526L249.48 382.144H242.539C236.209 373.704 226.13 368.215 214.921 368.215C203.631 368.215 193.495 373.784 187.177 382.341L180.304 382.445V504.526C180.304 568.1 232.034 619.828 295.641 619.828H684.686C748.28 619.828 800 568.098 800 504.526V115.482C800 51.8982 748.28 0.169861 684.686 0.169861Z" fill="%23010002"/></g><defs><clipPath id="clip0_1_10"><rect width="800" height="620" fill="white"/></clipPath></defs></svg>');
}


.response-body-schema-preview {
    background: #102c2e3b;
    color: #dcdcdc;
    padding: 20px;
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    font-size: 14px;
    overflow-x: auto;
    max-height: 300px;
}

.response-schema-section {
    margin-top: 30px;
    background: #f8f9fa0f;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #dddddd26;
}
.response-schema-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.response-schema-section-header .view-request-body-title {
    color: #000624;
    font-size: 12px;
    font-weight: 500;
}
.response-schema-section-header .view-request-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #daeffe;
    color: #116dff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}
.response-schema-section-header .view-request-body-button:hover {
    background: #daeffe;
    border-color: #116dff;
}
.response-body-schema-preview {
    margin: 10px 0 0;
}
.view-response-body-button {
    border-radius: 15px;
    height: 30px;
    min-width: 72px;
    padding: 0 17px;
    font-size: 14px;
    background: #ffffff54;
    border: 1px solid #daeffe54;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease 0s;
    cursor: pointer;
}

.view-response-body-title {
    color: #ffffff;
}
.view-response-body-button:hover {
    background: #ffffff14;
}

.image-popup-container .image-count-display {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin: 0 0 15px;
}
.image-popup-container .image-count-display .current-image {
    color: #000000;
    font-size: 14px;
    font-weight: 700;
}
.image-popup-container .image-count-display .image-seperator {
    color: #000000;
    font-size: 14px;
}
.image-popup-container .image-count-display .total-image {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

/*Code Snippet Tab Start*/
.code-snippet-tab .bmui-tab-header-container {
    border-bottom: 1px solid #eee;
}
.code-snippet-tab .bmui-tab-header-container .bmui-tab-header {
    background: transparent;
    margin: 0 20px 0 0;
    font-size: 15px;
    color: #686868;
    padding: 0 0 8px 0;
    border: 0;
}
.code-snippet-tab .bmui-tab-header-container .bmui-tab-header.bmui-state-active {
    border-bottom: 2px solid;
    color: #000;
}
.code-snippet-tab .bmui-tab-body-container {
    border: 0;
    padding: 0;
    margin-top: 10px;
}
.code-snippet-tab .bmui-tab-body-container .header-text-container {
    margin-top: 20px;
}
.code-snippet-tab .bmui-tab-body-container .header-text-container p {
    font-size: 16px;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content {
    margin: 20px 0;
    position: relative;
    border: 1px solid #eee;
    padding: 20px 25px 20px 15px;
    border-radius: 5px;
    background: #fff;
    max-height: 500px;
    overflow: hidden;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content pre {
    overflow-y: auto;
    max-height: 500px;
    margin: 0;
    background: transparent;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content pre .code-content-dom {
    font-size: 16px;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar {
    right: 25px;
    display: flex;
    align-items: center;
    gap: 8px;
    top: 0;
    height: auto;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar .toolbar-item {
    display: inline-flex;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar .toolbar-item .copy-to-clipboard-button {
    display: inline-flex;
    box-shadow: none;
    background: transparent;
    padding: 0;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar .toolbar-item span {
    padding: 8px 18px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 15px;
    border: 1px solid rgb(223, 223, 223);
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 10px -3px rgba(0,0,0,.1);
    transition: all ease-in-out .2s;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar .toolbar-item span:hover {
    color: #008DF2;
    border-color: #008DF2;
}
.code-snippet-tab .bmui-tab-body-container .code-snippet-widget-element-content .toolbar .toolbar-item .copy-to-clipboard-button[data-copy-state="copy-success"] span {
    color: #1d9109;
    border-color: #1d9109;
}
/*Code Snippet Tab End*/


/* Elastic Search Start*/

.expandble-search-full-wrap {
    padding: 10px 60px 60px;
}

.expandble-search-full-wrap .search-area {
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    margin: 30px 60px 30px;
}
@media only screen and (max-width: 1280px) {
    .expandble-search-full-wrap .search-area {
        margin: 30px 30px 30px;
    }
}
@media only screen and (max-width: 991px) {
    .expandble-search-full-wrap .search-area {
        margin: 30px 20px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .expandble-search-full-wrap .search-area {
        margin: 30px 15px 30px;
    }
}
.search-form .expandble-search-full-wrap .expanded-view .popup-close {
    position: absolute;
    right: 60px;
    top: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1280px) {
    .search-form .expandble-search-full-wrap .expanded-view .popup-close {
        right: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .search-form .expandble-search-full-wrap .expanded-view .popup-close {
        right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .search-form .expandble-search-full-wrap .expanded-view .popup-close {
        right: 15px;
    }
}
.search-form .expandble-search-full-wrap .expanded-view .popup-close svg {
    height: 14px;
    width: 14px;
}
.expandble-search-full-wrap .search-box {
    position: relative;
}

.expandble-search-full-wrap .search-box .search-icon {
    position: absolute;
    left: 0;
    top: 52%;
    transform: translateY(-50%);
    cursor: pointer;
    display: inline-flex !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    max-width: fit-content !important;
}
.expandble-search-full-wrap .search-box input {
    width: 100%;
    padding: 10px 25px 10px 33px;
    border: none;
    font-size: 18px;
    color: #000000;
    outline: none;
    height: 60px;
    text-overflow: ellipsis;
}
.expandble-search-full-wrap .search-box input[type="text"]:focus {
    border: 0;
}
.expandble-search-full-wrap .search-box input::placeholder {
    font-size: 17px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
}

.expandble-search-full-wrap .search-box .close-icon,
.expandble-search-full-wrap .search-box .expanded-close-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: inline-flex;
}

/* Layout */
/*.expandble-search-full-wrap .search-content:not(.three-level-suggestion) {*/
.expandble-search-full-wrap .search-content {
    padding: 0 60px 40px;
    margin: 30px 0 0;
    display: flex;
    gap: 32px;
    flex-direction: column;
    max-height: calc(100vh - 193px);
    overflow-y: auto;
}
@media only screen and (max-width: 1280px) {
    .expandble-search-full-wrap .search-content {
        padding: 0 30px 30px;
        margin: 30px 0 0;
        max-height: calc(100vh - 242px);
    }
}
@media only screen and (max-width: 991px) {
    .expandble-search-full-wrap .search-content {
        padding: 0 20px 20px;
        margin: 20px 0 0;
    }
}
@media only screen and (max-width: 767px) {
    .expandble-search-full-wrap .search-content {
        padding: 0 15px 20px;
    }
}
.expandble-search-full-wrap .search-content .search-content-container-inner {
    display: flex;
    gap: 32px;
    flex-direction: column;
}
.expandble-search-full-wrap .search-content .products .no-results-content {
    text-align: center;
}

/* Sidebar */
.expandble-search-full-wrap .search-content .sidebar,
.expandble-search-full-wrap .search-content .popular-search {}

.expandble-search-full-wrap .search-content .sidebar h3,
.expandble-search-full-wrap .search-content .popular-search h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0 0 20px;
}

.expandble-search-full-wrap .search-content .sidebar ul,
.expandble-search-full-wrap .search-content .popular-search .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.expandble-search-full-wrap .search-content .sidebar ul li,
.expandble-search-full-wrap .search-content .popular-search .tags span {
    margin-bottom: 10px;
    display: block;
    padding: 0;
}
.expandble-search-full-wrap .search-content .sidebar ul li::after,
.expandble-search-full-wrap .search-content .sidebar ul li::before
{
    display: none;
}

.expandble-search-full-wrap .search-content .sidebar ul li a,
.expandble-search-full-wrap .search-content .sidebar ul li span,
.expandble-search-full-wrap .search-content .popular-search .tags span {
    padding: 4px 14px;
    border: 1px solid transparent;
    background: #F5F5F5;
    border-radius: 25px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.82);
    cursor: pointer;
    transition: all 0.2s ease;
    height: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.expandble-search-full-wrap .search-content .sidebar ul li a:hover,
.expandble-search-full-wrap .search-content .sidebar ul li span:hover,
.expandble-search-full-wrap .search-content .popular-search .tags span:hover {
    background: #ffffff;
    border-color: #000000;
}

/* Products */
.expandble-search-full-wrap .search-content .products {
    width: 100%;
}

.expandble-search-full-wrap .search-content .products h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0 0 20px;
}
.expandble-search-full-wrap .search-content .products .searched-product-title-wrap h3 {
    margin: 0;
}
.expandble-search-full-wrap .search-content .see-all-result-wrap {
    text-align: center;
}
.expandble-search-full-wrap .search-content .see-all-result-wrap .see-all-result {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #000000;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-flex;
    width: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.expandble-search-full-wrap .search-content .see-all-result-wrap .see-all-result:hover {
    background: #000000;
    color: #ffffff;
}

/* Product Grid */
.expandble-search-full-wrap .product-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    /*overflow-y: auto;*/
    align-content: start;
    align-items: start;
    /*max-height: 545px;*/
}
@media only screen and (max-width: 1440px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1280px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 991px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 575px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.widget.widget-search .filter-label  {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0 0 20px;
}
.expandble-search-full-wrap .product-card {
    transition: all 0.2s ease;
    padding: 0 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.expandble-search-full-wrap .product-card:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.expandble-search-full-wrap .product-card .product-image-link {
    position: relative;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
}
@media only screen and (max-width: 1440px) {
    .expandble-search-full-wrap .product-card .product-image-link {}
}
@media only screen and (max-width: 991px) {
    .expandble-search-full-wrap .product-card .product-image-link {}
}
@media only screen and (max-width: 767px) {
    .expandble-search-full-wrap .product-card .product-image-link {}
}
.expandble-search-full-wrap .product-card .product-image-link .tag-mark {
    position: absolute;
    top: 0;
    background: #f12323;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.expandble-search-full-wrap .product-card .product-image-link .tag-mark:nth-child(1) {
    left: 0;
}
.expandble-search-full-wrap .product-card .product-image-link .tag-mark:nth-child(2) {
    right: 0;
}
.expandble-search-full-wrap .product-card .product-image-link .tag-mark:nth-child(3) {
    left: 0;
    top: 30px;
}
.side-in-search-area .products .product-card a.product-image-link {
    height: 150px;
    margin: 0 0 10px;
}
.expandble-search-full-wrap .product-card .img {
    height: 100%;
    width: 100%;
}
.expandble-search-full-wrap .product-card .img img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    margin: 0;
    object-fit: contain;
}

.expandble-search-full-wrap .product-card .category {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #878787;
    margin: 0 0 8px;
    padding: 0 10px;
}
.expandble-search-full-wrap .product-card  .product-table-view-column.name-column {
    text-align: center;
}
.expandble-search-full-wrap .product-card a.product-name-link {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
    margin: 0 0 9px;
    padding: 0 10px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}
.expandble-search-full-wrap .product-card a.product-name-link:hover {
    color: #008DF2;
}
.expandble-search-full-wrap .product-card .price {
    font-style: normal;
    font-weight: 390;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #000000;
    margin: 0;
    padding: 0 10px;
}

.expandble-search-full-wrap .colors {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.expandble-search-full-wrap .color {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: inline-flex;
    border: 1px solid #ccc;
}

/* Sample Colors */
.expandble-search-full-wrap .color.red {
    background: #E20000;
    border-color: #E20000;
}

.expandble-search-full-wrap .color.orange {
    background: #FE8201;
    border-color: #FE8201;
}

.expandble-search-full-wrap .color.brown {
    background: #A9683F;
    border-color: #A9683F;
}

.expandble-search-full-wrap .color.coffee {
    background: #6E2D2D;
    border-color: #6E2D2D;
}

.expandble-search-full-wrap .color.black {
    background: #000000;
    border-color: #000000;
}

.expandble-search-full-wrap .color.yellow {
    background: #FDD502;
    border-color: #FDD502
}

.expandble-search-full-wrap .color.grey {
    background: #322F21;
    border-color: #322F21
}

.expandble-search-full-wrap .color.white {
    background: #ffffff;
}

.expandble-search-full-wrap .see-all {
    text-align: center;
    margin-top: 30px;
}

.expandble-search-full-wrap .see-all span.see-all-result {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #000000;
    text-decoration: none;
    padding: 15px 43px;
    display: inline-block;
    cursor: pointer;
    background: #000;
}
.expandble-search-full-wrap .see-all span.see-all-result:hover {
    background: #222;
}
.category-suggestion-container-wrapper.category-suggestion-for-expanded-view {
    margin: 0;
}
.search-form .expanded-view .blog-post .blog-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width: 1280px) {
    .search-form .expanded-view .blog-post .blog-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1080px) {
    .search-form .expanded-view .blog-post .blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .search-form .expanded-view .blog-post .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 575px) {
    .search-form .expanded-view .blog-post .blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.category-suggestion-container-wrapper.category-suggestion-for-expanded-view .search-category-block-view-container {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media only screen and (max-width: 1440px) {
    .category-suggestion-container-wrapper.category-suggestion-for-expanded-view .search-category-block-view-container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1280px) {
    .category-suggestion-container-wrapper.category-suggestion-for-expanded-view .search-category-block-view-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 991px) {
    .category-suggestion-container-wrapper.category-suggestion-for-expanded-view .search-category-block-view-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 575px) {
    .category-suggestion-container-wrapper.category-suggestion-for-expanded-view .search-category-block-view-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}

.side-in-search-area .see-all span.see-all-result {
    width: 100%;
}
.search-form.slide-in-search-form {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 999;
    height: 100%;
    transition: 0.3s;
}
@media only screen and (max-width: 767px) {
    .search-form.slide-in-search-form {
        width: 100%;
    }
}
.search-form.slide-in-search-form.show {
    right: 0;
}
.search-form.slide-in-search-form form {
    height: 100%;
}
body.expanded-elastic-search-popup-open.body-scrolling>.header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}
.search-form.expanded-search-form {
    position: fixed;
    left: 0;
    top: 60px;
    /*max-height: calc(100vh - 130px);*/
    z-index: 999999;
    width: 100%;
    padding: 10px 0 0;
    background: #ffffff;
    box-shadow: 0px 27px 10px -24px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1440px) {
    .search-form.expanded-search-form {}
}
@media only screen and (max-width: 1200px) {
    .search-form.expanded-search-form {
        max-height: calc(100vh - 70px);
    }
}
@media only screen and (max-width: 1080px) {
    .search-form.expanded-search-form {
        max-height: calc(100vh - 50px);
    }
}
.search-form .expandble-search-full-wrap .slide-in-view {
    height: 100%;
}
.search-form .expandble-search-full-wrap {
    display: block;
    width: 100%;
    background: #ffffff;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    padding: 0;
    height: 100%;
}
.search-form.quick-preview-search-form .popup-close {
    position: absolute;
    right: 30px;
    top: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 1080px) {
    .search-form.quick-preview-search-form .popup-close {
        right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .search-form.quick-preview-search-form .popup-close {
        right: 15px;
    }
}
.search-form.quick-preview-search-form .popup-close .popup-close svg {
    height: 14px;
    width: 14px;
}
/*#webcommander-page:not(.fee) .widget-search .search-menu-button.hide-search-menu-btn {*/
#webcommander-page .widget-search .search-menu-button.hide-search-menu-btn,
#webcommander-page.fee .widget-search .search-menu-button.hide-search-menu-btn {
    display: none;
}
#webcommander-page.fee .widget-search .quick-preview-search-input-box {
    /*display: none;*/
}
.product-block .product-name-link.title-link.link {
    text-decoration: none;
}
@media only screen and (max-width: 1280px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 1080px) {
    .search-form .expandble-search-full-wrap {
        left: calc(-100vw + 109px);
    }
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .expandble-search-full-wrap {
        padding: 10px 30px 50px;
    }
}
@media only screen and (max-width: 991px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .search-form .expandble-search-full-wrap {
        left: calc(-100vw + 89px);
        height: calc(100vh - 115px);
    }
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        /*max-height: calc(100vh - 350px);*/
    }
    .expandble-search-full-wrap {
        padding: 10px 20px 50px;
    }
    .expandble-search-full-wrap .product-card a.product-name-link {
        font-size: 16px;
        line-height: 23px;
        height: 50px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
@media only screen and (max-width: 575px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media only screen and (min-width: 2561px) {
    .expandble-search-full-wrap .product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
.expanded-view .searched-product-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
.expanded-view .searched-product-title-wrap .filter-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
}
.expanded-view .searched-product-title-wrap .see-all-result {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.19099 7.00705L0.999999 2.84493L2.47134 1.5L8 7.00707L2.47134 12.5L1 11.1551L5.19099 7.00705Z" fill="black" stroke="white"/></svg>');
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
    cursor: pointer;
}
.expanded-view .searched-product-title-wrap .see-all-result:hover {
    opacity: 0.8;
}
/* Search Area */
.side-in-search-area {
    background: #fff;
    width: 600px;
    height: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: -10px 0px 20px 10px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
    .side-in-search-area {
        width: 100%;
    }
}

/* Header */
.side-in-search-area .search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 29px 40px 18px;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .side-in-search-area .search-header {
        padding: 20px;
    }
}

.side-in-search-area .search-header h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #000000;
    margin: 0;
}

.side-in-search-area .search-header .close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    color: #444;
    padding: 0;
}

.side-in-search-area .content-scroll {
    padding: 0;
    height: calc(100% - 71px);
}

@media only screen and (max-width: 767px) {
    .side-in-search-area .content-scroll {
        padding: 0 0 20px;
        height: calc(100% - 64px);
    }
}

/* Search Bar */
.side-in-search-area .search-bar {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0 40px 50px;
    position: relative;
}
@media only screen and (max-width: 1280px) {
    .side-in-search-area .search-bar {
        margin: 0 30px 40px;
    }
}
@media only screen and (max-width: 991px) {
    .side-in-search-area .search-bar {
        margin: 0 20px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .search-bar {
        margin: 0 15px 20px;
    }
}
.side-in-search-area .products > h3 {
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
}
.side-in-search-area .search-bar input[type="text"] {
    flex: 1;
    border: 0;
    border-radius: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #000000;
    outline: none;
    height: auto;
    display: flex;
    align-items: center;
    padding: 34px 30px 10px 0px;
    margin: 0;
    border-bottom: 1px solid transparent;
}
.side-in-search-area .search-bar input[type="text"]:focus{
    border-bottom: 1px solid #000;
}
.side-in-search-area .search-bar input[type="text"]::placeholder {
    font-weight: 600;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.2);
    /* Vertically center the placeholder */
    line-height: 80px;
    /* Smooth transition */
    opacity: 1;
    transform: translateY(0);
}

/* Hide placeholder immediately when user starts typing */
.side-in-search-area .search-bar input:not(:placeholder-shown)::placeholder {
    opacity: 0;
}

.side-in-search-area .search-bar .search-icon, .side-in-search-area .search-bar .close-icon,
.side-in-search-area .search-bar .search-icon, .side-in-search-area .search-bar .right-side-close {
    display: inline-flex;
    position: absolute;
    right: 0;
    bottom: 15px;
    z-index: 99;
    cursor: pointer;
}
.side-in-search-area .content-scroll .popular-search-searched-content-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 193px);
    padding: 0 40px 40px;
}
@media only screen and (max-width: 1280px) {
    .side-in-search-area .content-scroll .popular-search-searched-content-scroll {
        max-height: calc(100vh - 183px);
        padding: 0 30px 30px;
    }
}
@media only screen and (max-width: 991px) {
    .side-in-search-area .content-scroll .popular-search-searched-content-scroll {
        max-height: calc(100vh - 173px);
        padding: 0 20px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .content-scroll .popular-search-searched-content-scroll {
        max-height: calc(100vh - 156px);
        padding: 0 15px 15px;
    }
}
.side-in-search-area .searched-content-scrollable-wrapper {
    max-height: calc(100% - 138px);
    /*overflow-y: auto;*/
    padding: 0 40px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media only screen and (max-width: 1280px) {
    .side-in-search-area .searched-content-scrollable-wrapper {
        padding: 0 30px 40px;
        gap: 30px;
    }
}
@media only screen and (max-width: 991px) {
    .side-in-search-area .searched-content-scrollable-wrapper {
        padding: 0 20px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .searched-content-scrollable-wrapper {
        padding: 0 0 30px;
    }
}
.side-in-search-area .searched-content-scrollable-wrapper.searched-content-with-popular-product {
    /*max-height: calc(100% - 312px);*/
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .searched-content-scrollable-wrapper.searched-content-with-popular-product {
        /*max-height: calc(100% - 270px);*/
    }
}

/* Popular Search */
.side-in-search-area .popular-search {
    margin: 0 0 50px;
    /*padding: 0 40px;*/
}
@media only screen and (max-width: 1280px) {
    .side-in-search-area .popular-search {
        margin: 0 0 30px;
        /*padding: 0 30px;*/
    }
}
@media only screen and (max-width: 991px) {
    .side-in-search-area .popular-search {
        margin: 0 0 20px;
        /*padding: 0 20px;*/
    }
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .popular-search {
        /*padding: 0;*/
    }
}
.side-in-search-area .popular-search .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.side-in-search-area .popular-search h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin: 0 0 20px;
}
.side-in-search-area .popular-search span {
    padding: 4px 14px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
    border-radius: 25px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.side-in-search-area .popular-search span:hover {
    background: #eee;
    border-color: #bbb;
}

.side-in-search-area .no-results-wrap {}
.side-in-search-area .no-results-wrap h3 {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, .82);
    margin: 0 0 20px;
}
.side-in-search-area .no-results-wrap .no-results-content {
    text-align: center;
}

/* Product Grid */
.side-in-search-area .products {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*max-height: calc(100% - 122px);*/
}

.side-in-search-area .product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    /*height: calc(100% - 192px);*/
    /*overflow-y: auto;*/
    align-content: start;
    max-height: unset;
}

@media only screen and (max-width: 767px) {
    .side-in-search-area .product-grid {
        gap: 15px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.side-in-search-area .product-card {
    text-align: center;
    width: 100%;
    max-width: unset;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.side-in-search-area .product-card .img {
    margin: 0;
    display: inline-flex;
}

.side-in-search-area .product-card .img img {
    width: 100%;
    border-radius: 0;
    margin: 0;
}

.side-in-search-area .product-card .category {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #878787;
    margin: 0 0 9px;
}

.side-in-search-area .product-card .title {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000;
    text-decoration: none;
    margin: 0 0 9px;
}

.side-in-search-area .product-card .price {
    font-style: normal;
    font-weight: 390;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.06em;
    color: #000000;
    margin: 0 0 9px;
}

.side-in-search-area .colors {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.side-in-search-area .color {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: inline-flex;
    border: 1px solid #ccc;
}

/* Sample Colors */
.side-in-search-area .color.red {
    background: #E20000;
    border-color: #E20000;
}

.side-in-search-area .color.orange {
    background: #FE8201;
    border-color: #FE8201;
}

.side-in-search-area .color.brown {
    background: #A9683F;
    border-color: #A9683F;
}

.side-in-search-area .color.coffee {
    background: #6E2D2D;
    border-color: #6E2D2D;
}

.side-in-search-area .color.black {
    background: #000000;
    border-color: #000000;
}

.side-in-search-area .color.yellow {
    background: #FDD502;
    border-color: #FDD502
}

.side-in-search-area .color.grey {
    background: #322F21;
    border-color: #322F21
}

.side-in-search-area .color.white {
    background: #ffffff;
}

.side-in-search-area .view-all {
    margin: 20px 0 0;
}

.side-in-search-area .view-all a {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    text-decoration: none;
    padding: 13px 10px;
    display: block;
}

.side-in-search-area .view-all a:hover {
    background: #ffffff;
    color: #000000;
}
.side-in-search-area .searched-product-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
.side-in-search-area .searched-product-title-wrap .filter-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
}
.side-in-search-area .searched-product-title-wrap .see-all-result {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
}
.side-in-search-area .searched-product-title-wrap .see-all-result {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.19099 7.00705L0.999999 2.84493L2.47134 1.5L8 7.00707L2.47134 12.5L1 11.1551L5.19099 7.00705Z" fill="black" stroke="white"/></svg>');
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
    cursor: pointer;
}
.side-in-search-area .searched-product-title-wrap .see-all-result:hover {
    opacity: 0.8;
}

/* Search Header */
.quick-preview-search-input-box {
    padding: 0;
}

.quick-preview-search-input-box .search-box {
    position: relative;
    max-width: 345px;
    min-width: 345px;
}

@media only screen and (max-width: 767px) {
    .quick-preview-search-input-box .search-box {
        max-width: 100%;
        min-width: 100%;
    }
}

.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box {
    min-width: auto;
    max-width: unset;
    width: 26px;
    height: 26px;
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box .quick-preview-search-input-text {
    cursor: text;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .search-box {
        min-width: auto;
        max-width: unset;
        width: 26px;
        height: 26px;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .search-box {
        min-width: auto;
        max-width: unset;
        width: 26px;
        height: 26px;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .search-box {
        min-width: auto;
        max-width: unset;
        width: 26px;
        height: 26px;
    }
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box::after {
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    content: "";
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box.close .search-box::after {
    content: "";
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21.32L21 3.32001" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3.32001L21 21.32" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .search-box::after {
        display: inline-flex;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-position: center;
    }
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box.close .search-box::after {
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21.32L21 3.32001" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3.32001L21 21.32" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .search-box::after {
        display: inline-flex;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-position: center;
    }
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box.close .search-box::after {
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21.32L21 3.32001" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3.32001L21 21.32" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .search-box::after {
        display: inline-flex;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        cursor: pointer;
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20L15.8033 15.8033M18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5Z" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-position: center;
    }
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box.close .search-box::after {
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="24px" height="24px" viewBox="-0.5 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 21.32L21 3.32001" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3.32001L21 21.32" stroke="%23000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
}

.quick-preview-search-input-box .search-box input {
    outline: none;
    padding: 5px 50px 5px 47px;
    background: #F5F5F5;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.02em;
    color: #000000;
    border-radius: 100px;
    width: 100%;
    height: 46px;
    border: 1px solid transparent;
}
#webcommander-page.fee .quick-preview-search-input-box .search-box input {
    pointer-events: none;
}

.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box input,
.widget-search .quick-preview-search-input-text.custom-css-input-for-responsive-quick-view {
    margin: 0;
    min-width: auto;
    padding: 0;
    font-size: 0;
    color: transparent;
    background: transparent;
    border: none;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: default;
}
@media only screen and (max-width: 1200px) {
    .widget-search .quick-preview-search-input-text.custom-css-input-for-responsive-quick-view-max_1200 {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }

    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .search-box input {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .search-box input {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }

    .widget-search .quick-preview-search-input-text.custom-css-input-for-responsive-quick-view-max_991 {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .search-box input {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }

    .widget-search .quick-preview-search-input-text.custom-css-input-for-responsive-quick-view-max_767 {
        margin: 0;
        min-width: auto;
        padding: 0;
        font-size: 0;
        color: transparent;
        background: transparent;
        border: none;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        cursor: default;
    }
}

.quick-preview-search-input-box .search-box input::placeholder {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.06em;
    color: rgba(0, 0, 0, 0.5);
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box input::placeholder {
    font-size: 0;
    color: transparent;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .search-box input::placeholder {
        font-size: 0;
        color: transparent;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .search-box input::placeholder {
        font-size: 0;
        color: transparent;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .search-box input::placeholder {
        font-size: 0;
        color: transparent;
    }
}


input.search-text.quick-preview-search-input-text:focus {
    border: 1px solid #000000;
}
.quick-preview-search-input-box .search-icon {
    position: absolute;
    display: inline-flex;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    background: transparent;
    align-items: center;
}

.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box .search-icon {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .search-box .search-icon {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .search-box .search-icon {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .search-box .search-icon {
        display: none;
    }
}

.quick-preview-search-input-box .close-btn {
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    width: auto;
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .close-btn {
    opacity: 0;
    visibility: hidden;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-search-input-box .close-btn {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-search-input-box .close-btn {
        opacity: 0;
        visibility: hidden;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-search-input-box .close-btn {
        opacity: 0;
        visibility: hidden;
    }
}
.search-form.quick-preview-search-form {
    width: 879px;
    position: absolute;
    right: 0;
    top: 46px;
    background: #ffffff;
    z-index: 9999999;
}

@media only screen and (max-width: 1080px) {
    .search-form.quick-preview-search-form {
        max-width: calc(100vw - 80px);
    }
}
@media only screen and (max-width: 991px) {
    .search-form.quick-preview-search-form {
        position: fixed;
        right: 0;
        width: 100%;
        max-width: unset;
        top: 100px;
    }
}
.search-form.quick-preview-search-form:not(.empty-suggestions) {
    box-shadow: 0px 8px 10px 4px rgba(0, 0, 0, 0.1);
}

.search-form.quick-preview-search-form form {
    max-height: calc(100vh - 110px);
}

@media only screen and (max-width: 767px) {
    .search-form.quick-preview-search-form form {
        overflow-y: auto;
    }
}

.quick-preview-responsive-version.search-form.quick-preview-search-form form {
    max-height: calc(100vh - 120px);
    overflow: hidden;
}

.search-form.quick-preview-search-form .quick-preview-search-input-box {
    padding: 30px;
    display: none;
}
.responsive-quick-view-search-widget.responsive-global .search-form.quick-preview-search-form form .quick-preview-search-input-box {
    display: block;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        display: block;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        display: block;
    }
}
@media only screen and (max-width: 1080px) {
    .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        padding: 50px 20px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .search-form.quick-preview-search-form form .quick-preview-search-input-box {
        padding: 40px 15px 20px;
    }
}

.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box {
    width: 100%;
    max-width: unset;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    height: 40px;
}
.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box::after {
    display: none;
}
.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box .search-icon {
    left: 0;
    display: inline-flex !important;
}
.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box input {
    background: transparent;
    margin: 0;
    padding: 5px 22px 5px 32px;
    border: none;
    position: unset;
    font-size: 14px;
    color: #000000;
    height: 100%;
    cursor: auto;
}
.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box input::placeholder {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.06em;
    color: rgba(0, 0, 0, 0.5);
}
.search-form.quick-preview-search-form form .quick-preview-search-input-box .search-box .close-btn {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.quick-preview-search-wrap {
    max-width: 879px;
}
@media only screen and (max-width: 1080px) {
    .quick-preview-search-wrap {
        max-width: 100%;
    }
}

/* Main Layout */
.quick-preview-search-wrap .main-content {
    display: flex;
    padding: 30px;
    gap: 32px;
    width: 880px;
    max-width: 100%;
    max-height: calc(100vh - 140px);
    flex-direction: column;
    overflow-y: auto;
}

@media only screen and (max-width: 1080px) {
    .quick-preview-search-wrap .main-content {
        gap: 20px;
        padding: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .quick-preview-search-wrap .main-content {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .quick-preview-search-wrap .main-content {
        gap: 15px;
        padding: 15px;
    }
}

.quick-preview-responsive-version .quick-preview-search-wrap .main-content {
    max-height: calc(100vh - 120px);
}
.responsive-quick-view-search-widget.responsive-global .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
    max-height: calc(100vh - 240px);
    padding-top: 0;
}
@media only screen and (max-width: 1200px) {
    .responsive-quick-view-search-widget.responsive-max-1200 .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
        max-height: calc(100vh - 240px);
        padding-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .responsive-quick-view-search-widget.responsive-max-991 .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
        max-height: calc(100vh - 240px);
        padding-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-quick-view-search-widget.responsive-max-767 .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
        max-height: calc(100vh - 240px);
        padding-top: 0;
    }
}
.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap {
    text-align: center;
}
.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #000000;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-flex;
    width: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.quick-preview-responsive-version .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result:hover,
.quick-preview-search-form .quick-preview-search-wrap .main-content .see-all-result-wrap .see-all-result:hover {
    background: #000000;
    color: #ffffff;
}
.quick-preview-search-wrap .main-content .popular-search {}
.quick-preview-search-wrap .main-content .popular-search h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0 0 20px;
}
.quick-preview-search-wrap .main-content .popular-search .filter-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0 0 20px;
}
.quick-preview-search-wrap .main-content .popular-search .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.quick-preview-search-wrap .main-content .popular-search .tags span {
    padding: 4px 14px;
    border: 1px solid transparent;
    background: #F5F5F5;
    border-radius: 25px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.quick-preview-search-wrap .main-content .popular-search .tags span:hover {
    background: #ffffff;
    border-color: #000000;
}

/* Sidebar */
.quick-preview-search-wrap .main-content .sidebar {
    width: 220px;
}

@media only screen and (max-width: 991px) {
    .quick-preview-search-wrap .main-content .sidebar {
        width: 170px;
    }
}

.quick-preview-search-wrap .main-content .sidebar h3 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.92);
    margin: 0 0 20px;
}

.quick-preview-search-wrap .main-content .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-preview-search-wrap .main-content .sidebar li {
    margin: 0 0 10px;
}
.quick-preview-search-wrap .main-content .sidebar li::after,
.quick-preview-search-wrap .main-content .sidebar li::before
{
    display: none;
}

.quick-preview-search-wrap .main-content .sidebar li a {
    font-style: normal;
    font-weight: 390;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.82);
    text-decoration: none;
}

.quick-preview-search-wrap .main-content .sidebar li a:hover {
    color: #000000;
}

/* Products Section */
.quick-preview-search-wrap .main-content .products {
    flex: 1;
}

.quick-preview-search-wrap .main-content .products-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.quick-preview-search-wrap .main-content .products-header h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    margin: 0;
}

.quick-preview-search-wrap .main-content .products-header span {
    font-weight: 500;
    color: #000000;
    display: inline-flex;
    margin: 0;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.19099 7.00705L0.999999 2.84493L2.47134 1.5L8 7.00707L2.47134 12.5L1 11.1551L5.19099 7.00705Z" fill="black" stroke="white"/></svg>');
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
    cursor: pointer;
    height: 17px;
}
.quick-preview-search-wrap .main-content .products-header span:hover {
    opacity: 0.8;
}

.quick-preview-search-wrap .main-content .product-scroll {
    /* height: 550px; */
    /* max-height: calc(100vh - 326px); */
    /* overflow-y: auto; */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    overflow-y: unset;
    max-height: unset;
}

@media only screen and (max-width: 991px) {
    .quick-preview-search-wrap .main-content .product-scroll {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .quick-preview-search-wrap .main-content .product-scroll {
        /*overflow-y: unset;*/
        /*max-height: unset;*/
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
    }
}
@media only screen and (max-width: 575px) {
    .quick-preview-search-wrap .main-content .product-scroll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Product Item */
.quick-preview-search-wrap .main-content .product-item {
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: block;
    transition: all 0.2s ease;
    margin: 0;
}
.quick-preview-search-wrap .main-content .product-item:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.quick-preview-search-wrap .main-content .product-item .product-image-link {
    display: block;
    position: relative;
    overflow: hidden;
}
.quick-preview-search-wrap .main-content .product-item .product-image-link .tag-mark {
    position: absolute;
    top: 0;
    background: #f12323;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.quick-preview-search-wrap .main-content .product-item .product-image-link .tag-mark:nth-child(1) {
    left: 0;
}
.quick-preview-search-wrap .main-content .product-item .product-image-link .tag-mark:nth-child(2) {
    right: 0;
}
.quick-preview-search-wrap .main-content .product-item .product-image-link .tag-mark:nth-child(3) {
    left: 0;
    top: 30px;
}
.quick-preview-search-wrap .main-content .product-item .img {
    height: 180px;
}
.quick-preview-search-wrap .main-content .product-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.quick-preview-search-wrap .main-content .product-info {
    text-align: center;
    padding: 20px 15px;
}

.quick-preview-search-wrap .main-content .product-info .category {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #878787;
    margin: 0 0 9px;
}

.quick-preview-search-wrap .main-content .product-info .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #000000;
    margin: 0 0 9px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.quick-preview-search-wrap .main-content .product-info .title:hover {
    color: #008DF2;
}

.quick-preview-search-wrap .main-content .product-info .price {
    font-weight: 390;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.06em;
    color: #000000;
    margin: 0;
    padding: 0;
}

.quick-preview-search-wrap .main-content .colors {
    display: flex;
    gap: 10px;
}

.quick-preview-search-wrap .main-content .color {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: inline-flex;
}

.quick-preview-search-wrap .main-content .color.orange {
    background: orange;
}

.quick-preview-search-wrap .main-content .color.red {
    background: red;
}

/* See All Results */
.quick-preview-search-wrap .main-content .see-all {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #BDBDBD;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    .quick-preview-search-wrap .main-content .see-all {
        margin: 10px 0 0;
        padding: 20px 0 0;
    }
}

.quick-preview-search-wrap .main-content .see-all a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    color: #A68CF1;
    border: 1px solid #A68CF1;
    text-decoration: none;
    padding: 15px 43px;
    display: inline-flex;
}

.quick-preview-search-wrap .main-content .see-all a:hover {
    background: #9b59b6;
    color: #ffffff;
}

.quick-preview-search-wrap .loading-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 311px;
}

.quick-preview-search-wrap .loading-content .icon {
    display: inline-flex;
    animation: spin-clockwise 3s infinite linear;
}

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

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

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

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

.quick-preview-search-wrap .no-results-content {
    min-height: 311px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.quick-preview-search-wrap .no-results-content .searched-text{
    font-weight: 500;
}

.quick-preview-search-wrap .no-results-content .icon {
    display: inline-flex;
    margin: 0 0 34px;
}

.quick-preview-search-wrap .no-results-content .text {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.82);
    margin: 0;
}
.widget.widget-search .category-suggestion-container-wrapper.category-suggestion-for-quick-preview .filter-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.97);
    letter-spacing: 0;
}
.quick-preview-view .searched-product-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px;
}
.quick-preview-view .searched-product-title-wrap .filter-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    margin: 0;
}
.quick-preview-view .searched-product-title-wrap .see-all-result {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    background-image: url('data:image/svg+xml,<svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.19099 7.00705L0.999999 2.84493L2.47134 1.5L8 7.00707L2.47134 12.5L1 11.1551L5.19099 7.00705Z" fill="black" stroke="white"/></svg>');
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 14px;
    cursor: pointer;
}
.quick-preview-view .searched-product-title-wrap .see-all-result:hover {
    opacity: 0.8;
}
.search-form .quick-preview-view .blog-post .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px 20px;
}
@media only screen and (max-width: 991px) {
    .search-form .quick-preview-view .blog-post .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .search-form .quick-preview-view .blog-post .blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}
span.next-available-month.header-sub-title {
    font-size: 10px;
    color: #616263;
}





/* Row-based layout styles for front-end */
.fee-row-section-added-from-editor {
    display: flex !important;
    flex-wrap: wrap !important;
}
.fee-row-section-added-from-editor > .fee-widget-column {
    flex-shrink: 1;
    min-width: 0;
}


.entire-elastic-search {
    padding: 100px 30px;
}
.entire-elastic-search .search-result .product-view .content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px 20px;
}
.entire-elastic-search .search-result  .product-block {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
@media(max-width: 1200px) {
    .entire-elastic-search {
        padding: 80px 20px;
    }
}
@media(max-width: 1024px) {
    .entire-elastic-search .search-result .product-view .content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media(max-width: 767px) {
    .entire-elastic-search {
        padding: 60px 15px;
    }
    .entire-elastic-search .search-result .product-view .content {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.entire-elastic-search .search-result-page-search-input-box .search-box {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.entire-elastic-search .search-result-page-search-input-box .search-box .search-icon {
    padding: 0;
    background: #fff0;
    border: none;
    position: absolute;
    right: 0;
    top: 4px;
    width: auto;
    margin: 0;
}
.entire-elastic-search .search-result-page-search-input-box .search-box .search-text {
    width: 100%;
    border: 0;
    height: 39px;
    margin: 0;
    padding: 0 20px 15px 0;
    font-size: 15px;
    line-height: 100%;
    font-weight: 500;
    color: #000000;
}
.entire-elastic-search .search-result-page-search-input-box .search-box .search-result-page-close-btn {
    padding: 0;
    background: 0 0;
    border: none;
    position: absolute;
    right: 0;
    top: 4px;
    width: 14px;
    height: 17px;
    line-height: unset;
    margin: 0;
}
.entire-elastic-search .search-result {
    margin: 60px 0 0;
    padding: 0;
    border: none;
}
.entire-elastic-search .search-result .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.92);
    padding: 0;
    margin: 0 0 10px;
}
@media(max-width: 767px) {
    .entire-elastic-search .search-result .title {
        font-size: 24px;
        line-height: 28px;
    }
}
.entire-elastic-search .product-view .header {
    padding: 0;
    background: transparent;
    border: none;
    margin: 0 0 20px;
}
.entire-elastic-search .product-view .header .sortable {
    margin: 0;
    display: inline-flex;
}
.entire-elastic-search .product-view .header .product-sorting {
    display: inline-flex;
    border-color: rgba(0, 0, 0, 0.2);
    height: 36px;
    padding: 5px 16px 5px 5px;
}

.entire-elastic-search .product-view .footer {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
    padding: 30px 0 0;
    margin: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.entire-elastic-search .product-view .footer .pagination-literal-status {
    display: none;
}
.entire-elastic-search .product-view .footer .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    float: none;
}
.entire-elastic-search .product-view .footer .pagination span {
    color: #000000;
    padding: 0 5px;
    border: none;
    box-shadow: none;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 100%;
    min-height: 17px;
}
.entire-elastic-search .product-view .footer .pagination span.current {
    background: transparent;
    font-weight: 500;
}
.entire-elastic-search .product-view .footer .pagination span.disabled {
    color: rgba(0, 0, 0, 0.3);
    cursor: not-allowed;
}
.entire-elastic-search .product-view .footer .pagination span.first,
.entire-elastic-search .product-view .footer .pagination span.last {
    font-size: 0;
    min-width: 14px;
    background-position: center 4px;
    background-repeat: no-repeat;
}
.entire-elastic-search .product-view .footer .pagination span.first {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="9" viewBox="0 0 10 9"><path id="Path_1" data-name="Path 1" d="M6.482,5,10,1.239,9.31.5,5.109,5l4.2,4.5L10,8.761ZM1.373,5,4.891,1.239,4.2.5,0,5,4.2,9.5l.69-.739Z" transform="translate(0 -0.5)" fill="%231c1b1f"/></svg>');
}
.entire-elastic-search .product-view .footer .pagination span.last {
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.51811 5L0 1.23922L0.690135 0.5L4.89132 5L0.690135 9.5L0 8.76078L3.51811 5ZM8.62679 5L5.10868 1.23922L5.79881 0.5L10 5L5.79881 9.5L5.10868 8.76078L8.62679 5Z" fill="%231C1B1F"/></svg>');
}
.entire-elastic-search .blog-post .blog-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
@media only screen and (max-width: 1280px) {
    .entire-elastic-search .blog-post .blog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 991px) {
    .entire-elastic-search .blog-post .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .entire-elastic-search .blog-post .blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}
.entire-elastic-search .blog-post .blog-grid .blog-card {}
.entire-elastic-search .blog-post .blog-grid .blog-card .blog-image-link {
    display: block;
    margin: 0 0 18px;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .blog-image-link .img {
    height: 240px;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .blog-image-link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .name-column {
    margin: 0 0 10px;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .name-column .blog-name-link {
    display: inline-flex;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #000000;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .name-column .blog-name-link:hover {
    color: #008DF2;
}
.entire-elastic-search .blog-post .blog-grid .blog-card .blog-date {
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.06em;
    color: #000000;
}
.entire-elastic-search .page-section .page-grid {
    display: grid;
    gap: 30px;
}
.entire-elastic-search .page-section .page-grid .page-card {}
.entire-elastic-search .page-section .page-grid .page-card .name-column {
    margin: 0;
    line-height: 0;
}
.entire-elastic-search .page-section .page-grid .page-card .name-column .title-link {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #555555;
    display: inline-flex
}
.entire-elastic-search .page-section .page-grid .page-card .name-column .title-link:hover {
    color: #008DF2;
}
.entire-elastic-search .page-section .page-grid .page-card .page-description {
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
    line-height: 0;
}
.entire-elastic-search .page-section .page-grid .page-card .page-description .selected {
    font-weight: 700;
}
.entire-elastic-search .category-suggestion-container-wrapper .search-category-block-view-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
@media only screen and (max-width: 1080px) {
    .entire-elastic-search .category-suggestion-container-wrapper .search-category-block-view-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 991px) {
    .entire-elastic-search .category-suggestion-container-wrapper .search-category-block-view-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media only screen and (max-width: 767px) {
    .entire-elastic-search .category-suggestion-container-wrapper .search-category-block-view-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}
.entire-elastic-search .category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper {
    display: flex;
    flex-direction: column;
}

.category-suggestion-container-wrapper {
    margin: 0;
}
.category-suggestion-container-wrapper .search-category-block-view-container {}
.category-suggestion-container-wrapper .search-category-block-view {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    cursor: pointer;
}
.category-suggestion-container-wrapper .search-category-block-view:hover {
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.category-suggestion-container-wrapper .search-category-block-view .elastic-search-category-image {
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.category-suggestion-container-wrapper .search-category-block-view .elastic-search-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper {
    display: flex;
    flex-direction: column;
}
.category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper .elastic-search-category-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #000000;
    display: block;
    cursor: pointer;
}
.category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper .elastic-search-category-name:hover {
    color: #008DF2;
}
.category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper .elastic-search-category-product-size {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: rgba(0, 0, 0, 0.5);
}
.category-suggestion-container-wrapper .search-category-block-view .right-arrow-link {
    margin-left: auto;
    display: inline-flex;
    background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.875 5L0.9375 1.0625L2 0L7 5L2 10L0.9375 8.9375L4.875 5Z" fill="%231C1B1F"/></svg>');
    background-repeat: no-repeat;
    background-size: 6px 10px;
    background-position: center;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.category-suggestion-container-wrapper .search-category-block-view .right-arrow-link:hover {
    opacity: 0.8;
}
.category-suggestion-container-wrapper.category-suggestion-for-slide-in-view .search-category-block-view-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
@media only screen and (max-width: 767px) {
    .category-suggestion-container-wrapper.category-suggestion-for-slide-in-view .search-category-block-view-container {
        gap: 15px;
    }
}
@media only screen and (max-width: 575px) {
    .category-suggestion-container-wrapper.category-suggestion-for-slide-in-view .search-category-block-view-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.side-in-search-area .blog-post {
    margin: 32px 0 0;
}
.side-in-search-area .page-section {
    margin: 32px 0 0;
}
.side-in-search-area .see-all-result-wrap {
    margin: 32px 0 0;
}
.side-in-search-area .blog-post .blog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px 20px;
}
@media only screen and (max-width: 767px) {
    .side-in-search-area .blog-post .blog-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}
.side-in-search-area .see-all-result-wrap {
    text-align: center;
}
.side-in-search-area .see-all-result-wrap .see-all-result {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #000000;
    text-decoration: none;
    padding: 10px 30px;
    display: inline-flex;
    width: auto;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.side-in-search-area .see-all-result-wrap .see-all-result:hover {
    background: #000000;
    color: #ffffff;
}
/*Elastic Search End*/

.category-suggestion-container-wrapper.category-suggestion-for-quick-preview .search-category-block-view-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
@media only screen and (max-width: 767px) {
    .category-suggestion-container-wrapper.category-suggestion-for-quick-preview .search-category-block-view-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
    }
}
.search-form .blog-post .blog-grid .blog-card {}
.search-form .blog-post .blog-grid .blog-card .blog-image-link {
    display: block;
    margin: 0 0 18px;
}
.search-form .blog-post .blog-grid .blog-card .blog-image-link .img {
    height: 240px;
}
.search-form .blog-post .blog-grid .blog-card .blog-image-link .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.search-form .blog-post .blog-grid .blog-card .name-column {
    margin: 0 0 10px;
}
.search-form .blog-post .blog-grid .blog-card .name-column .blog-name-link {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #000000;
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
}
.search-form .blog-post .blog-grid .blog-card .name-column .blog-name-link:hover {
    color: #008DF2;
}
.search-form .blog-post .blog-grid .blog-card .blog-date {
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.06em;
    color: #000000;
}
.search-form .page-grid {
    display: grid;
    gap: 30px;
}
.search-form .page-card {}
.search-form .page-card .name-column {
    margin: 0 0 8px;
}
.search-form .page-card .name-column .title-link {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #555555;
    display: inline-flex;
    text-decoration: none;
}
.search-form .page-card .name-column .title-link:hover {
    color: #008DF2;
}
.search-form .page-card .page-description {
    color: rgba(0, 0, 0, 0.8);
    font-size: 13px;
}
.search-form .page-card .page-description .selected {
    font-weight: 700;
}
body.elastic-search-popup-open {
    /*overflow: hidden;*/
}

.body > .body-section > .widget-container {
    max-width: 100%;
}


.fee-widget-content .widget-spacer {
    display: block;
    width: 100%;
}


/*Testimonial Plugin Start*/
.testmonial-card-content {}
.testmonial-card-content.fee-testimonial-no-slide-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
@media(max-width: 1200px) {
    .testmonial-card-content.fee-testimonial-no-slide-content {
        gap: 20px;
    }
}
@media(max-width: 991px) {
    .testmonial-card-content.fee-testimonial-no-slide-content {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 767px) {
    .testmonial-card-content.fee-testimonial-no-slide-content {
        grid-template-columns: repeat(1, 1fr);
    }
}
.testmonial-card-content .testimonial-card-item {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 34px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 40px;
}
@media(max-width: 1200px) {
    .testmonial-card-content .testimonial-card-item {
        padding: 30px;
    }
}
@media(max-width: 1024px) {
    .testmonial-card-content .testimonial-card-item {
        padding: 20px;
    }
}
.testmonial-card-content .testimonial-card-item .rating-display-default-type {
    margin: 0 0 10px;
}
.testmonial-card-content .testimonial-card-item .rating-display-default-type .review-default-box {
    display: flex;
    gap: 9px;
}
.testmonial-card-content .testimonial-card-item .rating-display-default-type .review-default-box img {
    width: auto;
}
.testmonial-card-content .testimonial-card-item .rating-display-default-type .review-default-box span {
    background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 6.21484H10.8047L8.75 0L6.69531 6.21484H0L5.47656 10.0391L3.34375 16.2539L8.75 12.4023L14.1562 16.2539L12.0195 10.0391L17.5 6.21484Z" fill="%23FFA500"/></svg>');
    height: 16px;
    width: 17px;
    font-size: 0;
    background-size: 17px 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.testmonial-card-content .testimonial-card-item .testimonial-description {
    text-align: left;
    margin: 0 0 60px;
}
.testmonial-card-content .testimonial-card-item .testimonial-description .content {}
.testmonial-card-content .testimonial-card-item .testimonial-description .content p {
    font-size: 16px;
    line-height: 24px;
    color: #4F4F4F;
    margin: 0;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper {
    display: flex;
    gap: 20px;
    margin-top: auto;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-image {
    height: 48px;
    width: 48px;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-image .testimonial-card-list-view {
    height: 100%;
    width: 100%;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 100px;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-info-wrapper .blog-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    height: auto;
    width: auto;
    background: none;
}
.testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-info-wrapper .post-date {
    color: #4F4F4F;
    font-size: 14px;
    line-height: 20px;
}
.fee-testimonial-design-2 .testmonial-card-content .testimonial-card-item {
    text-align: center;
}
.fee-testimonial-design-2 .testmonial-card-content .testimonial-card-item .rating-display-default-type .review-default-box {
    display: flex;
    justify-content: center;
}
.fee-testimonial-design-2 .testmonial-card-content .testimonial-card-item .testimonial-description {
    text-align: center;
}
.fee-testimonial-design-2 .testmonial-card-content .testimonial-card-item .testimonial-content-wrapper {
    align-items: center;
    flex-direction: column;
}
.fee-testimonial-design-2 .testmonial-card-content .testimonial-card-item .testimonial-content-wrapper .testimonial-info-wrapper {
    align-items: center;
}

.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav > div,
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav > div:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    height: 32px;
    width: 32px;
    line-height: 35px;
    border-radius: 30px;
    font-size: 0;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -16px;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav > div::after {
    color: #333333;
    font-family: fontawesome;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    height: 20px;
    top: 4px;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav > div:hover::after {
    color: #000000;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 20px;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav .owl-prev::after {
    content: "\f104";
    left: 11px;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 20px;
}
.widget.widget-testimonial .owl-carousel .owl-controls .owl-nav .owl-next::after {
    content: "\f105";
    right: 10px;
}
/*.testimonial-owl-carousel.item-auto-height .owl-item {}*/
/*.item-auto-height .testmonial-card-content .testimonial-card-item {*/
/*    height: 100%;*/
/*}*/
.owl-carousel .owl-item > * {
    height: 100%;
}
/*Testimonial Plugin End*/
.widget-text a,
.widget-snippet a {
    text-decoration: underline;
    cursor: pointer;
}
/*Button Widget*/
.button-widget-element{
    display: inline-block;
}

/* ═══════════════════════════════════════════════════════════════════════════
 * Product Hover Animation Support
 * Prevents clipping when product blocks animate (lift/zoom effects)
 * ═══════════════════════════════════════════════════════════════════════════ */

/* Allow overflow for product widgets with hover animations */
.widget[data-product-animation] .product-content,
.widget[data-product-animation] .content.product-content,
.widget[data-product-animation] .content.scrollable,
.widget[data-product-animation] .product-view > .content {
    overflow: visible !important;
}

/* Ensure product blocks can float above siblings during animation */
.widget[data-product-animation] .product-block {
    position: relative;
    transition: z-index 0s;
}

/* Note: No padding needed for any product animations since overflow is visible */