@charset "UTF-8";:root{
	--bkcolor:#f9fafc;
	--bkcolor2:#223786;
	--bkcolor3:#111828;
	--font-color:#e8e8e8;
	--font-size:18px;
	--font-size24:24px;
	--font-size34:34px;
	--font-size44:44px;
	--active-color:#2563ea;
	--active-color2:#5287fa;
	-header-border-color:rgba(34,55,134,0.83)
}

body{font-family:'Inter',sans-serif;scroll-behavior:smooth}
header{backdrop-filter:blur(10px);transition:background-color 0.3s ease}
header.scrolled{background-color:rgba(30,58,138,0.9)}
header .trp-language-switcher > div{padding: 0px 10px 0px 0px;}
.head-language .trp-language-switcher > div{ border: unset;}
.trp-language-switcher .trp-ls-shortcode-current-language{ border-radius: 5px;}

.home .hero-overlay{background:rgba(0,0,0,0.45)}
.home .card-hover{transition:transform 0.3s ease,box-shadow 0.3s ease}
.home .card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1)}
.home section{scroll-margin-top:80px}
.home .transition-smooth{transition:all 0.3s ease}
.swiper{width:100%;height:100%}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}

.mySwiperCaseStudio{min-height:150px}
.mySwiperCaseStudio .swiper-pagination-bullet{background-color:rgba(255,255,255,0.85);opacity:0.5}
.mySwiperCaseStudio .swiper-pagination-bullet-active{background-color:#fff;opacity:1}

article header.entry-header{display:none}
body{background-color: #f3f4f6!important;}
body.single-post article header.entry-header{display:unset}
body.single-post .site-main{ margin-top: 25px;}

#index-productslist .invisible{ display: none!important;}

.hide-scrollbar::-webkit-scrollbar{display:none}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

.timeline-connector{height:1px;background:#E5E7EB;position:absolute;top:50%;transform:translateY(-50%)}

.page-id-105 .wpcf7-form label{margin-top:5px}
.page-id-105 .wpcf7-submit,#wpcf7-f445-o1 .wpcf7-submit{background-color:#2563eb;color:#fff}
.page-id-105 .wpcf7-submit:hover,#wpcf7-f445-o1 .wpcf7-submit:hover{background-color:#1d4ed8;color:#fff}

.article-content p{margin-bottom:1rem}
#page .storefront-breadcrumb{ margin-bottom: 0px;}

.search-form .search-field{ border: solid 1px #eee; padding: 3px; border-radius: 3px;}
.search-form .search-submit{padding: 3px; border-radius: 3px;min-width:80px;}

.entry-taxonomy,.entry-taxonomy a{ font-size: 12px; line-height: 25px;}
#post-navigation .nav-links,#post-navigation .nav-links a{ font-size: 14px; line-height: 25px;}
.entry-taxonomy a,#post-navigation .nav-links a{color: #2563ea;}

#commentform .form-submit{ margin-top: 8px;}
.comment-content .comment-text p{ padding-top: 5px; padding-bottom: 5px;color: #333;}
.comment-content .reply,.comment-content .reply a{ font-size: 12px; line-height: 25px;color: #5287fa;}
.storefront-breadcrumb{ background-color: #f9fafb; padding-left: 20px;}

.tab-content{display:none}
.active-tab{display:block;animation:fadeIn 0.5s ease-in-out}
@keyframes fadeIn{
	from{opacity:0}
	to{opacity:1}
}
.spec-table tr:nth-child(even){background-color:#f9fafb}
.spec-table th{background-color:#f1f5f9}
footer .Connectwithus img{ max-width: 25px;}
.Connectwithus-mob a{display: inline-block;max-width: 30px;}
.Connectwithus-mob img{max-width: 25px;}


.RequestQuoteBtn{ cursor: pointer;}

.goods_info_item_title{font-size: 16px;color: #333333;margin-bottom: 10px;}
.goods_info_item_text {font-size: 14px;color: #666666;}


.cust-whatsapp{ width:47.5px; height:47.5px; position: fixed;z-index:1000;right:30px;bottom:100px}
.cust-whatsapp .WhatsApp{ z-index:10; position:relative}
.cust-whatsapp .a2a_svg{width:100%;height:100%; border-radius:8px;background:linear-gradient(to bottom,#5cf775,#48dd54,#2ebc2a)!important; z-index:10;} 
.cust-whatsapp .a2a_label2{ position:absolute!important; border-radius:10px; background-color:#2ebc2a;color:#fff;font-size:12px;z-index:0;width:100px; height:25px;line-height:25px; right:-1155px;top:10px; text-align:center;font-weight: bold; text-decoration:none; transition:all 0.3s}
.cust-whatsapp:hover .a2a_label2{right:55px;transition:all 0.3s}

@media (max-width:500px)
{
	.col-full{margin-left:0em;margin-right:0em;padding:0}
	
}

@media (min-width:780px)
{
	.col-full{max-width:100%; }

}
@media (min-width:1400px)
{
	.col-full{max-width:1400px;margin-left: 0em; margin-right: 0em;}

}