/* header */

.header > .container-fluid .row {
    grid-template-columns: 300px 1fr auto;
}
.euf_user_menu {
    padding: 10px 20px;
}
.euf_user_menu .euf_top_user_prof,
.euf_user_menu .euf-cart-header {
    display: inline-block!important;
}

@media (min-width: 850px) and (max-width: 1100px) {
    .header > .container-fluid .row {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "logo topusermenu"
            "topnav topnav";
    }
    .header > .container-fluid .row .header-content {
        grid-area: logo;
    }
    .header > .container-fluid .row .nav-container {
        grid-area: topnav;
    }
    .header > .container-fluid .row .euf_user_menu {
        grid-area: topusermenu;
    }
}
@media (max-width: 850px) {
    .header > .container-fluid .row {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "topusermenu topusermenu"
            "logo logo"
            "topnav topnav";
    }
    .header > .container-fluid .row .header-content {
        grid-area: logo;
    }
    .header > .container-fluid .row .nav-container {
        grid-area: topnav;
    }
    .header > .container-fluid .row .euf_user_menu {
        grid-area: topusermenu;
    }
    .euf_user_menu {
        justify-content: normal;
    }
    .logo {
        display: inline-block;
        width: 100%;
        padding-left: 0;
        justify-content: normal;
        height: auto;
    }
    .euf_top_user_prof .euf-dropdown-section {
        right: 0;
        left: auto;
    }
    .euf_user_menu:has(.btn-register) {
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        grid-template-areas:
            "cregister clogin"
            "ccard ccard";
    }
    .euf_user_menu:has(.btn-register) .euf-cart-header {
        grid-area: ccard;
    }
    .euf_user_menu:has(.btn-register) .btn-register {
        grid-area: cregister;
    }
    .euf_user_menu:has(.btn-register) .btn-login {
        grid-area: clogin;
    }
}

/* Footer */
.footer .container .row {
    display: inline-block;
    width: 100%;
}

.footer .footer-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "footer1 footer2 footer3";
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 570px) and (max-width: 1100px) {
    .footer .footer-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "footer1 footer2 "
            "footer3 footer3";
        grid-template-rows: max-content min-content;
    }
    .footer .footer-container .footer-sidebar {
        grid-area: footer1;
    }
    .footer .footer-container .footer2-sidebar {
        grid-area: footer2;
    }
    .footer .footer-container .footer3-sidebar {
        grid-area: footer3;
    }
    .footer .tnp-subscription {
        max-width: 100%;
        padding: 0 20px;
    }
}
@media (max-width: 570px) {
    .footer .footer-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "footer1"
            "footer2"
            "footer3";
        grid-template-rows: max-content min-content;
    }
    .footer .footer-container .footer-sidebar {
        grid-area: footer1;
    }
    .footer .footer-container .footer2-sidebar {
        grid-area: footer2;
    }
    .footer .footer-container .footer3-sidebar {
        grid-area: footer3;
    }
    .footer .tnp-subscription {
        max-width: 100%;
        padding: 0 20px;
    }
}
.footer-credits {
    display: inline-block;
    width: 100%;
    float: left;
    background: #252220;
    padding: 30px;
    text-align: center;
}
.footer-credits p {
    margin-bottom: 0;
}


/* My account */
.logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce, 
.logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce, 
.logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce, 
.logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce {
    grid-template-columns: minmax(auto, 260px) auto;
    width: 100%;
    max-width: 1200px !important;
}

@media (max-width: 1100px) {
    .page .page {
        padding: 0;
    }
}

@media (max-width: 650px) {
    .logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce, 
    .logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce, 
    .logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce, 
    .logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce {
        display: inline-block!important;
    }
    .logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul, 
    .logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul, 
    .logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul, 
    .logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul {
        margin-bottom: 0;
    }
    .logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-of-type a, 
    .logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-of-type a, 
    .logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-of-type a, 
    .logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:last-of-type a {
        border-radius: 0;
    }
    .logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-of-type a, 
    .logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-of-type a, 
    .logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-of-type a, 
    .logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce nav.woocommerce-MyAccount-navigation ul li:first-of-type a {
        border-radius: 6px 6px 0 0;
    }
    .logged-in.woocommerce-page.woocommerce-downloads .container-fluid .row main.content.fl-width .woocommerce .woocommerce-MyAccount-content, 
    .logged-in.woocommerce-page.woocommerce-account .container-fluid .row main.content.fl-width .woocommerce .woocommerce-MyAccount-content, 
    .logged-in.woocommerce-page.woocommerce-orders .container-fluid .row main.content.fl-width .woocommerce .woocommerce-MyAccount-content, 
    .logged-in.woocommerce-page.woocommerce-edit-address .container-fluid .row main.content.fl-width .woocommerce .woocommerce-MyAccount-content {
        min-height: auto;
    }
}

/* newsletter popup */
div#tnp-modal-close {
    z-index: 99;
}

/* shop categories */
/*
.new-div {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.term-description {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 3;
    top: auto!important;
}
.tax-product_cat .content .page-title {
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 1;
    top: auto;
}
.eufrat_cat_image {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.eufrat_cat_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
*/


/* vendor */
.mvx-main-section {
    padding: 0!important;
}
.column-class {
    margin-right: 0!important;
    margin-left: 0!important;
}

.woocommerce-account .content.fl-width,
.page:has(.register) .container-fluid > .row.layout-full main.content.fl-width {
    width: auto!important;
}
.page:has(#customer_login) .mvx-dashboard,
.page:has(.register) .mvx_regi_main {
    max-width: 600px;
    padding: 30px;
    margin: 0 30px 150px 30px;
    color: #333b3d;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
    width: auto;
}


.page:has(#customer_login) .container-fluid .content {
    text-align: center;
}
.page:has(#customer_login) .page {
    width: auto !important;
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
}

.register h3.reg_header2,
#customer_login h2 {
    color: #332f2c;
    text-transform: uppercase;
    font-size: 17px;
}
#customer_login input {
    color: #332f2c !important;
    background: #dfe5e9 !important;
    border: 1px solid #c7d1d9 !important;
    line-height: 46px !important;
    height: 46px !important;
    padding: 0 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 0;
}
.register .form-row .button,
#customer_login .button {
    height: 46px;
    line-height: 43px;
    background: #d39700;
    color: #332f2c;
    border: 1px solid #d39700;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Open Sans",sans-serif!important;
    transition: all ease-in-out 0.3s;
    padding: 0 30px;
    border-radius: 23px;
    margin-top: 10px;
    cursor: pointer;
}
#customer_login .button:hover {
    background: #42b64d;
    border: 1px solid #42b64d;
    transition: all ease-in-out 0.3s;
}
/*
* Input checkbox
*/
.woocommerce-account .content.fl-width .woocommerce form.login label.woocommerce-form-login__rememberme {
    margin: 0 0 20px;
}
#customer_login label.rwp-checkbox-label {
    float: left;
}
#customer_login input[type="checkbox"] {
    margin: 0 15px 0 10px;
    position: relative;
    cursor: pointer;
    line-height: 20px!important;
    height: 20px!important;
}
#customer_login input[type="checkbox"]:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: -1px;
   left: 0;
   background-color: #bab5ae;
}
#customer_login input[type="checkbox"]:checked:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: -1px;
   left: 0;
   background-color: #d39700;
}
#customer_login input[type="checkbox"]:checked:after {
   content: "";
   display: block;
   width: 5px;
   height: 14px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate( 45deg );
   -ms-transform: rotate(45deg);
   transform: rotate( 45deg );
   position: absolute;
   top: -1px;
   left: 7px;
}
#customer_login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
}

form.register .reg_header1,
form.register h7 {
    display: none;
}
.mvx_regi_main .mvx_regi_form_box {
    margin-top: 0!important;
    box-shadow: none!important;
    padding: 0!important;
}
.mvx_regi_main .mvx_regi_form_box label {
    font-weight: normal!important;
    color: #333b3d!important;
    font-family: sans-serif, Ubuntu, Sans, "Roboto", "Ubuntu", sans-serif !important;
}
.mvx_regi_main .mvx_regi_form_box input[type=email], 
.mvx_regi_main .mvx_regi_form_box input[type=file], 
.mvx_regi_main .mvx_regi_form_box input[type=password], 
.mvx_regi_main .mvx_regi_form_box input[type=text], 
.mvx_regi_main .mvx_regi_form_box input[type=url],
.mvx_regi_main .mvx_regi_form_box .select_box {
    color: #332f2c !important;
    background: #dfe5e9 !important;
    border: 1px solid #c7d1d9 !important;
    line-height: 46px !important;
    height: 46px !important;
    padding: 0 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 0;
}
.mvx_regi_main .mvx_regi_form_box textarea {
    color: #332f2c !important;
    background: #dfe5e9 !important;
    border: 1px solid #c7d1d9 !important;
    padding: 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 0;
}

/* Vendor page */
.mvx-theme01 .mvx-banner-below {
    background: none!important;
}

.banner-img-cls {
    height: 100% !important;
}
.banner-img-cls .mvx-imgcls {
    height: 100% !important;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
    .mvx_bannersec_start {
        padding: 0!important;
    }
}
.mvx-banner-area {
    position: relative!important;
    padding: 0!important;
}
.mvx-theme01 .mvx-bannerright {
    height: auto!important;
}

.mvx_social_profile {
    position: relative;
}

@media screen and (min-width: 768px) {
    .mvx-theme01 .mvx-banner-below {
        padding: 0 0 70px 0!important;
    }
    .mvx-banner-area {
        display: inline-block!important;
    }
}
@media screen and (max-width: 768px) {
    .mvx-theme01 .mvx-banner-below {
        padding: 30px 0 20px 0!important;
    }
    .mvx-banner-area {
        display: none!important;
    }
    .mvx-contact-deatil {
        text-align: center;
    }
    .mvx-address {
        margin: 0 auto!important;
    }
}
button.mvx-butn:not(.mvx-stroke-butn) {
    display: none;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
    .mvx-theme01 .mvx-banner-middle {
        display: inline-block !important;
        width: 100%;
        text-align: center;
        margin: 0 0 20px !important;
    }
}

/* Vendor content */
.mvx-middle-sec {
    min-width: 75%!important;
    display: inline-block;
}
.mvx-main-section .mvx-middle-sec {
    border-right: 1px solid #4c4641;
}
.mvx-main-section .widget {
    border-right: none;
}

@media screen and (max-width: 768px) {
    .mvx-main-section .mvx-middle-sec {
        border-right: none;
    }
}
.page-numbers {
    margin-bottom: 0;
}


/* Vendor categories */
.mvx_widget_vendor_product_categories ul {
    margin: 0;
    padding: 0;
    list-style: none !important;
}
.mvx_widget_vendor_product_categories ul li {
    border-bottom: 1px solid #3e3935;
}
.mvx_widget_vendor_product_categories ul li a {
    padding: 15px 30px 15px 55px;
    display: block;
    text-decoration: none;
    line-height: 14px;
}
.mvx_widget_vendor_product_categories .children {
    background: #3e3935;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat {
	position: relative;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin-left: 0;
    font-weight: normal;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: all 0.4s ease;
	width: 40px;
	height: 45px;
	text-align: center;
	line-height: 40px;
    position: absolute;
    top: 0;
    left: 10px;
    vertical-align: middle;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle.cat-popped {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #d2cecb;
    top: 0;
    left: 10px;
    vertical-align: middle;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle::before {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	text-transform: none;
	content: "\33";
    font-family: "ElegantIcons";
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
    vertical-align: middle;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle.cat-popped::before {
    content: "\33";
    font-family: "ElegantIcons";
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle ~ ul.children {
	overflow: hidden;
	max-height: 0;
	transition: all 0.4s ease;
}
.mvx_widget_vendor_product_categories ul.product-categories > li.parent-cat .eufrat-cat-toggle.cat-popped ~ ul.children{
	max-height: 300px;
}
.mvx_widget_vendor_product_categories {
  .children {
    background: lighten(#332f2c, 4%);
  }
}

/* widgets on vendor page */
.column-class .widget .widget-title {
    padding: 15px 25px;
}

/* contact */
.tax-dc_vendor_shop .column-class .textwidget {
    padding: 30px 30px 20px;
    box-sizing: border-box;
    text-align: center;
}
.tax-dc_vendor_shop .column-class .textwidget p {
    max-width: 300px;
    margin: 0 auto;
}
.tax-dc_vendor_shop .column-class .textwidget .collectio-action {
    margin: 30px 0 10px;
}


body.logged-in #custom_html-2 {
    display: none!important;
}
#custom_html-2 .register-link {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #9b876c;
}

/* vendors products on sale */
.mvx_vendor_on_sale_products ul.product_list_widget {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin: 0;
}
.mvx_vendor_on_sale_products ul.product_list_widget li {
    list-style: none;
    position: relative;
}
.mvx_vendor_on_sale_products ul.product_list_widget li:nth-of-type(odd) {
    border-bottom: 1px solid #4c4641;
}
.mvx_vendor_on_sale_products ul.product_list_widget li:nth-of-type(even) {
    border-bottom: 1px solid #4c4641;
    border-left: 1px solid #4c4641;
}
.mvx_vendor_on_sale_products ul.product_list_widget li:last-child,
.mvx_vendor_on_sale_products ul.product_list_widget li:nth-last-child(2) {
    border-bottom: none;
}
.mvx_vendor_on_sale_products ul.product_list_widget li a {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.mvx_vendor_on_sale_products ul.product_list_widget li .product-title {
    position: absolute;
    text-align: center;
    line-height: 1.3em;
    bottom: -60px;
    left: 10px;
    right: 10px;
    transition: all ease-in-out 0.3s;
}

.mvx_vendor_on_sale_products ul.product_list_widget li:hover .product-title {
    bottom: 10px;
    transition: all ease-in-out 0.3s;
}
.mvx_vendor_on_sale_products del,
.mvx_vendor_on_sale_products ins {
    position: absolute;
    color: #9b9793;
    z-index: 10;
    transform: rotate(-45deg) translateZ(0);
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
}
.mvx_vendor_on_sale_products del {
    top: 13px;
    left: -18px;
    right: 0;
    text-align: center;
    width: 80px;
    font-size: 12px;
}

.mvx_vendor_on_sale_products ins {
    top: 26px;
    left: -18px;
    right: 0;
    text-align: center;
    width: 110px;
    text-decoration: none;
}

.mvx_vendor_on_sale_products ul.product_list_widget li a:before {
    content: "";
    display: inline-block;
    width: 150px;
    height: 90px;
    position: absolute;
    top: -30px !important;
    left: -60px !important;
    background-color: #3e3935;
    transform: rotate(-45deg) translateZ(0);
    -webkit-transform: rotate(-45deg) translateZ(0);
    -moz-transform: rotate(-45deg) translateZ(0);
    -ms-transform: rotate(-45deg) translateZ(0);
    backface-visibility: hidden;
}

/* Vendors cupons */
.mvx_store_coupons {
    display: inline-block;
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
}
.mvx_store_coupons .mvx-store-coupon-single {
    display: inline-block;
    width: auto;
    height: 50px;
    position: relative;
    margin: 10px 60px 10px 20px;
    padding: 0 20px;
    line-height: 50px;
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222%22%20height%3D%2250%22%20viewBox%3D%220%200%201.28%2031.973%22%20fill%3D%22%23bab5ae%22%3E%3Crect%20width%3D%221.454%22%20height%3D%2224.32%22%20x%3D%22-0.082%22%20y%3D%223.825%22%20%2F%3E%3Crect%20width%3D%221.28%22%20height%3D%2231.973%22%20x%3D%220%22%20y%3D%220%22%20style%3D%22fill-opacity%3A0%22%20%2F%3E%3C%2Fsvg%3E');
    /* for colour change fill%3D%22%23bab5ae above where #bab5ae is a color */
    background-position: right top;
    background-repeat: repeat;
    font-size: 13px;
    letter-spacing: 1px;
    color: #332f2c;
}
span.mvx-store-coupon-single.tips.text_tip::selection {
    background: none;
    color: aquamarine;
}
.mvx_store_coupons .mvx-store-coupon-single:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -12px;
	-webkit-mask:  url(../images/beggining.svg) no-repeat 0 0;
	mask: url(../images/beggining.svg) no-repeat 0 0;
	mask-size: 12px;
	-webkit-mask-size: 12px;
    width: 12px;
    height: 50px;
	background-color: #bab5ae;
}
.mvx_store_coupons .mvx-store-coupon-single:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -39px;
	-webkit-mask:  url(../images/ending.svg) no-repeat 0 0;
	mask: url(../images/ending.svg) no-repeat 0 0;
	mask-size: 39px;
	-webkit-mask-size: 39px;
    width: 39px;
    height: 50px;
	background-color: #bab5ae;
}

/* Recent Products from This Creator */
.mvx_vendor_rcent_products .product_list_widget {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
}
.mvx_vendor_rcent_products .product_list_widget li {
    list-style: none;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.mvx_vendor_rcent_products .product_list_widget li a {
    overflow: hidden;
}
.mvx_vendor_rcent_products .product_list_widget li:nth-of-type(odd) {
    border-bottom: 1px solid #4c4641;
}
.mvx_vendor_rcent_products .product_list_widget li:nth-of-type(even) {
    border-bottom: 1px solid #4c4641;
    border-left: 1px solid #4c4641;
}
.mvx_vendor_rcent_products .product_list_widget li:last-child,
.mvx_vendor_rcent_products .product_list_widget li:nth-last-child(2) {
    border-bottom: none;
}
.mvx_vendor_rcent_products .product_list_widget li span.amount {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #3e3935;
    line-height: 1em;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #9b9793;
}
.mvx_vendor_rcent_products .product_list_widget li .product-title {
    position: absolute;
    text-align: center;
    line-height: 1.3em;
    bottom: -60px;
    left: 10px;
    right: 10px;
    transition: all ease-in-out 0.3s;
}
.mvx_vendor_rcent_products .product_list_widget li:hover .product-title {
    bottom: 10px;
    transition: all ease-in-out 0.3s;
}

/* vendor info */
.widget_product_vendor_info {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    box-sizing: border-box;
}
.widget_product_vendor_info .vendor-info-page-title {
    margin: 20px 0;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 22px;
    letter-spacing: 1px;
}
.widget_product_vendor_info .vendor-info-shop-link {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #9b876c;
    text-align: right;
    margin: 0;
    padding: 10px 0 15px;
    box-sizing: border-box;
}

/* newsletter */
@media (min-width: 700px) {
    .newsletter-box {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 30px;
      align-items: center;
      text-align: center;
    }
}
  
.newsletter-box h1.page-title {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 0;
}
.newsletter-box .nbox {
    text-align: center;
}
.newsletter-box .nbox-content {
    display: inline-block;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    text-align: left;
    margin: 60px auto;
    padding: 0 30px;
    box-sizing: border-box;
}
.newsletter-box .welcome {
    font-family: "Jaldi", "Ubuntu", sans-serif;
    font-size: 26px;
    line-height: 36px;
    display: inline-block;
    margin: 0 0 25px;
}
.newsletter-box .welcome strong {
    display: inline-block;
}
  
.nbox-content:has(.col) p,
.nbox-content:has(.col) h1,
.nbox-content:has(.col) .col:first-of-type {
    display: none;
}
.nbox-content .tnp-subscription {
    margin: 30px 0;
}
.blog-single-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    min-height: 600px;
}
.blog-single-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
@media (max-width: 700px) {
    .blog-single-img {
      min-height: 300px;
    }
}
.page-template-page-newsletter:has(.tnp-subscription) .footer3-sidebar .widget-title,
.page-template-page-newsletter:has(.tnp-subscription) .footer3-sidebar .wp-block-tnp-minimal,
.page-template-page-newsletter:has(.tnp-subscription) .footer3-sidebar .widget_newsletterwidget {
    display: none;
}
.tnp-subscription input[type="submit"] {
    cursor: pointer;
}
.widget_newsletterwidget {
    max-width: 500px;
}
.widget_newsletterwidget p {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 500px;
}
.footer .tnp-subscription.tnp-widget {
    padding: 0 15px;
    box-sizing: border-box;
}

/* Blog */
.content .post_wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.content .post_wrapper .blog-single-content {
    padding: 40px 20px;
    max-width: 700px;
    margin: 0 auto;
}

/* contact Page */
.page .wpcf7 {
    padding: 30px;
    color: #333b3d;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
}
.page .wpcf7 input[type=text], 
.page .wpcf7 input[type=email], 
.page .wpcf7 input[type=password] {
    width: 100%;
    box-sizing: border-box;
    color: #332f2c;
    background: #dfe5e9;
    border: 1px solid #c7d1d9;
    line-height: 46px;
    height: 46px;
    padding: 0 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 10px 0 0;
}
.page .wpcf7 textarea {
    box-sizing: border-box;
    max-width: 100%;
    color: #332f2c;
    background: #dfe5e9;
    border: 1px solid #c7d1d9;
    padding: 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 10px 0 0;
}

/* sidebar */
.sidebar.sd-left {
    border-right: none;
}
.sidebar .widget:last-of-type {
    border-bottom: none;
}

/* affiliate page */
.affiliate-box {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.affiliate-box .content {
    display: inline-block;
    width: 100%;
    max-width: 750px;
}
.affiliate-box .page-title {
    margin: 90px 0 0 0;
    text-align: center;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    text-transform: uppercase;
    font-size: 19px;
    display: flex;
    line-height: 60px;
    padding: 0 30px;
}
.affiliate-box .page-title:before {
    content: "\e605";
    color: #d38c4e;
    font-family: "tbico";
    font-size: 32px;
    font-weight: normal;
    margin-right: 10px;
}
.affiliate-box #wpam-reg-form {
    display: block !important;
    max-width: 600px;
    padding: 30px;
    margin: 0 30px 150px 30px;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
    width: auto;
    text-align: left;
    color: #9b9793;
}
.affiliate-box #wpam-reg-form br {
    display: none;
}
.affiliate-box #wpam-reg-form fieldset {
    text-align: center;
}


.wpam-login-form input[type=password],
.wpam-login-form input[type=text],
.affiliate-box #wpam-reg-form select,
.affiliate-box #wpam-reg-form input[type=text] {
    color: #332f2c !important;
    background: #dfe5e9 !important;
    border: 1px solid #c7d1d9 !important;
    line-height: 46px !important;
    height: 46px !important;
    padding: 0 10px;
    font-size: 15px;
    border-radius: 2px;
    margin: 0;
    width: 100%;
}
.affiliate-box input[type=submit] {
    height: 46px;
    line-height: 43px;
    background: #d39700;
    color: #332f2c;
    border: 1px solid #d39700;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Open Sans",sans-serif!important;
    transition: all ease-in-out 0.3s;
    padding: 0 30px;
    border-radius: 23px;
    margin-top: 10px;
    cursor: pointer;
    box-shadow: none;
}
.affiliate-box input[type=submit]:hover {
    background: #42b64d;
    border: 1px solid #42b64d;
    transition: all ease-in-out 0.3s;
}
.affiliate-box #wpam-reg-form p {
    padding: 10px 0;
    width: 100%;
    display: inline-block;
    max-width: 100%;
    text-align: left;
}
.affiliate-box label {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 3px;
    padding: 0 5px;
    box-sizing: border-box;
    color: #333b3d;
}

/* Input checkbox */
label#agreeTermsLabel {
    display: flex;
    width: 100%;
    margin: 25px 0;
}
label#agreeTermsLabel a {
    margin: 0 0 0 5px;
}
.affiliate-box #wpam-reg-form label.pure-checkbox {
    float: left;
}
.wpam-login-form input[type="checkbox"],
.affiliate-box #wpam-reg-form input[type="checkbox"] {
    margin: 5px 15px 0 0px;
    position: relative;
    cursor: pointer;
    line-height: 10px!important;
    height: 10px!important;
    width: 10px;
}
.wpam-login-form input[type="checkbox"]:before,
.affiliate-box #wpam-reg-form input[type="checkbox"]:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: -1px;
   left: 0;
   background-color: #bab5ae;
}
.wpam-login-form input[type="checkbox"]:checked:before,
.affiliate-box #wpam-reg-form input[type="checkbox"]:checked:before {
   content: "";
   display: block;
   position: absolute;
   width: 20px;
   height: 20px;
   top: -1px;
   left: 0;
   background-color: #d39700;
}
.wpam-login-form input[type="checkbox"]:checked:after,
.affiliate-box #wpam-reg-form input[type="checkbox"]:checked:after {
   content: "";
   display: block;
   width: 5px;
   height: 14px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   -webkit-transform: rotate( 45deg );
   -ms-transform: rotate(45deg);
   transform: rotate( 45deg );
   position: absolute;
   top: -1px;
   left: 7px;
}

/* affilate login form */
.wpam-login-form {
    display: block!important;
    max-width: 600px;
    padding: 30px;
    margin: 0 30px 150px 30px;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
    width: auto;
    text-align: left;
    color: #333b3d;
}

.affiliate-box .wpam-logged-in {
    display: block!important;
    max-width: 600px;
    padding: 30px;
    margin: 0 30px 150px 30px;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
    width: auto;
    text-align: left;
    color: #333b3d;
}
.affiliate-box .wpam-logged-in .wpam-logged-in-gravatar {
    display: none;
}
.affiliate-box .wpam-logged-in .wpam-logged-in-logout-link {
    text-align: right;
    margin: 10px 0 0;
    text-transform: uppercase;
}

.wpam-login-form .login-remember input[type="checkbox"]:checked:after,
.wpam-login-form .login-remember input[type="checkbox"]:before {
    top: -5px;
}

@media (max-width: 1024px) {
    table.wpam-responsive-table tr {
        border: none;
    }
    table.wpam-responsive-table td {
        border-bottom: 2px solid #332f2c;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        line-height: 1.7em;
    }
    table.wpam-responsive-table td:before {
        position: relative;
        width: auto;
        top: 0;
        padding-right: 30px;
    }
}
@media (max-width: 750px) {
    .pure-menu.pure-menu-horizontal > ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .pure-menu.pure-menu-horizontal > ul li:nth-of-type(1),
    .pure-menu.pure-menu-horizontal > ul li:nth-of-type(2),
    .pure-menu.pure-menu-horizontal > ul li:nth-of-type(3) {
        border-bottom: 1px solid #4c4641;
    }
}


/* affilate page */

/* when logout */
.affiliate-dashboard.more-info {
    text-align: center;
}
.affiliate-dashboard.more-info .content {
    width: auto !important;
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    padding: 120px 60px;
}
.affiliate-dashboard.more-info .content .page {
    display: block !important;
    max-width: 600px;
    padding: 30px;
    color: #333b3d;
    border-radius: 4px;
    text-align: left;
    background: #d3dbe1;
    width: auto;
}

.affiliate-dashboard.more-info h1.page-title {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    border-bottom: none !important;
    display: inline-block;
    padding: 0!important;
    color: #332f2c;
}

/* when logout */
.affiliate-dashboard .page {
    padding: 0;
}
.affiliate-dashboard h1.page-title {
    border-bottom: 1px solid #4c4641;
    padding: 40px 30px;
    box-sizing: border-box;
}
.affiliate-dashboard .aff-wrap {
    background: none;
    border: none;
    display: grid;
}
.affiliate-dashboard .pure-menu.pure-menu-open, 
.affiliate-dashboard .pure-menu.pure-menu-horizontal li .pure-menu-children {
    background: none;
}
.affiliate-dashboard .pure-menu.pure-menu-open {
    border-right: 1px solid #4c4641;
    margin: 0;
}
.affiliate-dashboard ul.pure-menu-list li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #4c4641;
}
.affiliate-dashboard ul.pure-menu-list li a {
    padding: 15px 30px;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 14px;
    color: #9b9793;
    background: rgba(62, 57, 53, 0);   
    transition: all ease-in-out 0.3s;
}
.affiliate-dashboard .pure-menu li a:hover, 
.affiliate-dashboard .pure-menu li a:focus,
.affiliate-dashboard .pure-menu .pure-menu-selected a {
    color: #9b9793;
    background: rgba(62, 57, 53, 1);
    transition: all ease-in-out 0.3s;
}
.affiliate-dashboard .wrap {
    padding: 30px 30px 60px;
    box-sizing: border-box;
}
.affiliate-dashboard .daterange-form {
    padding: 0;
    color: #9b9793;
}
.affiliate-dashboard #dateRange {
    display: grid;
    align-items: center;
    margin: 15px 0 50px 0;
}
@media (min-width: 1180px) {

    .affiliate-dashboard .aff-wrap {
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }
    .affiliate-dashboard #dateRange {
        grid-template-columns: 150px 1fr 300px;
        grid-template-areas: 
                        "affhead affselec affbutt";
    }

    .affiliate-dashboard .wpam-daterange-selection {
        grid-template-columns: 100px 1fr 100px 1fr;
        margin-bottom: 0;
    }
}
@media (max-width: 1180px) {
    .affiliate-dashboard .aff-wrap {
        grid-template-columns: 1fr;
    }
    .affiliate-dashboard #dateRange {
        grid-template-columns: 1fr;
        grid-template-areas: 
                        "affhead"
                        "affselec "
                        "affbutt";
    }
    .affiliate-dashboard .pure-menu.pure-menu-open {
        border-bottom: 1px solid #4c4641;
    }
    .affiliate-dashboard .wpam-daterange-selection {
        grid-template-columns: 100px 1fr;
        row-gap: 20px;
        margin-bottom: 20px;
    }
    .affiliate-dashboard .wpam-daterange-action-buttons {
        text-align: right;
    }
    .affiliate-dashboard ul.pure-menu-list li {
        border-bottom: none;
        width: auto;
        border-right: 1px solid #4c4641;
        float: left;
    }
    .affiliate-dashboard ul.pure-menu-list li:last-of-type {
        border-right: none;
    }
}

.affiliate-dashboard .wpam-daterange-heading {
    font-weight: normal;
    margin-bottom: 0;
    grid-area: affhead;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}
.affiliate-dashboard .wpam-daterange-selection {
    grid-area: affselec;
    display: grid;
    align-items: center;
}
.affiliate-dashboard .wpam-daterange-action-buttons {
    grid-area: affbutt;
    margin-bottom: 0;
}

.affiliate-dashboard .wrap input[type="submit"],
.affiliate-dashboard .wrap input#reset {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    width: auto;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 18px;
    transition: all ease-in-out 0.3s;
    outline: none;
    font-family: Roboto;
    margin: 0 10px;
    box-shadow: none;
}
.affiliate-dashboard .wrap input#reset {
    background: #332f2c;
    color: #9b9793;
    border: 1px solid #9b9793;
}
.affiliate-dashboard .wrap input#reset:hover {
    background: #bab5ae;
    border: 1px solid #bab5ae;
    color: #332f2c;
}
.affiliate-dashboard .wrap input[type="submit"] {
    background: #bab5ae;
    border: 1px solid #bab5ae;
    color: #332f2c;
    min-width: 150px;
}
.affiliate-dashboard .wrap input[type="submit"]:hover {
    background: #332f2c;
    color: #9b9793;
    border: 1px solid #9b9793;
}
.wpam-daterange-selection label {
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: right;
}
.pure-form input[type="password"],
.pure-form select,
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly],
.pure-form input[type="text"] {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 36px;
    border: none;
    background: #3e3935;
    color: #d2cecb;
}
table.wpam-responsive-table {
    width: 100%;
    border: none;
}
.pure-table thead {
    background: none;
}
table.wpam-responsive-table th {
    padding: 15px 10px;
    box-sizing: border-box;
    background: #3e3935;
    border-color: #332f2c;
    border-width: 2px;
    transition: all ease-in-out 0.4s;
}
table.wpam-responsive-table th:first-of-type {
    border-radius: 6px 0 0 0;
}
table.wpam-responsive-table th:last-of-type {
    border-radius: 0 6px 0 0;
}

/* date picker */
div#ui-datepicker-div {
    background: #3e3935;
    border: none;
    border-radius: 0;
    padding: 10px 10px 5px;
    width: auto;
}
.ui-datepicker .ui-datepicker-header {
    border-radius: 0;
    background: #bab5ae;
    border: none;
    color: #292726;
    text-transform: uppercase;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    letter-spacing: 1px;
}
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
    border: none;
    background-color: #bab5ae;
}
.ui-datepicker-calendar tr td {
    background: #bab5ae;
    border: 1px solid #3e3935;
}
.ui-datepicker-calendar tr td a {
    background: none!important;
    border: none!important;
}

.ui-datepicker td:has(a.ui-state-default.ui-state-active) {
    background: #c37207!important;
    border: none !important;
}

.ui-datepicker td {
    padding: 2px 5px;
    box-sizing: border-box;
}
td.ui-datepicker-week-end.ui-datepicker-today {
    background: #bab5aeb8!important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: none;
    border: none;
}
.ui-datepicker th span {
    color: #bab5ae;
}

/* Table data */
.pure-table td {
    border-width: 2px;
    border-color: #332f2c;
}
tr.transaction-confirmed:nth-of-type(odd) {
    background-color: #bab5ae;
}
tr.transaction-confirmed:nth-of-type(even) {
    background-color: #bab5aed1;
    border-top: 2px solid #332f2c;
}
tr.transaction-confirmed:last-of-type {
    border-radius: 0 0 6px 6px;
}
.positiveMoney {
    color: #3e3935;
}

/* contact info */
table.pure-table.wpam-contact-info {
    display: inline-block;
    width: 100%;
    border: none;
    background: none;
}
table.pure-table.wpam-contact-info thead {
    display: inline-block;
    width: 100%;
}
table.pure-table.wpam-contact-info thead:last-of-type tr th {
    margin-top: 50px;
}
table.pure-table.wpam-contact-info thead tr th {
    display: inline-block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    font-family: "Jaldi", "Ubuntu", sans-serif !important;
    font-weight: 600;
    color: #d2cecb;
    font-size: 19px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

table.pure-table.wpam-contact-info tr {
    display: inline-block;
    margin: 0;
}
table.pure-table.wpam-contact-info td {
    padding: 0;
    margin: 0 0 10px;
    border-bottom: none;
}

table.pure-table.wpam-contact-info tbody {
    display: grid!important;
    gap: 20px;
}
@media (min-width: 980px) {
    table.pure-table.wpam-contact-info tbody {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 600px) and (max-width: 980px) {
    table.pure-table.wpam-contact-info tbody {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    table.pure-table.wpam-contact-info tbody {
        grid-template-columns: 1fr;
    }
}

/* affilates dashboard */
.aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table thead {
    border-bottom: 2px solid #332f2c;
}
.aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table {
    background: #3e3935;
    border: none;
}
.aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table div.summaryPanelLine {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
.aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table thead tr {
    display: inline-block;
    width: 100%;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    font-weight: 600;
    color: #d2cecb;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    float: left;
    padding: 10px 0;
    box-sizing: border-box;
}
.aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap {
    display: grid;
    gap: 20px;
}
@media (min-width: 1100px) {
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap {
        grid-template-columns: auto auto auto;
    }
}

@media (min-width: 600px) and (max-width: 1100px) {
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: 
                        "puretable1 puretable1"
                        "puretable2 puretable3";
    }
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table:nth-of-type(1) {
        grid-area: puretable1;
    }
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table:nth-of-type(2) {
        grid-area: puretable2;
    }
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap .pure-table:nth-of-type(3) {
        grid-area: puretable3;
    }
}

@media (max-width: 600px) {
    .aff-wrap:has(#aff-controls .pure-menu-list li:first-of-type.pure-menu-selected) .wrap {
        grid-template-columns: 1fr;
    }
}

/* creatives */
.affiliate-dashboard h3 {
    margin: 0 0 10px 0;
}
#wpam_link_generation_form,
.affiliate-dashboard textarea.wpam-creative-code {
    margin-bottom: 50px;
    width: 100% !important;
    min-height: 60px;
}
#wpam_link_generation_form br {
    display: none;
}
#wpam_link_generation_form{
    display: grid;
    grid-template-columns: auto 200px;
    grid-template-areas: 
                    "formla formla"
                    "forminp formsub";
}
#wpam_link_generation_form .wpam_link_gen_page_url_label {
    grid-area: formla;
}
#wpam_link_generation_form .wpam_link_generation_input {
    grid-area: forminp;
}
#wpam_link_generation_form .wpam_link_generation_submit {
    grid-area: formsub;
}
#wpam_link_generation_form input[type=text] {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    width: 100%;
}
#wpam_link_generation_form input[type="submit"] {
    border-radius: 0;
}
.wpam-creative-code {
    width: 100%;
    line-height: 25px;
}

.ui-dialog-buttonset button,
#previewButton {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    width: auto;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 18px;
    transition: all ease-in-out 0.3s;
    outline: none;
    font-family: Roboto;
    margin: 0 10px 50px;
    background: #9b9793;
    color: #332f2c;
    border: 1px solid #9b9793;
    cursor: pointer;
    width: 100%;
    max-width: 200px;
}
#previewButton:hover {
    background: #332f2c;
    color: #9b9793;
}
.ui-dialog-buttonset button:hover {
    background: #3e3935;
    color: #9b9793;
}

.wpam-creative-detail {
    border: none;
    background: #3e3935;
    border-radius: 0;
}
.wpam-creative-detail thead {
    font-family: "Jaldi", "Ubuntu", sans-serif;
    font-weight: 600;
    color: #d2cecb!important;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-bottom: 2px solid #332f2c;
}
.wpam-creative-detail thead th {
    padding: 15px 20px!important;
}
.ui-widget-overlay {
    background-image: none;
    background-color: #000;
    opacity: 0.5;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #3e3935;
    border-radius: 0;
    border: none;
    padding: 0;
}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background: none;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 2px solid #322e2c;
    border-radius: 0;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    background: none;
    border: none;
}
span#ui-id-1 {
    color: #d2cecb;
    font-family: futura;
    text-transform: none;
    text-align: left;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 1px;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    text-transform: uppercase;
}
div#dialog-preview {
    text-align: center;
    margin: 30px 0 0;
}
div#dialog-preview a {
    color: #9b9793;
}
div#dialog-preview button.ui-dialog-titlebar-close {
    background: #9b9793;
    box-shadow: none;
    border: none;
}
table.pure-table {
    background: #3e3935;
    border: none;
}
.pure-table td, .pure-table th {
    border-color: #332f2c;
    border-width: 2px;
}
.pure-table thead tr th {
    color: #9b9793;
    font-family: Jaldi;
    text-align: left;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* become an affilate */
.be-affilate {
    text-align: center;
}
.be-affilate .cols {
    width: 100%;
    max-width: 1300px;
}
@media (min-width: 1080px) {
    .be-affilate .cols {
        display: grid;
        grid-template-columns: 500px auto;
    }
}
@media (max-width: 1080px) {
    .be-affilate .cols {
        display: inline-block;
    }
}
.be-affilate .col1 {
    display: inline-block;
    width: 100%;
}
.be-affilate .affiliate-title {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: normal;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    color: #d2cecb;
}
.be-affilate .col1 .affiliate-title {
    text-align: left;
}

.affiliate-banner-bg {
	background-image: url(../images/my-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
}
.affiliate-banner {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #29272673;
    padding: 0;
    /* border-bottom: 1px solid #4c4641; */
    backdrop-filter: blur(6px);
}
.affiliate-banner-con {
    display: inline-block;
    width: 100%;
    padding: 110px 80px 80px;
    box-sizing: border-box;
    border-radius: 5px;
}
.affiliate-banner-con p {
    margin: 20px 0 0 0;
}
.affiliate-banner h1 {
    text-align: center;
    font-size: 45px;
    line-height: 55px;
    text-transform: capitalize;
    font-weight: normal;
}

.acction-buttons {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.be-affilate .btn {
    display: inline-block;
    margin: 10px;
    height: 46px;
    line-height: 43px;
    background: #d39700;
    color: #332f2c;
    border: none;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Open Sans", sans-serif !important;
    transition: all ease-in-out 0.3s;
    padding: 0 30px;
    border-radius: 23px;
    margin-top: 10px;
    cursor: pointer;
}
.be-affilate .btn.aff-login:before {
    content: "\e001";
    font-family: "ElegantIcons";
    font-weight: normal;
    font-size: 16px;
    margin-right: 10px;
}
.be-affilate .btn.aff-register:before {
    content: "\e100";
    font-family: "ElegantIcons";
    font-weight: normal;
    font-size: 16px;
    margin-right: 10px;
}
.be-affilate .btn.alt {
    background: #9b9793;
    color: #332f2c;
    border: 1px solid #9b9793;
}
.be-affilate .btn.alt:hover {
    background: #332f2c;
    color: #9b9793;
    border: 1px solid #9b9793;
}
.be-affilate .btn.alt.line {
    background: #bab5ae;
    color: #62615f;
    border: 1px solid #62615f;
    height: 36px;
    line-height: 34px;
    font-size: 13px;
    float: right;
}
.light-bg {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #bab5ae;

}
.light-bg .content {
    display: inline-block;
    width: 100%;
    max-width: 1300px;
    margin: 80px 0;
    padding: 0 15px;
    box-sizing: border-box;
}
.light-bg .affiliate-title {
    color: #62615f;
}

.affiliate-text {
    display: inline-block;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    padding: 100px 15px 100px;
    box-sizing: border-box;
}
.affiliate-text i {
    font-size: 50px;
}
.affiliate-text img,
.affiliate-text svg {
    max-width: 60px;
    margin: 0 auto 30px;
}
.affiliate-text svg .line,
.affiliate-text svg .path,
.affiliate-text svg .polyline {
    stroke: #4a4a49;
}
.affiliate-text .affiliate-title {
    margin: 0 0 30px;
}

.steps {
    color: #332f2c;
    margin-bottom: 40px;
}
.steps .affiliate-title {
    margin-top: 40px;
}
.steps .number {
    display: grid;
    align-items: center;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.steps span {
    display: inline-block;
    font-size: 27px;
    line-height: 70px;
    height: 70px;
    width: 70px;
    border: 1px solid #332f2c;
    color: #a19d98;
    border-radius: 100%;
    margin: 0 auto;
    z-index: 1;
    background: #332f2c;
    font-family: "Jaldi", "Ubuntu", sans-serif;
}
.steps p {
    padding: 20px;
    box-sizing: border-box;
}
.s-title {
    font-size: 30px;
    line-height: 40px;
    padding: 30px 0 0;
    font-weight: normal;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    color: #62615f;
}
.under-title {
    color: #332f2c;
    padding: 20px 0 50px;
    font-size: 16px;
}
@media (max-width:960px) {
    .steps {
        display: inline-block;
        width: 100%;
    }
    .steps .step1 span {
        margin: 0 auto 20px;
    }
    .steps .step2 span,
    .steps .step3 span {
        margin: 50px auto 20px;
    }
    .steps .step1 .number:after,
    .steps .step2 .number:after,
    .steps .step2 .number:before,
    .steps .step3 .number:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        background: #332f2c;
        left: 50%;
        z-index: 0;
    }
    .steps .step1 .number:after,
    .steps .step2 .number:after {
        top: 0;
    }
    .steps .step2 .number:before,
    .steps .step3 .number:before {
        top: 0;
    }
}
@media (min-width:960px) {
    .steps {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .steps .step1 .number:after,
    .steps .step2 .number:after,
    .steps .step2 .number:before,
    .steps .step3 .number:before {
        content: "";
        display: inline-block;
        width: 50%;
        height: 1px;
        position: absolute;
        background: #332f2c;
        top: 50%;
        z-index: 0;
    }
    .steps .step1 .number:after,
    .steps .step2 .number:after {
        right: 0;
    }
    .steps .step2 .number:before,
    .steps .step3 .number:before {
        left: 0;
    }
}

.affiliate-benefits {
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
}
.affiliate-benefits .benefit {
    text-align: center;
}
.affiliate-benefits .benefits-content {
    gap: 40px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

@media (min-width:960px) {
    .affiliate-benefits .benefits-content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .benefits-bg {
        padding: 50px 10px 100px;
    }
}
@media (max-width:960px) {
    .affiliate-benefits .benefits-content {
        display: inline-block;
        width: 100%;
    }
    .affiliate-benefits .benefit {
        margin: 50px 0;
    }
    .benefits-bg {
        padding: 10px;
    }
}


.affiliate-benefits .benefits-content img {
    max-width: 60px;
    margin: 0 auto 20px;
}
.b-title {
    font-size: 21px;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    color: #dda271;
    margin: 0 0 21px 0;
}
.affiliate-benefits .benefits-content p {
    display: inline-block;
    width: 100%;
    max-width: 240px;
}

.benefits-bg {
    background: #332f2c2e;
    backdrop-filter: blur(5px);
    box-sizing: border-box;
}
.affiliate-benefits .affiliate-title {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: normal;
    font-family: "Jaldi", "Ubuntu", sans-serif;
    color: #d2cecb;
    margin-bottom: 60px;
}

/* accordion */
.accordion {
    margin-top: 40px;
}
.accordion-item {
    border-top: 1px solid #aba6a0;
}
.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    background: none;
    color: #62615f;

    font-family: Roboto;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.accordion-content p {
    margin: 15px 0 70px;
    padding: 0;
    text-align: left;
    color: #62615f;
    font-size: 16px;
}
.accordion-header i {
    color: #62615f;
    transform: rotate(0deg);
    font-size: 30px;
}
.accordion-header .fas {
    transition: transform 0.3s ease;
}

.accordion-header.active .fas {
    transform: rotate(180deg);
}