/*basic css starts*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 100%;
  color: #000;
  overflow-x: hidden;
}
*, *:focus, *:hover {
  outline: none;
}
html{scroll-behavior: smooth;}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ff3d55;
  text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, span, ul {
  margin: 0;
  padding: 0;
}
article {
  margin: 0 0 7vw 0;
}
a img {
  border: none;
}
*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
.responsive {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.left {
  text-align: left !important;
}
/*Homepage Desktop CSS Starts Here*/
.top-strip{background: #23a8e0; padding: 1vw 0; font-size: 0; color: #fff;}
.top-strip a{color: #fff;}
.top-strip a:hover{color: #feff9c;}
.top-strip-left{width: 50%; display: inline-block; vertical-align: top; font-size: 0.8vw; font-weight: 300; letter-spacing: 0.1vw;}
.i-pad-01{margin: 0 0.3vw 0 0;}
.i-pad-02{margin: 0 0.3vw 0 3vw;}

.top-strip-right{width: 50%; display: inline-block; vertical-align: top; text-align: right;}
.top-strip-right a {text-decoration: none; color: #fff; font-size:1.1vw;}
.top-strip-right li {vertical-align: middle; list-style-type: none; display: inline; margin: 0 0.5vw 0 0;}
.top-strip-right i{padding:0 1vw; transition: .5s;}
.top-strip-right i:hover {padding:0 1vw; transition: .5s;}

.menu-wrapper {
  width: 90%;
  margin: 0 auto;
  padding: 0px;
  transition: .5s;
}
header {
  width: 100%; background: #000;
  display: block;
  padding: 0; margin: 0 0 7vw 0;
}
.bounce-eff {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  transition-property: transform;
  transition-duration: 0.3s;
}
.bounce-eff:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
/*basic css ends*/
aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background-color: none;
  box-sizing: border-box;
  padding: 0px;
  transition: all .25s ease-in-out;
  z-index: 2;
  height: 30%;
  background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%);
}
aside.scroll {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  top: 0vw;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
aside.scroll .top-strip{padding: 0.5vw 0;}
aside.scroll .top-strip-left{font-size: 0.7vw;}
aside.scroll .top-strip-right a{font-size: 1vw;}
.logo-menu {
  width: 100%;
  display: block;
  padding: 1.5vw 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 19%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  transition: all .25s ease-in-out;
}
.logo-menu-right {
  width: 81%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  transition: all .25s ease-in-out;
}
.l-1{display: block;}
.l-2{display: none;}
aside.scroll .l-1{display: none;}
aside.scroll .l-2{display: block;}
aside.scroll .menu-wrapper {
  width: 92%;
  transition: .5s;
}
aside.scroll .logo-menu {
 padding: 0.5vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 10%;
  
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-right {
  width: 90%; padding: 0.3vw 0 0 0;
  transition: all .25s ease-in-out;
}
.header-img {
  position: relative; margin: 3.2vw 0 0 0;
}
.header-img figcaption{font-size: 4.5vw; font-weight: 700; width:50%; left: 5vw; line-height: 5vw; color: #fff; position: absolute; letter-spacing: 0.1vw; top: 14vw;}

.main-wrapper {
  width: 90%;
  margin: 0 auto;
}


.welcome-section{width: 100%; font-size: 0;}
.welcome-left{width:58%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.welcome-left li{list-style-type: none; display: inline-block; vertical-align: top; width: 45%; margin: 0 5% 3vw 0;}
.welcome-left li:last-child{margin: 0;}
.welcome-left figure{width: 11%; float: left; margin: 0 1vw 5vw 0;}
.welcome-left strong{display: block; margin: 0 0 0.5vw 0; font-size: 1.1vw; font-weight: 600;}
.welcome-left p{font-size: 1vw; line-height: 1.8vw; font-weight: 400;}
.welcome-right{width:40%; display: inline-block; vertical-align: top;}
.phead01{font-size: 2.6vw; font-weight: 500; letter-spacing: 0.1vw; margin: 0 0 2.3vw 0; color: #000 !important;}
.phead01 strong{font-size: 1vw; font-weight: 400; display: block; line-height: 0.6vw;}
.phead01 span{color: #23a8e0;}
.phead01 p{font-size: 1.1vw; font-weight: 500; letter-spacing: normal;}
.h-line{margin: -2vw 0 1.7vw 0;}
.welcome-right p{font-size: 1vw; line-height: 1.8vw;}
.welcome-right figure{max-width: 31%; display: block; margin: 0 0 0 4%; float: right;}

.welcome-right button{font-family: "Poppins", sans-serif; font-weight: 500; font-size: 0.8vw; background: #1b75bc; padding: 0.9vw 3vw; letter-spacing: 0.01vw; border-radius: 2vw; text-align: center; color: #fff; cursor: pointer; border: none; display: block; text-transform: uppercase; transition: all .25s ease-in-out; margin: 1.7vw 0 0 0;}
.welcome-right button:hover{background: #23a8e0; color: #fff; transition: all .25s ease-in-out;}


.home-product-area {width: 100%; font-size: 0; margin: 0;}
.home-product-block{width:100%; display: inline-block; padding: 0 0.5vw; vertical-align: top; position: relative; cursor: pointer; overflow: hidden;}

.home-product-block::before {
  position: absolute;
  content: "";
  width: 97%; margin-left: auto; margin-right: auto;
  height: 40%;
  left: 0; right: 0;
  bottom: 0; transition: all .25s ease-in-out;
  background: linear-gradient(0deg, rgb(0 0 0 / 65%) 25%, rgba(245, 240, 227, 0) 100%);
}
.home-product-block:hover::before {background: linear-gradient(0deg, rgba(0 0 0 / 35%) 45%, rgba(245, 240, 227, 0) 100%); transition: all .25s ease-in-out; height: 50%;}
.home-product-block .figure_height img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.home-product-block figure h2 {
  position: absolute;
  width: 100%;
  height: auto;
  font-size: 2.3vw; line-height: 1.7vw;
  color: #fff;
  font-weight: 500;
  bottom: 4vw; padding: 0 2vw; margin: 0 0 1vw 0;
}
.home-product-block:hover h3{text-decoration: underline;}
.home-product-block figure h3 {
  position: absolute;
  width: 100%;
  height: auto;
  font-size: 1.3vw;  color: #fff;
  font-weight: 400;
  bottom: 2vw; padding: 0 2vw;
}
.home-product-block figure h3 i{margin: 0 0 0 1vw;}

.why-area{width: 100%; font-size: 0;}
.why-left{width:68%; display: inline-block; vertical-align: top; margin: 0 4% 0 0;}
.why-left-box{display: inline-block; width: 32%; margin: 0 2% 0 0; vertical-align: top; position:relative;}
.why-left ul{margin: 2.5vw 7vw 0 0; display: inline-block; vertical-align: top;}
.why-left li {list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; font-size: 0.9vw; margin: 0 0 0.9vw 2vw; font-weight: 600;}
.why-left-last{margin: 0;}
.why-left figcaption{font-size: 1vw; font-weight: 600; text-align: center; background: rgb(0, 0, 0, 0.7); color: #fff; padding: 0.5vw 0; position: absolute; bottom: 0; width: 100%;}
.why-right{width:28%; display: inline-block; vertical-align: top;}

.form-bg {
  background-image: url("../images/form-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 0 2.5vw 3vw 2.5vw;
}
.why-right h3{background: #1a4c73; width: 80%; margin: 0 auto; padding: 0.9vw; text-align: center; border-radius: 0 0 0.5vw 0.5vw; font-size: 1.3vw; color: #fff;}

.why-right form{margin: 2vw 0 0 0;}
.why-right input{font-family: "Poppins", sans-serif; margin: 0 0 0.8vw 0; padding: 0.9vw;  width: 100%; outline: none; display: block; border: none; color: #000;}
.why-right textarea{font-family: "Poppins", sans-serif; margin: 0 0 0.8vw 0; padding: 0.9vw;  width: 100%; outline: none; display: block; border: none; color: #000;}
.why-right button{background: #000; padding: 1vw; width: 100%; display: block; border: solid 2px #000; outline: none; color: #fff; font-size: 1.1vw; font-weight: 700; letter-spacing: 0.1vw; cursor: pointer; transition: all .25s ease-in-out;}
.why-right button:hover{background: #ed2e1f; border: solid 2px #fff; transition: all .25s ease-in-out;}

.testi{width: 100%; font-size: 0;}
.testi-left{width: 30%; margin: 0 4% 0 0; display: inline-block; vertical-align: top; text-align: center;}
.testi-left li{list-style-type: none; width: 46%; margin:0 4% 1vw 0; display: inline-block; vertical-align: top;}
.testi-right{width: 66%; display: inline-block; vertical-align: top; color: #666;}
.body-txt{font-size: 1.1vw; font-weight: 500; line-height: 2.1vw;}
.body-txt p{margin: 0 0 1.5vw 0;}
.body-txt li{list-style-image: url("../images/blt.jpg"); padding: 0 0 0 5px; margin: 0 0 0.9vw 2vw; font-weight: 600;}
.c-img{width: 35%; height: auto; float: right; margin: -7vw 0 8vw 2vw;}

footer{
  background-image: url("../images/bbg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 5vw 0 0 0; border-top: solid 0.5vw #000;
}
.foot-section{width:100%; font-size:0;}
.foot-section li{list-style-type: none; display: inline-block; vertical-align: top; color: #fff; margin: 0 0 4vw 0;}
.foot-section li a{color: #fff;}
.foot-section li a:hover{color: #fff; text-decoration: underline;}
.foot-section li i{font-size: 0.7vw; vertical-align: middle; margin: 0 0.4vw 0 0;}
.foot-section li:nth-child(1){width: 25%; font-size: 1vw; font-weight: 400; line-height: 2.6vw; margin: 0 50% 0 0;}
.foot-section li:nth-child(2){width: 25%; text-align: right; font-size: 1vw; font-weight: 400; line-height: 1.6vw;}

.f-icon01{max-width: 10%; display: block; vertical-align: middle; margin: 0.5vw 0 0 1vw; float: right;}
.f-icon02{max-width: 10%; display: block; vertical-align: middle; margin: -0.5vw 0 0 1vw; float: right;}
.f-icon03{max-width: 10%; display: block; vertical-align: middle; margin: 0 0 0 1vw; float: right;}
.f-left{float: left;}
.f-right{float:right;}
.bottom-map{width:100%; height:11vw; border-radius:0.8vw; border:solid 4px #fff; margin: 0 0 0 1vw;}
.foot-section-02{width:100%; display: block; background: rgb(0, 0, 0, 0.6); padding: 1.8vw 0; font-size: 0;}
.foot-left{width:50%; display:inline-block; font-size:0.8vw; letter-spacing:0.1vw; color:#fff; vertical-align: middle;}
.foot-right{width: 50%; display: inline-block; vertical-align: middle; text-align: right;}
/*Bottom social icons css*/
a.social {
  display: inline-block;
  height: 2vw;
  margin: 0 1vw;
  overflow: hidden;
  position: relative;
  text-indent: -9999em;
  visibility: hidden;
  width: 2vw;
}
a.social:before, a.social:after {
  color: #fff;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1vw;
  height: 2vw;
  text-align: center;
  text-indent: 0;
  visibility: visible;
  width: 2vw;
}
a.social:after {
  left: 0;
  position: absolute;
  top: 0.5vw;
}
a.facebook:before {
  background: #3b5998;
}
a.facebook:after {
  content: "\f09a";
}
a.twitter:before {
  background: #00aced;
}
a.twitter:after {
  content: "\f099";
  left: 0;
}
a.youtube:before {
  background: #ff0000;
}
a.youtube:after {
  content: "\f167";
}
.rounded {
  margin: 0;
}
.rounded a.social:before {
  border-radius: 50%;
}
.icon-inflate a {
  transform: scale(1);
  transition: all .3s ease-in;
}
.icon-inflate a:hover {
  transform: scale(1.2);
}
/*Bottom social icons css end*/

/*Inside CSS Starts*/
.header-img-inside{position: relative; margin: 3.2vw 0 0 0; text-align: center; letter-spacing: 0.05vw;}
.header-img-inside h1{font-size: 3vw; font-weight: 700; position: absolute; bottom: 6.2vw; color: #fff; left: 0; right: 0; margin-left: 0; margin-right: 0;}
.header-img-inside figcaption{position:absolute; bottom:2vw; right: 6.5vw; font-size:0.8vw; color:#fff; font-weight:300;}
.header-img-inside figcaption span{margin: 0 0.5vw;}
.header-img-inside figcaption a{color: #89dcff; display: inline-block;}
.header-img-inside figcaption a:hover{text-decoration: underline;}
.quality-bg{font-size: 0;}
.quality-bg-img{
  background-image: url("../images/quality-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; padding: 7vw 0; color: #fff !important;}
.quality-bg li{list-style-type: none; display: inline-block; vertical-align:top; width:46%; margin: 0 8% 0 0;}
.quality-bg li:last-child{margin: 0;}
.quality-bg figure{margin: 3vw 0; display: block;}
.box-width-02{width:75%; margin: 0 auto; text-align: center; display:block;}

.phead02{font-size: 1.4vw; margin: 0 0 1vw 0;}

.contact-left{width:20%; display:inline-block; margin:1.5vw 4% 0 0; vertical-align:top; text-align:center;}
.contact-left h4{font-size:1.6vw; margin-bottom:1.2vw; color:#f37335;}
.contact-right{width:75%; display:inline-block; vertical-align:top; padding:1vw; border:dashed 1px #ccc; margin:1.5vw 0 0 0;}
.c-icons{ color:#f37335; font-size:3vw !important; margin:0 0 0.8vw 0;}
.c-icons02{ color:#f37335; font-size:3vw !important; margin:2vw 0 0.8vw 0;}
.form-area{ display:block; width:100%; font-size:0; margin:1.5vw 0 0 0;}
.form-left{display: inline-block; width:58%; margin:0 2% 0 0; vertical-align:top;}
.form-right{display: inline-block;  width:40%; margin:0; vertical-align:top;}
.txt-name {font-family: 'Open Sans', sans-serif; margin: 0 0 1vw 0; padding:1.3vw 1.3vw 1.3vw 0.5vw; width: 100%; outline: none; display: inline-block;  vertical-align: top; border: 1px solid #ccc; }
.txt-box{font-family: 'Open Sans', sans-serif; width: 100%; height:8.9vw; padding:1.3vw; margin:0 0 1vw 0; outline: none; border: 1px solid #ccc;}
.submit{font-family: 'Open Sans', sans-serif; display: inline-block; vertical-align: top; background:#153a72; outline: none; border: none; padding:1.3vw; color:#fff; width: 100%; cursor: pointer;}
.submit:hover{background: #b80012;}

.c-logos{width: 100%; font-size: 0;}
.c-logos-box li{list-style-type: none; width: 15%; margin:0 2.5% 1vw 2.5%; display: inline-block; vertical-align: top;}
.hr-line{margin:4vw 0; background:#ccc; height:1px;}

.client-logos{width: 100%; display: block; font-size: 0;}
.client-logos li{display: inline-block; vertical-align: top; width:15%; margin:0 2% 2vw 0;}
.client-logos li:last-child{margin: 0;}
.c-img-02{width: 35%; height: auto; float: right; margin: -7vw 0 0 2vw;}