@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;}
}.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);
}
}