/* old css */
/* .clear {clear:both; width:100%;}
.top-bar {background:#961c0f; color:#fff; padding:5px 0;}
.top-bar a {color:#fff;}
.top-bar a:hover {text-decoration:none; color:#eee;}
.top-bar .email, .top-bar .phone {display:inline-block; margin-top:1px; margin-right:10px;}
.top-bar .social {float:right; text-align:right;}
.top-bar .social a {background:#fff; border-radius:50%; color:#961c0f; display:inline-block; height:23px; line-height:18px; padding:3px; text-align:center; transition:all .5s; width:23px;}
.header-cart {cursor:pointer; float:right; margin-top:-39px; position:relative;}
.header-cart-count {background:#1aa6d9; border-radius:100%; color:#fff; display:inline-block; font-size:10px; font-weight:700; height:18px; left:-9px; line-height:17px; position:relative; text-align:center; top:-9px; width:18px;}
header .logo {display:inline-block; margin:25px 0;}
header .social a:hover {background:#000; color:#fff;}
.top-search {float:right; margin-top:17px; width:360px;}
.top-select {width:100%; padding:5px; background-image:url(../images/select-arrow.png) no-repeat right center!important; background-size:100%;}
.search-tab {list-style:none; margin:0; padding:0;}
.search-tab li {float:left; font-size:12px; margin-right:7px; text-transform:uppercase;}
.search-tab li a {background:#545454; border-radius:4px 4px 0 0; border-bottom:1px solid #454545; color:#fff; display:block; padding:2px 10px; text-decoration:none; transition:all .5s;}
.search-tab li a:hover, .search-tab .active a {background:#1aa6d9; border-bottom:1px solid #109dd0; color:#fff;}
.search-box {background:#fff; border:1px solid #f1f1f1; border-radius:0 5px 5px 5px; padding:4px;}
.search-box input[type=text] {border:none; padding:4px 7px; width:300px;}
.search-box input[type=button] {background:url(../images/search-icon.png) 7px 4px no-repeat; border:none; font-size:0; float:right; height:30px; width:30px; cursor:pointer;}
#search-by-code {display:none;}
.navbar-header {display:none;}
.navbar-default {background:none!important; border:none;}
.navbar-toggle {background:#1aa6d9; border:1px solid #0d9fd4!important; border-radius:2px; margin-top:9px;}
.navbar-toggle:hover {background:#961c0f!important; border:1px solid #931204!important;}
.navbar-toggle .icon-bar {background-color:#fff!important; height:1px;}
.navbar-collapse {font-size:16px; text-transform:uppercase;}
.navbar {margin-bottom:0;}
.navbar-nav {border-bottom:1px solid #c9c8c8; border-top:1px solid #c9c8c8; width:100%;}
.navbar-nav > li {background:url(../images/nav-space.png) no-repeat right center;}
.navbar-nav > li:last-child {background:none;}
.navbar-nav > li > a {color:#000!important; line-height:48px; padding:0 29px;}
.navbar-nav > li > a:focus, .navbar-nav > li > a:hover, .navbar-nav > li.active > a {background:none!important; color:#1aa6d9!important;}
.navbar-nav > li.active > a:before {background:#1aa6d9; content:""; display:block; height:3px; left:0; position:absolute; top:-2px; width:100%;}
.navbar-nav .fa-home {font-size:25px; padding-top:11px;}
.home .navbar-nav {border-bottom:none;} */
/* .carousel-fade .carousel-inner .item {opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;}
.carousel-fade .carousel-inner .active {opacity:1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity:1;}
.carousel-fade .carousel-control {z-index:2;} */
/* .slider-text {position:absolute; left:0; bottom:20%; width:100%;}
.slider-text-inner {background:rgba(0, 0, 0, .2); float:left; padding:12px; border-radius:3px;}
.slider-text-inner .title {color:#fff; font-size:45px; line-height:60px; text-shadow:1px 1px 3px #666;}
.slider-text-inner .title span {font-weight:600;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {margin:0 auto;}
section.welcome {background:url(../images/welcome-bg.jpg); border-bottom:1px solid #f1f1f1; font-size:16px; padding:30px 0; text-align:center;}
section.welcome .title {background:url(../images/title-bg.png) no-repeat bottom center; font-size:45px; font-weight:300; margin:0 0 15px; padding-bottom:15px; text-align:center;}
section.welcome .title span {color:#961c0f; font-weight:600;} */






/* old */
.eduicon, .analyticon, .electronicicon {background:url(../images/product-icon.png) no-repeat; display:inline-block; height:20px; margin-bottom:-2px; width:28px;}
.eduicon {background-position:0 2px;}
.analyticon {background-position:-36px 2px;}
.electronicicon {background-position:-64px 1px;}
.mb30 {margin-bottom:30px;}
.mb30:nth-child(4n+4) {clear:both;}
/* .product-list-div {display:none;} */
section.feature {background:url(../images/feature-bg.jpg) no-repeat; background-size:cover; padding:30px 0;}
section.feature .divide {border-bottom:1px dashed #a43720; clear:both; hieight:1px; margin-bottom:25px; padding-top:25px; width:100%;}
.order-icon, .oem-icon, .support-icon, .bulk-icon, .payment-icon, .dealership-icon {background:url(../images/feature-icon.png) no-repeat; float:left; height:79px; margin-bottom:50px; margin-right:10px;}
.order-icon {width:75px;}
.oem-icon {background-position:-95px 0; width:50px;}
.support-icon {background-position:-157px 0; width:76px;}
.bulk-icon {background-position:-243px 0; width:90px;}
.payment-icon {background-position:-352px 0; width:60px;}
.dealership-icon {background-position:-425px 0; width:70px;}
section.feature .subtitle {color:#a43720; display:block; font-size:28px; font-weight:400;}
/* .home-blog-image {display:block; width:100%; height:210px; object-fit:contain; margin-bottom:15px;} */
.home-blog-summary {display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.artlist {background:#f7f7f7; padding:45px 0 60px;}
.artlist .headingsec h2 {color:#333; font-size:32px; font-weight:600; margin:0 0 30px;}
.article-grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:30px; list-style:none; margin:0; padding:0 15px;}
.article-grid > li {display:flex; min-width:0;}
.blogitem {background:#fff; border:1px solid #e7e7e7; border-radius:6px; box-shadow:0 2px 10px rgba(0, 0, 0, .05); overflow:hidden; transition:box-shadow .25s ease, transform .25s ease; width:100%;}
.blogitem:hover {box-shadow:0 10px 25px rgba(0, 0, 0, .12); transform:translateY(-4px);}
.newsbox, .newsbox:hover, .newsbox:focus {color:#333; display:flex; flex-direction:column; height:100%; text-decoration:none;}
.newsimg {background:#fff; height:220px; overflow:hidden;}
.newsimg img {display:block; height:100%; object-fit:cover; transition:transform .3s ease; width:100%;}
.blogitem:hover .newsimg img {transform:scale(1.03);}
.newscontent {display:flex; flex:1; flex-direction:column; padding:22px;}
.newscontent .dats {color:var(--theme-color); font-size:13px; font-weight:600; letter-spacing:.4px; margin:0 0 10px; text-transform:uppercase;}
.blogtitle {color:#292929; font-size:21px; font-weight:600; line-height:1.35; margin:0 0 12px;}
.blogbrief {color:#666; display:-webkit-box; font-size:15px; line-height:1.6; margin-bottom:18px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.article-read-more {color:var(--theme-color); font-size:14px; font-weight:600; margin-top:auto;}
.article-read-more .fa {font-size:12px; margin-left:5px; transition:transform .2s ease;}
.blogitem:hover .article-read-more .fa {transform:translateX(4px);}
.artdetail {background:#f7f7f7; padding:45px 0 60px;}
.blog_dtl_flex {align-items:flex-start; display:flex; gap:30px;}
.articalright {background:#fff; border:1px solid #e7e7e7; border-radius:6px; box-shadow:0 2px 10px rgba(0, 0, 0, .05); min-width:0; padding:30px; width:calc(100% - 310px);}
.artimage1 {align-items:center; background:#fff; display:flex; height:420px; justify-content:center; margin:-30px -30px 28px; overflow:hidden;}
.artimage1 img {height:100%; object-fit:contain; width:100%;}
.articalright h1 {color:#292929; font-size:34px; font-weight:600; line-height:1.3; margin:0 0 12px;}
.articles-date {border-bottom:1px solid #eee; color:#961c0f; font-size:14px; font-weight:600; margin-bottom:24px; padding-bottom:16px;}
.articles-date .fa {margin-right:5px;}
.article-body {color:#444; font-size:16px; line-height:1.75; overflow-wrap:anywhere;}
.article-body img, .article-body iframe, .article-body video {height:auto; max-width:100%;}
.article-body h2, .article-body h3, .article-body h4 {color:#292929; font-weight:600; line-height:1.35; margin:28px 0 12px;}
.article-body p, .article-body ul, .article-body ol {margin-bottom:18px;}
.article-body table {max-width:100%;}
.articalleft {flex:0 0 280px; position:sticky; top:20px;}
.articalleft .sidebar {background:#fff; border:1px solid #e2e2e2; border-radius:6px; box-shadow:0 2px 10px rgba(0, 0, 0, .05); overflow:hidden;}
.articalleft .shead {background:#961c0f; color:#fff; padding:15px 18px; position:relative;}
.articalleft .shead h2 {font-size:19px; font-weight:600; margin:0;}
.articalleft .shead .fa-bars {margin-right:7px;}
.articalleft #cssmenu {border:0; max-height:560px; overflow-y:auto;}
.articalleft #cssmenu > ul > li {border-bottom:1px solid #eee;}
.articalleft #cssmenu > ul > li:last-child {border-bottom:0;}
.articalleft #cssmenu > ul > li > a {background:#fff; color:#444; display:block; line-height:1.4; padding:12px 16px; transition:background .2s ease, color .2s ease;}
.articalleft #cssmenu > ul > li > a:hover, .articalleft #cssmenu > ul > li > a:focus {background:#f7f7f7; color:#961c0f;}

@media screen and (max-width:991px) {
.article-grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
.blog_dtl_flex {display:block;}
.articalright {width:100%;}
.articalleft {margin-top:25px; position:static; width:100%;}
.articalleft .shead {cursor:pointer;}
.articalleft .shead .submenu-toogle {position:absolute; right:18px; top:18px;}
.articalleft .left_section {display:none;}
}

@media screen and (max-width:620px) {
.artlist {padding:30px 0 40px;}
.artlist .headingsec h2 {font-size:26px;}
.article-grid {grid-template-columns:1fr; gap:20px;}
.newsimg {height:200px;}
.artdetail {padding:30px 0 40px;}
.articalright {padding:20px;}
.artimage1 {height:240px; margin:-20px -20px 22px;}
.articalright h1 {font-size:27px;}
.article-body {font-size:15px;}
}

/* section.contact {background:url(../images/contact-bg.jpg) no-repeat top fixed; background-size:cover; color:#fff; padding:30px 0;} */
/* section.contact .title {background:url(../images/title-bg1.png) no-repeat bottom center; font-size:40px; font-weight:500; margin:0 0 15px; padding-bottom:15px; text-align:center;}
section.contact .subtitle {font-size:19px; text-align:center;}
section.contact p {margin-bottom:20px; overflow:hidden;}
section.contact input[type=text] {background:rgba(256, 256, 256, 0); border:1px solid #ccc; border-radius:6px; float:right; padding:10px 2%; width:85%;}
section.contact textarea {background:rgba(256, 256, 256, 0); border:1px solid #ccc; border-radius:6px; float:left; height:240px; padding:10px 2%; width:85%;}
section.contact input[type=submit] {background:#fff; border:none; border-radius:6px; color:#a43720; display:block; font-size:20px; font-weight:500; margin:0 auto; padding:7px 0; transition:all .5s; width:200px;}
section.contact input[type=submit]:hover {background:#a43720; color:#fff;} */
.inner_banner {background:url(../images/inner-banner.jpg) no-repeat center; background-size:cover; height:300px; margin-top:-2px;}
.inner_banner .title {color:#fff; font-size:40px; line-height:45px; margin-top:120px; text-shadow:1px 1px 3px #666;}
.inner_banner .title span {font-weight:600;}
.bread-crumbs {display: flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 700; margin-bottom: 2.875rem; flex-wrap: wrap;}
.bread-crumbs.dark {color: #1D1D1D;}
.bread-crumbs-active {font-size: 0.75rem; font-weight: 400;color: rgba(255, 255, 255, 0.78);}
.bread-crumbs-active.dark {color: rgba(29, 29, 29, 0.78);}
.page-title {color:#000; font-size:1.875rem; font-weight:700; margin:0 0 1rem; }
.product_detail_model{color: #C9232D; font-size: 0.75rem; font-weight: 800;}
.product_detail_description{color: #4C4C4C; font-size: 0.938rem; font-weight: 400;}
.product_detail_page .page-title{font-size: 2rem; color: #131824; line-height: 1.2; margin: 0.625rem 0;}
.sub-title {color:#961c0f; font-size:23px;}
.product-img {float:left; margin-right:15px; width:100%; text-align:center; min-height:350px;}
.product-img img {width:auto;}
/* .product-img-list {float:left; margin-right:15px; text-align:center; min-height:185px; width:150px;} */
/* .product-img-list img {width:auto;} */
.product-description .product-code {color:#961c0f; display:block; font-size:0.625rem; font-weight:600;}
.product-description .product-name {color:#131824; display:block; font-size:1rem; font-weight:600; margin: 0.5rem 0;}
/* .cart_button {background:#1aa6d9; border:1px solid #1aa6d9; border-radius:5px; color:#fff; display:inline-block; float:left; height:35px; line-height:34px; margin-right:10px; padding:0 10px; transition:all .5s;}
.cart_button:hover {background:#333; border:1px solid #222; color:#fff; text-decoration:none;} */
/* .detail_button {background:#961c0f; border:1px solid #951709; border-radius:5px; color:#fff; display:inline-block; float:left; height:35px; line-height:34px; padding:0 10px; transition:all .5s;} */
/* .detail_button:hover, .detail_button:focus {background:#333; border:1px solid #222; color:#fff; text-decoration:none;} */

.product-detail .product-img {border:1px solid #e0e0e0; float:left; margin:5px 15px 0 0; width:148px;}
.product-detail .product-img img {width:100%;}
/* .product-detail .product-description {float:left;} */
.related-products {margin-top:30px;}
.related-products .subtitle {color:#961c0f; font-size:22px; border-bottom:1px dashed #ccc; margin-bottom:15px;}
.related-products .retpro-thumb {margin-bottom:20px;}
.related-products .retpro-thumb img {display:block; margin:0 auto;}
.related-products .retpro-name {display:block; text-align:center;}
#cssmenu {border-radius: 8px; border: 1px solid #DADADA; background: #FAFAFA; padding: 1.125rem 0.625rem 0.625rem;}
 #cssmenu ul, #cssmenu li, #cssmenu a {margin:0; padding:0; border:0; list-style:none; text-decoration:none; position:relative;}
#cssmenu a {line-height:1.3; outline: none;}
#cssmenu .has-sub {margin:0; }
#cssmenu .has-sub:last-child {margin:0;}
#cssmenu .left_cat_anchor {display:block; padding:0.5rem 0.875rem 1rem; margin-bottom: 0.5rem; font-size: 0.813rem; font-weight: 600;}
#cssmenu .has-sub:last-child .left_cat_anchor{border-bottom: none; padding-bottom: 0;}
#cssmenu .has-sub.active:last-child .left_cat_anchor{ padding-bottom: 1rem;}
#cssmenu .left_cat_anchor:hover {text-decoration:none;}
#cssmenu .has-sub.active{border: 1px solid #dadada; border-radius: 0.7rem; overflow: hidden; margin-bottom: 0.5rem;}
#cssmenu .has-sub.active .left_cat_anchor {background: var(--theme-btn-gradient); color: white; border-radius: 0.7rem; transition: 0.3s; padding-top: 1rem;margin-bottom: 0; }
#cssmenu .left_cat_anchor {border-bottom: 1px solid #DADADA; background: rgba(255, 255, 255, 0.00); display: flex; align-items: center; justify-content: space-between; }
#cssmenu .left_cat_anchor span { display: flex; align-items: center; gap: 0.688rem;}
#cssmenu .left_cat_anchor .left_cat_angle_icon path { stroke: var(--theme-color); transition: 0.3s; }
#cssmenu .left_cat_anchor .left_cat_main_icon path { stroke: var(--theme-color); transition: 0.3s; }
#cssmenu .left_cat_anchor .left_cat_angle_icon  {transition: 0.3s;}
#cssmenu .has-sub.active .left_cat_anchor .left_cat_angle_icon  {stroke: white; rotate: 90deg;}
#cssmenu .has-sub.active img{filter: invert(1) brightness(2);}
#cssmenu .has-sub.active .left_cat_anchor .left_cat_angle_icon path {stroke: white;}
#cssmenu .has-sub.active .left_cat_anchor .left_cat_main_icon path {stroke: white;}
#cssmenu .has-sub .left_cat_anchor span:before {color:#555; content:"\f078"; display:block; font-family:FontAwesome; font-size:15px; position:absolute; right:15px; top:10px; display:none;}
/* #cssmenu .has-sub a span img {float:left; height:14px; margin:4px 5px 0 0;} */
#cssmenu ul ul { display:none; background-color: white;}
#cssmenu ul ul li a {padding:0.813rem 0.9rem; border-bottom:1px solid #e0e0e0; transition: 0.3s; display: flex; justify-content: space-between; align-items: center;}
#cssmenu ul ul li a:hover {background-color: #EEEFFF; }
#cssmenu ul ul li:last-child a {border-bottom:none;}
#cssmenu ul ul a {display:block; color:#1d1d1d; font-size:0.75rem; font-weight: 700;}
#cart-alert {background:rgba(0, 0, 0, .7); display:none; position:fixed; left:0; bottom:0; top:0; height:100%; min-height:100%; width:100%; z-index:9999999;}
#cart-alert .inner {background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:20px; position:relative; text-align:center; margin:300px auto 0; width:50%;}
#cart-alert .msg {color:var(--theme-color); margin-bottom:20px;}
#cart-alert .inner .detail_button {float:none; border: 1px solid var(--theme-color); padding: 0.5rem 1rem; border-radius: 0.5rem; background: var(--theme-color); color: white; display: block; width: fit-content; margin: auto; }
.close-btn {background:url(../images/close-icon.png) no-repeat; display:block; height:38px; position:absolute; top:-19px; right:-20px; width:40px;}
.more {float:right; padding-right:10px;}
.more a {color:#961c0f; text-decoration:none;}
#back-top {bottom:0; position:fixed; right:65px; display: none !important; opacity: 0 !important;}
#back-top a {color:#bbb; display:block; font:11px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-transform:uppercase; transition:all 1s ease 0;}
#back-top a:hover {color:#000;}
#back-top span {background:rgba(0, 0, 0, 0) url(../images/scroll-to-top.png) no-repeat scroll center bottom; display:block; height:50px; transition:all 1s ease 0; width:55px;}
.share-option {margin:18px 0; width:102%;}
.share-option button {margin:5px 15px 5px 0;}
.bkground1 {padding:10px 15px; border:1px solid #f1f1f1;}
.list-table {width:100%; border:1px solid #c8e7f2;}
.list-table th {background:#c8e7f2; border:1px solid #b8e1f0; color:#000; font-size:15px; font-weight:600; padding:7px; text-align:left;}
.list-table td {padding:7px; border:1px solid #c8e7f2;}
.list-table .qty {border:none;}
.list-table .detail_button {font-size:16px; width:150px;}
section.enquiry-cart-form {background:#fff; color:#000; margin-top:20px;}
section.enquiry-cart-form .subtitle {color:#961c0f;}
section.enquiry-cart-form input[type="submit"] {background:#1aa6d9; color:#fff; font-size:18px; padding:4px;}
.side_bar_category_main_heading{font-size: 0.875rem; font-weight: 700; margin-bottom: 1.125rem;}
.disclaimer {color:#4c4c4c; font-size:0.75rem; font-weight: 400; line-height:1.6; text-align: center;}


.product_detail_cart_number {border:1px solid #dadada; padding:0.625rem; border-radius:0.25rem; display:flex; align-items:center; justify-content:space-between;}
.product_detail_cart_count_container {width:7.188rem;}
.product_detail_cart_number span {font-size: 0.875rem; color: #000; font-weight: 400;}
.cart_title{font-size: 0.75rem; font-weight: 700; color: #000; margin-bottom: 0.5rem; display: block;}
.product_detail_add_to_cart_btn{border: 1px solid #0A1830; padding: 0.75rem; font-size: 0.813rem; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: #0A1830; border-radius: 0.25rem; width: 100%;} /* 0A1830 */
.product_detail_cta_btns{display: flex; flex-direction: column; gap: 0.75rem; max-width: 35rem;} 
.product_detail_cta_btns .d-flex{gap: 0.75rem;} 
.price_detail_whatsapp_enquiry_btn{ border-radius: 4px; background: #25D366;}
.product_detail_secondary_btn_container{display: flex; gap: 0.75rem; align-items: center;}
.product_detail_secondary_btn_container .quick_view{background-color: #0A1830d1; border-radius: 0.25rem;}
.product_detail_secondary_btn_container > *{ width: 50%; height: 2.75rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.813rem; color: #fff; font-weight: 700;  }
.product_detail_secondary_btn_container > *:hover{color: white; }
.product_detail_main_container{display: flex;}
.product_detail_image_container{width: 31.25rem; height: 31.25rem; margin-right: 3rem; border: 1px solid #dadada; border-radius: 0.5rem; background-color: #FAFAFB; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.product_detail_content_container{width: calc(100% - 34.25rem); transition: 0.3s;}
.product-detail {display: flex; flex-direction: column; gap: 2rem; height: 100%;}
.product_detail_need_help_info{display: flex; background: #EEF4FA; border-radius: 0.25rem; padding: 0.875rem; align-items: center; gap: 0.75rem; }

.need_help_contact_info{display: flex; flex-direction: column;}
.need_help_contact_info span:last-child{color: #4F5D6B; display: flex; align-items: center;}
/* .product_detail_related_product_container{} */
/* .ii-icon {background:url(../images/ii-icon.png); display:inline-block; float:right; height:20px; width:20px;}
.enquiry-pop-form ul {margin:0; padding:0;}
.enquiry-pop-form ul li {width:100%; float:left; list-style:none;}
.enquiry-pop-form ul li input, select, textarea {margin:4px 0;}
.fancybox-inner {min-height:500px!important;}
.top-space {margin-top:32px;}
.page-not-found {color:#961c0f; margin:180px 0; text-align:center;}
.about-img ul {list-style:none; margin:20px 0; padding:0;}
.about-img ul li {display:inline-block; margin-right:20px;}
.prod-qty {border:1px solid #d5d5d5; display:block; float:left; margin-top:5px; position:relative; text-align:left; width:49px;}
.prod-qty input[type=text] {border:none; border-right:1px solid #d5d5d5; padding:4px 5px; height:22px; -webkit-appearance:none; width:30px;}
.prod-qty .up, .prod-qty .down {background:url(../images/arow.jpg); position:absolute; right:0; float:right; height:13px; width:17px;}
.prod-qty .up {top:0;}
.prod-qty .down {background-position:0 -16px; bottom:0;}
.mobile {display:none !important;}
.carousel-caption {background:rgba(222,222,222,0.9); padding:15px 1% 15px 1%; box-sizing:border-box; text-align:left !important; margin-bottom:0; left:67% !important; border-radius:3px; width:32%; float:right;}
.carousel-caption h3 {font-size:14px; line-height:20px; text-shadow:none; color:#333; margin:0; padding:0; font-family:"PT Sans", sans-serif; font-weight:300;}
.carousel-caption h3 span {} */

/* @media screen and (max-width :1040px) and (min-width:760px) {
.navbar-nav > li > a {padding:0 12px!important;}
.navbar-brand {display:none;}
.navbar-nav > li {background:none!important;}
.navbar-nav .fa-home {padding-top:0;}
.top-bar .social {margin-top:0!important;}
} */

@media screen and (max-width :768px) {
/* .top-bar .social {margin-top:-25px;}
header .logo {display:block; margin:20px auto;}
.top-search {float:none; margin:0 auto; margin-top:10px;}
.navbar-header {background:#eee; display:block; margin:10px 0 0;}
.navbar-collapse {padding:0;}
.navbar-default {margin-left:-15px; margin-right:-15px;}
.navbar-nav {margin:0;}
.navbar-nav > li, .navbar-nav > li:last-child {background:#f1f1f1; border-bottom:1px solid #e0e0e0;}
.navbar-nav > li > a {padding:0 25px;} */
.slider-text-inner .title {font-size:35px; line-height:40px;}
section.products .col-sm-4 {width:50%; float:left; margin-bottom:25px;}
section.feature .col-sm-4 {overflow:hidden;}
/* section.contact input[type="text"] {display:block; float:none; margin:0 auto;}
section.contact textarea {display:block; float:none; margin:0 auto 15px;} */
.divide {display:none;}
.order-icon, .oem-icon, .support-icon, .bulk-icon, .payment-icon, .dealership-icon {margin-bottom:10px;}
.dotline {border-bottom:1px dashed #a43720; margin-bottom:25px; padding-bottom:25px;}

/* .footnav {float:left; margin-bottom:15px; width:33.33%;} */
#cssmenu ul ul {padding:5px 12px; display:none;}
#cssmenu > ul > li.has-sub > a span:before {display:block;}
#cssmenu > ul > li.has-sub.active > a span:after {display:block;}
/* .product-list .product-description {width:75%;} */
.hidden-pannel {display:none;}
.top-space {margin-top:10px;}
.mb30:nth-child(4n+4) {clear:none;}
.mb30:nth-child(3n+3) {clear:both;}
.mb30:last-child {margin-top:-66%;}
#back-top {bottom:5px; right:5px; margin:0;}
#back-top span {background-size:100%; width:30px;}
}

@media screen and (max-width :620px) {
.desktop {display:none !important;}
.mobile {display:block !important;}
/* .top-search {width:95%;} */
.search-box input[type="text"] {width:90%;}
.slider-text-inner .title {font-size:25px; line-height:30px;}
.search-tab li {font-size:11px; padding:0;}
.search-tab li a {padding:2px 10px;}
.footnav {width:50%;}
.page-content {padding-bottom:15px;}
.page-title {font-size:1.3rem;}
.top-bar .email, .top-bar .phone {display:block; margin-bottom:10px; text-align:center;}
.top-bar .social {float:none; margin-top:0; text-align:center;}
.top-bar .social a {height:20px; width:20px; font-size:12px; line-height:15px;}
}

@media screen and (max-width :480px) {
.search-box input[type="text"] {width:85%;}
.slider-text-inner .title {font-size:18px;}
/* section.welcome .title, section.products .title, section.contact .title {font-size:35px;} */
section.products .col-sm-4 {width:100%;}
/* section.products .product-list {margin:0 auto 25px; width:100%;} */
/* section.contact input[type="text"], section.contact textarea {width:100%;} */
.inner_banner {height:100px;}
.inner_banner .title {font-size:24px; line-height:30px; margin-top:50px;}
.footnav {width:100%;}
.share-option a {margin-bottom:10px;}
/* .product-list .product-description {width:100%;} */
.mb30:last-child {margin-top:0;}
}











/* navbar style */
.top_menu{background: linear-gradient(71deg, #0A1830 -38.64%, #0A1830 59.22%, #142D5B 102.77%); color: #fff; height: 2.75rem; display: flex; justify-content: space-between; align-items: center;}



.product-listing{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.125rem; margin-top: 1.75rem;}
.cat_product_container{padding: 0.75rem; border: 1px solid #dadada; border-radius: 0.5rem; box-shadow: 0 3px 12px 0 rgba(9, 39, 72, 0.08); transition: 0.3s;}
.cat_product_container:hover{ transform: translateY(0.5rem); }
.cat_product_container .product-thumb >  img{width: 100%; object-fit: contain; max-height: 13.25rem; border: 1px solid #dadada; border-radius: 0.5rem;}
.cat_product_container .pro-name{font-size: 1rem; font-weight: 600; display: flex; align-items: center; gap: 0.5rem;}
.cat_product_container .pro-name .svg-div-product-name{background: #EDF5FC; width: 1.5rem; height: 1.5rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center;} 
.cat_product_container .common_paragraph{margin-bottom: 1.125rem; font-size: 0.75rem; font-weight: 400;}
.cat_product_container .product-thumb{display: flex; flex-direction: column; gap: 1rem;}

#freewall{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.125rem; margin-top: 1.75rem;}

.product-list{border: 1px solid #dadada; border-radius: 0.5rem; overflow: hidden; height: 100%; display: flex; flex-direction: column; transition: 0.3s;}
.product-list:hover { transform: translateY(0.5rem); }
.product-description{padding: 1.125rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.product-img-list img{width: 100%; object-fit: contain; margin: auto; }
.product-img-list{ border-bottom: 1px solid #dadada; padding: 2.5rem; min-height: 305px; display: flex; justify-content: center; align-items: center;}
.product_description_product_page{font-size: 0.75rem;}
.product_btn_container_detail{display: flex; align-items: center; gap: 0.5rem;}
.product_btn_container_detail button{ border-radius: 0.25rem; border: 1px solid var(--theme-color); font-size: 0.688rem; font-weight: 800; }
.product_btn_container_detail a{ border-radius: 0.25rem; background: var(--theme-btn-gradient); color: white; font-size: 0.688rem; font-weight: 800; }
.product_btn_container_detail a:hover{ color: white; }
.product_btn_container_detail > * { display: flex; height: 2.5rem; width: 100%; justify-content: center; align-items: center; }
.product_detail_related_product_grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem;}

/* new add */

:root{
    --theme-color: #0A1830;
    --primary-text-color: rgba(0, 0, 0, 0.70); 
    --primary-heading-color: #131824;
    --theme-btn-gradient: linear-gradient(71deg, #0A1830 -38.64%, #0A1830 59.22%, #142D5B 102.77%);
    --secondary-bg-color: linear-gradient(71deg, rgba(10, 24, 48, 0.06) -38.64%, rgba(10, 24, 48, 0.06) 59.22%, rgba(20, 45, 91, 0.06) 102.77%);
    --primary-font-family: "Manrope", sans-serif;
    --secondary-font-family: "Plus Jakarta Sans", sans-serif;
    --primary-hover-color: rgba(211, 47, 47, 1);
    --primary-hover-bg: rgba(253, 242, 242, 1);
}
.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem;}/*40px*/
.font45{font-size: 2.813rem;}/*45px*/
.font46{font-size: 2.875rem;}/*46px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font50{font-size: 3.125rem;}/*50px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font58{font-size: 3.625rem;}/*58px*/
.font60{font-size: 3.75rem;}/*60x*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font80{font-size: 5rem;}/*80px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/
.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}

.h-44{height: 2.75rem;}
.w-100{width: 100%;}
/* common-styles */
.manrope-family{font-family: "Manrope", sans-serif;}
.plus-jakarta-family{font-family: "Plus Jakarta Sans", sans-serif;}
.common_padding_primary{padding-block: 6rem;}
.common_padding_secondary{padding-block: 3.5rem;}
.common_padding_footer{padding: 3.75rem 0 1.5rem;}
.common_padding_other_page{padding: 2.875rem 0 6rem;}
.common_padding_other_section_hero{padding-block: 1.25rem 1.75rem;}
.common_padding_bread_crumb{padding-block: 1.25rem 1.25rem;}
h1, h2, h3, h4, h5, h6{font-family: var(--secondary-font-family); color: var(--primary-heading-color);}
html {font-size: 16px !important;}
body { background:#fff; font-family: var(--primary-font-family); color:var(--primary-text-color); height:100%; line-height:1.5; }
.bg_second{background: var(--secondary-bg-color);}
.container{max-width: 1280px; margin: 0 auto; padding: 0;}
.common_heading_section{font-size: 2.75rem; font-weight: 700; }
.common_paragraph_section{font-size: 1rem; font-weight: 400;}
.common_margin_bottom{margin-bottom: 3.375rem;}
.common_theme_btn{font-size: 1rem; font-weight: 400; font-family: var(--secondary-font-family); line-height: 1.5; color: white; background: var(--theme-btn-gradient); padding: 0.938rem 1.25rem; border-radius: 0.5rem; display: flex; align-items: center; width: fit-content; gap: 0.75rem;  }
.common_theme_btn:hover{ color: #fff; }
.common_theme_btn svg{ transition: 0.3s; }
.common_theme_btn:hover svg{ transform: rotate(45deg); }
.button_comp{width: 100%; justify-content: center; outline: none; border: none; margin-top: 0.5rem; }
.common_text_color_gradient{background: linear-gradient(71deg, #0A1830 -38.64%, #0A1830 59.22%, #142D5B 102.77%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
a, a:hover {text-decoration:none; color: inherit; outline: none;}

.hover_btn_effect_theme svg{transition: 0.3s;}
.hover_btn_effect_theme:hover svg{rotate: 45deg;}
/* three line ellipse */
.three_line_ellipse{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden}
/* nav  breaking point 992 */ 
.menu_mobile_icons{display: none;}
.main_sticky_nav_container {position:sticky; top:0;}
body:not(.index_page) .main_sticky_nav_container {border-bottom: 1px solid #dadada;}
.top_menu .container {display:flex; justify-content:space-between;}
.top_menu .social_media_icon_container{background-color: #fff;}
/* .top_menu .social_media_icon_container svg path{fill: #000;} */
.contact_info_container_header {display:flex; gap:1rem; align-items:center;}
.contact_info_container_header span {font-size:0.75rem; font-weight:600; display:flex; gap:0.375rem; align-items:center;}
.desc_header_top_menu {font-size:0.75rem; font-weight:600; display:flex; align-items:center; gap:0.5rem;}
.header {display:flex; justify-content:space-between; align-items:center; padding:0.75rem 0;}
.header_search_input_container form {display:flex;}
.header_search_input_container form select {font-size:0.813rem; font-weight:600; padding:0 1rem; height:2.75rem; border:1px solid #dadada; outline:none; background:#FAFAFA; border-top-left-radius:0.4rem; border-bottom-left-radius:0.4rem; appearance:none; color:#1D1D1D; max-width: 10rem;}
.header_search_input_container form select option {padding:0 10px; max-width: 20rem; }
.input_search_container {width:25.375rem; position:relative; border:1px solid #dadada; border-left:none; border-right:none; display:flex; align-items:center; padding:0 1rem; gap:0.625rem; color:rgba(148, 163, 184, 1);}
.input_search_container input {width:100%; height:100%; border:none; outline:none; font-size:0.813rem; font-weight:500;}
.input_search_container input::placeholder {color:rgba(148, 163, 184, 1);}
.header_search_input_container button {background:#1D1D1D; color:white; outline:none; border:1px solid transparent; border-top-right-radius:0.4rem; border-bottom-right-radius:0.4rem; width:3.5rem; height:2.75rem; display:flex; justify-content:center; align-items:center;}
nav {display:flex; justify-content:space-between; align-items:center;}
.main_nav_links {list-style-type:none; display:flex; padding:0; margin:0;}
.main_nav_links li {padding:1.25rem;}
.main_nav_links li.active {border-bottom:3px solid #1D1D1D;}
.main_nav_links li a {font-size:0.875rem; font-weight:700; text-transform:uppercase;}
.main_nav_link_container { display: flex; justify-content: space-between; }





nav.active {border:1px solid #dadada; padding:1rem; margin:1rem; border-radius:0.7rem;}
header hr {margin:0 0 0;}
.nav_cart_container {display:flex; align-items:center; gap:0.625rem; cursor: pointer;}
.nav_cart_text_container {display:flex; flex-direction:column;}
.nav_cart_icon_container {display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:10rem; border:1px solid #dadada; background:#FAFAFA;}
.nav_cart_title {font-size:0.813rem; font-weight:600; color:#1d1d1d;}
.header-cart-count {font-size:0.688rem; font-weight:400; color:#475569;}
/* .menu_mobile_icons {padding:0 1rem;} */
nav.active .main_nav_links {flex-direction:column;}
.nav_cart_container.mobile_nav_cart_container {display:none;}
.mobile_menu_and_btn_container{display: none;}
header{position: relative; z-index: 999999;}
    .header_search_input_container { width: fit-content; }
/* pages style */
.index_hero_swiper { width: 100%; height: 100%; }
.index_hero_swiper .swiper-pagination-bullet{background: rgba(255, 255, 255, 1); transition: 0.3s; opacity: 0.7; width: 9px; height: 9px;}
.index_hero_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1); border-radius: 1rem; width: 1.875rem; opacity: 1;}
.index_hero_swiper .container{display: flex; align-items: center; min-height: 100%;}
.index_hero_swiper .swiper-slide { position: relative; background-size: cover; width: 100%; height: 100%; background-position: center center; height: calc(100vh - 192px); } /*  height : 192*/
.index_hero_swiper .swiper-slide::before { position: absolute; background: linear-gradient(270deg, rgba(10, 24, 48, 0.00) 22.83%, rgba(10, 24, 48, 0.45) 49.35%, rgba(10, 24, 48, 0.76) 100%), rgba(255, 255, 255, 0.1) 50%; top: 0; left: 0; content: ''; width: 100%; height: 100%; z-index: -2; }
.index_hero_swiper .index_hero_content { height: 100%; max-width: 41rem; }
.index_swiper_tag_line{font-size: 0.875rem; color: #D28900; font-weight: 700; margin-bottom: 1.5rem; }
.index_swiper_title{font-size: 4rem; font-weight: 700; color: #fff; line-height: 1.1; margin-bottom: 1.5rem;}
.index_swiper_desc{font-size: 1.125rem; font-weight: 400; color: #fff; line-height: 1.6; margin-bottom: 2.125rem;}
.index_swiper_btn{font-size: 1rem; font-weight: 600; color: var(--theme-color); background-color: #fff; line-height: 1.6; padding: 0.938rem 1.25rem; border-radius: 0.5rem; display: flex; align-items: center; width: fit-content; gap: 0.75rem;}
.index_swiper_btn:hover{ color: var(--theme-color); }
.index_swiper_btn svg{ transition: 0.3s; }
.index_swiper_btn:hover svg{ transform: rotate(45deg); }
.about_heading{font-size: 2.75rem; font-weight: 700; color: rgba(29, 29, 29, 0.70); line-height: 1.3; max-width: 37rem;}
.about_heading span{ color: #1D1D1D; }
.about_index_section_container .container{position: relative;}
.about_bg_content_image{position: absolute; bottom: -2.5rem; right: 0; max-width: 19.188rem; z-index: -1;}
.about_paragraph{max-width: 35rem; margin-left: auto; font-size: 1.125rem; font-weight: 400; line-height: 1.5;}
.common_small_heading{font-size: 0.813rem; font-weight: 600; display: flex; align-items: center; gap: 0.25rem;}
.index_institution_swiper_container .swiper-slide, .index_institution_swiper_container2 .swiper-slide { width: 10.625rem; height: 8.688rem; background-color: white; margin-right: 1.5rem; border: 1px solid #E5E9F0; border-radius: 0.875rem; padding: 1rem 0.75rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.index_institution_swiper_container img, .index_institution_swiper_container2 img { width: 100%; max-height: 4rem; object-fit: contain; }
.index_institution_swiper_container p, .index_institution_swiper_container2 p { font-size: 0.719rem;  font-weight: 600; line-height: 1.4; color: #33415C; margin: 1.125rem 0 0; text-align: center; }
.index_institution_swiper_container .swiper-wrapper, .index_institution_swiper_container2 .swiper-wrapper { transition-timing-function: linear; align-items: center; }
.index_institution_swiper_container2{margin-top: 1.5rem;}
.index_product_section_main_container .text-box { display:none;}
.index_product_section_main_container .text-box figure {background:url(../images/noimage.jpg) no-repeat center; height:13.125rem; border: 1px solid #dadada; border-radius: 0.75rem; margin: 0 0 0.5rem;}
.index_product_section_main_container .text-box img {height:auto; max-height:100%; max-width:100%; object-fit: contain;}
.card_heading_text {font-size: 1.375rem; font-weight: 700; color: #1d1d1d; }
.card_heading_text:hover {color:var(--theme-color)}
.index_product_section_main_container .product_list_main_container .product_index_top_icon{ margin: 0 0 0.5rem; display: flex; justify-content: center; align-items: center; width: 2.75rem; height: 2.75rem; aspect-ratio: 1 / 1; background-color: #EBF2FC; border-radius: 10rem; }
.index_product_section_main_container .product_list_main_container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.125rem;}
.index_product_section_main_container .product_card_container{border: 0.063rem solid #dadada; border-radius: 1rem; overflow: hidden; padding: 1rem 0 1.125rem; box-shadow: 0 12px 24px 0 rgba(11, 25, 44, 0.12); transition: 0.3s; }
.index_product_section_main_container .product_card_container:hover{ transform: translateY(10px); }
.product_index_description{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 0.875rem; font-weight: 400; line-height: normal; }
.index_product_section_main_container .index_product_equipment_listing_container{ list-style-type: none; padding: 0; }
.index_product_section_main_container .index_product_equipment_listing{ position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 0.75rem; font-weight: 600; padding: 0.65rem 1rem; border-bottom: 1px solid #EAEAEA; cursor: pointer; }
.index_product_section_main_container .index_product_equipment_listing a{ color: #1D1D1D; display: flex; align-items: center; gap: 0.75rem; }
.view_more_btn_index_product .product_btn_light{ color: #1D1D1D; font-size: 0.813rem; font-weight: 600; border-radius: 0.5rem 0 0 0.5rem; background: linear-gradient(90deg, #E2E2E2 0%, rgba(240, 245, 250, 0.00) 100%); padding: 0.75rem 1.25rem 0.75rem 0.875rem; width: auto; display: flex; align-items: center;   margin: 1.5rem 1.5rem 0.5rem; gap: 0.5rem; text-transform: capitalize; font-family: var(--secondary-font-family); transition: 0.3s; }
.view_more_btn_index_product .product_btn_light svg{ transition: 0.3s; }
.index_product_section_main_container .index_product_equipment_listing:hover a{color: var(--primary-hover-color);}
.index_product_section_main_container .index_product_equipment_listing:hover a svg path{stroke: var(--primary-hover-color);}
.index_product_section_main_container .index_product_equipment_listing:hover img {filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(5000%) hue-rotate(350deg) brightness(100%) contrast(100%);}
.product_card_x_padding{padding: 0 1rem;}
.view_more_btn_index_product .product_btn_light:hover svg{ transform: rotate(45deg); }
.index_blog_card_container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.125rem; }
.index_blog_card { border: 1px solid #dadada; border-radius: 0.75rem; padding: 1rem; box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.12); transition: 0.3s; display: flex; flex-direction: column; gap: 0.9rem; }
.index_blog_card:hover { transform: translateY(0.75rem); }
.index_blog_card_content_main_container{height: calc(100% - 15rem) ; display: flex; flex-direction: column; justify-content: space-between; gap: 0.9rem;}
.index_blog_card_image { width: 100%; height: 15rem; object-fit: cover; border-radius: 0.75rem;border: 1px solid #dadada; }
.complete_lab_partner_section_container{background-size: cover; background-repeat: no-repeat;}
.complete_lab_partner_section_container .common_heading_section{color: #FFF;}
.complete_lab_partner_section_container .common_paragraph_section{color: rgba(255, 255, 255, 0.70);}
.complete_lab_partner_grid_container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.125rem;}
.complete_lab_partner_card_container{ background-color: white; border-radius: 0.8rem; position: relative; height: 100%; height: 13.875rem; overflow: hidden; transition: 0.3s;}
.complete_lab_partner_card_container:hover{ transform: translateY(0.6rem);}
.lab_partner_card_bg_image{position: absolute; right: 0; top: 0; height: 100%;}
.complete_lab_partner_card_container::before{position: absolute; width: 100%; height: 100%; content: ''; background-image: url('/images/lab-partner-image/bg_lab_partner_image.png'); right: -39.5%; top: 0;}
.complete_lab_partner_card_content_container{ max-width: 62%; display: flex; flex-direction: column; justify-content: space-between; padding: 1rem 0 1rem 1rem; height: 100%;}
.lab_partner_heading{display: flex; align-items: center; gap: 0.75rem;}
.lab_partner_card_icon{background-color: #EBF2FC; width: 2.75rem; height: 2.75rem; aspect-ratio: 1 / 1; border-radius: 10rem; display: flex; justify-content: center; align-items: center;}
.lab_partner_common_heading{font-size: 1.25rem; font-weight: 700; line-height: 1.4; white-space: nowrap;}
.lab_partner_card_desc{font-size: 0.875rem; font-weight: 400; margin-top: 0.8rem; margin-bottom: 0;}
.lab_partner_card_cta_link{font-size: 0.813rem; font-weight: 600; display: flex; gap: 0.5rem; align-items: center;}
.lab_partner_card_cta_link svg{ transition: 0.3s; }
.lab_partner_card_cta_link:hover svg{ transform: rotate(45deg); }
.index_contact_information { margin-top: 2.25rem; }
.info_contact_index { display: flex; gap: 0.75rem; margin-bottom: 1rem; }
.index_contact_section_form form {padding: 2rem; border: 1px solid #dadada; border-radius: 0.75rem; background-color: #fff;}
.index_contact_section_form form .input_field {display: flex; flex-direction: column; margin-bottom: 1.125rem;}
.index_contact_section_form form .input_field label {font-size: 0.875rem; font-weight: 600; color: #1D1D1D; margin-bottom: 0.3rem;}
.index_contact_section_form form .input_field input, .index_contact_section_form form .input_field textarea {font-size: 0.875rem; font-weight: 600; color: #1D1D1D; padding: 0.66rem 1rem; outline: 3px solid transparent; border: 1px solid #dadada; border-radius: 0.375rem; background-color: #f6f6f6; transition: 0.3s;}
.index_contact_section_form form .input_field textarea {min-height: 10.625rem; max-height: 13rem; }
.index_contact_section_form form .input_field input:focus, .index_contact_section_form form .input_field textarea:focus { outline-color: rgba(10, 24, 48, 0.2); border-color: var(--theme-color);}
/* footer */
footer hr {margin: 2.5rem 0;}
.footer_main_link_container .title {font-size:0.875rem; font-weight:600; color: #2f2f2f; margin-top: 0.5rem;}
.footer_main_link_container ul {list-style:none; margin:0; padding:0;}
.footer_main_link_container ul li a {color:#4C4C4C; display:block; font-size:0.75rem; font-weight: 400; padding:0.25rem 0; transition:color .5s;}
.footer_main_link_container ul li:last-child a {padding-bottom:0;}
.footer_main_link_container ul li a:hover {color:#961c0f; text-decoration:none;}
.footer-nav {border-top:1px solid #dedede; padding:15px 0; text-align:center;}
.footer-nav a {color:#666; transition:color .5s;}
.footer-nav a:hover {color:#961c0f; text-decoration:none;}
.copyright .copy {color:#2f2f2f; display:block; font-size:0.875rem; font-weight: 700; text-align:center; padding:0 0 0.938rem;}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display: none !important;}




/* about section */
.about_section_hero_container{display: flex; align-items: center; justify-content: space-between;}
.image_about_hero{width: 34.375rem; max-height: 23.125rem; overflow: hidden; border-radius: 0.5rem;}
.content_about_hero{width: calc(100% - 38.375rem);}
.image_about_hero img{width: 100%; height: 23.125rem; object-fit: contain;}
.about_specification_container{margin-top: 4rem; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; display: flex; align-items: center; gap: 3.438rem; padding-block: 1.75rem; justify-content: center;}
.border_line_btw{ height: 5.625rem; width: 1px; background-color: #dadada;}
.about_specification_container .speci_title{font-size: 2.5rem; font-weight: 700; color: #0A1830;}
.about_section_capabilities_card_container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem;}
.about_section_capabilities_card{border: 1px solid #DADFE6; border-radius: 0.5rem; background-color: white; padding: 1.5rem;}
.about_section_why_us_container{display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 2.5rem; column-gap: 1.5rem; }
.about_section_why_us_card{border-top: 1px solid #dadada; padding-block: 1.5rem 1rem;}



/* common_cta */
.common_cta_main_container{ position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; padding-block: 4.188rem; }
.common_cta_main_container::before{position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(6, 62, 120, 0.96) 0%, rgba(6, 62, 120, 0.66) 58%, rgba(6, 62, 120, 0.00) 100%), url(<path-to-image>) transparent 50% / cover no-repeat;}
.main_content{position: relative; z-index: 2; max-width: 45rem;}
.common_cta_main_container .need_assistance{color: #D28900; font-size: 0.875rem; font-weight: 700; margin-bottom: 1.125rem;}
.common_cta_main_container h4{font-size: 2rem; font-weight: 700; color: white; margin-bottom: 0.875rem;}
.common_cta_main_container .common_paragraph{color: #fff; font-size: 1.125rem; margin-bottom: 1.5rem;}


/* contact us */
.contact {--c-navy:#0a1a3a; --c-text:#475467; --c-muted:#98a2b3; --c-border:#e4e7ec; --c-card:#ffffff; --c-bg:#f7f8fa; --c-error:#d92d20; background:var(--c-bg); padding-block:4rem 5rem; padding-inline:1.5rem; color:var(--c-text); font-size:0.875rem; line-height:1.6;}
.contact button{outline: none; border: none;}
.contact *, .contact *::before, .contact *::after {box-sizing:border-box;}
.contact__inner { display:grid; grid-template-columns:23.5rem minmax(0, 1fr); gap:4rem; align-items:start;}
.contact__title {margin:0 0 0.5rem; font-size:2rem; line-height:1.2; font-weight:700; color:var(--c-navy);}
.contact__intro, .contact__person {margin:0; font-size:0.9375rem; color:var(--c-text);}
.contact__person {margin-top:0.25rem; font-size:0.8125rem; color:var(--c-muted);}
.contact-card { padding:1.23rem; background:var(--c-card); border:0.0625rem solid var(--c-border); border-radius:0.75rem; box-shadow:0 0.0625rem 0.125rem rgba(16, 24, 40, 0.05);}
.contact__person + .contact-card {margin-top:1.75rem;}
.contact_information_small_card_container{ display: grid; gap: 1rem;}
.contact-card__title {margin:0 0 0.75rem; font-size:0.9375rem; font-weight:700; line-height:1.4; color:var(--c-navy);}
.contact-card__text {margin:0; font-style:normal; font-size:0.875rem; line-height:1.7;}
.contact-card__list {margin:0; padding:0; list-style:none; font-size:0.875rem; line-height:1.8;}
.contact-card__list strong {color:var(--c-navy);}
.contact-card a {color:inherit; text-decoration:none;}
.contact-card a:hover {text-decoration:underline;}
.inquiry {padding:2rem; background:var(--c-card); border:0.0625rem solid var(--c-border); border-radius:0.75rem; box-shadow:0 0.25rem 1.5rem rgba(16, 24, 40, 0.06);}
.inquiry__title {margin:0; font-size:1.75rem; line-height:1.2; font-weight:700; color:var(--c-navy);}
.inquiry__sub {margin:0.5rem 0 1.5rem; font-size:0.8125rem; color:var(--c-text);}
.form__grid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem 1rem; margin-bottom:1.25rem;}
.field {display:flex; flex-direction:column; gap:0.5rem;}
.field__label {font-size:0.8125rem; font-weight:700; color:var(--c-navy);}
.field__opt {font-weight:400; color:var(--c-muted);}
.field__control {width:100%; height:3rem; padding:0 1rem; font:inherit; font-size:0.875rem; color:var(--c-navy); background:#fff; border:0.0625rem solid var(--c-border); border-radius:0.5rem; transition:border-color 0.15s, box-shadow 0.15s;}
.field__control::placeholder {color:var(--c-muted);}
.field__control:focus {outline:none; border-color:var(--c-navy); box-shadow:0 0 0 0.1875rem rgba(10, 26, 58, 0.12);}
.field__control--area {height:auto; min-height:8.25rem; padding:0.875rem 1rem; resize:vertical;}
.field__error {font-size:0.75rem; color:var(--c-error);}
.form > .field {margin-bottom:1.25rem;}
/* .upload {position:relative; display:flex; align-items:center; gap:0.625rem; padding:1rem 1.25rem; font-size:0.75rem; color:var(--c-text); background:var(--c-bg); border:0.0625rem dashed #cfd4dc; border-radius:0.5rem; cursor:pointer;}
.upload:hover, .upload:focus-within {border-color:var(--c-navy);}
.upload__icon {flex:none; color:var(--c-text);}
.upload__text strong {color:var(--c-navy);}
.upload__status {margin-left:auto; font-size:0.6875rem; color:var(--c-muted);}
.upload__input {position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer;} */
.form__footer {display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-top:1.5rem;}
.btn {display:inline-flex; align-items:center; gap:0.75rem; height:3.25rem; padding:0 1.5rem; font:inherit; font-size:0.9375rem; font-weight:600; color:#fff; background:var(--c-navy); border:0; border-radius:0.5rem; cursor:pointer; transition:background 0.15s, transform 0.15s;}
.btn:hover {background:#12306b;}
.btn:active {transform:translateY(0.0625rem);}
.btn:focus-visible {outline:0.1875rem solid rgba(10, 26, 58, 0.35); outline-offset:0.125rem;}
.form__alt {margin:0; font-size:0.75rem; color:var(--c-text);}
.form__alt a {color:var(--c-navy); font-weight:700; text-decoration:none;}
.form__alt a:hover {text-decoration:underline;}

@media (max-width: 64rem) {
/* .contact__inner {grid-template-columns:1fr; gap:2.5rem;} */
}

@media (max-width: 40rem) {
.contact {padding-block:3rem 4rem; padding-inline:1rem;}
.inquiry {padding:1.25rem;}
.form__grid {grid-template-columns:1fr;}
.contact__title {font-size:1.75rem;}
.inquiry__title {font-size:1.5rem;}
/* .upload {flex-wrap:wrap;}
.upload__status {margin-left:0; width:100%;} */
}


/* other page css */
.other_page_hero_section{background: var(--theme-btn-gradient);}


@media screen and (max-width: 1366px) {
    .container{padding: 0 2rem;}
}
@media screen and (max-width: 1200px) {
    .complete_lab_partner_grid_container, #freewall, .product-listing{grid-template-columns: repeat(2, 1fr);}
    .product_detail_image_container{width: 25rem; }
    .product_detail_content_container{width: calc(100% - 28rem);}
    .product_detail_related_product_grid{grid-template-columns: repeat(3, 1fr);}
    .image_about_hero{width: 28rem;}
    .content_about_hero{width: calc(100% - 30rem);}
    .about_specification_container{gap: 2.438rem;}
}

@media screen and (max-width: 1024px) {
    .index_product_section_main_container .product_list_main_container, .index_blog_card_container{grid-template-columns: repeat(2, 1fr);}
    .about_specification_container .speci_title{font-size: 2rem;}
    .contact__inner{grid-template-columns: 17.5rem minmax(0, 1fr); gap: 3rem;}
}

@media screen and (max-width: 992px) {
.header {flex-direction:column; gap:0.5rem; padding:1rem 0;}
.main_nav_links{flex-direction: column; width: 100%;}
nav {transform: translateY(100px); transition: 1s; opacity: 0; visibility: hidden; max-height: 0; display: flex; flex-direction: column; align-items: start;}
nav.active {transform: translateY(0); opacity: 1; visibility: visible; max-height: 100rem;}
.menu_mobile_icons {display:flex; justify-content:end;}
.main_nav_link_container {padding:1rem 2rem; display:flex; justify-content:space-between;  flex-direction:column;}
.main_nav_links li{padding: 0;}
.main_nav_links li a {width: 100%; display: block;}
.main_nav_links li {padding:1rem 1rem; border-bottom: 1px solid #dadada; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.main_nav_links li.active a {border-bottom: 0;}
.main_nav_links li:last-child {padding:1rem 1rem 0; border-bottom: none;}
.main_nav_links li:first-child {padding:0rem 1rem 1rem; }
.nav_cart_container.window_nav_cart_container {display:none;}
.nav_cart_container.mobile_nav_cart_container {display:flex;}
/* .main_nav_link_container .d-flex.justify-content-between.align-items-center{padding: 1rem 0;} */
.index_hero_swiper .swiper-slide { height: calc(100vh - 257px); }
.mobile_menu_and_btn_container{display: flex; align-items: center; justify-content: space-between;}
#freewall{grid-template-columns: 1fr;}
.product_detail_main_container{flex-direction: column; gap: 1.5rem;}
.product-detail{gap: 2rem;}
.product_detail_image_container{width: 100%; height: auto;  }
.product_detail_content_container{width: 100%;}
.product_detail_related_product_grid, .about_section_capabilities_card_container{grid-template-columns: repeat(2, 1fr);}
.about_section_hero_container{flex-direction: column-reverse; gap: 1.5rem;}
    .image_about_hero{width: 100%;}
    .content_about_hero{width: 100%;}
.contact__inner{grid-template-columns: 1fr; gap: 1rem;}
.contact_information_small_card_container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
}

@media screen and (max-width: 1024px) {
.desc_header_top_menu {display:none;}
}

@media screen and (max-width: 767px) {
html{font-size: 14px !important;}
.top_menu {height:100%; padding:1rem 0;}
.input_search_container{max-width: 25.375rem; width: 100%;}
.top_menu .container {flex-direction:column; gap:0.5rem; justify-content:center; align-items:center;}
.footer_main_link_container .col-sm-3:last-child {margin-bottom:0;}
.footer_main_link_container .col-sm-3 {margin-bottom:25px;}
.footer_main_link_container {padding:15px 0 0;}
.index_hero_swiper .swiper-slide { height: calc(100vh - 270.5px); }
.index_swiper_title{font-size: 2.1rem;}
.about_heading{font-size: 1.9rem;}
.common_heading_section{font-size: 1.6rem;}
.complete_lab_partner_grid_container{grid-template-columns: 1fr;}
.footer_top_icons_container{flex-direction: column; gap: 1rem;}
.common_margin_bottom { margin-bottom: 1.375rem; }
#freewall{grid-template-columns: repeat(2, 1fr);}
.product_menu_categories_list_container{display: none;}
.product_menu_categories_list_container.expand{display: block;}
.side_bar_category_main_heading{margin-bottom: 5px;}
.side_bar_category_main_heading.expand{margin-bottom: 10px;}
.about_specification_container{flex-direction: column; align-items: start;}
.border_line_btw{height: 1px ; width: max(70%, 250px);}
.header_search_input_container { width: 100%; }
.about_paragraph{margin-left: 0;}

}

@media screen and (max-width: 640px) {
.index_product_section_main_container .product_list_main_container, .index_blog_card_container, .product_detail_related_product_grid, .about_section_capabilities_card_container{grid-template-columns: 1fr;}
#freewall{grid-template-columns: 1fr;}
.product_detail_secondary_btn_container{flex-direction: column;}
.product_detail_secondary_btn_container > *{width: 100%;}
.border_line_btw{ width: 100%;}
.contact_information_small_card_container{grid-template-columns: 1fr;}

}
@media screen and (max-width: 445px) {
.product-listing{grid-template-columns: 1fr;}
.about_section_why_us_container{grid-template-columns: 1fr;}
}


.product_menu_item_container {position:relative; flex-direction:column; align-items:flex-start !important; justify-content:flex-start;}
.product_menu_item {display:flex; align-items:center; width:100%; gap: 0.5rem;}
.mega_menu_for_list {display:none; position:absolute; top:4rem; left:50%; transform:translateX(-28%); width:56.25rem; padding:1.5rem; background-color:#fff; border:1px solid #fff; border-radius:0.5rem; box-shadow:0 0 1.25rem #4545457a; grid-template-columns:repeat(3, 1fr); row-gap:1.5rem; column-gap: 2rem; z-index:999999;}
.mega_menu_list_item {font-size:1rem; font-weight:600; border-right:1px solid #dadada;}
.mega_menu_list_item:nth-child(3n) {border-right:none;}
.mega_menu_expand_icon { transform:scale(1.5); transition: 0.3s;}

@media screen and (min-width: 62rem) {
    .product_menu_item_container:hover .mega_menu_expand_icon{rotate: 45deg;}
    .product_menu_item_container:hover .mega_menu_for_list {display:grid;}
}
@media screen and (max-width: 62rem) {
.mega_menu_list_item {border-right:none;}
.mega_menu_for_list {display:none; width:100%; padding:0.5rem 0; font-size:0.9rem; position:relative; top:0; left:0; transform:none; grid-template-columns:1fr; box-shadow:none; background:transparent;}
.mega_menu_expand_icon {display:block;}
.product_menu_item_container .mega_menu_for_list.active {display:flex; flex-direction:column; gap:0rem; padding-left: 0.8rem;  margin-top: 0.5rem;border-radius: 0;}
.mega_menu_expand_icon{transition: 0.3s;}
.mega_menu_expand_icon.active{transform: rotate(45deg) scale(1.5);}
.mega_menu_for_list.active .mega_menu_list_item{padding: 0.8rem 0; border-top: 1px solid #dadada;}
}
@starting-style {
  .box.mega_menu_expand_icon {
    opacity: 0;
    transform: translateY(-20px);
  }
}



/* single blog page */

/* single Blog Page style */
.blog_single_main_container { max-width: 1000px; margin: auto; }
.blog_single_main_container .titlehead2 { color: #000; font-size: 1.8rem; font-weight: 600; }
/* .blog_single_content_container {display: flex; justify-content: space-between;} */
.blog_single_content_container .blog_single_image {width: 100%; height: 100%; max-height: 500px; object-fit: cover; margin: 1rem 0 0.5rem; border-radius: 8px; }
/* .blog_single_content_container .blog_detail_sec{width: calc(100% - 400px); float: left;} */
.blog_single_content_container .features_section{width: 350px; float: right; background: linear-gradient(to bottom, rgba(234, 252, 254, 0.3), #eafcfe); border: 1px solid #dadada; height: fit-content; padding: 1rem 1.5rem; border-radius: 12px; margin-bottom: 1rem; position: sticky; top: calc(var(--header-height) + 1rem);}
.blog_single_content_container .bread-crumbs a.bread-crumbs-active{ color: #000; font-weight: 600;}
.blog_single_content_container .date_author_container{display: flex; justify-content: space-between; align-items: center; margin: 0.8rem 0;}
.blog_single_content_container p{line-height: 1.55; color: #000; font-size: 1rem; margin-bottom: 0.5rem;}
.blog_single_content_container ul{list-style-type: square; margin-top: 1rem; margin-bottom: 0.5rem; color: #000; display: flex; flex-direction: column; gap: 0.2rem; padding-left: 2rem;}
.blog_single_content_container h2{color: #000; font-size: 1.7rem; font-weight: 600; margin: 1rem 0 0.7rem; }
.blog_single_content_container h3{color: #000; font-size: 1.5rem; font-weight: 600; padding: 0.7rem 0 0.5rem; }
.blog_single_content_container h4{color: #000; font-size: 1.4rem; font-weight: 500; margin: 0.5rem 0 0.3rem; }
.blog_single_content_container h5,.blog_single_content_container h6{color: #000; font-size: 1.2rem; font-weight: 500; margin: 0.5rem 0 0.3rem; }
.blog_single_content_container .ftitle{position: relative; color: #000; font-size: 1.3rem; font-weight: 600; margin: 0; padding-right: 2.5rem; }
.blog_single_content_container .faq_lst .fqcont { line-height: 1.55; color: #000; font-size: 1rem; margin: 0; max-height: 0; opacity: 0; visibility: hidden; transition: 0.5s; }
.blog_single_content_container .faq_lst.active .fqcont { margin: 0.5rem 0; max-height: 50rem; opacity: 1; visibility: visible; }
.blog_single_content_container .faq_lst { background-color: transparent; margin: 1rem 0; padding: 1rem 1.5rem; border-radius: 8px; border: 1px solid #dadada; cursor: pointer; transition: 0.3s; }
.blog_single_content_container .faq_lst:hover { border-color: var(--theme-color); }
.blog_single_content_container .faq_lst:hover .ftitle{color: var(--theme-color); }
.blog_single_content_container .faq_lst.active .ftitle{color: var(--theme-color); }
.blog_single_content_container .faq_lst.active { background-color: rgba(111, 181, 255, 0.1); border-color: var(--theme-color); }
.blog_single_content_container .faq_head { background-color: var(--theme-color); padding: 2rem; color: white; display: flex; justify-content: center; align-items: center; text-align: center; }
.blog_single_content_container .faq_lst .ftitle::before { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 15px; height: 2px; background-color: #000; content: ""; }
.blog_single_content_container .faq_lst .ftitle::after { position: absolute; top: 50%; right: 21px; transform: translateY(-50%); width: 2px; height: 15px; background-color: #000; content: ""; transition: 0.5s; }
.blog_single_content_container .faq_lst.active .ftitle::after { scale: 0; }
.blog_single_content_container .faq_lst:hover .ftitle::before {  background-color: var(--theme-color); }
.blog_single_content_container .faq_lst:hover .ftitle::after {  background-color: var(--theme-color); }
.blog_single_content_container .faq_lst.active .ftitle::before {  background-color: var(--theme-color); }
.blog_single_main_container .breadcrumb { display: flex; gap: 0.3rem; align-items: center; font-size: 0.9rem; flex-wrap: wrap; font-weight: 600; }
.blog_single_main_container .breadcrumb .active { font-weight: 400; }
.table_of_section_container{display: flex; flex-direction: column; gap: 0.3rem; margin: 0.5rem 0;}
.categories_heading{font-size: 1.5rem; font-weight: 700; display: flex; justify-content: space-between;}
.table_of_section_container a{font-size: 0.9rem; color: var(--color-text); font-weight: 500;}
.table_of_section_container a:hover{color: var(--theme-color);}

 @media screen and (max-width: 1024px) {
    .blog_single_content_container{padding: 0 2rem;}
    .blog_single_content_container .blog_detail_sec, .blog_single_content_container .features_section{width: 100%; position: initial;}
 }

 @media screen and (max-width: 525px) {
    .features_section .table_of_section_container{opacity: 0; visibility: hidden; margin: 0; max-height: 0; transition: 0.5s; padding: 0; overflow: hidden;}
    .features_section.open .table_of_section_container{opacity: 1; visibility: visible; margin: 0.5rem 0 0; max-height: 20rem; overflow: auto;}
 }