@charset "utf-8";

/* CSS Document */

body {padding:0px;margin:0px;background-color: #fff;font-size:16px;color:#303030;line-height:20px;font-family: 'Graphik-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #303030; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#303030;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a{ color: #303030; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1290px; margin:auto; padding:0px;}

header {float: left;width: 100%;position: relative;z-index: 99;padding: 0px;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.05);}
.head-out { float: left; width: 100%;}
.top-sec {float: left;width: 100%;padding: 8px 0px;}
.top-sec-inn { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.top-lft { float: left;}
.top-sec p{font-size: 14px;line-height: 18px; color: rgba(255,255,255,90%); float: left;  font-family: 'interregular'; display: flex; column-gap: 8px; align-items: center;}
.top-sec p span{font-family: 'interregular'; color: #FFFFFF;}
.top-sec p a{color: rgba(255,255,255,90%); font-family: 'intermedium'; transition:all .5s ease;}
.top-sec p a:hover{text-decoration: underline;}
.top-rht { float: right; display: flex; align-items: center; justify-content: right; column-gap: 35px;}
.btm-sec {float: left;width: 100%;padding: 0px;background: #fff;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3; }
.btm-sec-inn { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.left-view{display: flex;flex-wrap: wrap;align-items: center;column-gap:50px;}
.logo { float: left; width:80px;}
.logo a img { float: left; width: 100%;}
.quote{width: auto; float: right;}
.quote ul{width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 36px; row-gap: 0;}
.quote ul li{flex: 0 1 auto;}
.quote ul li a{font-size: 15px; line-height: 19px; color: #2F2F2F; font-family: 'intermedium'; transition:all .5s ease;}
.quote ul li.cart{position: relative;}
.quote ul li.cart:after{position: absolute; content: ""; right: -20px; top: 50%; transform: translateY(-50%); background: #2F2F2F; width: 1px; height: 24px;} 
.quote ul li.cart a{ border: 1px solid #2F2F2F; border-radius: 25px; padding: 12px 20px; display: flex; column-gap: 10px;align-items: center; transition:all .5s ease;}
.quote ul li.cart a span{background:url(../images/icon-cart.svg) no-repeat; width: 21px;height: 20px;}
.quote ul li.loc{display: flex; column-gap: 20px; align-items: center;}
.quote ul li.loc a.map span{width: 45px; height: 45px; border-radius: 25px; display: flex;align-items: center;justify-content: center; background: #ECF0FA url(../images/icon-location.svg) no-repeat center; transition:all .5s ease;}
.quote ul li.loc a.map:hover span{background: #2F82C5 url(../images/icon-location-h.svg) no-repeat center;}
.quote ul li a.link:hover{color: #2F82C5;}
.quote ul li.loc a .fa{font-size: 28px;}
.quote ul li.cart a:hover{background: #2F82C5; color: #fff; border: 1px solid #2F82C5;}
.quote ul li.cart a:hover span{background:url(../images/icon-cart-h.svg) no-repeat; width: 21px;height: 20px;}

.location-link{position: relative;width: 100%;float: left;}
.location-link a {display: inline-block; outline: none; text-decoration: none;font-family: 'Graphik-Regular';font-size: 16px;text-align: center;color: #000;padding: 2px 13px 2px 30px;
background: url(../images/ico-2.svg) no-repeat left center; }


/*****menu css*******/
.megamenu-sec { float: left; width: auto; }
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 0px; flex-wrap: wrap;}
.megamenu-sec ul li {display: inline-block;margin-right: 0;padding: 5px 0px;}
.megamenu-sec ul li a {display: flex;align-items: center;position: relative;padding: 15px 18px;display: inline-block;text-decoration: none;border-radius: 26px 26px 0px 26px;transition:all .5s ease;font-family: 'Graphik-Medium';font-size: 16px;text-align: center;color: #000;}
.megamenu-sec ul li a i { font-size: 20px; line-height: 0; margin-left: 2px; transform: translateY(2px); transition: 0.4s; position: relative; top: 2px; }
.megamenu-sec ul li ul.submenu { position: absolute; background-color: #fff; padding: 25px 30px; width: 300px; transition: 0.3s; top: 110%; opacity: 0; visibility: hidden; display: block; box-shadow: 3px 10px 30px rgba(0,0,0,0.1);
border-radius: 0px 0px 0px 15px;}
.megamenu-sec ul li ul.submenu li {margin-bottom: 12px;display: block;padding: 0px 0px;text-align: left;}
.megamenu-sec ul li ul.submenu li:last-child{ margin-bottom: 0px; }
.megamenu-sec ul li ul.submenu li a {line-height: 22px;transition: all 0.4s ease;font-size: 15px;color: #333;display: block;padding: 0 0 0 16px;text-transform: none;font-family: var(--tg-ff-p);text-align: left;}
.megamenu-sec ul li ul.submenu li a::before { transition: all 0.4s ease; position: absolute; left: 0; top: 0; content: "\f0da"; font-family: "FontAwesome"; color: #212121; font-size: 15px; transition: all 0.4s ease; }
.megamenu-sec ul li ul.submenu li a:hover {color: #81b61a;}
.megamenu-sec ul li ul.submenu li a:hover::before  { color: #81b61a;}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%; }
.megamenu-sec ul li.has-mega-menu ul.submenu { width: 100%; left: 0; max-width: 1170px;padding: 0px; right: 0; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap:2%; 
max-height: 500px; overflow-y: auto; z-index: 999;}
/* Works on Firefox */
.megamenu-sec ul li.has-mega-menu ul.submenu { scrollbar-width: thin; scrollbar-color: #2f82c5 #d9e6ca; }
/* Works on Chrome, Edge, and Safari */
.megamenu-sec ul li.has-mega-menu ul.submenu::-webkit-scrollbar { width: 10px;opacity: 0;}
.megamenu-sec ul li.has-mega-menu ul.submenu::-webkit-scrollbar-track { background: #d9e6ca;}
.megamenu-sec ul li.has-mega-menu ul.submenu::-webkit-scrollbar-thumb { background-color: #2f82c5; border-radius: 0px; border: 2px solid #2f82c5;}
.megamenu-sec ul li.has-mega-menu ul.submenu li { flex: 1 1 60%; display: flex; flex-wrap: wrap; column-gap: 10%; padding: 30px 30px; height: 100%;margin-bottom: 0px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li:last-child { flex: 1 1 35%; background: #f5f5f5;}
.megamenu-sec ul li.has-mega-menu ul.submenu li h3 { flex: 1 1 100%; color: var(--txt-green); font-size: 22px; line-height: 24px; margin-bottom: 20px; font-family: var(--ff-title-bold);}
.megamenu-sec ul li.has-mega-menu ul.submenu li h5 { color: var(--txt-black); font-size: 17px; line-height: 20px; margin-bottom: 18px; font-family: var(--ff-title-medium);}
.megamenu-sec ul li.has-mega-menu ul.submenu li div { flex: 1 1 45%;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div:first-child { flex: 0 1 100%;}
.megamenu-sec ul li.has-mega-menu ul.submenu li:last-child div{ flex: 1 1 100%;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul { margin-bottom: 25px;} 
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li { flex: 1 1 100%; margin-bottom: 10px; padding: 0px 0px; background: none !important;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li:last-child{ margin-bottom: 0px;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li a { padding-left: 16px; font-size: 14px; color: #333; transition: all 0.4s ease;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li a::before { position: absolute; left: 0; top: 0; content: "\f0da"; font-family: "FontAwesome"; color: var(--txt-dark-blue); font-size: 15px; transition: all 0.4s ease; }
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li a:hover { color: #2f82c5;}
.megamenu-sec ul li.has-mega-menu ul.submenu li div ul li a:hover::before { color: #2f82c5; }
.megamenu-sec ul li a.active {/* background: #2f82c5; */color: #000;} 
.megamenu-sec ul li a:hover {color: #83b81a;}
 

/*Menu End*/
.is-sticky .top-sec { display: none;}
.is-sticky .btm-sec{background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);-o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.is-sticky .btm-sec .logo { width: 220px; }

/* scroll top css */
#sc-button {display: none;position: fixed;right:18px;bottom: 90px;z-index: 999;width: 45px;height: 45px;background: #fff;border: 1px solid #83b81a;background: #83b81a;border-radius: 100px;transition:all .5s ease;}
#sc-button:hover{background: #0066cc;border: 1px solid #0066cc;}
#sc-button i{ color: #fff; font-size: 28px; position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
#sc-button.show { display: block;}
#sc-button:hover i { color: #fff;}
.home-banner {float: left;width: 100%;position: relative;padding-top: 22px; overflow: hidden;}

/* footer */
footer {float: left;width: 100%;background: #f5f5f5;}
.foot-inner{width: 100%; float: left; padding: 0 45px;}
.foot-top {width: 100%;float: left;display: flex;align-items: center;justify-content: space-between; border-bottom: 1px solid rgba(33,33,33,10%); padding-bottom: 35px; margin-bottom: 50px;}
.toll-free{width: auto; float: left; background: #f8f9fa; padding: 15px 20px; border-radius: 26px;}
.toll-free p{font-size: 16px;line-height: 20px; font-family: 'interbold'; color: #212121; display: flex; align-items: center;}
.toll-free p a{font-size: 16px;line-height: 20px; font-family: 'interbold'; color: #212121; transition:all .5s ease;}
.toll-free p a:hover{color: #2f82c5;}
.toll-free p span{margin-right: 5px; color: #000; font-size: 19px;}
.foot-social{width: auto; float: right;}
.foot-social ul{width: auto; float: right; display: flex; align-items: center; column-gap: 10px;}
.foot-social li { flex: 0 1 auto; font-size: 16px;line-height: 20px; color: #fff; font-family: 'interbold';}
.foot-social li a { color: #fff;font-size: 14px;transition: all .5s ease;width: 35px;height: 35px;display: flex; background: transparent linear-gradient(180deg, #1A191F 0%, #4A4D5D 100%) 0% 0% no-repeat; border: 1px solid #333440;border-radius: 100px;align-items: center;justify-content: center;line-height: 28px;}
.foot-social li a:hover { background: #2f82c5; color:#fff; border: 1px solid #2f82c5;}
.foot-mid{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 0; padding-bottom: 50px;}
.mid-lft{flex: 0 1 100%;}
.mid-lft ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 50px;}
.mid-lft ul li{flex: 0 1 31%;border-right: 1px solid #E5E5E5;}
.mid-lft ul li h5{width: 100%;float: left;color: #212121;font-size: 16px;line-height: 20px;text-transform: uppercase;font-family: 'Graphik-Medium'; transition: all .5s ease;}
.mid-lft ul li ul{width: 100%;float: left;display: flex;flex-wrap: wrap;column-gap: 0;row-gap: 10px;}
.mid-lft ul li ul li{flex: 0 1 100%;}
.mid-lft ul li ul li a{width: auto;float: left;color: #212121;transition:all .5s ease;font-family: 'Graphik-Regular';font-size: 15px;text-align: left;color: #212121;padding-left: 15px;}
.mid-lft ul li ul li a:hover{color: #83b81a;}
.mid-rgt{flex: 0 1 20%;}
.mid-lft ul li .mid-lst{width: 100%; float: left; margin: 10px 0;}
.chat{width: 100%; float: left; margin-bottom: 50px;}
.chat a{width: 190px;padding: 5px;border: 1px solid #212121;border-radius: 50px;display: flex;align-items: center;column-gap: 5px;font-family: 'intermedium';font-size: 15px; line-height: 20px; margin: 0 auto;transition: all .5s ease;}
.chat a span{width: 40px;height: 40px;background: transparent linear-gradient(180deg, #1A191F 0%, #4A4D5D 100%) 0% 0% no-repeat padding-box;border-radius: 26px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;transition: all .5s ease;}
.chat a:hover{background: #2f82c5;   color: #fff; border: 1px solid #2f82c5;}
.chat a:hover span{color: #2f82c5; background: #fff;}
.sales-lst{width: 100%; float: left;}
.sales-lst ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.sales-lst ul li{flex: 0 1 100%; padding-bottom: 25px; margin-bottom: 25px; text-align: center; border-bottom: 1px solid #F5F5F5;}
.sales-lst ul li h6{font-family: 'interregular'; color: #212121; font-size: 16px; line-height: 20px; text-align: center; margin-bottom: 10px;}
.sales-lst ul li a{color: #212121; font-size: 18px; line-height: 21px; font-family: 'interbold'; transition:all .5s ease;}
.sales-lst ul li a:hover{color: #2f82c5;}
.sales-lst ul li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.foot-bottom{width: 100%; float: left; padding: 35px 0; /*! border-top: 1px solid #F6F6F6; */ display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0; justify-content: space-between;border-top: 1px solid #747474;/*! margin-top: 24px; */}
.foot-bottom p{    font-size: 14px;    text-align: center;    width: 100%;    float: left;    padding-top: 15px;    /*! border-top: 1px solid #747474; */    /*! margin-top: 30px; */}
.foot-bottom ul{flex: 0 1 auto; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 0;}
.foot-bottom ul li{flex: 0 1 auto; position: relative;}
.foot-bottom ul li a{font-size: 14px;line-height: 17px;font-family: 'interregular';color: rgba(33,33,33,50%);transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.foot-bottom ul li:after{position: absolute;/* content: ""; */right: -10px;top: 3px;width: 1px;height: 15px;background: rgba(33,33,33,50%);}
.foot-bottom ul li:last-child:after{display: none;}
.foot-bottom ul li a:hover{color: #2f82c5;}
.disclaimer {font-size: 11px;line-height: 15px;color: rgba(33,33,33,40%);padding:25px 0 0px;}

.mobile-menu .logo img{width: 220px;}
.m-menu { position: absolute;  right:15px; top: 28px; display: none; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu .logo { padding:12px 15px;}
.mobile-menu{ position:fixed; top:72px; bottom: 0; width:100%; z-index: 999; overflow-y:auto;   overflow-x:hidden;  padding:0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #fff;}
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 0px 0 75px 0; height:100%;}
.m-menu { width: 25px; height: 22px;  margin: 0px 0 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #161615; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
 

/**********mobile menu css***************/
.m-menu { display: none; float: right; z-index: 9999; position: relative; right: 0; width: 20px; height: 22px; top:0px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.m-menu a { display: block; height: 20px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #444444; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background:#2f82c5; }
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 15px;}
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 4px; background:var(--bg-green);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-green); }
.app-btn { display: block;}
.app-btn a {background: #ffd90c;display: block;padding: 10px 25px;font-size: 14px;font-family: var(--ff-public-medium);color: var(--txt-white);text-transform: uppercase;border-radius: 25px;transition: all 0.6s ease;position: relative;overflow: hidden;z-index: 2;color: #000;}
.mm-list > li.app-btn a:hover{background: rgba(0,0,0,30%);color: #fff;}
.mobNav { display: none;}


header .top-sec .top-sec-inn .top-rht ul {display: flex;align-items: center;column-gap: 20px;}
header .top-sec .top-sec-inn .top-rht ul li.cl {border-radius: 26px;background: #f7f7f7;padding: 15px 20px 15px 50px;font-family: 'Graphik-Medium';font-size: 16px;text-align: right;color: #000;position: relative;}
header .top-sec .top-sec-inn .top-rht ul li.cl::before {background: url(../images/ico-1.svg) no-repeat;position: absolute;content: "";animation: wobble 2s ease infinite;left: 16px;top: 13px;width: 23px;height: 23px;background-size: cover;}
header .top-sec .top-sec-inn .top-rht ul li {float: left;}
header .top-sec .top-sec-inn .top-rht ul li a.lbn {border-radius: 7px;background: #d62b5a;font-family: 'Graphik-Medium';font-size: 16px;text-align: center;color: #fff;padding: 11px 23px;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
header .btm-sec .btm-sec-inn .mbl-view .quote ul li.ac-im a {font-family: 'Graphik-Medium';font-size: 16px;text-align: right;color: #000;}
header .btm-sec .btm-sec-inn .mbl-view .quote ul li.ac-im a:hover { color: #83b81a; }
.home-banner .flexslider ul.slides li .flex-caption .flex-cont h1 {font-family: 'Graphik-Semibold';font-size: 43px;line-height: 54px;text-align: left;color: #fff;}
.home-banner .flexslider ul.slides li .flex-caption .flex-cont h1 img {width: 131.33px;height: 31.64px;float: left;}
.home-banner .flexslider ul.slides li .flex-caption .flex-cont h1 span {font-family: 'Graphik-SemiboldItalic';font-size: 43px;line-height: 43px;text-align: left;color: #fff;float: left;}
.home-banner .flexslider ul.slides li .flex-caption .flex-cont p {font-family: 'Graphik-Regular';font-size: 18px;letter-spacing: 0.02em;line-height: 30px;text-align: left;color: #fff;}
.service {float: left;width: 100%;padding-top: 75px;}
.service h3 {font-family: 'Graphik-Medium';font-size: 16px;letter-spacing: 0.02em;color: #83b81a;text-align: center;text-transform: capitalize;}
.service h2 {font-family: 'Graphik-Bold';font-size: 40px;letter-spacing: -0.04em;line-height: 40px;text-align: center;margin-top: 17px;color: #1f1f1f;}
.service p.cnt {max-width: 491px;font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: -0.01em;line-height: 25px;text-align: center;color: #3c414b;margin: 0 auto;margin-top: 25px;}
.service ul {display: flex;flex-wrap: wrap;column-gap: 3.5%;margin-top: 70px;}
.service ul li {flex: 0 1 22.3%;}
.service ul li{width: 100%; float: left;}
.service ul li .lap-img {width: 100%;position: relative;border-radius: 10px;background: #f9f9f9;display: flex;align-items: center;justify-content: center;min-height: 300px;}
.service ul li .lap-img h6 {width: 26px;height: 26px;background: #707070;position: absolute;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;right: 20px;top: 20px;color: #fff;border-radius: 25px;font-family: 'Graphik-Light';font-size: 21px;letter-spacing: -0.01em;line-height: 29px;text-align: center;color: #fff;}
.service ul li:hover .lap-img h6 {background: #83b81a;color: #fff;}
.service ul li .lap-cnt p {font-family: 'Graphik-Medium';font-size: 20px;letter-spacing: 0.02em;text-align: center;padding: 22px 0;color: #000;transition: all .5s ease;}
.service ul li:hover .lap-cnt p{color: #83b81a;}
.service .v-all {float: left;width: 100%;text-align: center;margin-top: 20px;}
.service .v-all a {font-family: 'Graphik-Medium';font-size: 16px;text-align: center;border-radius: 7px;color: #fff;padding: 15px 20px;background: #83b81a;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;display: inline-block;}
.why-chosse {float: left;width: 100%;padding: 50px 0;}
.why-chosse .why-lft {float: left;width: 50%;padding: 0 6%;}
.why-chosse .why-lft h3 {font-family: 'Graphik-Medium';font-size: 16px;letter-spacing: 0.02em;text-align: left;text-transform: uppercase;color: #83b81a;}
.why-chosse .why-lft h2 {font-family: 'Graphik-Bold';font-size: 45px;letter-spacing: -0.04em;line-height: 45px;text-align: left;color: #1f1f1f;margin: 17px 0 40px 0;}
.why-chosse .why-lft ul.accordion_example1 li .accordion_in {border-radius: 7px;background: #f5f5f5;}
.why-chosse .why-lft ul.accordion_example1 li .accordion_in .acc_content p {font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: -0.01em;line-height: 25px;text-align: left;color: #3c414b;}
.why-chosse .why-rgt {float: left;width: 50%;text-align: center;}
.access {float: left;width: 100%;padding-bottom: 88px;}
.access ul {display: flex;flex-wrap: wrap;column-gap: 2.5%;}
.access ul li {flex: 0 1 48.7%;}
.access ul li .acc-1 {float: left;width: 100%;background: url(../images/acces-1.png) no-repeat;min-height: 393px;position: relative;background-size: cover;border-radius: 16px;}
.access ul li .acc-1 h2 {font-family: 'Graphik-Semibold';font-size: 34px;letter-spacing: -0.04em;line-height: 34px;text-align: left;color: #fff;margin: 15px 0;}
.access ul li .acc-1 p {font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: 0.02em;text-align: left;color: #fff;}
.access ul li .acc-2 {float: left;width: 100%;background: url(../images/acces-2.png) no-repeat;min-height: 391px;background-size: cover;padding: 60px 40px;border-radius: 16px;}
.access ul li .acc-2 h2 {font-family: 'Graphik-Semibold';font-size: 34px;letter-spacing: -0.04em;line-height: 34px;text-align: left;color: #fff;margin-bottom: 25px;border-radius: 16px;}
.access ul li .acc-2 p {font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: 0.02em;line-height: 28px;text-align: left;color: #fff;margin-bottom: 20px;float: left;width: 100%;}
.access ul li .acc-2 p a[href^="tel"]{transition:all 0.5s ease;font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: 0.02em;line-height: 28px;text-align: left;color: #fff;margin-bottom: 0px;background: none;}
.access ul li .acc-2 p a[href^="tel"]:hover{text-decoration: underline;transition:all 0.5s ease;}
.access ul li .acc-2 .acc-btn-yellow{float:left;width:100%;display: flex;justify-content: left;}
.access ul li .acc-2 .acc-btn-yellow a {font-family: 'Graphik-Medium';font-size: 16px;text-align: center;color: #353535;border-radius: 7px;background: #ffd90c;padding: 12px 35px;float: left;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;/*! width: 100%; */}
.servi-centr {float: left;width: 100%;background: #f6f4f0;text-align: center;padding: 60px 0;}
.servi-centr h3 {font-family: 'Graphik-Medium';font-size: 16px;letter-spacing: 0.02em;text-align: center;color: #83b81a;text-transform: uppercase;margin-bottom: 15px;}
.servi-centr h2 {font-family: 'Graphik-Bold';font-size: 40px;letter-spacing: -0.04em;line-height: 40px;text-align: center;color: #1f1f1f;margin-bottom: 20px;}
.servi-centr p {max-width: 547px;font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: -0.01em;line-height: 25px;text-align: center;margin: 0 auto;color: #3c414b;margin-bottom: 20px;}
.cnt-pad {float: left;width: 100%;padding: 60px 0;}
.cnt-pad ul {display: flex;flex-wrap: wrap;}
.cnt-pad ul li {flex: 0 1 33.33%;text-align: center;border-right: 1px solid #E5E5E5;}
.cnt-pad ul li span {width: 88px;height: 88px;background: #83b81a;display: flex;margin: 0 auto;border-radius: 100px;}
.smk_accordion .accordion_in .acc_head{font-family: 'Graphik-medium';font-weight: normal;}
.cnt-pad ul li span img {width: 43px;margin: 0 auto;}
.cnt-pad ul li h2 {font-family: 'Graphik-Bold';font-size: 18px;letter-spacing: -0.01em;line-height: 23px;text-align: center;color: #3c414b;margin: 30px 0 10px 0;}
.cnt-pad ul li p { font-family: 'Graphik-Light';font-size: 18px;letter-spacing: -0.01em;line-height: 23px;text-align: center;color: #3c414b;}
.laptop-service {float: left;width: 100%;background: url(../images/sup-bg.png) no-repeat;background-size: cover;min-height: 538px;position: relative;}
.laptop-service .ls-cnt {max-width: 465px;position: absolute;transform: translate(0,-50%);top: 50%;}
.laptop-service .ls-cnt h3 {font-family: 'Graphik-Medium';font-size: 20px;letter-spacing: 0.02em;text-align: left;text-transform: uppercase;color: #f6d62b;}
.laptop-service .ls-cnt h2 {font-family: 'Graphik-Bold';font-size: 45px;letter-spacing: -0.04em;line-height: 45px;text-align: left;color: #fff;margin: 18px 0 25px 0;}
.laptop-service .ls-cnt p {font-family: 'Graphik-Regular';font-size: 20px;letter-spacing: 0.02em;text-align: left;color: #fff;margin-bottom: 20px;float: left;width: 100%;}
.laptop-service .ls-cnt a {font-family: 'Graphik-Semibold';font-size: 16px;text-align: center;color: #fff;border-radius: 8px;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;background: #83b81a;padding: 16px 40px;float: left;}

footer .foot-inner .foot-mid .mid-lft ul li .mid-lst ul li a {position: relative;}
footer .foot-inner .foot-bottom ul {width: 100%;justify-content: center;}
.acc-1-cnt{position: absolute;right: 30px;top: 65px;}
footer .foot-inner .foot-mid .mid-lft ul li .mid-lst ul li a::before{position: absolute;content: "";width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #83b81a;left: 0;top: 3px;}
header .top-sec .top-sec-inn .top-rht ul li.wp img{width: 23px;}
header .top-sec .top-sec-inn .top-rht ul li.wp{background: #2eb843;padding: 6px 7px 2px 7px;border-radius: 4px;}
header .top-sec .top-sec-inn .top-rht ul li.cl span{font: 700 12 "Oswald", sans-serif;letter-spacing: 0;display: block;margin: 0 auto;background: url(../images/animated-text-fill.png) repeat-y;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: aitf 80s linear infinite; animation: aitf 80s linear infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;color: #fff;}
@-webkit-keyframes aitf {0% {background-position: 0% 50%;}
100% {background-position: 100% 50%;}
}
@keyframes aitf {0% {background-position: 0% 50%;}
100% {background-position: 100% 50%;}
}
@keyframes wobble {0%, 100% {-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
15% {-webkit-transform: translateX(-8px) rotate(-5deg);transform: translateX(-8px) rotate(-5deg);}
30% {-webkit-transform: translateX(calc(8px / 2)) rotate(5deg);transform: translateX(calc(8px / 2)) rotate(5deg);}
45% {-webkit-transform: translateX(calc(-8px / 2)) rotate(calc(-5deg / 1.8));transform: translateX(calc(-8px / 2)) rotate(calc(-5deg / 1.8));}
60% {-webkit-transform: translateX(calc(8px / 3.3)) rotate(calc(5deg / 3));transform: translateX(calc(8px / 3.3)) rotate(calc(5deg / 3));}
75% {-webkit-transform: translateX(calc(-8px / 5.5)) rotate(calc(-5deg / 5));transform: translateX(calc(-8px / 5.5)) rotate(calc(-5deg / 5));}
}
.sh-ico {position: fixed;right: 0;width: 60px;z-index: 99999;top: 40%;}
.sh-ico ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;row-gap: 0;}
.sh-ico ul li {flex: 0 1 100%;text-align: center;border-bottom: 1px solid #909090;}
.sh-ico ul li a {padding: 13px 10px 6px 10px;display: inline-block;cursor: pointer;background: #4c5149;width: 100%;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.sh-ico ul li:last-child{border: none;}
a.l-chat{width: 52px;height: 52px;background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);display: flex; border-radius: 100px;position: fixed;align-items: center; justify-content: center; bottom: 50px;z-index: 999;right: 2%;}
a.l-chat img{width: 30px;}
.mid-lft ul li:nth-child(3n){border: none;}
.cnt-pad ul li:last-child{border: none;}
.sh-ico ul li:first-child a{    border-radius: 5px 0 0 0;}
.sh-ico ul li:last-child a{    border-radius: 0px 0 0 5px;}
.sh-ico ul li a:hover, .service ul li .lap-img a:hover{background: #83b81a; color: #fff;}
.service .v-all a:hover, .laptop-service .ls-cnt a:hover, header .top-sec .top-sec-inn .top-rht ul li a.lbn:hover{background: #ffd90c; color: #000;}
.access ul li .acc-2 a:hover{background: #83b81a; color: #fff;}
.foot-bottom ul li a:hover{opacity:0.7;}
.mid-lft ul li ul li{border: none;}
.inner-ban {float: left;margin-top: 30px;width: 100%;}
.inner-ban .inner-pad {float: left;width: 100%;background: url(../images/g-bg.png) no-repeat;background-size: cover;border-radius: 16px;position: relative;min-height: 260px;}
.inner-ban .inner-pad .in-bncnt {transform: translate(0,-50%);top: 50%;position: absolute;left: 60px; width: calc(100% - 450px);}
.inner-ban .inner-pad .in-bncnt h1 {font-family: 'Graphik-Bold';font-size: 36px;line-height: 42px;text-align: left;color: #fff;margin-bottom: 20px;}
.inner-ban .inner-pad .in-bncnt ul {display: flex;column-gap: 40px;}
.inner-ban .inner-pad .in-bncnt ul li { font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: left;color: #fff;position: relative;}
.inner-ban .inner-pad .in-bncnt ul li a { font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: left;color: #fff;transition: all .5s ease;}
.inner-ban .inner-pad .in-bncnt ul li a:hover { opacity: 0.7;} 
.inner-ban .inner-pad .in-img {position: absolute;transform: translate(0,-50%);top: 50%;right: 60px;width: 300px;}
.ser-cnt {float: left;width: 100%;padding: 60px 0;}
.ser-cnt .ser-lft {float: left;width: 35%;}
.ser-cnt .ser-lft h3 {font-family: 'Graphik-Medium';font-size: 16px;letter-spacing: 0.02em;text-align: left;color: #83b81a;margin-bottom: 10px;text-transform: uppercase;}
.ser-cnt .ser-lft h2 { font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;text-align: left;color: #1f1f1f;}
.ser-cnt .ser-rgt {float: right;width: 58%;}
.ser-cnt ul {display: flex;padding-top: 70px;width: 100%;justify-content: center;flex-wrap: wrap;}
.ser-cnt ul li {flex: 0 1 20%;text-align: center;}
.ser-cnt ul li span {width: 89px;height: 89px;border-radius: 12px;background: linear-gradient(#7ec344 0%, #149a6e 100%);display: flex;margin: 0 auto;align-items: center;justify-content: center;}
.ser-cnt ul li p {font-family: 'Graphik-Bold';font-size: 20px;line-height: 25px;text-align: center;color: #3c414b;margin-top: 24px;}
.enquire {float: left;width: 100%;background: #f7f7f7;padding: 65px 0;}
.enquire h2 { font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;text-align: center;color: #1f1f1f;margin-bottom: 50px;}
.enquire ul {display: flex;flex-wrap: wrap;column-gap: 3%;row-gap: 25px;width: 870px;margin: 0 auto;}
.enquire ul li {flex: 0 1 48.5%;}
.enquire ul li label {font-family: 'Graphik-Medium';font-size: 16px;line-height: 25px;text-align: left;color: #3c414b;float: left;width: 100%;margin-bottom: 5px;}
.enquire ul li input {width: 100%;height: 50px;border-radius: 5px;background: #fff;border: 1px solid #eee;float: left;padding: 0 20px; font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: -0.01em;line-height: 25px;text-align: left;color: #3c414b;}
.enquire ul li.fu {flex: 0 1 100%;text-align: center;}
.enquire ul li.fu textarea {width: 100%;height: 98px;background: #fff;border: 1px solid #eee;float: left; font-family: 'Graphik-Regular';font-size: 16px;letter-spacing: -0.01em;line-height: 25px;text-align: left;padding: 10px;color: #3c414b;
border-radius: 5px;}
.enquire ul li input:focus, .enquire ul li.fu textarea:focus{border: 1px solid #83b81a;}
.enquire ul li.fu .sub {background: #83b81a;padding:0px 0px;width:142px; height:45px; font-family: 'Graphik-Medium';font-size: 16px;line-height: 10px;text-align: center;color: #fff;float: none; margin-top:16px; display:block;cursor: pointer; border: none;}
.enquire ul li.fu .sub:hover{background: #ffd90c;color: #000;transition: all 0.5s ease;}
.lp-stire {float: left;width: 100%;padding: 65px 0;}
.lp-stire h2 { font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;text-align: center;color: #1f1f1f;margin-bottom: 38px;}
.lp-stire ul {display: flex;flex-wrap: wrap;}
.lp-stire ul li {flex: 0 1 50%;text-align: center;background: #f9f9f9;padding: 50px 20px;}
.lp-stire ul li a { display: inline-flex;}
.lp-stire ul li h3 { font-family: 'Graphik-Bold';font-size: 30px;line-height: 50px;text-align: center;color: #1f1f1f;margin-bottom: 20px; transition: all 0.5s ease; }
.lp-stire ul li a:hover h3 { color: #83B81A; }
.lp-stire ul li p { font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: center;color: #1f1f1f;margin-bottom: 20px;}
.lp-stire ul li ul.lp1 {width: 100%;justify-content: center;column-gap: 4%; row-gap: 20px;}
.lp-stire ul li ul.lp1 li {flex: 0 1 auto;padding: 0;background: none;}
.lp-stire ul li ul.lp1 li span {width: 49px;height: 49px;background: #fff;border: 1px solid #ccc;display: flex;border-radius: 100px;align-items: center;justify-content: center;margin: 0 auto;margin-bottom: 10px;}
.lp-stire ul li ul.lp1 li p {margin: 0;font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: center;color: #1f1f1f;}
.lp-stire ul li ul.lp1 li p a { color: #1f1f1f; transition: all 0.5s ease;}
.lp-stire ul li ul.lp1 li p a:hover { color: #83B81A; }
.lp-stire ul li ul.lp1 li p span {width: auto;height: auto;border: none;font-family: 'Graphik-Bold';font-size: 16px;line-height: 25px;text-align: center;color: #1f1f1f;margin: 0;background: no-repeat;}
.lp-stire ul li ul.lp2 {align-items: center;justify-content: center;column-gap: 30px;width: 100%;margin: 30px 0 0;}
.lp-stire ul li ul.lp2 li {flex: 0 1 auto;padding: 0;}
.lp-stire ul li ul.lp2 li a { font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: center;color: #1f1f1f;border-radius: 5px;background: #fff url(../images/s-ico-9.svg) no-repeat left 15px center;border: 1px solid #707070;padding: 12px 20px 12px 40px;}
.lp-stire ul li ul.lp2 li a:hover{color: #fff;border: 1px solid #83b81a;transition: all 0.5s ease;background:#83b81a url(../images/s-ico-9-wh.svg)no-repeat left 15px center;transition:all 0.5s ease;}
.lp-stire ul li ul.lp2 li a.apl {width: 46px;height: 46px;border-radius: 5px;background: #47c757;display: flex;justify-content: center;align-items: center;padding: 0;border: none;}
.lp-stire ul li ul.lp2 li a.apl img {width: 30px;height: 30px;}
.lp-stire ul li ul.lp2 li a.apl:hover{opacity:0.5;}
.inner-ban .inner-pad .in-bncnt ul li::after{content: "";position: absolute;right: -22px;top: 9px;background: #fff;width: 8px;height: 8px;border-radius: 50px;}
.inner-ban .inner-pad .in-bncnt ul li:last-child{border-bottom: 2px solid #fff;}
/* .lp-stire ul li:nth-child(6n-4), .lp-stire ul li:nth-child(6n-3), .lp-stire ul li:nth-child(6n) {background: #f1f1f1;} */
.lp-stire ul li:nth-child(4n), .lp-stire ul li:nth-child(4n+1) { background: #f9f9f9; }
.lp-stire ul li:nth-child(4n+2), .lp-stire ul li:nth-child(4n+3) { background: #f1f1f1; }
.spare {float: left;width: 100%;padding: 30px 0;}
.spare ul {display: flex;flex-wrap: wrap;column-gap: 3%;row-gap: 70px;}
.spare ul li {flex: 0 1 31.3%;padding: 0 20px;text-align: center;}
.spare ul li img {border: 1px solid #ccc;border-radius: 45px;margin-bottom: 35px;}
.spare ul li h2 {font-family: 'Graphik-Bold';font-size: 24px;line-height: 25px;text-align: center;color: #000;margin-bottom: 25px;}
.spare ul li p { font-family: 'Graphik-Regular';font-size: 16px;line-height: 25px;text-align: center;color: #000;margin-bottom: 30px;}
.spare ul li a { font-family: 'Graphik-Regular';font-size: 14px;line-height: 25px;text-align: center;color: #83b81a;background: #fff;border: 1px solid #83b81a;padding: 10px 20px;}
.spare ul li a:hover {color:#fff;background:#83b81a;transition:all 0.5s ease; }
.v-more {float: left;width: 100%;text-align: center;margin: 0px 0px;}
.v-more a { display: inline-block; font-family: 'Graphik-Regular';font-size: 14px;border:1px solid #000;letter-spacing: 0.02em;text-align: center;color: #fff;border-radius: 50px;background: #000;padding: 11px 30px;text-transform: uppercase;}
.v-more a:hover{color:#000;background:#fff;border:1px solid #000;transition:all 0.5s ease;}
.inner-pad.blue-bg {background: url(../images/b-bg.png) no-repeat;background-size: cover;}
.price-list {float: left;width: 100%;padding-top: 60px;}
.price-list ul {display: flex;flex-wrap: wrap;column-gap: 5%;justify-content: center;row-gap: 30px;}
.price-list ul li {flex: 0 1 47%;border-radius: 0px 0px 20px 20px;background: #fff;box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.04);transition: all 0.5s ease;border-radius: 25px 25px 0 0;}
.price-list ul li:hover .price-img img{transform: scale(1.1);transition: all 0.5s ease;}
.price-list ul li .price-img {float: left;width: 100%;overflow: hidden;transition: all 0.5s ease;border-radius: 25px;}
.price-list ul li .price-img img {float: left;width: 100%;transition: all 0.5s ease;}
.price-list ul li ul {width: 100%;box-shadow: none;column-gap: 0;row-gap: 30px;margin: 0px auto;padding: 35px 30px;justify-content: normal;}
.price-list ul li ul li.p3 {box-shadow: none;flex: 0 1 33.33%;}
.price-list ul li ul li h2 { font-family: 'Graphik-Regular';font-size: 18px;letter-spacing: 0.02em;text-align: left;color: #9b9b9b;}
.price-list ul li ul li p {font-family: 'Graphik-Medium';font-size: 18px;letter-spacing: 0.02em;text-align: left;color: #000;}
.price-list ul li ul li.p2 {flex: 0 1 50%;box-shadow: none;}
.price-list ul li ul li {border-left: 2px solid #c7c7c7;padding-left: 10px;border-radius: 0;}
.price-list ul li ul li.p1 {box-shadow: none;}
.easy-tab h2 { font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;text-align: center;margin-bottom: 50px;color: #1f1f1f;}
.easy-tab ul.tabs {display: flex;column-gap: 45px;justify-content: center;}
.easy-tab ul.tabs li.tab-link.current {background: #83b81a;color: #fff;border-color: #83b81a;}
.easy-tab ul.tabs li.tab-link {font-family: 'Graphik-Medium';font-size: 16px;text-align: center;color: #2f2f2f;border-radius: 9px;background: #fff;border: 1px solid rgba(116, 116, 116, 0.21);padding: 14px 15px;flex: 0 1 20%;line-height: 16px;cursor: pointer;}
.easy-tab ul.tabs li.tab-link:hover{background: #83b81a;color: #fff;border-color: #83b81a;transition: all 0.5s ease;}
.easy-tab {float: left;width: 100%;padding: 40px 0;}
.easy-tab .tab-content.current {display: block;}
.easy-tab .tab-content {display: none;}
.inner-ban .inner-pad .in-bncnt ul li:last-child::after{display: none;}
.enquire.w-bg {background: #fff;}
.why-choose {float: left;width: 100%;padding: 30px 0;}
.why-choose .map {float: left;width: 100%;}
.why-choose .map iframe {float: left;width: 100%;}
.why-choose .choose-us {background: #83b81a;float: left;width: 100%;padding: 60px 90px;margin-bottom: 48px;}
.why-choose .choose-us h2 { font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;text-align: center;margin-bottom: 40px;color: #fff;}
.why-choose .choose-us ul {display: flex;column-gap: 5%;row-gap: 20px;flex-wrap: wrap;align-items: center;}
.why-choose .choose-us ul li {flex: 0 1 47%; font-family: 'Graphik-Regular';font-size: 20px;line-height: 24px;text-align: left;padding-left: 30px;background: url(../images/w-arro.svg) no-repeat left center;color: #fff;}
.why-choose .ch-lft {float: left;width: 50%;padding-right: 15px;}
.why-choose .ch-lft p, .why-choose .ch-rgt p { font-family: 'Graphik-Regular';font-size: 16px;line-height: 28px;text-align: left;color: #707070;margin-bottom: 20px;}
.why-choose .ch-rgt {float: left;width: 50%;padding-left: 15px;}
.ser-cnt .ser-lft.ser-wd {width: 100%;text-align: center;}
.ser-cnt .ser-lft.ser-wd h3{text-align: center;}
.ser-cnt .ser-lft.ser-wd h2{text-align: center;margin-bottom: 20px;}
.ser-cnt .ser-lft.ser-wd p{max-width: 530px;margin: 0 auto;}
.inner-pad.gr-bg{background: url(../images/gr-bg.png) no-repeat;background-size: cover;}
.inner-pad.dark-blu-bg {background: url(../images/dark-blue-bg.png) no-repeat;background-size: cover;}

.spare.spare-main { padding: 60px 0px 80px;}
.price-list .v-more { margin: 60px 0px; }

/**********spare parts details css***************/
.spare-part-details { float: left;width: 100%; padding: 60px 0px;}
.spares-main-cont { float: left;width: 100%;}
.spares-main-cont h2 {font-family: 'Graphik-Bold';font-size: 40px;line-height: 50px;color: #1f1f1f; margin-bottom: 12px;}
.spares-main-cont p {font-size: 16px;line-height: 24px;padding: 0px; margin: 0px;color: #303030;}
.spares-main-cont h3 {float: left;width: 100%; font-family: 'Graphik-Semibold';font-size: 30px;line-height: 40px;color: #1f1f1f; margin: 25px 0px 10px;}
ul.cont-lst { float: left;width: 100%; margin: 10px 0px 25px; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px;}
ul.cont-lst li { flex: 0 1 32%;}
ul.cont-lst li a { font-size: 16px;line-height: 24px; color: #303030; font-family: 'Graphik-Regular'; position: relative; padding-left: 20px;transition: all 0.5s ease;}
ul.cont-lst li a::before {position: absolute;content: ""; width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;
border-left: 6px solid #83b81a;left: 0;top: 2px;}
ul.cont-lst li a:hover { color: #83b81a; }

ul.cont-lst.two-col { column-gap: 4%;}
ul.cont-lst.two-col li { flex: 0 1 48%;}

/* enquire form css*/
.enquire ul li .wpcf7-form-control-wrap { float: left; width: 100%;}
.enquire ul li .wpcf7-not-valid-tip { font-size: 12px; text-align:left; }
.enquire .wpcf7-response-output { font-size: 14px; }

/* showroom details page css*/
.padd-top-none h2{ margin-bottom: 0px; }

/* mega menu css*/
.megamenu-sec ul li.menu-item-has-children > a::after {content: "\e842";font-family: 'feather' !important; font-size: 20px;
line-height: 0;margin-left: 2px;transition: 0.4s;position: relative;top: 3px;}
.megamenu-sec ul li.menu-item-has-children ul.sub-menu { position: absolute;background-color: #fff;padding: 25px 20px;width: 300px;
transition: 0.3s;top: 110%;opacity: 0;visibility: hidden;display: block;box-shadow: 3px 10px 30px rgba(0,0,0,0.1);border-radius: 0px 0px 0px 15px;}
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li {padding: 0; margin: 0; margin-bottom: 12px;display: block;}
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li a { line-height: 22px;transition: all 0.4s ease;font-size: 15px;color: #333;
display: block;padding: 0 0 0 16px;text-transform: none;font-family: var(--tg-ff-p);text-align: left; }
.megamenu-sec ul li.menu-item-has-children:hover ul.sub-menu { opacity: 1; visibility: visible; top: 100%;}
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li a:hover, .megamenu-sec ul li.menu-item-has-children ul.sub-menu li.current_page_item a { color: #83b81a; }
.megamenu-sec ul li.current_page_ancestor a, .megamenu-sec ul li.current_page_ancestor.menu-item-has-children a, .megamenu-sec ul li.current-menu-item a { color: #83b81a; }
.megamenu-sec ul li.current_page_item.menu-item-has-children a, .megamenu-sec ul li.current_page_ancestor.menu-item-has-children a { color: #83b81a;}
button.sub-menu-toggle{display: none;}
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li a::before { transition: all 0.4s ease; position: absolute; left: 0; top: 0px; content: "\f0da"; font-family: "FontAwesome"; color: #212121; font-size: 15px; transition: all 0.4s ease; }
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li a:hover::before { color: #83b81a; }
.megamenu-sec ul li.menu-item-has-children ul.sub-menu li.current_page_item a::before { color: #83b81a; }


.list-services-sec{float: left;width:100%;padding: 50px 0 ; background: #ffffff;}
/* .list-services-sec h1{float: left;width: 100%;text-align: center;font-size: 48px;line-height: 58px;color: #3a4660;font-family: 'Inter-Bold';position: relative;padding-bottom: 20px;margin-bottom: 9px;} */
.list-services-sec ul {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 3%;row-gap:45px}
.list-services-sec ul li {position: relative;flex:0 1 28%; /*box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);-moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07);border-radius: 10px;*/}
.list-services-sec ul li .top-img img {float: left;width: 100%;transition: all 0.8s ease;}
.list-services-sec ul li .top-img { border-radius: 20px;position: relative;overflow: hidden;}
.list-services-sec .top-img img.org-img {float: left;transition: all 0.8s ease;position: absolute;top: 0px;left: 0px;z-index: 10;max-width: 100%;height: 100%;object-fit: cover;}
.list-services-sec ul li .bottom-cont {float: left;width: 100%;padding: 0px;position: relative; margin-top: 20px; padding: 0px 20px;}
.list-services-sec ul li .bottom-cont h4 {color: #000000;font-size: 24px;line-height: 30px;font-family: 'Graphik-Semibold';text-align: center;width: 100%;float: left;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.list-services-sec ul li .top-img img:hover {transform: scale(1.1);}
.list-services-sec ul li:hover .bottom-cont h4 { color: #83b81a;}

#myList-spares > li {display: none;}
.visual-div {float: left;width: 100%;text-align: center;margin: 60px 0;}
.loading_img img { width: 60px;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output { text-align: center !important;}

/*rating css start*/
footer .cust {float: left;width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; row-gap:10px; background: #83b81a;text-align: center;padding:20px 0 15px;margin-bottom: 45px;}
footer .cust p {display: inline; font-family: 'Graphik-Regular';font-size: 20px;letter-spacing: -0.01em;line-height: 24px;text-align: left;color: #fff;margin-right: 15px;}
footer .cust img {display: inline;}
footer .cust p span {font-family: 'Graphik-Semibold';}
footer .cust p.success { text-align: center; }

.rating-pad { display: flex; flex-wrap: wrap;column-gap:10px; }
.rating {float: left;margin-bottom: 0px;width:155px; height:23px; position:relative}
.rating>input{display:none}
.rating>label:before{margin-right:3px;font-size:22px;font-family:FontAwesome;display:inline-block;content:"\f005" !important;}
.rating>.half:before{content:"\f089"!important;position:absolute}
.rating>label{color:#ffffff;float:right;margin-bottom:0;font-size: 18px; position:absolute!important;}
.rating > label:nth-child(2), .rating > label:nth-child(4) {left:128px;}
.rating > label:nth-child(6), .rating > label:nth-child(8) {left:96px;}
.rating > label:nth-child(10), .rating > label:nth-child(12) {left:64px;}
.rating > label:nth-child(14), .rating > label:nth-child(16) {left:32px;}
.rating > label:nth-child(18), .rating > label:nth-child(20) {left:0px;}
.rating [type="radio"]:checked + label::after, .rating [type="radio"]:not(:checked) + label::after {height: auto;left: 0;position: absolute;background: none;top: 0;transition: all 0.3s ease-in-out 0s;width: auto;border-radius: 0;}
.rating [type="radio"]:checked + label::before, .rating [type="radio"]:not(:checked) + label::before {height:auto;left: 0;top: 0;width:auto;border-radius:0;background:none;border:none;}
.rating>input:checked~label{color:#ffffff;}
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label{color:#f6d62b}
.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label{color:#f6d62b}
.rating_val{clear:both;font-size:15px}
.success { flex:0 1 100%; text-align:center; font-family: 'Graphik-Semibold'; }
.success-txt { font-size: 15px;line-height: 24px;color:#ffd700;letter-spacing: 0.5px;}
.aggregate_div {font-size:15px;color:#ffffff; font-family: 'Graphik-Regular'; }
.aggregate_div span { font-family: 'Graphik-Semibold'; }
/*rating css end*/

/*Price list page*/
.price-sec {float: left;width: 100%;padding: 65px 0 135px 0;background: #FAFCFF;}
.price-sec h2 {font-family: 'Graphik-Bold';font-size: 38px;text-align: center;color: #000;line-height: 42px;margin-bottom: 40px;}
.price-lis {float: left;width: 100%;}
.price-lis ul {display: flex;flex-wrap: wrap;column-gap: 2%;row-gap: 20px;}
.price-lis ul li {flex: 0 1 100%;background: #FFFFFF;border-radius: 20px;border: 1px solid #eaeaea;}
.price-lis ul li .price-out {float: left;width: 100%;padding: 30px 30px;border-radius: 20px;}
.price-lis ul li .price-out .price-lis-img img {float: left;width: 100%;transition: all .5s ease;}
.price-lis ul li .price-out .price-lis-img {position: relative;float: left;width: 240px;}
img.org-img {position: absolute;top: 0px;left: 0px;max-width: 100%;height: 100%;object-fit: cover;}
.price-lis ul li .price-out .price-lis-img .img-div {float: left;width: 100%;position: relative;overflow: hidden;}
.price-lis ul li .price-out .price-det {float: left;width: calc(100% - 240px);padding-left: 20px;}
.price-lis ul li .price-out h3 {font-family: 'Graphik-Bold';font-size: 20px;line-height: 30px;text-align: left;color: #003588;margin-bottom: 10px;}
.price-lis ul li .price-out h3 a {display: block;color: #000;transition: all .5s ease;}
.price-lis ul li .price-out h3 a:hover {color: #84b91b;}
.price-lis ul li .price-out p { font-family: 'Graphik-Regular';font-size: 16px;line-height: 23px;text-align: left;color: #000;}
.price-lis ul li .price-out span.price {display: inline-block;font-family: 'Graphik-Bold';font-size: 14px;transition: all .5s ease;line-height: 30px;text-align: left;color: #000;background: #B2EAFF;border: 1px solid #B2EAFF ;border-radius: 20px; padding: 5px 18px;}
.price-lis ul li .price-out span.price:hover {background-color: #84b91b;border: 1px solid #84b91b;color: #FFFFFF;}
.price-btn {float: left;width: 100%;text-align: center;margin-top: 30px;}
.price-btn a {display: inline-flex;column-gap: 12px;background: #003588;color: #FFFFFF;font-family: 'Graphik-Bold';font-size: 16px;line-height: 21px;border-radius: 25px;border: none;transition: all .5s ease;height: 50px;justify-content: center;align-items: center;text-align: center;margin: 0 auto;padding: 0 20px;}
.price-btn a span.arrw {width: 35px;height: 35px;background: #807AF9;border-radius: 25px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;transition: all .5s ease;}
.price-lis ul li .price-out .price-lis-img:hover .img-div img {transform: scale(1.02);}
.price-btn a:hover {background-color: #807AF9;}
.price-btn a:hover span.arrw {background-color: #003588;}
.price-lis ul li .price-out .description-div {float: left;width: 100%;margin-bottom: 30px;}
.rating-div {display: flex;align-items: center;justify-content: space-between;column-gap: 20px;margin-bottom: 15px;}
.lst-rating {font-size: 16px;line-height: 23px; font-family: 'Graphik-Regular';text-align: left;color: #000;}
.lst-rating .star {font-size: 22px;color: #FFD700;}
.lst-rating .empty-star {color: #ccc;}
.feature-div {float: left;width: 100%;}
.price-lis ul li ul.feature-lst {float: left;width: 100%;row-gap: 10px;}
.price-lis ul li ul.feature-lst li {flex: 0 1 49%;background: none;border: none;box-shadow: none;font-size: 14px;position: relative;display: flex;}
.price-lis ul li ul.feature-lst li::before {content: "\e83f";font-family: "feather"; margin-right: 6px;opacity: .7;flex: 0 0 13px;height: 13px;}
.table-wrapper {float: left;width: 100%;overflow-x: scroll;margin: 0px 0px 40px;}
.price-det table {float: left;width: 100%;border-collapse: collapse;font-size: inherit;color: inherit;}

/* .price-det table:last-child { margin-bottom: 0px;} */
.price-det caption {margin-bottom: 12px;font-family: 'Graphik-Bold';font-size: 16px;line-height: 24px;text-align: left;}
.price-det th, .price-det td {padding: 8px 10px;border-bottom: 1px solid #ddd;text-align: left;}
.price-det th {border-bottom: 2px solid #ddd;border-top: 2px solid #ddd;font-family: 'Graphik-Bold';}
.price-det-sec .price-lis ul > li {flex: 0 1 100%;}
.price-det-sec .price-lis ul li .price-out h3 {font-size: 24px;line-height: 32px;}
.price-det-sec .price-lis ul > li .price-out .price-lis-img {width: 425px;}
.price-det-sec .price-lis ul > li .price-out .price-det {width: calc(100% - 425px);padding-left: 30px;}
.price-det-sec .price-lis ul li ul.feature-lst li {flex: 0 1 49%;}
.price-lis ul li .price-det h4 {color: #2e81c4;margin-bottom: 12px;font-family: 'Graphik-Bold';font-size: 17px;line-height: 24px;}
.btn-div {float: left;width: 100%;margin-top: 40px;display: flex;justify-content: center;}
a.enquiry-btn {height: 42px; padding: 0px 18px;background: #2e81c4;display: inline-flex;align-items: center;justify-content: center;column-gap: 10px;font-size: 16px;color: #fff;font-family: 'Graphik-Bold';border-radius: 25px;transition: all .5s ease;}
a.enquiry-btn:hover {color: #003588;background: #B2EAFF;}



/* Enquiry popup */
.popup-div { float:left; display:none; background:#fff;width:600px; /*! padding:30px 30px; */ z-index: 99; position: relative; overflow: hidden;}
.fancybox-outer, .fancybox-inner { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.sign-up-vol{width: 100%;float: left;padding: 35px;}
.sign-up-vol ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.sign-up-vol ul li{ width:100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.sign-up-vol ul li .column{flex: 0 1 100%;}
.sign-up-vol h2 { width: 100%; float: left;font-size: 34px;color: #333333; line-height: 43px;font-family: 'Graphik-Bold'; text-align: center; position: relative; padding-bottom: 10px;  }
.sign-up-vol p { width: 100%; float: left;font-size: 16px;color: #333333; line-height: 24px; font-family: 'Graphik-Regular'; text-align: center;  position: relative; padding-bottom: 15px;  }
.sign-up-vol ul li.submit { ustify-content: center; lign-items: center; row-gap:0px; }
.sign-up-vol ul li input[type="text"], .sign-up-vol ul li input[type="email"], .sign-up-vol ul li input[type="tel"]{width: 100%;padding: 10px 15px;border: 1px solid #fff;margin-bottom: 0;font-family: 'Graphik-Regular';font-size: 16px;color: #717171;
background: #fff;float: right;height: 48px;line-height: 48px; border-radius: 0; transition: all .5s ease;border-bottom: 3px solid #CFCFCF;}
.sign-up-vol ul li input[type="submit"] {font-family: 'Graphik-Bold';font-size: 16px; line-height: 17px;letter-spacing: 0.8px;color: #FFFFFF;background:#003588; border:1px solid #003588;width:145px;height:45px;display:flex;align-items:center;justify-content:center;transition: all 0.5s ease;border-radius: 5px; float: left; margin-top:16px; cursor: pointer;}
.sign-up-vol ul li input[type="submit"]:hover { background: #B2EAFF;color:#003588; border:1px solid #B2EAFF;}
.sign-up-vol .wpcf7-form-control-wrap { width: 100%;}
.sign-up-vol ul li .wpcf7-spinner {float: left;}
.sign-up-vol ul li .wpcf7-not-valid-tip{font-size: 13px; margin-top: 5px;}
#cnt-form .wpcf7 form .wpcf7-response-output {margin: 15px auto 0 auto !important;}

.sign-up-vol ul li input[type="text"]:focus{border-bottom: 3px solid #003588;}
.sign-up-vol ul li input[type="email"]:focus, .sign-up-vol ul li input[type="tel"]:focus{border-bottom: 3px solid #003588;}
.sign-up-vol ul li textarea {width: 100%;padding: 10px 15px;border: 1px solid #fff;margin-bottom: 0; font-family: 'Graphik-Regular';font-size: 16px;color: #717171;background: #fff;float: right;height: 100px;border-radius: 0;transition: all .5s ease;border-bottom: 3px solid #CFCFCF;}
.sign-up-vol ul li textarea:focus{border-bottom: 3px solid #003588;}
#cnt-form{display: flex;flex-wrap:wrap;float:left;width:100%;background: #e0f7ff;}
.fancybox-skin{padding: 0 !important;}
.enquiry-popup .fancybox-close { top:20px; right: 20px;}
.g-recaptcha-wrap {isplay: none;}


.rating-div {display: flex;align-items: center;justify-content: space-between;column-gap: 20px;margin-bottom: 15px;}
.lst-rating {font-size: 16px;line-height: 23px;font-family: 'Graphik-Regular';text-align: left;color: #000;}
.lst-rating .star {font-size: 22px;color: #FFD700;}
.lst-rating .empty-star {color: #ccc;}
.feature-div {float: left;width: 100%;}
.price-lis ul li ul.feature-lst {float: left;width: 100%;row-gap: 10px;}
.price-lis ul li ul.feature-lst li {flex: 0 1 49%;background: none;border: none;box-shadow: none;font-size: 14px;position: relative;display: flex;}
.price-lis ul li ul.feature-lst li::before {content: "\e83f";font-family: "feather";margin-right: 6px;opacity: .7;flex: 0 0 13px;height: 13px;}

.pdf-price { float: left; width: 100%; display: flex; align-items: center; justify-content: right; column-gap: 10px; font-family: 'Graphik-Semibold'; font-size: 16px; line-height: 24px;  margin-bottom: 20px; text-align: right;}
.pdf-price a { background: #000; border: 1px solid #000; display: inline-flex; height: 45px; align-items: center; justify-content: center; color: #FFFFFF; padding: 0 25px; border-radius: 5px; font-size: 15px; transition:all .5s ease; }
.pdf-price a:hover { background: none; color: #000000;}


.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    margin-top: 15px !important;
    float: left;
    width: 100%;
    background: #F6D62B;
    border: 1px solid #F6D62B !important;
    color: #000000;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-family: 'Graphik-Regular';
}
.sign-up-vol ul li.submit .g-recaptcha-wrap { padding:10px 0 0px 0!important; }