html, body { 
  overflow-x: hidden;
  position: relative;font-family: "Poppins", sans-serif;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

a {transition: ease-in-out all 0.25s;  -webkit-transition: ease-in-out all 0.25s;  -ms-transition: ease-in-out all 0.25s;  -o-transition: ease-in-out all 0.25s;  text-decoration: none;  color: #000;  cursor: pointer;}

a:active, a:hover {outline: 0;  text-decoration: none;}
img {max-width: 100%;}
button:focus, a:focus {outline: none;}
a:hover {text-decoration: none;}
.form-control:focus, .btn.focus, .btn:focus {box-shadow: none;}
:root {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-gutter-xx: 0;
  --bs-white: #fff;
  --bs-base-color: #e3241e;
  --bs-base-blue: #0a4e9f;
  --bs-gray-bg: #f0f0f0;
  --bs-border-color: #9d9d9d;
  --bs-body-font-size:16px;
  --bs-body-font-weight:300;
  --bs-body-line-height: 1.5; 
   --bs-body-font-family: "Poppins", sans-serif;
}
body {
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  overflow-x: hidden;
}
.card-product-details {--bs-card-spacer-y: 2.5rem;--bs-card-spacer-x: 2.5rem;}
.card-p {--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-card-color);}
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  background: transparent;
}
.gx-10 {--bs-gutter-x: 10px;}
.gx-20, .g-20 {--bs-gutter-x: 1.5rem;}
.gx-30, .g-30 {  --bs-gutter-x: 3rem;}
.gx-40 {  --bs-gutter-x: 4rem;}
.gx-60 {  --bs-gutter-x: 6rem;}
.gy-10 {  --bs-gutter-y: 10px;}
.gy-20, .g-20 {  --bs-gutter-y: 1.5rem;}
.gy-30, .g-30 {  --bs-gutter-y: 3rem;}
.gy-40 {  --bs-gutter-y: 4rem;}
.gy-60 {  --bs-gutter-y: 6rem;}
.gyn {  --bs-gutter-y: 0;}
.gxn {  --bs-gutter-x: 0;}
.g-20.h-100 {  height: calc(100% + 1.25rem) !important;}
.row>* {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--bs-body-font-family);  line-height: 1.1;  font-weight: 500;  margin-bottom: 1rem;}
h1, .h1 {font-size: 45px;font-weight: 600;}
h2, .h2 {font-size: 40px;font-weight: 400;}
h3, .h3 {font-size: 40px;font-weight:400;}
h4, .h4 {font-size: 40px;font-weight: 400;}
h5, .h5 {font-size: 24px;font-weight:400;}
h6, .h6 {font-size: 20px;font-weight: 400;}
p {margin-bottom: 18px;line-height:24px;}
/*------------------- preloader style--------------- */
.preloader {background-color: #ffffff;  position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 999999;}
.loading {width: 180px;  height: 28px;  position: absolute;  left: 0;  right: 0;  margin: auto;  top: 0;  bottom: 0;  animation: fadeanimation linear 2s;  -webkit-animation: fadeanimation linear 2s;  -moz-animation: fadeanimation linear 2s;  -o-animation: fadeanimation linear 2s;  -ms-animation: fadeanimation linear 2s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;  -o-animation-iteration-count: infinite;  -ms-animation-iteration-count: infinite;}
.img-responsive {display: block;  max-width: 100%;  height: auto;}
.nav-toggle:before { content: "";  position: absolute;  width:37px;  height:26px;  background:url(../images/menu.png)right top no-repeat;  background-color:transparent;  border-radius:0;  box-shadow:none;  -webkit-border-radius:0;  -moz-border-radius:0;  -ms-border-radius:0;  -o-border-radius:0;}
.nav-menus-wrapper-close-button {  width: 30px;  height: 40px;  margin: 10px 7px;  display: none;  float: right;  color: transparent;  font-size: 26px; position: absolute; right: 0;  background: url(../images/menu-close.png) top right no-repeat;  cursor: pointer;}
 
.container {max-width: 1260px;}
.sticky {border-top:none; position: fixed;  top: 0;  width: 100%;  background: #fff;  transition: height 0.5s ease-in;  z-index: 99999999;  box-shadow: 0px 6px 21px #00000047;  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s;}
.header-top {background:#fff; transition: height 0.5s ease-in;  z-index: 99;  -webkit-transition: 0.8s;  -moz-transition: 0.8s;  -ms-transition: 0.8s;  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;  -o-transition: 0.8s;  transition: all ease-in-out 0.5s; padding:14px 0 0 0;}
.header-phone{display: inline-block; width:100%; text-align: right; list-style: none; margin-top:10px;}
.header-phone li{display: inline-block; padding-left:20px; background: url(../images/phone-icon.svg) left 5px no-repeat; margin-left:20px;}
.header-phone li strong{font-weight:800;}

.main_header_area{background:#e1221c; padding:0; margin-top:14px; display: block; width: 100%; position: relative;}
 
/*--------------------------- navbar add style--------------- */
.nav-menu li:last-child a {background: transparent;}
.navigation {background: transparent;}
.submenu-indicator-chevron {border-color:#fff #fff;}
.submenu-indicator {margin-left:10px;  margin-top:5px;}
.head-flex {display: flex; gap:0px; align-items: center;justify-content: center; line-height: 103px;}
.nav-header {float: none;  padding: 0px 0px;  background: transparent;}
.nav-menu>li>a {padding:20px 60px 20px 20px; font-size:18px; font-weight:600; text-transform:uppercase; color: #fff;}
.nav-menu>li {position: relative;}
.nav-menu>li.active {position: relative;  transition: 0.5s;}
 
.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {color:#fff; opacity:0.7;}
.nav-menu li:last-child a {height: unset;}
.nav-dropdown>li>a {width: 100%;  padding: 10px 20px;font-weight:500;  display: inline-block;  text-decoration: none;  float: left;  font-size: 16px;  color: #fff !important;  background: var(--bs-base-color) !important; text-transform: uppercase;}
.megamenu-panel {background: var(--bs-base-color);}
.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {color: #fff;  text-decoration: underline;}
.megamenu-list>li>a:hover {background-color: transparent;  color: #fff;  text-decoration: underline;}
.navigation-portrait .nav-menus-wrapper {background-color: var(--bs-base-color);}
.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {border-color:#fff #fff #fff #fff;}
@media screen and (min-width:1200px) {
  .nav-brand {line-height: unset;}
}
@media screen and (max-width:1200px) {
  .nav-menu>li:after {display: none;}
}
.navigation-portrait .nav-brand {line-height: 0px;}
.navigation .nav-brand img{margin-bottom:-7px;}
 
.nav-menus-wrapper {width: 100%;display:flex;}
.nav-menu{width:100%;}
.nav-menu > li{float: none; text-align:left;}
.nav-menu > li:after{background:rgba(255,255,255,0.3); right:20px; top:22px; position: absolute; content:''; width:1px; height: 20px;}
.nav-menu > li:last-child:after{background:transparent;}
.header-social{width:12%; position: absolute; right: 0; top:0; z-index:99;}
.header-social ul{display:flex; width:100%; gap:20px; margin-top:10px;}
.header-social ul li{display: block;}
.header-contact-info {display: flex;  align-items: center;  gap: 20px;margin-right: -70px;}
.top-cantact a {display: flex;  align-items: center;  gap: 10px;  color: #fff;}
.top-cantact a:hover {color: var(--bs-base-color);}
.pro-reletive{position: relative;}
.phone a{font-weight:600;}


/*------------------------------ header-top style style-------------------- */
.add-cantact a {  display: flex;  align-items: center;  gap: 10px;}
.add-con{display:flex;align-items: center;gap:5px;}
.top-add{display:flex;align-items:center;justify-content: left;}
.ht-content{  padding: 17px 0;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;}
.top-add ul {  display: flex;  width: 100%;  justify-content: space-between;  align-items: center;  gap: 40px;}
.top-add ul li {  list-style: none;}
.top-add ul li a span {  margin: 0px 5px;  font-size: 15px;}
.top-add ul li a { display: flex;  align-items: center;  justify-content: center;  gap: 5px; color: #454545; }
.top-add ul li p{display: flex;  align-items: center;  justify-content: center;  gap: 5px;  color: #454545;margin-bottom:0;}
.top-add ul li p span{color: #454545;}
.top-add ul li a:hover{color: var(--bs-base-color);text-decoration: underline;}
.top-rate a {  display: flex;  align-items: center;  justify-content: center;  gap: 20px;}
  
/*-------------------------- hero-sectionstyle--------------- */
.hero-section {position: relative;overflow: hidden; background:#0b4da3 url(../images/banner-bg.png) left center no-repeat; height:559px;}
.slider-cont { display: flex; align-items: center; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hero-tittle {text-align:left; color: #fff !important;width:400px;text-transform: uppercase;}
.cnt-box {padding: 0px 15px;  background: #bf1e2e;  margin-bottom: 5px;  margin-top: -10px;}
.cnt-box span{color:#fff;font-size:37px;font-weight:bold;}
.tag-btn{background:url(../images/btn-bg.png) left top no-repeat; text-align: center; width:197px; height: 67px; line-height:60px; font-weight:600; font-size:18px; display: block; margin-bottom:20px;}
.hero-tittle h2 { position: relative; color: #fff; font-size:56px; font-weight:900;}
.hero-tittle h6{font-size:24px; text-transform: uppercase;}
.hero-slider.owl-theme .owl-dots .owl-dot {opacity: 1 !important;}
.hero-slider.owl-theme .owl-dots .owl-dot.active span,
.hero-slider.owl-theme .owl-dots .owl-dot:hover span {background:#fff!important;  opacity: 1 !important;}
.hero-slider.owl-theme .owl-dots .owl-dot.active span {width:40px; height:2px;}
.hero-slider.owl-theme .owl-dots .owl-dot span {background:rgba(255,255,255,0.5)!important;width: 16px;height: 16px; margin: 5px 5px;}
.hero-slider.owl-theme .owl-dots {position: absolute;z-index:9999; bottom:40px;  left:15%;  text-align: left;}
.k-more-btn a {min-width:200px; text-align: center; position: relative; display: inline-block;    text-transform: uppercase;    font-size: 18px;    font-weight:400;    border: 1px solid #fff;    color: #fff;    top: 0;    left: 0;       padding: 10px 25px;    transition: 0.3s; }
.k-more-btn a:hover{border: 1px solid var(--bs-base-color);	background:var(--bs-base-color);}
.hero-slider .item{text-align: right;}
.hero-slider.owl-carousel .owl-item img {display:inline-block; width:63%; object-fit: cover;height:auto; object-position: right;}
/*--------------- about-section style--------- */
.procurements img{width:100vw!important;}
.ab-sec{padding:0px;background:url(../images/right-bg.png) right top no-repeat; position: relative;}
.c-line h3{position: relative;}
.c-line h3:after {content: '';    position: absolute;    width: 43px;    height: 1px;    left: 0px;    bottom: -16px;border: 1px solid var(--bs-base-color);}
.card.h-100.a-flex {display: flex;    justify-content: center;}
.ab-icon-box {text-align: right;padding-top:0px;position:relative;z-index:10;}
.welcome-box p{color:#242424;}
.tag-btn a{font-size:18px; font-weight:600; text-transform: uppercase; color:#fff;}
.tag-btn img{padding-left:10px;}
.ab-icon-box.re-box{text-align:left; padding-right: 0px;}
.ab-icon-box.re-box:after {right:auto;top: 0;left:45px;}
.welcome-box span{color:#de3026; font-weight:600; font-size:20px; padding-bottom:10px; display: block;}
.tag-btn2 a{background: url(../images/btn-bg.png) left top no-repeat;font-size:16px;
  font-weight: 600;text-transform: uppercase;color: #fff;text-align: center; width: 197px;height: 67px; line-height: 60px; font-weight: 600;font-size: 18px; display: block; margin-bottom: 20px;}
.tag-btn2 a:hover{background: url(../images/btn-bg1.png) left top no-repeat;}
 

/*----------- product section style----------------- */
.product-section{}
.our-top{padding:64px 0 64px 0;background:#f4f6fa;}
.our-tt{text-align:center;	color:#000;}
.our-tt h3{margin-bottom:0;}
.our-body {padding:0;text-align: center; position: relative; overflow: hidden;}
.product-list .col-lg-3{padding:0px 4px 0 4px;}
.our-text{position: absolute; bottom:10px; left: auto; text-align: center; width: 100%;}
.our-text h6{background:rgba(0,0,0,0.5); text-align: center; padding:14px 20px; font-size:24px; font-weight:400; color:#fff;width: 54%;margin: 0 auto}
.our-body:hover .our-text h6{background:url(../images/btn-bg.png) center center no-repeat;}
.brands-us{padding:60px 0; display: block; width:100%;}
/*--------------- footer style-------------------- */
.footer-top {padding: 50px 0; display: block; width: 100%; border-top:solid 1px #dedede;}
.footer-link ul {float: left;width: 100%;padding-bottom: 20px;    list-style: None;}
.footer-link ul li a {font-weight:300;color:#A8A8A8;}
.footer-link ul li a:hover{text-decoration: underline;    color: #fff;}
.add-box h5{font-size:24px;font-weight:300;}
.add-box p{color:#727272;min-height: 74px;}
.add-tt h6{font-size:18px;font-weight:400;position:relative;margin-bottom:25px;}
.add-tt h6:after {	content: '';position: absolute;width: 43px;height: 1px;left:0;bottom: -10px;border: 1px solid var(--bs-base-color);}
.foot-bottom {text-align:left; padding: 23px 0; border-top:solid 1px #dedede;}
.copyright-sec p{margin-bottom:0;color:#727272;}
.phone{background: url(../images/phone-icon.svg) left 4px no-repeat; padding:0 0 11px 24px;}
.back-top img{display:inline-block; float: right;margin-top: -10px;}
.back-top {width: 180px;display: block; padding-left:20px;}
.page-brand .team-list-img{-webkit-box-shadow: 0px 0px 9px 0px rgba(235,235,235,1);
-moz-box-shadow: 0px 0px 9px 0px rgba(235,235,235,1);
box-shadow: 0px 0px 9px 0px rgba(235,235,235,1); text-align: center; height: 86px; line-height:86px;}
.page-brand .team-list-img:hover{-webkit-box-shadow: 0px 0px 18px 0px rgba(255,220,219,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(255,220,219,1);
box-shadow: 0px 0px 18px 0px rgba(255,220,219,1);}
.service-lider{margin-bottom:40px;}
.owl-theme .owl-dots .owl-dot span{margin: 0;}
.owl-theme .owl-dots .owl-dot.active span{background: #e1221c; height: 2px; width: 30px;}
.page-services{padding:50px 0;}
.mt4{margin-top:40px;}
.efp-box{border:solid 1px rgba(0,0,0,0.1); padding:20px; min-height:880px;}
.efp-box ul, .efp-box2 ul{padding-left:20px;}
.page-services h6{color:#e1221c;}
.efp-box2{-webkit-box-shadow: 0px 0px 9px 0px rgba(235,235,235,1);
-moz-box-shadow: 0px 0px 9px 0px rgba(235,235,235,1);
box-shadow: 0px 0px 9px 0px rgba(235,235,235,1); border:solid 1px rgba(0,0,0,0.1); margin-bottom:30px; padding:20px;}
.page-contact{padding:50px 0;}
.page-contact ul{list-style: none; width: 100%; display: block; margin-bottom:60px;}
.page-contact ul li{padding-bottom:20px;}
.width-80{width:96%;}
.wid-50{width:50%; float: left; padding-right:50px;}
.wid-full{width:100%; padding-right:50px;}
.wid-200{width:200px;}
input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;
	line-height: inherit;width: 100%;padding: 14px;border:solid 1px rgba(0,0,0,0.3);}
textarea{resize: none;}
input:hover, optgroup:hover, select:hover, textarea:hover{-webkit-box-shadow: 0px 0px 18px 0px rgba(255,220,219,1);
-moz-box-shadow: 0px 0px 18px 0px rgba(255,220,219,1);
box-shadow: 0px 0px 18px 0px rgba(255,220,219,1); border:solid 1px #e1221c;}
.cbtn{background:url(../images/btn-bg.png) left top no-repeat; border:none!important; width:197px; height: 67px; font-size:16px; text-transform: uppercase; color:#fff; font-weight:600;}
.cbtn:hover{background:url(../images/btn-bg1.png) left top no-repeat;}
.cp-box{padding:20px; border:solid 1px rgba(0,0,0,0.2);}

.procurement-section{display: block; width: 100%; padding:50px 0;}
.bg-gray{background:#f1f1f1;}
.procurement-section h6{font-weight:600;color: #de3026;}
.sticky .top-head{display: none;}
.sticky .main_header_area{margin-top:0;}
.map{margin-top:20px; border-top:solid 1px #de3026; padding-top:20px;}
.form-control{padding:14px;}

.our-icon, .our-icon img, .our-text, .our-body, .team-list-img, .team-list-img img, .our-text h6, .col, .team-list-img, .team-list-img img, .box, .box img, .box p{
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}
 
.our-body:hover .our-text h6, .box:hover p {
    transform: translateY(-1em);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s; 
}
.col:hover .team-list-img img{
    transform: translateX(1em);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s; 
}
.our-icon:hover img{
    transform: scale(1.1);
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
}
.pad-50{padding:50px;}