@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
html,body{font-family:'SF Pro Display';color:#222725;font-size:16px;margin: 0;padding: 0;font-weight: 400;line-height: 1.4;}
body.menu-active:before {position: fixed;content: "";background: rgb(0 0 0 / 32%);top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
:root {
    --BorderRadius: 20px;
    --BorderRadiusHalf: 10px;
    --PrimaryClr: #4336C5;
    --OpacityBlueClr:  rgba(67, 54, 197, 0.9);
    --PrimaryClrHvr: #584bdd;
	--LightPurpleTxt:#9C93F3;
    --PrimaryLightClr: #9F9AD4;
    --WhiteBgClr: #fff;
    --LightPrimaryClr: #F5F2FB;
    --WhiteTextClr: #fff;
    --RedTextClr: #f00;
    --LightGrayTextClr: #9e9e9e;
    --PrimaryFont: 'Montserrat', sans-serif;
    --SecondaryFont: 'Roboto', sans-serif;
    --mtop: 60px;
    --mbottom: 70px;
    --TableBorder: #C9C9C9;
    --SectionMargin: 70px;
    --BoxShadow: 0px 4px 25px rgba(0, 0, 0, 0.1);
    --GrayBgLight: #F9F9F9;
    --RadiusShadowBg:#F8F8FF;
    --BlackTextClr: #000;
    --GrayBoderThumb:#F2F1FF;}
 
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Light.eot');
    src: url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Heavy.eot');
    src: url('../fonts/SFProText-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;}

/*Common*/
img{ max-width:100%;}
.text-center{text-align: center;}
.vcenter{align-items: center !important;}
.mauto{margin:0 auto 50px!important;}
a, .alink{color: var(--PrimaryClr);}
a,a:focus,a:visited,a:hover{ outline:none; text-decoration:none;transition: all linear .3s;-o-transition: all linear .3s;    -ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;color: var(--PrimaryClr);}
p, .para{margin-bottom:25px;line-height: 1.6;}

p:empty{display:none;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
h1{font-size: 40px;line-height: 1.1;margin-bottom: 15px;font-weight: 800;font-family: var(--PrimaryFont);text-transform: uppercase;}
h2{font-size: 30px;font-weight: 700; margin-bottom:20px;line-height:1.2;font-family: var(--SecondaryFont);color: var(--PrimaryClr);}
h3{font-size: 30px;font-weight: 700; margin-bottom:20px;line-height:1.2;font-family: var(--SecondaryFont);color: var(--PrimaryClr);}
h4{font-size: 24px;font-weight: 700; margin-bottom:20px;line-height:1.2;}
.mb6{margin-bottom: 60px;}
.mt6{margin-top: 60px;}
.mb2{margin-bottom: 20px !important;}
.mt2{margin-top: 20px !important;}
.picture-radius{border-radius: var(--BorderRadius);}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.lightgraybg{background-color: var(--LightPrimaryClr);}
.weight5{font-weight: 500;}
.weight6{font-weight: 600;}
.justify-center{justify-content: center !important;}

div.mage-error, .login-container .fieldset:after, 
.form-create-account .fieldset.create.account:after, .form.password.forget .fieldset:after {font-size: 16px;}
.remind {text-decoration: underline;}
.remind:hover {text-decoration: none;}
.captcha-reload {font-size: 13px;line-height: 40px;border-radius: 40px;}

.responsive-iframe {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
.responsive-iframe::before {padding-top: 40%;display: block;content: "";}
.responsive-iframe embed, .responsive-iframe iframe, .responsive-iframe object, .responsive-iframe video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}

input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"], textarea{font-family: var(--SecondaryFont);border-radius: 5px;height: 45px;border: 2px solid #e9ecef;}
._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{box-shadow: 0px 4px 4px -2px rgb(67 54 197 / 18%);border-color: var(--PrimaryClrHvr);}
.fieldset > .field > .label, .fieldset > .fields > .field > .label{font-weight: 400;font-size: 15px;color: #495057;}
.password-strength-meter {background-color:var(--LightPrimaryClr) ;font-size: 15px;}

.abs-account-title, .abs-account-blocks .block-title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .customer-review .review-details .title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title{border-color: var(--LightPrimaryClr);}

.fieldset > .legend {font-size: 20px;}
.fieldset > .legend span{font-size: 20px;font-weight: 500;}

.clear {clear: both;}
.pagewrap{width: 100%;float: left;margin: 0;padding: 0;overflow: hidden;}
.sitewrapper, .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main{max-width:1470px; margin:0 auto; clear:both;position: relative;padding: 0 15px;}
.sitewrapper::after {clear: both; content: ""; display: table; margin: 0; padding: 0;width: 100%;}
.btn, .action.primary, .action-primary, .buttons-set .button {min-width: 150px;font-weight: 700;font-size: 15px; background: var(--WhiteBgClr);color: var(--PrimaryClr);outline: none;border: solid 2px var(--WhiteBgClr); border-radius: 50px;display: inline-block;padding:0 25px;line-height: 45px;text-align: center;}
.btn:hover, .action.primary:hover, .action-primary:hover, .block-new-customer .action.create.primary {background: var(--WhiteTextClr);border-color: var(--PrimaryClrHvr);}

button, a.action.primary{border-radius: var(--BorderRadius);padding: 0 20px;}
button span, a.action.primary span {font-weight: 600;}
.action.primary:hover, .action-primary:hover{border-width: 2px;}
.disclist.fontauto{margin-bottom: 30px;}
.disclist.fontauto li::before{top: 4px;}
.disclist.fontauto li{font-size: 16px;margin-bottom: 10px;}

.mst_mv_detail .mst_info_title{font-size: 18px;font-family: var(--SecondaryFont);color: var(--PrimaryClr);}
.mst_mv_wrapper .fieldset {border: 0;margin: 0;}
.mst_content ol {margin: 20px 0 0 0;padding: 0 0 0 15px;}
.message.success {padding: 8px 20px 6px 40px;font-size: 16px;border-radius: 5px;}
.message.success > *:first-child:before{margin: -15px 0 0;}

.review-title{font-size: 18px;color: var(--PrimaryClr);}
.mst_info_title {text-transform: uppercase;font-size: 20px;font-weight: 700;color: #000 !important;margin-bottom: 15px;}
.review-author, .review-date {font-size: 14px;margin-right: 10px;}
.review-author .review-details-label {font-weight: 500;}
.review-control-vote label:before, .review-control-vote:before {font-size: 18px;line-height: 18px;}
.review-field-ratings h4 {margin-bottom: 15px;}
.review_field .control textarea {height: 110px;}
.box-reviews label {font-weight: 500;}

.largebtn{position: relative;min-width: 190px !important;line-height: 50px !important;font-size: 16px !important;font-weight: 700 !important;}
.largebtn::after{display: inline-block;vertical-align: middle;position: relative;left: 10px; background-image: url(../images/arrow1.svg);background-repeat: no-repeat;width: 27px;height: 10px;content: "";transition: all linear .3s;animation: animate 1s infinite;}
.largebtn:hover:after {transition: all linear .3s;left: 20px;}
.largebtn:hover{background-color: var(--WhiteBgClr) !important;border-color: var(--PrimaryClr);}

@keyframes animate {
0% {opacity: 1;left:10px;}
100% {opacity: 0.8;left: 20px;}
}


.mdbtn{min-width: 145px !important;font-weight: 700!important;line-height: 49px!important;}
.action.primary, .action-primary, .buttons-set .button{line-height: 49px !important;border-radius: 35px !important;padding: 0 20px;}
.action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active{border-width: 2px;border-color: var(--PrimaryClr);background-color: var(--PrimaryClr);}
.wishlistbtn{background: var(--PrimaryClr) url(../images/heart.png);background-repeat: no-repeat;background-position: center;display: inline-block;width: 52px;height: 52px;border-radius: 50%;vertical-align: middle;margin-left: 5px;border: solid 2px var(--PrimaryClr);}
.wishlistbtn:hover{background-color: var(--PrimaryClrHvr);}

.favorite-text {width: auto;border-radius: 35px;color: #fff;background-position: 25px;padding: 0 30px 0 60px;align-items: center;display: inline-flex;height: 49px;font-size: 16px;font-weight: 500;}
.favorite-text:hover, .favorite-text:focus{color: var(--WhiteTextClr) !important;}

.border-btn {line-height: 45px;min-width: 150px;font-weight: 700;border-color:var(--PrimaryClr);background-color: transparent;margin-top: 25px;}
.border-btn:hover{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);}
.subscribes .btn {line-height: 45px!important;width: 148px!important;font-weight: 800!important;}

.solidbtn{background-color: var(--PrimaryClr) !important;color: var(--WhiteTextClr);}
.solidbtn:hover{background-color: var(--WhiteBgClr)!important;color: var(--PrimaryClr)!important;}

.swiper-slide-inner {display: flex;align-items: center;background: #FFFFFF;height: 100%;}
.slidecontents{width: calc(100% - 60px);padding: 30px;box-shadow: var(--BoxShadow);text-align: center;height: 100%;border-radius: 15px;border: solid 1px transparent;background-color: var(--WhiteBgClr);}
.slidecontents p, .slidecontents .para {margin: 0;color: var(--LightGrayTextClr);}
.slidecontents h4 {font-weight: 700 !important;color: #222 !important;margin: 20px 0 10px 0 !important;transition: all linear .3s;}
.slidecontents:hover a h4, .swiper-slide:hover a h4 {color: var(--PrimaryClrHvr) !important;transition: all linear .3s;}
.swiper-slide a h4{transition: all linear .3s;font-size: 16px;}

.rightarrows{width: 40px;margin: 0 0 0 20px;}
.process-making .swiper-button-next, 
.process-making .swiper-button-prev{display: none;}
.scroll-top-space {margin-top: 50px;}

.brand-with-content .slidecontents{width: 100%;}
.gray-border-circle .overhide {width: 134px;border: solid 1px var(--LightGrayTextClr);overflow: hidden;height: 134px;border-radius: 50%;display: block;margin: auto;}
.brand-with-content .swiper-container {padding-right: 15px;}

.mst_mv_wrapper .seller-products .toolbar-products {position: static;}
.mst_mv_wrapper .seller-products .toolbar-products .modes, 
.seller-products .toolbar-products .toolbar-amount {display: none;}
.mst_mv_wrapper .seller-products ol.products {display: flex;flex-direction: row;flex-wrap: wrap;}
.mst_mv_wrapper .seller-products ol.products li.item {width: calc(25% - 90px);text-align: center;position: relative;}
.mst_mv_wrapper .seller-products ol.products li.item .product-item-info {border: solid 1px var(--LightPrimaryClr);}
.mst_mv_wrapper .seller-products ol.products li.item .product-item-inner {position: static;box-shadow: none;border: none;margin: 0;padding: 0;width: auto;height: auto;overflow: visible;}

.mst_mv_wrapper .seller-products ol.products li.item .actions-secondary {position: absolute;top: 30px;left: 0;right: 0;margin: auto;width: 80%;z-index: 2;display: flex;}
.mst_mv_wrapper .seller-products ol.products li.item .actions-secondary a {background: var(--PrimaryClr);color: #fff;border-radius: 50%;margin-right: 10px;}
.mst_mv_wrapper .seller-products ol.products li.item .actions-secondary a:hover {background: var(--PrimaryClr);}
.mst_mv_wrapper .seller-products ol.products li.item button.action {min-width: 140px;line-height: 35px !important;height: auto;background-color: var(--WhiteBgClr);border-color: var(--PrimaryClr);color: var(--PrimaryClr);padding: 0;}
.mst_mv_wrapper .seller-products ol.products li.item:hover button.action{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);}
.mst_mv_wrapper .seller-products .products-grid .product-item-info:hover, 
.mst_mv_wrapper .seller-products .products-grid .product-item-info.active{margin: 0;padding: 0;box-shadow: 1px 0px 4px 0 rgba(0, 0, 0, 0.3);}
.mst_mv_wrapper .seller-products ol.products li.item span.product-image-wrapper img {transition: all 0.4s ease-out;}
.mst_mv_wrapper .seller-products ol.products li.item:hover span.product-image-wrapper img {transition: all 0.4s ease-out;transform: scale(1.15);}

.mst_mv_wrapper .seller-products ol.products .product-item-link {font-size: 18px;font-weight: 500;color: #000;color: var(--PrimaryFont);}
.mst_mv_wrapper .seller-products ol.products li.item:hover .product-item-link{text-decoration: none;color: var(--PrimaryClr);}
.mst_mv_wrapper .seller-products ol.products li.item .reviews-actions {font-size: 14px;}
.mst_mv_wrapper .seller-products ol.products li.item .price-container .price {font-size: 18px;}
.mst_mv_wrapper .seller-products ol.products li.item .btnwrap{margin-bottom: 20px;}
.mst_mv_wrapper .seller-products ol.products li.item .btn {border-color: var(--PrimaryClr);line-height: 38px;}
.mst_mv_wrapper .seller-products ol.products li.item:hover .btn {border-color: var(--PrimaryClr);background-color: var(--PrimaryClr);color: var(--WhiteTextClr);}

.equalheight .rows {align-items: inherit !important;}
.equalheight .rows .columns-6 {display: flex;flex-direction: column;}
.equalheight .rows .columns-6 > div {display: flex;align-items: center;width: 100%;justify-content: center;text-align: center;flex-direction: column;}
.equalheight .rows .columns-6 .light-primary{padding: 50px;}
.equalheight .rows .columns-6 .subscribes {flex-direction: row;margin-top: 30px;}
.sources .columns-7 img {width:100%;}

.paddingboth .resp-tabs-container {padding: 0 50px;font-size: 20px;}

.listspace{padding:20px 0 20px 0;}
.disclist{margin: 0;padding: 0;list-style: none;}
.disclist li{position: relative;padding-left: 20px;font-size: 20px;}
.disclist li::before{content: "";background-color: var(--PrimaryClr);width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 0;    top: 10px;}
.inline-blocks li{display: inline-block;margin-right: 40px;min-width: 280px;margin-bottom: 20px;}
.light-primary{background-color: var(--LightPrimaryClr);border-radius: var(--BorderRadius);}
ul.pkgselect li{margin-bottom: 50px;font-size: 20px;}
ul.pkgselect li strong{display: block;font-size: 34px;color: var(--PrimaryClr);font-weight: 700;}

.custom-radio{width: 100%;padding:0;margin: 30px 0 0 0;}
.custom-radio h4 {margin: 0;font-size: 30px;}
.custom-radio [type="radio"]:not(:checked) + label h4{color:var(--PrimaryClr);}
.custom-radio [type="radio"]:checked + label h4 {color:var(--WhiteTextClr);position: relative;z-index: 1;}
.custom-radio h4 strong{display: block;font-size: 20px;font-weight: 500;}
.custom-radio ul li {width: calc(33.33% - 16px);margin: 0 8px;border: solid 1px var(--PrimaryClr);border-radius: 20px;}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label{position: relative;margin: 0;padding: 15px;line-height: normal;display: block;cursor: pointer;}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: -1px;top: -1px;width: 100%;height: 100%;border: none;border-radius:20px;background: transparent;}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {content: '';width: calc(100% + 2px);height: calc(100% + 2px);background: var(--PrimaryClr);position: absolute;top: -1px;left: -1px;bottom: 0;border-radius: 20px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.custom-radio [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.custom-radio [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
ul.radio-inlines {display: flex;align-items: center;}

/*Tabs*/
.resp-tabs-list li {display: inline-block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;transition: all linear .3s;}
.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}
.resp-tab-content {display: none;}
.resp-tab-active {border-bottom: none;}
.resp-tab-active {border-bottom: none;background-color: #fff;transition: all linear .3s;}
.resp-content-active,
.resp-accordion-active { display: block; }
h2.resp-accordion {border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}

h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1;border-right: none;background-color: #fff;position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;}
.resp-arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DBDBDB !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }

.tablewrap{border:1px solid var(--TableBorder);overflow: hidden;border-radius: var(--BorderRadiusHalf);}
table {width: 100%;border:none;border-collapse: collapse;}
table thead td, table thead th {border-bottom-width: 1px;}
table thead th {vertical-align: bottom;border-bottom: 1px solid var(--TableBorder);}
table td, table th {border: 1px solid var(--TableBorder);}
table td, table th {padding:8px;vertical-align: top;border-top: 1px solid var(--TableBorder);}
table td{text-align: center;}
table tbody th{text-align: left;}
.active{color: var(--PrimaryClr);}

/*Library*/
.rows{display: flex;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.rows>* {width: 100%;max-width: 100%;padding-right: 10px;padding-left: 10px;}
.blocks {flex: 1 0 0%;}
.blocks-1>* {flex: 0 0 auto;width: 100%;}
.blocks-2>* {flex: 0 0 auto;width: 50%;}
.blocks-3>* {flex: 0 0 auto;width: 33.3333333333%;}
.blocks-4>* {flex: 0 0 auto;width: 25%;}
.blocks-5>* {flex: 0 0 auto;width: 20%;}
.blocks-6>* {flex: 0 0 auto;width: 16.6666666667%;}

.columns-1 {flex: 0 0 auto;width: 8.33333333%;}
.columns-2 {flex: 0 0 auto;width: 16.66666667%;}
.columns-3 {flex: 0 0 auto;width: 25%;}
.columns-4 {flex: 0 0 auto;width: 33.33333333%;}
.columns-5 {flex: 0 0 auto;width: 41.66666667%;}
.columns-6 {flex: 0 0 auto;width: 50%;}
.columns-7 {flex: 0 0 auto;width: 58.33333333%;}
.columns-8 {flex: 0 0 auto;width: 66.66666667%;}
.columns-9 {flex: 0 0 auto;width: 75%;}
.columns-10 {flex: 0 0 auto;width: 83.33333333%;}
.columns-11 {flex: 0 0 auto;width: 91.66666667%;}
.columns-12 {flex: 0 0 auto;width: 100%;}

/*Primary Header*/
.siteheader{background-color: var(--PrimaryClr);color:var(--WhiteTextClr);position: relative;z-index: 3;min-height: 98px;display: flex;flex-direction: row;
flex-wrap: wrap;align-items: center;}
.siteheader .sitewrapper {position: static;width: 100%;}
.siteheader .logo {margin: 0;float: none;}
.siteheader .headerwrap {display: flex;align-items: center;justify-content: space-between;}
.siteheader .headermenu ul li, .siteheader .userlogin ul li {display: inline-block;vertical-align: middle;margin: 0 10px;}
.navbar ul li> a.signout{color: var(--PrimaryClr);}
.navbar ul li> a.signout:hover{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);border-color: var(--WhiteTextClr);}
.siteheader .userlogin ul li:last-child{margin-left: 30px;}
.siteheader .userlogin .signup, .siteheader .headerwrap .signout{color: var(--PrimaryClr);font-weight: 600;}
.siteheader .userlogin .signup:hover, .siteheader .headerwrap .signout:hover{background-color: transparent;border-color: var(--WhiteBgClr);color: var(--WhiteTextClr);}

.navbar .toggle-capsule ul {display: flex;align-items: center;border-radius: var(--BorderRadius);border: solid 1px var(--WhiteBgClr);overflow: hidden;width: 300px;}
.navbar .toggle-capsule ul li{text-align: center;width: 50%;}
.navbar .toggle-capsule ul li:first-child{border-right: solid 1px var(--WhiteBgClr);}
.navbar .toggle-capsule ul li a{padding: 8px 10px;display: block;font-weight: 500;}
.navbar .toggle-capsule ul li a.activelink{background-color: var(--WhiteBgClr);color: var(--PrimaryClr);}

.navbar{display: flex;align-items: center;justify-content: space-between;}
.menu-btn {position: relative;display:none;justify-content: center;align-items: center;width: 1.5rem;height: 1.5rem;cursor: pointer;z-index: 2;}
.navbar .menu-btn-lines::before,
.navbar .menu-btn-lines::after {content: "";position: absolute;}
.navbar .menu-btn-lines, 
.navbar .menu-btn-lines::before, 
.navbar .menu-btn-lines::after {width: 30px;height: 2px;background: #fff;transition: all 0.4s ease-in-out;}
.navbar .menu-btn-lines::before {transform: translateY(-0.5rem);}
.navbar .menu-btn-lines::after {transform: translateY(0.5rem);}
.navbar .menu-items {display: flex;align-items: center;}
.navbar ul li {list-style: none;transition: 0.3s ease;margin: 0;}
.navbar ul li .arrow {transition: all 0.3s ease-out;}
.navbar ul li a {text-decoration: none;}

/*Dropdown menu*/
.navbar .dropdown {position: relative;}
.navbar ul li> a{color: var(--WhiteTextClr);font-weight: 500;}
.navbar .headerwrap > ul > li > a {padding: 38px 15px;}
.expand-btn:after, .dropdown-menu .expand-btn:after {content: " ";color: #fff;background-image: url(../images/arrow-down-white.png);background-repeat: no-repeat;width: 12px;height: 7px;display: inline-flex;vertical-align: middle;margin-left: 10px;}
.dropdown-menu .expand-btn:after{background-image: url(../images/arrow-down-right.png);width: 7px;height: 12px;}
.navbar .dropdown-menu,
.menu-right {position: absolute;background:var(--WhiteBgClr);width: 190px;left: 0;opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 2;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);display: none;}
.navbar .menu-right {top: 0;left: 100%;}
.navbar .menu-left {left: -100%;}
.navbar .menu-item {display: flex;justify-content: space-between;width: 100%;padding:10px 15px;align-items: center;}
.navbar .dropdown .dropdown-menu a, .navbar .mega-menu a{color: var(--LightGrayTextClr);}
.navbar .dropdown .dropdown-menu a:hover, .navbar .mega-menu a:hover{color:var(--PrimaryClr);}
.navbar .dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;display: block;}
.navbar .dropdown-menu li, .navbar .mega-menu li {border-bottom: solid 1px var(--LightPrimaryClr);}
.navbar .dropdown-right:hover .menu-right {left: 100%;opacity: 1;visibility: visible;display: block;}
.navbar .dropdown-right:hover .menu-left {left: -100%;}

/*mega menu*/
.navbar .mega-menu {position: absolute;left: 0;width: 100%;opacity: 0;visibility: hidden;transition: all 0.4s ease-out 0s, visibility 0.1s linear 0s;z-index: 2;display: none;}
.navbar .mega-menu .content-menu a{display: inline-block;width: auto;font-weight: 400;}
.mega-menu .content-menu {background: var(--WhiteBgClr);padding: 1rem;width: 100%;box-shadow:0 5px 10px 0 rgb(0 0 0 / 5%);}
.mega-menu .content-menu .sitewrapper{display: grid;grid-template-columns: repeat(4, 1fr);gap: 1rem;width: 100%;justify-content: space-between;}
.menu-items li:hover .mega-menu {opacity: 1;visibility: visible;display: block;}

/* animation menu hamburger */
.menu-btn.open .menu-btn-lines {transform: translateX(1rem);background: transparent;}
.menu-btn.open .menu-btn-lines::before {transform: rotate(45deg) translate(-0.5rem, 0.5rem);background: #132f48;}
.menu-btn.open .menu-btn-lines::after {transform: rotate(-45deg) translate(-0.5rem, -0.5rem);background: #132f48;}

/*Secondary Header*/
.secondary-header {background-color:var(--LightPrimaryClr); padding:15px 0;}
.secondary-header ul, .secondary-header ul li a {display:flex; align-items:center; justify-content:center; font-weight:500;}
.secondary-header ul li {margin:0 25px;}
.secondary-header ul li a:hover {color:#000;}
.secondary-header ul li a img {margin-right:5px; max-width:22px;}


/*Hero*/
.herowrap {margin-top: 20px;}
.herowrap .hero {min-height: 310px;position: relative;background-color: var(--PrimaryClr); background-repeat: no-repeat;background-position: right top;border-radius: var(--BorderRadius);overflow: hidden;padding: 10px 50px;display: flex;align-items: center;background-size: cover;}
.herowrap .hero:before{content: "";position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; background:linear-gradient(89.66deg, var(--PrimaryClr) 25%, rgba(67, 54, 197, 0) 58%);left: 0;}
.herowrap .hero .hero-content {z-index: 1;position: relative;font-family: var(--FontMontserrat);color: var(--WhiteTextClr);max-width: 570px;}
.herowrap .hero .hero-content strong {display: block;margin-bottom: 15px;font-weight: 400;}

/*Marketplace*/
.marketplace{margin-top: var(--mtop);}
.marketplace h2{margin-bottom: 20px;}
.marketplace .swiper-container {padding: 80px 0 40px 0;}

.marketplace .blocks-relative .blocks{position: relative;}
.marketplace .blocks-content {position: absolute;top: 0;left: 0;width:100% /*calc(100% - 20px)*/;right: 0;margin: auto;background: var(--OpacityBlueClr);color: var(--WhiteTextClr);border-radius: var(--BorderRadius) var(--BorderRadius) 0px 0px;padding: 20px;text-align: center;z-index: 1;}
.marketplace .blocks-content p, .marketplace .blocks-content .para {margin-bottom: 15px;}
.marketplace .blocks-content .btn {min-width: 130px;line-height: 36px;font-weight: 400;}
.marketplace .blocks-thumb {margin-top: -103px;margin-bottom: 20px;}
.marketplace .blocks-content .btnwrap {margin: 0;text-align: center;position: static;}
.marketplace .blocks-content .blocks-title{margin:  0 0 5px 0;}
.marketplace .blocks-content .blocks-title h3 {color: #fff;font-size: 22px;margin:0;}
.marketplace .blockimg{overflow: hidden;border-radius: var(--BorderRadius);}
.marketplace .blockimg img {transition: all 0.4s ease-out;display: block;background-color: var(--PrimaryClr);border-radius: var(--BorderRadius);width: 100%;}
.marketplace .blockimg:hover img{transition: all 0.4s ease-out;transform: scale(1.15);}
.marketplace .custom-scrollbar .swiper-button-next, 
.marketplace .custom-scrollbar .swiper-button-prev {top: 0px;right: 20px !important;left: auto;margin: 0;transform: scale(0.7);}
.marketplace .custom-scrollbar .swiper-button-prev {right: 50px !important;}

/*Custom Tabs*/
.bigtab .resp-tabs-list{display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row;margin-top: 60px;}
.bigtab > .resp-tabs-list > li{background-color: var(--LightPrimaryClr);text-align: center;color: var(--PrimaryClr);padding: 30px;border-radius: var(--BorderRadius);width: calc(33.33% - 16px);position: relative;transition: none;}
.bigtab > .resp-tabs-list > li:hover .btn{background-color: var(--PrimaryClrHvr);color: var(--WhiteTextClr);}
.bigtab > .resp-tabs-list > li.resp-tab-active:hover .btn{background-color: var(--WhiteBgClr);color: var(--PrimaryClr);}
.bigtab h5{font-size: 18px;margin: 15px 0;}
.bigtab > .resp-tabs-list > li.resp-tab-active{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);}
.bigtab > .resp-tabs-list > li.resp-tab-active:before {content: "";width: 100%;background: var(--PrimaryClr);height: 70px;top: -50px;position: absolute;left: 0;right: 0;border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;}
.bigtab .ptext {max-width: 300px;margin: auto;}
.bigtab .resp-tab-active .btn{border-color: var(--WhiteTextClr);background-color: var(--WhiteBgClr);color: var(--PrimaryClr);font-weight: 700;}
.bigtab .resp-tab-active .icns {position: relative;top: -20px;}
.bigtab .resp-tab-active .icns img{filter: brightness(0) invert(1);}
.bigtab .btn, .action.primary:hover, .buttons-set .button, .box-reviews .buttons-set .button:hover {min-width: 130px;border-color: var(--PrimaryClr);background-color: transparent;line-height: 36px;font-weight: 400;transition: all linear .3s;}
.bigtab .btn:hover, .action.primary, .action-primary:hover, .buttons-set .button:hover, .box-reviews .buttons-set .button, .block-new-customer .action.create.primary:hover{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);transition: all linear .3s;}
.action.primary{min-width: 150px;}
.action.primary:hover, .box-reviews .buttons-set .button:hover, .block-new-customer .action.create.primary{color: var(--PrimaryClr);min-width: 150px;}
.bigtab .rows {align-items: center;}
.bigtab .resp-tab-content{padding: 50px 0 0;}
.bigtab .culumn-content {padding-left: 50px;font-size: 20px;}
.bigtab .tabchild .resp-tab-content{padding: 10px 0 0;}
.bigtab .tabchild .thintab .resp-tabs-list li{text-transform: none;}
.bigtab .tabchild .btnwrap {text-align: right;/*margin-bottom: 30px;*/}
.bigtab .tabchild .subscribes{margin-bottom: 30px}

.btn-success.ask-question, .btn-success.contact-me, 
.box-reviews .btn.button-large{color: var(--WhiteTextClr);background-color: var(--PrimaryClr);border-color: var(--PrimaryClr);}
.btn-success.ask-question:hover, .btn-success.contact-me:hover, .box-reviews .btn.button-large:hover{background-color: var(--WhiteBgClr);color: var(--PrimaryClr);}
.box-reviews .btn.button-large {padding: 0 15px;}
.box-reviews .btn.button-large:hover {color:var(--PrimaryClr) !important;}

/*Scrollbar*/
.custom-scrollbar .swiper-container {padding-bottom: 40px;}
.custom-scrollbar .swiper-scrollbar {background: var(--LightPrimaryClr);}
.custom-scrollbar .swiper-scrollbar-drag{background-color: var(--PrimaryClr);}
.custom-scrollbar .swiper-container-horizontal > .swiper-scrollbar {border-radius: 2px;height: 12px;width: calc(100% - 70px);bottom: 20px;left: auto;}
.custom-scrollbar .swiper-horizontal > .swiper-scrollbar {border-radius: 2px;height: 12px;width: calc(100% - 70px);bottom: 20px;left: auto;}
.slidecontents img {max-width: 134px;max-height: 134px;}
.custom-scrollbar h4 {text-align: center;font-weight: 400;color: #222222;margin: 20px 0;}
.custom-scrollbar .swiper-button-next, .custom-scrollbar .swiper-button-prev{top: calc(50% - 70px);}

.custom-scrollbar .btnwrap {margin: -20px 0 0 0;position: relative;bottom: -30px;text-align: right;}
.custom-scrollbar .btnwrap .btn-number {background-color: var(--PrimaryClr);color: var(--WhiteTextClr);border-radius: 50%;width: 40px;height: 40px;display: inline-block;line-height: 40px;text-align: center;}

.overhide {overflow: hidden;border-radius: var(--BorderRadius);}
.overhide img {transition: all 0.4s ease-out;}
.slidecontents:hover .overhide img, .swiper-slide:hover .overhide img {transition: all 0.4s ease-out;transform: scale(1.15);}


/*Thin Tabs*/
.thintab .resp-tabs-list {display: flex;justify-content: space-between;border-radius: var(--BorderRadiusHalf);overflow: hidden;border: solid 2px var(--PrimaryClr);margin-bottom: 20px;}
.thintab .resp-tabs-list li {width: 50%;text-align: center;background-color: var(--LightPrimaryClr);color: var(--PrimaryClr);font-weight: 700;text-transform: uppercase;font-size: 18px;font-family: var(--SecondaryFont);}
.thintab .resp-tabs-list li.resp-tab-active{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);}
.thintab .table thead th {border-top: 0;border-left: 0;text-align: center;}
.thintab .table thead th:last-child {border-right: 0;}
.thintab table tbody th {border-left: 0;border-bottom: 0;}
.thintab table td {border-right: 0;border-bottom: 0;}

/*Tea Making Process*/
.process-making .swiper-slide{height: auto;}
.process-making .swiper-container {padding-top: 20px;margin-top: -20px;padding-bottom: 70px;}
.process-making .custom-scrollbar .btnwrap {bottom: -60px;}
.process-making .swiper-slide-active  .slidecontents{border-color: var(--PrimaryClr);}

/*Origin*/
.origin-brand-list {display: flex;flex-wrap: wrap;flex-direction: row;padding: 0 10px; margin-top: -30px;position: relative;}
.origin-brand-list h4 {font-size: 20px;}
.origin-brand-list .slidecontents {height: auto;width: calc(16.66% - 20px);margin: 0 10px;padding: 15px;}

/*Video Popup*/
.videowraps .rows {max-width: 90%;margin: auto;}
.videowraps .vid1 {margin-bottom: 15px;}
.vidblock a {position: relative;display: block;}
.vidblock a .playicon {position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 40px;}
.fancybox-content{padding: 20px;width: 50%;margin: auto;}
.videoframe.responsive-iframe::before {padding-top: 50%;}
.videoframe .fancybox-button {background: var(--PrimaryClr);}
.videoframe .fancybox-button svg path {fill: white;}

/*Product Detail*/
.product-detail-banner {border-bottom: solid 10px #4f40cf;}
.product-detail-banner h1 {text-transform: none;}
.product-detail-banner:before {background: linear-gradient(89.66deg, #4336c500 25%, rgba(67, 54, 197, 0) 12%);}
.product-detail-banner .hero-content {font-size: 24px;font-weight: 700;}

.product-details-page {margin-top:60px;}
.product-details-page .product-detail-wrap {margin:0;}
.product-details-page .product-detail-wrap .columns-5 {padding-left:0; padding-right:50px;}
.product-details-page .prod-detail-img-block {text-align:center; padding:0; position:relative;}
.product-details-page .prod-detail-img-block img {width:100%;}
.product-details-page .prod-detail-img-block .btnwrap {position: absolute;top: 20px;right: 20px;z-index: 2;}
.product-details-page .prod-detail-img-block .productimg {max-width: 430px;}
.product-details-page .prod-detail-content-block {padding-left: 100px;}
.product-details-page .prod-detail-content-block h2 {color: #000;margin-bottom: 20px;}
.product-details-page .product-description .main-price {font-size: 24px;margin-bottom: 30px;display: flex;align-items:center;}
.product-description .main-price .priceLabel {font-size:20px; line-height:29px; font-weight:900; color:#000; margin-right:15px;}
.product-description .main-price .new-price {font-size:20px; line-height:29px; font-weight:900; color:var(--PrimaryClr);}
.product-details-page .product-description .main-price .old-price {color: var(--RedTextClr);margin-right: 10px;text-decoration: line-through;font-size: 18px;}
.product-details-page .product-justify ul{margin-bottom: 30px;}
.product-details-page .product-justify ul li, .product-details-page .pieces-block {flex-wrap: wrap;align-items: center;flex-direction: row;display: flex;margin-bottom: 15px;}
.product-details-page .product-justify ul li .prod-lable {width:50%; font-weight:700;}
.product-details-page .product-justify ul li .lable-detail {width:calc(100% - 50%); font-size:16px; line-height:19px; font-weight:600; color: var(--PrimaryClr);}
.product-details-page .wholesale-text {font-weight: 700;margin: 20px 0;}
.product-details-page .pieces-block {box-shadow: var(--BoxShadow);width: 320px;border-radius: 15px;padding: 20px 30px;justify-content: space-between;margin-bottom: 30px;}
.product-details-page .pieces-block .pieces-text{font-weight: 700;}
.product-details-page .pieces-block .price-text{color: var(--LightGrayTextClr);display: flex;align-items: center;}
.product-details-page .pieces-block .price-text .old-price {color: var(--RedTextClr);text-decoration: line-through;margin-right: 10px;}

.product-thumbs{margin-top: 10px;}
.product-thumbs .swiper-slide{border: solid 1px var(--LightGrayTextClr);padding: 10px;cursor: pointer;}
.product-thumbs .swiper-slide img {display: block;margin: auto;height: 100px;}
.product-thumbs .swiper-slide-active{border-color: var(--PrimaryClr);}

.description-content {margin-top: 30px;}
.description-content h4, .product-detail-ratings h4{color: var(--PrimaryClr);}
.description-list > ul{margin: 0;padding: 0;}
.description-list > ul > li {display: flex;align-items: start;margin-bottom: 15px;}
.description-list > ul > li .left-block {width: 60%;display: flex;position: relative;align-items: center;}
.description-list > ul > li .left-block h5{font-size: 16px;font-weight: 600;color:#000;background-color:#fff;position: relative;z-index:1;    padding-right: 15px;}
.description-list > ul > li .left-block::after{content: "";border-bottom: dashed 1px #A8A8A8;height: 2px;width: 97%;position: absolute;}
.description-list > ul > li .right-block{width:40%;}

.blk-text-wrap ul li{display: flex;flex-wrap: wrap;margin-bottom: 15px;justify-content: space-between;}
.blk-text-wrap ul li .inner-left-blk{width: 50%;}
.blk-text-wrap ul li .inner-right-blk{width: 50%;text-align: right;}
.blk-text-wrap ul li h5{font-size: 16px;font-weight: 600;color:#000;background-color:#fff;position: relative;z-index:1;    padding-right: 15px;}

.product-detail-ratings ul li{display: flex;align-items:flex-start;margin-bottom: 5px;}
.product-detail-ratings ul li:nth-child(even){margin-bottom: 20px;}
.product-detail-ratings ul li label{width: 100px;font-weight: 600;color: #000;}
.product-detail-ratings ul li .quewrap{width: calc(100% - 100px);}
.product-detail-ratings ul li .quewrap h4{font-weight:400; font-size:16px; color:var(--PrimaryClr); font-style:italic; margin:0;}
.product-detail-ratings ul li .para{margin-bottom:10px; color:#000;}
.product-detail-ratings .rating-block {padding-right:12%;}
.customer-product-reviews .customer-name-wrap .product-detail-ratings ul li .quedate, 
.product-detail-ratings ul li .quedate a{color: var(--LightGrayTextClr);}
.product-detail-ratings ul li .quedate a:hover{color: var(--PrimaryClrHvr);}

.customer-product-reviews h4{color: var(--PrimaryClr);}
.customer-product-reviews .swiper-slide {height: auto;}
.customer-product-reviews.swiper-slide-inner {display: flex;align-items: center;height: 100%;}
.customer-product-reviews .slidecontents {width: 100%;padding: 30px;text-align: left;box-shadow: none;height: 100%;border-radius: 15px;border: solid 1px transparent;background-color: var(--GrayBgLight);}
.customer-product-reviews .customer-name-wrap {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;margin-bottom: 20px;}
.customer-product-reviews .customer-name-wrap .customer-photo{width: 80px;height: 80px;border-radius: 50%;overflow: hidden;}
.customer-product-reviews .customer-name-wrap .customer-names{width: calc(100% - 80px);padding-left: 20px;}
.customer-product-reviews .customer-name-wrap h6{font-size: 20px;font-weight: 800;}
.customer-product-reviews .customer-name-wrap .customer-names p, 
.customer-product-reviews .customer-name-wrap .customer-names .para{margin-bottom: 0;}

.customer-product-reviews .custom-scrollbar .swiper-button-next, 
.customer-product-reviews .custom-scrollbar .swiper-button-prev {top: 0px;right: 20px !important;left: auto;margin: 0;transform: scale(0.7);}
.customer-product-reviews .custom-scrollbar .swiper-button-prev {right: 50px !important;}

.ratingwraps {display: flex;flex-direction: row;}
.ratingwraps .rating {display: flex;flex-direction: row-reverse;}
.ratingwraps .rating:not(:checked) > input {position: absolute;appearance: none;}
.ratingwraps .rating:not(:checked) > label {cursor: pointer;font-size: 22px;color: #F8A629;}
.ratingwraps .rating:not(:checked) > label:before {content: '★';}
.ratingwraps .rating > input:checked + label:hover,
.ratingwraps .rating > input:checked + label:hover ~ label,
.ratingwraps .rating > input:checked ~ label:hover,
.ratingwraps .rating > input:checked ~ label:hover ~ label,
.ratingwraps .rating > label:hover ~ input:checked ~ label {color: #F8A629;}
.ratingwraps .rating:not(:checked) > label:hover,
.ratingwraps .rating:not(:checked) > label:hover ~ label {color: #F8A629;}
.ratingwraps .rating > input:checked ~ label {color: #ffa723;}

.totalrating{background-color: var(--GrayBgLight);border-radius: 50px;padding: 15px 30px;display: flex;align-items: center;margin-bottom: 30px;}
.totalrating .ratingwraps .rating:not(:checked) > label{font-size: 34px;}
.totalrating .rating-out {margin-bottom: -3px;margin-left: 10px;}

.progressbars #progressbars {display: flex;flex-direction: row;flex-wrap: wrap;}
.progressbars .star-ratings-text{ position: absolute;left: -50px;line-height: 19px;}
.progressbars .cssProgress {width: 100%;margin-bottom: 20px;padding: 0 50px 0 50px;}
.progressbars .cssProgress .progress1{position: relative;width: 100%;}
.progressbars .cssProgress .progress-warning {background-color: #F8A629 !important;border-radius: 20px;line-height: 19px;}
.progressbars .progress1 {background-color: var(--GrayBgLight);border-radius: 20px;height: 19px;}
.progressbars .progress1 .cssProgress-bar {height: 18px;}
.progressbars .cssProgress-label {position: absolute;right: -40px;line-height: 19px;}


.related-products {margin-top:60px;}
.related-products .slidecontents .btnwrap{margin:15px 0 0 0;position:static;text-align:center;}
.related-products .slider .btnwrap .btn {color:var(--PrimaryClr);border-color: var(--PrimaryClr);background-color: transparent;width:auto;border-radius: 50px;height: auto;line-height:33px; padding:0 10px;}
.related-products .slider .btnwrap .btn:hover{background-color:var(--PrimaryClr);color:var(--WhiteTextClr);}
.related-products .proprice{color: var(--LightGrayTextClr);}
body.catalog-product-view .page-main-details {display:none;}

/*Login*/
h1.page-title {font-size: 30px;font-weight: 700;margin:30px 0 30px 0;padding-bottom: 15px;line-height: 1.2;font-family: var(--SecondaryFont);color:var(--PrimaryClr);border-bottom:solid 1px var(--LightPrimaryClr);display: block;width: 100%;}
.abs-login-block-title, 
.login-container .block .block-title {border-bottom: none;font-size:18px;margin-bottom: 0;padding-bottom: 10px;}

.login-container .block-customer-login{position: relative;}
.login-container .block-customer-login:before {background: var(--LightPrimaryClr);height: 50px;width: 50px;position: absolute;right: -24px;top: 42%;content: "or";text-transform: uppercase;border-radius: 50%;text-align: center;line-height: 50px;color: var(--PrimaryClr);font-weight: 700;z-index: 1;}
.login-container .block-customer-login:after {height: 100%;width: 2px;background: var(--LightPrimaryClr);content: "";position: absolute;top: 0;right: 0;}

/*Create Account*/
.form.create.account {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;width: 100%;}
.form.create.account .fieldset {width: 48%;margin: 0;}
.form.create.account .fieldset > .legend{border: none;}

/*Seller Dashboard*/
.herowrap.seller-banner-wrap .hero:before{background: linear-gradient(89.66deg, rgb(67 54 197 / 44%) 0, rgba(67, 54, 197, 0) 100%);}
.seller-header-wrap > .sitewrapper {padding: 0 50px;margin-top: -40px;}
.seller-banner {border-radius: 20px;margin: 0;}
.seller-header-wrap .seller-left, .seller-header-wrap .seller-right {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.seller-header-wrap .seller-left .seller-pictures {width: 145px;border: 5px solid var(--LightPrimaryClr);background: var(--WhiteBgClr);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);overflow: hidden;}
.seller-header-wrap .seller-left .seller-pictures a {overflow: hidden;border-radius: 50%; display: inline-block; width: 135px; height: 135px;}
.seller-header-wrap .seller-left .seller-pictures img{display: block;transition: all 0.4s ease-out;}
.seller-header-wrap .seller-left .seller-pictures:hover img{transition: all 0.4s ease-out;transform: scale(1.15);}
.seller-header-wrap .seller-left .seller-names {width: calc(100% - 145px);padding-left: 30px;}
.seller-header-wrap .seller-left h5 {font-size: 20px;margin-bottom: 5px;line-height: 1.2;}
.seller-header-wrap .seller-locations a, 
.seller-header-wrap .seller-repots a{color: var(--LightGrayTextClr);}
.seller-header-wrap .seller-locations a:hover, 
.seller-header-wrap .seller-repots a:hover{color: var(--PrimaryClr);}

.seller-header-wrap .seller-right {justify-content: flex-end;text-align: center;margin-top: 50px;}
.seller-header-wrap .seller-right strong {display: block;color: var(--PrimaryClr);font-size: 18px;}
.seller-header-wrap .seller-right > div {border-left: solid 1px var(--LightGrayTextClr);padding: 10px 15px;}
.seller-header-wrap .seller-right .seller-ratings {border-left:solid 1px #e1e1e1; padding:0px 15px;}
.seller-header-wrap .seller-right > div:last-child {padding-right: 0;}
.seller-header-wrap .seller-right > div:first-child{border-left: 0;}
.seller-header-wrap .seller-right ul {display: flex;justify-content: center;}
.seller-header-wrap .seller-right ul li{display: flex;justify-content: center;}
.seller-header-wrap .seller-right ul li {margin: 0 5px;}
.seller-header-wrap .seller-right ul li a {font-size:22px; line-height:1; padding:0 5px;}
.seller-header-wrap .seller-right .seller-social p {margin:5px 0 0; font-size:15px;}
.seller-header-wrap .seller-right .seller-ratings i {color: #ff5501;}

.seller-detailed .product.items .item.title .switch {background-color: var(--LightPrimaryClr);color: var(--PrimaryClr)!important;font-size: 16px;font-family: var(--SecondaryFont);border: solid 2px var(--PrimaryClr);border-radius: 5px 5px 0 0;height: auto;margin-right: 10px;}
.seller-detailed .product.items .item.title .switch:hover, 
.seller-detailed .product.items .item.title.active .switch {background-color: var(--PrimaryClr)!important;color: var(--WhiteTextClr)!important;    padding-bottom: 0 !important;}
.seller-detailed .product.data.items .item.content {border: none;padding: 30px;border-top: solid 2px var(--PrimaryClr);background-color: var(--LightPrimaryClr);margin-top: 44px;}

.review-list .block-title strong {font-size: 20px;margin: 40px 0 20px 0;display: block;padding: 0;font-weight: 700;text-transform: uppercase;}
.review-item {margin: 0;padding: 20px 0;background-color: #f2eef9;border-bottom: solid 1px #d4d0ff;}
.review-list .review-item {padding: 25px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;}
.review-list .review-item .review-content {width: calc(100% - 240px);}
.review-list .review-item .review-details {margin-top: 10px;}
.review-list .review-item .review-details p {margin: 0 0 5px 0;display: block;}
.review-list .review-item .review-title {display: flex;width: 100%;}
.review-list .review-item .review-ratings {float: none;}
.review-add h2 {font-size: 24px;text-transform: uppercase;}

.product-more-info {margin: 60px 0 0 0;}
.product-more-info .product.data .item.content{border: none;padding: 30px;border-top: solid 2px var(--PrimaryClr);background-color: var(--LightPrimaryClr);margin-top: 44px;}
.product-more-info .product.data .item.content td {text-align: left;}
.product-more-info .product.data .item.title .switch{background-color: var(--LightPrimaryClr);color: var(--PrimaryClr)!important;font-size: 16px;font-family: var(--SecondaryFont);border: solid 2px var(--PrimaryClr);border-radius: 5px 5px 0 0;height: auto;margin-right: 10px;}
.product-more-info .product.data .item.title.active .switch, 
.product-more-info .product.data .item.title .switch:hover{background-color: var(--PrimaryClr)!important;color: var(--WhiteTextClr)!important;padding-bottom: 0 !important;}


/*Brand LP*/
.brand-user-slider .brands-slider .swiper-slide {border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;overflow: hidden;}
.brand-user-slider .brands-slider .swiper-slide img {display: block;}
.brand-user-slider .brands-thumbs {max-width: 820px;margin: 0;display: flex;float: right;margin-top: -35px;margin-right: 30px;}
.brand-user-slider .brands-thumbs img{border-radius: 10px;overflow: hidden;border: solid 1px var(--WhiteBgClr);}

.brand-user-slider .swiper-button-prev, 
.brand-user-slider .swiper-button-next{background-color: #fff;width: 40px;height: 40px;border-radius: 50%;background-size: 10px;}

.brand-bio {display: flex;align-items: center;margin-top: -30px;position: relative;z-index: 1;margin-left: 30px;}
.brand-bio .brand-pic {width: 130px;height: 130px;margin-right: 20px;border-radius: 50%;border: solid 1px #ccc;overflow: hidden;}
.brand-bio .brand-pic a{overflow: hidden;display: block;transition: all 0.4s ease-out;}
.brand-bio .brand-pic img {transition: all 0.4s ease-out;}
.brand-bio .brand-pic a:hover img{transition: all 0.4s ease-out;transform: scale(1.15);}

.brand-bio .btnwrap {position: absolute;right: 30px;}
.brand-bio .btnwrap .wishlistbtn {background-image: url(../images/heart-h.png);background-color: transparent;border-color: var(--LightPrimaryClr);}
.brand-bio .btnwrap .wishlistbtn:hover{background-color:var(--LightPrimaryClr);}

.brand-bio .brand-bio-name.without-brand-pic {margin: 30px 0 0 0;}
.brand-bio .brand-bio-name.without-brand-pic h2{margin: 0;font-size: 24px;}
.brand-bio .brand-bio-name.without-brand-pic p{margin: 0;}

.brand-bio .brand-bio-name{margin-left: 20px;color: var(--LightGrayTextClr);}
.brand-bio .brand-bio-name a{color: #222;font-size: 22px;font-weight: 700;}
.brand-bio .brand-bio-name a:hover{color: var(--PrimaryClrHvr);}

.proprieter {display: flex;align-items: flex-start;}
.proprieter h6 {padding-left: 10px;}
.proprieter strong {font-weight: 400;display: block;color: #B1AECF;}

.contact-desc{margin:30px 0 25px;}
.contact-desc ul {display: flex;align-items: center;}
.contact-desc ul li{display: flex;align-items: center;margin-right: 15px;}
.contact-desc ul li h6{font-size: 14px;font-weight: 400;color: #222;margin-left: 5px;}

.facility{margin-bottom: 50px;}
.facility ul {display: flex;align-items: center;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.facility ul li{text-align: center;}
.facility ul li .icns{width: 76px;height: 76px;border-radius: 50%;background-color: var(--PrimaryClr);color: var(--WhiteTextClr);display: flex;
align-items: center;justify-content: center;}
.facility ul li h6 {color: #9E9E9E;margin-top: 10px;font-size: 16px;font-weight: 400;}

.storesdata{border: solid 2px var(--LightPrimaryClr);border-radius: var(--BorderRadius);overflow: hidden;}
.storesdata h4{margin: 0;font-size: 18px;font-weight: 700;padding: 20px 15px;}
.storesdata > ul > li{border-top: solid 2px var(--LightPrimaryClr);padding:0px;display: flex;align-items: center;font-size: 16px;margin: 0;}
.storesdata ul li label{width: calc(100% - 100px);}
.storesdata ul li h5{border-left: solid 2px var(--LightPrimaryClr);width: 100px;font-size: 16px;font-weight: 700;}
.storesdata ul li label, .storesdata ul li h5{padding: 15px 15px;}
.storesdata ul li h5{text-align: center;}

.storesdata > ul > li.dropli {display: block;}
.storesdata > ul > li.dropli .dtadropdown{display: flex;align-items: center;}
.storesdata > ul > li.dropli .dtadropdown label{background-image: url(../images/arrow-top.png);background-repeat: no-repeat;background-position: 96% 27px;cursor: pointer;}
.storesdata > ul > li.dropli.currentli .dtadropdown label{background-image: url(../images/arrow-down.png);}
.storesdata > ul > li.dropli ul{width: 100%;}
.storesdata > ul > li.dropli ul li {display: flex;margin: 0;}
.storesdata > ul > li.dropli ul li label, .storesdata > ul > li.dropli ul li h5{padding: 5px 15px;}
.storesdata .droplist {display: none;}
.storesdata .dropli.currentli .droplist {display: block;}

.store-data-sec {margin-top: 70px !important;}
.store-data-sec .stores-contents {padding-left: 30px;}
.store-data-sec .stores-contents .para {margin-bottom: 15px;}

.stores-all{margin-bottom: 20px;margin-top: -80px;}
.stores-all ul {display: flex;align-items: center;justify-content: space-between;}
.stores-all ul li{display: inline-flex;align-items: center;}
.stores-all ul li a{display: inline-flex;align-items: center;border-radius: var(--BorderRadius);line-height: normal;padding: 10px 10px;color: var(--LightGrayTextClr);font-weight: 400;}
.stores-all ul li a.active-location {background-color: var(--LightPrimaryClr);color: var(--PrimaryClr);text-decoration: underline;}
.stores-all ul li a.active-location:hover {text-decoration: none;}
.stores-all ul li a:hover {color: var(--PrimaryClr);}
.stores-all ul li a h6{font-size: 16px;margin-left: 5px;font-weight: 400;}
.stores-all ul li a.active-location h6{font-weight: 600;}

.storeswrap .responsive-iframe{border-radius: var(--BorderRadius);}
.storeswrap .responsive-iframe::before {padding-top: 92%;}
.storeswrap .radius-iframe {background-image:repeating-linear-gradient(-24deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(66deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(156deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(246deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px);   background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat;border-radius: var(--BorderRadius);padding: 20px;}

.tabwrap5 .tab5 > .resp-tabs-list > li {width: calc(20% - 16px);padding: 30px 15px;}
.tabwrap5 .tab5 > .resp-tabs-list > li .ptext{margin: 0 0 20px;}

.tabchildwrap3 .thintab .resp-tabs-list li,
.tabchildwrap4 .thintab .resp-tabs-list li, 
.tabchildwrap5 .thintab .resp-tabs-list li{border-right: solid 2px var(--PrimaryClr);}
.tabchildwrap4 .thintab .resp-tabs-list li {width: 25%;}
.tabchildwrap3 .thintab .resp-tabs-list li:last-child, 
.tabchildwrap4 .thintab .resp-tabs-list li:last-child, 
.tabchildwrap5 .thintab .resp-tabs-list li:last-child {border-right: 0;}
.tabchildwrap5 .thintab .resp-tabs-list li {width: 20%;}
.tabchildwrap3 .thintab .resp-tabs-list li {width:33.3333%;}

.valign {padding: 35px;}
.valign ul.radio-inlines {flex-direction: column;justify-content: center;}
.valign .custom-radio ul li {width: 100%;margin: 15px 0;border: none;border-radius: 0;display: flex;align-items: center;}
.valign .custom-radio ul li .radlbl {display: block;font-size: 30px;color: var(--PrimaryClr);font-weight: 700;width: calc(100% - 168px);padding-right: 30px;text-align: center;}
.valign .custom-radio ul li .rdbtn{border: solid 1px var(--PrimaryClr);border-radius: 20px;width: 168px;text-align: center;}

.usship .valign .custom-radio ul li {flex-direction: column;}
.usship .valign .custom-radio ul li .radlbl {width: 100%;padding: 0;margin-bottom: 30px;}
.sectionbg{padding: 60px 0;}

.category-slides{padding: 30px 0 0;margin-top: 0;}
.category-slides .custom-scrollbar .swiper-button-next, 
.category-slides .custom-scrollbar .swiper-button-prev {top: 0px;right: 20px !important;left: auto;margin: 0;transform: scale(0.7);}
.category-slides .custom-scrollbar .swiper-button-prev {right: 50px !important;}
.category-slides .custom-scrollbar .swiper-container {padding-top: 50px;}
.category-slides .btnwrap{display: none;}
.category-slides .custom-scrollbar .swiper-container-horizontal > .swiper-scrollbar{width: 100%;}
.catslide {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100% !important;}
.catslide .columns{width: 50%;}
.catslide .columns:last-child img {width: 100%;}
.catslide .columns.fullw{width: 100%;}
.catslide .columns .culumn-content {padding-right: 50px;}
.catslide .columns .culumn-content h3{font-size: 20px;margin-bottom: 10px;}
.catslide .disclist li{font-size: 16px;}

/*Copyright*/
.copyright {background-color: #343a40;padding: 20px 0;font-size: 16px;display: block;margin-top: 50px;}

/*New data section*/
.data-sources {padding: 15px 0;}
.data-sources .shadowbox {height: 100%;padding: 30px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 24px;color: var(--PrimaryClr);font-weight: 700;}
.data-sources .shadowbox.lfont{font-size: 34px;}
.shadowbox{background: var(--WhiteBgClr);box-shadow: var(--BoxShadow);border-radius:var(--BorderRadius);}

/*Brand Services Section*/
.home-brand-services{margin: 80px 0 0 0;}
.home-brand-services-inner {box-shadow: 0px -4px 1px -2px rgb(0 0 0 / 5%);}
.home-brand-services-inner .inc-shape{background-color: var(--PrimaryClr);color: var(--WhiteTextClr);width: 321px;
margin: auto;text-align: center;padding: 4px;border-radius: 0 0 50px 50px;}
.home-brand-services-inner .bagimg {margin-top: -210px;}
.home-brand-services-inner .corp-pkg-blk{padding: 50px 0 10px;}
.home-brand-services-inner .corp-pkg-blk .tickwrap {padding: 0 50px;}

.light-text {color: var(--PrimaryLightClr); }
.dark-text{color: var(--PrimaryClr);}
.green-check-mark{margin: 0;padding: 0;list-style: none;color: var(--PrimaryClr);}
.green-check-mark li{position: relative;padding-left: 35px;margin-bottom: 15px;}
.green-check-mark li:before{position: absolute;left: 0;content: "";background-image:url(../images/green-check-mark.svg);background-repeat: no-repeat;width: 24px;height: 24px;}

.brand-services-radius-shadow {background-color: var(--RadiusShadowBg);border-radius: 100px 100px 0 0;padding: 0;position: relative;    box-shadow: inset 0px 17px 14px -1px rgb(0 0 0 / 8%);overflow: hidden;}
.brand-services-radius-shadow:before {box-shadow: inset 0px 4px 7px -1px rgb(0 0 0 / 11%);position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 10px;content: "";z-index: 1;border-radius: 100px 100px 0 0;}

ul.home-new-services-active {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;color: #fff;text-align: center;padding: 0 50px 40px 50px;}
ul.home-new-services-active li {background: #fff;margin: 0 10px;border-radius: 0 0 20px 20px;width: calc(100% / 6 - 20px);color: var(--PrimaryClr);box-shadow: 0px 7px 25px 0px rgb(0 0 0 / 11%);}
ul.home-new-services-active li.resp-tab-active{background-color: var(--PrimaryClr);}
ul.home-new-services-active li.resp-tab-active h5{color: #fff;}
ul.home-new-services-active li.resp-tab-active img{filter: brightness(0) invert(1);}
ul.home-new-services-active li h5{font-weight: 400;font-size: 18px;}

.short-disc{font-size: 24px;max-width: 700px;margin:0px auto 30px;text-align: center;}
.short-disc p{line-height: 30px;}
.home-new-services .resp-tabs-container{background-color: transparent;}
.home-new-services .whitebox {background: #fff;border-radius: 15px;padding: 24px 24px 90px 24px;position: relative;height: 100%;margin: 5px;box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 9%);border-top: solid 10px;border-bottom: solid 10px transparent;transition: all linear .3s;}
.home-new-services .whitebox h3{font-weight: 600;font-size: 48px;}
.home-new-services .whitebox h3 span{color: #B1AECF;font-size: 24px;font-weight: 600;}
.home-new-services .whitebox .dark-text{font-size: 20px;}
.home-new-services .whitebox .service-block-titles{font-size: 24px;font-weight: 500;}
.home-new-services .whitebox ul li{color: var(--PrimaryLightClr);}
.home-new-services .whitebox .btnwrap {position: absolute;bottom: 25px;width: calc(100% - 36px);left: 0;right: 0;margin: auto;}
.home-new-services .whitebox .btn {width: 100%;border-color: var(--PrimaryClr);background-color: transparent;border-width: 1px;}
.home-new-services .whitebox .btn:hover {background-color: var(--PrimaryClr);color: #fff;}
.border-color1{border-top-color: #1DE931!important;}
.border-color2{border-top-color: #18B9EC!important;}
.border-color3{border-top-color: #EC18D7!important;}
.border-color4{border-top-color: #18EC86!important;}
.home-new-services .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.home-new-services .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.home-new-services .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.home-new-services .whitebox.border-color4:hover{transition: all linear .3s;border-bottom-color: #18EC86!important;}
.home-new-services .whitebox:hover .btn{background-color: var(--PrimaryClr);color: #fff;}

.pkg-contact-form .btnwrap {max-width: 640px;text-align: center;background: #fff;border-radius: 300px 300px 0 0;padding:40px 80px 20px;margin: 80px auto 0;box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);position: relative;}
.pkg-contact-form .btnwrap .pkg-text {position: absolute;background: #fff;border-radius: 50px;line-height: 1.5;text-align: center;padding: 10px 30px;box-shadow: 4px -1px 11px 0px rgb(0 0 0 / 16%);left: 0;max-width: 230px;right: 0;margin: auto;color: var(--PrimaryClr);font-weight: 600;top: 27px;}
.pkg-contact-form .btnwrap .pkg-text .light-text{font-weight: 400;}
.pkg-contact-form .btn {width: 100%;border-color: var(--PrimaryClr);background-color: var(--PrimaryClr);color: #fff;margin-top: 20px;max-width: 400px;}
.pkg-contact-form .btn:hover {color: #fff;background-color: var(--PrimaryClrHvr);}

.formarea {max-width: 1200px;margin: auto;box-shadow: 0px 15px 17px 2px rgb(0 0 0 / 9%);padding: 50px;border-radius: 50px;}
.formarea h3{margin: 0;}
.formarea .mike {text-align: right;}
.formarea .mike img {width: 40px;height: 40px;border-radius: 50%;box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 9%);padding: 10px;}
.formarea .formgroups {display: flex;justify-content: space-between;}
.formarea .formgroups .form-input {width: 49%;position: relative;display: block;margin-bottom: 20px;}
.formarea  .form-input {width: 100%;position: relative;}
.formarea .form-input input, .formarea .form-input textarea, .formarea .form-input select{width: 100%;height: 56px;padding: 10px 15px;border: solid;border-width: 0 0 1px 0;border-radius: 0;background: #F8F8FF;border-color: #9F9F9F;color: #B1AECF;font-size: 16px;resize: none;}
.formarea .form-input input::-webkit-input-placeholder {color: #B1AECF;}
.formarea .form-input .inputs:-ms-input-placeholder {color: #B1AECF;}
.formarea .form-input .inputs::placeholder {color: #B1AECF;}
.formarea .form-input textarea{min-height: 180px;display: block;}
.formarea .form-input .inputs ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: var(--PrimaryClr); transition: 0.4s;}
.formarea .form-input .inputs:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.formarea .formgroups.btns {display: flex;justify-content: flex-end;margin-top: 30px;}
.formarea .formgroups.btns .sendbtn{border-color: var(--PrimaryClr);background-color: var(--PrimaryClr);color: #fff;max-width: 400px;margin-left: 15px;}
.formarea .formgroups.btns .sendbtn:hover {color: #fff;background-color: var(--PrimaryClrHvr);}
.pkg-form-show{max-height: 0;transition: max-height 0.5s ease-out;overflow: hidden;}
.pkg-form-show.showform{ max-height: 1000px; transition: max-height 0.5s ease-in; padding-bottom: 30px;}

.campaign-icons{margin: 30px 0 0 0;padding: 0;}
.campaign-icons > li {display: flex;align-items: start;margin-bottom: 20px;position: relative;}
.campaign-icons > li::after {content: "";border-bottom: dashed 1px #A8A8A8;height: 2px;width: 80%;position: absolute;top: 14px;left: 0;right: 0;margin: auto;}
.campaign-icons > li .left-block {width: 60%;display: flex;position: relative;align-items: center;padding-left:26px;}
.campaign-icons > li .left-block img {width: 20px;position: absolute;left: 0;height: 30px;z-index: 2;background: #fff;top: -8px;}
.campaign-icons > li .left-block h5{background-color:#fff;position: relative;z-index:1;  font-size: 14px;font-weight: 400;color: #9F9AD4;padding: 0px 10px 7px 0;}
.campaign-icons > li .right-block{width:40%;text-align: right;}
.campaign-icons > li .right-block .textblk {display: inline-flex;justify-content: flex-end;background: #ffffff;position: relative;z-index: 1;padding: 0px 0px 7px 10px;top: -2px;color: var(--PrimaryClr);}
.campaign-icons > li .right-block .textblk span{color: #9F9AD4;}
.short-disc.mb2k{max-width: 830px;}

.shipblk {max-width: 1000px;margin: 30px auto 50px;}
.shipblk .circles {margin: auto;width: 200px;height: 200px;align-items: center;display: flex;overflow: hidden;border-radius: 50%;}
.shipblk .circles img{display: block;transition: all 0.4s ease-out;}
.shipblk .circles:hover img{transition: all 0.4s ease-out;transform: scale(1.15);}
.shipblk .para {font-size: 24px;line-height: 30px;}
.shipblk .title-two-col {display: flex;align-items: center;justify-content: space-between;}

.grids .shadowbox {color: #9F9AD4;overflow: hidden;border-radius: 20px;font-size: 14px;margin: 0 4px;display: flex;flex-direction: column;height: 100%;transition: all 0.4s ease-out;}
.grids .shadowbox:hover{transition: all linear .3s;transform: scale(1.1);max-width: 100%;transition: 0.5s ease all;transition: all 0.4s ease-out;}
.grids .shadowbox .pictures {overflow: hidden;}
.grids .shadowbox .pictures img{display: block;transition: all 0.4s ease-out;}
.grids .shadowbox:hover img{transition: all 0.4s ease-out;transform: scale(1.15);}
.grids .shadowbox h4{font-size: 20px;font-weight: 400;color: var(--PrimaryClr);margin-bottom: 13px;text-align: center;}
.grids .shadowbox p{margin: 0;}
.grids .shadowbox .pictures-content{padding: 28px;}
ul.dotlist {list-style: disc;}

@media screen and (max-width: 992px) {
  .navbar {padding: 10px 20px;}
  .navbar .headerwrap > ul > li{border-bottom: solid 1px var(--LightPrimaryClr);}
  .navbar .headerwrap > ul > li > a {color: var(--LightGrayTextClr);padding: 15px 15px;}
  .navbar .headerwrap > ul > li > a:hover{color: var(--PrimaryClrHvr);}
  .expand-btn:after, .dropdown-menu .expand-btn:after{background-image: url(../images/arrow-down.png);}
  .overflow {overflow: hidden;}
  .overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 500;background-color: rgba(0, 0, 0, 0.6);opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}
  .overlay--active {opacity: 1;visibility: visible;}
  .menu-btn {display: flex;}
  .navbar .menu-items {position: fixed;height: 100%;max-height: initial;overflow-y: auto;width: 80%;top: 0;left: 0;background:var(--WhiteBgClr) ;display: block;/*transform: translateX(-100vh);*/left: -80%;transition: 0.3s ease-out;z-index: 9;box-shadow: 17px 0px 15px 0 rgb(0 0 0 / 13%);}
  .overflow .navbar .menu-items {left: 0;}
  .menu-items.open {transform: translateY(0);}
  .menu-items li:first-child {margin-top: 20px;}
  .menu-items li a {padding: 10px 1rem;display: block;font-size: 18px;}
  .menu-items .dropdown-right .right-arrow {transform: rotate(90deg);}
  .menu-item.first-item {padding: 1rem 1rem;}

  /* DROPDOWN, MEGA MENUS */
  .menu-items .dropdown-menu,
  .menu-items .menu-right,
  .menu-items .mega-menu {position: static;opacity: 1;top: 4rem;visibility: visible;margin-left: -18px;width: auto;max-height: 0;transform: scaleX(0);transform-origin: left;overflow: hidden;transition: all 0.5s ease;}
  .menu-items .dropdown-menu,
  .menu-items .menu-right {padding-left: 1rem;width: 102%;margin-left: -10px;}
  .menu-items .mega-menu .col {padding-left: 1rem;}
  .expand-btn.open + .sample {max-height: 100%;transform: scaleZ(1);}
  .expand-btn.open + .blog.sample {max-height: 100%;transform: scaleZ(1);max-width: fit-content;}
  .navbar .sample {border-top: none;}
  .sample li {margin: 0;}
  .sample li:last-child {border-bottom: none;}
  .sample li a {font-size: 1rem;}
  .mega-menu .content-menu {grid-template-columns: auto;padding: 1rem 1rem 0 1rem;}
  .mega-menu .content-menu .col {width: 100%;padding-top: 1rem;margin-bottom: 0.5rem;}
  .col .mega-links li,.col .mega-links li a {padding: 0 0.5rem;}
  .content-menu .col .mega-links {border-left: 0;padding-left: 0.5rem;}
  .col .mega-links li {margin: 0;}
}

@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}

.navbar ul li.basket-cart a.basket.btn {background: none; border: none; min-width: auto; padding: 0; margin: 0; line-height: 1;}
.navbar ul li.basket-cart { margin-left: 20px !important; }
.btnwrap.subscribe {padding-left: 50px; margin-top: 15px; }
.btnwrap.subscribe a.btn { font-weight: 800; }

.navbar ul li.wishlist {margin: 0 5px;}
.navbar ul li.wishlist a.btn {background: none; border: none; min-width: inherit; border-radius: 0; line-height:1; padding:0 5px;}
.navbar ul li.basket {margin: 0 5px;}
.navbar ul li.basket a.btn {background: none; border: none; min-width: inherit; border-radius: 0; line-height:1; padding:0 5px;}
.navbar ul li.user {margin: 0 5px !important;}

/*User Dropdown menu*/
.userlogin .dropdown {position: relative;}
.userlogin ul li> a{color: var(--WhiteTextClr);font-weight: 500;}
.userlogin .dropdown-menu .expand-btn:after {content: " ";color: #fff;background-image: url(../images/arrow-down-white.png);background-repeat: no-repeat;width: 12px;height: 7px;display: inline-flex;vertical-align: middle;margin-left: 10px;}
.userlogin .dropdown-menu .expand-btn:after{background-image: url(../images/arrow-down-right.png);width: 7px;height: 12px;}
.userlogin .dropdown-menu {position: absolute;background:var(--WhiteBgClr);width:160px; right:0; left:inherit;opacity: 0;visibility: hidden;transition: all 0.4s ease;z-index: 9;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);display: none;}
.userlogin .dropdown .dropdown-menu a {color: var(--LightGrayTextClr);}
.userlogin .dropdown .dropdown-menu a:hover {color:var(--PrimaryClr);}
.userlogin .dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;display: block;}
.userlogin .dropdown-menu li {border-bottom: solid 1px var(--LightPrimaryClr); display: block !important; margin: 0 !important; padding: 8px 10px;}

/*Brand popup listing*/
.popup-cplist {
    width:100%;
    margin:0 auto;
    padding:0;
    box-sizing: border-box;}
.popup-cplist .pagewrap {
    width:100%;
    margin: 0 auto;
    float: none;
    padding:30px 0; box-sizing:border-box;
    background: #fff;}  
.popup-cplist .sitewrapper, .popup-cplist .navigation, .popup-cplist .breadcrumbs, .popup-cplist .page-header .popup-cplist .header.panel, .popup-cplist .header.content, .popup-cplist .footer.content, .popup-cplist .page-wrapper > .widget, .popup-cplist .page-wrapper > .page-bottom, .popup-cplist .block.category.event, .popup-cplist .top-container, .popup-cplist .page-main {max-width: 1220px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding: 0 15px;}   
.popup-cplist .inner-sitewrapper {max-width:1070px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding:0;} 
.popup-cplist .siteheader .userprof ul li {display: inline-block;vertical-align: middle;margin: 0 10px;}
.popup-cplist .siteheader .userprof ul li:last-child {margin-left:10px;}
.popup-cplist .siteheader .userprof .signup {color: var(--PrimaryClr);font-weight: 600;}
.popup-cplist .siteheader .userprof .signup:hover {background-color: transparent;border-color: var(--WhiteBgClr);color: var(--WhiteTextClr);}
.popup-cplist .siteheader .userprof .proftab span {padding-right:8px;}
.popup-cplist .siteheader .userprof li.messagetab {position:relative; display:inline-block;}
.popup-cplist .siteheader .userprof li.messagetab .icon {display: inline-block;
    position: relative;
    left: 0;
    top: 4px;
    padding-right: 5px;
    line-height: 1;}
.popup-cplist .siteheader .userprof li.messagetab .qty {background: #FF6B6B;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    top: -5px;} 
.popup-cplist .siteheader .userprof li.messagetab .signup:hover {color: var(--PrimaryClr); background: var(--WhiteBgClr);}
.popup-cplist .siteheader .userprof li.messagetab span img {width:20px; height: auto;}  
.popup-cplist .customer-product-reviews .sitewrapper {max-width:100%; padding:0;}

/*Popup banner*/
.popup-banner {margin:20px 0; display:block; padding:0; width:100%; position:relative;}
.popup-banner .hero {min-height:221px;position: relative;background-color: var(--PrimaryClr); background-repeat: no-repeat;background-position: right top;overflow: hidden;padding: 10px 50px;display: flex;align-items: center;background-size:cover;}
.popup-cplist .pagewrap .customer-product-reviews {padding-left:15px; padding-right:15px;}

/*Popup inner header*/
.popup-innerhead {margin:30px 0; display:block; padding:0 15px; width:100%; position:relative;}
.popup-innerhead h1 {font-size:42px; text-transform:none;
    font-weight:800;
    margin-bottom:15px;
    line-height:1.2;
    font-family:var(--SecondaryFont);
    color:var(--PrimaryClr);}
.popup-innerhead p {font-weight:400; color:var(--BlackTextClr);}
.popup-innerhead .addressBox {margin:0 auto; padding:0; display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative; align-items: center;
    justify-content: space-between;}    
.popup-innerhead .addressBox .addcontent {height:auto;
    width:calc(25% - 20px);
    margin:0;
    padding:15px; box-shadow:var(--BoxShadow);
    text-align:left; border-radius:15px;
    border:solid 1px transparent;
    background-color: var(--WhiteBgClr); font-size:14px; font-weight: 400; position:relative; min-height:82px; line-height:20px; display:flex;
    align-items: center;
    justify-content: center;}
.popup-innerhead .addressBox .addcontent span {position:relative; display:inline-block; margin-right:5px; top:3px;}
.popup-innerhead .addressBox .addcontent span img {width:auto; height:auto; display:inline-block;}  
.popup-cplist .popup-ratings .rating-block {padding-right:7%;}
.popup-cplist .popup-ratings h4 {font-size:18px;}
.popup-cplist .popup-ratings ul li label {font-size:14px;}
.popup-cplist .popup-ratings ul li .quewrap h4 {font-size:14px;}
.popup-cplist .popup-detail .prod-detail-img-block {text-align: center;background-image: repeating-linear-gradient(0deg, #F2F1FF, #F2F1FF 18px, transparent 18px, transparent 26px, #F2F1FF 26px), repeating-linear-gradient(90deg, #F2F1FF, #F2F1FF 18px, transparent 18px, transparent 26px, #F2F1FF 26px), repeating-linear-gradient(180deg, #F2F1FF, #F2F1FF 18px, transparent 18px, transparent 26px, #F2F1FF 26px), repeating-linear-gradient(270deg, #F2F1FF, #F2F1FF 18px, transparent 18px, transparent 26px, #F2F1FF 26px);background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;background-position: 0 0, 0 0, 100% 0, 0 100%;background-repeat: no-repeat; padding:0; position:relative; border-radius:20px; margin-bottom:20px;}
.popup-detail .storyContent {
    display: block;
    margin: 15px 0;
    padding: 0;
    width: 100%;
    float: left;}
.popup-detail .storyContent .heading {font-weight:700; color:var(--PrimaryClr); font-size:16px; margin:0 0 10px; padding:0;}    
.popup-detail .storyContent p {font-weight:500; font-size:12px; padding:0; display:block; margin:0 0 15px; color:var(--BlackTextClr);}
.popup-cplist .popup-ratings .quedate {opacity:0.5; font-size:14px;}
.popup-cplist .popup-ratings .totalrating .rating-out {font-size:14px;}
.popup-cplist .popup-ratings .progressbars .cssProgress-label {font-size:14px;}
.popup-cplist .popup-ratings .progressbars .star-ratings-text {font-size:14px;}
.popup-detail h2 {font-size:36px;
    font-weight:900;
    margin-bottom:20px;
    line-height: 1.2;
    font-family: var(--SecondaryFont);
    color: var(--BlackTextClr);}    
.popup-cplist .popup-detail .product-description .main-price {font-size: 16px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: var(--PrimaryClr);
    font-weight: 800;}
.popup-cplist .popup-detail .product-description .main-price    .priceLabel {padding-right: 15px;}
.popup-cplist .popup-detail .product-justify ul li .prod-lable {
    width: 40%;
    font-weight: 700;
    font-size: 12px;}
.popup-cplist .popup-detail .product-justify ul li .lable-detail {
    width: calc(100% - 40%);
    font-size: 12px;
    font-weight: 500;}
.popup-cplist .popup-detail .product-description p {font-size:12px; font-weight: 500; color:var(--BlackTextClr);}   
.price-block-popup {display:block; margin:0; padding:0; width:100%;}
.price-block-popup .unit-block {background:#F2F1FF; box-shadow:none;
    width:220px;
    border-radius:11px;
    padding:20px 15px;
    justify-content:space-between;
    margin-bottom:30px; flex-wrap:wrap;
    align-items:center;
    flex-direction:row;
    display:flex;}
.unit-block .unit-text {font-size:13px; font-weight:600; color:#222222; margin:0 0 10px;}
.unit-block .unit-qty {margin:0 0 10px; display:block;}
.unit-block .unit-price {font-size:14px; font-weight:700; color:var(--PrimaryClr);}
.unit-block .unit-price .u-label {color:#9E9E9E; font-size:14px; font-weight:700}
.price-block-popup .wholesale-text {font-weight:700; margin:20px 0; display:block; width:100%;}
.price-block-popup .multi-price {justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items:inherit;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding:0;}
.price-block-popup .multi-price .up-section {justify-content: space-between;
    margin-bottom:0;
    flex-wrap: wrap;
    align-items: center;
    flex-direction:row;
    display:flex;
    width:160px;
    padding:0;}    
.multi-price .up-section .p-label {font-weight:700;
    margin:10px 0;
    display:block;
    width:100%;
    font-size:14px;
    min-height:36px;
    text-align:center;}   
.price-block-popup .multi-price .unit-block {background:#F2F1FF;
    box-shadow: none;
    width: 100%;
    border-radius: 11px;
    padding: 15px;
    margin-bottom: 0px;
    display: block;
    text-align: center;} 
.price-block-popup .number {margin:0; padding:0 5px; display:flex; box-sizing:border-box; flex-wrap:wrap;}
.price-block-popup .minus {border-radius:4px 0 0 4px;}
.price-block-popup .plus {border-radius:0 4px 4px 0;}
.price-block-popup .minus, .price-block-popup .plus {
    width: 22px;
    height: 24px;
    background: #fff;
    padding: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;}
.price-block-popup .number input {
    height: 24px;
    width: 24px;
    text-align: center;
    font-size: 12px;
    border: none;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    background: #E7E4FF;}
.description-content h4 {font-size:18px; font-weight:700; line-height:19px; margin-bottom:20px; margin-top:10px;}
.description-content .pdlist {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: left;}           
.description-content .pdlist ul li {display: flex;
    align-items: start;
    margin-bottom: 15px;
    text-align: right;
    justify-content: space-between;
    width: 100%;
    position: relative;}
.description-content .pdlist ul li:after {content: "";
    border-bottom: dashed 1px #A8A8A8;
    height: 2px;
    width: 97%;
    position: absolute;
    top: 8px;}	
.pdlist ul li .left-block {width:60%;
    display: flex;
    position: relative;
    align-items: center;}   
.pdlist ul li .left-block h5 {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 15px; margin-bottom:10px;}   
.pdlist ul li .left-block::after {content: "";
    border-bottom: dashed 1px #A8A8A8;
    height: 2px;
    width: 97%;
    position: absolute; top:8px;}
.pdlist ul li .right-block {
	font-size: 12px;
    font-weight: 700;
    color: #4336C5;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    margin-bottom: 10px;}  
.description-content .ratingfeature {
    margin:0 0 20px;
    padding:0;
    display:block;
    width:100%;
    float:left;}             
.ratingfeature h4 {font-size:18px; font-weight:700; line-height:19px; margin-top:20px; margin-bottom:25px;}  
.ratingfeature ul li {flex-direction: row;
    display: flex;
    align-items: start;
    margin-bottom: 15px;
    text-align: right;
    justify-content: space-between;
    width: 100%;
    position: relative;}
.ratingfeature ul li:after {
    content: "";
    border-bottom: dashed 1px #A8A8A8;
    height: 2px;
    width: 97%;
    position: absolute;
    top: 8px;}	   	
.ratingfeature ul li .inner-left-blk {font-weight: 700;
    font-size: 12px;
    width: 60%;
    display: flex;
    position: relative;
    align-items: center;}
.ratingfeature ul li .inner-left-blk:after {
    content: "";
    border-bottom: dashed 1px #A8A8A8;
    height: 2px;
    width: 97%;
    position: absolute;
    top: 8px;}	
.ratingfeature ul li .inner-right-blk {text-align: right;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 700;
    color: #4336C5;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    margin-bottom: 10px;}
.ratingfeature ul li h5 {
	font-size: 13px;
    font-weight: 700;
    color: #000;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    margin-bottom: 10px;}
.product-details-page.popup-detail {margin-bottom:20px;}    
.popup-proslider .slidecontents {width:100%; padding:20px 10px;}
.popup-proslider .swiper-slide a h4 {font-size:13px;}
.popup-proslider .swiper-container {padding-right:5px;}
.popup-proslider .slidecontents .btnwrap .btn {font-size:14px;}
.popup-registration {margin:50px auto 70px;
    display:block;
    padding:0;
    width:100%;
    position:relative; text-align:center;}
.popup-registration h4 {font-size:20px; font-weight:800; color:var(--PrimaryClr); padding:0; display:block; margin:0 auto; line-height:24px;}   
.popup-registration h2 {font-size:36px; font-family:'SF Pro Text'; font-weight:900; color:var(--PrimaryClr); padding:0; display:block; margin:30px auto 25px; line-height:44px; font-style:italic;} 
.popup-registration .btnAction {display:flex; margin:0 auto; padding:0; justify-content:center; align-items: center; width:100%;}
.popup-registration .btnAction .wishlist {margin:0 10px 0 0; padding:0;}
.popup-registration .btnAction .wishlist a {background-color: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    line-height: 50px;
    text-align: center;
    justify-content:center;
    align-items:center;}
.popup-registration .btnAction .wishlist a:hover {background-color:var(--BlackTextClr); text-decoration:none;}  
.popup-registration .btnAction .wishlist a img {max-width:100%;}
.popup-registration .btnAction .addCart {margin:0; padding:0;}
.popup-registration .btnAction .addCart a {color:var(--WhiteTextClr);
    border-color:var(--PrimaryClr); border:2px solid;
    background-color:var(--PrimaryClr);
    width:165px;
    border-radius:50px;
    height:50px;
    line-height:48px;
    display:block;
    font-size:16px;
    font-weight:700;}
.popup-registration .btnAction .addCart a:hover {color:var(--PrimaryClr); border-color:var(--PrimaryClr); border:2px solid; background-color:var(--WhiteTextClr);}
.popup-cplist .popup-headtabs {display:block; margin:0 auto; padding:0 30px 60px; width:100%;}
.popup-cplist .popup-headtabs .thintab .resp-tabs-list {display:flex;
    justify-content:space-between;
    border-radius:50px;
    overflow:hidden;
    border:solid 2px var(--PrimaryClr);
    margin-bottom:20px;}
.popup-cplist .popup-headtabs .thintab .resp-tabs-list li {font-size:18px; display:flex; align-items:center; text-align:center; justify-content:center; text-transform:none;}   
.popup-cplist .popup-headtabs .innerstabs .orlisting {padding-left:40px;}
.popup-cplist .popup-headtabs .innerstabs .registerbtn {width:auto; background:var(--PrimaryClr);
    border-radius:35px;
    color:#fff;
    padding:0 30px;
    align-items: center;
    display: inline-flex;
    height: 49px;
    font-size: 16px;
    font-weight: 500; vertical-align:middle;
    border: solid 2px var(--PrimaryClr);}
.popup-cplist .popup-headtabs .innerstabs .registerbtn:hover {color: var(--WhiteTextClr); background-color:var(--PrimaryClrHvr);}   
.popup-cplist .popup-headtabs .innerstabs .description-box {display:block; padding:20px 0 0; margin:0 auto;}
.popup-headtabs .innerstabs .description-box p {font-size:16px; font-weight:500;} 
.popup-cplist .pagewrap-outer {width:100%;
    margin: 0 auto;
    float: none;
    padding: 0;
    box-sizing:border-box;
    background:#fff;}
.popup-cplist .pagewrap-outer .siteheader-popup {background-color:var(--PrimaryClr);
    color:var(--WhiteTextClr);
    position: relative;
    z-index: 3;
    min-height: 98px;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    justify-content:left;
    width:100%;
    margin: 0;} 
.pagewrap-outer .siteheader-popup .sitewrapper {position:static; width:100%;}   
.pagewrap-outer .siteheader-popup ul.linksNav {display:block;
    margin: 0;
    padding: 0;
    width: 82%;
    list-style:none;}
.pagewrap-outer .siteheader-popup ul.linksNav li {display:inline-block;
    margin:0;
    padding:0 15px;}
.pagewrap-outer .siteheader-popup ul.linksNav li a {font-size:20px;
    font-weight:800;
    line-height:24px;}  
.siteheader-popup .userlogin ul li {display: inline-block;vertical-align: middle;margin:0 10px;}
.siteheader-popup .userlogin ul li:last-child {margin-left:0;}
.siteheader-popup .userlogin .signup {color:var(--PrimaryClr); font-weight:600;}
.siteheader-popup .userlogin .signup:hover {background-color: transparent;border-color: var(--WhiteBgClr);color: var(--WhiteTextClr);}  
.siteheader-popup .userlogin ul li a.wishlist {background-color: var(--WhiteTextClr);
    color: var(--PrimaryClr);
    border-radius:50%;
    width:52px;
    height:52px;
    display:flex;
    line-height:50px;
    text-align:center;
    justify-content:center;
    align-items:center;}

/*Premier single product listing pop-up */
.dashboard-chart {margin:0 0 20px;
    padding:0 15px;
    width: 100%;
    display: block;}
.dashboard-chart .dashboard-slide {display:block; margin:0 auto; padding:0;}    
.dashboard-chart .dashboard-slide ul {list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
    margin-bottom: 0;
    flex-wrap: wrap;
    align-items:baseline;
    flex-direction: row;
    display: flex;
    width: 100%;}
.dashboard-chart .dashboard-slide ul li {list-style:none;
    padding:0;
    margin:0;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    display: flex;
    width:140px;
    text-align:center;}
.dashboard-chart .dashboard-slide .dc-box {width:100%;
    padding:10px;
    box-shadow:var(--BoxShadow);
    text-align:center;
    height:100%;
    border-radius:8px;
    border:solid 1px transparent;
    background-color:var(--WhiteBgClr);
    min-height:190px;
    margin:0;}
.dashboard-chart .dashboard-slide .dc-title {font-size:13px;
    font-weight:600;
    display:block;
    text-align:center;
    padding:20px 0 10px;
    margin:0 auto;}

/*Premier brand listing pop-up */

.popup-cplist .popup-headtabs .thintab .static-tabs-list {
    display: flex;
    justify-content: space-between;
    border-radius: 50px;
    overflow: hidden;
    border: solid 2px var(--PrimaryClr);
    margin-bottom: 20px;}
.popup-cplist .popup-headtabs .thintab .static-tabs-list li {font-size:15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content:center;
    text-transform:none; font-family:var(--SecondaryFont); background-color:var(--LightPrimaryClr);
    color: var(--PrimaryClr);
    font-weight:700; width:50%; padding:13px 15px;
    margin:0;
    list-style:none;
    cursor: pointer;
    transition: all linear .3s;}
.thintab .static-tabs-list li.static-tab-active {
    background-color: var(--PrimaryClr) !important;
    color: var(--WhiteTextClr) !important;}	

.brand-listing-section {padding:0 0 50px; margin:0;}
.brand-listing-section .brandlist-box {display: flex;
    padding: 0;
    margin:0 -10px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    vertical-align: top;}
.brand-listing-section .brandlist-box .brandlist-inner {background: #FFFFFF;
    margin: 0 10px 20px;
    padding: 0;
    display: block;
    width: calc(100% / 3 - 20px);}
.brandlist-box .brandlist-inner .slidecontents {width: 100%;
    padding: 30px;
    box-shadow: var(--BoxShadow);
    text-align: center;
    height: 100%;
    border-radius: 15px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);}	
.brandlist-inner .slidecontents h4 {font-size:16px; margin:10px 0 !important;}
.brandlist-inner .slidecontents.add-brand {min-height:220px; display: flex; margin:0; padding:0; justify-content: center; align-items: center; position:relative; background-image:repeating-linear-gradient(-24deg, #4336C5, #4336C5 19px, transparent 19px, transparent 27px, #4336C5 27px), repeating-linear-gradient(66deg, #4336C5, #4336C5 19px, transparent 19px, transparent 27px, #4336C5 27px), repeating-linear-gradient(156deg, #4336C5, #4336C5 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(246deg, #4336C5, #4336C5 19px, transparent 19px, transparent 27px, #4336C5 27px);   background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat;border-radius: var(--BorderRadius);}
.brandlist-inner .slidecontents.add-brand .ab-section {color: #4336C5; background:transparent;
    border: 1px solid #4336C5;
    border-radius: 30px;
    height: auto;
    padding: 10px 25px;
    margin: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;}
.brandlist-inner .slidecontents.add-brand .ab-section:hover {background:#4336C5; color:#fff; border: 1px solid #4336C5;}	
.brandlist-inner .slidecontents.add-brand .ab-icon {background:#4336C5;
    height:75px;
    width:75px;
    border-radius:50%;
    padding:0;
    margin:0 auto;
    text-align:center;
    position:absolute;
    right:20px;
    bottom:-40px; display:flex;
    align-items:center;
    justify-content:center;}
.brandlist-inner .slidecontents.add-brand .ab-icon:hover {background:#000;}	
.brandlist-inner .slidecontents.add-brand .ab-icon a {display:block; margin:0 auto; padding:0;}
.brandlist-inner .slidecontents .overhide img {max-width:200px;}

.pbl-herowrap {margin-top:40px; display:block;}
.pbl-herowrap .inner-sitewrapper {padding:0 15px;}
.pbl-herowrap .pbl-banner {margin:0 auto;
    min-height: 244px;
    position: relative;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: var(--BorderRadius);
    overflow: hidden;
    padding: 0;
    display: flex;
    align-items: center;
    background-size:cover;}
.pbl-herowrap .banner-text {font-size:14px; margin-top:20px;
    line-height:22px;
    display:block;
    font-family:var(--SecondaryFont);
    font-weight:500;}	

.brand-category-slide {margin:40px auto 0; padding:50px 15px;}
.brand-category-slide .title-bar {background: #BAA0EA;
    border-radius: 10px;
    padding: 30px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.brand-category-slide .title-bar h2 {font-family:var(--SecondaryFont); font-size:42px;
    line-height:60px;
    font-weight:bold;
    display: block;
    margin: 0;
    padding: 0 30px;
    color: #fff;}
.brand-category-slide .title-bar .cat-icon {position:absolute;
    right: 0;
    bottom: -25px;
    display: inline-block;
    margin: 0;
    padding: 0;
    top: inherit;} 
.brand-category-slide .title-bar .cat-icon img {max-width:70%;}	

.catpro-slider {margin-top:0;}
.popup-cplist .catpro-slider, .popup-cplist .related-products, .popup-cplist .popup-detail, .popup-cplist .popup-ratings, .popup-cplist .brand-listing-section {padding:0 15px;}
.popup-cplist .customer-product-reviews .slidecontents {padding:20px;}
.product-thumbs .swiper-thumb {display:inline-flex;
    margin: 0 -5px;
    padding: 0;
    justify-content: space-between;
    width: auto;
    align-items: center;}
.product-thumbs .swiper-thumb .swiper-slide {flex-shrink:unset;
    margin: 0 5px;
    border: dashed 1px var(--LightGrayTextClr);
    border-radius: 10px; padding:0;}	
.product-thumbs .swiper-thumb .swiper-slide img {margin:0 auto; padding:2px;}	

.cplist .inner-sitewrapper {max-width:1070px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding:0;} 
	
	

/*Brand listing main*/

.main-cplist {
    width:100%;
    margin:0 auto;
    padding:0;
    background:none; box-sizing: border-box;}
.main-cplist .pagewrap {padding:0;}	
.main-cplist .inner-sitewrapper {
    max-width: 1220px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding:0 15px;}		
.main-cplist .siteheader .userprof ul li {display: inline-block;vertical-align: middle;margin:0 10px;}
.main-cplist .siteheader .userprof ul li:last-child {margin-left:10px;}
.main-cplist .siteheader .userprof .signup {color: var(--PrimaryClr);font-weight: 600;}
.main-cplist .siteheader .userprof .signup:hover {background-color: transparent;border-color: var(--WhiteBgClr);color: var(--WhiteTextClr);}
.main-cplist .siteheader .userprof .proftab span {padding-right:8px;}
.main-cplist .siteheader .userprof li.messagetab {position:relative; display:inline-block;}
.main-cplist .siteheader .userprof li.messagetab .icon {display:inline-block;
    position:relative;
    left:0;
    top:4px;
    padding-right:5px;
    line-height:1;}
.main-cplist .siteheader .userprof li.messagetab .qty {background:#FF6B6B;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    top: -5px;} 
.main-cplist .siteheader .userprof li.messagetab .signup:hover {color:var(--PrimaryClr); background:var(--WhiteBgClr);}
.main-cplist .siteheader .userprof li.messagetab span img {width:20px; height:auto;}  
.main-cplist .customer-product-reviews .sitewrapper {max-width:100%; padding:0 15px;}	
.main-cplist .brand-listing-section {padding-bottom:20px;}
.main-cplist .related-products {margin-top:30px;}
.main-cplist .product-details-page.popup-detail {margin-top:30px;}
.main-cplist .popup-detail .storyContent {margin-top:25px;}
.main-cplist .dashboard-chart {padding:0;}
.main-cplist .dashboard-chart .dashboard-slide ul li {width:175px;}

.modal-popup.brands-pop-up .modal-content {padding-left:0; padding-right:0;}


/*cart main*/

.cart-proslider.related-products {margin:0 auto 50px;}
.cart-proslider .slidecontents {width:100%; padding:20px 10px;}
.cart-proslider .swiper-slide a h4 {font-size:13px;}
.cart-proslider .swiper-container {padding-right:5px;}
.cart-proslider .slidecontents .btnwrap .btn {font-size:14px;}



.siteheader .userprof ul li {display: inline-block;vertical-align: middle;margin:0 10px;}
.siteheader .userprof ul li:last-child {margin-left:10px;}
.siteheader .userprof .signup {color: var(--PrimaryClr);font-weight: 600;}
.siteheader .userprof .signup:hover {background-color: transparent;border-color: var(--WhiteBgClr);color: var(--WhiteTextClr);}
.siteheader .userprof .proftab span {padding-right:8px;}
.siteheader .userprof li.messagetab {position:relative; display:inline-block;}
.siteheader .userprof li.messagetab .icon {display:inline-block;
    position:relative;
    left:0;
    top:4px;
    padding-right:5px;
    line-height:1;}
.siteheader .userprof li.messagetab .qty {background:#FF6B6B;
    display:inline-block;
    padding:0;
    margin:0;
    border-radius:50%;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    color: #fff;
    line-height:20px;
    font-size:12px;
    font-weight:500;
    top:-5px;} 
.siteheader .userprof li.messagetab .signup:hover {color:var(--PrimaryClr); background:var(--WhiteBgClr);}
.siteheader .userprof li.messagetab span img {width:20px; height:auto;} 



/*Footer section*/

.page-footer {background:#4336C5;}
.footer-wrap {background:#4336C5; width:100%; margin:0 auto; padding:0;}
.footer-wrap .footer-inner {width:100%;
    margin: 0 auto;
    padding:20px 15px;
    min-width: 1240px;}
.footer-inner .row-footer {margin:0 auto;
    padding:30px 0;
    display:flex;
    justify-content: flex-start;
    align-items: self-start;
    flex-wrap: wrap;} 
.footer-wrap .footer-inner .footer-col {margin:0;
    padding: 0 15px;    
    display: block;
    position: relative; width:54%;}
.footer-wrap .footer-inner .footer-col.social-links {margin:0 auto; text-align:center;}	
.footer-inner .footer-col.social-links ul {margin:0 auto 60px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;}
.footer-inner .footer-col.social-links ul li {padding:0 8px; display: inline-block;}
.footer-inner .footer-col.social-links ul li .social-btn {background:transparent; text-decoration: none;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 0 10px;
    line-height: 42px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #fff;
    min-width: 120px;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.footer-inner .footer-col.social-links ul li .social-btn:hover {background:#fff; text-decoration:none; border:2px solid #fff; color:var(--PrimaryClr);}	
.footer-inner .footer-col.social-links ul li .social-btn.active {background:#fff; text-decoration:none; border:2px solid #fff; color:var(--PrimaryClr);}
.footer-wrap .footer-inner .footer-col.company-info {width:24%; padding-left:0;}	
.footer-wrap .footer-inner .footer-col.f-contact {width:22%;}
.footer-inner .footer-col p, .footer-inner .footer-col li {font-size:14px; line-height:18px; color:var(--WhiteTextClr); list-style:none; font-weight:400;}
.footer-inner .footer-col h3 {font-size:24px; line-height:29px; color:var(--WhiteTextClr); list-style:none; font-weight:700; padding:0; margin:0 0 30px;}
.footer-inner .footer-col a {color:var(--WhiteTextClr);}
.footer-inner .footer-col a:hover {text-decoration:underline;}
.footer-col .f-logo {display:block; margin:0; padding:0 0 30px;}
.footer-col .f-text {font-size:16px; color:var(--WhiteTextClr); list-style:none; font-weight:400; line-height:21px; max-width:260px; width:100%; margin: 0 0 30px;
    position: relative; padding: 0 0 20px;}
.footer-col .f-text:after {
    content: '';
    display: block;
    height: 2px;
    max-width: 100px;
    background: #AFA7FF;
    position: relative;
    left: 0;
    top:22px;}
.footer-inner .footer-col .f-links {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;}	
.footer-inner .footer-col .f-links ul {list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: start;}
.footer-inner .footer-col .f-links ul li {margin: 0;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 21px;
    color: var(--WhiteTextClr);
    list-style: none;
    font-weight: 400;}		
.footer-inner .footer-col .f-links ul li a {display: block;
    font-size: 16px;
    line-height: 18px;
    color: var(--WhiteTextClr);
    list-style: none;
    font-weight: 400;}		
.footer-inner .footer-col ul {list-style:none; margin:0; padding:0;}
.footer-inner .footer-col ul li {margin:0; padding:0 0 30px; font-size:16px; line-height:21px; color:var(--WhiteTextClr); list-style:none; font-weight:400;}
.footer-inner .footer-col ul li a {color:var(--WhiteTextClr); display:block; font-size:16px; line-height:18px; list-style:none; font-weight:400;}
.footer-inner .footer-col ul li a:hover {text-decoration:underline;}
.footer-inner .footer-col.f-contact ul li { padding:0 0 20px;}
.f-contact .f-socials {display:flex;
    padding: 0;
    margin:20px 0 0;
    justify-content:space-between;
    align-items: flex-start;
    max-width:160px;}
.f-contact .f-socials a {max-width:26px;}	
.footer-inner .footer-col.f-contact ul li.email	{position:relative; padding-left:30px; display:block; margin:0;}
.footer-inner .footer-col.f-contact ul li.email:before {background:url('../images/icon-email-footer.svg') no-repeat 0 0; content: '';
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;}
.footer-inner .footer-col.f-contact ul li.meeting	{position:relative; padding-left:30px; display:block; margin:0;}
.footer-inner .footer-col.f-contact ul li.meeting:before {background:url('../images/icon-meeting-footer.svg') no-repeat 0 0; content: '';
    display:inline-block;
    margin:0;
    padding:0;
    width:22px;
    height:20px;
    position:absolute;
    left:0;
    top:0;}		
.footer-inner .footer-col.f-contact ul li.phone	{position:relative; padding-left:30px; display:block; margin:0;}
.footer-inner .footer-col.f-contact ul li.phone:before {background:url('../images/phone-icon.svg') no-repeat 0 0; content: '';
    display:inline-block;
    margin:0;
    padding:0;
    width:20px;
    height:20px;
    position:absolute;
    left:0;
    top:0;}			
.copyright-footer {margin: 30px auto 0;
    padding:0;
    text-align: center;
    border-top:none;
    display: flex;
    width: 33%;
    justify-content: center;
    align-items: center;}
.copyright-footer .copyright-text {font-size:14px; color:var(--WhiteTextClr); list-style:none; font-weight:400; line-height:17px; text-align:center;}


.cart-section {display:block; margin:0; padding:0 0 50px; width:75%; position:relative;}
.cart-section h2 {font-size:30px; display:block;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);}	
.cart-section .cart-left {float:left;
    width:96%;
    margin:0;
    padding:0;
    box-sizing:border-box;}
.cart-left .cart-table {width: 100%;
    padding: 0;
    margin: 0;
    display: block;}
.cart-table-heading {
    width: 100%;
    padding: 0;
    margin:0 0 15px;
    display: block;
    float: left;}	
.cart-table-heading .cart-unit {float: left;
    width:46%;
    margin: 0;
    padding:0 0 0 30px;
    display: block;
    min-height: 1px; text-align:left;}	
.cart-table-heading .unit-price {float: left;
    width:18%;
    margin: 0;
    padding:0 15px;
    display: block; min-height: 1px; text-align:center;}	
.cart-table-heading .unit-quantity {float: left;
    width:18%;
    margin: 0;
    padding:0 15px;
    display: block; min-height: 1px; text-align:center;}	
.cart-table-heading .unit-total {float: left;
    width:18%;
    margin:0;
    padding:0 20px 0 10px;
    display: block; min-height: 1px; text-align:right;}	
.cart-table-heading .label {
    color: #22262A;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: block;
    margin:0;
    padding: 0;}
.cart-table .cart-item-box {width: calc(100% - 0px);
    padding:30px 0;
    box-shadow: var(--BoxShadow);
    text-align: center;
    height: 100%;
    border-radius:20px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);
    margin:0 0 35px; clear:both; 
	display:flex;
    align-items: center;
    justify-content: center; position:relative;}	
	
.cart-item-box .cart-unit {float: left;
    width:46%;
    margin:0;
    padding:0 0 0 30px;
    display: block;
    min-height: 1px; text-align: left;}	
.cart-item-box .unit-price {float: left;
    width:18%;
    margin: 0;
    padding:0 15px;
    display: block;
    min-height:1px; text-align:center; font-size:18px; font-weight:600; color:#4336C5;}	
.cart-item-box .unit-price span {text-align:center; font-size:18px; font-weight:600; color:#4336C5;}	
.cart-item-box .unit-quantity {float: left;
    width:18%;
    margin: 0;
    padding:0 15px;
    display: block;
    min-height: 1px; text-align: center;}	
.cart-item-box .unit-total {float: left;
    width:18%;
    margin:0;
    padding:0 20px 0 10px;
    display: block;
    min-height: 1px; text-align: right; font-size:18px; font-weight:600; color:#4336C5;}	
.cart-item-box .unit-total span {text-align:center; font-size:18px; font-weight:600; color:#4336C5;}	
.cart-unit .unit-thumb {
    float:left;
    border-radius:20px;
    border:1px solid #4336C5;
    margin:0;
    padding:6px;
    box-sizing:border-box; width:36%; height:170px;
    display:flex;
    align-items:center;
    justify-content:center;}	
.cart-unit .unit-detail {
    float: left;
    margin:0 0 0 4%;
    padding:0;
    box-sizing:border-box; width:60%;}	
.cart-unit .unit-detail h5 {font-size:15px; line-height:19px; color:#222; font-weight:500; padding:0; margin:0 0 6px;}
.cart-unit .unit-detail .unit-cat {font-size:16px; line-height:19px; color:#4336C5; font-weight:600; padding:0; margin:0 0 15px;}
.cart-unit .unit-detail li {color:#9F9AD4;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    padding:0 0 6px;
    display:block;}
.cart-unit .unit-detail li span {color:#222;
    font-weight: 500;
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: inline-block;
    min-width:100px;}
.unit-quantity .unit-qty {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;}	
.unit-qty .number {margin:0 auto;
    padding:0;
    display:flex;
    box-sizing:border-box;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-evenly; max-width:120px;}
.unit-qty .minus {border-radius:4px 0 0 4px;}
.unit-qty .plus {border-radius:0 4px 4px 0;}
.unit-qty .minus, .unit-qty .plus {
    width: 32px;
    height: 32px;
    background: #f7f7f7;
    padding: 0;
    border: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
    color: #4336C5;}
.unit-qty .number input {
    height: 32px;
    width: 56px;
    text-align: center;
    font-size: 12px;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #eee;}
.cart-item-box .unit-remove {
    position: absolute;
    right: 0;
    top: 0;
    padding:18px;
    margin: 0;
    display: inline-block;}	
.cart-item-box .unit-wishlist {
    position: absolute;
    right: 0;
    bottom: 0;
    padding:18px;
    margin: 0;
    display: inline-block;}			
.cart-item-box .unit-remove a img  {width:14px;}	
.cart-item-box .unit-wishlist a:hover img, .cart-item-box .unit-remove a:hover img {opacity:0.5;}

.cart-section .cart-right {float:left;
    width:25%;
    margin:0;
    padding:0;
    box-sizing:border-box;}	
.cart-right .cart-right-box {width:100%; float:left;
    padding: 20px;
    box-shadow: var(--BoxShadow);
    text-align: center;
    border-radius: 5px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);
    margin: 35px 0 0;
    position: relative;}
.cart-right-box .price-section {position:relative;
    margin:0 0 20px;
    padding:0 0 5px;
    width:100%;
    border-bottom:3px solid #F5F2FB;
    float:left;}
.cart-right-box .cart-up {
    display:flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin:0 0 15px;
    padding:0;
    width:100%;}
.cart-right-box .price-total {
    position: relative;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    float: left;}			
.cart-right-box .cart-up label {font-size:15px; display:block;
    line-height: 19px;
    color: #222;
    font-weight: 500;
    padding: 0;
    margin: 0;}
.cart-right-box .cart-up span {font-size:15px;
    line-height: 19px;
    color: #4336C5;
    font-weight: 500;
    padding:0;
    margin:0;}	
.cart-right-box .cart-action {position: relative;
    margin:0;
    padding: 0;
    width: 100%;
    float: left;}	
.cart-right-box .cart-action .action-btn {display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto 15px;
    padding: 0; width:100%;}
.cart-action .action-btn a {background:#fff; border:2px solid #4336C5;
    border-radius:50px; font-size:16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #4336C5;
    min-width: 250px;
    font-weight: 500; transition:all 0.3s ease 0s;}
.cart-action .action-btn a:hover {background:#4336C5; color:#fff; border:2px solid #4336C5;} 		
.cart-right-box .cart-action a.active {background:#4336C5; color:#fff; border:2px solid #4336C5;}

.cart-right-box .price-total .cart-up label {font-size:18px;
    display: block;
    line-height: 19px;
    color: #222;
    font-weight:600;
    padding:0;
    margin:0;}
.cart-right-box .price-total .cart-up span {font-size:18px;
    line-height: 19px;
    color: #4336C5;
    font-weight:600;
    padding:0;
    margin:0;}

.cart-left .resp-tabs-container{background-color: transparent;}
.cart-left .whitebox {background:#fff; border-radius:15px; padding:24px 24px 90px 24px;position: relative;height: 100%;margin: 5px;box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 9%);border-top: solid 10px;border-bottom: solid 10px transparent;transition:all linear .3s;}
.cart-left .whitebox h3 {font-weight:600; font-size:48px;}
.cart-left .whitebox h3 span {color:#B1AECF; font-size:24px; font-weight:600;}
.cart-left .whitebox .dark-text {font-size:18px; font-weight:500; margin-bottom:30px;}
.cart-left .whitebox .service-block-titles {font-size:20px; font-weight:600; line-height:1.4;}
.cart-left .whitebox ul li{color: var(--PrimaryLightClr);}
.cart-left .whitebox .btnwrap {position:absolute;
    bottom:25px;
    width:calc(100% - 0px);
    left:inherit;
    right:0;
    margin:auto;
    padding:0 15px; 
	text-align:right;}
.cart-left .whitebox .btnwrap .action-btn {display:inline-block; padding-left:8px;}
.cart-left .whitebox .btnwrap .action-btn:hover {opacity:0.4;}
.cart-left .whitebox .btn {width:100%; border-color:var(--PrimaryClr); background-color:transparent; border-width:1px;}
.cart-left .whitebox .btn:hover {background-color:var(--PrimaryClr); color:#fff;}
.cart-left .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.cart-left .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.cart-left .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.cart-left .whitebox:hover .btn{background-color:var(--PrimaryClr); color:#fff;}
.cart-brand .cart-right .cart-right-box {margin-top:20px; border-radius:20px;}
.cart-section.cart-brand h2 {padding:0 10px;}

ul.campaign-list {margin: 0;
    padding: 0;
    list-style: none;
    color: var(--PrimaryClr);}		
ul.campaign-list li {
    position:relative; font-size:14px;
    padding-left:0;
    margin-bottom:15px;
    float:left;
    display:block;
    width:100%;}	
ul.campaign-list li:after {content: '';
    display: block;
    border-bottom: 1px solid #EDEBFF;
    bottom: -24px;
    width: 100%;
    position: relative;
    z-index: 9;}	
ul.campaign-list li.emails .label:before {
    position: absolute;
    left: 0;
    content: "";
    background-image: url(../images/email-mark.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 20px; background-position:0 -3px;}
ul.campaign-list li.stores .label:before {
    position: absolute;
    left: 0;
    content: "";
    background-image: url(../images/stores-mark.png);
    background-repeat: no-repeat;
    width:24px;
	height:22px;
    background-position: 0 -2px;}
ul.campaign-list li.campaigns .label:before {
    position:absolute;
    left:0;
    content: "";
    background-image: url(../images/campaigns-mark.png);
    background-repeat: no-repeat;
    width:24px;
    height:22px;
    background-position:0 -2px;}	
ul.campaign-list li span.label {
    background-color: #fff;
    padding: 0 5px 0 28px;
    margin: 0;
    position: relative;
    display: inline-block;
    float: left;
    width: auto;
    font-size: 13px;
    height: 24px;
    top: 1px;
    z-index: 99;}				
ul.campaign-list li span.value {text-align: right;
    display: inline-block;
    float: right;
    font-weight: 600;
    color: #4336C5;
    font-size: 14px;
    background-color: #fff;
    padding: 0;
    width: auto;
    margin: 0;
    height: 24px;
    top: 1px;
    z-index: 99;
    position: relative;}		
ul.campaign-list li .value em {color: var(--PrimaryLightClr);
    font-weight:400;
    font-style:normal;
    font-size:14px;}		
.cart-section .cart-left .rows .columns {margin-bottom:20px;
    display: flex;
    padding: 0;
    justify-content: center;}


.sign-wrapper {display:block;
    margin:0 auto;
    padding:50px 0;
    width:100%;
    position:relative; 
	min-height:200px;}
.sign-wrapper .sitewrapper {max-width: 1170px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding: 0 15px;
    min-height: 1px;}	
.sign-section {width:600px;
    margin:50px auto;
    clear:both;
    position:relative;
    padding:0 15px; text-align:center;}	
.sign-section h1 {font-size:40px; line-height:48px; font-weight:700; display:block; padding:0; margin:0 0 20px; color:var(--PrimaryClr); text-transform:none;} 	
.sign-section h3 {font-size:24px; line-height:29px; font-weight:700; display:block; padding:0; margin:0 0 20px; color:#2F2F2F; text-transform:none; font-family:var(--SecondaryFont);} 	
form.signform {
    margin: 50px auto;
    padding: 0;
    max-width: 100%;
    position: relative;
    display: block;}
form.signform .form-group {display: block;
    margin: 0 0 30px;
    width: 100%;
    padding: 0;
    position: relative;}	
form.signform .form-group label {position: absolute;
    left: 0;
    padding: 17px 15px;
    top: inherit;
    bottom: inherit; display:inline-block;}
form .form-group .form-group-input {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;}
form .form-group label.file-label {position: relative;
    left: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 16px;}
	
form .form-group span.required-entry {text-align: left !important;}
form.signform .form-group .iti {position: relative; left: 0; width: 100%;}
form.signform .form-group .iti .iti__flag-container {left:30px;}	
form.signform .form-group input#store_contactnumber {padding-left:80px;}	
form.signform .form-group input#contactnumber {padding-left:80px;}
form.signform .form-group input#whatsapp_contactnumber {padding-left:80px;}
/*.brand-create-account .signup-section form.signform .form-column:nth-child(4), .brand-create-account .signup-section form.signform .form-column:nth-child(5), .brand-create-account .signup-section form.signform .form-column:nth-child(6) {padding-top:20px; margin-top:0;}*/
.brand-create-account .signup-section form.signform hr {border-top:1px solid #ccc;
    display:block;
    width:100%;
    margin:20px auto 50px;}
form.signform .form-group label span {color:#CA4139; font-weight:700;}	
form.signform .form-group .input-txt {background:#F8F8FF; color:#000;    
    border: 1px solid #F8F8FF;  border-bottom: 1px solid #9F9F9F;
    padding:13px 15px 15px 35px;
    border-radius: 2px; position:relative;
    width: 100%;
    height: 56px;
    line-height:24px; font-size:16px;}	
form.signform .form-group input:focus {border:none; transition:all 0.5s ease 0s; border-bottom:1px solid var(--PrimaryClr) !important;}	
form.signform .form-group .input-txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#B1AECF; font-size:16px;}
form.signform .form-group .input-txt::-moz-placeholder { /* Firefox 19+ */
  color:#B1AECF; font-size:16px;}
form.signform .form-group .input-txt:-ms-input-placeholder { /* IE 10+ */
  color:#B1AECF; font-size:16px;}
form.signform .form-group .input-txt:-moz-placeholder { /* Firefox 18- */
  color:#B1AECF; font-size:16px;}
form.signform .form-group .pwd-show {position:absolute;
    right: 0;
    padding: 17px 10px;
    top: inherit;
    bottom: inherit;
    display: inline-block;
    min-width: 45px; z-index:9; cursor:pointer;} 	
.form-group .forgot-pwd {color: var(--PrimaryClr);
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    line-height: 24px;
    margin: 5px 0 0; padding:0; display:block;}	
.form-group .forgot-pwd a {color:var(--PrimaryClr);
    font-size: 15px;
    font-weight: 600; display:block; transition:all 0.3s ease 0s;}	
.form-group .forgot-pwd a:hover {text-decoration:underline;}	
form.signform .form-group .input-btn {background:#4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    min-width:130px;
    font-weight: 500;
    transition: all 0.3s ease 0s; cursor:pointer;}
form.signform .form-group .input-btn:hover {background:#fff;
    border:2px solid #4336C5;
    color:#4336C5;}	
.sign-section .social-signin {
    margin: 30px auto;
    padding: 0;
    width: 100%;
    position: relative;
    display: block;
    clear: both;}	
.sign-section .social-signin .or-bar {color: #B1AECF;
    font-weight: 600;
    position: relative;
    background: #fff;
    display: block; margin:0 0 30px;}
.sign-section .social-signin .or-bar span {padding: 10px; color:#B1AECF;
    min-width: 60px;
    display: inline-block;
    position: relative;
    background: #fff;
    font-weight: normal;
    font-size: 16px;}	
.sign-section .social-signin .or-bar:before {position:absolute;
    left: 0;
    display: inline-block;
    content: '';
    height: 1px;
    width: 100%;
    background: #B1AECF;
    top: 20px;}
.sign-section .social-signin ul {display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    max-width: 280px;}
.sign-section .social-signin ul li {list-style:none; padding:0; margin:0;}
.sign-section .social-signin ul li a {text-decoration:none; transition:all 0.3s ease 0s;}
.sign-section .social-signin ul li a:hover img {transition: transform .5s ease; transform: scale(1.2);}

.sign-section .fresh-signup {
	margin: 50px auto 0;
    padding: 0;
    width: 100%;
    position: relative;
    display: flex;
    clear: both;
    align-items: center;
    justify-content: center;}
.sign-section .fresh-signup div {padding:0 10px; display:inline-block; font-size:16px; line-height:24px; font-weight:500; color:#2F2F2F;}	
.sign-section .fresh-signup div a {font-size:16px; line-height:24px; font-weight:500; color:#2F2F2F;}		
.sign-section .fresh-signup .new-acct a {font-size:16px; line-height:24px; font-weight:600; color:var(--PrimaryClr); text-decoration:none;}	
.sign-section .fresh-signup .new-acct a:hover {text-decoration:underline;}


.sign-wrapper .admin-approval {width:600px;
    margin:20px auto;
    clear:both;
    position:relative;
    padding:40px 30px 30px;
    box-shadow: var(--BoxShadow);
    text-align: center;
    border-radius: 50px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);
    box-sizing: border-box;}
.admin-approval .timer {display:inline-block; margin:0 auto; padding:0 0 20px; text-align:center; max-width:150px;}	
.admin-approval .timer img {max-width:100%; margin:0 auto;}
.admin-approval h2 {font-size:24px; line-height:29px; font-weight:600; color:var(--PrimaryClr); text-decoration:none; text-align:center;}
.admin-approval h4 {color:#2F2F2F; font-size:16px; line-height:19px; font-weight:500;}
.admin-approval .form-group {display: block;
    margin:50px 0 20px;
    width: 100%;
    padding: 0;
    position: relative;}
.admin-approval .form-group .input-btn {background:#4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    min-width:150px;
    font-weight:500;
    transition:all 0.3s ease 0s; cursor:pointer;}
.admin-approval .form-group .input-btn:hover {background:#fff; border:2px solid #4336C5; color:#4336C5;}


.brand-create-account {
    display: block;
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
    position: relative;
    min-height: 200px;}
.brand-create-account .sitewrapper {max-width: 1470px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding: 0 15px;
    min-height: 1px;}
.brand-create-account .signup-section {width: 100%;
    margin:0 auto;
    clear: both;
    position: relative;
    padding: 0;
    text-align: center;}	

form.signform .form-group .attachment {position: absolute;
	right: 0px;
    padding: 10px 0 10px 10px;
    top: 12px;
    bottom: inherit;
    z-index: 9;
    display: inline-block;
    min-width: 30px;
    background: #f9f9f9;
    line-height: 18px; cursor:pointer;} 	

.brand-create-account .signup-section h1 {font-size: 40px;
    line-height: 48px;
    margin:0 0 30px;
    font-weight: 800;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);
    text-transform: none;
    text-align: left; display:block;}
.brand-create-account .signup-section h2 {font-size:24px;
    line-height:30px;
    margin:0 0 30px;
    font-weight: 700;
    font-family: var(--SecondaryFont);
    color:#2F2F2F;
    text-transform: none;
    text-align: left; display:block;}		
.brand-create-account .signup-section form.signform {margin:50px auto;
    padding:30px 15px;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    align-items: baseline;}	
.brand-create-account .signup-section form.signform .form-column {
    max-width: 100%;
    margin: 0;
    padding: 0 15px;
    width:49%;
    box-sizing: border-box;}
form.signform .form-group .attach-info {color: #58557A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    display: block;
    margin: 10px 0 0;
    position: relative;}	
form.signform .form-group .attach-info img {position:relative; top:3px; display:inline-block;}
form.signform .form-group .input-ico {display:inline-block;
    margin: 0;
    padding: 0;
    width: 36px;
    content: '';
    height: 55px;
    position: absolute;
    left: 0;
    z-index: 9;
    top:0;
    line-height:60px;}
.signup-section form.signform .form-column-full {width:100%;
    text-align: right;
    display: block;
    margin: 30px auto 0;
    padding:0 15px;}
.signup-section form.signform .form-column-full .form-group {display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    position: relative;}	
form.signform .form-column-full .form-group .input-btn {background: #E9E7FF;
    border: 2px solid #E9E7FF;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    min-width: 170px;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    cursor: pointer;}
form.signform .form-column-full .form-group .input-btn:hover {background:#4336C5; border:2px solid #4336C5; color:#fff;}	


/***************  Favorites  ***************/

.favorites-section {display: block;
    margin: 0 auto;
    padding:0 0 50px;
    width: 100%; position:relative;}
.favorites-section h2 {font-size:30px; display:block;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.2;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);}	
.favorites-section .favorite-list {float:left;
    width:100%;
    margin:0 auto 60px;
    padding:0;
    box-sizing:border-box;}	
.favorite-list .resp-tabs-container{background-color: transparent;}
.favorite-list .whitebox {background:#fff; border-radius:15px; padding:20px 20px 90px 20px;position: relative;height: 100%;margin: 5px;box-shadow: 0px 0px 8px 2px rgb(0 0 0 / 9%);border-top: solid 10px;border-bottom: solid 10px transparent;transition:all linear .3s; display:block; float:left;}
.favorite-list .whitebox h3 {font-weight:600; font-size:48px;}
.favorite-list .whitebox h3 span {color:#B1AECF; font-size:24px; font-weight:600;}
.favorite-list .whitebox .dark-text {font-size:18px; font-weight:500; margin-bottom:30px;}
.favorite-list .whitebox .service-block-titles {font-size:20px; font-weight:600; line-height:1.4; padding-right:14px;}
.favorite-list .whitebox .favorite-icon {position: absolute; right: 10px; top:25px; display: inline-block;}
.favorite-list .whitebox ul li{color: var(--PrimaryLightClr);}
.favorite-list .whitebox .btnwrap {position:absolute;
    bottom:0;
    width:calc(100% - 0px);
    left:inherit;
    right:0;
    margin:auto;
    padding:15px; 
	text-align:right;}
.favorite-list .whitebox .btnwrap .action-btn {display:inline-block; padding-left:8px;}
.favorite-list .whitebox .btnwrap .action-btn:hover {opacity:0.4;}
.favorite-list .whitebox .btn {width:100%; border-color:var(--PrimaryClr); background-color:transparent; border-width:1px;}
.favorite-list .whitebox .btn:hover {background-color:var(--PrimaryClr); color:#fff;}
.favorite-list .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.favorite-list .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.favorite-list .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.favorite-list .whitebox.border-color4:hover{transition: all linear .3s;border-bottom-color: #18EC86!important;}
.favorite-list .whitebox:hover .btn{background-color:var(--PrimaryClr); color:#fff;}
.favorites-section h2 {padding:0 10px; margin-top:30px;}	
.favorite-list .whitebox .btn-action {position:absolute;
    bottom:0;
    width:calc(100% - 0px);
    left:0;
    right:0;
    margin:auto;
    padding:15px; 
	text-align:center; display:flex;
    align-items: center;
    justify-content: space-between;}
.favorite-list .whitebox .btn-action .action-btn {background:#fff;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding:0 10px; line-height:42px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #4336C5;
    min-width:120px;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.favorite-list .whitebox .btn-action .action-btn:hover {background:#4336C5; border:2px solid #4336C5; color:#fff;}
.slidecontents .favorite-icon {
    position: absolute;
    right: 15px;
    top: 15px;}	
.favorites-section .related-products .slider .btnwrap .btn {
    color:var(--WhiteTextClr);
    border-color: var(--PrimaryClr);
    background-color: var(--PrimaryClr);
    width:130px; min-width:130px;
    border-radius:50px;
    height:auto;
    line-height:40px;}	
.favorites-section .related-products .slider .btnwrap .btn:hover {color:var(--PrimaryClr);
    border-color:var(--PrimaryClr);
    background-color:transparent;}	
.favorites-section .swiper-slide:hover .overhide img {transition: all 0.4s ease-out;transform:scale(1); opacity:0.7;}	

.favorites-banner {margin: 20px 0;
    display: block;
    padding: 0;
    width: 100%;
    position: relative;}
.favorites-banner .hero {
    min-height:310px; border-radius: 20px;
    position: relative;
    background-color: var(--PrimaryClr);
    background-repeat: no-repeat;
    background-position: right top;
    overflow: hidden;
    padding: 10px 50px;
    display: flex;
    align-items: center;
    background-size: cover;}	
.favorites-banner .hero .hero-content {
    z-index: 1;
    position: relative;
    font-family: var(--FontMontserrat);
    color: var(--WhiteTextClr);
    max-width: 570px;}	


/***************  Marketplace  ***************/

body.catalog-category-view #maincontent {background:#f8f8ff; max-width:100%;}

.marketplace-middle {
    background: #f8f8ff;
    padding:0;
    margin:0 0 30px;
    width: 100%;}
.marketplace-middle .brand-with-content .slidecontents {padding:30px 15px;}	
.marketplace-middle .scroll-top-space {margin-top:20px;}	
.market-place {display:block; margin:0 auto; padding:0; width:100%;}
.mplace-category {max-width:100%; display:flex; float:left; margin:20px auto 50px; padding:0 15px; position: relative; overflow: hidden; z-index:1;}
.mplace-category.custom-scrollbar .swiper-horizontal > .swiper-scrollbar {bottom:0; width:calc(100% - 0px);}
.mplace-category.custom-scrollbar .swiper-horizontal .swiper-wrapper {padding-bottom:35px;}
.category-thumbs {position:relative; width:100%; display:flex; height: 100%; z-index: 1; box-sizing: content-box; transition-property:transform;     align-items: baseline;
    justify-content: flex-start;}
.category-thumbs .thumbs.active {height:auto; width:100%;}
.category-thumbs .thumbs {
	height: auto;
    position: relative;
    width: 90%;
    margin-right: auto;
    border-radius: 15px;
    margin-left: auto;}
.category-thumbs .thumbs img {border-radius:15px; overflow:hidden; border:none; min-height:84px;}
.thumbs .thumb-title {
    color: var(--PrimaryClr);
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    line-height: 16px; margin:5px auto; display:block;}
.thumbs.active .thumb-title	{font-size:18px; font-weight:700; line-height:24px;}



/*********Primary Header*********/
.primary-header {background-color:var(--LightPrimaryClr); padding:0;}
.primary-header ul {display:flex; align-items:center; justify-content:flex-start; font-weight:700; height:76px;}
.primary-header ul li a {display:flex; align-items:center; justify-content:flex-start; font-weight:700; padding: 20px;}
.primary-header ul li {margin:0;}
.primary-header ul li a:hover {color:#000; background:#fff;}
.primary-header ul li a.active {color:#000; background:#fff;}
.primary-header ul li a img {margin-left:5px; max-width:16px;}

/*Primary Dropdown menu*/
.primary-nav .dropdown {position: relative;}
.primary-nav .dropdown-menu .expand-btn:after {content:""; color:#fff; background-image:url(../images/arrow-down-white.png); background-repeat: no-repeat;width: 12px;height: 7px;display: inline-flex;vertical-align: middle;margin-left:10px;}
.primary-nav .dropdown-menu .expand-btn:after{background-image: url(../images/arrow-down-right.png);width: 7px;height:12px;}
.primary-nav .dropdown-menu {position:absolute; background:var(--WhiteBgClr); width:200px; right:inherit; left:0; opacity:0; visibility:hidden; transition:all 0.4s ease;z-index:99; box-shadow:0 5px 10px 0 rgb(0 0 0 / 5%); display:none; height:auto;}
.primary-nav .dropdown .dropdown-menu a {color: var(--PrimaryClr); padding:8px 10px;}
.primary-nav .dropdown .dropdown-menu a:hover {color:#2f2f2f;}
.primary-nav .dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;display:block; max-height:400px; overflow-y:auto;}
.primary-nav .dropdown-menu li {border-bottom: solid 1px var(--LightPrimaryClr); display: block !important; margin: 0 !important; padding:2px;}


.map-iframe {display:block; margin:0 auto; padding:0;}
.map-iframe .responsive-iframe {border-radius:15px;
    height:240px;
    position:relative;
    display:block;
    width:100%;
    padding:0;
    overflow:hidden; margin-bottom:40px;}
.map-iframe .origin-brand-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    margin-top: 50px;
    position: relative;
    margin-bottom:30px;}	
	
/********* Breadcrumbs inner *********/	
.breadcrumbs {margin: 20px auto; padding:0;}	
.breadcrumbs ul {margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;}	
.breadcrumbs ul li {padding: 0 15px 0 0;
    margin: 0;
    color: var(--LightPurpleTxt);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px; display: flex;
    align-items: center;}	
.breadcrumbs ul li a {padding:0;
    margin: 0;
    color: var(--LightPurpleTxt);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;}
.breadcrumbs ul li a:hover {text-decoration:none; color: var(--PrimaryClr);}	
.breadcrumbs ul li a.active {padding:0;
    margin: 0;
    color: var(--PrimaryClr);
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;}		

/********* product info *********/	
.marketplace-product .slidecontents {text-align:left; padding:0;}
.marketplace-product .slidecontents a {display: flex;
    padding:20px 15px 10px;
    margin: 0 auto;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content:flex-start;}
.marketplace-product .slidecontents .overhide {margin: 0 auto; display: block;}	
.marketplace-product .swiper-slide a h4 {text-align:left; margin:15px 0 0 !important; padding:0; display: block; width: 100%;}
.product-info {padding:0 0 20px;
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 100%;}
.product-info .pro-desc {padding: 0;
    margin: 0 auto;
    display: block;
    color: var(--PrimaryLightClr);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;}
.product-info .cecq {padding: 10px 15px;
    margin: 18px 0;
    display: flex;
    flex-wrap: nowrap;
    color: var(--PrimaryClr);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    box-shadow: 0px 0px 8px rgb(0,0,0,0.15);
    border-radius: 8px;
    align-items: center; cursor:pointer; justify-content: space-between;}
.product-info .pro-price {display: block;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;}
.product-info .pro-price .msrp {display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin:0 auto 8px;
    padding: 0;
    justify-content: space-between; align-items: center;}
.pro-price .msrp .label {color: var(--PrimaryLightClr);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;}
.pro-price .msrp .price {color:#2F2F2F;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;}
.pro-price .store {display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin:0 auto;
    padding: 0;
    justify-content: space-between; align-items: center;}
.pro-price .store .label {color: var(--PrimaryLightClr);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;}
.pro-price .store .price {color:var(--PrimaryClr);
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;}


.marketplace-deals .slidecontents {text-align:left; padding:0;}
.marketplace-deals .slidecontents a {display: flex;
    padding:20px 15px 10px;
    margin: 0 auto;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content:flex-start;}
.marketplace-deals .slidecontents .overhide {margin: 0 auto; display: block;}	
.marketplace-deals .swiper-slide a h4 {text-align:left; margin:15px 0 0 !important; padding:0; display: block; width: 100%;}
.marketplace-deals .rating {display:block; margin:5px 0 0; padding:0;}
.rating .fa {color:#F8A629; font-size:20px;}
.product-info .list-info {display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin: 0 auto 10px;
    padding: 0;
    justify-content: space-between;
    align-items: center;}
.list-info .label {color: var(--PrimaryLightClr);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;}
.list-info .value {color: #2F2F2F;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;}
.list-info .value-total {color: var(--PrimaryClr);
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;}
.mp-product {margin-bottom: 50px;}

/********* Search bar *********/	

.search-section {width:100%; margin:40px auto; padding:0; display:block;}
.search-section .search-bar {display:flex; width: 100%;
    align-items: center;
    justify-content: center;
    max-width:860px; flex-wrap:wrap;
    padding:0; position:relative; margin:0 auto;}
.search-section .search-bar input[type="text"] {width: 100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto;
    text-align: left; display:block; position:relative;}
.search-section .search-bar button {position:absolute;
    right: 6px;
    margin: 0;
    display: inline-block;
    border-radius: 4px;
    padding:0;
    border: none;
    background: var(--PrimaryClr);
    color: #fff;
    width: 40px;
    height: 35px; line-height:33px;}
.search-section .search-bar button .fa {font-size: 20px; font-weight: 300; position: relative; top: -1px;}
.search-section .search-bar button:hover {background: var(--PrimaryClrHvr); cursor:pointer;}


/***************** Marketplace slider *****************/

.marketplace-slider {width:100%; display:block;}
.mp-slides {padding:0; margin-top:0;}
.mp-slides .custom-scrollbar .swiper-button-next, 
.mp-slides .custom-scrollbar .swiper-button-prev {top: 0px;right: 20px !important;left: auto;margin: 0;transform: scale(0.7);}
.mp-slides .custom-scrollbar .swiper-button-prev {right: 50px !important;}
.mp-slides .custom-scrollbar .swiper-container {padding-top: 0; padding-bottom: 50px; margin-bottom: 50px;}
.mp-slides .btnwrap{display: none;}
.mp-slides .custom-scrollbar .swiper-container .swiper-action {
    position: absolute;
    bottom: -5px;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    width: 100%;
    display: block;
    padding: 0;}
.mp-slides .custom-scrollbar .swiper-container .swiper-action .swiper-button-prev {
    right: 60px !important;
    position: relative;
    z-index: 99;
    display: inline-block;
    max-width: initial; background-size:12px;
    width: 40px;
    height: 40px;
    border: 1px solid #4336C5;
    border-radius: 4px;}	
.mp-slides .custom-scrollbar .swiper-container .swiper-action .swiper-button-next {
    left: 60px;
    position: relative;
    z-index: 99;
    display: inline-block;
    max-width: initial;
    right: 0 !important; background-size: 12px;
    width: 40px;
    height: 40px;
    border: 1px solid #4336C5;
    border-radius: 4px;}	
.mp-slides .swiper-container-horizontal>.swiper-pagination-bullets, .mp-slides .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;
    left: 0;
    width: auto;
    right: 0;
    z-index: 999;
    max-width: 130px;
    margin: 0 auto;
    text-align: center;}	
.mp-slides .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background:var(--PrimaryClr);
    width: 30px;
    border-radius: 40px;
    height: 10px;}	
.mp-slides .swiper-pagination-bullet {width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: var(--PrimaryClr);
    opacity: .3;}	
	
.slick-dots li {cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: auto;}	
.slick-dots li button {width: 10px;
    height: 10px; margin: 0 5px;
    display: inline-block;
    border-radius: 100%;
    background: var(--PrimaryClr);
    opacity:.3; border:none;}	
.slick-dots li.slick-active button {opacity: 1;
    background:var(--PrimaryClr);
    width: 30px;
    border-radius:40px;
    height: 10px;}	
.slick-prev, .slick-next {  
    display:inline-block;
    max-width:initial;
    background-size:12px;
    width:40px;
    height:40px;
    border:1px solid #4336C5 !important;
    border-radius:4px; background: rgba(255,255,255,0.8) !important;
    opacity: 1;}	
.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after {color: var(--PrimaryClr);
    font-size: 18px;
    opacity: 1;
    font-weight: 800;}	

.mp-slides .custom-scrollbar .swiper-container-horizontal > .swiper-scrollbar {width: 100%; display:none;}
.mp-slides .catslide {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100% !important;}
.mp-slides .catslide .banner-row {width:100%; position:relative; margin:0; padding:0; display:block;}
.mp-slides .catslide .banner-row:last-child img {width:100%; border-radius:0;}
.mp-slides .catslide .banner-row.fullw {width:100%;}
.mp-slides .catslide .banner-row .culumn-content {padding: 0;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;}
.culumn-content .banner-caption {position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(10%, -50%);
    width:480px;
    display: block;
    color:var(--WhiteTextClr); text-align:center;}	
.culumn-content .banner-caption h2 {color:var(--WhiteTextClr); font-size:40px;}	
.mp-slides .catslide .culumn-content h3 {font-size: 20px;margin-bottom: 10px;}
.mp-slides .catslide .culumn-content .para {font-size:16px;}
.mp-slides .catslide .disclist li {font-size:16px;}
.sitewrapper-full {width:100%;}

.footer-inner .footer-col ul.footer-nav {    margin: 0 auto;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;}
.footer-inner .footer-col ul.footer-nav li {padding:0 10px; display:inline-block;}
.footer-inner .footer-col ul.footer-nav li a {color: var(--WhiteTextClr);
    display: flex;
    font-size: 16px;
    line-height: 18px;
    list-style: none;
    font-weight:500;
    align-items: center;
    justify-content: center;}
.footer-inner .footer-col ul.footer-nav li a img {max-width:24px; margin-right:8px;}

.header-links {margin:0 auto; padding:0; width:auto;
    display: flex;
    align-items: center;
    justify-content: center;}
.header-links ul.header-nav {margin:0 auto;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;}
.header-links ul.header-nav li {padding:0;
    display: inline-block; font-size: 16px;
    line-height: 21px;
    color: var(--WhiteTextClr);
    list-style: none;
    font-weight: 400;}	
.header-links ul.header-nav li a {color:var(--WhiteTextClr);
    display: flex; padding:0 20px; height:98px;
    font-size: 16px;
    line-height: 18px;
    list-style: none;
    font-weight: 500;
    align-items: center;
    justify-content:center;}
.header-links ul.header-nav.headjp li a {color:var(--WhiteTextClr);
    display: flex; padding:0 15px; height:98px;
    font-size: 14px;
    line-height: 18px;
    list-style: none;
    font-weight: 500;
    align-items: center;
    justify-content:center;}		
.header-links ul.header-nav li a:hover {background:#0E0287;}	
.header-links ul.header-nav li a.active {background:#0E0287;}	
.header-links ul.header-nav li a img {max-width:24px; margin-right:8px;}	


.modal-popup.cecq-popup .modal-inner-wrap {max-width:680px; border-radius:8px; padding:0; margin:100px auto 0;} 	
.modal-popup.cecq-popup .modal-header {padding:40px 40px 20px;}
.modal-popup.cecq-popup .modal-title { font-weight:600; font-size:30px; line-height:43px; color:var(--PrimaryClr); text-transform: none;}	
.modal-popup.cecq-popup .modal-content {padding-left:40px; padding-bottom:40px; padding-right:40px; padding-top:0; font-size:16px; font-weight:400; color: var(--BlackTextClr);}


/***************** Favorites  *****************/

.favorites-slider .slidecontents {position:relative; padding: 0 0 20px;}
.favorites-slider .slidecontents a {height: 100%;
    display: block;
    position: relative;
    width: 100%;}
.favorites-slider .slidecontents .overhide {border-radius: 15px 15px 0 0;}	
.favorites-slider .slidecontents img {max-width: 100%;  max-height: 100%;}	
.cart-proslider.favorites-slider .slidecontents a h4 {font-size:16px;
    font-weight: 600 !important;
    color: var(--PrimaryClr) !important;
    line-height: 24px;
    margin:15px auto 0 !important;
    padding:0 25px 0 15px;
    display:block;
    position:relative;
    left:0;
    text-align:left;}
.cart-proslider.favorites-slider .slidecontents a:hover h4 {color: var(--BlackTextClr) !important; text-decoration:none;}
.cart-proslider.favorites-slider .slidecontents .favorite-icon {
	position: absolute;
    right: 0; padding-right:10px;
    bottom: -5px;
    display: inline-block;
    z-index: 99;
    top: inherit;}	



/***************** Swiper card slider  *****************/

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;}

.favorite-b2b .swiper {width:95%;
    height: auto;
    padding: 0;
    margin: 0 auto;}
.favorite-b2b .b2b-list {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;}

.favorite-b2b .b2c-list {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;}	

.favorite-b2b .swiper-slide {
      display: flex; padding-bottom:50px;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      font-size: 22px;
      font-weight: bold;
      color: #fff;}

.favorite-b2b .swiper-slide .whitebox {background:#fff;
    border-radius: 15px;
    padding: 20px 20px 20px 20px;
    position: relative;
    height:auto;
    margin: 20px;
    box-shadow: 0px 0px 10px 8px rgb(0 0 0 / 8%);
    border-top: solid 10px;
    border-bottom: solid 10px transparent;
    transition: all linear .3s;
    display: block;
    float: left;
    width: 100%;}
.favorite-b2b .swiper-slide .whitebox h3 {font-weight:600; font-size:48px;}
.favorite-b2b .swiper-slide .whitebox h3 span {color:#B1AECF; font-size:24px; font-weight:600;}
.favorite-b2b .swiper-slide .whitebox .dark-text {font-size:18px; font-weight:500; margin-bottom:30px;}
.favorite-b2b .swiper-slide .whitebox .full-col.full-bottom {position:relative; top:0; right:0; padding-top:20px; padding-right:15px;}
.favorite-b2b .swiper-slide .whitebox .full-col {float:left;
    width:100%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding:0 0 10px;}
.favorite-b2b .swiper-slide .whitebox .left-col {float: left;
    width: 50%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding: 0 20px 0 0;}
.favorite-b2b .swiper-slide .whitebox .right-col {float:right;
    width:50%;
    display:block;
    margin:0;
    position:relative;
    text-align:left;
    padding:0 0 0 20px;}
.favorite-b2b .swiper-slide .whitebox .favorite-btn	{display:inline-block; text-align:right; float:right; width: auto; min-width: 200px;}
.favorite-b2b .swiper-slide .whitebox .service-block-titles {font-size:20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--BlackTextClr);
    padding: 0;
    margin: 0 0 10px;}
.favorite-b2b .swiper-slide .whitebox .para {font-size:16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--PrimaryLightClr);
    padding: 0;
    margin: 0 0 10px;}	
.favorite-b2b .swiper-slide .whitebox .favorite-icon {position: absolute; right: 15px; top: 28px; display: inline-block;}
.favorite-b2b .swiper-slide .whitebox ul li{color: var(--PrimaryLightClr);}
.favorite-b2b .swiper-slide .whitebox .btnwrap {position:absolute;
    bottom:0;
    width:calc(100% - 0px);
    left:inherit;
    right:0;
    margin:auto;
    padding:15px; 
	text-align:right;}
.favorite-b2b .swiper-slide .whitebox .border-color1{border-top-color: #1DE931!important;}
.favorite-b2b .swiper-slide .whitebox .border-color2{border-top-color: #18B9EC!important;}
.favorite-b2b .swiper-slide .whitebox .border-color3{border-top-color: #EC18D7!important;}	
.favorite-b2b .swiper-slide .whitebox .border-color4{border-top-color: #18EC86!important;}	
.favorite-b2b .swiper-slide .whitebox .btnwrap .action-btn {display:inline-block; padding-left:8px;}
.favorite-b2b .swiper-slide .whitebox .btnwrap .action-btn:hover {opacity:0.4;}
.favorite-b2b .swiper-slide .whitebox .btn {width:100%; border-color:var(--PrimaryClr); background-color:transparent; border-width:1px; position:relative; font-size:16px;}
.favorite-b2b .swiper-slide .whitebox .btn:hover {background-color:var(--PrimaryLightClr); border-color:var(--PrimaryLightClr); color:#fff;}
.favorite-b2b .swiper-slide .whitebox .btn .icon {position:relative; top:6px; right:5px; display:inline-block;}
.favorite-b2b .swiper-slide .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.favorite-b2b .swiper-slide .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.favorite-b2b .swiper-slide .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.favorite-b2b .swiper-slide .whitebox.border-color4:hover{transition: all linear .3s;border-bottom-color: #18EC86!important;}
.favorite-b2b .swiper-slide .whitebox .btn-action {position:relative;
    width:auto;
    margin:0;
    padding:0;
    text-align:right;
    display:inline-block; float:right;}
.favorite-b2b .swiper-slide .whitebox .btn-action .action-btn {background:#4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding:0 10px; line-height:46px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #fff;
    min-width:200px;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.favorite-b2b .swiper-slide .whitebox .btn-action .action-btn:hover {background:#fff; border:2px solid #4336C5; color:#4336C5;}
.swiper-slide .whitebox .full-col .price-col .price-box {display:inline-block; margin:0 20px 0 0; padding:0;}
.favorite-b2b .b2b-list .swiper-slide .whitebox .full-col .price-col {width:100%;}
.favorite-b2b .swiper-slide .whitebox .full-col .price-col {text-align:right;
    display:flex;
    margin:0;
    padding:0;
    justify-content:right;
    align-items:center;
    flex-wrap:wrap; width:50%;}
.favorite-b2b .swiper-slide .whitebox .full-col.full-bottom .mini-price {float:left;
    text-align: left;
    width: 50%;
    display: inline-block;
    color: #B1AECF;
    font-size: 24px;
    line-height: 58px;
    font-weight: 500;}	
.swiper-slide .whitebox .full-col.full-bottom .mini-price span {color:var(--PrimaryClr); font-size:32px; font-weight: 500;}	
.swiper-slide .whitebox .price-box .price {font-size:48px;
    line-height:58px;
    font-weight:600;
    color:var(--PrimaryClr);
    display:inline-block;}
.swiper-slide .whitebox .price-box .price span {color:#B1AECF; font-size:24px;
    line-height:28px;
    font-weight:600;}	


/* Praveen Start  */
.p-1 { padding:10px !important }
.p-2 { padding:20px !important }
.p-3 { padding:30px !important }
.p-4 { padding:40px !important }
.p-5 { padding:50px !important }

.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.px-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.px-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.mx-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

.mb-1 { margin-bottom:10px !important; }
.mb-2 { margin-bottom:20px !important; }
.mb-3 { margin-bottom:30px !important; }
.mb-4 { margin-bottom:40px !important; }
.mb-5 { margin-bottom:50px !important; }

.ms-1 { margin-left:10px !important; }
.ms-2 { margin-left:20px !important; }
.ms-3 { margin-left:30px !important; }
.ms-4 { margin-left:40px !important; }
.ms-5 { margin-left:50px !important; }

.me-1 { margin-right:10px !important; }
.me-2 { margin-right:20px !important; }
.me-3 { margin-right:30px !important; }
.me-4 { margin-right:40px !important; }
.me-5 { margin-right:50px !important; }

.mt-1 { margin-top:10px !important; }
.mt-2 { margin-top:20px !important; }
.mt-3 { margin-top:30px !important; }
.mt-4 { margin-top:40px !important; }
.mt-5 { margin-top:50px !important; }

.pt-1 { padding-top:10px !important; }
.pt-2 { padding-top:20px !important; }
.pt-3 { padding-top:30px !important; }
.pt-4 { padding-top:40px !important; }
.pt-5 { padding-top:50px !important; }

.pe-1 { padding-right:10px !important; }
.pe-2 { padding-right:20px !important; }
.pe-3 { padding-right:30px !important; }
.pe-4 { padding-right:40px !important; }
.pe-5 { padding-right:50px !important; }

.pb-1 { padding-bottom:10px !important; }
.pb-2 { padding-bottom:20px !important; }
.pb-3 { padding-bottom:30px !important; }
.pb-4 { padding-bottom:40px !important; }
.pb-5 { padding-bottom:50px !important; }

.ps-1 { padding-left:10px !important; }
.ps-2 { padding-left:20px !important; }
.ps-3 { padding-left:30px !important; }
.ps-4 { padding-left:40px !important; }
.ps-5 { padding-left:50px !important; }


.f16 { font-size:16px !important; }
.d-block { display:block !important; }
.d-flex { display:flex !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-center { justify-content: center !important; }
.align-item-center { align-items: center; }
.border-color4 { border-top-color:#CE18EC !important; }
.swiper-container { margin-left: auto; margin-right: auto; position:relative; overflow:hidden; z-index:1; }

.h2 { color:var(--PrimaryClr); font-size:40px; margin:0 0 20px; font-weight:700; text-transform:inherit; }
h5, h6 { font-weight: 700; margin-bottom: 20px; line-height: 1.2; font-family: var(--SecondaryFont); }

h5 { font-size:20px; }
h6 { font-size:18px; }
.title { margin:0 0 20px; font-weight:600; font-size:20px; color:var(--PrimaryClr); }
.title2 { margin:0 0 20px; font-weight:700; font-size:16px; color:var(--PrimaryClr); }

.hover_img { transition: 0.5s; }
.hover_img:hover { transform: scale(1.1); box-shadow:0 0 7px 5px rgba(0,0,0,0.2); border-radius: 5px; }

.tablewrap2 { border: 1px solid var(--TableBorder); overflow: hidden; border-radius: var(--BorderRadiusHalf) var(--BorderRadiusHalf) 0 0; }
.tablewrap2 table td, .tablewrap2 table th { padding:20px 8px; text-align:center; }

.herowrap2 {margin-top: 20px;}
.herowrap2 .hero { background-repeat: no-repeat; background-position: right top; background-size: cover; background-color: var(--PrimaryClr); border-radius: var(--BorderRadius); min-height: 310px; position: relative; overflow: hidden; padding:25px 0; display: flex; align-items: center; }
.herowrap2 .hero .title_Sec { color:var(--PrimaryClr); padding:28px 30px; position:relative; }
.herowrap2 .hero .title_Sec::after { background: #fff; content: ""; transform: skewX(-22deg); border-radius: 11px; position: absolute; height: 100%; width: 130%; top: 0; right: 0; }
.herowrap2 .hero .title_Sec > div { position:relative; z-index:2; }
.herowrap2 .hero .title_Sec .bnr_title { font-family:var(--SecondaryFont); line-height:1.3; margin: 0; }
.herowrap2 .hero .title_Sec .banner_tag { position: absolute; top:-40px; right:-100px; height: 100px; width: 100px; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; font-size:16px; font-weight:600; line-height:1.2; box-shadow:0 3px 15px 5px rgba(0,0,0,0.07); z-index: 9;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,218,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,218,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,218,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddaff',GradientType=0 );
}
.herowrap2 .banner_btm { padding: 15px 30px 0; max-width: 520px; }
.herowrap2 .banner_btm p { font-size: 20px;  color: #C9C3FF; line-height: 1.3; margin: 0; }
.herowrap2 .hero:before{content: "";position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; background:linear-gradient(89.66deg, var(--PrimaryClr) 25%, rgba(67, 54, 197, 0) 58%);left: 0;}
.herowrap2 .hero .hero-content {z-index: 1;position: relative;font-family: var(--FontMontserrat);color: var(--WhiteTextClr);max-width:650px;}
.herowrap2 .hero .hero-content strong {display: block;margin-bottom: 15px;font-weight: 400;}
.herowrap2 .btnwrap { position:relative; }
.herowrap2 .btnwrap::before { content: ""; display: block; border: 1px solid #fff; height: 130%; width: 110%; position: absolute; left: -5%; top: -15%; border-radius: 100px; opacity: .5; }
.herowrap2 .btnwrap::after { content: ""; display: block; border: 1px solid #fff; height: 160%; width: 120%; position: absolute; left: -10%; top: -30%; border-radius: 100px; opacity: .2; }
.herowrap2 .btnwrap .arrow_btn { position:relative; z-index:9; }
.herowrap2 .btnwrap .arrow_btn::after { display: inline-block; vertical-align: middle; position: relative; left: 10px; background-image: url(../images/arrow1.svg); background-repeat: no-repeat; width: 27px; height: 10px; content: ""; transition: all linear .3s; animation: animate 1s infinite; }

.store-data-sec-2 {}
.store-data-sec-2 p { margin:0 0 5px; }
.store-data-sec-2 .contact-details { display: flex; }
.store-data-sec-2 .contact-details .cont_box {flex-wrap: wrap; font-size: 14px; display: flex; align-items: flex-start;}
.store-data-sec-2 .contact-details .cont_box {flex-wrap:nowrap; font-size:14px; display:flex; align-items:flex-start; flex-direction:row;}
.store-data-sec-2 .contact-details .cont_box.store-owner-block {flex:0 0 33%;}
.store-data-sec-2 .contact-details .cont_box.store-contact-block {flex:0 0 33%;}
.store-data-sec-2 .contact-details .auth { font-size:16px; }
.store-data-sec-2 .contact-details .auth span { color:#B1AECF; }
.store-data-sec-2 .search_location { position:relative; margin:0 0 15px; }
.store-data-sec-2 .search_location input[type="text"]{ background: #fff; font-size:16px;  border: 0; width: 100%; padding: 15px; height: auto; box-shadow: 0 0 10px 5px rgba(0,0,0,0.05); } 
.store-data-sec-2 .search_location ::placeholder { color: #000; opacity: 1; }
.store-data-sec-2 .search_location :-webkit-input-placeholder { color: #000; }
.store-data-sec-2 .search_location ::-ms-input-placeholder { color: #000; }

.store-data-sec-2 .search_location button {/*background:var(--PrimaryClr) url(../images/search_white.svg) no-repeat center center;*/ background:#fff; cursor:pointer; height: 40px; width: 40px; border-radius: 3px; border: 0; font-size: 0; position: absolute; top:7px; right:7px; opacity:1;}
.store-data-sec-2 .search_location .reset_search { position: absolute; right:10px; z-index:99; height: 14px; width: 14px; top: 50%; transform: translateY(-50%); cursor:pointer; }
.store-data-sec-2 .search_location .reset_search::before,
.store-data-sec-2 .search_location .reset_search::after { content: ""; display: block; height: 100%; width: 3px; background: #B1AECF; border-radius: 2px; }
.store-data-sec-2 .search_location .reset_search::before { transform:translateY(0px) rotate(45deg); }
.store-data-sec-2 .search_location .reset_search::after { transform:translateY(-14px) rotate(-45deg); }

.store-data-sec-2 .stores_sec .responsive-iframe { border-radius:10px; }
.store-data-sec-2 .stores_sec .responsive-iframe::before { padding-top: 55%; }
.store-data-sec-2 .stores_sec .radius-iframe { background-color: var(--RadiusShadowBg); background-image:repeating-linear-gradient(-24deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(66deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(156deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px), repeating-linear-gradient(246deg, #c2c2c2, #c2c2c2 19px, transparent 19px, transparent 27px, #c2c2c2 27px);   background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat;border-radius: var(--BorderRadius);padding: 20px;}
.store-data-sec-2 .stores_sec .stores-all { margin-bottom:20px; margin-top:-80px; max-width:70%; text-align:right; float:right; }
.store-data-sec-2 .stores_sec .stores-all ul { display: flex;align-items: center;justify-content: space-between; }
.store-data-sec-2 .stores_sec .stores-all ul li { display: inline-flex;align-items: center; position: relative;}
.store-data-sec-2 .stores_sec .stores-all ul li a {display: inline-flex;align-items: center;border-radius:100px;line-height: normal;padding:15px 20px; color: var(--LightGrayTextClr);font-weight:400;}
.store-data-sec-2 .stores_sec .stores-all ul li a.active-location { background-color: var(--LightPrimaryClr);color: var(--PrimaryClr);text-decoration: underline; }
.store-data-sec-2 .stores_sec .stores-all ul li a.active-location:hover { text-decoration: none; }
.store-data-sec-2 .stores_sec .stores-all ul li a:hover { color:var(--PrimaryClr); }
.store-data-sec-2 .stores_sec .stores-all ul li a h6 { font-size:16px; margin-left:5px; font-weight:400; margin:0; }
.store-data-sec-2 .stores_sec .stores-all ul li a.active-location h6 { font-weight: 600; }

.store-data-sec-2 .tablewrap2 th {font-weight:400;}
.store-data-sec-2 .tablewrap2 td {font-weight:600; vertical-align:middle;}

.custom-scrollbar.swiper-container-horizontal > .swiper-scrollbar {border-radius:2px; height:12px; width:calc(100% - 70px); bottom:20px; left:auto;}
.event_sec {background:#F8F8FF;}
.event_sec .slider {max-width:96%; margin:0 auto;}
.event_sec .swiper-container {padding:40px 0;}
.event_sec .swiper-slide { width:50% !important; position:relative; transition: 0.5s; }
.event_sec .event_inner { position:relative; }
.event_sec .event_inner::before { content:""; position: absolute; height: 100%; width: 100%;
background: -moz-linear-gradient(-45deg,  rgba(30,30,30,0.56) 0%, rgba(5,0,55,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,30,30,0.56) 0%,rgba(5,0,55,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,30,30,0.56) 0%,rgba(5,0,55,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f1e1e1e', endColorstr='#00050037',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.event_sec .event_inner .event_date_sec { position: absolute; bottom:6px; right:5%; left:5%; border-radius:30px 30px 0 0; padding:15px 20px; background: rgb(67,54,197);
background: -moz-linear-gradient(top,  rgba(67,54,197,1) 0%, rgba(9,0,98,1) 100%);
background: -webkit-linear-gradient(top,  rgba(67,54,197,1) 0%,rgba(9,0,98,1) 100%);
background: linear-gradient(to bottom,  rgba(67,54,197,1) 0%,rgba(9,0,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4336c5', endColorstr='#090062',GradientType=0 );
}
.event_sec .event_inner .event_date_sec ul {display: flex; flex-wrap:nowrap; justify-content:center; color:#fff; font-size:12px;}
.event_sec .event_inner .event_date_sec ul li {padding:0 10px; margin-bottom:0;}
.event_sec .event_inner .event_date_sec ul li a { color:#fff; padding-left:30px; display:block; position:relative;}
.event_sec .event_inner .event_date_sec ul li a::before { content:""; display:block;}
.event_sec .event_inner .event_date_sec ul li.date a::before { background: url(../images/calendar_white.svg) no-repeat 0 0;width: 24px; height: 24px; position: absolute; left: 0; top: -2px;}
.event_sec .event_inner .event_date_sec ul li.time a::before { background: url(../images/clock_white.svg) no-repeat 0 0; width: 24px; height: 24px; position:absolute; left: 0; top: -2px;}
.event_sec .event_inner .event_date_sec ul li.location a::before { background: url(../images/location_white.svg) no-repeat 0 0;width: 24px; height: 24px; position: absolute; left: 0; top:-2px;}
.event_sec .event_inner .btn {border-color: var(--WhiteTextClr); background-color: var(--WhiteBgClr); color: var(--PrimaryClr); font-weight: 700; min-width:140px;}
.event_sec .swiper-slide {filter: blur(3px); -webkit-filter: blur(3px);}
.event_sec .swiper-slide.swiper-slide-active { border-radius:20px; overflow:hidden; transform:scale(1.1); z-index:9; filter:inherit; -webkit-filter:inherit;}
.event_sec .swiper-slide img {width:100%;}
.event_sec .event_detail {position:absolute; top:0; padding:35px; color:#fff; max-width:100%;}
.event_sec .event_detail h2 {color:#fff; font-size:24px;}
.event_sec .event_detail h4 {font-size:18px;}
.event_sec .event_detail p {line-height:1.3; margin-bottom:15px; font-size:14px; font-weight:300;}
.event_sec .swiper-container .controler .swiper-button-next,
.event_sec .swiper-container .controler .swiper-button-prev {left:0; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.2); border-radius:90px; height:40px; width:40px;}
.event_sec .swiper-container .controler .swiper-button-next {right:0px; left:inherit;}
.event_sec .swiper-container .controler .swiper-button-prev {left:0px;}
.event_sec .swiper-container .controler .swiper-button-next::before,
.event_sec .swiper-container .controler .swiper-button-prev::before {content:""; display: block; height: 10px; width: 10px; border: 2px solid #fff; border-left: 0;  border-bottom: 0; transform: rotate(45deg); position: absolute; top: 50%; transform:translate(-50%,-50%) rotate(45deg); left: 47%;}
.event_sec .swiper-container .controler {position:relative; text-align:center; width: 260px; margin:65px auto 20px; clear:both;}
.event_sec .swiper-container .controler .swiper-button-prev,
.event_sec .swiper-container .controler .swiper-button-next {height:40px; width:40px; border-radius:3px; background:none; border:1px solid #4336c5;}
.event_sec .swiper-container .controler .swiper-button-next::before,
.event_sec .swiper-container .controler .swiper-button-prev::before {content: ""; display: block; height: 10px; width:10px; border: 2px solid #4336c5; border-left: 0; border-bottom: 0; transform: rotate(45deg); position: absolute; top:50%; transform:translate(-50%,-50%) rotate(45deg); left:47%;}
.event_sec .swiper-container .controler .swiper-button-next::after,
.event_sec .swiper-container .controler .swiper-button-prev::after {display:none;}
.event_sec .swiper-container .controler .swiper-button-prev::before {transform: translate(-50%,-50%) rotate(-135deg); left:50%;}
.event_sec .swiper-container .controler .swiper-pagination {position:static;}
.event_sec .swiper-container .controler .swiper-pagination .swiper-pagination-bullet {background:#c2beee; opacity:1; height:12px; width:12px; transition:0.5s; margin:0 5px;}
.event_sec .swiper-container .controler .swiper-pagination .swiper-pagination-bullet-active {background:#4336c5; border-radius:7px; width:60px;}


.basic_ser_tab > ul { display: flex; flex-wrap: wrap; justify-content: center; }
.basic_ser_tab > ul > li { box-shadow:0 3px 15px 5px rgba(0,0,0,0.07); text-align:center; color:var(--PrimaryClr); padding:25px; border-radius:var(--BorderRadius); width:260px; position:relative; transition:none; margin:0 8px; } 
.basic_ser_tab > ul > li.resp-tab-active { background-color: var(--PrimaryClr);  color: var(--WhiteTextClr); box-shadow:0 0; }
.basic_ser_tab > ul > li .icns img { height:45px; }
.basic_ser_tab > ul > li.resp-tab-active .icns img { filter: brightness(0) invert(1);}
.basic_ser_tab > ul > li .tab_title { font-size:18px; margin:20px 0 0;}
.basic_ser_tab .resp-tab-content { padding-top:30px; }
.basic_ser_tab .tab_subhead {font-size:20px; color:#9F9AD4; max-width:810px; margin: 0 auto 25px; text-align: center; line-height:1.2;}
.basic_ser_tab .tab_subhead_cus {font-size:20px; color:#9F9AD4; margin:0 auto 25px; text-align:center; line-height:1.2;}
.basic_ser_tab .level2_tabs {}
.basic_ser_tab .level2_tabs .resp-tabs-list { display:flex; justify-content:space-between; border-radius:100px; overflow:hidden; border:solid 2px var(--PrimaryClr); max-width:500px; margin: 0 auto 20px; }
.basic_ser_tab .level2_tabs .resp-tabs-list li { text-align:center; background-color: var(--LightPrimaryClr); color: var(--PrimaryClr); text-transform:uppercase; font:700 24px var(--SecondaryFont); width:50%; }
.basic_ser_tab .level2_tabs .resp-tabs-list li.resp-tab-active { background-color: var(--PrimaryClr);color: var(--WhiteTextClr); }
.basic_ser_tab .whitebox { background: #fff; border-radius: 15px; padding: 20px 20px 90px 20px; position: relative; height: 100%; margin: 5px; box-shadow:0 3px 15px 5px rgba(0,0,0,0.07); border-top: solid 10px; border-bottom: solid 10px transparent; transition: all linear .3s; display: block; }
.basic_ser_tab .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.basic_ser_tab .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.basic_ser_tab .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.basic_ser_tab .whitebox.border-color4:hover{transition: all linear .3s;border-bottom-color: #CE18EC!important;}
.basic_ser_tab .whitebox .service-block-titles {font-size:17px; font-weight:600; line-height:1.4; padding-right:30px; }
.basic_ser_tab .whitebox .wishlist_empty_icon { position: absolute; right: 20px; top: 20px; }
.basic_ser_tab .whitebox h3 {font-weight:600; font-size:40px;}
.basic_ser_tab .whitebox h3 span { color:#B1AECF; font-size:24px; font-weight:600; }
.basic_ser_tab .whitebox .dark-text {font-size:17px; font-weight:500; margin-bottom:30px; line-height:1.5;}
.basic_ser_tab .whitebox ul li{color: var(--PrimaryLightClr);}
.basic_ser_tab .whitebox .btn-action { position:absolute; bottom:0; width:calc(100% - 0px); left:0; right:0; margin:auto; padding:15px;  text-align:center; display:flex; align-items: center; justify-content: space-between;} .basic_ser_tab .whitebox .btn-action .action-btn { background:#fff; font-weight: 600; border:1px solid #4336C5; border-radius: 50px; font-size: 16px; padding:0 10px; line-height:42px;  display: inline-block; margin: 0; text-align: center; color: #4336C5; min-width:120px;  font-weight: 500; transition: all 0.3s ease 0s; width:100%; }
.basic_ser_tab .whitebox .btn-action .action-btn:hover {background:#4336C5; border-color:#4336C5; color:#fff;}
.basic_ser_tab .swiper-container .controler .swiper-button-next,
.basic_ser_tab .swiper-container .controler .swiper-button-prev { left:0; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.2); border-radius:90px; height:40px; width:40px; }
.basic_ser_tab .swiper-container .controler .swiper-button-next { right:0px; left:inherit; }
.basic_ser_tab .swiper-container .controler .swiper-button-prev { left:0px; }
.basic_ser_tab .swiper-container .controler .swiper-button-next::before,
.basic_ser_tab .swiper-container .controler .swiper-button-prev::before { content: ""; display: block; height: 10px; width: 10px; border: 2px solid #fff; border-left: 0;  border-bottom: 0; transform: rotate(45deg); position: absolute; top: 50%; transform: translate(-50%,-50%) rotate(45deg); left: 47%; }
.basic_ser_tab .swiper-container .controler { position: relative; text-align: center; width: 260px; margin:65px auto 20px; clear: both; }
.basic_ser_tab .swiper-container .controler .swiper-button-prev,
.basic_ser_tab .swiper-container .controler .swiper-button-next { height: 40px; width: 40px; border-radius: 3px; background: none; border: 1px solid #4336c5; }
.basic_ser_tab .swiper-container .controler .swiper-button-next::before,
.basic_ser_tab .swiper-container .controler .swiper-button-prev::before { content: ""; display: block; height: 10px; width: 10px; border: 2px solid #4336c5; border-left: 0; border-bottom: 0; transform: rotate(45deg); position: absolute; top: 50%; transform: translate(-50%,-50%) rotate(45deg); left: 47%; }
.basic_ser_tab .swiper-container .controler .swiper-button-next::after,
.basic_ser_tab .swiper-container .controler .swiper-button-prev::after { display:none; }
.basic_ser_tab .swiper-container .controler .swiper-button-prev::before { transform: translate(-50%,-50%) rotate(-135deg); left:50%; }
.basic_ser_tab .swiper-container .controler .swiper-pagination { position:static; }
.basic_ser_tab .swiper-container .controler .swiper-pagination .swiper-pagination-bullet { background:#c2beee; opacity:1; height:12px; width:12px; transition:0.5s; margin:0 5px; }
.basic_ser_tab .swiper-container .controler .swiper-pagination .swiper-pagination-bullet-active { background:#4336c5; border-radius:7px; width:60px; }
.basic_ser_tab .campaign_sec { padding:20px; border-bottom:0; border-radius:15px 15px 0 0; }
.basic_ser_tab .campaign_sec .disable { opacity:0.3; }
.basic_ser_tab .campaign_sec .disable .campaign_type { box-shadow:0 0; background:#e8e8fa; }
.basic_ser_tab .campaign_sec .head { font-size:20px; font-weight: 600; line-height: 1.4; margin:0 0 10px;}
.basic_ser_tab .campaign_sec .desc { color:#9F9AD4; font-size:16px; max-width:550px; margin-bottom:15px;}
.basic_ser_tab .campaign_sec .campaign_type { background: #fff; box-shadow: 0 0 8px 6px rgba(0,0,0,0.03); margin: 0 0 20px; padding:15px 20px; border-radius: 5px; display:flex; align-items:center; justify-content:space-between; color: var(--PrimaryClr); min-height:70px;}
.basic_ser_tab .campaign_sec .campaign_type .cam_box { display:flex; align-items:center;}
.basic_ser_tab .campaign_sec .campaign_type .cam_box span {font-size:12px; color:#8C81FF;}
.basic_ser_tab .campaign_sec .campaign_type .cam_box img {margin-right:5px;}
.basic_ser_tab .campaign_sec .campaign_type .rate { color:var(--PrimaryClr); font-size:16px; font-weight:600; }
.basic_ser_tab .campaign_sec .campaign_img {}
.basic_ser_tab .campaign_sec .campaign_price_box { margin: 0 -20px -20px; padding: 35px; box-shadow: 0 -10px 10px 0px rgba(0,0,0,0.1); align-items: center; }
.basic_ser_tab .campaign_sec .customer_reach { color:#B1AECF; font-size:24px; font-weight:500; }
.basic_ser_tab .campaign_sec .customer_reach span { font-size:32px; color: var(--PrimaryClr); }
.basic_ser_tab .campaign_sec .campaign_price { display: flex; flex-wrap: wrap; align-items: center; justify-content:end; }
.basic_ser_tab .campaign_sec .campaign_price .btn { color: var(--WhiteTextClr); border-color: var(--PrimaryClr); background-color: var(--PrimaryClr); width: 130px; min-width:235px; border-radius: 50px; height: auto;  line-height:40px; padding: 4px 5px; }
.basic_ser_tab .campaign_sec .campaign_price .price { color:var(--PrimaryClr); font-size:48px; font-weight:500;}
.basic_ser_tab .campaign_sec .campaign_price .price span { color:#B1AECF; font-size:24px; font-weight:500;}
.basic_ser_tab .campaign_sec .fav_btn_sec .btn { color:var(--PrimaryClr); border-color:var(--PrimaryClr); background-color:transparent; width:auto; border-radius:50px; height: auto; border-width:1px; } 
.basic_ser_tab .campaign_sec .fav_btn_sec .btn:hover { background:var(--PrimaryClr); color:#fff;}
.basic_ser_tab .campaign_sec .fav_btn_sec .btn img { vertical-align:middle; margin-right:5px;}
.basic_ser_tab .campaign_sec .fav_btn_sec .btn:hover img { filter: brightness(0) invert(1);}


/*Corporate Services Section*/
.corporate_services {margin:130px 0 0;}
.corporate_services .service_title {color:var(--PrimaryClr); font-size:48px; font-weight:500; line-height: 1; margin:0 0 16px;}
.corporate_services .service_title::after {content:""; background:var(--PrimaryClr); height:1px; width:100px; display:block; margin:25px 0 0;}
.corporate_services .service_subtitle {color:#675AE5; font-size:24px; font-weight:500; margin:0 0 5px;}
.corporate_services .corporate_services_first {box-shadow:0px -4px 10px 2px rgba(0, 0, 0, 0.05);}
.corporate_services .corporate_services_first .inc-shape {background:#E8D634; color:var(--PrimaryClr); width:320px; margin: auto; text-align: center; padding:5px; border-radius: 0 0 50px 50px; font-weight:600;}
.corporate_services .corporate_services_first .bagimg { margin-top:-210px; }
.corporate_services .corporate_services_first .corp-pkg-blk { padding:30px 0 10px; align-items:center; }
.corporate_services .corporate_services_two { background-color:var(--RadiusShadowBg); border-radius:100px 100px 0 0; padding:40px 0 0; position:relative; box-shadow:inset 0px 17px 14px -1px rgb(0 0 0 / 8%);overflow:hidden; }
.corporate_services .cor_ser_tab > ul { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;color: #fff;text-align: center;padding: 0 50px 40px 50px;}
.corporate_services .cor_ser_tab > ul > li { background:#fff; border:2px solid #fff; margin:0 10px; border-radius:20px; padding:25px; width:calc(100% / 6 - 20px); color:var(--PrimaryClr); box-shadow:0px 7px 25px 0px rgb(0 0 0 / 11%);}
.corporate_services .cor_ser_tab > ul > li .img {margin:0 auto 25px;
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    padding: 0;}
.corporate_services .cor_ser_tab > ul > li .img img {
    border-radius: 50%;
    display: block;
    width: 120px;
    min-height:120px;
    margin: 0 auto;
    padding: 0;}	
.corporate_services .cor_ser_tab > ul > li .tabtitle {font-size:20px; font-weight:bold;}
.corporate_services .cor_ser_tab > ul > li.resp-tab-active{ border-color:var(--PrimaryClr);}
.corporate_services .cor_ser_tab > ul > li.resp-tab-active .tabtitle {}

.corporate_services .level2_tabs {}
.corporate_services .level2_tabs .resp-tabs-list { display:flex; justify-content:space-between; border-radius:100px; overflow:hidden; border:solid 2px var(--PrimaryClr); max-width:500px; margin: 0 auto 35px; }
.corporate_services .level2_tabs .resp-tabs-list li { text-align:center; background-color: var(--LightPrimaryClr); color: var(--PrimaryClr); text-transform:uppercase; font:700 24px var(--SecondaryFont); width:50%; }
.corporate_services .level2_tabs .resp-tabs-list li.resp-tab-active { background-color: var(--PrimaryClr);color: var(--WhiteTextClr); }

.corporate_services .resp-tabs-container { background:none; }
.corporate_services .dotlist li { margin-bottom:5px;}
.corporate_services .corporate_service_tab .resp-tabs-container { background-color: transparent;}
.corporate_services .tab_subhead {font-size:17px; color:#9F9AD4; max-width:800px; margin:0 auto 35px; text-align: center; line-height:1.4;}
.corporate_services .tab_subhead_cus {font-size:17px; color:#9F9AD4; margin:0 auto 35px; text-align:center; line-height:1.2;}
.corporate_services .tbscontent02 .tab_subhead {font-weight:500;}
.corporate_services .tbscontent02 .tab_subhead strong {font-weight:700; font-size:18px;}

.corporate_services .whitebox { background: #fff; border-radius: 15px 15px 0 0; padding:20px;position: relative;height: 100%;margin: 5px;box-shadow:0 3px 15px 5px rgba(0,0,0,0.07);border-top: solid 10px;border-bottom: solid 10px transparent;transition: all linear .3s; border-bottom: 0;  }
.corporate_services .whitebox h3 { font-weight: 600; font-size: 48px; }
.corporate_services .whitebox h3 span{color: #B1AECF;font-size: 24px;font-weight: 600;}
.corporate_services .whitebox .dark-text{font-size: 20px;}
.corporate_services .whitebox .service-block-titles{font-size: 24px;font-weight: 500;}
.corporate_services .whitebox ul li{color: var(--PrimaryLightClr);}
.corporate_services .whitebox .btnwrap {position: absolute;bottom: 25px;width: calc(100% - 36px);left: 0;right: 0;margin: auto;}
.corporate_services .whitebox .btn {width: 100%;border-color: var(--PrimaryClr);background-color: transparent;border-width: 1px;}
.corporate_services .whitebox .btn:hover {background-color: var(--PrimaryClr);color: #fff;}
.corporate_services .whitebox.border-color1:hover { transition: all linear .3s;border-bottom-color: #1DE931!important; }
.corporate_services .whitebox.border-color2:hover { transition: all linear .3s;border-bottom-color: #18B9EC!important; }
.corporate_services .whitebox.border-color3:hover { transition: all linear .3s;border-bottom-color: #EC18D7!important; }
.corporate_services .whitebox:hover .btn { background-color: var(--PrimaryClr);color: #fff;}
.corporate_services .grids .shadowbox {color: #9F9AD4;overflow: hidden;border-radius: 20px;font-size: 14px;margin: 0 4px;display: flex;flex-direction: column;height: 100%;transition: all 0.4s ease-out;}
.corporate_services .grids .shadowbox:hover{transition: all linear .3s;transform: scale(1.1);max-width: 100%;transition: 0.5s ease all;transition: all 0.4s ease-out;}
.corporate_services .grids .shadowbox .pictures {overflow: hidden; height:176px;}
.corporate_services .grids .shadowbox .pictures img {display:block; transition:all 0.4s ease-out; height:100%;}
.corporate_services .grids .shadowbox:hover img {transition:all 0.4s ease-out; transform:scale(1.15);}
.corporate_services .grids .shadowbox h4{font-size: 20px;font-weight: 400;color: var(--PrimaryClr);margin-bottom: 13px;text-align: center;}
.corporate_services .grids .shadowbox p {margin:0; line-height:1.3;}
.corporate_services .grids .shadowbox .pictures-content {padding:28px;}

.corporate_services .grids .shadowbox2 {background:var(--WhiteBgClr); box-shadow:var(--BoxShadow); color:#9F9AD4;overflow: hidden;border-radius: 20px;font-size: 16px;margin: 0 4px;display: flex;flex-direction: column;height: 100%;transition: all 0.4s ease-out;}
.corporate_services .grids .shadowbox2:hover {transition:all linear .3s;transform: scale(1.1);max-width: 100%;transition: 0.5s ease all;transition: all 0.4s ease-out;}
.corporate_services .grids .shadowbox2 .pictures {overflow:hidden;}
.corporate_services .grids .shadowbox2 .pictures img { display: block;transition: all 0.4s ease-out;}
.corporate_services .grids .shadowbox2 .icon { overflow: hidden; text-align: center; margin:0 0 12px;}
.corporate_services .grids .shadowbox2 h4 {font-size:16px;font-weight:900;color:var(--PrimaryClr);margin-bottom:13px;text-align:center;}
.corporate_services .grids .shadowbox2 p {margin:0; line-height:1.3;}
.corporate_services .grids .shadowbox2 .pictures-content {padding:28px;}

.corporate_services .pkg-contact-form .btnwrap {max-width: 640px;text-align: center;background: #fff;border-radius: 300px 300px 0 0;padding:40px 80px 20px;margin: 80px auto 0;box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 6%);position: relative;}
.corporate_services .pkg-contact-form .btnwrap .pkg-text {position: absolute;background: #fff;border-radius: 50px;line-height: 1.5;text-align: center;padding: 10px 30px;box-shadow: 4px -1px 11px 0px rgb(0 0 0 / 16%);left: 0;max-width: 230px;right: 0;margin: auto;color: var(--PrimaryClr);font-weight: 600;top: 27px;}
.corporate_services .pkg-contact-form .btnwrap .pkg-text .light-text{font-weight: 400;}
.corporate_services .pkg-contact-form .btn {width: 100%;border-color: var(--PrimaryClr);background-color: var(--PrimaryClr);color: #fff;margin-top: 20px;max-width: 400px;}
.corporate_services .pkg-contact-form .btn:hover {color: #fff;background-color: var(--PrimaryClrHvr);}

.corporate_services .tbscontent01 .whitebox  { width:1110px; margin:auto; }
.corporate_services .corpor_list .columns:first-child {width: 20%;}
.corporate_services .corpor_list .columns:nth-child(2) {width: 40%;}
.corporate_services .corpor_list .columns:last-child { width: 40%; }
.corporate_services .corpor_list h5 {color:var(--PrimaryClr); font-weight:500; font-size:18px;}
.corporate_services .corpor_list .icon_box { border-radius:8px; box-shadow:0px 7px 25px 0px rgb(0 0 0 / 11%); color:var(--PrimaryClr); display:inline-block; font-size:14px; font-weight:bold; padding:15px; }
.corporate_services .icon_list { font-size:14px; color:#9F9AD4; padding-top:15px; border-top: 1px solid #eceaff;}
.corporate_services .icon_list .icon_box { background:#fff; border-radius:100px; box-shadow:0px 7px 25px 0px rgb(0 0 0 / 11%); height:48px; width:48px; display:flex; align-items:center; justify-content:center; padding:5px;}
.corporate_services .icon_list .icon_box img {height:28px;}
.corporate_services .head { font-size:20px; font-weight: 600; line-height: 1.4; margin:0 0 10px; }
.corporate_services .desc { color:#9F9AD4; font-size:16px; max-width:550px; margin-bottom:15px; }
.corporate_services .corp_campaign_sec .campaign_type { background: #fff; box-shadow: 0 0 8px 6px rgba(0,0,0,0.03); margin: 0 0 20px; padding:15px 20px; border-radius: 5px; display:flex; align-items:center; justify-content:space-between; color: var(--PrimaryClr); min-height:70px; }
.corporate_services .corp_campaign_sec .campaign_type .cam_box { display:flex; align-items:center; }
.corporate_services .corp_campaign_sec .campaign_type .cam_box span { font-size:12px; color:#8C81FF; }
.corporate_services .corp_campaign_sec .campaign_type .cam_box img { margin-right:5px; }
.corporate_services .corp_campaign_sec .campaign_type .rate { color:var(--PrimaryClr); font-size:16px; font-weight:600; }
.corporate_services .corp_campaign_sec .campaign_img {}
.corporate_services .corp_campaign_sec .campaign_price_box { margin: 0 -20px -20px; padding: 35px; box-shadow: 0 -10px 10px 0px rgba(0,0,0,0.1); align-items: center; }
.corporate_services .corp_campaign_sec .customer_reach { color:#B1AECF; font-size:24px; font-weight:500; }
.corporate_services .corp_campaign_sec .customer_reach span { font-size:32px; color: var(--PrimaryClr); }
.corporate_services .corp_campaign_sec .campaign_price { display: flex; flex-wrap: wrap; align-items: center; justify-content:end; }
.corporate_services .corp_campaign_sec .campaign_price .btn { color: var(--WhiteTextClr); border-color: var(--PrimaryClr); background-color: var(--PrimaryClr); width: 130px; min-width:235px; border-radius: 50px; height: auto;  line-height:40px; padding: 4px 5px; }
.corporate_services .corp_campaign_sec .campaign_price .price { color:var(--PrimaryClr); font-size:48px; font-weight:500; }
.corporate_services .corp_campaign_sec .campaign_price .price span { color:#B1AECF; font-size:24px; font-weight:500; }
.corporate_services .corp_campaign_sec .fav_btn_sec .btn {color:var(--PrimaryClr); border-color:var(--PrimaryClr); background-color:transparent; width:215px; border-radius:50px; height:auto; border-width:1px;} 
.corporate_services .corp_campaign_sec .fav_btn_sec .btn:hover { background:var(--PrimaryClr); color:#fff;}
.corporate_services .corp_campaign_sec .fav_btn_sec .btn img { vertical-align:middle; margin-right:5px;}
.corporate_services .corp_campaign_sec .fav_btn_sec .btn:hover img { filter: brightness(0) invert(1);}

.marketplace_sec { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(237,237,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(237,237,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(237,237,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededff',GradientType=0 ); /* IE6-9 */}
.marketplace_sec .item_box { position: relative; border-radius: 20px; overflow: hidden; z-index:9;}
.marketplace_sec .item_box .slide_overlay { z-index:8; position:absolute; left:0; top:0; height:100%; width:100%;}
.marketplace_sec .item_box img { width:100%;}
.marketplace_sec .item_box .item_desc {
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(5,0,55,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(5,0,55,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(5,0,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#050037',GradientType=0 );
position:absolute; bottom:0; color:#fff; padding: 30px; z-index:9; width:100%;}
.marketplace_sec .item_box .item_desc p { margin:0; line-height:1.3;}
.marketplace_sec .item_box .item_desc .item_title {font-size:36px; font-weight:600; margin:0 0 15px;}
.marketplace_sec .slider-container {height:700px; display:block; width:auto; margin:0 auto; position:relative;}
.marketplace_sec .slider-container .arrow-left {display:none; position:absolute; left:10%; top:50%; transform:translate3d(0, -50%, 0); color:white; font-size: 28px; cursor: pointer; z-index: 9; border-top: 15px solid transparent;   border-right: 30px solid #c85054; border-bottom: 15px solid transparent; }
.marketplace_sec .slider-container .arrow-right { display:none; position: absolute; right: 10%; top: 50%; transform: translate3d(0, -50%, 0); color: white; font-size: 28px; cursor: pointer; z-index: 9; border-top: 15px solid transparent; border-left: 30px solid #c85054; border-bottom: 15px solid transparent; }
.marketplace_sec .slider-container .dots { display:none;  display: inline-block; width: 100%; text-align: center; user-select: none; margin:20px 0 0; }
.marketplace_sec .slider-container .dots > span { display: inline-block; /*width: 20px; height: 20px;*/ margin: 0 -2px; cursor: pointer; user-select: none; padding:10px 10px 30px; position: relative; font-size:14px; color:var(--PrimaryClr); position:relative;}
.marketplace_sec .slider-container .dots > span:first-child::after { border-radius:10px 0 0 10px;}
.marketplace_sec .slider-container .dots > span:last-child::after { border-radius:0 10px 10px 0;}

/*.marketplace_sec .slider-container .dots > span:after { content: ""; position: absolute;eft: 50%;  top: 50%; transform: translate3d(-50%, -50%, 0); height:10px 5px;  width: 10px; border-radius: 50%; background-color: #ccc; opacity: 0.6; background: #fff; height: 16px; display: block; width: auto; border-radius: 0; margin-top: 9px; }*/
.marketplace_sec .slider-container .dots > span:after { content: ""; position: absolute; left:0;  bottom:0; height:10px 5px;  width: 10px; border-radius: 50%; background-color: #ccc; opacity: 0.6; background: #fff; height: 16px; display: block; width: 100%; border-radius: 0; margin-top: 9px; }
.marketplace_sec .slider-container .dots > span.active {font-size:17px; font-weight:bold;}
.marketplace_sec .slider-container .dots >  span.active:after { background-color:var(--PrimaryClr); opacity: 1; border-radius: 10px; }
.marketplace_sec .slider-container .slider { display: block; height:620px; margin: 0 auto; position: relative;  color: white; }
.marketplace_sec .slider-container .slider .slide {display: inline-block; width:70%; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0) scale3d(0.4, 0.4, 1); transition: transform 0.3s ease-in-out 0s, z-index 0.2s ease-in-out 0.1s;}
.marketplace_sec .slider-container .slider .slide.prev-2 { transform: translate3d(-105%, -50%, 0) scale3d(0.4, 0.4, 1); z-index: 1; opacity: 0.5; }
.marketplace_sec .slider-container .slider .slide.prev-1 { transform: translate3d(-85%, -50%, 0) scale3d(0.6, 0.6, 1); z-index: 2; }
.marketplace_sec .slider-container .slider .slide.next-1 { z-index: 2; transform: translate3d(-15%, -50%, 0) scale3d(0.6, 0.6, 1); } 
.marketplace_sec .slider-container .slider .slide.next-2 { z-index: 1; transform: translate3d(5%, -50%, 0) scale3d(0.4, 0.4, 1); opacity: 0.5; } 
.marketplace_sec .slider-container .slider .slide.active { z-index: 3; transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.marketplace_sec .sitewrapper {max-width:1260px;}
/* Praveen End */

body.customer-account-forgotpassword .page-main > .page-title-wrapper .page-title {text-align: center;
    border-bottom: none;
    margin: 80px auto 20px;
    padding: 0;
    display: block;
    font-size: 40px;
    line-height: 47px; font-weight:700;
    text-transform: none;}
body.customer-account-forgotpassword .field.note {text-align:center;}
body.customer-account-forgotpassword .field.note h4 {text-align:center; font-size: 24px;
    line-height: 28px;
    font-weight: 700;}	

.customer-account-forgotpassword input[type="text"], .customer-account-forgotpassword input[type="password"], .customer-account-forgotpassword input[type="url"], .customer-account-forgotpassword input[type="tel"], .customer-account-forgotpassword input[type="search"], .customer-account-forgotpassword input[type="number"], .customer-account-forgotpassword input[type*="date"], .customer-account-forgotpassword input[type="email"] {background: #F8F8FF;
    color: #000;
    border: 1px solid #F8F8FF;
    padding: 15px 15px 15px 15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 56px;
    line-height: 24px;
    font-size: 16px;
    border-bottom: 1px solid #9F9F9F;}
.customer-account-forgotpassword textarea {background: #F8F8FF;
    color: #000;
    border: 1px solid #F8F8FF;
    padding: 15px 15px 15px 35px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    min-height:120px;
    line-height: 24px;
    font-size: 16px;
    border-bottom:1px solid #9F9F9F;} 
.form.password.forget .fieldset:after {margin-top:10px; font-size:14px !important; font-weight:500;}	
.customer-account-forgotpassword .actions-toolbar {text-align:center;}
.customer-account-forgotpassword .actions-toolbar .primary, .customer-account-forgotpassword .actions-toolbar .secondary {float:none;}
.customer-account-forgotpassword .actions-toolbar .primary .action {
	margin: 0 auto;
    display: inline-block;
    text-align: center;
    float: none;
    padding: 0 30px;}
form.form.password.forget {margin:0 auto; padding-bottom:80px;}	
.customer-account-forgotpassword .actions-toolbar div {font-size: 16px;
    margin-top: 20px;
    font-weight: 500;
    display: block;
    line-height: 24px;}
.customer-account-forgotpassword .actions-toolbar div span a {font-weight:600; margin-left:10px; display:inline-block;}
.customer-account-forgotpassword .actions-toolbar div span a:hover {text-decoration:underline;}
form.form.password.forget .fieldset > .field > .label, form.form.password.forget .fieldset > .fields > .field > .label {font-weight:500; text-decoration:none;
    font-size: 16px;
    color: #2f2f2f; display:block;}

.message.error {font-size:16px;}
.customer-account-createpassword .page-main > .page-title-wrapper .page-title {text-align:center;
    border-bottom:none;
    margin:80px auto 30px;
    padding: 0;
    display: block;
    font-size: 40px;
    line-height: 47px; font-weight:700;
    text-transform: none;}
.customer-account-createpassword .field.note {text-align:center;}
.customer-account-createpassword .field.note h4 {text-align:center; font-size:24px; line-height:28px; font-weight:700;}
.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search {min-width:680px;
    width: 50%;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f9f9f9;
    border: 2px solid #F5F2FB;}
.customer-account-createpassword .password-strength-meter {font-size:14px; font-weight:500;}
.customer-account-createpassword .actions-toolbar {text-align:left; margin:0 auto;}
.customer-account-createpassword .actions-toolbar .primary {float:none; display:block !important; margin:0 auto; text-align:center;}
.customer-account-createpassword .actions-toolbar .primary .action {margin:0 auto; padding:0 35px;}
.customer-account-createpassword .columns .column.main {padding-bottom:80px;}	
.customer-account-createpassword .fieldset > .field > .label, .customer-account-createpassword .fieldset > .fields > .field > .label {font-weight:500;
    text-decoration: none;
    font-size: 16px;
    color: #2f2f2f;
    display:block;}
.customer-account-createpassword .field .control .input-text {background:#fff;
    color: #000;
    border: 1px solid #F8F8FF;
    padding: 15px 15px 15px 15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 56px;
    line-height: 24px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;}
.customer-account-createpassword .fieldset > .field.choice .label {font-weight:500;
    text-decoration: none;
    font-size: 14px;
    color: #2f2f2f;
    display: inline-block;}	
.customer-account-createpassword .fieldset > .field, .customer-account-createpassword .fieldset > .fields > .field {margin:0 0 30px;}	

@media screen and (min-width:1680px) {

.mplace-category.custom-scrollbar .swiper-horizontal > .swiper-scrollbar {bottom:0px; width:calc(100% - 0px);}

}



/************** Cart **************/
 
.cart-section .whitebox {background:#fff;
    border-radius:15px;
    padding:20px 20px 20px 20px;
    position:relative;
    height:100%;
    margin:0 0 50px;
    box-shadow:0px 0px 10px 8px rgb(0 0 0 / 8%);
    border-top:solid 10px;
    border-bottom: solid 10px transparent;
    transition: all linear .3s;
    display: block;
    float: left;
    width: 100%;}
.cart-section .whitebox h3 {font-weight:600; font-size:48px;}
.cart-section .whitebox h3 span {color:#B1AECF; font-size:24px; font-weight:600;}
.cart-section .whitebox .dark-text {font-size:18px; font-weight:500; margin-bottom:30px;}
.cart-section .whitebox .full-col.full-bottom {position:relative; top:0; right:0; padding-top:20px; padding-right:15px;}
.cart-section .whitebox .full-col {float:left;
    width:100%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding:0 0 10px;}
.cart-section .whitebox .left-col {float: left;
    width: 50%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding: 0 20px 0 0;}
.cart-section .whitebox .right-col {float:right;
    width:50%;
    display:block;
    margin:0;
    position:relative;
    text-align:left;
    padding:0 0 0 20px;}
.cart-section .whitebox .favorite-btn {display: flex;
    text-align: right;
    min-width: 200px;
    width: auto;
    align-items: center;
    justify-content: flex-end;}
.cart-section .whitebox .favorite-btn a.signup.btn {width:auto; padding:0 30px;
    min-width: 200px;
    margin-right: 20px;}	
.cart-section .whitebox .favorite-btn a.action-btn {display: flex;}	
.cart-section .whitebox .service-block-titles {font-size:20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--BlackTextClr);
    padding: 0;
    margin: 0 0 10px;}
.cart-section .whitebox .para {font-size:16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--PrimaryLightClr);
    padding: 0;
    margin: 0 0 10px;}	
.cart-section .whitebox .favorite-icon {position: absolute; right: 15px; top: 28px; display: inline-block;}
.cart-section .whitebox ul li{color: var(--PrimaryLightClr);}
.cart-section .whitebox .btnwrap {position:absolute;
    bottom:0;
    width:calc(100% - 0px);
    left:inherit;
    right:0;
    margin:auto;
    padding:15px; 
	text-align:right;}
.cart-section .whitebox .border-color1{border-top-color: #1DE931!important;}
.cart-section .whitebox .border-color2{border-top-color: #18B9EC!important;}
.cart-section .whitebox .border-color3{border-top-color: #EC18D7!important;}	
.cart-section .whitebox .border-color4{border-top-color: #18EC86!important;}	
.cart-section .whitebox .btnwrap .action-btn {display:inline-block; padding-left:8px;}
.cart-section .whitebox .btnwrap .action-btn:hover {opacity:0.4;}
.cart-section .whitebox .btn {width:100%; border-color:var(--PrimaryClr); background-color:transparent; border-width:1px; position:relative; font-size:16px;}
.cart-section .whitebox:hover .btn {color:var(--PrimaryClr); background-color:transparent;}
.cart-section .whitebox .btn:hover {background-color:var(--PrimaryLightClr); border-color:var(--PrimaryLightClr); color:#fff;}
.cart-section .whitebox .btn .icon {position:relative; top:6px; right:5px; display:inline-block;}
.cart-section .whitebox.border-color1:hover{transition: all linear .3s;border-bottom-color: #1DE931!important;}
.cart-section .whitebox.border-color2:hover{transition: all linear .3s;border-bottom-color: #18B9EC!important;}
.cart-section .whitebox.border-color3:hover{transition: all linear .3s;border-bottom-color: #EC18D7!important;}
.cart-section .whitebox.border-color4:hover{transition: all linear .3s;border-bottom-color: #18EC86!important;}
.cart-section .whitebox .btn-action {position:relative;
    width:auto;
    margin:0;
    padding:0;
    text-align:right;
    display:inline-block; float:right;}
.cart-section .whitebox .btn-action .action-btn {background:#4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding:0 10px; line-height:46px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #fff;
    min-width:200px;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.cart-section .whitebox .btn-action .action-btn:hover {background:#fff; border:2px solid #4336C5; color:#4336C5;}
.cart-section .whitebox .full-col .price-col .price-box {display:inline-block; margin:0 20px 0 0; padding:0;}
.cart-section .whitebox .full-col .price-col.price-b2b {width:100%;}
.cart-section .whitebox .full-col .price-col {text-align:right;
    display:flex;
    margin:0;
    padding:0;
    justify-content:right;
    align-items:center;
    flex-wrap:wrap; width:50%;}
.cart-section .whitebox .full-col.full-bottom .mini-price {float:left;
    text-align: left;
    width: 50%;
    display: inline-block;
    color: #B1AECF;
    font-size: 20px;
    line-height: 48px;
    font-weight: 500;}	
.cart-section .whitebox .full-col.full-bottom .mini-price span {color:var(--PrimaryClr); font-size:26px; font-weight: 500;}	
.cart-section .whitebox .price-box .price {font-size:36px;
    line-height:46px;
    font-weight:600;
    color:var(--PrimaryClr);
    display:inline-block;}
.cart-section .whitebox .price-box .price span {color:#B1AECF; font-size:18px; line-height:24px; font-weight:500;}


/******************* Services *******************/

.services-section {display: block;
    margin: 0 auto;
    padding:50px 0;
    width: 100%; position:relative;}
.services-section h2 {font-size:30px; display:block; text-align:center;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);}	
.services-section .services-left {float:left;
    width:25%;
    margin:0;
    padding:0;
    box-sizing:border-box;}
.services-section .services-right {float:left;
    width:73%;
    margin:0 0 0 2%;
    padding:0;
    box-sizing:border-box;}		
.services-left .columns {margin-bottom:70px;
    display:flex;
    padding:0;
    justify-content:center;}
.services-section .whitebox {background:#fff;
    border-radius: 15px;
    padding: 20px 20px 20px 20px;
    position: relative;
    height:100%;
    margin:20px 15px 20px;
    box-shadow: 0px 0px 10px 8px rgb(0 0 0 / 8%);
    border-top: solid 10px;
    border-bottom: solid 10px transparent;
    transition: all linear .3s;
    display: block;
    float: left;
    width: 100%;}
.services-section .whitebox h3 {font-weight:600; font-size:48px;}
.services-section .whitebox h3 span {color:#B1AECF; font-size:24px; font-weight:600;}
.services-section .whitebox .dark-text {font-size:18px; font-weight:500; margin-bottom:30px;}
.services-section .whitebox .full-col.full-bottom {position:relative; top:0; right:0; padding-top:20px; padding-right:15px;}
.services-section .whitebox .full-col {float:left;
    width:100%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding:0 0 10px;}
.services-section .whitebox .left-col {float: left;
    width: 50%;
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
    padding: 0 20px 0 0;}
.services-section .whitebox .right-col {float:right;
    width:50%;
    display:block;
    margin:0;
    position:relative;
    text-align:left;
    padding:0 0 0 20px;}
.services-section .whitebox .favorite-btn {display:flex;
    text-align:right;
    min-width:200px;
    width: auto;
    align-items:center;
    justify-content:flex-end;}
.services-section .whitebox .favorite-btn a.signup.btn {width: auto;
    min-width: 200px;
    margin-right: 20px;}	
.services-section .whitebox .favorite-btn a.action-btn {display: flex;}	
.services-section .whitebox .service-block-titles {font-size:20px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--BlackTextClr);
    padding: 0;
    margin: 0 0 10px;}
.services-section .whitebox .para {font-size:16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--PrimaryLightClr);
    padding: 0;
    margin: 0 0 10px;}	
.services-section .whitebox .favorite-icon {position: absolute; right: 15px; top: 28px; display: inline-block;}
.services-section .whitebox ul li{color: var(--PrimaryLightClr);}
.services-section .whitebox .btnwrap {position:absolute;
    bottom:0;
    width:calc(100% - 0px);
    left:inherit;
    right:0;
    margin:auto;
    padding:15px;
    text-align:center;}
.services-section .whitebox .border-color1{border-top-color: #1DE931!important;}
.services-section .whitebox .border-color2{border-top-color: #18B9EC!important;}
.services-section .whitebox .border-color3{border-top-color: #EC18D7!important;}	
.services-section .whitebox .border-color4{border-top-color: #18EC86!important;}	
.services-section .whitebox .btnwrap .action-btn {display:inline-block; padding-left:0; font-weight:600; font-size:18px;}
.services-section .whitebox .btnwrap .action-btn:hover {opacity:0.4;}
.services-section .whitebox .btn {width:100%; border-color:var(--PrimaryClr); background-color:transparent; border-width:1px; position:relative; font-size:16px;}
.services-section .whitebox:hover .btn {color:var(--PrimaryClr); background-color:transparent;}
.services-section .whitebox .btn:hover {background-color:var(--PrimaryLightClr); border-color:var(--PrimaryLightClr); color:#fff;}
.services-section .whitebox .btn .icon {position:relative; top:6px; right:5px; display:inline-block;}
.services-section .whitebox.border-color1:hover{transition:all linear .3s;border-bottom-color:#1DE931!important;}
.services-section .whitebox.border-color2:hover{transition:all linear .3s;border-bottom-color:#18B9EC!important;}
.services-section .whitebox.border-color3:hover{transition:all linear .3s;border-bottom-color:#EC18D7!important;}
.services-section .whitebox.border-color4:hover{transition:all linear .3s;border-bottom-color:#18EC86!important;}
.services-section .whitebox .btn-cancel {position:relative;
    width:auto;
    margin:0;
    padding:0;
    text-align:right;
    display:inline-block; float:right;}
.services-section .whitebox .btn-cancel .action-btn {background:#C53636;
    border: 2px solid #C53636;
    border-radius: 50px;
    font-size: 16px;
    padding:0 10px; line-height:46px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #fff;
    min-width:200px;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.services-section .whitebox .btn-cancel .action-btn:hover {background:#fff; border:2px solid #C53636; color:#C53636;}
.services-section .whitebox .full-col .price-col .price-box {display:inline-block; margin:0 20px 0 0; padding:0;}
.services-section .whitebox .full-col .price-col.price-b2b {width:100%;}
.services-section .whitebox .full-col .price-col {text-align:right;
    display:flex;
    margin:0;
    padding:0;
    justify-content:right;
    align-items:center;
    flex-wrap:wrap; width:50%;}
.services-section .whitebox .full-col.full-bottom .mini-price {float:left;
    text-align: left;
    width: 50%;
    display: inline-block;
    color: #B1AECF;
    font-size: 20px;
    line-height: 48px;
    font-weight: 500;}	
.services-section .whitebox .full-col.full-bottom .mini-price span {color:var(--PrimaryClr); font-size:26px; font-weight:500;}	
.services-section .whitebox .price-box .price {font-size:36px;
    line-height:46px;
    font-weight:600;
    color:var(--PrimaryClr);
    display:inline-block;}
.services-section .whitebox .price-box .price span {color:#B1AECF; font-size:18px; line-height:24px; font-weight:500;}	


.popup-innerhead .addressBoxListing {margin:0 auto; padding:0; display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative; align-items: center;
    justify-content: space-between;}    
.popup-innerhead .addressBoxListing .addcontent {height:auto;
    width:calc(25% - 18px);
    margin:0;
    padding:15px; box-shadow: var(--BoxShadow);
    text-align:center; border-radius:15px;
    border:solid 1px transparent;
    background-color: var(--WhiteBgClr); font-size:14px; font-weight: 400; position:relative; min-height:62px; line-height:32px;}
.popup-innerhead .addressBoxListing .addcontent span {position:relative; display:inline-block; margin-right:5px; top:3px;}
.popup-innerhead .addressBoxListing .addcontent span img {width:auto; height:auto; display:inline-block;} 
.process-making .tea-brandslider .swiper-slide-active .slidecontents {border-color:transparent;}
.process-making .tea-brandslider .product-info {padding:0 15px 20px; display:block; margin:0 auto; text-align:left; width:100%;}
.process-making .pro-listslider .swiper-slide-active .slidecontents {border-color:transparent;}
.process-making .pro-listslider .product-info {padding:0 15px 20px; display:block; margin:0 auto; text-align:left; width:100%;}

.customer-questions .btn-action {position:relative;
    bottom:0;
    width:calc(100% - 0px);
    left:0;
    right:0;
    margin:auto;
    padding: 15px;
    text-align: center;
    display: flex;
    align-items:center;
    justify-content:space-between;}
.customer-questions .btn-action .action-btn {background:#fff;
    border: 1px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding: 0 10px;
    line-height: 42px;
    display: inline-block;
    margin: 0;
    text-align: center;
    color: #4336C5;
    min-width: 130px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    width: auto;}
.customer-questions .btn-action .action-btn:hover {background:#4336C5; border:1px solid #4336C5; color:#fff;}
	
.ho-section {width: 100%;
    padding: 30px;
    box-shadow: var(--BoxShadow);
    text-align: left;
    height: 100%;
    border-radius: 15px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);}
.ho-section .ho-list {margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    align-items: baseline;
    justify-content: flex-start;}
.ho-section .ho-list .ho-box {margin: 0 3.333% 0 0;
    padding: 0;
    width: 40%;
    display: block;}
.ho-box .addcontent {height: auto;
    width: calc(100% - 20px);
    margin: 0;
    padding: 15px;
    box-shadow: var(--BoxShadow);
    text-align: center;
    border-radius: 15px;
    border: solid 1px transparent;
    background-color: var(--WhiteBgClr);
    font-size: 14px;
    font-weight: 400;
    position: relative;
    min-height: 62px;
    line-height: 32px;}
.ho-box .addcontent span {
    position: relative;
    display: inline-block;
    margin-right:0;
    top: 3px; line-height:1;}	
.ho-box .addcontent span.text {top: 0;
    margin-right: 20px;}

.management-team {width:100%; margin:0 auto; padding:60px 0 0;}
.management-team .card-listing {margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    align-items: baseline;
    justify-content:flex-start;}
.team-card .card-single	{border-radius: 12px 12px 0px 0px;
    padding: 0;
    margin: 0;
    box-shadow: var(--BoxShadow);
    text-align: center;
    border: none;
    background-color: var(--WhiteBgClr);
    position: relative;}	
.management-team .team-card {clear:both;
    display:block;
    margin:0 25px 20px 0;
    min-height:335px;
    width:232px;}
.team-card .picture {
    position:relative;
    margin:0 auto;
    padding:0;}
.team-card .information {
    position: absolute;
    left: 0;
    right: 0;
    top:85%;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #4336C5;
    padding: 10px;
    background: rgba(67, 54, 197, 0.8);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);}
.team-card .information .name {font-size:17px; font-weight:700; line-height:19px; margin:0 0 5px; padding:0; display:block;}	
.team-card .information .profile {font-size:16px; font-weight:400; line-height:19px; margin:0 0 10px; padding:0; display:block;}	
.team-card .information .description {font-size:15px; font-weight:400; line-height:19px; margin:0; padding:0; display:block;}	

/************************ Setup-demo play button **********************/
.primary-nav {position:relative;}
.setup-demo {position:absolute;
    right: 10px;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;}	
.setup-demo .demo-action {background:linear-gradient(128.82deg, #4336C5 14.79%, #160D73 85.9%); width:160px;
    height:76px;
    padding:10px;
    margin:0 auto;
    color:#fff;
    text-align:center;}
.setup-demo .demo-play {margin:0; padding:0; line-height:1; display:block;}
.setup-demo .title {
font-size:16px;
font-weight:700;
line-height:19px;
letter-spacing:0em;
text-align:center; color:var(--WhiteTextClr); margin:5px 0 0; padding:0;}

.cart-section .sitewrapper {clear:none; padding:0;}
.cart-left .cart.actions .border-btn {float:left;
    margin-right:20px;
    display:inline-block;
    clear:none;
    min-width:160px;
    padding:0 30px;
    line-height:48px;}
.cart-section .cart-left #shopping-cart-table {display:block; margin:0;}
.cart-summary .checkout-methods-items .action.primary.checkout {font-size:20px; padding:10px 20px; width:100%;}
.abs-sidebar-totals .grand .mark, .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark {font-size:20px;}
.abs-sidebar-totals .grand .amount, .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount {font-size:20px;}
.cart-summary > .title {
    font-size: 28px;
    font-weight: 600;
    margin: 12px 0;}
.cart-summary .block .title strong {font-size:20px;}

.store-banner .herowrap {margin-top:15px;}
.store-banner .herowrap .sitewrapper {max-width:100%; padding:0; margin:0 auto;}
.store-banner .herowrap .hero {background-position:center center; border-radius:0; min-height:360px;}
.store-banner .herowrap .hero:before {display:none;} 

.opc-progress-bar-item {width:300px;}
.opc-progress-bar {margin:50px 0;}
.opc-progress-bar-item > span {
    display: inline-block;
    padding-top: 45px;
    width: 100%;
    word-wrap: break-word;
    color: #000;
    font-weight: 600;
    font-size: 24px;}
.opc-progress-bar-item._active > span {
    color: #4336c4;
    font-weight: 600;
    font-size: 24px;
    font-weight: bold;}	
.opc-progress-bar-item._active:before {
    background: #4336c4;
    border-color: #4336c4;}	
.opc-progress-bar-item._active > span:before {
    background: #4336c4;
    border-color: #4336c4;}	
.opc-progress-bar-item._active > span:after {
    border-color: #4336c4;
    content: '\e610';
    font-family: 'luma-icons';}	
.opc-progress-bar-item > span:after {
    background: #ffffff;
    height: 26px;
    margin-left: -13px;
    top: 6px;
    width: 26px;
    content: counter(i);
    counter-increment: i;
    color: #4336c4;
    font-weight: 600;
    font-size: 20px;}	
.abs-checkout-title, .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title {font-size: 30px;
    font-weight: 700;
    margin:0;
    padding-bottom: 15px;
    line-height: 1.2;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);
    border-bottom: solid 1px var(--LightPrimaryClr);
    display: block;
    width: 100%;}	
.opc-wrapper .step-title {
    border-bottom: solid 1px var(--LightPrimaryClr);
    margin-bottom: 15px;}	
.opc-block-summary .items-in-cart > .title strong {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    color: var(--PrimaryClr);}	
.opc-block-summary .minicart-items-wrapper {height: 300px !important;}	
.minicart-items .product-item-name {
    font-weight: 600;
    margin: 0 0 10px;
    font-size: 18px;}
.minicart-items .product-item-details .details-qty {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;}	
.opc-block-summary .product-item .price {
    font-size: 16px;
    font-weight: 600;}	
.checkout-shipping-method .actions-toolbar .action.primary.button {margin-top: 0;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;}	
.opc-wrapper .step-content {margin: 40px 0;}
.table-checkout-shipping-method tbody td {border: none;}
.opc-wrapper .form-login, .opc-wrapper .form-shipping-address { max-width:100%;}
.opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label {
    font-weight: 500; font-size: 18px; color: #333;}
.opc-wrapper select {
    box-sizing: border-box;
    border-radius: 5px;
    height: 45px;
    border: 2px solid #e9ecef;}	
.message {font-size:14px;}	
/*.opc-block-shipping-information {
    background:#f5f5f5;
    margin:0 0 20px;
    padding:22px 30px;}*/
.checkout-payment-method .payment-option-title .action-toggle {
    color: #000;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;}	
.opc-wrapper .form-discount {
    max-width: 100%;}	
.abs-discount-code .form-discount, .checkout-payment-method .payment-option-content .form-discount {display: block; width: 100%;}	
.checkout-payment-method .payment-option-inner {
    margin: 0 0 20px;
    width: 100%;
    display: block;}
.abs-discount-code .form-discount .actions-toolbar, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar {display: block;
    vertical-align: top;
    width: 100%;}	
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {margin: 0;
    white-space: nowrap;
    background-color: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    transition: all linear .3s;
    font-size:16px;
    padding: 0 35px;
    width:auto;
    box-shadow: none !important;
    line-height: 56px !important;
    border-radius: 35px;
    outline: none;
    border: solid 2px var(--WhiteBgClr);
    height: 60px;}	
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover {color: var(--PrimaryClr); border-color: var(--PrimaryClr);
    background-color: transparent; font-weight: 400; transition: all linear .3s;}	
.opc-progress-bar-item._complete > span {color:#4336c4;}	
.abs-button-l, #store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary {padding:10px 35px; font-size:21px;}
.checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form {max-width:100%;}

.opc-wrapper .fieldset > .field > .label, .opc-wrapper .fieldset > .fields > .field > .label {
    font-weight: 500;
    font-size: 16px;
    color: #000;}
.checkout-payment-method .actions-toolbar .primary {float:right; margin:0; width:auto;}	
.checkout-payment-method .actions-toolbar .primary.checkout {min-width:220px;}
.checkout-billing-address .actions-toolbar .action-cancel {float:left; margin:0 20px 0 0; font-weight:600; font-size:20px; color:#4336c4; text-decoration:none;}	
.checkout-billing-address .actions-toolbar .action-cancel:hover {color:#4336c4; text-decoration:underline;}
.checkout-billing-address .action-update {float:right;
    white-space:nowrap;
    background-color: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    transition: all linear .3s;
    font-size: 20px;
    padding: 0 35px;
    box-shadow: none;
    line-height: 56px;
    border-radius: 35px;
    outline: none;
    border: solid 2px var(--WhiteBgClr);
    height: 60px;}
.checkout-billing-address .action-update:hover {color: var(--PrimaryClr); border-color: var(--PrimaryClr); background-color: transparent; font-weight: 400; transition: all linear .3s;}	
.checkout-payment-method .checkout-billing-address .fieldset .actions-toolbar > .primary {width:100%;}	
.stores-create-account .form.create.account {width:100%;}
.stores-create-account .signup-section {margin:40px 0 0;}
.stores-create-account .signup-section h1 {color: var(--PrimaryClr); text-align:left;
    font-size: 40px;
    margin: 0 0 20px;
    font-weight: 700;
    text-transform: inherit;}
.stores-create-account .form.create.account .form-column {width:46%;}	

.pagewrap-outer .siteheader-popup .userlogin {width:18%;}
.pagewrap-outer .siteheader-popup .closemodal {padding:0; margin:0;}
.pagewrap-outer .siteheader-popup .closemodal button {background:none;
    border:none;
    border-radius:0;
    padding:0;
    margin:0;}	
.pagewrap-outer .siteheader-popup .closemodal button span {color:#fff;
    font-size:36px;
    display:inline-block;
    margin:0;
    padding:0;}
.pagewrap-outer .siteheader-popup .closemodal button:hover {opacity:0.8; transition:all linear .3s;}	

.seller-ratings a.claim-listing {min-width:150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 45px;
    text-align: center;}
.seller-ratings a.claim-listing:hover {color: var(--WhiteTextClr);
    background-color: var(--PrimaryClr);
    border-color: var(--PrimaryClr);}

.claim-listing-popup.modal-popup .modal-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    min-height: 1em;
    word-wrap: break-word;
    display: block;
    color:var(--PrimaryClr);
    font-size: 26px;
    margin: 0 0 20px;
    font-weight: 700;
    text-transform: capitalize;}
.claim-listing-popup.modal-custom .action-close:before, .claim-listing-popup.modal-popup .action-close:before, .claim-listing-popup.modal-slide .action-close:before {    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 14px;
    color: var(--PrimaryClr);
    content: '\e616';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    speak: none;
    text-align: center;}	
.claim-listing-popup.modal-custom .notice {margin-bottom:15px;} 	

.claim-listing-popup .fieldset > .field > .label, .claim-listing-popup .fieldset > .fields > .field > .label {font-weight:600; font-size:15px; color:#4336C5; display:block;}
.claim-listing-popup .password-strength-meter {background-color:var(--LightPrimaryClr); font-size:13px; font-weight:500;}
.claim-listing-popup .fieldset > .field .send-otp {display:block; margin:15px 0 10px; padding:0;}
.send-otp a.btn {min-width:inherit;
    font-weight: 500;
    font-size: 13px;
    background: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    outline: none;
    border: solid 2px var(--WhiteBgClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 40px;
    text-align: center;
    transition: all linear .3s;}
.send-otp a.btn:hover {border-color:var(--PrimaryClr); background:none; color:var(--PrimaryClr);} 
.otp .verify-otp {
    display: block;
    margin: 15px 0 10px;
    padding: 0;}
.verify-otp a.btn {min-width:inherit;
    font-weight: 500;
    font-size: 13px;
    background: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    outline: none;
    border: solid 2px var(--WhiteBgClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 40px;
    text-align: center;
    transition: all linear .3s;}
.verify-otp a.btn:hover {border-color:var(--PrimaryClr); background:none; color:var(--PrimaryClr);} 	
.claim-listing-popup .notice {display:block; margin:0 0 15px;}
.claim-listing-popup .notice a {text-decoration:underline; transition:all linear .3s;}	
.claim-listing-popup .notice a:hover {text-decoration:none;} 
form#claim-form .fieldset {margin-bottom:20px;}
form#claim-form .fieldset > .field {
    width:48%;
    float:left;
    margin:0 1% 20px;
    padding:0;}
.checkout-billing-address .billing-address-details button.action-edit-address {min-width:160px;
    font-weight:700;
    font-size:15px;
    background:var(--WhiteBgClr);
    color:var(--PrimaryClr);
    outline: none;
    border:solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 30px;
    line-height: 48px;
    text-align: center; margin:20px auto;}
.checkout-billing-address .billing-address-details button.action-edit-address:hover {background-color:var(--PrimaryClr); color:var(--WhiteTextClr);}
.checkout-payment-method .checkout-billing-address button.action-cancel {min-width:160px; text-decoration:none !important;
    font-weight:700;
    font-size:20px;
    background:var(--WhiteBgClr);
    color:var(--PrimaryClr);
    outline: none;
    border:solid 2px var(--PrimaryClr);
    border-radius:35px;
    display: inline-block;
    padding: 0 35px;
    line-height:56px; height:60px;
    text-align: center; margin:0 auto;}
.checkout-payment-method .checkout-billing-address button.action-cancel:hover {background-color:var(--PrimaryClr); color:var(--WhiteTextClr);}
.minicart-items .product-image-wrapper {border:1px solid #ccc;}

.brand-create-account .signup-section .form-group span.error-msg-contact {text-align: left;
    display: block;
    position: absolute;
    font-size: 14px;
    color: #e02b27;}
.form-group span.error-msg-contact {text-align:left; display:block;}
.iti__country-list {z-index:99;}
div.mage-error {font-size:14px; text-align:left;}
.brand-account-info .signup-section form.signform {padding:0;     
	box-sizing: border-box;
    border-radius: 8px;
    background: #f9f9f9;
    border: 2px solid #F5F2FB;} 
.brand-account-info .signup-section form.signform.form-edit-account {padding:40px 0;}
.brand-account-info .signup-section form.signform.form-edit-account .actions-toolbar {padding:0 20px;}	

/*form.signform .form-group label.field-label {
    position: absolute;
    left: 0;
    padding: 15px 7px;
    top: -30px;
    bottom: inherit;
    display: inline-block;
    z-index: 9; font-size:16px; font-weight:500;}	
.signup-section form.form-create-account .form-column:nth-child(5n+1) h2, .signup-section form.form-create-account .form-column:nth-child(9n+1) h2 {margin-bottom:15px;}*/


.country-switch {align-items:center;
    justify-content: center;
    background: transparent;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 0;
    line-height: 42px;
    display: flex;
    margin: 0 0 0 30px;
    text-align: center;
    color: #fff;
    min-width: inherit;
    font-weight: 500;
    transition: all 0.3s ease 0s;}
.country-switch .us-market {display:inline-block; margin:0; padding:0;}
.country-switch .market-block a.link {margin:0; padding:0 10px;	display:flex;
    align-items: center;
    justify-content: center;
    height: 48px;}
.country-switch .us-market a.link {border-radius:50px 0 0 50px;}
.country-switch .uk-market {display:inline-block; margin:0; padding:0;}
.country-switch .uk-market a.link {border-radius:0 50px 50px 0;}
.market-block a.link.active {background:#fff;}	
.market-block a.link.active .label {color:var(--PrimaryClr); font-weight:600;}
.market-block .link .flag {border-radius:50%; display:inline-block; margin:0; padding:0; width:32px; height:32px;}
.market-block .link .flag img {display:inline-block; margin:0;}
.market-block .link .label {font-family:'SF Pro Display'; color:var(--WhiteTextClr); display:inline-block; margin:0 8px 0 7px; padding:0;
font-size:14px;
font-weight:500;
line-height:19px;
letter-spacing:0em;
text-align:right;}
.corporate_services #corporate_services {padding-bottom:30px;}
.account .page-main .page-title-wrapper .order-date {margin:15px 0 18px;}


.herowrap-uk {margin-top: 20px;}
.herowrap-uk .hero { background-repeat: no-repeat; background-position: right top; background-size: cover; background-color: var(--PrimaryClr); border-radius: var(--BorderRadius); min-height:330px; position: relative; overflow: hidden; padding:25px 0; display: flex; align-items:center;}
.herowrap-uk .hero .title_Sec { color:var(--PrimaryClr); padding:28px 30px; position:relative;}
.herowrap-uk .hero .title_Sec::after { background: #fff; content: ""; transform: skewX(-22deg); border-radius: 11px; position: absolute; height: 100%; width: 130%; top: 0; right: 0; }
.herowrap-uk .hero .title_Sec > div { position:relative; z-index:2; }
.herowrap-uk .hero .title_Sec .bnr_title { font-family:var(--SecondaryFont); line-height:1.3; margin:0;}
.herowrap-uk .hero .title_Sec .banner_tag { position: absolute; top:-40px; right:-100px; height: 100px; width: 100px; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; font-size:16px; font-weight:600; line-height:1.2; box-shadow:0 3px 15px 5px rgba(0,0,0,0.07); z-index: 9;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(221,218,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(221,218,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(221,218,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddaff',GradientType=0 );}
.herowrap-uk .banner_btm {padding:15px 30px 0; max-width:520px;}
.herowrap-uk .banner_btm p {font-size:20px; color:#C9C3FF; line-height:1.3; margin:0;}
.herowrap-uk .hero:before{content: "";position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; background:linear-gradient(89.66deg, var(--PrimaryClr) 25%, rgba(67, 54, 197, 0) 58%);left: 0; display:none;}
.herowrap-uk .hero .hero-content {z-index: 1;position: relative;font-family: var(--FontMontserrat);color: var(--WhiteTextClr);max-width:650px;}
.herowrap-uk .hero .hero-content strong {display: block;margin-bottom: 15px;font-weight:400;}
.herowrap-uk .btnwrap {position:relative;}
.herowrap-uk .btnwrap::before {content:""; display: block; border:1px solid #fff; height:130%; width:110%; position:absolute; left:-5%; top:-15%; border-radius:100px; opacity:.5;}
.herowrap-uk .btnwrap::after {content:""; display: block; border:1px solid #fff; height:160%; width:120%; position:absolute; left:-10%; top:-30%; border-radius:100px; opacity:.2;}
.herowrap-uk .btnwrap .arrow_btn {position:relative; z-index:9;}
.herowrap-uk .btnwrap .arrow_btn::after {display: inline-block; vertical-align: middle; position: relative; left: 10px; background-image: url(../images/arrow1.svg); background-repeat: no-repeat; width: 27px; height: 10px; content:""; transition: all linear .3s; animation:animate 1s infinite;}


.configurable-box {
    display:block;
    margin:20px auto;
    padding:0;
    width:100%;
    position:relative;}
.configurable-box .field.configurable {
    display:block;
    margin:0 auto 30px;
    padding:0;
    width:100%;
    position:relative;}	
.configurable-box .field .label {font-weight:600; font-size:14px; margin:0; padding:0 0 10px; display:block; font-family:'SF Pro Display'; color:#222725; line-height:1.4;}	
.configurable-box .field .control {
    max-width:75%;
    display:block;
    margin:0;
    padding:0;}
.configurable-box .field select {font-family:var(--SecondaryFont);
    border-radius:5px;
    height:45px;
    border:2px solid #e9ecef; background:#fff;
    line-height:1.4;
    padding: 0 10px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box; font-size:14px;}
.message.global.cookie {z-index:99 !important}	

.popup-cplist .history-origin h2 {font-size:24px;} 
.popup-cplist .ho-box h3 {font-size:22px;}
.popup-cplist .management-team .team-card {width:218px;}
.popup-cplist .team-card .information .description {font-size:14px; font-weight:300;}
.popup-cplist .customer-product-reviews .customer-name-wrap h6 {font-size:17px;}
.popup-cplist .customer-product-reviews .customer-name-wrap .customer-names p, .popup-cplist .customer-product-reviews .customer-name-wrap .customer-names .para {font-size:14px;}
.popup-cplist .ratingcontent .para {font-size:14px; font-weight:400;}

form.signform .form-column.form-doc .input-ico {
    height: 20px;
    position: relative;
    line-height: 20px;
    width: 20px;
    left: 0;
    right: 0;
    top:2px;
    bottom: 0;}
form.signform .form-column.form-doc .input-ico img {width:15px;}

#product-variations-matrix .col-price .addon input {border-width:1px 1px 1px 1px;     margin-left: 0;}
.data-grid td .action-select:after {transform: none !important;}
#product-variations-matrix .col-price .addon label.addafter {
    position: absolute;
    right: 10px;
    top: 8px;
}

.product-create-listing {
    display: block;
    margin: 0 auto;
    padding:100px 0;
    width: 100%;
    position: relative;
    min-height: 200px;}
.product-create-listing .sitewrapper {max-width:1170px;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding: 0 15px;
    min-height: 1px;}
.product-create-listing .signup-section {width: 100%;
    margin: 0 auto;
    clear: both;
    position: relative;
    padding: 50px;
    text-align: center;
    max-width: 1024px;
    background: #fafafa;
    border-radius: 10px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.1);
    box-sizing: border-box;}    
.product-create-listing .signup-section form.signform hr {border-top:1px solid #ccc;
    display:block;
    width:100%;
    margin:20px auto 50px;} 

.product-create-listing form.signform .form-group .attachment {position: absolute;
    right: 0px;
    padding: 10px 0 10px 10px;
    top: 12px;
    bottom: inherit;
    z-index: 9;
    display: inline-block;
    min-width: 30px;
    background: #f9f9f9;
    line-height: 18px; cursor:pointer;}     

.product-create-listing .signup-section h1 {font-size: 40px;
    line-height: 48px;
    margin:0 0 30px;
    font-weight: 800;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);
    text-transform: none;
    text-align: center; display:block;}
.product-create-listing .signup-section h2 {font-size:24px;
    line-height:30px;
    margin:0 0 30px;
    font-weight: 700;
    font-family: var(--SecondaryFont);
    color:#2F2F2F;
    text-transform: none;
    text-align: left; display:block;}       
.product-create-listing .signup-section form.signform {margin:50px auto 0;
    padding:30px 15px 15px;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    align-items: baseline;} 
.product-create-listing .signup-section form.signform .form-column {
    max-width: 100%;
    margin: 0;
    padding: 0;
    width:100%;
    box-sizing: border-box;}
.product-create-listing form.signform .form-group .attach-info {color: #58557A;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    display: block;
    margin: 10px 0 0;
    position: relative;}    
.product-create-listing form.signform .form-group .attach-info img {position:relative; top:3px; display:inline-block;}
.product-create-listing form.signform .form-group .input-ico {display:inline-block;
    margin: 0;
    padding: 0;
    width: 36px;
    content: '';
    height: 55px;
    position: absolute;
    left: 0;
    z-index: 9;
    top:0;
    line-height:60px;}
.product-create-listing .signup-section form.signform .form-column-full {width:100%;
    text-align:center;
    display: block;
    margin: 30px auto 0;
    padding:0;}
.product-create-listing .signup-section form.signform .form-column-full .form-group {display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    position: relative;}    
.product-create-listing form.signform .form-column-full .form-group .input-btn {background:#4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    min-width: 170px;
    font-weight: 700;
    transition: all 0.3s ease 0s;
    cursor: pointer;}
.product-create-listing form.signform .form-column-full .form-group .input-btn:hover {background:#9C93F3; border:2px solid #9C93F3; color:#fff;}
.product-create-listing form.signform .form-group {
    display:block;
    margin:0 0 30px;
    width:100%;
    padding:0;
    position:relative; clear:both;}
form.signform .form-group .description-error {
    text-align:left;
    color:#e02b27;
    font-size:14px;
    margin-top:7px;}	
.product-create-listing form.signform .form-group .input-txt {
    background:#F8F8FF;
    color:#000;
    border:1px solid #e5e5e5;
    padding:15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 56px;
    line-height:24px;
    font-size:16px;}
.product-create-listing form.signform .form-group .select-txt {background:#F8F8FF;
    color:#000;
    border:1px solid #e5e5e5;
    padding:15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 56px;
    line-height:24px;
    font-size:14px;}    
.product-create-listing form.signform .form-group input[type="text"], .product-create-listing form.signform .form-group select {
    background:#F8F8FF;
    color:#000;
    border:1px solid #e5e5e5;
    padding:15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 56px;
    line-height:24px;
    font-size:16px;}
.product-create-listing form.signform .form-group select option {color:#444; font-family:var(--SecondaryFont);
    line-height:24px;
    font-size:15px; font-weight:500;}   
.product-create-listing form.signform .form-group textarea {
    background:#F8F8FF;
    color:#000;
    border:1px solid #e5e5e5;
    padding:15px;
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 150px;
    line-height:24px;
    font-size:14px;}            
.product-create-listing form.signform .form-group label {
    position: relative; color:#444; font-family:var(--SecondaryFont);
    left: 0;
    padding: 0; line-height:24px;
    font-size:15px; font-weight:500;
    top: inherit;
    bottom: inherit;
    display: block;
    text-align: left;
    margin: 0 0 5px;}
.product-create-listing form.signform .form-group input:focus {border:none; transition:all 0.5s ease 0s; border:1px solid #bbb !important;}             
.product-create-listing form.signform .form-group .input-txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#ccc; font-size:14px;}
.product-create-listing form.signform .form-group .input-txt::-moz-placeholder { /* Firefox 19+ */
  color:#ccc; font-size:14px;}
.product-create-listing form.signform .form-group .input-txt:-ms-input-placeholder { /* IE 10+ */
  color:#ccc; font-size:14px;}
.product-create-listing form.signform .form-group .input-txt:-moz-placeholder { /* Firefox 18- */
  color:#ccc; font-size:14px;}  
  
.product-create-listing .form-group .unit-block {
    background:#EDEDFF;
    box-shadow: none;
    width: auto;
    border-radius: 11px;
    padding: 0;
    margin-bottom: 0px;
    display: inline-block;
    text-align: center;} 
.product-create-listing .form-group .unit-block .unit-qty {margin:0 auto; display:block;}
.product-create-listing .unit-block .unit-qty .number {
    margin: 0 auto;
    padding: 0;
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
    max-width:200px;     
    background:#EDEDFF; position:relative;}
.product-create-listing .unit-block .unit-qty .number div.mage-error {position: absolute;
    bottom: -35px;
    font-size: 12px;
    left: 0;
    right: 0;
    line-height: 1.3;
    font-weight: 500;}	
.product-create-listing .form-group .unit-qty .minus {border-right:none !important;}    
.product-create-listing .form-group .unit-qty .plus {border-left:none !important;}
.product-create-listing .form-group .unit-qty .minus, .product-create-listing .form-group .unit-qty .plus {
    width: 40px;
    height: 40px;
    padding: 0;
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #555;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: #F8F8FF; cursor: pointer;}   
.product-create-listing form.signform .form-group .unit-block .unit-qty .number input {
    height: 40px;
    width: 80px;
    text-align: center;
    font-size: 14px;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    background:#EDEDFF;
    border: 1px solid #EDEDFF;}     
.product-create-listing form.signform .form-group .half-column {width: 50%;
    display: block;
    margin:10px auto 40px;
    padding: 0;
    text-align: left;
    float: left;}   
    
.product-create-listing .form-group .pro-status .radio-block {
  position: relative;
  display: flex;
  min-width: 160px;
  max-width: 160px;
  border:none;
  border-radius: 50px;
  background-color:#E9E7FF;}

.product-create-listing .form-group .pro-status .selected {
  position: absolute;
  top: inherit;
  left: inherit;
  width:80px;
  height:50px;
  border-radius: 50px;
  transition: transform 0.2s;
  background-color: var(--themeblue);}

.product-create-listing .form-group .pro-status .radio-block label {
  position: relative;
  z-index: 100;
  width:80px; height:50px;
  padding:0px 15px !important;
  transition: color 0.2s;
  cursor: pointer;
  margin: 0 !important;
  text-align: center !important; font-size:14px !important; line-height:50px !important;}

.product-create-listing .form-group .pro-status input[type=radio]:checked + label {color:#FFF;}

.product-create-listing .form-group .pro-status input[type=radio]:checked + .off-label + .selected {transform: translateX(100%);}

:root {--themeblue:#4336C5;}
.product-create-listing .form-group .pro-status .sr-only, .product-create-listing .form-group .pro-status input[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;}
.product-create-listing .signup-section .btn-action {
    position: absolute;
    right: 20px;
    top: 55px;
    display: inline-block;
    margin: 0;
    padding: 0;}
.product-create-listing .signup-section .btn-action .action-btn {min-width: 150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 45px;
    text-align: center;}	
.product-create-listing .signup-section .btn-action .action-btn:hover {background: var(--PrimaryClr); color: var(--WhiteBgClr);}	

body.brand-product-create .product-details-page.popup-detail {margin-top:20px;}
body.brand-product-create .modal-popup .modal-inner-wrap {width:80%;}
body.brand-product-create .product-details-page .product-detail-wrap .columns-5 {padding-right:30px;}
body.brand-product-create .modal-popup._inner-scroll .modal-content {padding-left:20px; padding-right:20px;}
body.brand-product-create .modal-popup .price-block-popup .multi-price .up-section {width:135px;}
body.brand-product-create .modal-popup .unit-qty .minus, body.brand-product-create .modal-popup .unit-qty .plus {width:28px;}
body.brand-product-create .modal-popup .unit-qty .number input {width:45px;}


.product-create-listing .form-group .pro-availability {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0; text-align:left;
    position: relative;}
.product-create-listing form.signform .form-group h5 {
    text-align: left;
    color: #444;
    font-family: var(--SecondaryFont);
    padding: 0;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 10px;}	
.product-create-listing .form-group .pro-availability input[type="radio"] {margin: -5px 10px 0 0;}	
.product-create-listing .form-group .pro-availability label {font-size:14px !important;
    display: inline-block !important;
    margin-right: 20px !important;}
.product-create-listing form.signform .form-group span.img-notice {
    display: block;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    margin: 12px 0 8px;
    padding: 0;
    color: #777;}	

.product-create-listing form.signform .form-group input[name="city"] {
    width: 49%;
    margin-right: 1%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;}
.product-create-listing form.signform .form-group input[name="store"] {
    width: 49%;
    margin-left: 1%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;}	
.product-create-listing form.signform .form-group .add-info-block ul {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    float: left;}
.product-create-listing form.signform .form-group .add-info-block ul li {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;}	
.product-create-listing form.signform .form-group .add-info-block ul li label {
    display: inline-block;
    text-align: left;
    width: 20%;
    float: left;
    font-size: 13px;
    margin: 0;
    line-height: 43px;}	
.product-create-listing form.signform .form-group .add-info-block ul li input.input-txt {
    width: 80%;
    display: inline-block;
    float: left;     
	height:44px;
    font-size:13px;}	
.product-create-listing form.signform .form-group .msrp-dollar input.input-txt {display:block;
    position: relative;
    padding-left: 40px;}	
.product-create-listing form.signform .form-group .msrp-dollar {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;}	
.product-create-listing form.signform .form-group .msrp-dollar:before {content:''; background:url('../images/msrp_dollar.png') no-repeat 0 0; display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    left:10px;
    width:35px;
    height:25px;
    z-index:99;
    top:44px;}
.product-create-listing form.signform .form-group .msrp-dollar .input-txt::-webkit-input-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-dollar .input-txt::-moz-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-dollar .input-txt:-ms-input-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-dollar .input-txt:-moz-placeholder {color:#F8F8FF;}



.product-create-listing form.signform .form-group .msrp-pound input.input-txt {display:block;
    position: relative;
    padding-left: 40px;}	
.product-create-listing form.signform .form-group .msrp-pound {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;}	
.product-create-listing form.signform .form-group .msrp-pound:before {content:''; background:url('../images/msrp_pound.png') no-repeat 0 0; display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    left:10px;
    width:35px;
    height:25px;
    z-index:99;
    top:44px;}
.product-create-listing form.signform .form-group .msrp-pound .input-txt::-webkit-input-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-pound .input-txt::-moz-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-pound .input-txt:-ms-input-placeholder {color:#F8F8FF;}
.product-create-listing form.signform .form-group .msrp-pound .input-txt:-moz-placeholder {color:#F8F8FF;}	

.corporate_services .corp-demo-btn {padding:0;
    margin: 0 auto;
    display: block;
    width: 100%;}
.corporate_services .corp-demo-btn a {padding:0 20px;
    margin: 0 auto;
    display: inline-block;
    min-width: 140px;
    background: #fff;
    height: 46px;
    line-height: 44px;
    border-radius: 50px;
    color: #4335C1;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
    border: 2px solid #4335C1;}	
.corporate_services .corp-demo-btn a:hover {
    background:#4335C1;
    border: 2px solid #4335C1;
    color: #fff;}	
	
/*.phone-info.tooltip {
  position: relative;
  display: inline-block;
  border-bottom:1px dotted black;}
.phone-info.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;  
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;}
.phone-info.tooltip:hover .tooltiptext {visibility: visible;}*/	


.phone-info.tooltip {
    position: absolute;
    right: 0;
    padding: 5px 0;
    top:15px;
    display: inline-block;
    min-width: inherit;
    z-index: 9;
    cursor: pointer;
    bottom: 0;}
.phone-info.tooltip .tooltiptext {
  visibility: hidden;
  width: 110px;
    background-color: #9C93F3;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;}
.phone-info.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #9C93F3;}
.phone-info.tooltip:hover .tooltiptext {visibility:visible;}

.cart-left .cart.actions .border-btn:focus, .cart-left .cart.actions .border-btn:active {background-color:var(--PrimaryClr); color:var(--WhiteTextClr);}

body.checkout-cart-index .modal-popup .modal-footer button.action-dismiss, body.checkout-cart-index .modal-popup .modal-footer button.action-accept {min-width:150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 45px;
    text-align: center; margin-right:10px;}
body.checkout-cart-index .modal-popup .modal-footer button.action-dismiss:hover, body.checkout-cart-index .modal-popup .modal-footer button.action-accept:hover {background:var(--WhiteBgClr); border:solid 2px var(--PrimaryClr); color:var(--PrimaryClr);}


.edit-listing-btn {display: flex;
    align-items: center;
    width: 170px;
    justify-content: flex-end;
    position: relative;
    float: right;
    clear: both;
    z-index:1;
    margin: 20px 0;}
.edit-listing-btn a.action-btn.edit-btn {margin: 0 auto;
    border: solid 2px var(--PrimaryClr);
    width: 160px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border-radius: 50px;
    padding: 0 25px;
    line-height: 45px;
    text-align: center;
    justify-content: flex-end;
    align-items: center;
    display: flex;}
.edit-listing-btn a.action-btn.edit-btn:hover {background:var(--PrimaryClr); color: var(--WhiteBgClr);}

.review-field-ratings .mst_empty_msg {color: #DF2111;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    top: -5px;}


/* width */
.primary-nav .dropdown-menu::-webkit-scrollbar {width:8px;}
/* Track */
.primary-nav .dropdown-menu::-webkit-scrollbar-track {background:#f1f1f1;} 
/* Handle */
.primary-nav .dropdown-menu::-webkit-scrollbar-thumb {background:#c6c3e2; border-radius:10px;}
/* Handle on hover */
.primary-nav .dropdown-menu::-webkit-scrollbar-thumb:hover {background:#9C93F3;}

.d-none {display:none !important;}
body.cms-home .primary-header.sticky-nav {position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    scroll-behavior:smooth;
    transition:all 0.5s linear;}
body.cms-home div#stores, body.cms-home div#events, body.cms-home div#corporate_packages, body.cms-home div#basic_services {padding-top:0; display:block;}
.sticky-stores, .sticky-events, .sticky-corporate, .sticky-basic {height:100px;}
.seller-products ol.products strong.product-item-name {height:32px; overflow:hidden; margin:0 0 5px;}


.breadcrumbs.sticky-breadcrumbs {position:fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    scroll-behavior: smooth;
    transition: all 0.2s linear;
    background: #fff;
    margin: 0 auto;
    padding: 20px;
    border-bottom:1px solid #f5f2fb;}

.product-listing {display:block; margin:30px auto 0; padding:0; position:relative;}	
.product-listing h1 {font-size: 40px;
    line-height: 48px;
    margin:50px 0;
    font-weight: 800;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);
    text-transform: none;
    text-align:left;
    display:block; width:85%;}
.product-listing .btn-action {position: absolute;
    right:0;
    top:0;
    display: inline-block;
    margin: 0;
    padding: 0; z-index:9;}	
.product-listing .btn-action .action-btn {min-width:150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 45px;
    text-align: center;}
.product-listing .btn-action .action-btn:hover {background:var(--PrimaryClr); color:var(--WhiteBgClr);}
.product-listing .dataTables_wrapper .dataTables_length {
    float: left;
    min-width: 220px;
    margin-bottom: 30px;
    display: block;
    font-size: 15px;
    font-weight: 500;
	text-transform: capitalize;}	
.product-listing .dataTables_wrapper .dataTables_length select {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: transparent;
    color: inherit;
    padding: 5px;
    margin: 0 5px;     
	max-width: 100px; 
	height:42px;}	
.product-listing .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 30px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize; min-width: 300px;}	
.product-listing .dataTables_wrapper .dataTables_filter input {
    border:1px solid #ccc;
    border-radius:3px;
    padding:5px;
    background-color:transparent;
    color:inherit;
    margin-left:10px;
    max-width:200px; 
	height:42px;}
.product-listing table.dataTable>thead>tr>th, .product-listing table.dataTable>thead>tr>td {border-bottom:1px solid #e1e1e1;}	
.product-listing table td, .product-listing table th {border:1px solid #e1e1e1;}
.product-listing table.dataTable.no-footer {border-bottom:1px solid #e1e1e1;}
.product-listing .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 30px;
    font-size: 15px;
    font-weight:500;}
.product-listing .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 20px;
    font-size: 15px;
    font-weight:500;}	

.brand-product-listing .modal-popup .modal-header {padding: 40px 0 0;}
.brand-product-listing .modal-popup .modal-header h1 {
    padding: 0px 20px 20px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 30px;
    font-weight: 800;
    font-family: var(--SecondaryFont);
    color: var(--PrimaryClr);
    text-transform: none;
    text-align: left;
    display: block;}
.brand-product-listing .modal-popup .action-close {padding:25px;}
.brand-product-listing .modal-custom .action-close:before, .brand-product-listing .modal-popup .action-close:before, .brand-product-listing .modal-slide .action-close:before {    font-weight: 600 !important;
    color: var(--PrimaryClr)!important;
    font-size: 16px;}
.brand-product-listing .modal-popup .modal-content, .brand-product-listing .modal-popup .modal-footer {
    padding-left: 40px;
    padding-right: 40px;}	
.brand-product-listing .modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 40px;
    padding-top: 40px;}	
.brand-product-listing .modal-popup .modal-footer button.action-secondary {min-width:150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 49px;
    text-align: center;     
	margin-right:10px;}
.brand-product-listing .modal-popup .modal-footer button.action-secondary:hover {
    background: var(--PrimaryClr);
    color: var(--WhiteBgClr);}	
.brand-product-listing .modal-popup .modal-footer button.action-accept {min-width:150px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 50px;
    display: inline-block;
    padding: 0 25px;
    line-height: 49px;
    text-align: center;}
.brand-product-listing .modal-popup .modal-footer button.action-accept:hover {
    background: var(--PrimaryClr);
    color: var(--WhiteBgClr);}	

body.brand-product-edit .modal-popup .modal-inner-wrap {width:80%;}
body.brand-product-edit .product-details-page .product-detail-wrap .columns-5 {
    padding-right: 30px;}
body.brand-product-edit .modal-popup._inner-scroll .modal-content {
    padding-left: 20px;
    padding-right: 20px;} 
body.brand-product-edit .modal-popup .price-block-popup .multi-price .up-section {width:135px;}	
body.brand-product-edit .modal-popup .unit-qty .number input {width:45px;}
body.brand-product-edit .modal-popup .unit-qty .minus, body.brand-product-edit .modal-popup .unit-qty .plus {width: 28px;}

.section-entry .section-head strong::before {color:#777; content:"\f054" !important; font-family:"FontAwesome";}
.page-sidebar .page-sidebar-menu li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow:before {font-family: FontAwesome;
    height:auto;
    content:"\f105" !important;}

.search-section .search-bar form#search_mini_form {max-width: 100%; width: 100%; position: relative; padding:0; margin:0;}
.search-section .search-bar form#search_mini_form .control {width:100%;
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto;
    text-align: left;
    display: block;
    position: relative;}
.search-section .search-bar form#search_mini_form .actions {
    position:absolute;
    right:15px; top:15px;
    margin: 0;
    display: inline-block;
    border-radius: 4px;
    padding: 0;
    border: none;
    background: var(--PrimaryClr);
    color: #fff;
    width: 40px;
    height: 35px;
    line-height: 33px;}	
.search-section .search-bar form#search_mini_form .actions button {right:0;}	

.mst-nav__slider .mst-nav__slider-from-to input {text-align:center;}
.mst-nav__slider .mst-nav__slider-from-to button {margin-left: 0.5rem;
    min-width: 60px;
    font-weight: 700;
    font-size: 15px;
    background: var(--WhiteBgClr);
    color: var(--PrimaryClr);
    outline: none;
    border: solid 2px var(--PrimaryClr);
    border-radius: 7px;
    display: inline-block;
    padding: 0 10px;
    line-height: 42px;
    text-align: center;}
.mst-nav__slider .mst-nav__slider-from-to button:hover {background-color:var(--PrimaryClr); color:var(--WhiteTextClr); transition:all linear .3s;}	
.mst-nav__slider .mst-nav__slider-slider .ui-slider-range {background:var(--PrimaryClr);}	
.mst-nav__label .mst-nav__label-item a {font-weight: 600;
    color: #000;
    font-size: 15px;}
.mst-nav__label .mst-nav__label-item a .count {
    color: #757575;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;}	
.search.results .product-item-details a.product-item-link {font-weight:600; color:#222; font-size: 14px; text-align:center;
    margin:20px 0 10px 0;
    transition:all linear .3s;}
.search.results .products-grid .product-item-details .product-item-name {height: 106px;
    overflow: hidden;
    display: block;}	
.search.results .product-item-details .price-box .price {color:var(--PrimaryClr);
    font-size:20px;
    font-weight:600;
    line-height:29px;}
.search.results .product-item .price-box {margin:10px 0;}	
.search.results .products-grid .product-item-info.active, .search.results .products-grid .product-item-info:hover {background:#ffffff;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.1);
    border: none;
    margin: 0;
    padding:5px;
    position: relative;
    z-index: 9;     
	transition:all 0.3s ease 0s;}	
.search.results .products-grid .product-item-inner:hover, .search.results .products-grid .product-item-inner {box-shadow:none; border:none;}
.search.results .product-item-info {padding:5px;}
.search.results .product-item-info .product-item-description {margin: 10px 0;
    font-size: 15px;
    font-weight: 500;}

.mst-nav__label .mst-nav__label-item._mode-checkbox input[type="checkbox"]:checked:before {background:var(--PrimaryClr);}
.mst-nav__label .mst-nav__label-item a:active {color:var(--PrimaryClr);}
.modal-popup.store-gallery-popup .modal-content {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;}
.modal-popup.store-gallery-popup .action-close:before, .modal-slide.store-gallery-popup .action-close:before {font-size: 16px;
    line-height: 16px; font-weight: bolder;
    color: var(--PrimaryClr);}	
	
.pages ul.items strong.page {
    background: #e9e9e9;
    font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    color: var(--PrimaryClr);
    display: inline-block;
    font-weight: 700;
    padding: 10px;
    border-radius: 2px;
    width: 35px;
    height: 35px;}	
.pages ul.items .item {
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: normal;
    margin: 0 8px 0 0;
    display: inline-block;}	
.pages ul.items .item a.page {font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    color:var(--PrimaryClr);     
	font-weight:700;}	
.pages ul.items .item .action {box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.2);
    border-radius: 3px;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: var(--PrimaryClr);}	
.pages ul.items .item .action.next:before {color:var(--PrimaryClr);}	
.search.results .toolbar .pages {margin-left:0;}
.search.results .toolbar .limiter {
    display: block;
    float: right;
    font-size: 16px;
    font-weight: 500;}
.toolbar select {
    background-color: #e9e9e9;
    box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.2);
    border-radius: 3px;}	
.toolbar select {
    background-color: #e9e9e9; height:38px;
    box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.2);
    border-radius: 3px;}	
.toolbar label.sorter-label {
    font-size: 16px;
    font-weight: 500;}	
.toolbar .sorter-action:before {color:var(--PrimaryClr);}	
.page-with-filter .toolbar-amount {
    font-size: 16px;
    font-weight: 500;}
.toolbar .modes-mode:before {color:var(--PrimaryClr);}	
.toolbar-products {
    background-color: #f7f7f7;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;}

.modal-popup.store-gallery-popup .modal-inner-wrap {margin:3rem auto; max-height:80%;}

.dropdown-content {display: none; position: absolute; background-color: #f6f6f6; width: 380px; border: 1px solid #ddd; top: 50px; text-align: left; z-index: 999; border-radius: 10px; overflow: hidden; box-shadow: 0px 9px 9px -5px rgb(0 0 0 / 35%);}
#store-input {box-sizing: border-box; background-image: url('../images/searchicon.png'); background-position: 14px 12px; background-repeat: no-repeat; font-size: 16px; padding: 14px 20px 12px 45px; border: none; border-bottom: 1px solid #ddd; border-radius: 0; box-shadow: 0px 2px 5px -1px rgb(2 2 2 / 19%);}
#store-input:focus {border-bottom: 1px solid #080808;}
.search-store-list {overflow: scroll; overflow-x: hidden; max-height: 400px; background:#f5f5f5;}
.search-store-list .stores-list {flex-wrap: wrap; flex-direction: column; justify-content:flex-start; text-align:left;}
.search-store-list .stores-list li{text-align:left; width:100%; margin:0; border-bottom:solid 1px #e1e1e1; padding:10px; cursor: pointer;transition: all linear .3s;}
.search-store-list .stores-list li:hover{background-color: var(--PrimaryClr); color: var(--WhiteTextClr); transition: all linear .3s;}
.search-store-list span {text-align:left; width:100%; margin:0; border-bottom:solid 1px #e1e1e1; padding:10px; cursor: pointer; transition: all linear .3s; display:inline-flex; align-items:center; position:relative;}

.seller-products .message.info {font-size:15px;}
.seller-header-wrap .seller-right > div:first-child {
    border-left:0;}
.seller-header-wrap .seller-right .seller-topone {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0 0 20px;}	
.seller-header-wrap .seller-right .seller-topone .seller-social {
    border-left: none;}	
.seller-header-wrap .seller-right .seller-topone > div {padding: 0 20px;
    border-left: 1px solid #e5e5e5;
    font-size: 15px;}	
.seller-header-wrap .seller-right .seller-toptwo {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    border-left: none;}	
.seller-header-wrap .seller-right .seller-toptwo .seller-ratings:first-child {
    border-left:none;}	
	
	

.signup-section .form-group .opt-marketing .radio-block {
  position: relative;
  display: flex;
  min-width: 160px;
  max-width: 160px;
  border:none;
  border-radius: 50px;
  background-color:#E9E7FF;}
.signup-section .form-group .opt-marketing .selected {
  position: absolute;
  top: inherit;
  left: inherit;
  width:80px;
  height:50px;
  border-radius: 50px;
  transition: transform 0.2s;
  background-color: var(--themeblue);}
.signup-section .form-group .opt-marketing .radio-block label {
  position: relative;
  z-index: 100;
  width:80px; height:50px;
  padding:0px 15px !important;
  transition: color 0.2s;
  cursor: pointer;
  margin: 0 !important;
  text-align: center !important; font-size:14px !important; line-height:50px !important;}
.signup-section .form-group .opt-marketing .radio-block input[type=radio]:checked + label {color:#FFF; font-family: var(--SecondaryFont);
    font-weight: 500;}
.signup-section .form-group .opt-marketing .radio-block  input[type=radio]:checked + .off-label + .selected {transform: translateX(100%);}
.signup-section .form-group .opt-marketing .radio-block .sr-only, .signup-section .form-group .opt-marketing .radio-block  input[type=radio] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;}	
 .signup-section .form-group .opt-marketing label {
    display:block;
    position:relative; 
	padding:10px 5px;
	font-weight:500;
    font-size:16px;}
.stores-all .store-fav .wishlistbtn {background-color:transparent;}
.stores-all .store-fav {margin-right:15px;}


.main-cplist form[name="eventform"] {
    padding: 20px;
    margin: 25px 1% 0;
    width: 98%;
    border-radius: 4px;
    border: 1px solid #e7e7e7;}
.main-cplist form[name="eventform"] input::file-selector-button {
    background: #4336C5;
    border-radius: 3px;
    border: none;
    padding: 5px 11px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;}
.main-cplist form[name="eventform"] input::file-selector-button:hover {
    background: #000;}		
.editable-content {margin-bottom: 25px;}	
.editable-content #editButton {background-color: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    transition: all linear .3s; min-width:100px;
	    line-height: 44px !important;
    border-radius: 35px !important;
    padding: 0 20px;
	    font-weight: 700;
    font-size: 15px;
	outline: none;
    border: solid 2px var(--WhiteBgClr); display:inline-block; text-align:center;
	box-sizing: border-box;
    vertical-align: middle;}		
.editable-content #editButton:hover {border-color: var(--PrimaryClr);
    background-color: transparent;
	color: var(--PrimaryClr);
    transition: all linear .3s;}
	

.mst_mv_wrapper form[name="eventform"] {
    padding: 20px;
    margin: 25px 1%;
    width: 98%;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
	font-size: 14px;
    color: var(--PrimaryClr);}
.mst_mv_wrapper form[name="eventform"] input::file-selector-button {
    background: #4336C5;
    border-radius: 3px;
    border: none;
    padding: 5px 11px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;}
.mst_mv_wrapper form[name="eventform"] input::file-selector-button:hover {
    background: #000;}	
.mst_mv_wrapper form[name="eventform"] .img-label {font-size: 13px;
    color: var(--PrimaryClr);
    font-weight: 500;}	

.mb-d-content {margin-bottom:0px;}	
.mb-d-content #editButton {background-color: var(--PrimaryClr);
    color: var(--WhiteTextClr);
    transition: all linear .3s; min-width:100px;
	    line-height: 44px !important;
    border-radius: 35px !important;
    padding: 0 20px;
	    font-weight: 700;
    font-size: 15px;
	outline: none;
    border: solid 2px var(--WhiteBgClr); display:inline-block; text-align:center;
	box-sizing: border-box;
    vertical-align: middle;     
	margin-bottom: 10px;}		
.mb-d-content #editButton:hover {border-color: var(--PrimaryClr);
    background-color: transparent;
	color: var(--PrimaryClr);
    transition: all linear .3s;}
.mb-d-content .info-description {font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    display: block;}


/*********** css 05 march 2025 *********/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.country-switch .jp-market a.link {border-radius:0 50px 50px 0;}
.country-switch .uk-market a.link {border-radius:0;}
.country-switch .uk-market .link .label {margin-right:0;}

.herowrap-jp {margin-top:0;}
.herowrap-jp .sitewrapper {max-width:100%; padding:0; margin:0 auto;}
.herowrap-jp .hero-jp {min-height: 560px;
    position: relative;
    background-repeat: no-repeat;
    background-position: right top;
    border-radius: 0;
    overflow: hidden;
    padding: 10px 50px;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    justify-content: flex-start; width:100%;}
.herowrap-jp .hero-jp:before{content: "";position: absolute;top: 0;bottom: 0;width: 100%;height: 100%; background:linear-gradient(89.66deg, var(--PrimaryClr) 25%, rgba(67, 54, 197, 0) 58%);left:0; display:none;}
.herowrap-jp .hero-jp .hero-content {z-index: 1;position: relative; font-family: var(--FontMontserrat);color: var(--WhiteTextClr); max-width:100%; width: 100%;}
.herowrap-jp .hero-jp .hero-content strong {display: block;margin-bottom: 15px;font-weight:400;}
.hero-jp .hero-content h1 {text-transform:none; line-height:1.3; margin-bottom:20px;}
.hero-jp .hero-content h1 span {font-size:30px;}
.hero-jp .hero-content .banner-logo {
    display: block;
    max-width:320px;
    margin: 0 0 5px;
    padding: 0;}
.hero-jp .hero-content p {font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: normal;
    font-weight: bold;
    line-height: 1;
    text-shadow: 1px 1px 3px #000;
    color: #fff;}	
.hero-jp .hero-content .btnwrap {margin:20px 0;}	
.hero-jp .hero-content .btnwrap .btn {border-radius:12px;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    padding: 0 30px;
    min-width: inherit;
    line-height: 40px;
    height: 42px;}
.hero-jp .hero-content .btnwrap .btn:hover {background:#fff; color:var(--PrimaryClr); border-color:#fff;}	
.banner-bottom-content {
        font-size: 32px;
    text-transform: uppercase;
    margin: 30px auto 10px;
    letter-spacing: 1px;
    font-weight: 500;
    max-width: 100%;
    width: 100%;
    text-align: left;
    color: #fff;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 3px #000;}
.corporate-japan {
	padding-top: var(--mtop);
    padding-bottom:50px;
    background: #fff;
	font-family: "Noto Sans", sans-serif;}
.corporate-japan h2 {margin:0 auto 30px; text-align:center;     
	font-size:40px;
    font-weight:700;
	font-family:"Noto Sans", sans-serif;}	
.corporate-japan .sub-text {color:#221F20;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 30px;}
.corporate-japan .corp-icons {max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    gap: 15px;
    flex-wrap: wrap;
    text-align: center;
	margin-bottom: 40px;}
.corp-icons .corp-items {display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    flex: 0 0 14%;}
.corp-items .thumb {height:80px;
    display: flex;
    align-items: center;
    justify-content: center;}
.corp-items .thumb img {max-width:60px;}
.corp-items .title {color: #221F20;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    margin:10px auto;}

.corporate-slider .corporateSwiper {padding:0 0 50px;}
.corporate-slider .swiper-button-next, .corporate-slider .swiper-button-prev {color: #fff;}
.corporate-slider .swiper-pagination-bullet {width: 12px;
    height: 12px;
    background: #adadaf;
    opacity: 1;}
.corporate-slider .swiper-pagination-bullet-active {background:#565555;}
.corporate-slider .swiper-container {
      width:100%;
      height:100%;}
.corporate-slider .swiper-slide {
	text-align: center;
    font-size: 18px;
    background: #4335BA;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    max-width: 100%;}
.corporate-slider .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;}	
.corporate-slider .swiper-slide .slideContent {display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    max-width:100%;}
.swiper-slide .slideContent .slideText {flex:0 0 50%; text-align:left;}
.slideContent .slideText h4 {font-size:32px; display:block; margin:0 0 20px; line-height:1.3;}
.swiper-slide .slideContent .slideImg {flex:0 0 50%;}
.corporate-japan .learn-more {display:block;
    margin:20px auto 0; 
	text-align:center;
    width: 100%;
    padding: 0;
    position: relative;}
.corporate-japan .learn-more .input-btn {background: #4336C5;
    border: 2px solid #4336C5;
    border-radius: 50px;
    font-size: 16px;
    padding: 15px 30px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    min-width: 130px;
    font-weight: 600;
    transition: all 0.3sease 0s;
    cursor: pointer;
    font-family: "Noto Sans", sans-serif;}
.corporate-japan .learn-more .input-btn:hover {
    background: #fff;
    border: 2px solid #4336C5;
    color: #4336C5;}	

.marketplace-heading {display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 30px;
    padding: 0;
    width: 100%;
    font-family: "Noto Sans", sans-serif;}
.marketplace-heading h2 {font-family: "Noto Sans", sans-serif;     
	margin:0 auto;
    text-align: center;
    font-size: 40px;
    font-weight: 700;}
.marketplace-heading h3 {font-family: "Noto Sans", sans-serif;
	margin:0 auto;
    text-align: center;
    font-size: 32px;
    font-weight: 700;}
.marketplace-heading .sub-text {color: #221F20;
	font-family: "Noto Sans", sans-serif;
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 30px;}
.product-create-listing form.signform .form-group .being-sold {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap; 
	width:100%;}	
.form-group .being-sold input.tag-input {display:inline-block;
    float: left;
    height: 44px;
    font-size: 13px;
    background: #F8F8FF;
    color: #000;
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 2px;
    position: relative;
	line-height: 24px;
    width: 100%;}
.product-create-listing form.signform .form-group .being-sold .tagsinput {width:49% !important;}	
.marketplace_jp .marketplace-heading h3 {
    font-size: 48px;
    font-weight: 900;
    color: #4336C5;
    letter-spacing: normal;
    line-height: 120%;
    margin: 0 0 20px;}
.marketplace_jp .marketplace-heading .sub-text {
    color: #030303;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 0;}	
.marketplace_jp .join_comm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    padding: 20px 0;
    width: 100%;
    position: relative;}	
.marketplace_jp .join_comm .input-btn {    
	border-radius: 12px;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    padding: 0 50px;
    min-width: inherit;
    line-height: 44px;
    height: 46px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    transition: all linear .3s;} 	
.marketplace_jp .join_comm .input-btn:hover {background:#fff;
    border-color:#fff;
    color: var(--PrimaryClr);} 	
.marketplace_sec.py-5.marketplace_jp {padding-bottom: 120px !important; background:#D9D9D9 !important;}	

.jp-section-three {padding-top: var(--mtop);
    padding-bottom:0;
    background: #fff;
    font-family: "Noto Sans", sans-serif;}
.jp-section-three .main-title {padding:0; margin:0 0 40px; display:block;}
.jp-section-three .main-title h2 {margin: 0 auto 25px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;}
.jp-section-three .main-title .sub-text {color: #221F20;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 30px;}	
.jp-section-three .delivery-map {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
    padding: 0;
    margin: 0 0 60px;}
.delivery-map .map-image {
    flex: 0 0 46%;
    margin: 0;
    padding: 0;}	
.delivery-map .map-content {display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;}	
.delivery-map .map-content h4 {margin:0 0 25px;
    text-align: left;
    font-size: 40px;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    color: var(--PrimaryClr);}	
.delivery-map .map-content .delivery-add {display: flex;
    flex-direction:row;
    gap:20px;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:0 0 30px;
    padding:0;} 
.delivery-add .address-box {
	width: 31%;
    padding: 20px;
    margin: 0;
    border-radius: 12px;
    background: #F2F2F2;
    min-height: 160px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    border-top: 5px solid var(--PrimaryClr);
    color: #101010;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: normal;}
.delivery-add .address-box.bord1 {border-top: 5px solid #F67474;}	
.delivery-add .address-box.bord2 {border-top: 5px solid #F6DC74;}	
.delivery-add .address-box.bord3 {border-top: 5px solid #8EF674;}	
.delivery-add .address-box.bord4 {border-top: 5px solid #74B7F6;}	
.delivery-add .address-box.bord5 {border-top: 5px solid #F674E5;}	
.delivery-add .address-box.bord6 {border-top: 5px solid #F6F674;}	

.delivery-map .location {display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;}
.delivery-map .location .location-content {color: #101010;
    font-weight: 600;
    font-size: 20px;
    display: block;
    margin: 0;
    padding: 0;}
.location .location-content .pin-icon {}
.join_comm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    padding: 20px 0;
    width: 100%;
    position: relative;}
.join_comm .input-btn {    
	border-radius: 12px;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    padding: 0 50px;
    min-width: inherit;
    line-height: 44px;
    height: 46px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    transition: all linear .3s;} 	
.join_comm .input-btn:hover {background:#fff;
    border-color:#fff;
    color: var(--PrimaryClr);}


.delivery-chart {
    max-width:960px;
    margin:0 auto 20px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:0;
    flex-direction:column;}
.delivery-chart .chart {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  height: 350px;
  margin: 0 auto;
  border-bottom: 5px solid #4336C5;}
.delivery-chart .chart li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 200px;}
.delivery-chart .chart span {
	margin: 0 25px;
    display: flex;
    background: #0076B9;
    animation: draw 1s ease-in-out;
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-weight: bold;
    font-size:28px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    width: 150px;}
.delivery-chart .chart li.light span {background:#98F9EA; color:#000;}	
.delivery-chart .chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding:10px 15px 0 0;
  display: block;
  text-align: center;
  content: attr(title);
  word-wrap: break-word;
   margin: 10px auto;
    font-size: 22px;
    font-weight: bold;
    color: var(--PrimaryClr);}
.delivery-chart .chart li.light span:before {color:#040404;}	
@keyframes draw {
  0% {
    height: 0;
  }
}

.delivery-chart .chart-container {
    border: 2px solid #4336C5;
    border-radius: 0 20px 20px 20px;
    margin: 0 0 20px;
    display: block;
    padding: 30px 0 100px;}
.delivery-chart .chart-tab {
    border-radius: 12px 12px 0 0;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    padding: 0 30px;
    min-width: inherit;
    line-height: 48px;
    height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    transition: all linear .3s;}	
	

.jp-section-four {padding-top: var(--mtop);
    padding-bottom:50px; 
	margin:0 auto;
    background:#F2F2F2;
    font-family: "Noto Sans", sans-serif;}
.jp-section-four .main-title {
    padding:0;
    margin:0 0 40px;
    display:block;}
.jp-section-four .main-title h2 {
    margin:0 auto 25px;
    text-align:center;
    font-size:40px;
    font-weight:900;
    font-family:"Noto Sans", sans-serif;}		
	
.price-comparison {display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-direction: row;
    gap: 25px;
    width: 100%;
    max-width: 100%;
	font-family:"Noto Sans", sans-serif;
	margin:0 auto 50px;}
.price-comparison .pc-box {
    background: #fff;
    border-radius: 15px;
    padding:0;
    width: 280px;
    height: 200px;     
	border-top:6px solid #4336C5;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    font-family:"Noto Sans", sans-serif; 
	position:relative;}
.price-comparison .pc-box:after {
    content: '';
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -22px;
    top: 50%;
    background: url('../images/pc-arrow.svg') no-repeat 0 0;
    background-size: 18px;}		
.price-comparison.secondary .pc-box:after {
    content: '';
    right: -34px;}	
.pc-box .pc-top {margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 15px 15px 0 0;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.25);
    z-index: 5;
    color: #131313;
    font-weight: 900;
    font-size: 18px;
	text-align: center;
    height: auto;
    min-height: 90px;}
.price-comparison .pc-box:last-child:after {display:none;}	
.pc-box .pc-inner {padding: 0;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    height: 100vh;
    width: 100%;
    font-size: 16px;
    font-weight: 900;
    border-radius: 0 0 15px 15px;
    overflow: hidden;}
.pc-box .pc-inner .pc-left {text-align: left;
    margin: 0 auto;
    font-size: 16px;
	line-height: 1.2;
    font-weight: 700;
    width: 50%;
    padding: 20px 18px;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;}
.pc-box .pc-inner .pc-right {text-align: left;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    width: 50%;
    padding: 20px;
    background: #EBE9F5;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;}
.pc-inner span {display:block;}
.price-comparison .bord1 {border-color:#FF5353 !important;}
.price-comparison .bord2 {border-color:#00BBFF !important;}
.price-comparison .bord3 {border-color:#78FF56 !important;}
.price-comparison .bord4 {border-color:#FFFF00 !important;}
.price-comparison .bord5 {border-color:#D900D0 !important;}

.pc-box .pc-inner .pc-left > span {margin-top: 10px; display: block;}
.pc-box .pc-inner .pc-right span {margin-bottom: 5px;}

.price-comparison.secondary {max-width: 95%; gap: 50px;}	
.price-comparison.secondary .pc-box {
    width: 33.333%;
    height: 260px;}
.price-comparison.secondary .pc-box .pc-inner .pc-left {display:flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    gap: 15px;}
.price-comparison.secondary .pc-box .pc-inner .pc-right {display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    gap: 10px;
	font-weight: 600;}		
	
.comparison-chart {max-width: 800px;
    margin: 0 auto 25px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    flex-direction: column;}
.comparison-chart .cc-tab {
    color: var(--PrimaryClr);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    padding: 0;
    min-width: inherit;
    line-height: 48px;
    border: none;
    transition: all linear .3s;}	
.comparison-chart .cc-container {border:none;
    margin:0;
    display:block;
    padding:0;}
.jp-section-four .join_comm {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;}
.jp-section-four .join_comm .input-btn {    
	border-radius: 12px;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 28px;
    padding:0 50px 0 70px;
    min-width: inherit;
    line-height: 48px;
    height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    transition: all linear .3s;
	letter-spacing: 30px;
    text-align: center;
    margin: 0 auto;
    width: 420px;} 	
.jp-section-four .join_comm .input-btn:hover {background:#fff;
    border-color:#fff;
    color: var(--PrimaryClr);}
.jp-section-four .cc-title {margin: 0 auto 20px; padding:0;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
	color: var(--PrimaryClr);}	

.comparison-chart .chart-bottom {
    display: flex;
    align-items: center;
    justify-content:center;
    width: 100%;
    margin:0 auto 20px;
    padding: 0;
    flex-direction: row;
    position: relative;
    gap: 30px;}
.comparison-chart .chart-bottom.circle-chart {margin-bottom:0; max-width:60%;}	
.comparison-chart .chart-bottom .cb-col {display:flex;
    align-items:center;
    justify-content:center;
    gap: 10px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    position: relative;
	color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    min-width: inherit;
    line-height: normal;
    border: none;}	
.comparison-chart .chart-bottom .cb-col.heading {color: var(--PrimaryClr);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    padding: 0;
    min-width: inherit;
    line-height:1;
    border: none;}	
.comparison-chart .chart-bottom .cb-col .circle.light {background:#98F9EA;}
.comparison-chart .chart-bottom .cb-col .circle {background:#0076B9; width:25px; height:25px; padding:0; margin:0; border-radius:50%;}	
.price-comparison .pc-box .number {
    font-size:26px;
    font-weight:600;}

.firm-steps {padding-top:var(--mtop);
    padding-bottom:0;
    background: #fff;}	
.firm-steps .main-title {padding:0;
    margin:0 0 40px;
    display:block;
    font-family: "Noto Sans", sans-serif;}	
.firm-steps .main-title h2 {margin:0 auto 25px;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    font-family:"Noto Sans", sans-serif;}	
.firm-steps .main-title .sub-text {color: #221F20;
    font-size: 28px;
    line-height: 36px;
    font-weight: 400;
    max-width: 991px;
    text-align: center;
    margin: 0 auto 30px;
    letter-spacing: normal;}	
.grey-bg {background:#DFDFDF;}	
.white-bg {background:#fff;}	


.slider-steps {padding-top:30px;
    padding-bottom:30px;
    margin:0 auto;
	position:relative;}
.slider-steps .main-title h2 {font-size:64px;}	
.main-title {padding:0;
    margin:0 0 40px;
    display:block;
    font-family: "Noto Sans", sans-serif;}	
.main-title h2 {margin:0 auto 25px;
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    font-family:"Noto Sans", sans-serif;}	
.main-title .sub-text {color: #221F20;
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    max-width: 991px;
    text-align: center;
    margin: 0 auto 30px;
    letter-spacing: normal;}
	
		
.cardSlider {
    width:320px;
    border-radius:20px;
    background:#fff;
    overflow:hidden;
	border-top:8px solid var(--PrimaryClr);}

.cardSlider .card-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px 20px 0 0;}

.swiper-slide-active .cardSlider .card-body {min-height:200px;}
.cardSlider .card-body {
    padding:0 0 30px;
    font-weight: 600;
    text-align: center;
    background: #EBE9F5;
    color: #000;
    font-size: 16px;
    position: relative;}

.cardSlider .card-body h3 {
    font-size: 22px; color:#000;
    line-height:1.1;
    font-weight: 600;
    background: #fff;
    padding: 20px 15px;
    border-radius:16px;
    position: relative;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    margin: 0;}
.swiper-slide-active .cardSlider .card-body h3 {font-size: 24px;}
.swiper-slide-active .cardSlider .card-body .description {font-size: 20px; line-height: 1.4;}	
.cardSlider .card-body .description {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 15px 15px 20px;
    background: #EBE9F5;
    margin-top: -15px;
    letter-spacing: 1px;}
.redbrd {border-color:#FF6464 !important;}
.bluebrd {border-color:#00BBFF !important;}	
.greenbrd {border-color:#78FF56 !important;}	
.pinkbrd {border-color:#D900D0 !important;}
.orngbrd {border-color:#FFBE56 !important;}	

.slider-steps .swiper-button-next:after, .slider-steps .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 17px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;}
.slider-steps .swiper-button-next, .slider-steps .swiper-button-prev {
	width:calc(var(--swiper-navigation-size)/ 42 * 42); height:42px;
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #424242;
    border-radius: 50%;
    width:42px;
    height:42px;}	
.slider-steps .swiper-button-next:hover, .slider-steps .swiper-button-prev:hover {background:var(--PrimaryClr);}
.slider-steps .swiper-button-prev {left:0;}	
.slider-steps .swiper-button-next {right:0;}
	
#marketingSwiper .cardSlider {width:412px;}  
#salesSwiper .cardSlider {width:320px;}
#deliverySwiper .cardSlider {width:412px;}  
#warehouseSwiper .cardSlider {width:320px;}

.bottom-action {display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 50px auto 20px;
    flex-direction: column;}
.bottom-action .cc-title {margin:0 auto 20px; display:block;
    padding: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    color: var(--PrimaryClr);}
.bottom-action .join_comm {display:flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    padding:0;
    width: 100%;
    position: relative;}	
.bottom-action .join_comm .input-btn {
    border-radius: 12px;
    background: var(--PrimaryClr);
    border-color: var(--PrimaryClr);
    color: #fff;
    text-transform: uppercase;
    font-weight:600;
    font-size: 28px;
    padding: 0 50px 0 70px;
    min-width: inherit;
    line-height: 48px;
    height: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border: none;
    transition: all linear .3s;
    letter-spacing:normal;
    text-align: center;
    margin: 0 auto;
    width:auto;}  
.bottom-action .join_comm .input-btn:hover {background:#fff; border-color:#fff; color:var(--PrimaryClr);}	

.slider-warehouse .bottom-action .join_comm .input-btn {letter-spacing: 30px;
    padding-left: 80px;
    padding-right: 50px;}

.success-path {padding-top: var(--mtop);
    padding-bottom:0;
    margin: 0 auto;}
.success-path .main-title h2 {font-size:52px; margin-bottom:15px;}	
.success-path .main-title .sub-text {font-size:26px; font-weight:600;}

.success-chart {max-width:85%;
    margin:0 auto 80px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    padding:0;
    flex-direction:column;} 
.success-chart .cc-tab {
    color: var(--PrimaryClr);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    padding:0 0 10px;
    min-width: inherit;
    line-height: 48px;
    border: none;
    transition: all linear .3s;}	
.success-chart .cc-container {border:none;
    margin:0;
    display:block;
    padding:0;}

.stores-list {display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;}
.stores-list .store-title {margin: 0 auto 30px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    color: var(--PrimaryClr);}
.stores-tabs {display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    gap: 10px;
    width: 1024px;}
.stores-tabs .st-tab {display: flex;
    text-align: left;
    border-radius: 24px;
    background: #fff;
    padding: 20px;
    width: 100%;
    height: auto;
    line-height: 1;
    font-size: 20px;
    font-weight: 500;
    border-top: 5px solid var(--PrimaryClr);
    align-items: center;
    justify-content: flex-start;}
.stores-tabs .red {border-color:#D06161 !important;}
.stores-tabs .green {border-color:#67D061 !important;}
.stores-tabs .blue {border-color:#61A2D0 !important;}
.stores-tabs .purple {border-color:#A061D0 !important;}

.jp-stores-news .swiper-slide .title {display:none;}
.stores-tabs .st-tab .dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    margin: 0 10px 0 0;
    padding: 0;}
.stores-tabs .st-tab.red .dot {background:#D06161;}
.stores-tabs .st-tab.green .dot {background:#67D061;}
.stores-tabs .st-tab.blue .dot {background:#61A2D0;}
.stores-tabs .st-tab.purple .dot {background:#A061D0;}	

.slider-steps .sitewrapper {max-width:1260px;}
#marketingSwiper .swiper-slide-active .cardSlider .card-body {min-height:240px;}
#salesSwiper .swiper-slide-active .cardSlider .card-body .description {font-size: 18px; line-height: 1.4;}
#deliverySwiper .swiper-slide-active .cardSlider .card-body {min-height:240px;}
#btcSwiper .swiper-slide-active .cardSlider .card-body {min-height: 240px;}
#warehouseSwiper .swiper-slide-active .cardSlider .card-body {min-height: 240px;}
#lawSwiper .cardSlider {width:320px;}


.custom-swipbtn {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 60%;
    max-width: 1360px;
    left: 0;
    right: 0;}
	
/*.custom-swipbtn .btn-swipe {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #424242;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;}	
.custom-swipbtn .btn-next {
    left: -50px;
    right: inherit;}	
.custom-swipbtn .btn-prev:after {font-family: swiper-icons;
    font-size: 17px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
	content: 'next';
	color:#fff;     
	cursor:pointer;}	
.custom-swipbtn .btn-prev {
	left: inherit;
    right: -30px;}	
.custom-swipbtn .btn-next:after {font-family:swiper-icons;
    font-size: 17px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1; 
	content: 'prev'; 
	color:#fff;     
	cursor:pointer;}		
.slider-steps .swiper-button-prev {display:none;}	
.slider-steps .swiper-button-next {display:none;}*/

.delivery-chart .chart li.blue:nth-child(1) span:before {
    min-width:90px;
	max-width:90px;}
.delivery-chart .chart li.blue:nth-child(3) span:before {
    min-width:135px;
    max-width:135px;}

