@charset "utf-8";

 html{
overflow-x:hidden;
}
body { 
margin: 0px;
color: #5d5d5d;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
line-height:normal;
padding:0px !important;
line-height:30px;
}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6{
margin:0px;
color:#000000;
line-height:normal;
font-weight:400;
margin-bottom:0px;
font-family: 'Poppins', sans-serif;
}
h1{
font-size:30px;
font-weight:800;
line-height:45px;
}
h2 {
font-size:15px;
font-weight:700;
}
h3{ 
font-size:20px;
font-weight:800;
}
h4{ 
font-size:28px;
}
h5{ 
font-size:25px; 
}
h6{ 
font-size:20px; 
}
hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}
p, ul, ol{ margin:0px; line-height:30px; padding:0px;}
ul *, ol * { margin:0px; padding:0px;}
ol,ul { padding-left: 0px;}
ul {display:block; }
ul li{
line-height:30px;
}
ul li+li{
}
a img { border: 0px;}
p,ul,ol {
margin:0px;
}
.clr{ display: block; float: none; clear: both;}
.c { overflow:hidden; float:none;}
.underline{text-decoration:underline;}
.round5 {
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(//www.tsglobal.net.au/wp-content/themes/tsglobal/css/css/PIE.htc);
position: relative;
}
.round10 {
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(//www.tsglobal.net.au/wp-content/themes/tsglobal/css/css/PIE.htc);
position: relative;
}
.round15 {
-webkit-border-radius: 15px;
border-radius: 15px;
behavior: url(//www.tsglobal.net.au/wp-content/themes/tsglobal/css/css/PIE.htc);
position: relative;
}
.left,.flot_left{ float:left;}
.right,.flot_right{ float:right ;}
.a_left { text-align: left ;}
.a_center { text-align: center;}
.a_right { text-align: right;}
a { text-decoration:none; }
.hidden { display:none;}
.italic{
font-style:italic;	
}
.bold{
font-weight:bold;	
}
table{
border-spacing:0px;
border-collapse:collapse;
}
input[type="text"],input[type="url"],input[type="tel"], input[type="email"], input[type="password"], select, textarea {
background:#fff;
border:1px solid #e0e0e0;
color: #000;
font-size: 14px;
padding: 10px 15px;
resize: vertical;
width:100%;
font-weight:300;
box-sizing:border-box;
font-family:Open Sans;
}
textarea {
width:100%;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { }
select { padding: 12px; width:100%;}
input[type="button"], input[type="submit"], input[type="reset"], .primary-button, .btn {
font-family:Open Sans;
background: #4f86af none repeat scroll 0 0;
border-radius: 150px;
-moz-border-radius: 150px;
-ms-border-radius: 150px;
-o-border-radius: 150px;
-webkit-border-radius: 150px;
border:0px;
color: #fff;
display: inline-block;
font-size:13px;
font-weight: 400;
min-width:160px;
padding: 12px 15px;
text-transform: uppercase;
vertical-align: top;
transition: all linear .2s;
-moz-transition: all linear .2s;
-ms-transition: all linear .2s;
-o-transition: all linear .2s;
-webkit-transition: all linear .2s;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover ,.primary-button:hover,.btn:hover,.primary-button:focus,.btn:focus{ 
background-color:#529be7;
color:#fff;
}
.form-control {
border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-webkit-border-radius:0px;
box-shadow: 0 0 0;
height: auto;
}
a:focus{
outline:none;	
text-decoration:none;
}
a{
color:#4f86af;
transition: all linear .2s;
-moz-transition: all linear .2s;
-ms-transition: all linear .2s;
-o-transition: all linear .2s;
-webkit-transition: all linear .2s;
}
a:hover,a:focus{
text-decoration:none;
color:#3a6687;
}
.cfx::after {
clear: both;
content: "+";
display: block;
height: 0;
visibility: hidden;
}
::-webkit-input-placeholder { opacity:1;
}
::-moz-placeholder { opacity:1;
}
:-ms-input-placeholder { opacity:1;
}
:-moz-placeholder { opacity:1;
} #mob_menu{
position: fixed;
background-color:#b40838;
height: 100%;
z-index: 999999;
width: 310px;
color: #fff;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
left:-320px;
overflow:auto;
}
#mob_menu.show_menu{left:0px;}
#mob_menu .closeBox{text-align:right;padding:8px 15px;}
#mob_menu ul,
#mob_menu ul li{margin:0px;padding:0px;list-style:none;	}
#mob_menu ul li{display:block;	}
#mob_menu ul li a {color: #fff;display: block;font-size: 15px;font-weight: 300;letter-spacing: 1px;padding: 8px 15px;text-transform: uppercase;position:relative;}
#mob_menu ul li + li {border-top:1px solid #e1285b;}
#mob_menu ul li:hover > ul{ display:block;}
#mob_menu ul li ul{ position:relative; display:none;}
#mob_menu ul li ul li + li{ border:none;}
#mob_menu ul li ul li a{ text-transform:none;}
#mob_menu ul li.menu-item-has-children > a::after { content: "\f0d7"; height: 10px; position: absolute; right:16px;top: 7px;width: 10px;font-family:'FontAwesome';}
.mobile-btn{float: right; position: absolute; right: 0;text-align: center;top: 0; width: 80px;display:none;}
#mob_menu ul li ul li { display: block !important; width: auto;padding-left: 10px !important;} .button-box{}
.button-box a{background-color: #b40838; color: #fff;display: inline-block;font-size: 18px; font-weight: 700; max-width: 265px;padding: 18px 11px;text-align: center;vertical-align: top;letter-spacing:2px;text-transform:uppercase;}
.top-section{ padding:5px 0 0 0;}
.top-section .logo-box{ float:left; width:21%; padding-top:35px;}
.top-section .navigation-sec{ float:left; width:calc(100% - 38%); text-align:center; padding-top:36px;}
.top-section .navigation-sec .top-nav{ margin-bottom:10px;}
.navigation-sec .top-nav ul li{ display:inline-block;}
.navigation-sec .top-nav ul li a{ color:#747474; font-size:19px; font-weight:500;padding:0 15px; display:block;}
.navigation-sec .top-nav ul li a i{ font-size:16px;}
.top-section .navigation-sec .menu-bar{}
.navigation-sec .menu-bar ul li{ display:inline-block;}
.navigation-sec .menu-bar ul{ position: relative;}
.navigation-sec .menu-bar ul::after{ position: absolute;}
.navigation-sec .menu-bar ul li a{ font-size:16px; font-weight:500; color:#000; padding:0 18px 18px; display:block;position: relative;} .navigation-sec .menu-bar ul li:hover > a, .navigation-sec .menu-bar ul li.current-menu-item > a{ color:#b40838; padding-bottom:18px;}
.navigation-sec .menu-bar ul li ul{ background: #6e6f71 none repeat scroll 0 0; display: none; left: -790px; position: absolute; width: 2200px; z-index: 99999;top:42px;text-align:left;padding: 20px 20px 20px 290px;} .navigation-sec .menu-bar ul li ul li { text-align:left; display: inline-block;vertical-align: top; padding:0;}
.navigation-sec .menu-bar ul li ul li a{ padding:5px 10px !important; font-size:18px;font-weight: 500; color:#fff}
.navigation-sec .menu-bar ul li ul li:hover > a{ padding-bottom:10px; color:#b40838}
.navigation-sec .menu-bar ul li ul li ul{ top:0; display: block;width: 235px;position: relative;padding: 0;left: 0;} .navigation-sec .menu-bar ul li ul li ul li {display: block;}
.navigation-sec .menu-bar ul li ul li ul li a {font-size: 14px; font-weight: 400; text-align: left;} .navigation-sec .menu-bar .sub-menu .two-lines a {text-align: left;}
.navigation-sec .menu-bar .sub-menu .two-lines ul li a {text-align: left;}
.navigation-sec .menu-bar ul li:hover > ul{ display:block;}
.navigation-sec .menu-bar ul li.link-none > a { pointer-events: none;}
.menu-bar ul li.menu-item-has-children > a::after {content: "\f0dd"; font-family: "FontAwesome"; height: 10px;position: absolute;right: 0;top: 4px; width: 10px;}
.menu-bar ul li ul li.menu-item-has-children > a::after { content: "\f0dd"; font-family: "FontAwesome"; height: 10px; position: absolute; right: 15px;top: 14px;width: 10px;}
.menu-bar ul li ul li.menu-item-has-children > a::after{ display: none;}
.top-section .iso-certificate{ text-align:right; float:right; width:17%;}
.home-section .banner-section{ position:relative;}
.home-section .banner-section::after{background: rgba(0, 0, 0, 0) url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/banner-top-shdw.png) repeat scroll 0 0;content: ""; height: 170px;left: 0; position: absolute;top: 0; width: 100%;z-index: 999;pointer-events: none;}
.home-section .banner-section::before{background: rgba(0, 0, 0, 0) url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/banner-btm-shdw.png) repeat scroll 0 0; content: ""; height: 150px;left: 0;position: absolute; bottom: 0;width: 100%; z-index: 999;pointer-events: none;}
.category-sec{ background:#ededed;padding: 25px 0; font-size: 0px; text-align: center;}
.category-sec .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li{ margin-bottom:0px;}
.category-sec h3{ font-size:15px;}
.category-sec .logo-block-list{ display: inline-block; margin: 0; vertical-align: top;width:11%;}
.category-sec .catgry-box + .catgry-box{ border-left:#c5c4c3 1px solid;}
.welcom-sectn{ padding:80px 140px;}
.welcom-sectn h2, 
.about-section h2, 
.news-sectn h2,
.why-choose h2,
.about-content-page .value-box h2,
.prduct-img-box .product-one h2{ color:#b40838; text-transform:uppercase; margin-bottom:25px; position:relative; padding-left:80px;}
.welcom-sectn h2::after, 
.about-section h2::after,
.news-sectn h2::after,
.why-choose h2::after,
.about-content-page .value-box h2::after,
.prduct-img-box .product-one h2::after{background: #b40838; content: ""; position: absolute; width: 62px;height: 1px; left: 0; top: 50%; transform: translateY(-50%);}
.welcom-sectn p{ line-height:30px;}
.welcom-sectn .welcom-icons{ padding-top:35px;}
.welcom-icons h3{ font-size:18px; margin-top:5px;}
.about-section{ background:#f4f4f4 url(//www.tsglobal.net.au/wp-content/themes/tsglobal/wp-content/uploads/2022/12/shape-top.webp) no-repeat scroll left top; padding-top:150px;}
.about-section h1, .news-sectn h1{ margin-bottom:50px;}
.about-section .button-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .news-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background-color: #b40838; color: #fff; display: inline-block;font-size: 18px; font-weight: 700;letter-spacing: 2px;max-width: 265px; padding: 14px 25px; text-align: center; text-transform: uppercase; vertical-align: top; border: 0px;border-radius: 0; margin-top: 72px;}
.news-sectn{ padding:50px 0; background:#f4f4f4;}
.news-sectn h1{}
.news-sectn .vc-gitem-zone-height-mode-auto::before{ padding-top:50%;}
.news-sectn .vc_custom_1419240516480{ background:none !important;}
.news-sectn .vc_gitem_row .vc_gitem-col{ padding:0px; margin-top:10px;}
.news-sectn .vc_gitem_row .vc_gitem-col h4{ font-size:20px; font-weight:800; color:#000;}
.news-sectn .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{ background:none; color:#000; padding:0;}
.news-sectn .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover{ background:none; color:#b40838;}
.news-sectn .vc_gitem-post-data{ margin-bottom:5px;}
.news-sectn .news-button{ text-align:center; display:block;}
.news-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ margin-top:0px;}
.why-choose{ background: rgba(0, 0, 0, 0) url(//www.tsglobal.net.au/wp-content/themes/tsglobal/wp-content/uploads/2022/12/shape-bottom.webp); background-repeat: no-repeat; background-position: right bottom; background-color: #f4f4f4;padding-bottom:75px;}
.why-choose .why-choose-cntent{ padding-top:100px;}
.footer-section{ padding:15px 0;}
.footer-section .footer-logo{ float:left; width:21%;}
.footer-section .footer-links{ float:right; width:calc(100% - 21%); text-align:right;}
.footer-section .footer-links .links{ margin-bottom:10px;}
.footer-links .links ul li{ display:inline-block;}
.footer-links .links ul li + li{ padding-left:20px;}
.footer-links .links ul li a{ display:inline-block; color:#4e4d4d; font-size:18px;}
.footer-links .links ul li a:hover{ color:#b40838;}
.footer-links .copy-right{}
.inner-banner{ background:url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/inner-banner2-newsite.png); background-repeat:no-repeat; background-position:center top; padding:125px 0;background-size: cover;}
.inner-banner h1{ text-align:center; color:#fff; text-transform:uppercase;}
.inner-section{ background:#f4f4f4; padding:50px 0;}
.inner-section .inner-page-box{}
.inner-page-box .left-cnt-box{display: none;}
.inner-page-box .left-cnt-box h1{ border-bottom:1px solid #b40838; color:#b40838; padding:10px 20px;}
.inner-page-box .left-cnt-box ul{ list-style:none; padding:10px 15px}
.inner-page-box .left-cnt-box ul li{ padding:13px 0 13px 25px; background:url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/squre-icn.png); background-repeat:no-repeat; background-position:left center; }
.inner-page-box .left-cnt-box ul li a{ font-size:16px; color:#5d5d5d;}
.inner-page-box .left-cnt-box ul li a:hover{ color:#b40838;}
.inner-page-box .right-cnt-box{float:none; width:100%; margin-left:0;} 
.page-parent .inner-page-box .left-cnt-box{display: block; float:left; width:300px; margin-right:15px; background: #ededed;}
.page-parent .inner-page-box .right-cnt-box{float:right; width:calc(100% - 335px); margin-left:20px;}
.page-child .inner-page-box .left-cnt-box{display: block; float:left; width:320px; margin-right:15px; background: #ededed;}
.page-child .inner-page-box .right-cnt-box{float:right; width:calc(100% - 355px); margin-left:20px;} 
.page-template-category-sidebar-php .inner-page-box .left-cnt-box{display: block; float:left; width:320px; margin-right:15px; background: #ededed;}
.page-template-category-sidebar-php .inner-page-box .right-cnt-box{float:right; width:calc(100% - 355px); margin-left:20px;} 
.about-content-page{}
.about-content-page .value-box{ margin-top:15px;}
.about-content-page .value-box h2{ margin-bottom:10px;}
.value-box ul{ list-style:none;}
.value-box ul li{ padding-top:5px; background: url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/arrow.png); background-repeat:no-repeat; background-position:left center; padding-left:22px;}
.value-box .buttn-box{ padding-top:80px; text-align:center;}
.buttn-box .dwnld-buttn + .dwnld-buttn{ margin-left:20px;}
.buttn-box .dwnld-buttn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ background:#b40838; color:#fff; border:0px;}
.quality-sec{ margin-top:20px;}
.quality-sec h2{ font-size:15px; margin-bottom:15px;}
.quality-sec p{font-size:14px;}
.quality-sec .quality-btn-bx{ margin-top:15px;}
.quality-btn-bx .buttn-box{ text-align:center; padding-top:5px;}
.safety-box{ padding:15px 0 0;}
.safety-box .box-one p{ font-size:14px; line-height:24px;}
.box-one .dwnld-buttn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background:#b40838; color:#fff; border:0px; margin-top:5px; padding:8px 15px;}
.prduct-img-box{ margin-top:15px;}
.prduct-img-box .product-one h2{ margin-bottom:10px; min-height:45px; padding-left:40px;}
.prduct-img-box .product-one h2::after{background: #b40838 none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 10px;  width: 30px;}
.pdf-thumb{ margin-top:35px;}
.branch-sec .banch-details {text-align: right;}
.safety-datasheet h1 { margin-bottom: 80px;}
.document-sec .docs-box{ margin-top:30px; margin-bottom: 170px;}
.docs-box .pdf-text h2{ background:url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/pdf-icn.png); background-repeat:no-repeat; background-position:left center; padding-left:80px; min-height:60px; padding-top:10px;}
.document-sec.instruction{ margin-top:30px;}
.docs-box .pdf-text ul{ list-style:none; margin-top:15px;}
.pdf-text ul li{ background:url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/pdf-sml-icn.png); background-position:left top; background-repeat:no-repeat; padding-left:35px; padding-bottom:15px;}
.pdf-text ul li a{ color:#5d5d5d;}
.case-study{ }
.case-image{ margin-top:30px;}
.contact-section{}
.contact-section .map-box{ margin-top:25px}
.contact-box{ margin-top:10px;}
.contact-box .input-bx{ margin-bottom:10px;}
.input-bx input[type="text"], input[type="email"]{ border:#cecece 1px solid; padding:12px 15px; color:#000; font-weight:400;}
.input-bx textarea{border:#cecece 1px solid; padding:12px 15px; color:#000; height:200px;font-weight:400;}
.input-bx input[type="submit"]{ background: #b40838 none repeat scroll 0 0; border: medium none; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700;}
.contact-icon-box { margin-top: 15px;}
.contact-icon-box .box1 { margin-bottom: 25px;}
.box1 .icon { display: inline-block;vertical-align: top;width: 25px;}
.box1 .txt { display: inline-block;width: calc(100% - 30px);}
.footer-link-page p strong{ margin-top:20px; display:inline-block;}
.buttn-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background: #b40838 none repeat scroll 0 0; border: medium none;border-radius: 5px;color: #fff;font-size: 18px;font-weight: 700;margin-top:15px;}
.quality-btn-bx .buttn-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{font-size: 14px;font-weight: 400;padding:8px 15px;}
.leagal-pdf{ padding-top:50px;}
.products-page{}
.products-page p{ margin-top:15px;}
.belt-img{ margin-top:30px;}
.belt-img .image-bx{}
.prduct-list{ margin-top:15px;}
.prduct-list .pc-bx-1{border: 1px solid #f6d1dc; margin-top: 15px; padding-top: 10px;text-align: center;}
.prduct-list .product-block{ margin:0 -10px;}
.prduct-list .pc-bx-1 h2{ margin-bottom:10px; min-height:48px;}
.prduct-list .pc-bx-1 .buttn-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { background: #b40838 none repeat scroll 0 0; border: medium none; border-radius: 5px; color: #fff;font-size: 14px;font-weight: 500; margin-top: 15px; padding: 7px 10px;}
.products-page ul { list-style:none; margin-top:15px;}
.products-page ul li{ background:url(//www.tsglobal.net.au/wp-content/themes/tsglobal/images/arrow.png); background-position: left 10px; background-repeat:no-repeat; padding-left:20px; line-height:35px;} 
.fact-sheet{}
.fact-sheet .fact-list ul{ margin-top:25px; }
.fact-list ul li{ display:inline-block; width:25%; margin-bottom:10px;}
.fact-list ul li a{ border: 1px solid #ffcedc;color: #000;display: block; font-weight: 500;padding: 30px; text-align: center;}
.branch-sec{background: #b40838; padding: 7px 0; text-align: center;}
.branch-sec .banch-details p, .banch-details span{margin-bottom: 0; display: inline-block; vertical-align: middle; color: #fff; font-size: 15px;}
.banch-details span{ margin-right: 15px;}
.banch-details p + p{margin-left: 15px; border-left: 1px solid #fff; padding-left: 15px;}
.banch-details p.bold{font-weight: 700;}
.banch-details a {background: #fff none repeat scroll 0 0;color: #000;display: inline-block;font-size: 15px;font-weight: 700;padding: 5px 15px;}
.sub-menu .doc-box ul { width: 500px !important;}
.sub-menu .two-link-box {display: inline-block !important; vertical-align: top !important; width: 49%;}
.sub-menu .doc-box { display: inline-block !important; vertical-align: top !important; } .sub-menu .first-raw {width: 26%;padding-left: 180px !important;}
.sub-menu .sec-raw { width: 10%;}
.sub-menu .third-raw { width: 17%;}
.sub-menu .fourth-raw {width: 14%;} .navigation-sec .menu-bar ul li ul li ul .sup-menu ul li a {font-size: 14px !important;}
.navigation-sec .menu-bar ul li ul li ul .sup-menu a { font-size: 17px !important; text-transform: uppercase;    color: #fff !important;}
.navigation-sec .menu-bar ul li ul li ul .sup-menu a:hover {color: #fff !important;}
.navigation-sec .menu-bar ul li ul li ul .sup-menu ul li a { color: #fff !important;}
.navigation-sec .menu-bar ul li ul li ul .sup-menu ul li a:hover{color: #b40838 !important;}
.navigation-sec .menu-bar ul li ul li ul .sup-menu ul li a { color: #fff !important;}
.article-section .article-box #comments { display: none;}
.contentSection.innerBlog { padding: 60px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.blog-sec .blog-sub-head { margin-bottom: 30px;}
.blog-sec .blog-image { margin-bottom: 50px;}
.vc_gitem-zone-mini .vc_gitem_row .vc_col-sm-12 .vc_custom_heading h4 { font-size: 20px; font-weight: 700;}
.blog-sec .blog-sub-head i.fa.fa-calendar { margin-right: 10px;}
.vc_row.category-sec.vc_row-o-full-height { min-height: auto;}
.category-sec .logo-block-list.logo-block-list1{width:22%;}
.wpb_single_image.wpb_content_element.vc_align_center.categry-imag{height:80px;}
.wpb_single_image.wpb_content_element.vc_align_center.categry-imag.none{display: none;}    
.sub-menu .pro-list:nth-child(6) { width: 180px;} .sub-menu .pro-list{ padding-left: 30px !important;}
.sub-menu .site-service { width: 11%;}
.news-ltr .wpcf7-list-item .wpcf7-list-item-label { font-size: 16px;}
.contact-box .input-bx {font-size: 16px;}
@media only screen and (min-width:1560px) and (max-width:1660px){}
@media only screen and (min-width:1400px) and (max-width:1600px){
.container{
width:1370px;	
}
}
@media only screen and (min-width:1230px) and (max-width:1399px){
.container{
width:1200px;	
}
}
@media only screen and (max-width:1800px){  .navigation-sec .menu-bar ul li ul li ul li a { font-size: 12px;}
.navigation-sec .menu-bar ul li ul li a{font-size: 16px;}
} 
@media only screen and (max-width:1700px){
.navigation-sec .menu-bar ul li ul{left: -730px;}
.sub-menu .first-raw { width: 24%; padding-left: 200px !important;}	 
.sub-menu .sec-raw { width: 15%; padding-left: 100px !important;}
.sub-menu .third-raw { width: 17%; padding-left: 70px !important;}
.sub-menu .fourth-raw { width: 17%; padding-left: 60px !important;}
} 
@media only screen and (max-width:1600px){
.top-section .navigation-sec{ padding-top:15px;}
.navigation-sec .menu-bar ul li ul{padding: 20px 20px 20px 310px;}
.navigation-sec .menu-bar ul li a {font-size: 16px;padding: 0 9px;}
.about-section h1, .news-sectn h1{ margin-bottom:20px;}
.about-section .button-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern, .news-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ margin-top:10px;}
.inner-section p,.value-box ul li{ font-size:14px; line-height:29px;}
.navigation-sec .menu-bar ul li ul li ul{width: 210px;}
.navigation-sec .menu-bar ul li ul{padding: 20px 20px 20px 380px;}
.sub-menu .pro-list { padding-left: 0px !important;}
.category-sec h3{font-size:13px;}
.navigation-sec .menu-bar ul li ul li a {font-size:17px;}
.sub-menu .first-raw {width: 18%;padding-left: 160px !important; }
.sub-menu .two-link-box +.two-link-box {padding-left: 10px;}  .navigation-sec .menu-bar ul li ul{width: 1900px;}
} 
@media only screen and (max-width:1500px){
.navigation-sec .menu-bar ul li ul li ul{width: 200px;}
.navigation-sec .menu-bar ul li ul li a { font-size: 15px;}
.navigation-sec .menu-bar ul li ul{padding: 20px 20px 20px 430px;}
.navigation-sec .menu-bar ul li ul {width: 1880px;}
}
@media only screen and (max-width:1460px){
.navigation-sec .menu-bar ul li ul {}
.navigation-sec .menu-bar ul li ul { padding: 20px 20px 20px 430px;
}
}
@media only screen and (max-width:1439px){
.top-section .navigation-sec{ padding-top:25px;}
.navigation-sec .top-nav ul li a{ font-size:15px; padding:0 7px;}
.top-section .navigation-sec .top-nav {margin-bottom: 0;position:relative;padding-left:30px;}   .top-section .navigation-sec .top-nav{ padding-left:0px;}  }
@media only screen and (max-width:1399px){
.buttn-box .dwnld-buttn + .dwnld-buttn {margin-left: 10px;}
.navigation-sec .top-nav ul li a{font-size: 16px;}
.navigation-sec .menu-bar ul li ul li ul { width: 180px;}
.navigation-sec .menu-bar ul li ul li ul li a { font-size: 13px;}
.navigation-sec .menu-bar ul li ul li a {font-size: 15px;}
.navigation-sec .menu-bar ul li ul { padding: 20px 20px 20px 420px;}
.navigation-sec .menu-bar ul li ul li a { font-size: 12px;}
.navigation-sec .menu-bar ul li ul li ul li a { font-size: 11px;}
.navigation-sec .menu-bar ul li ul { width: 1750px;} }
@media only screen and (max-width:1260px){
.navigation-sec .menu-bar ul li ul { left: -520px;}
.navigation-sec .menu-bar ul li ul { padding: 20px 20px 20px 240px;} .sub-menu .pro-list + .pro-list { padding-left: 10px !important;}
.sub-menu .pro-list:nth-child(6) { width: 140px;}
}
@media only screen and (max-width:1229px){
.category-sec h3 {font-size: 13px;}
.category-sec .categry-imag{ min-height:80px;}
.welcom-sectn {padding: 80px 0;}
.about-section {background-position: left -140px;padding-top:82px;}
.about-section h1 {font-size: 18px;font-weight: 600;line-height: 30px;margin-bottom: 11px;}
.welcom-sectn p,.about-section p{ font-size:15px;}
.welcom-sectn h2, .about-section h2{ margin-bottom:6px;}
.about-section .button-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ margin-top:5px; font-size:14px;}
.why-choose {background-position: 10px bottom;}
.news-sectn .vc_gitem_row .vc_gitem-col h4, .news-sectn .vc_gitem_row .vc_gitem-col p{ font-size:15px;}
.footer-section .footer-links .links{ margin-bottom:0px;}
.footer-links .links ul li a{ font-size:14px;}
.footer-links .copy-right{ font-size:13px;}
.about-content-page .about-text, 
.about-content-page .about-image,
.value-box .list-bx, .value-box .buttn-box{ width:100%;}
.value-box .buttn-box{ padding-top:10px; text-align:left;}
.quality-btn-bx .buttn-box{ padding-top:0px;}
.quality-btn-bx .buttn-box .dwnld-buttn{ margin-bottom:10px;}
.quality-btn-bx .buttn-box .dwnld-buttn + .dwnld-buttn{ margin-left:0px;}
.safety-datasheet h1 {margin-bottom: 40px;}
.document-sec .docs-box{margin-bottom: 80px;}
.category-sec .logo-block-list{width:auto;margin-bottom: 20px;}
.category-sec .logo-block-list.logo-block-list1{width:auto;}
.sub-menu .box-three {padding-left: 0 !important;}
.sub-menu .doc-box ul {width: auto !important;}.sub-menu .two-link-box { display: block !important; width: auto;}
.sub-menu .box-three { padding-left: 0 !important;}
.inner-banner{padding: 75px 0;}
.top-section .logo-box{width: 15%;}
.top-section .navigation-sec{    width: calc(100% - 30%);}
.top-section .iso-certificate { width: 15%;}
.navigation-sec .menu-bar ul li a {font-size: 14px;}
.top-section .navigation-sec .menu-bar{ display:none;}
.top-section .navigation-sec {float: none;padding-bottom: 10px;padding-top: 100px;text-align: left;width: 100%;}
.mobile-btn{ display:block;}
.top-section .logo-box {padding-top: 10px;width: 30%;}
}
@media only screen and (max-width:991px){
.top-section .navigation-sec{ padding-top: 70px;}
.about-section {background-position: -225px -140px;padding-top: 60px;}
.category-sec .catgry-box {display:inline-block;}
.category-sec .categry-imag {min-height: auto;}
.category-sec .catgry-box + .catgry-box{border:0px;}
.welcom-sectn {padding: 30px 0;}
.welcom-icons .icon-box {display: inline-block;width: 25%;}
.welcom-icons h3 {font-size: 13px;}
.about-section h2{ margin-top:25px;}
.why-choose .why-choose-cntent {padding-top: 10px;}
.why-choose-cntent h1{ font-size:20px;}
.footer-section .footer-logo {float: none;margin: 0 auto 10px;text-align: center;width: 200px;}
.footer-section .footer-links {float: none;text-align: center;width: 100%;}
.page-parent .inner-page-box .right-cnt-box {float: none;margin-left: 0;width: 100%;}
.page-parent .inner-page-box .left-cnt-box {float: none;margin-top: 30px;width: 100%;}
.page-child .inner-page-box .left-cnt-box{float: none;margin-top: 30px;width: 100%;}
.page-child .inner-page-box .right-cnt-box{float: none;margin-left: 0;width: 100%;} 
.page-template-category-sidebar-php .inner-page-box .left-cnt-box{float: none;margin-top: 30px;width: 100%;}
.page-template-category-sidebar-php .inner-page-box .right-cnt-box{float: none;margin-left: 0;width: 100%;} 
}
@media only screen and (max-width:767px){
.navigation-sec .top-nav ul li a{ font-size:12px;padding: 0 5px;}
.top-section .logo-box{ width:200px;}
.top-section .iso-certificate{ width:20%;}
.welcom-sectn h1 {font-size: 20px;line-height: 29px;}
.quality-btn-bx .buttn-box{ text-align:left; margin-top:10px;}
.quality-btn-bx .buttn-box .dwnld-buttn + .dwnld-buttn{ margin-left:10px;}
.pdf-thumb .thumb-image {display: inline-block;width: 50%;}
.belt-img .image-bx{ display:inline-block; width:33.33%;}
.product-block .pc-bx-1{ display:inline-block; width:50%;}
.contentSection.innerBlog {padding: 30px 0;}
.blog-sec .blog-image {margin-bottom: 30px;}
}
@media only screen and (max-width:640px){
.why-choose {background-position: -530px bottom;}
.pdf-thumb .thumb-image {display:block;width: 100%;}
.branch-sec .banch-details p, .banch-details span{display: block;}
.banch-details p + p{padding-left: 0; border: 0; padding-left: 0;}
.navigation-sec .top-nav ul li {display: block;}
.navigation-sec .top-nav ul li a{ padding:0;}
}
@media only screen and (max-width:480px){
.top-section .iso-certificate {width: 30%;}
.category-sec .catgry-box, .welcom-icons .icon-box {display: inline-block;width: 100%;} 
.buttn-box .dwnld-buttn.vc_btn3-container.vc_btn3-inline{display:block;}
.buttn-box .dwnld-buttn + .dwnld-buttn, .quality-btn-bx .buttn-box .dwnld-buttn + .dwnld-buttn {margin-left: 0px;}
.belt-img .image-bx{ display:block; width:100%; margin-bottom:10px;}
.branch-sec .banch-details {text-align: center;}
.document-sec .docs-box { margin-bottom: 20px;}
.inner-banner{padding: 25px 0;}
}
@media only screen and (max-width:360px){
.product-block .pc-bx-1{ display:block; width:100%; margin-bottom:10px;}
}@keyframes wpdm-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.wpdm-dashboard{--sidebar-bg:var(--color-primary, #0073aa);--sidebar-border:rgba(255, 255, 255, 0.15);--sidebar-text:rgba(255, 255, 255, 0.9);--sidebar-text-muted:rgba(255, 255, 255, 0.65);--sidebar-hover:rgba(255, 255, 255, 0.12);--sidebar-active:rgba(255, 255, 255, 0.2);--sidebar-active-border:#fff;--main-bg:#f8fafc;--content-bg:#ffffff;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:var(--color-primary);--accent-hover:var(--color-primary-hover);--accent-light:rgba(var(--color-primary-rgb), 0.1);--accent-rgb:var(--color-primary-rgb);--success:var(--color-success);--success-light:rgba(var(--color-success-rgb), 0.1);--warning:var(--color-warning);--warning-light:rgba(var(--color-warning-rgb), 0.1);--danger:var(--color-danger);--danger-light:rgba(var(--color-danger-rgb), 0.1);--info:var(--color-info);--info-light:rgba(var(--color-info-rgb), 0.1);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.12);--shadow-glow:0 0 40px rgba(0, 115, 170, 0.12);--sidebar-width:260px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--transition-fast:150ms ease;--transition-base:200ms ease;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wpdm-dashboard *,.wpdm-dashboard ::after,.wpdm-dashboard ::before{box-sizing:border-box}.wpdm-dashboard ol,.wpdm-dashboard ul{list-style:none;padding:0;margin:0}.wpdm-dashboard li::before,.wpdm-dashboard li::marker{display:none;content:none}.wpdm-dashboard-frame{display:flex;min-height:500px;background:var(--content-bg);border-radius:var(--radius-xl);box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;border:1px solid var(--border-color)}.wpdm-sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--sidebar-bg) 0%,color-mix(in srgb,var(--sidebar-bg) 85%,#000) 100%);border-right:1px solid var(--sidebar-border);position:relative}.wpdm-sidebar::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;opacity:.8}.wpdm-sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.1);position:relative;z-index:1}.wpdm-sidebar-header .wpdm-user-avatar{width:52px;height:52px}.wpdm-sidebar-header .wpdm-user-avatar img{border-radius:var(--radius-md);border:3px solid rgba(255,255,255,.25);box-shadow:0 4px 12px rgba(0,0,0,.2)}.wpdm-sidebar-header .wpdm-user-name{font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.wpdm-sidebar-header .wpdm-user-role{font-size:12px;opacity:.8;background:rgba(255,255,255,.15);padding:2px 8px;border-radius:10px;display:inline-block;margin-top:2px}.wpdm-sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px;position:relative;z-index:1}.wpdm-sidebar-nav::-webkit-scrollbar{width:4px}.wpdm-sidebar-nav::-webkit-scrollbar-track{background:0 0}.wpdm-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.wpdm-nav-group{margin-bottom:4px}.wpdm-nav-group-title{padding:18px 14px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5)!important}.wpdm-nav-link,.wpdm-nav-link i{transition:all var(--transition-fast)}.wpdm-nav-link{padding:10px 14px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)!important;text-decoration:none!important;border-radius:var(--radius-sm);margin:2px 0;position:relative}.wpdm-nav-link:hover{background:rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important}.wpdm-nav-link.active{background:rgba(255,255,255,.18);color:#fff!important;font-weight:600}.wpdm-nav-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:#fff;border-radius:0 3px 3px 0}.wpdm-nav-link i{font-size:16px;width:20px;text-align:center;color:rgba(255,255,255,.75)!important}.wpdm-nav-link.active i,.wpdm-nav-link:hover i{color:#fff!important}.wpdm-nav-link,.wpdm-user-profile{display:flex;align-items:center;gap:12px}.wpdm-user-avatar{position:relative;width:44px;height:44px;flex-shrink:0}.wpdm-user-avatar img{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover;border:2px solid rgba(255,255,255,.25);margin:0!important}.wpdm-user-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid var(--sidebar-bg);border-radius:50%}.wpdm-user-info{display:flex;flex-direction:column;min-width:0}.wpdm-user-name{font-size:14px;font-weight:600;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.wpdm-user-role{font-size:12px;color:rgba(255,255,255,.7)!important}.wpdm-sidebar-footer{padding:12px 10px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.08);position:relative;z-index:1}.wpdm-card-header h3,.wpdm-logout-link{display:flex;align-items:center;gap:10px}.wpdm-logout-link{padding:10px 14px;font-size:14px;font-weight:500;color:rgba(255,255,255,.8)!important;text-decoration:none!important;border-radius:var(--radius-md);transition:all var(--transition-fast)}.wpdm-logout-link:hover{background:rgba(239,68,68,.15);color:#fca5a5!important;text-decoration:none!important}.wpdm-logout-link svg{color:rgba(255,255,255,.7)!important;transition:all var(--transition-fast)}.wpdm-logout-link:hover svg{color:#fca5a5!important}.wpdm-main{flex:1;min-width:0;background:var(--main-bg);overflow-y:auto}.wpdm-main-inner{padding:24px;min-height:100%}.wpdm-mobile-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:100;width:52px;height:52px;align-items:center;justify-content:center;background:var(--sidebar-bg);border:0;border-radius:50%;color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.wpdm-mobile-toggle:hover,.wpdm-recommended-item:hover .wpdm-recommended-img{transform:scale(1.05)}.wpdm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity var(--transition-base)}.wpdm-dashboard #__myfiles .card:hover ._fsettings,.wpdm-overlay.visible{opacity:1}.wpdm-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width:1200px){.wpdm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.wpdm-stats-grid{grid-template-columns:1fr}}.wpdm-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--content-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base)}.wpdm-stat-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 20px rgba(var(--accent-rgb),.08)}.wpdm-stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:var(--radius-md);flex-shrink:0}.wpdm-stat-icon svg{width:22px;height:22px;color:var(--accent)}.wpdm-stat-icon--success{background:var(--success-light)}.wpdm-stat-icon--success svg{color:var(--success)}.wpdm-stat-icon--warning{background:var(--warning-light)}.wpdm-stat-icon--warning svg{color:var(--warning)}.wpdm-stat-icon--info{background:var(--info-light)}.wpdm-stat-icon--info svg{color:var(--info)}.wpdm-stat-icon--danger{background:var(--danger-light)}.wpdm-stat-icon--danger svg{color:var(--danger)}.wpdm-stat-content{display:flex;flex-direction:column;min-width:0}.wpdm-stat-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:2px}.wpdm-stat-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.wpdm-card{background:var(--content-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.wpdm-card+.wpdm-card{margin-top:20px}.wpdm-card-header,.wpdm-table th{border-bottom:1px solid var(--border-color)}.wpdm-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(180deg,#fafbfc 0,#f8fafc 100%)}.wpdm-card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.wpdm-card-header h3 svg{width:18px;height:18px;color:var(--text-muted)}.wpdm-card-body{padding:20px}.wpdm-card-footer{padding:14px 20px;background:var(--border-light);border-top:1px solid var(--border-color)}.wpdm-card--action{padding:16px 20px;display:flex;justify-content:flex-end}.wpdm-table-wrap{overflow-x:auto}.wpdm-table-wrap .wpdm-table{margin:0!important}.wpdm-table{width:100%;border-collapse:collapse}.wpdm-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--border-light);white-space:nowrap}.wpdm-table td{padding:14px 16px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}.wpdm-table tbody tr:last-child td{border-bottom:none}.wpdm-dashboard .table tbody tr:hover,.wpdm-table tbody tr:hover{background:rgba(var(--accent-rgb),.02)}.wpdm-table-link{color:var(--accent);text-decoration:none;font-weight:500}.wpdm-table-link:hover{text-decoration:underline}.wpdm-hide-mobile{display:table-cell}@media (max-width:768px){.wpdm-hide-mobile{display:none}}.wpdm-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:640px){.wpdm-form-grid{grid-template-columns:1fr}}.wpdm-form-group{display:flex;flex-direction:column}.wpdm-form-group--full{grid-column:1/-1}.wpdm-form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.wpdm-input,.wpdm-select,.wpdm-textarea{display:block;width:100%;padding:10px 14px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.wpdm-input:focus,.wpdm-select:focus,.wpdm-textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.wpdm-input::placeholder,.wpdm-textarea::placeholder{color:var(--text-muted)}.wpdm-input--readonly{background:var(--border-light);color:var(--text-muted);cursor:not-allowed}.wpdm-textarea{resize:vertical;min-height:100px}.wpdm-required{color:var(--danger);margin-left:2px}.wpdm-help-text{font-size:12px;color:var(--text-muted);margin:6px 0 0}.wpdm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;font-family:inherit;text-decoration:none;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.wpdm-btn:focus{outline:0;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.wpdm-btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.25)}.wpdm-btn--primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.35);color:#fff}.wpdm-btn--secondary{background:var(--content-bg);color:var(--text-secondary);border-color:var(--border-color)}.wpdm-btn--secondary:hover,.wpdm-pagination a:hover{background:var(--border-light);color:var(--text-primary)}.wpdm-btn--success{background:var(--success);color:#fff;border-color:var(--success)}.wpdm-btn--success:hover{background:#059669;border-color:#059669}.wpdm-btn--danger{background:var(--content-bg);color:var(--danger);border-color:var(--danger-light)}.wpdm-btn--danger:hover{background:var(--danger-light);border-color:var(--danger)}.wpdm-btn--sm{padding:6px 12px;font-size:13px}.wpdm-btn--lg{padding:14px 24px;font-size:15px}.wpdm-btn svg{width:18px;height:18px}.wpdm-btn--sm svg{width:16px;height:16px}.wpdm-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:100px;background:var(--border-light);color:var(--text-secondary)}.wpdm-badge--primary{background:var(--accent-light);color:var(--accent)}.wpdm-badge--success{background:var(--success-light);color:#059669}.wpdm-badge--warning{background:var(--warning-light);color:#d97706}.wpdm-badge--danger{background:var(--danger-light);color:var(--danger)}.wpdm-badge--info{background:var(--info-light);color:#0284c7}.wpdm-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px}.wpdm-alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.wpdm-alert--success{background:var(--success-light);color:#065f46}.wpdm-alert--success svg{color:var(--success)}.wpdm-alert--warning{background:var(--warning-light);color:#92400e}.wpdm-alert--warning svg{color:var(--warning)}.wpdm-alert--danger{background:var(--danger-light);color:#991b1b}.wpdm-alert--danger svg{color:var(--danger)}.wpdm-alert--info{background:var(--info-light);color:#075985}.wpdm-alert--info svg{color:var(--info)}.wpdm-empty-state{text-align:center;padding:48px 24px}.wpdm-empty-state svg{width:56px;height:56px;color:var(--border-color);margin-bottom:16px}.wpdm-empty-state h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.wpdm-empty-state p{font-size:14px;color:var(--text-muted);margin:0}.wpdm-empty-state--compact{padding:32px 20px}.wpdm-empty-state--compact svg{width:40px;height:40px}.wpdm-empty-state--compact h4{font-size:14px}.wpdm-empty-state--compact p{font-size:13px}.wpdm-recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.wpdm-recommended-item{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--content-bg);transition:all var(--transition-base)}.wpdm-recommended-item:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 16px rgba(var(--accent-rgb),.1);transform:translateY(-2px)}.wpdm-recommended-thumb{aspect-ratio:4/3;overflow:hidden;background:var(--border-light)}.wpdm-recommended-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.wpdm-recommended-title{padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpdm-pagination{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.wpdm-ip,.wpdm-pagination a,.wpdm-pagination span{border-radius:var(--radius-sm);color:var(--text-secondary)}.wpdm-pagination a,.wpdm-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;font-size:13px;font-weight:500;background:var(--content-bg);border:1px solid var(--border-color);text-decoration:none;transition:all var(--transition-fast)}.wpdm-pagination a:hover{border-color:var(--text-muted)}.wpdm-pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}.wpdm-pagination .next,.wpdm-pagination .prev{padding:0;min-width:34px}.wpdm-pagination .dots{border:0;background:0 0;color:var(--text-muted);pointer-events:none}.wpdm-ip{font-family:var(--font-mono);font-size:12px;background:var(--border-light);padding:3px 8px}.wpdm-date{color:var(--text-muted);font-size:13px}.wpdm-price{font-weight:600;color:var(--text-primary)}.wpdm-product-cell{display:flex;flex-direction:column;gap:4px}.wpdm-product-name{font-weight:500;color:var(--text-primary)}.wpdm-file-meta,.wpdm-mobile-meta{font-size:12px;color:var(--text-muted)}.wpdm-file-meta{display:inline-flex;align-items:center;gap:6px}.wpdm-file-meta svg{width:14px;height:14px}.wpdm-mobile-meta{display:none;margin-top:4px}@media (max-width:768px){.wpdm-mobile-meta{display:block}}.wpdm-spin{animation:wpdm-spin 1s linear infinite}.wpdm-avatar-upload{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.wpdm-avatar-preview{width:100px;height:100px;border-radius:var(--radius-lg);background:var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--content-bg);box-shadow:var(--shadow-md);flex-shrink:0}.wpdm-avatar-preview img{width:100%;height:100%;object-fit:cover}.wpdm-avatar-preview svg{width:40px;height:40px;color:var(--text-muted)}.wpdm-avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.wpdm-orders-stack{display:flex;flex-direction:column;gap:12px}.wpdm-order-row{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.wpdm-order-row:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:var(--shadow-sm)}.wpdm-order-row__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light);background:var(--border-light)}.wpdm-order-row__id{display:flex;align-items:center;gap:8px}.wpdm-order-row__id-label{font-size:13px;color:var(--text-muted)}.wpdm-order-row__id-value{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.wpdm-order-row__price{font-size:16px;font-weight:700;color:var(--text-primary)}.wpdm-order-row__details{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px}.wpdm-order-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.wpdm-order-row__meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.wpdm-order-row__meta-icon{width:16px;height:16px;color:var(--text-muted)}.wpdm-order-row__meta-value{color:var(--text-secondary);font-weight:500}.wpdm-order-status--active{color:var(--success)}.wpdm-order-status--expired{color:var(--danger)}.wpdm-order-status--pending{color:var(--warning)}.wpdm-order-row__actions{display:flex;align-items:center;gap:8px}.wpdm-order-row__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--accent);background:var(--accent-light);border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none!important;transition:all var(--transition-fast)}.wpdm-order-row__btn:hover{background:var(--accent);color:#fff!important}@media (max-width:768px){.wpdm-order-row__details,.wpdm-order-row__meta{flex-direction:column;align-items:flex-start}.wpdm-order-row__meta{gap:8px}.wpdm-order-row__actions{width:100%;padding-top:12px;border-top:1px solid var(--border-light)}.wpdm-order-row__btn{flex:1;justify-content:center}}.wpdm-dashboard .form-control{padding:10px 14px;font-size:14px;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.wpdm-dashboard .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.wpdm-dashboard .input-group{display:flex;align-items:stretch}.wpdm-dashboard .input-group .form-control{flex:1;border-radius:var(--radius-md) 0 0 var(--radius-md)}.wpdm-dashboard .input-group .form-control:focus{z-index:1}.wpdm-dashboard .input-group-append{display:flex}.wpdm-dashboard .input-group-append .btn{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:0}.wpdm-dashboard .input-group-lg .form-control{padding:12px 16px;font-size:15px}.wpdm-dashboard .input-group-lg .btn{padding:12px 20px;font-size:15px}.wpdm-dashboard .table{margin-bottom:0}.wpdm-dashboard .table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--border-light);border-bottom:1px solid var(--border-color);padding:10px 14px}.wpdm-dashboard .table td{padding:14px;vertical-align:middle;border-bottom:1px solid var(--border-light)}@media (max-width:1024px){.wpdm-dashboard-frame{border-radius:var(--radius-lg)}.wpdm-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translateX(-100%);transition:transform var(--transition-base);border-radius:0}.wpdm-sidebar.open{transform:translateX(0)}.wpdm-mobile-toggle{display:flex}.wpdm-overlay{display:block;pointer-events:none}.wpdm-overlay.visible{pointer-events:auto}.wpdm-main-inner{padding:16px}}@media (max-width:640px){.wpdm-dashboard-frame{border-radius:var(--radius-md)}.wpdm-card-body,.wpdm-card-footer,.wpdm-card-header{padding:14px 16px}.wpdm-stat-card{padding:14px}.wpdm-stat-value{font-size:20px}}#edit-profile-form .card,#edit-profile-form .wpdm-card{margin-bottom:20px}.wpdm-dashboard .card-body .row{display:flex;flex-wrap:wrap;margin:0 -10px}.wpdm-dashboard .card-body .form-group{padding:0 10px;margin-bottom:16px}.wpdm-dashboard .card-body .col-md-6{flex:0 0 50%;max-width:50%}@media (max-width:767px){.wpdm-dashboard .card-body .col-md-6{flex:0 0 100%;max-width:100%}}.wpdm-dashboard .card-body label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.wpdm-dashboard .card-body select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}.wpdm-dashboard .container{max-width:100%;padding:0}.wpdm-dashboard .container>.row{display:flex;gap:24px;margin:0}.wpdm-dashboard .container>.row:not(.dz-stats-row)>.col-md-4,.wpdm-dashboard .container>.row:not(.dz-stats-row)>.col-md-8{padding:0}.wpdm-dashboard .container>.row:not(.dz-stats-row)>.col-md-8{flex:1;max-width:none}.wpdm-dashboard .container>.row:not(.dz-stats-row)>.col-md-4{flex:0 0 320px;max-width:320px}.w3eden .dz-stats-row,.wpdm-dashboard .dz-stats-row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px!important;width:100%!important}.w3eden .dz-stats-row>.col-md-4,.w3eden .dz-stats-row>[class*=col-],.w3eden .dz-stats-row>div,.wpdm-dashboard .dz-stats-row>.col-md-4,.wpdm-dashboard .dz-stats-row>[class*=col-],.wpdm-dashboard .dz-stats-row>div{padding:0!important;max-width:none!important;width:auto!important;flex:unset!important;flex-basis:auto!important;min-width:0!important}.w3eden .dz-stats-row .feature-card,.wpdm-dashboard #__myfiles .card,.wpdm-dashboard .feature-card{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)}.w3eden .dz-stats-row .feature-card,.wpdm-dashboard .feature-card{background:var(--content-bg)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:0!important;height:100%;width:100%!important;overflow:visible!important}.w3eden .dz-stats-row .feature-card:hover,.wpdm-dashboard .feature-card:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.w3eden .dz-stats-row .feature-card .card-body,.wpdm-dashboard .feature-card .card-body{padding:16px!important;height:100%;display:flex;align-items:center;overflow:visible!important}.w3eden .dz-stats-row .feature-card .media,.wpdm-dashboard .feature-card .media{width:100%;overflow:visible!important}.w3eden .dz-stats-row .feature-card .media-body,.wpdm-dashboard .feature-card .media-body{overflow:visible!important}.w3eden .dz-stats-row .feature-card .icn,.wpdm-dashboard .feature-card .icn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px!important;padding:0!important;background:linear-gradient(135deg,var(--accent, var(--color-info)) 0%,var(--accent-hover, var(--color-info-active)) 100%)!important;border-radius:var(--radius-md, 8px)!important;box-shadow:0 4px 12px rgba(var(--accent-rgb, var(--color-info-rgb)),.25)}.w3eden .dz-stats-row .feature-card .nt,.wpdm-dashboard .feature-card .nt{font-size:11px!important;font-weight:600;color:var(--text-muted, #64748b)!important;text-transform:uppercase;letter-spacing:.05em}.w3eden .dz-stats-row .feature-card h3,.wpdm-dashboard .feature-card h3{font-size:20px!important;font-weight:700!important;color:var(--text-primary, #1e293b)!important;margin:2px 0 0!important}.w3eden .dz-stats-row .feature-card.upload-card,.wpdm-dashboard .feature-card.upload-card{transition:all .2s ease;height:100%;min-height:100%}.w3eden .dz-stats-row .feature-card.upload-card .card-body,.wpdm-dashboard .feature-card.upload-card .card-body{height:100%;display:flex;align-items:center;justify-content:center}.w3eden .dz-stats-row .feature-card.upload-card .media,.wpdm-dashboard .feature-card.upload-card .media{width:auto;align-items:center;justify-content:center}.w3eden .dz-stats-row .feature-card.upload-card:hover,.wpdm-dashboard .feature-card.upload-card:hover{border-color:var(--color-success, #10b981)!important;box-shadow:0 4px 12px rgba(16,185,129,.15)!important}.w3eden .dz-stats-row .feature-card.upload-card .icn-upload,.wpdm-dashboard .feature-card.upload-card .icn-upload{background:0 0!important;box-shadow:none!important;width:auto!important;height:auto!important;padding:0!important;font-size:24px!important;color:#10b981!important}.w3eden .dz-stats-row .feature-card.upload-card .upload-label,.wpdm-dashboard .feature-card.upload-card .upload-label{font-size:13px!important;font-weight:700;color:#10b981!important;text-transform:uppercase;letter-spacing:.05em}@media (max-width:991px){.w3eden .dz-stats-row,.wpdm-dashboard .dz-stats-row{grid-template-columns:repeat(2,1fr)}.w3eden .dz-stats-row>div:last-child,.wpdm-dashboard .dz-stats-row>div:last-child{grid-column:span 2}}@media (max-width:640px){.w3eden .dz-stats-row,.wpdm-dashboard .dz-stats-row{grid-template-columns:1fr}.w3eden .dz-stats-row>div:last-child,.wpdm-dashboard .dz-stats-row>div:last-child{grid-column:auto}}.wpdm-dashboard #__myfiles{margin-top:16px!important}.wpdm-dashboard #__myfiles .card{background:var(--content-bg);padding:14px 16px!important;margin-bottom:8px!important}.wpdm-dashboard #__myfiles .card:hover{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)!important}.wpdm-dashboard #__myfiles .card .media{display:flex;align-items:center;gap:14px}.wpdm-dashboard #__myfiles .card .media img{width:44px!important;min-width:44px!important;height:44px;object-fit:contain;padding:8px;background:var(--main-bg);border-radius:var(--radius-sm)}.wpdm-dashboard #__myfiles .filet{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.wpdm-dashboard #__myfiles .text-small{font-size:12px!important;color:var(--text-muted)!important}.wpdm-dashboard #__myfiles .text-small i{opacity:.6}.wpdm-dashboard #__myfiles ._fsettings{display:flex!important;gap:6px;width:auto!important;height:auto!important;opacity:0;transition:all var(--transition-fast)}.wpdm-dashboard #__myfiles ._fsettings .btn{width:34px;height:34px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)!important;font-size:13px}.wpdm-dashboard #__myfiles ._fsettings .btn-secondary{background:var(--main-bg);border-color:var(--border-color);color:var(--text-secondary)}.wpdm-dashboard #__myfiles ._fsettings .btn-secondary:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.wpdm-dashboard #__myfiles ._fsettings .btn-info{background:rgba(14,165,233,.1);border-color:transparent;color:#0ea5e9}.wpdm-dashboard #__myfiles ._fsettings .btn-info:hover{background:#0ea5e9;color:#fff}.wpdm-dashboard #__myfiles ._fsettings .btn-primary{background:rgba(var(--accent-rgb),.1);border-color:transparent;color:var(--accent)}.wpdm-dashboard #__myfiles ._fsettings .btn-primary:hover{background:var(--accent);color:#fff}.wpdm-dashboard #__myfiles ._fsettings .btn-danger{background:rgba(239,68,68,.1);border-color:transparent;color:#ef4444}.wpdm-dashboard #__myfiles ._fsettings .btn-danger:hover{background:#ef4444;color:#fff}.wpdm-dashboard #drag-drop-area{border:2px dashed var(--border-color)!important;background:var(--content-bg)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-fast)}.wpdm-dashboard #drag-drop-area:hover,.wpdm-dashboard .drag-drop.drag-over #drag-drop-area{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.04)!important}.wpdm-dashboard #drag-drop-area .drag-drop-inside{padding:60px 20px!important;text-align:center}.wpdm-dashboard #drag-drop-area .fa-arrow-up-from-bracket{font-size:40px!important;color:var(--accent);opacity:.6;margin-bottom:16px}.wpdm-dashboard #drag-drop-area .drag-drop-info{font-size:15px;font-weight:500;color:var(--text-secondary)}.wpdm-dashboard #drag-drop-area p{color:var(--text-muted);margin-bottom:16px}.wpdm-dashboard #plupload-browse-button{padding:12px 28px!important;font-size:14px!important;font-weight:600!important;border-radius:var(--radius-md)!important;background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);transition:all var(--transition-fast)}.wpdm-dashboard #plupload-browse-button:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4)}.wpdm-dashboard #filelist .card{border-radius:var(--radius-md)!important;overflow:hidden}.wpdm-dashboard #filelist .card-header{background:var(--main-bg);font-size:13px;padding:10px 14px!important}.wpdm-dashboard #filelist .progress{height:6px;border-radius:3px;background:var(--border-light)}.wpdm-dashboard #filelist .progress-bar{height:6px!important;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%)!important;border-radius:3px}.wpdm-dashboard #__nofiles{background:var(--content-bg)!important;border:2px dashed var(--border-color)!important;border-radius:var(--radius-lg)!important;color:var(--text-muted);font-size:15px}@media (max-width:991px){.wpdm-dashboard .container>.row:not(.dz-stats-row){flex-direction:column}.wpdm-dashboard .container>.row:not(.dz-stats-row)>.col-md-4{flex:none;max-width:100%;order:-1;margin-bottom:20px}.wpdm-dashboard #drag-drop-area .drag-drop-inside{padding:40px 20px!important}}.w3eden .wpdm-auth-split {
--auth-primary: var(--color-primary);
--auth-primary-dark: var(--color-primary-active);
--auth-primary-light: var(--color-primary-hover);
--auth-text: #1e293b;
--auth-text-muted: #64748b;
--auth-border: #e2e8f0;
--auth-bg: #ffffff;
--auth-input-bg: #f8fafc;
--auth-input-focus: #f1f5f9;
--auth-radius: 16px;
--auth-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}  .w3eden.wpdm-auth-page {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0;
box-sizing: border-box;
}
.w3eden .wpdm-auth-split {
font-family: var(--auth-font);
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
padding: 24px;
box-sizing: border-box;
}
.w3eden .wpdm-auth-split *,
.w3eden .wpdm-auth-split *::before,
.w3eden .wpdm-auth-split *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} .w3eden .wpdm-auth-panel {
display: flex;
width: 100%;
max-width: 900px;
min-height: 520px;
background: var(--auth-bg);
border-radius: var(--auth-radius);
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}
.w3eden .wpdm-auth-panel--short {
min-height: 480px;
} .w3eden .wpdm-auth-left {
flex: 0 0 45%;
background: linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 50%, var(--color-primary-active) 100%);
padding: 40px;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
} .w3eden .wpdm-auth-left::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0,160L48,170.7C96,181,192,203,288,197.3C384,192,480,160,576,165.3C672,171,768,213,864,218.7C960,224,1056,192,1152,165.3C1248,139,1344,117,1392,106.7L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;
background-size: cover;
}
.w3eden .wpdm-auth-left::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 150px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.15' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,234.7C960,224,1056,192,1152,181.3C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;
background-size: cover;
} .w3eden .wpdm-auth-grid {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
} .w3eden .wpdm-auth-circles {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
.w3eden .wpdm-auth-circle {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
}
.w3eden .wpdm-auth-circle:nth-child(1) {
width: 80px;
height: 80px;
top: 15%;
right: 10%;
}
.w3eden .wpdm-auth-circle:nth-child(2) {
width: 40px;
height: 40px;
top: 60%;
left: 15%;
background: rgba(255, 255, 255, 0.15);
}
.w3eden .wpdm-auth-circle:nth-child(3) {
width: 60px;
height: 60px;
bottom: 25%;
right: 25%;
background: rgba(255, 255, 255, 0.08);
}
.w3eden .wpdm-auth-circle:nth-child(4) {
width: 20px;
height: 20px;
top: 40%;
left: 30%;
background: rgba(255, 255, 255, 0.2);
} .w3eden .wpdm-auth-brand {
display: flex;
align-items: center;
gap: 12px;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
position: relative;
z-index: 1;
}
.w3eden .wpdm-auth-brand img {
width: 36px;
height: 36px;
border-radius: 8px;
object-fit: cover;
}
.w3eden .wpdm-auth-brand-icon {
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.2);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.w3eden .wpdm-auth-brand-icon svg {
width: 20px;
height: 20px;
color: #fff;
}
.w3eden .wpdm-auth-welcome {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
position: relative;
z-index: 1;
}
.w3eden .wpdm-auth-welcome-sub {
font-size: 14px;
opacity: 0.9;
margin-bottom: 8px;
font-weight: 400;
}
.w3eden .wpdm-auth-welcome-title {
font-size: 32px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 16px;
}
.w3eden .wpdm-auth-welcome-line {
width: 40px;
height: 3px;
background: #fff;
border-radius: 2px;
margin-bottom: 20px;
}
.w3eden .wpdm-auth-welcome-text {
font-size: 13px;
line-height: 1.7;
opacity: 0.85;
max-width: 280px;
} .w3eden .wpdm-auth-right {
flex: 1;
padding: 48px 40px;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--auth-bg);
}
.w3eden .wpdm-auth-right--scroll {
overflow-y: auto;
}
.w3eden .wpdm-auth-form-header {
margin-bottom: 32px;
}
.w3eden .wpdm-auth-form-header--compact {
margin-bottom: 28px;
}
.w3eden .wpdm-auth-form-title {
font-size: 24px;
font-weight: 700;
color: var(--auth-primary);
margin-bottom: 12px;
}
.w3eden .wpdm-auth-form-title--error {
color: #dc2626;
}
.w3eden .wpdm-auth-form-desc {
font-size: 13px;
color: var(--auth-text-muted);
line-height: 1.6;
} .w3eden .wpdm-auth-field {
margin-bottom: 20px;
}
.w3eden .wpdm-auth-field--compact {
margin-bottom: 16px;
}
.w3eden .wpdm-auth-field--large {
margin-bottom: 24px;
}
.w3eden .wpdm-auth-input-wrap {
position: relative;
display: flex;
align-items: center;
} .w3eden .wpdm-auth-split input[type="text"],
.w3eden .wpdm-auth-split input[type="email"],
.w3eden .wpdm-auth-split input[type="password"],
.w3eden .wpdm-auth-split input[type="tel"],
.w3eden .wpdm-auth-split textarea,
.w3eden .wpdm-auth-split select,
.w3eden .wpdm-auth-split .form-control,
.w3eden .wpdm-auth-input {
width: 100% !important;
height: 50px !important;
padding: 0 16px 0 20px !important;
font-size: 14px !important;
font-family: inherit !important;
color: var(--auth-text) !important;
background: var(--auth-input-bg) !important;
border: none !important;
border-left: 3px solid var(--color-primary-hover) !important;
border-radius: 0 !important;
outline: none !important;
transition: all 0.2s ease !important;
}
.w3eden .wpdm-auth-split textarea {
height: auto !important;
min-height: 80px !important;
padding: 12px 16px 12px 20px !important;
resize: vertical;
}
.w3eden .wpdm-auth-input::placeholder,
.w3eden .wpdm-auth-split .form-control::placeholder,
.w3eden .wpdm-auth-split input::placeholder {
color: #94a3b8 !important;
opacity: 1 !important;
}
.w3eden .wpdm-auth-input:focus,
.w3eden .wpdm-auth-split .form-control:focus,
.w3eden .wpdm-auth-split input:focus,
.w3eden .wpdm-auth-split textarea:focus,
.w3eden .wpdm-auth-split select:focus {
background: var(--auth-input-focus) !important;
border-left-color: var(--color-primary-active) !important;
box-shadow: none !important;
} .w3eden .wpdm-auth-input:-webkit-autofill,
.w3eden .wpdm-auth-input:-webkit-autofill:hover,
.w3eden .wpdm-auth-input:-webkit-autofill:focus,
.w3eden .wpdm-auth-split .form-control:-webkit-autofill,
.w3eden .wpdm-auth-split input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--auth-input-bg) inset !important;
-webkit-text-fill-color: var(--auth-text) !important;
border-left: 3px solid var(--auth-primary) !important;
} .w3eden .wpdm-auth-input.has-toggle,
.w3eden .wpdm-auth-split .form-control.has-toggle {
padding-right: 48px !important;
}
.w3eden .wpdm-auth-pwd-toggle {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
background: transparent;
border: none;
border-radius: 6px;
cursor: pointer;
color: var(--auth-text-muted);
display: flex;
align-items: center;
justify-content: center;
transition: color 0.15s;
}
.w3eden .wpdm-auth-pwd-toggle:hover {
color: var(--auth-text);
}
.w3eden .wpdm-auth-pwd-toggle svg {
width: 18px;
height: 18px;
} .w3eden .wpdm-auth-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 28px;
font-size: 13px;
} .w3eden .wpdm-auth-remember {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
user-select: none;
color: var(--auth-text-muted);
}
.w3eden .wpdm-auth-remember input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.w3eden .wpdm-auth-check {
width: 18px;
height: 18px;
border: 2px solid var(--auth-border);
border-radius: 4px;
background: var(--auth-bg);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.15s ease;
flex-shrink: 0;
}
.w3eden .wpdm-auth-check svg {
width: 10px;
height: 10px;
color: #fff;
opacity: 0;
transform: scale(0.5);
transition: all 0.15s ease;
}
.w3eden .wpdm-auth-remember input:checked + .wpdm-auth-check {
background: var(--auth-primary);
border-color: var(--auth-primary);
}
.w3eden .wpdm-auth-remember input:checked + .wpdm-auth-check svg {
opacity: 1;
transform: scale(1);
} .w3eden .wpdm-auth-forgot {
color: var(--auth-primary);
text-decoration: none;
font-weight: 500;
transition: color 0.15s;
}
.w3eden .wpdm-auth-forgot:hover {
color: var(--auth-primary-dark);
}  .w3eden .wpdm-auth-btn {
width: 100%;
height: 50px;
font-size: 14px;
font-weight: 600;
font-family: inherit;
color: #fff;
background: var(--auth-primary);
border: none;
border-radius: 25px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.2s ease;
box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.3);
text-decoration: none;
}
.w3eden .wpdm-auth-btn:hover {
background: var(--auth-primary-dark);
box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.6);
transform: translateY(-1px);
color: #fff;
}
.w3eden .wpdm-auth-btn:active {
transform: translateY(0);
}
.w3eden .wpdm-auth-btn:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
}
.w3eden .wpdm-auth-btn svg {
width: 16px;
height: 16px;
}
.w3eden .wpdm-auth-btn--margin-top {
margin-top: 8px;
} @keyframes wpdm-auth-spin {
to { transform: rotate(360deg); }
}
.w3eden .wpdm-auth-spinner {
width: 18px;
height: 18px;
border: 2px solid rgba(255,255,255,0.3);
border-top-color: #fff;
border-radius: 50%;
animation: wpdm-auth-spin 0.7s linear infinite;
}  .w3eden .wpdm-auth-link {
text-align: center;
margin-top: 24px;
font-size: 13px;
color: var(--auth-text-muted);
}
.w3eden .wpdm-auth-link a {
color: var(--auth-primary);
font-weight: 600;
text-decoration: none;
margin-left: 4px;
}
.w3eden .wpdm-auth-link a:hover {
text-decoration: underline;
} .w3eden .wpdm-auth-back {
text-align: center;
margin-top: 24px;
font-size: 13px;
color: var(--auth-text-muted);
}
.w3eden .wpdm-auth-back a {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--auth-primary);
font-weight: 600;
text-decoration: none;
transition: color 0.15s;
}
.w3eden .wpdm-auth-back a:hover {
color: var(--auth-primary-dark);
}
.w3eden .wpdm-auth-back a svg {
width: 16px;
height: 16px;
} .w3eden .wpdm-auth-divider {
display: flex;
align-items: center;
gap: 16px;
margin: 24px 0;
font-size: 12px;
color: var(--auth-text-muted);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.w3eden .wpdm-auth-divider::before,
.w3eden .wpdm-auth-divider::after {
content: '';
flex: 1;
height: 1px;
background: var(--auth-border);
} .w3eden .wpdm-auth-social {
display: flex;
gap: 12px;
justify-content: center;
}
.w3eden .wpdm-auth-social-btn {
width: 44px;
height: 44px;
border-radius: 10px;
border: 1px solid var(--auth-border);
background: var(--auth-bg);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
padding: 0;
}
.w3eden .wpdm-auth-social-btn svg {
width: 20px;
height: 20px;
}
.w3eden .wpdm-auth-social-btn.google svg { color: #ea4335; }
.w3eden .wpdm-auth-social-btn.facebook svg { color: #1877f2; }
.w3eden .wpdm-auth-social-btn.twitter svg { color: #0f172a; }
.w3eden .wpdm-auth-social-btn.linkedin svg { color: #0a66c2; }
.w3eden .wpdm-auth-social-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.w3eden .wpdm-auth-social-btn.google:hover { background: #ea4335; border-color: #ea4335; }
.w3eden .wpdm-auth-social-btn.facebook:hover { background: #1877f2; border-color: #1877f2; }
.w3eden .wpdm-auth-social-btn.twitter:hover { background: #0f172a; border-color: #0f172a; }
.w3eden .wpdm-auth-social-btn.linkedin:hover { background: #0a66c2; border-color: #0a66c2; }
.w3eden .wpdm-auth-social-btn:hover svg { color: #fff; } .w3eden .wpdm-auth-alert {
padding: 12px 16px;
border-radius: 8px;
font-size: 13px;
margin-bottom: 20px;
display: flex;
align-items: flex-start;
gap: 10px;
line-height: 1.5;
}
.w3eden .wpdm-auth-alert svg {
width: 16px;
height: 16px;
flex-shrink: 0;
margin-top: 2px;
}
.w3eden .wpdm-auth-alert.success {
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.w3eden .wpdm-auth-alert.error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
cursor: pointer;
}
.w3eden .wpdm-auth-alert.info {
background: #eff6ff;
color: #1e40af;
border: 1px solid #bfdbfe;
} .w3eden .wpdm-auth-right .form-group { margin-bottom: 0; }
.w3eden .wpdm-auth-right .form-group > label:first-child { display: none; }
.w3eden .wpdm-auth-right .form-group .input-group { display: block; }
.w3eden .wpdm-auth-right .form-group .input-group-prepend { display: none; } .w3eden .wpdm-auth-right .input-wrapper {
margin-bottom: 16px;
}
.w3eden .wpdm-auth-right .input-wrapper label {
display: none;
}
.w3eden .wpdm-auth-right .input-wrapper.heading-input-wrapper {
background: var(--auth-input-bg);
padding: 10px 16px;
border-left: 3px solid var(--auth-primary);
font-weight: 600;
font-size: 12px;
color: var(--auth-text-muted);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 16px;
margin-top: 8px;
} .w3eden .wpdm-auth-right .g-recaptcha,
.w3eden .wpdm-auth-right #reCaptchaLock {
margin-bottom: 20px;
display: flex;
justify-content: center;
transform: scale(0.92);
transform-origin: center;
} .w3eden .wpdm-auth-disabled {
padding: 60px 40px;
text-align: center;
}
.w3eden .wpdm-auth-disabled-icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
background: rgba(239, 68, 68, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #dc2626;
}
.w3eden .wpdm-auth-disabled-icon svg {
width: 32px;
height: 32px;
}
.w3eden .wpdm-auth-disabled p {
color: var(--auth-text-muted);
font-size: 15px;
margin: 0;
} @media (max-width: 768px) {
.w3eden .wpdm-auth-split {
padding: 16px;
}
.w3eden .wpdm-auth-panel {
flex-direction: column;
max-width: 440px;
min-height: auto;
}
.w3eden .wpdm-auth-left {
flex: 0 0 auto;
padding: 32px 24px;
min-height: 200px;
}
.w3eden .wpdm-auth-welcome-title {
font-size: 24px;
}
.w3eden .wpdm-auth-welcome-text {
display: none;
}
.w3eden .wpdm-auth-right {
padding: 32px 24px;
max-height: none;
}
.w3eden .wpdm-auth-meta {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.w3eden .wpdm-auth-left {
padding: 24px 20px;
min-height: 160px;
}
.w3eden .wpdm-auth-welcome-title {
font-size: 20px;
letter-spacing: 1px;
}
.w3eden .wpdm-auth-right {
padding: 24px 20px;
}
.w3eden .wpdm-auth-input,
.w3eden .wpdm-auth-split .form-control,
.w3eden .wpdm-auth-split input {
font-size: 16px !important; }
}  .w3eden.dark-mode .wpdm-auth-split {
--auth-text: #f1f5f9;
--auth-text-muted: #94a3b8;
--auth-border: #334155;
--auth-bg: #1e293b;
--auth-input-bg: #0f172a;
--auth-input-focus: #1e293b;
} .w3eden.dark-mode .wpdm-auth-panel {
background: #1e293b;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}
.w3eden.dark-mode .wpdm-auth-right {
background: #1e293b;
}
.w3eden.dark-mode .wpdm-auth-form-title {
color: var(--color-primary);
}
.w3eden.dark-mode .wpdm-auth-form-desc {
color: #94a3b8;
}
.w3eden.dark-mode .wpdm-auth-split input[type="text"],
.w3eden.dark-mode .wpdm-auth-split input[type="email"],
.w3eden.dark-mode .wpdm-auth-split input[type="password"],
.w3eden.dark-mode .wpdm-auth-split input[type="tel"],
.w3eden.dark-mode .wpdm-auth-split textarea,
.w3eden.dark-mode .wpdm-auth-split select,
.w3eden.dark-mode .wpdm-auth-split .form-control,
.w3eden.dark-mode .wpdm-auth-input {
background: #0f172a !important;
color: #f1f5f9 !important;
border-left-color: var(--color-primary) !important;
}
.w3eden.dark-mode .wpdm-auth-input::placeholder,
.w3eden.dark-mode .wpdm-auth-split .form-control::placeholder,
.w3eden.dark-mode .wpdm-auth-split input::placeholder {
color: #64748b !important;
}
.w3eden.dark-mode .wpdm-auth-input:focus,
.w3eden.dark-mode .wpdm-auth-split .form-control:focus,
.w3eden.dark-mode .wpdm-auth-split input:focus,
.w3eden.dark-mode .wpdm-auth-split textarea:focus,
.w3eden.dark-mode .wpdm-auth-split select:focus {
background: #1e293b !important;
}
.w3eden.dark-mode .wpdm-auth-input:-webkit-autofill,
.w3eden.dark-mode .wpdm-auth-split .form-control:-webkit-autofill,
.w3eden.dark-mode .wpdm-auth-split input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #0f172a inset !important;
-webkit-text-fill-color: #f1f5f9 !important;
}
.w3eden.dark-mode .wpdm-auth-pwd-toggle {
color: #64748b;
}
.w3eden.dark-mode .wpdm-auth-pwd-toggle:hover {
color: #f1f5f9;
}
.w3eden.dark-mode .wpdm-auth-remember {
color: #94a3b8;
}
.w3eden.dark-mode .wpdm-auth-check {
background: #0f172a;
border-color: #475569;
}
.w3eden.dark-mode .wpdm-auth-right .input-wrapper.heading-input-wrapper {
background: #0f172a;
color: #94a3b8;
}
.w3eden.dark-mode .wpdm-auth-divider {
color: #64748b;
}
.w3eden.dark-mode .wpdm-auth-divider::before,
.w3eden.dark-mode .wpdm-auth-divider::after {
background: #334155;
}
.w3eden.dark-mode .wpdm-auth-social-btn {
background: #0f172a;
border-color: #334155;
}
.w3eden.dark-mode .wpdm-auth-link,
.w3eden.dark-mode .wpdm-auth-back {
color: #94a3b8;
}
.w3eden.dark-mode .wpdm-auth-disabled p {
color: #94a3b8;
}
.w3eden.dark-mode .wpdm-auth-disabled-icon {
background: rgba(239, 68, 68, 0.15);
}
.w3eden.dark-mode .wpdm-auth-alert.success {
background: rgba(16, 185, 129, 0.15);
color: #34d399;
border-color: rgba(16, 185, 129, 0.3);
}
.w3eden.dark-mode .wpdm-auth-alert.error {
background: rgba(239, 68, 68, 0.15);
color: #f87171;
border-color: rgba(239, 68, 68, 0.3);
}
.w3eden.dark-mode .wpdm-auth-alert.info {
background: rgba(59, 130, 246, 0.15);
color: #60a5fa;
border-color: rgba(59, 130, 246, 0.3);
} @media (prefers-color-scheme: dark) {
.w3eden:not(.light-mode) .wpdm-auth-split {
--auth-text: #f1f5f9;
--auth-text-muted: #94a3b8;
--auth-border: #334155;
--auth-bg: #1e293b;
--auth-input-bg: #0f172a;
--auth-input-focus: #1e293b;
}
.w3eden:not(.light-mode) .wpdm-auth-panel {
background: #1e293b;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}
.w3eden:not(.light-mode) .wpdm-auth-right {
background: #1e293b;
}
.w3eden:not(.light-mode) .wpdm-auth-form-title {
color: var(--color-primary);
}
.w3eden:not(.light-mode) .wpdm-auth-form-desc {
color: #94a3b8;
}
.w3eden:not(.light-mode) .wpdm-auth-split input[type="text"],
.w3eden:not(.light-mode) .wpdm-auth-split input[type="email"],
.w3eden:not(.light-mode) .wpdm-auth-split input[type="password"],
.w3eden:not(.light-mode) .wpdm-auth-split input[type="tel"],
.w3eden:not(.light-mode) .wpdm-auth-split textarea,
.w3eden:not(.light-mode) .wpdm-auth-split select,
.w3eden:not(.light-mode) .wpdm-auth-split .form-control,
.w3eden:not(.light-mode) .wpdm-auth-input {
background: #0f172a !important;
color: #f1f5f9 !important;
border-left-color: var(--color-primary) !important;
}
.w3eden:not(.light-mode) .wpdm-auth-input::placeholder,
.w3eden:not(.light-mode) .wpdm-auth-split .form-control::placeholder,
.w3eden:not(.light-mode) .wpdm-auth-split input::placeholder {
color: #64748b !important;
}
.w3eden:not(.light-mode) .wpdm-auth-input:focus,
.w3eden:not(.light-mode) .wpdm-auth-split .form-control:focus,
.w3eden:not(.light-mode) .wpdm-auth-split input:focus,
.w3eden:not(.light-mode) .wpdm-auth-split textarea:focus,
.w3eden:not(.light-mode) .wpdm-auth-split select:focus {
background: #1e293b !important;
}
.w3eden:not(.light-mode) .wpdm-auth-input:-webkit-autofill,
.w3eden:not(.light-mode) .wpdm-auth-split .form-control:-webkit-autofill,
.w3eden:not(.light-mode) .wpdm-auth-split input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #0f172a inset !important;
-webkit-text-fill-color: #f1f5f9 !important;
}
.w3eden:not(.light-mode) .wpdm-auth-pwd-toggle {
color: #64748b;
}
.w3eden:not(.light-mode) .wpdm-auth-pwd-toggle:hover {
color: #f1f5f9;
}
.w3eden:not(.light-mode) .wpdm-auth-remember {
color: #94a3b8;
}
.w3eden:not(.light-mode) .wpdm-auth-check {
background: #0f172a;
border-color: #475569;
}
.w3eden:not(.light-mode) .wpdm-auth-right .input-wrapper.heading-input-wrapper {
background: #0f172a;
color: #94a3b8;
}
.w3eden:not(.light-mode) .wpdm-auth-divider {
color: #64748b;
}
.w3eden:not(.light-mode) .wpdm-auth-divider::before,
.w3eden:not(.light-mode) .wpdm-auth-divider::after {
background: #334155;
}
.w3eden:not(.light-mode) .wpdm-auth-social-btn {
background: #0f172a;
border-color: #334155;
}
.w3eden:not(.light-mode) .wpdm-auth-link,
.w3eden:not(.light-mode) .wpdm-auth-back {
color: #94a3b8;
}
.w3eden:not(.light-mode) .wpdm-auth-disabled p {
color: #94a3b8;
}
.w3eden:not(.light-mode) .wpdm-auth-disabled-icon {
background: rgba(239, 68, 68, 0.15);
}
.w3eden:not(.light-mode) .wpdm-auth-alert.success {
background: rgba(16, 185, 129, 0.15);
color: #34d399;
border-color: rgba(16, 185, 129, 0.3);
}
.w3eden:not(.light-mode) .wpdm-auth-alert.error {
background: rgba(239, 68, 68, 0.15);
color: #f87171;
border-color: rgba(239, 68, 68, 0.3);
}
.w3eden:not(.light-mode) .wpdm-auth-alert.info {
background: rgba(59, 130, 246, 0.15);
color: #60a5fa;
border-color: rgba(59, 130, 246, 0.3);
}
}