/*
Theme Name: Shivyaa Theme
Theme URI: http://siteurl.com
Description: The Shivyaa Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Shivyaa
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?	font-display=swap&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&font-display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 14px; font-family: "Poppins", serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight:600; }
h1 { font-size: 35px;line-height:44px;color:#072a42; }
h2 { font-size: 30px;line-height:38px;color:#072a42; }
h3 { font-size: 22px; }
h4 { font-size: 18px;color:#072a42; }
h5 { font-size: 14px;color:#bf9b2e;text-transform:uppercase;letter-spacing:2px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

	/* layout */
#layout { width: 100%; position: relative; }
.wrapper { max-width: 1250px; margin: 0 auto; position: relative; padding: 0 10px; }
	
/* header */
#header { padding:0; position: fixed; z-index: 10; background: #fff;float:left;width:100%;box-shadow: 0px 4px 4px 0px #d6d1d0; }
.fixed { padding-top: 200px; }
.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
.logo { float: left;width:15%; }
.logo img{width:120px;display: block;}
	
	/* topBar */
.topBar { overflow: hidden; }
.topBar ul { list-style: none; overflow: hidden; float: right; }
.topBar li { padding-left: 5px; float: left; }
.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.topBar li a:hover img { opacity: 0.8; }

/* menuBar */
.menuBar {float: left;width: 60%;text-align: center;}
.menuBar a.mobilemenu { display: none; }
.menuBar ul { padding: 0px; list-style: none; }
.menuBar li { padding: 24px 11px 24px 15px;position: relative;line-height: 30px;display: inline-block;font-size: 14px; }
.menuBar li a { text-decoration: none; }
.menuBar li a:hover, .menuBar li.active a { color: #333; }
.menuBar ul > li.menu-item-has-children { padding-right: 15px; }
.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
.menuBar li ul { position: absolute;left: 0px;top: 100%;width:250px;background: #fff;border-top: 5px solid #bf9b2e; }
.menuBar li li { padding: 0px; float: none; width:100%; border: 0px; border-bottom: #CCC solid 1px;text-align: left; }
.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
.menuBar li li a {padding: 8px 20px;display: block;color: #000;font-weight: 600; }
.menuBar li li a:hover { color: #eee; }
.menuBar li li ul { left: 100%; top: 0px; }
.menuBar li ul { display: none; }
.menuBar li:hover ul { display: block; }
.menuBar li:hover li ul { display: none; }
.menuBar li:hover li:hover ul { display: block; }
.menuBar a.close { display: none; }


.menuBar li a {position: relative; padding-bottom: 5px;}
.menuBar li a:hover,.menuBar li a:focus,.menuBar li a:active {cursor: pointer;}
.menuBar li a:hover:after,.menuBar li a:focus:after,.menuBar li a:active:after {width: 100%;}
.menuBar li a:after {content: '';position: absolute;left: 0;bottom: -1px;height: 3px;background-color: #bf9b2e;width: 0;transition: width 0.4s;}
.menuBar li a:hover, .menuBar li.current-menu-item a, header .right .sign-sec li a:hover, .menuBar li.active a, .inner-page header .menuBar li.current-menu-item a{color:#bf9b2e !important;}


.call_btn{float:left;width: 25%;padding:20px 0;text-align: right;}
.call_btn a{background: #bf9b2e;color: #fff;padding:6px 15px;display: inline-block;text-decoration: none;border-radius: 5px;border: 1px solid #bf9b2e;}
a.wats{background: #3baa35;border: 1px solid #3baa35;margin-right: 10px;}

span.thm_clr{color: #bf9b2e;}	

.banner_btn{float: left;width: 100%;display: flex;gap: 20px;}
a.prim_btn{background: #bf9b2e;color: #fff;padding: 12px 30px;display: inline-block;text-decoration: none;border-radius: 5px;border: 1px solid #bf9b2e;}
a.sec_btn{background: transparent;color: #bf9b2e;padding: 12px 30px;display: inline-block;text-decoration: none;border-radius: 5px;border: 1px solid #bf9b2e;}

#homeBanner {width: 100%;position: relative;margin-top: 78px;}
#homeBanner .owlslider {margin: 0;padding: 0;}
#homeBanner .owlslider li {position: relative !important;list-style: none;overflow: hidden;}
#homeBanner .owlslider li > img {width: 100%;height: auto;display: block;}
#homeBanner .owlslider li > .wrapper {position: absolute !important;top: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;height: 100% !important;margin: 0 auto !important;z-index: 10 !important;pointer-events: none;}
#homeBanner .banner-content {position: absolute !important;top: 50% !important;left: 0 !important;transform: translateY(-50%) !important;width: 50%;z-index: 20;pointer-events: auto;}
#homeBanner .banner-content h2 {margin: 0 0 15px;color: #fff;}
#homeBanner .banner-content p {margin: 0 0 25px;color: #fff;}
#homeBanner .banner_btn {display: flex;align-items: center;gap: 15px;}


#homeBanner h5 {display: inline-block;color: #fff;border: 1px solid rgba(255, 255, 255, 0.35);background: rgba(255, 255, 255, 0.08);padding: 6px 13px;
border-radius: 20px;letter-spacing: 2px;margin-bottom: 30px;}

#homeBanner .banner_btn a.sec_btn{color: #fff;border: 1px solid #fff;}

.offer-marquee{background:#f7f8fa;color:#0b3c5d;overflow:hidden;white-space:nowrap;width:100%;padding:12px 0;}
.offer-track{display:flex;align-items:center;width:max-content;animation:marqueeLeft 25s linear infinite;}
.offer-item{display:flex;align-items:center;flex-shrink:0;}
.offer-text{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;}
.star{color:#bf9b2e;font-size:18px;margin:0 20px;font-family:'Jost', sans-serif;}

.offer-marquee:hover .offer-track{animation-play-state:paused;}

@keyframes marqueeLeft{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}



.about_section {float: left;width: 100%;padding: 60px 0;box-sizing: border-box;}
.about_section .wrapper {display: flex;align-items: flex-start;gap: 0;}
.about_section .left {width: 50%;padding-right: 60px;box-sizing: border-box;}
.about_section .left img {width: 100%;height: auto;display: block;border-radius: 10px;box-shadow: 0 0 9px #a5a5a5;padding: 10px;margin-top: 50px;}
.about_section .right {width: 50%;box-sizing: border-box;}

.our_policy{float: left;width: 100%;padding: 60px 0;}


.abt_range {width: 100%;display: flex;flex-wrap: wrap;gap: 10px;box-sizing: border-box;margin-bottom: 30px;}
.abt_range .abt_card {background: #f7f8fa;width: calc(50% - 5px);padding: 20px;box-sizing: border-box;border: 1px solid #e6e9ee;border-radius: 5px;}
.abt_card p {margin: 0;padding: 0 0 5px 0;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;}
.abt_card h4 {margin: 0;}




.why_choose{float: left;width: 100%;text-align: center;background: #f7f8fa;padding: 60px 0;}
.choose_inner{ width: 100%;display: flex;flex-wrap: wrap;gap: 10px;box-sizing: border-box;margin-top: 30px;} 
.choose_inner .choose_card{width: calc(33% - 5px);padding: 20px;box-sizing: border-box;border: 1px solid #e6e9ee;border-radius: 5px;text-align: left;background: #fff;}
.choose_inner .choose_card .fa-solid{font-size: 25px;color: #bf9b2e;background: #f1f1f1;border-radius: 5px;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}   



.manufacturer {float: left;width: 100%;text-align: center;background: #f7f8fa;padding: 60px 0;box-sizing: border-box;}
.man_inner {width: 100%;display: flex;flex-wrap: wrap;gap: 10px;box-sizing: border-box;margin-top: 30px;}
.man_inner .man_card {width: calc((100% - 30px) / 4);padding: 20px;box-sizing: border-box;border: 1px solid #e6e9ee;border-radius: 5px;text-align: left;background: #fff;}
.man_inner .man_card .fa-solid{font-size: 25px;color: #bf9b2e;background: #f1f1f1;border-radius: 5px;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}  

.product-grade-section {width: 100%;padding: 60px 0;background: #fff;box-sizing: border-box;float: left;}

.grade-heading {text-align: center;margin-bottom: 35px;}
.grade-heading .small-title {color: #bf9b2e;text-transform: uppercase;margin-bottom: 6px;font-size: 16px;font-weight: 600;letter-spacing: 2px;}
.grade-heading h2 {margin: 0;color: #063b70;}
.grade-heading p {max-width: 650px;margin: 10px auto 0;color: #777;}


/* GRID */

.grade-grid {width: 100%;display: flex;flex-wrap: wrap;gap: 20px;box-sizing: border-box;}
.grade-card {width: calc(50% - 10px);background: #fff;border: 1px solid #dfe4ea;border-radius: 5px;overflow: hidden;box-sizing: border-box;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}


/* IMAGE */

.grade-card-image {width: 100%;height:340px;position: relative;overflow: hidden;}
.grade-card-image img {width: 100%;height: 100%;display: block;object-fit: cover;transition: transform 0.4s ease;}
.grade-card:hover .grade-card-image img {transform: scale(1.03);}



.grade-badge {position: absolute;top: 10px;left: 10px;background: #bf9b2e;color: #fff;padding: 4px 9px;border-radius: 3px;text-transform: uppercase;}
.grade-card-content {padding: 20px;box-sizing: border-box;}
.grade-card-content h3 {margin: 0 0 5px;color: #063b70;}
.grade-card-content .grade-subtitle {margin: 0 0 18px;color: #888;}


.grade-details {display: grid;grid-template-columns: 1fr 1fr;column-gap: 25px;row-gap: 12px;margin-bottom: 20px;}
.grade-detail {display: flex;flex-direction: column;}
.grade-detail span:first-child {color: #888;margin-bottom: 3px;}
.grade-detail span:last-child {color: #333;}
.grade-buttons {display: flex;flex-wrap: wrap;gap: 8px;}
.grade-buttons a {display: inline-block;text-decoration: none;padding: 10px 15px;border-radius: 3px;transition: all 0.3s ease;box-sizing: border-box;}
.grade-btn-primary {background: #bf9b2e;color: #fff;border: 1px solid #bf9b2e;}
.grade-btn-primary:hover {background: #d94d22;border-color: #d94d22;}
.grade-btn-secondary {background: #fff;color: #063b70;border: 1px solid #063b70;}
.grade-btn-secondary:hover {background: #063b70;color: #fff;}


.process_section {width: 100%;padding: 70px 0;background: #f6f9fd;box-sizing: border-box;float: left;}
.process_heading {width: 100%;text-align: center;margin-bottom: 45px;}
.process_label {display: block;color: #bf9b2e;margin-bottom: 10px;color: #bf9b2e;text-transform: uppercase;margin-bottom: 6px;font-size: 16px;font-weight: 600;letter-spacing: 2px;}
.process_heading h2 {margin: 0;color: #063b70;}



/* STEPS */

.process_steps {width: 100%;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}
.process_step {width: 13.5%;min-height: 110px;padding: 16px 10px;background: #fff;border: 1px solid #dce4ee;border-radius: 9px;box-sizing: border-box;text-align: center;box-shadow: 0 3px 8px rgba(0, 45, 90, 0.05);display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;}
.step_number {width: 36px;height: 36px;border-radius: 50%;background: #063b70;color: #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.process_step h4 {margin: 0;color: #063b70;font-size: 16px;min-height: 60px;}
.step_arrow {color: #bf9b2e;line-height: 1;flex-shrink: 0;}
.process_btn {text-align: center;margin-top: 35px;}
.process_btn a {display: inline-block;background: #bf9b2e;color: #fff;text-decoration: none;padding: 13px 22px;border-radius: 7px;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(244, 123, 32, 0.25);}
.process_btn a:hover {background: #e5680c;transform: translateY(-2px);}



.mbm-comparison {width: 100%;padding: 52px 20px 25px;box-sizing: border-box;background: #f7f8fa;float: left;}
.mbm-comparison h5{text-align:center;}
.mbm-comparison-label {margin: 0 0 8px;text-align: center;font-size: 16px;line-height: 24px;font-weight: 700;letter-spacing: 1.2px;color: #f47b20;
  text-transform: uppercase;}

.mbm-comparison-title {margin: 0 auto 21px;max-width: 590px;text-align: center;font-weight: 700;color: #073b5b;}
.mbm-table-box {width: 100%;max-width:1250px;margin: 0 auto;overflow-x: auto;background: #fff;border: 1px solid #dfe4e8;
border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);-webkit-overflow-scrolling: touch;}

.mbm-comparison-table {width: 100%;min-width: 560px;border-collapse: separate;border-spacing: 0;table-layout: fixed;font-size:16px;color: #27445a;}
.mbm-comparison-table thead th {padding: 8px 9px;background: #0b4667;color: #fff;font-size: 16px;line-height:24px;font-weight: 700;text-align: left;}
.mbm-comparison-table thead th:first-child {border-radius: 7px 0 0 0;}
.mbm-comparison-table thead th:last-child {border-radius: 0 7px 0 0;}

.mbm-comparison-table th:nth-child(1),
.mbm-comparison-table td:nth-child(1) {width: 29%;}
.mbm-comparison-table th:nth-child(2),
.mbm-comparison-table td:nth-child(2) {width: 42%;}
.mbm-comparison-table th:nth-child(3),
.mbm-comparison-table td:nth-child(3) {width: 29%;}
.mbm-comparison-table tbody td {padding: 8px 9px;height: 27px;box-sizing: border-box;border-bottom: 1px solid #dfe4e8;vertical-align: middle;background: #fff;}
.mbm-comparison-table tbody td:first-child {font-weight: 600;color: #16415e;}
.mbm-comparison-table tbody tr:last-child td {border-bottom: 0;}
.mbm-included {color: #36a852;font-weight: 500;}
.mbm-check {margin-right: 3px;font-size: 8px;font-weight: 700;}
.mbm-muted {color: #687b89;}


.testimonial{float:left;width:100%;padding:60px 0;}
.testimonial h5{text-align:center;}
.testimonial h2{text-align:center;margin-bottom:30px;}
.testimonial .item{border:1px solid #dfe4e8;padding:20px;border-radius:10px;}
.testimonial .item p{min-height:120px;border-bottom: 1px solid #dfe4e8;}
.testimonial .item h4{margin-top:10px;}
.testimonial .item h6{font-size:14px;font-weight:400;}


.testimonial .item .fa-solid{color: #F5B301;font-size:10px;margin-bottom:10px;}

.custom_brand{float: left;width: 100%;padding: 60px 0;background: #0b3c5d;}
.custom_brand .left{float: left;width: 50%;padding-top: 60px;}

.custom_brand .left a.sec_btn{background: transparent;color: #fff;border: 1px solid #fff;}
.custom_brand .left h5{display: inline-block;color: #fff;border: 1px solid rgba(255, 255, 255, 0.35);background: rgba(255, 255, 255, 0.08);padding: 6px 13px;border-radius: 20px;letter-spacing: 2px;margin-bottom: 16px;}
.custom_brand .left h2{color: #fff;}
.custom_brand .left p{color: #fff;}
.custom_brand .left ul li{color: #fff;}


.custom_brand .left ul li{float: left;width: 50%;padding-right: 10px;margin:0 0 5px 0;}
.custom_brand .right{float: left;width: 50%;padding-left: 30px;}
.custom_brand .right img{width: 48%;padding: 0;float: left;border-radius: 10px;margin: 1%;}
.custom_brand .banner_btn{margin-top: 30px;}


.counter_section {width: 100%;float: left;padding: 60px 0;background: #f6f9fd;box-sizing: border-box;}
.counter_heading {width: 100%;text-align: center;margin-bottom: 40px;}
.counter_heading span {display: block;color: #bf9b2e;margin-bottom: 10px;text-transform: uppercase;margin-bottom: 6px;font-size: 16px;font-weight: 600;letter-spacing: 2px;}
.counter_heading h2 {margin: 0;color: #063b70;}
.counter_grid {width: 100%;display: flex;gap: 13px;box-sizing: border-box;flex-wrap: wrap;}

.counter_card {
    width: calc((100% - 52px) / 5);
    min-height: 100px;
    padding: 18px 10px;
    background: #fff;
    border: 1px solid #dce4ee;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px rgba(0, 45, 90, 0.04);
}
.counter_number {color: #063b70;margin-bottom: 6px;font-size: 40px;font-weight: 600}
.counter_number .counter {display: inline-block;}
.counter_card p {margin: 0;text-transform: uppercase;letter-spacing: 1px;}



.industries_section {width: 100%;float: left;padding: 60px 0;box-sizing: border-box;}
.industries_heading {width: 100%;text-align: center;margin-bottom: 35px;}
.industries_heading span {display: block;color: #bf9b2e;text-transform: uppercase;margin-bottom: 6px;font-size: 16px;font-weight: 600;letter-spacing: 2px;}
.industries_heading h2 {margin: 0;color: #063b70;}
.industries_grid {width: 100%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
.industry_card {width: 100%;min-height: 47px;padding: 0 16px;background: #fff;border: 1px solid #dce4ee;border-radius: 8px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;text-decoration: none;color: #063b70;transition: all 0.3s ease;font-weight: 600;}
.industry_card b {color: #bf9b2e;font-weight: normal;transition: transform 0.3s ease;}
.industry_card:hover {border-color: #bf9b2e;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 45, 90, 0.06);}
.industry_card:hover b {transform: translateX(4px);}


.faq_section {width: 100%;float: left;padding: 60px 0;background: #f6f9fd;box-sizing: border-box;}
.faq_inner {width: 100%;display: grid;grid-template-columns: 1fr 1.65fr;gap: 70px;align-items: start;}
.faq_left {padding-top: 5px;}
.faq_label {display: block;color: #bf9b2e;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 6px;font-size: 16px;font-weight: 600;}
.faq_left h2 {margin: 0 0 12px;color: #063b70;}
.faq_left p {margin: 0 0 18px;color: #777;max-width: 300px;}
.faq_btn {display: inline-block;background: #bf9b2e;color: #fff;text-decoration: none;padding: 11px 18px;border-radius: 5px;transition: all 0.3s ease;box-shadow: 0 5px 12px rgba(244, 123, 32, 0.2);}
.faq_btn:hover {background: #e5680c;transform: translateY(-2px);}
.faq_right {width: 100%;border: 1px solid #dce4ee;border-radius: 8px;overflow: hidden;background: #fff;}
.faq_item {width: 100%;border-bottom: 1px solid #dce4ee;}
.faq_item:last-child {border-bottom: none;}
.faq_question {width: 100%;min-height: 46px;padding: 12px;border: 0;background: #fff;color: #063b70;display: flex;align-items: center;justify-content: space-between;text-align: left;cursor: pointer;box-sizing: border-box;font-family: "Poppins", serif;font-size: 16px;font-weight: 600;}
.faq_question i {width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;background: #fff4ed;color: #bf9b2e;border-radius: 3px;font-style: normal;flex-shrink: 0;transition: transform 0.3s ease;}
.faq_answer {max-height: 0;overflow: hidden;transition: max-height 0.35s ease;background: #fff;}
.faq_answer p {margin: 0;padding: 0 12px 15px;color: #777;}
.faq_item.active .faq_question i {transform: rotate(45deg);}
.faq_item.active .faq_answer {max-height: 200px;}



.cta_section {width: 100%;float: left;padding: 60px 0;box-sizing: border-box;}
.cta_inner {width: 100%;min-height: 288px;padding: 60px 65px;box-sizing: border-box;background: linear-gradient(100deg,#0d5264 0%,#0b4260 45%,#103e5a 100%);border-radius: 24px;display: flex;align-items: center;justify-content: space-between;gap: 50px;overflow: hidden;}
.cta_content {flex: 1;}
.cta_label {display: inline-block;color: #fff;border: 1px solid rgba(255,255,255,0.35);background: rgba(255,255,255,0.08);padding: 6px 13px;border-radius: 20px;letter-spacing: 2px;margin-bottom: 16px;}
.cta_content h2 {margin: 0 0 14px;color: #fff;}
.cta_content p {margin: 0;color: #fff;}
.cta_buttons {width: 270px;flex-shrink: 0;display: flex;flex-direction: column;gap: 12px;}
.cta_buttons a {width: 100%;min-height: 52px;padding: 14px 20px;box-sizing: border-box;border-radius: 8px;display: flex;align-items: center;justify-content: center;text-decoration: none;text-align: center;transition: all 0.3s ease;}


/* PRIMARY */

.cta_primary {background: #bf9b2e;color: #fff;border: 1px solid #bf9b2e;box-shadow: 0 5px 15px rgba(244, 123, 32, 0.25);}
.cta_primary:hover {background: #e5680c;border-color: #e5680c;transform: translateY(-2px);}
.cta_secondary {background: transparent;color: #fff;border: 1px solid rgba(255,255,255,0.6);}
.cta_secondary:hover {background: #fff;color: #063b70;border-color: #fff;transform: translateY(-2px);}




.contact_section {width: 100%;float: left;padding: 60px 0;background: #f6f9fd;box-sizing: border-box;font-family: 'Poppins', sans-serif !important;}
.contact_section * {font-family: 'Poppins', sans-serif !important;box-sizing: border-box;}
.contact_inner {width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 35px;align-items: start;}
.contact_left {width: 100%;}
.contact_label {display: block;color: #bf9b2e;letter-spacing: 2px;margin-bottom: 8px;text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 2px;}
.contact_left h2 {margin: 0 0 12px;color: #063b70;}
.contact_left > p {margin: 0 0 18px;color: #777;max-width: 520px;}
.contact_info {width: 100%;display: flex;flex-direction: column;gap: 7px;margin-bottom: 12px;}
.contact_info_box {width: 100%;padding: 10px 12px;background: #fff;border: 1px solid #dce4ee;border-radius: 4px;}
.contact_info_box span {display: block;color: #777;letter-spacing: 1px;margin-bottom: 3px;}
.contact_info_box p {margin: 0;color: #063b70;}
.contact_map {width: 100%;height: 180px;overflow: hidden;border: 1px solid #dce4ee;border-radius: 5px;}
.contact_map iframe {width: 100%;height: 100%;display: block;border: 0;}
.contact_form {width: 100%;padding: 18px;background: #fff;border: 1px solid #dce4ee;border-radius: 7px;}
.contact_form h3 {margin: 0 0 3px;color: #063b70;}
.contact_form .form_note {margin: 0 0 15px;color: #777;}
.contact_form .wpcf7 {width: 100%;}
.contact_form .wpcf7 form {width: 100%;margin: 0;padding: 0;display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;row-gap: 0;}
.contact_form .field {width: 100%;margin: 0 0 10px;padding: 0;}
.contact_form .field.full {width: 100%;grid-column: 1 / -1;}
.contact_form .field label {display: block;width: 100%;margin: 0;padding: 0;color: #063b70;}
.contact_form .wpcf7-form-control-wrap {display: block;width: 100%;margin: 0;}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form select,
.contact_form textarea {width: 100%;display: block;margin-top: 5px;padding: 8px 10px;border: 1px solid #d6e0eb;border-radius: 3px;background: #fff;color: #063b70;outline: none;font-family: 'Poppins', sans-serif !important;box-sizing: border-box;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
.contact_form input::placeholder,
.contact_form textarea::placeholder {font-family: 'Poppins', sans-serif !important;color: #a4aab2;opacity: 1;}
.contact_form select {height: 45px;cursor: pointer;appearance: auto;}
.contact_form .field.full textarea {width: 100%;min-height: 80px;display: block;resize: vertical;}
.contact_form input[type="text"]:focus,
.contact_form input[type="email"]:focus,
.contact_form input[type="tel"]:focus,
.contact_form select:focus,
.contact_form textarea:focus {border-color: #bf9b2e;box-shadow: 0 0 0 2px rgba(241, 93, 47, 0.08);}
.contact_form .field:last-child {width: 100%;grid-column: 1 / -1;margin-bottom: 0;}
.contact_form input[type="submit"],
.contact_form .wpcf7-submit {width: 100%;display: block;padding: 10px 15px;margin: 0;border: 1px solid #bf9b2e;border-radius: 4px;background: #bf9b2e;color: #fff;cursor: pointer;font-family: 'Poppins', sans-serif !important;transition: all 0.3s ease;}
.contact_form input[type="submit"]:hover,
.contact_form .wpcf7-submit:hover {background: #d94d22;border-color: #d94d22;}
.contact_form .wpcf7-not-valid {border-color: #e53935 !important;}
.contact_form .wpcf7-not-valid-tip {display: block;margin-top: 3px;color: #e53935;font-family: 'Poppins', sans-serif !important;}
.contact_form .wpcf7-response-output {margin: 10px 0 0 !important;padding: 8px 10px !important;border-radius: 4px;font-family: 'Poppins', sans-serif !important;}


/*Inner pages css*/

.service-inner-page{float: left;width: 100%;}
.bannerInner{float: left;width:100%;padding:100px 0px;background: #072a42;margin-top: 78px;}
.bannerInner .inner_width{max-width: 750px;}
.bannerInner h1{color: #fff;margin:10px 0;}
.bannerInner p{color: #fff;}



.top-footer{float: left;width: 100%;padding: 30px 0px 30px 0;background: #072a42;}
.top-footer .ft-card{float: left;width:25%;padding: 10px;position:relative;}
.top-footer .ft-card h3{color: #fff;font-size: 20px;padding-bottom: 10px;}
.top-footer .ft-card h3::after {content: '';text-decoration: none;background-color: #fff;position: absolute;display: block;width: 60px;height: 2px;right: 0;left: 11px;margin-top: 1px;}
.top-footer .ft-card ul{padding: 0;}
.top-footer .ft-card p{color: #000;font-size: 14px;}
.top-footer .ft-card ul li{list-style: none;line-height: 30px;color: #fff;}
.top-footer .ft-card ul li a{color: #fff;text-decoration: none;font-size: 14px;font-weight: 500; display: inline-block;transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);}
.top-footer .ft-card ul li a:hover {color: #bf9b2e;transform: translateX(10px);}
.top-footer .fa-brands, .fab {font-weight: 400;font-size: 30px;padding-right: 15px;}
.top-footer i.fa{color: #bf9b2e;}


.floating-icons {position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 12px;z-index: 9999;}
.floating-icons a img {width: 40px;height: 40px;border-radius: 50%;box-shadow: 0 4px 10px #0000004d;transition: transform .2s ease;}
.floating-icons a img:hover {transform: scale(1.1);}

.copy{float: left;width: 100%;padding: 0;background: #072a42;border-top: 1px solid #f1f1f1;}
.copy p{padding: 10px 0;text-align: center;color: #fff;font-size: 13px;font-weight: 400;}
	
	
	/* content */
	#content { overflow: hidden; width: 100%; }
	
	/* left side*/
	#lefttPart { float: left; width: 60%; }
	
		/* copy bar */
		.copyBar { width: 320px; }
	
	
	/* right side */
	#rightPart { float: right; width: 36%; }
	
		/* sideBar */
		.sideBar .widget { margin-bottom: 20px; }
		.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
		.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
		.sideBar li:first-child { border: 0px; }
		.sideBar li a { text-decoration: none; }
		.sideBar h3 { padding-bottom: 15px; }

		/* footer */
	
		footer p { text-align: center;   }
	
	/* fullPart */
 	#fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
		/* footer */
		#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
		#footer p { float: left; }
		#footer span { float: right; }


/* Responsive Css Start */		


@media only screen and (max-width: 1120px) {

.wrapper{max-width: 97%;}
.abt_card h4{font-size: 16px;}


}



@media only screen and (max-width: 1020px) {

.product-grade-section {padding: 50px 0;}
.grade-heading h2 {font-size: 25px;}
.grade-card-image {height: 220px;}
.grade-card-content {padding: 18px;}
	
	
}
		
@media only screen and (max-width: 767px) {
	
	#header { padding-top: 0; }
	#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width:auto; display: block; text-decoration: none; font-weight: bold; position: absolute; right: 0px; top: 20px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size:0px;  }
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #bf9b2e; }
	#header a.mobilemenu:after { top: auto; bottom: 10px; }
	#header a.mobilemenu span { top: 18px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888; display: none;}
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	
	.menuBar { padding: 0px; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px; }
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	
	#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
	#rightPart { width: 100%; float: left; }

	.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
	.topBar ul li { display: inline; float: none; }
	
	#footer { text-align: center; }
	#footer p, #footer span { float: none; }



.logo{width: 20%;}
.call_btn{width: 60%;text-align: center;}

#homeBanner .owlslider li {height: 400px;}
#homeBanner .owlslider li > img {width: 100%;height: 400px;object-fit: cover;}

.about_section .wrapper{display: block;}
.about_section .left{width: 100%;padding-right: 0;}
.about_section .right{width: 100%;padding-top: 30px;}
.man_inner .man_card{width: calc((100% - 30px) / 3);}
.process_step h4{font-size: 12px;}
.about_section .left img{margin-top: 0;}

.custom_brand .left{width: 100%;padding-top: 0;}
.custom_brand .right{width: 100%;padding-left: 0;padding-top: 30px;}
.custom_brand .right img{width: 48%;margin: 0 10px 0 0;}
.counter_number{font-size: 20px;}
.cta_content h2{font-size: 22px;line-height: 30px;}
.top-footer .ft-card{width: 50%;margin-bottom: 20px;}



#homeBanner .banner-content {width: 80%;top: 50% !important;}
#homeBanner .banner-content h2 {font-size: 26px;}
#homeBanner .banner-content p {font-size: 13px;}
#homeBanner .banner_btn {gap: 10px;}
.offer-marquee{padding:10px 0;}
.offer-text{font-size:12px;letter-spacing:.5px;}
.star{margin:0 12px;}
.product-grade-section {padding: 40px 0;}
.product-grade-section .wrapper {width: 100%;max-width: 92%;}
.grade-heading {margin-bottom: 25px;}
.grade-heading .small-title {font-size: 8px;}
.grade-heading h2 {font-size: 22px;line-height: 1.2;}
.grade-heading p {font-size: 11px;line-height: 1.5;}
.grade-grid {gap: 15px;}
.grade-card {width: 100%;}
.grade-card-image {height: auto;}
.grade-card-content {padding: 16px;}
.grade-card-content h3 {font-size: 17px;}
.grade-card-content .grade-subtitle {font-size: 16px;}
.grade-details {column-gap: 15px;row-gap: 10px;}
.grade-detail span:first-child {font-size: 16px;}
.grade-detail span:last-child {font-size: 16px;}
.grade-buttons {width: 100%;}
.grade-buttons a {font-size: 14px;padding: 9px 12px;}
.contact_inner {grid-template-columns: 1fr;gap: 25px;}
.contact_form .wpcf7 form {grid-template-columns: 1fr;}
.contact_form .field,
.contact_form .field.full,
.contact_form .field:last-child {grid-column: 1 / -1;}
.contact_map {height: 220px;}

 
  
    .counter_card {
        width: calc(50% - 6.5px);
    }

    /* 5th card center */
    .counter_card:nth-child(5):last-child {
        margin-left: auto;
        margin-right: auto;
    }

    




 .mbm-comparison {
    padding: 40px 12px 25px;
  }

  .mbm-table-box {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .mbm-comparison-table {
    width: 900px;
    min-width: 900px;
    table-layout: fixed;
    font-size: 15px;
  }

  .mbm-comparison-table thead th {
    padding: 10px 12px;
    font-size: 15px;
    line-height: 20px;
    white-space: normal;
  }

  .mbm-comparison-table tbody td {
    padding: 10px 12px;
    height: 42px;
    font-size: 15px;
    line-height: 20px;
  }

  .mbm-comparison-table th:nth-child(1),
  .mbm-comparison-table td:nth-child(1) {
    width: 260px;
  }

  .mbm-comparison-table th:nth-child(2),
  .mbm-comparison-table td:nth-child(2) {
    width: 350px;
  }

  .mbm-comparison-table th:nth-child(3),
  .mbm-comparison-table td:nth-child(3) {
    width: 290px;
  }

  .mbm-check {
    font-size: 13px;
    margin-right: 4px;
  }

  .mbm-included {
    font-size: 15px;
  }
	
		
}


 
@media only screen and (min-width: 768px) {
	
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }




	
}


@media only screen and (max-width: 639px) {
	
	#homeBanner a.flex-prev, #homeBanner a.flex-next { display: none; }
	
}


@media only screen and (max-width: 600px) {

h2{font-size: 25px;line-height: 34px;}
.call_btn{display:none;}
.logo{width: 50%;padding: 5px 0;}
.product-grade-section {padding: 35px 0;}
.grade-heading h2 {font-size: 20px;}
.grade-heading p {font-size: 10px;}
.grade-card-image {height: 190px;}
.grade-card-content {padding: 14px;}
.grade-details {grid-template-columns: 1fr 1fr;gap: 10px;}
.grade-buttons {flex-direction: column;}
.grade-buttons a {width: 100%;text-align: center;}
#homeBanner .banner-content{width: 100%;}
#homeBanner .banner-content h2{font-size: 20px;line-height: 28px;}
a.sec_btn{padding:8px 20px;font-size: 12px;}
a.prim_btn{padding:8px 20px;font-size: 12px;}
.abt_range .abt_card{width: calc(100% - 5px);}
.choose_inner .choose_card{width: calc(100% - 5px);}
.man_inner .man_card{width: calc((100% - 0px) / 1);}
.grade-detail span:last-child{font-size: 12px;}
.top-footer .ft-card{width: 100%;}

.bannerInner{padding: 60px 0px;}
.bannerInner h1{font-size: 25px;line-height: 34px;}
.logo img{width: 100px;padding: 10px 0;}

a.prim_btn{padding: 8px 10px;}
.custom_brand .right img{width: 100%;margin: 0 0 10px 0;}
.custom_brand .left ul li{width: 100%;}
.industries_grid{grid-template-columns: repeat(1, 1fr);}

.process_steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;}
    
 .process_step {
    width: calc(50% - 8px);
  } 

    .process_step h4 {
        font-size: 14px;
        min-height: auto;
        line-height: 1.4;
    }

    .step_number {
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
        flex-shrink: 0;
    }

    .step_arrow {
        display: none;
    }

    .process_btn {
        margin-top: 25px;
    }

    .process_btn a {
        padding: 12px 20px;
        font-size: 14px;
    }



    .counter_section {
        padding: 40px 0;
    }

    .counter_heading {
        margin-bottom: 25px;
    }

    .counter_heading span {
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    .counter_heading h2 {
        font-size: 26px;
        line-height: 1.3;
    }


    
    
    

    .counter_number {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .counter_card p {
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: 0.7px;
    }



        .faq_section {
        padding: 40px 0;
    }

    .faq_inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .faq_left {
        padding-top: 0;
    }

    .faq_label {
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    .faq_left h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .faq_left p {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .faq_btn {
        padding: 10px 16px;
        font-size: 14px;
    }

    .faq_question {
        min-height: 50px;
        padding: 12px 10px;
        font-size: 14px;
        line-height: 1.4;
        gap: 10px;
    }

    .faq_question i {
        width: 15px;
        height: 15px;
        font-size: 12px;
    }

    .faq_answer p {
        padding: 0 10px 14px;
        font-size: 13px;
        line-height: 1.6;
    }



    .cta_section {
        padding: 40px 0;
    }

    .cta_inner {
        min-height: auto;
        padding: 35px 20px;
        border-radius: 16px;
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
    }

    .cta_content {
        width: 100%;
        text-align: center;
    }

    .cta_label {
        font-size: 12px;
        letter-spacing: 1.5px;
        padding: 5px 11px;
        margin-bottom: 12px;
    }

    .cta_content h2 {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .cta_content p {
        font-size: 14px;
        line-height: 1.6;
    }

    .cta_buttons {
        width: 100%;
        gap: 10px;
    }

    .cta_buttons a {
        width: 100%;
        min-height: 48px;
        padding: 12px 15px;
        font-size: 14px;
    }
    
    
    
    
    
    
    /*table*/
    
      .mbm-comparison {
    padding: 35px 10px 20px;
  }

  .mbm-table-box {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .mbm-comparison-table {
    width: 850px;
    min-width: 850px;
    font-size: 14px;
  }

  .mbm-comparison-table thead th {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 19px;
  }

  .mbm-comparison-table tbody td {
    padding: 10px 12px;
    font-size: 14px;
    line-height: 19px;
    height: 42px;
  }

  .mbm-comparison-table th:nth-child(1),
  .mbm-comparison-table td:nth-child(1) {
    width: 240px;
  }

  .mbm-comparison-table th:nth-child(2),
  .mbm-comparison-table td:nth-child(2) {
    width: 330px;
  }

  .mbm-comparison-table th:nth-child(3),
  .mbm-comparison-table td:nth-child(3) {
    width: 280px;
  }

  .mbm-check {
    font-size: 12px;
  }

  .mbm-included {
    font-size: 14px;
  }
    
    
    
    
 
}