@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --primary_color: #000000;
  --secondary_color: #1F4C24;
  --orange_color: #F38423;
  --white_color: #ffffff;
  --font_family_primary:  'Roboto', sans-serif;
  --font_family_secondary: "Inter", sans-serif;
  --font_family_poppins: "Poppins", sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: 0;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
::selection{background-color: #0078d7 !important;color: var(--white_color) !important;}
html { -webkit-text-size-adjust: none !important;scroll-behavior: smooth; }
a,a:hover { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none !important; }
img {max-width: 100%;}
body{margin: 0;padding: 0;font-size: 16px;color: var(--primary_color);background: var(--white_color);font-family: var(--font_family_poppins);font-weight: 400;overflow-x: hidden !important;line-height: 1.3;scroll-behavior: smooth;}
.container { max-width: 1240px; margin: 0 auto;padding: 0 20px; width: 100%;}
a, button, button i,.social-area i,input[type="submit"] { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
input::-webkit-input-placeholder {color: #777;opacity:1;}
input:-moz-placeholder {color: #777;opacity:1;}
input::-moz-placeholder {color: #777;opacity:1;}
input:-ms-input-placeholder {color: #777;opacity:1;}
.d_flex{display: flex;}
.justify_sb{justify-content: space-between;}
.justify_center{justify-content: center;}
.flex_direct{flex-direction: column;}
.flex_wrap{flex-wrap: wrap;}
.flex_nowrap{flex-wrap: nowrap;}
.align_center{align-items: center;}
.aligncontent_center{align-content: center;}
.text-center{text-align: center;}
.grey_sec{background-color: #f4f4f4;}
.text-white{color: #ffffff;}
ul{padding-left: 0;}
ul li{position: relative;color: var(--primary_color);font-size: 16px;font-weight: 400;line-height: 1.31;}
ol{padding-left:20px;}
ol li{position: relative;color:var(--primary_color);font-size: 16px;font-weight: 400;line-height: 1.31;padding-left: 13px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.w100{width: 100% !important;}
h1,.h1_heading{font-size: 58px;font-weight: 700;color: var(--secondary_color);font-family: var(--font_family_poppins);}
h2{font-size: 36px;font-weight: 700;color: var(--secondary_color);font-family: var(--font_family_poppins);}
h3{font-size: 34px;font-weight: 700;color: var(--primary_color);font-family: var(--font_family_poppins);}
h4{font-size: 24px;font-weight: 400;color: var(--primary_color);line-height: 1.3;font-family: var(--font_family_poppins);}
h5{font-size: 22px;font-weight: 700;color: var(--secondary_color);font-family: var(--font_family_poppins);}
h6 {font-family: var(--font_family_poppins); font-style: normal; font-weight: 400; font-size: 14px; line-height: 14px; letter-spacing: .16em; text-transform: uppercase; color: #fff;}
p{font-size: 18px;font-weight: 400;color: var(--primary_color);font-family: var(--font_family_poppins);line-height: 1.4;}
.CTA_box{display: inline-block;}
.CTA {
  position: relative;
  padding: 8px 17px 8px;
  font-weight: 400;
  margin-bottom: 0;
  color: #fff;
  background-color: var(--orange_color);
  z-index: 9;
  border-radius: 30px;
  display: flex;
  width: auto;
  max-width: inherit;
  align-items: center;
  outline: none;
  border: 0;
  font-size: 16px;
  font-family: var(--font_family_secondary);
}
.CTA img {
  margin-left: 10px;
}
.CTA:hover {background-color: var(--secondary_color) }
/*header*/
.header {padding: 19px 0; background-color: #fff0; width: 100%; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */ position: relative; top: 0; z-index: 99; }
.header .container{max-width: 100%;padding: 0 60px;}
.fixed-header, .fixed-header2 {top: 0; left: 0; width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; box-shadow: 0 1px 4px rgba(0,0,0,0.3); z-index: 99; background-color: var(--white_color); }
.left-header a{display: inline-block;}
.left-header img {width: 122px; }
.header_menu ul {justify-content: flex-end;list-style: none;flex-wrap: wrap;}
.header_menu ul li {padding: 0 15px;}
.header_menu ul li:last-child {padding-right: 0; }
.header_menu ul li a {color: var(--primary_color);font-size: 16px;font-weight: 500;}
.plus-minus i {padding-left: 6px; position: relative; top: 2px; }
.header.fixed { background-color: var(--white_color);}
.header_menu ul li a:hover,.header_menu ul li a.active {color: var(--red_color);}
.header {padding: 0 0; }
.header_menu .menu ul li {position: relative; height: 84px; display: flex; flex-wrap: wrap; align-items: center; }
.header_menu .menu ul li ul {position: absolute;width: 285px;background-color: #fff;flex-wrap: wrap;top: 84px;display: none;border-radius: 6px;padding: 7px 0;border: 1px solid #ccc;}
.header_menu .menu ul li:hover ul{display: block; }
.header_menu .menu  ul li ul li {width: 100%; padding: 0 0;height: auto !important; }
.header_menu .menu ul li ul li a {padding: 10px 18px;font-size: 14px;font-weight: 400;width: 100%;color: var(--primary_color);border-bottom: 1px solid #ccc;letter-spacing: 1px;text-transform: capitalize;}
.header_menu .menu ul li ul li:last-child a {border-bottom: none; }
.header_menu .menu  ul li ul li a span{color: #6100A5;}
.header_menu ul li a.menubelow {display: flex;align-items: center;}
.header_menu ul li a i {font-size: 20px; margin-left: 5px; /*top: 3px;*/ position: relative; }
.header_menu .menu ul li ul li a:hover,.header_menu .menu ul li ul li a.active{color: var(--red_color) !important;}
.fixed-header .header_menu ul li a {color: var(--primary_color); }
.fixed-header .header_menu ul li a:hover {color: var(--red_color); }
.header_menu ul li:nth-child(6) a { background-color: var(--orange_color); padding: 10px 22px 10px; border-radius: 30px;border: 2px solid var(--orange_color);color: var(--white_color); }
.header_menu ul li:last-child a { background-color: var(--secondary_color); padding: 10px 22px 10px; border-radius: 30px;border: 2px solid var(--secondary_color);color: var(--white_color); }
.fixed-header .header_menu ul li:last-child a {border-color: var(--primary_color);}
.header_menu ul li:last-child a:hover,.header_menu ul li:last-child a.active {color: var(--white_color); background-color: #e62a34;border-color: #e62a34;}
.header_menu .menu ul li ul li:last-child a{border: none;background-color: transparent !important;}
.fixed-header .logo_blue{display: block !important;}
.fixed-header .logo_white{display: none !important;}
.header_menu ul li a.active {color: var(--red_color);}
.header_menu ul li a.active-parent {color: var(--red_color);}
.header_menu ul li:nth-child(6) a:hover{background: var(--secondary_color);border-color: var(--secondary_color);color: var(--white_color) !important;}
.header_menu ul li:last-child a:hover{background: var(--orange_color);border-color: var(--orange_color);color: var(--white_color) !important; }

/*footer*/
.footer_logo img {max-width: 195px;}
.top-footer {background-color: #1F4C24;padding: 40px 0 40px;}
.footer_logo{width: 23%;padding-right: 10px;} 
.inner_footer {align-items: inherit; }
.logo_area{padding-bottom: 25px;}
.logo_area img{max-width: 165px;}
.footer_logo p{width: 100%;font-size: 14px;font-family: var(--font_family_poppins);font-weight: 400;}
.footer-links {width: 50%;}
.footer_link{width: 40%;}
.footer_link:last-child {width: 60%;}
.footer_link:last-child ul{display: flex;  flex-wrap: wrap;}
.footer_link:last-child ul li{width: 45%;list-style: disc;margin-left: 16px;}
.footer_link:last-child ul li:first-child{width: 100%;list-style: none;margin-left: 0;}
.footer_link li,.footer_txt{list-style: none;width: 100%;color: var(--white_color);font-weight: 400;margin-bottom: 12px;/* border-bottom: 1px solid #000; */font-size: 17px;} 
.footer_link li:first-child,.footer_txt{font-weight: 700;font-family: var(--font_family_poppins);color: var(--white_color);margin-bottom: 15px;letter-spacing: 1px;font-size: 20px;}
.footer_txt{margin-bottom: 15px;}
.footer_link li a{color: #fff;font-weight: 300;font-size: 15px;display: inline-block;position: relative;}
.footer_social{width: 100%;}
.social_icon{/* justify-content: space-around; *//* display: flex; *//* flex-wrap: wrap; */width: auto;margin-bottom: 0 !important;}
.social_icon li a{height: 34px;width: 34px;border-radius: 50%;align-items: center;background-color: var(--orange_color);border: 1px solid var(--orange_color);display: flex;color: #fff;justify-content: center;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;font-size: 20px;} 
.social_icon li a svg {color: #444344; height: 21px !important; width: 100%; max-width: 100%; line-height: 0; font-size: 0; }
.social_icon li a svg path{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.social_icon li a svg {color: #fff; line-height: 0; font-size: 0;fill: #fff }
.social_icon li a svg:hover path {color: var(--orange_color); fill: var(--orange_color);}
.social_icon li { margin-right: 6px; display: inline-block; margin-bottom: 15px;}
.social_icon li a:hover/*,.social_icon li a:focus*/{background-color: transparent;color: #fff;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;border-color: var(--orange_color);-o-transition: 0.5s;}
.map-area ul li{list-style: none;margin-bottom: 14px; padding-left: 30px;position: relative;}
.map-area ul li span{position: absolute;left: 0;top: 0;}
.map-area ul li span i {color: #fff;}
.map-area {width: 100%;margin-top: 12px;}
.map-area ul li a,.map-area ul li,.text-area ul li a{font-size: 15px;font-weight: 300;color: #fff;line-height: 1.5;list-style: none;}
.map-area ul li a {position: relative; }
.text-area ul li{list-style: none;margin-bottom: 15px;color: #fff;}
.footer_form{width: 25%;}
.footer_form .bold{font-weight: 500;margin-bottom: 5px;color: var(--primary_color);}
#formDefualt {margin-top: 8px;}
.form-field .form-control {color: #001121;font-size: 14px;height: 36px;width: 100%;font-weight: 400;padding: 5px 10px;border-radius: 0;font-family: var(--font_family_poppins);border: 1px solid #001121;border-radius: 6px;} 
.form-field textarea.form-control{height: 75px;}
.form-field textarea.form-control:focus,textarea:focus {outline: none;}
.form-field {width: 100%; margin-bottom: 11px; display: block; } 
.text-area ul li span {width: 20px; position: absolute; left: 0; top: 0; }
.text-area ul li a{padding-left: 30px;display: inline-block;}
.footer_link li a:hover,.map-area ul li a:hover,.text-area ul li a:hover .text-area ul li:hover i,.text-area ul li:hover,.text-area ul li:hover a{color: var(--orange_color);}
.bottom-footer{padding: 15px 0;text-align: center;border-top: 1px solid #ccc;}
.bottom-footer p{font-size: 15px;font-weight: 400;font-family: var(--font_family_poppins);color: var(--primary_color);margin-bottom: 0;}
.bottom-footer p a{color: var(--secondary_color);}
.bottom-footer p a:hover{text-decoration: underline;}

.banner{padding: 150px 0;background-image: url(../images/banner.jpg);background-repeat: no-repeat;background-size: cover;background-position: left;}
.banner .container {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  align-content: end;
}
.top-banner{width: 450px;}

.aboutus{padding: 50px 0;}
.left-aboutus{width: 50%}
.right-aboutus{width: 40%}

.serve{padding: 50px 0;background-color: #f4f4f4;}
.left-serve{width: 52%}
.right-serve{width: 45%}
.right-serve ul{display: flex;align-items: center;flex-wrap: wrap;list-style: none;}
.right-serve ul li{width: 50%;padding: 20px 0;border-bottom: 1px solid #EAEAEA;display: flex;align-items: center;font-size: 20px}
.right-serve ul li img{margin-right: 18px}
.right-serve ul li:last-child{border-bottom: 0;width: 100%}

.browser{padding: 50px 0;}
.left-browser{width: 58%}
.right-browser{width: 35%}

.vehicle{padding: 50px 0;background-color: #FAFAFA;}
.top-vehicle{border: 1px solid #000;padding: 30px;border-radius: 10px;background-color: #fff; }
.top-vehicle ul li{width: 24%;list-style: none;}
.top-vehicle ul li img {  max-height: 190px;}

.bottom-vehicle ul li{width: 31%;list-style: none;border: 1px solid #000;padding: 30px;border-radius: 10px;background-color: #fff;}
.bottom-vehicle ul li img {  max-height: 210px;text-align: center;}
.term_vehicle{font-size: 12px;font-family: var(--font_family_secondary);margin-top: 15px;}

.choose{padding: 70px 0;}

.Benefit{padding: 60px 0;background-image: url(../images/Benefit-img.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
.Benefit ul{list-style: none;margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.Benefit ul li {
  font-size: 18px;
  font-family: var(--font_family_secondary);
  color: #fff;
  background-image: url(../images/tick.svg);
  background-repeat: no-repeat;
  background-position: left 7px;
  padding-left: 32px;
  width: 30%;
  margin-bottom: 14px;
}

.documents{padding: 50px 0;background-color: #F6F6F6;}
.left-documents{width: 65%}
.right-documents{width: 30%;text-align: center;}
.right-documents img{max-width: 287px;width: 100%;}
.left-documents ul{list-style: none;margin-top: 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.left-documents ul li {
  font-size: 18px;
  font-family: var(--font_family_secondary);
  color: var(--primary_color);
  background-image: url(../images/tick.svg);
  background-repeat: no-repeat;
  background-position: left 6px;
  padding-left: 32px;
  width: 49%;
  margin-bottom: 20px;
}

.contactus,.product_sec{padding: 50px 0;}
.left-contactus{width: 55%;}
.form-contain{display: flex;justify-content: space-between;flex-wrap: wrap;}
.form-area{width: 49%;margin-bottom: 20px;}
.form-control{color: var(--primary_color);
  font-size: 14px;
  height: 50px;
  width: 100%;
  font-weight: 400;
  padding: 12px 15px;
  border-radius: 0;
  font-family: var(--font_family_primary);
  border: 1px solid #ccc;
  background-color: #F5F5F5;
  border-radius: 6px;
}
label.error {
  color: red;
  margin-top: 3px;
  display: inline-block;
  width: 100%;
  font-size: 13px;
}
.top-contactus{margin-top: 40px;}
textarea.form-control{height: 150px;}
.right-contactus{width: 40%;}
.right-contactus iframe{border: none;height: 400px;}

.fancybox-content {
  padding: 44px 25px 30px !important;
  max-width: 650px !important;
  width: 100%;
}

/*back to top*/
#back-to-top {position: fixed;bottom: 20px;right: 20px;z-index: 9999999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: var(--secondary_color);color: var(--white_color);cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;box-shadow: 0 2px 5px rgba(0,0,0,0.35);}
#back-to-top.show {opacity: 1; }


.thankyou{text-align: center;padding: 70px 0;position: relative;}
.thankyou::before {position: absolute; top: 40px; background-image: url('../images/left-icon.svg'); background-position: right top; content: ""; bottom: 0; background-repeat: no-repeat; left: 0; right: 90px; }
.thankyou::after {position: absolute; bottom: 40px; background-image: url('../images/right-icon.svg'); background-position: left bottom; content: ""; top: 0; background-repeat: no-repeat; right: 0; left: 90px; } 
.thankyou .thankyou-img{max-width: 650px;width: 100%;} 
.top-thankyou{position: relative;z-index: 1;}
.thankyouCTA {display: flex; width: auto; justify-content: center; margin-top: 50px; }

.services{padding: 50px 0;}
.box-services{width: 48%;background: #FAFAFA;border-radius: 20px;padding: 30px;margin-bottom: 40px;}
.box-services p{font-size: 16px;}

.box_product_sec {
  padding: 20px;
  box-shadow: 0 0 6px #ccc;
  border-radius: 10px;
  width: 24%;
  margin-bottom: 30px;
  margin-right: 1.3%;
  background-color: #fff;
}
.box_product_sec p{font-size: 16px;}