@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600&family=Space+Grotesk:wght@400;600;700&display=swap");
/* Header */
body { margin: 0px; font-family: 'Open Sans', sans-serif; }
.cent { width: 100%; padding: 0px !important; float: left; }
.desc { }
.header { width: 100%; margin: auto; padding: 0px !important; }
.h-top { width: 100%; padding: 0px 15px !important; height: auto; background: url(../images/h-top-bg.jpg); }
.logo { width: 230px; height: auto; padding-top: 20px; padding-bottom: 20px; float: left; }
.phone-social-wrapper { width: 490px; height: auto; float: right; margin-top: 44px; }
.header .phone { width: 185px; height: auto; float: left; }
.header .phone .image { width: 45px; height: 45px; margin-right: 5px; float: left; }
.header .phone .desc { float: left; font-family: 'Open Sans', sans-serif; padding-top: 3px; }
.header .phone h5, .header .phone p { margin: 0px !important; }
.header .phone h5 { font-size: 17px; }
.header .social-wrp { width: 140px; float: left; margin-left: 17px; }
.header .social { width: 36px; height: 36px; margin: 5px 5px 0px; float: left; }
.header .social:hover img { opacity: 0.9; }
.header .contact { width: 125px; float: left; }
.btn-contact { margin-left: 22px; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: bold !important; color: #454545 !important; padding: 11px 12px !important; background: none !important; border: 1px solid #bcbcbc !important; }
.btn-contact:hover { background: #2ba8bc !important; color: #fff !important; border: 1px solid #2ba8bc !important; }
.btn-contact:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.h-bottom { width: 100%; height: auto; background: #2ba8bc; padding: 10px 0px !important; }
.navbar-default { background: none !important; border: none !important; margin-bottom: 0px !important; }
.navbar-header { float: none !important; margin: auto; }
.navbar { min-height: 0px !important; }
.navbar-nav { float: none !important; clear: both; margin: auto !important; text-align: center; width: 766px; }
.navbar-nav li>a { font-family: 'Open Sans', sans-serif; font-size: 15px; text-align: center; text-transform: uppercase; padding: 0px 30px !important; color: #fff !important; text-decoration: none; border-right: 1px solid #aed3da; }
.navbar-nav li>a:hover { color: #000 !important; }
li.active > a { background: none !important; color: #000 !important; }
.navbar-nav li:nth-child(6) a { border: none !important; }
/* Banner */
.banner { width: 100%; height: auto; margin: auto; padding: 0px !important; }
/* Welcome */
.welcome { width: 100%; height: auto; margin: auto; padding: 45px 0px !important; }
.welcome .heading { font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #2ba8bc; text-align: center; margin: 0px !important; text-transform: uppercase; }
.welcome .sub-h { font-family: Arial, Helvetica, sans-serif; font-size: 29px; color: #34596f; text-align: center; margin-top: 0px; margin-bottom: 13px; }
.welcome .line { width: 265px; height: 7px; margin: auto; margin-top: 3px; margin-bottom: 0px; border: none; }
.welcome .desc { width: 80%; height: auto; margin: auto; text-align: center; padding-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 28px; font-weight: 300; color: #2f2f2f; }
/* Products */
/*.about-us { height: 460px; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; width: 100%; }*/
.products { width: 100%; margin: auto; height: auto; padding: 30px 0px !important; background: url(../images/products.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }
.products .heading { font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; text-align: center; color: #fff; text-transform: uppercase; }
.products .line { width: 135px; height: 2px; background: #fff; margin: auto; }
/* Flexi Carousel */
.pro-grid { width: 100%; height: auto; background: #fff; }
.pro-logo { width: 100%; height: 60px; }
.pro-logo img { max-height: 100%; width: auto; }
.pro-img { width: 100%; height: 200px; }
.pro-img img { max-height: 100%; width: auto; }
.pro-cat { width: 100%; height: 60px; background: #279caf; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #fff; text-transform: uppercase; padding: 9px 20px 0px; text-align: center; text-decoration: none; line-height: 21px; ; }
/* Latest News */
.l-news { width: 100%; margin: auto; padding: 30px 0px !important; }
.heading-wrp { width: 100%; background: url(../images/l-news-heading.png) repeat-x; background-position: center; }
.l-news .heading { font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: bold; color: #1e4e65; text-transform: uppercase; background: #fff; max-width: 260px; }
.l-news .n-card { width: 100%; height: auto; /*margin-left: -15px;
	margin-right: -15px;*/
padding-top: 12px; }
.l-news .n-card .icon, .news-single .icon { float: left; width: 24px; }
.l-news .n-card .date, .news-single .date { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; float: left; padding-top: 3px; padding-left: 10px; }
.l-news .n-card h4 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; font-style: italic !important; color: #4e5050; }
.l-news .n-card .image { float: left; margin-top: 8px; height: 169px; }
.l-news .n-card .image img { padding: 0px !important; max-height: 100% !important; width: auto; }
.l-news .n-card .read-more { width: 100%; padding-top: 16px; }
.l-news .n-card .read-more a { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #279caf; text-transform: uppercase; }
.l-news .more-news { padding-top: 15px; text-align: right; }
.l-news .more-news a { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #279caf; text-align: right; }
/* Footer */
.footer { width: 100%; margin: auto; height: auto; background: #1e3c4b; padding: 30px 0px 0px !important; }
.footer .heading { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #fff; }
.footer .heading .line { width: 100%; float: none; margin-top: 8px; }
.quick-links { width: 100%; height: auto; }
.quick-links .centby2 { width: 50%; float: left; height: auto; padding-top: 16px; }
.quick-links .link { display: block; width: 70%; padding: 12px 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; color: #fff; border-bottom: 1px solid #29556b; text-decoration: none; }
.quick-links .link:hover { color: #279caf; border-bottom: 1px solid #279caf; }
.get-in-touch p { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; color: #fff; margin-top: 22px; }
.social-wrp-f { width: 100%; margin-top: 22px }
.social-f { width: 36px; height: 36px; margin-right: 14px; float: left; }
.social-f:hover img { opacity: 0.8; }
.footer .phone-wrp { width: 445px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; margin: auto; }
.footer .phone { }
.footer-btm { width: 100%; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: center; padding-bottom: 13px; font-weight: 300; }
.footer-hr { border: none; background: #627781; width: 100%; height: 1px; margin: 8px 0px; }
/* About Page */
.inner-banner { width: 100%; padding-left: 0px !important; padding-right: 0px !important; padding-top: 70px; padding-bottom: 70px; }
.about-bnr { background: url(../images/about-banner.jpg) center; background-size: cover; }
.inner-banner .heading-wrp { width: 700px; margin: auto; height: auto; background: url(../images/inner-h-line.png) repeat-x center; font-family: 'Open Sans', sans-serif; font-size: 33px; font-weight: bold; color: #fff; text-align: center; }
.inner-banner .heading { width: 100%; font-weight: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 0px;}
.about-cnt { width: 100%; padding: 30px 0px !important; }
.about-cnt .h4 { font-family: 'Open Sans', sans-serif; color: #2f2f2f; border-bottom: 1px solid #2f2f2f; padding-bottom: 6px; width: 128px; font-size: 20px; }
.about-cnt p { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; line-height: 28px; text-align: justify; color: #2f2f2f; }
.about-cnt ul { list-style: none; padding-left: 30px !important; }
.about-cnt .list-unstyled { }
.about-cnt li { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; line-height: 28px; text-align: justify; color: #2f2f2f; }
.about-cnt li .square { font-family: Arial, Helvetica, sans-serif; color: #2ba8bc; }
.mission-vision-wrp { position: relative; padding-top: 15px; }
.mission { width: 68%; height: auto; float: left; background: url(../images/mission.jpg) no-repeat center; background-size: cover; padding: 35px 140px 35px 30px; text-align: left; color: #fff; }
.mission .heading { width: 80%; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: left; border-bottom: 1px solid #fff; padding-bottom: 8px; }
.mission .sub-h { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #fff; font-style: italic; padding-top: 16px; }
.mission p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 18px; color: #fff; padding-top: 12px; }
.mission ol { padding-left: 22px; }
.mission ol li { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #fff; line-height: 25px; }
.vision { width: 42%; height: auto; background: url(../images/vision.jpg) center no-repeat; background-size: cover; padding: 28px 30px; position: absolute; right: 0; top: 46px; }
.vision .heading-wrp { width: 100%; margin: auto; height: auto; background: url(../images/inner-h-line.png) repeat-x center; font-family: 'Open Sans', sans-serif; text-align: center; padding-top: 7px; }
.vision .heading { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; }
.vision .sub-h { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #fff; font-style: italic; padding-top: 9px; line-height: 25px; }
.vision p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #fff; padding-top: 14px; }
/* Services Page */
.services-bnr { background: url(../images/services-banner.jpg) center; background-size: cover; }
.services-cnt { background: #219aae; padding-top: 35px; padding-bottom: 35px; }
.services-cnt .grid { height: auto; padding: 0px 47px !important; }
.services-cnt .image { float: left; margin-bottom: 20px; }
.services-cnt img { padding: 0px !important; }
.services-cnt h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; margin: 0px; padding: 0px; font-style: italic; color: #fff; }
.services-cnt .u-line { border: none; margin: 10px 0px; width: 98%; background: #fff; height: 1px; }
.services-cnt p { max-width: 98; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; line-height: 28px; color: #fff; }
/* Contact Page */
.contact-bnr { background: url(../images/contact-banner.jpg); }
.contact-cnt { padding: 60px 0px !important; background: url(../images/contact-us-bg.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%; }
.contact-cnt .form { width: 90%; }
.contact-cnt .name { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #2f2f2f; }
.contact-cnt .blue { color: #2ba8bc; }
.contact-cnt .field, .contact-cnt .area { display: block; width: 100%; padding: 8px 6px; margin-bottom: 8px; }
.contact-cnt .area { height: 115px; }
.contact-cnt .sec { padding: 0px !important; }
.contact-cnt .sec-code { width: 100%; }
.contact-cnt .captcha-wrp { width: 30%; background: #31c3da; float: right; text-align: center; }
.contact-cnt .btn-submit { float: right; background: #31c3da; color: #fff !important; padding: 9px 28px; border-radius: 0px !important; margin-top: 8px; }
.contact-cnt .btn-submit:hover { background: #2bb3c9; }
.contact-cnt .h4 { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 500; }
.contact-cnt .h5 { font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 500; margin-top: 14px; margin-bottom: 5px; }
.contact-cnt p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; }
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  border-radius: 4px;
  margin:10px;
}

.contact .info-box i {
  font-size: 32px;
  color: #BF202F;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #f8d4d5;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}


.contact input[type="text"] {
  width: 550px;
  height: 50px;
margin-bottom: 10px;
margin-left: 30px;

}
.contact input[type="text1"] {
  width: 550px;
  height: 50px;
margin-bottom: 10px;

}
.contact input[type="email"] {
  width: 550px;
  height: 50px;
  margin-bottom: 10px;


}
.contact input[type="tel"] {
  width: 550px;
  height: 50px;
  margin-bottom: 10px;
  margin-left: 30px;


}
.contact textarea[type="message"] {
  width: 550px;
  height: 150px;
  margin-bottom: 10px;


}


@media (max-width: 412px) {
  .contact input[type="text"] {
    width: 330px;
  margin-left: 20px;
  
  }
 
  .contact input[type="text1"] {
    width: 330px;
  
  }
  .contact input[type="email"] {
    width: 330px;
  
  }
  .contact input[type="tel"] {
    width: 330px;
    margin-left: 20px;
  
  
  }
  .contact textarea[type="message"] {
    width: 330px;  
  }
    
  }
@media (max-width:360px){
  .contact input[type="text"]{
    width: 280px;
  }
  .contact input[type="text1"]{
    width: 280px;
  }
  .contact input[type="email"]{
    width: 280px;
  }
  .contact input[type="tel"]{
    width: 280px;
  }
  .contact textarea[type="message"]{
    width: 280px;
  }
  
}

@media (max-width:384px){
  .contact input[type="text"]{
    width: 300px;
  }
  .contact input[type="text1"]{
    width: 300px;
  }
  .contact input[type="email"]{
    width: 300px;
  }
  .contact input[type="tel"]{
    width: 300px;
  }
  .contact textarea[type="message"]{
    width: 300px;
  }
  
}   
@media (max-width:810px){
  .contact input[type="text"]{
    width: 600px;
  }
  .contact input[type="text1"]{
    width: 600px;
  }
  .contact input[type="email"]{
    width: 600px;
  }
  .contact input[type="tel"]{
    width: 600px;
  }
  .contact textarea[type="message"]{
    width: 600px;
  }
  
}    
@media (max-width:375px){
  .contact input[type="text"]{
    width: 290px;
  }
  .contact input[type="text1"]{
    width: 290px;
  }
  .contact input[type="email"]{
    width: 290px;
  }
  .contact input[type="tel"]{
    width: 290px;
  }
  .contact textarea[type="message"]{
    width: 290px;
  }
  
}   

/* News Page */
.news-bnr { background: url(../images/news-banner.jpg); }
.news-cnt .n-card { padding: 17px 0px; }
/* News Single Page */
.news-single { padding: 30px 0px !important; }
.news-single .image { max-width: 350px; height: auto; padding: 0px !important; margin-right: 15px; margin-bottom: 15px; margin-top: 8px; }
.news-single h3 { font-family: 'Roboto', sans-serif; font-weight: normal; color: #2f2f2f; font-size: 19px; margin-top: 0px; margin-bottom: 8px; }
.news-single p { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; line-height: 28px; text-align: justify; color: #2f2f2f; }
/* Products Page */
.products-cnt { padding: 30px 0px !important; }
.products-cnt .h2 { font-family: 'Open Sans', sans-serif; font-size: 33px; font-weight: bold; text-transform: uppercase; color: #454545; margin: 0px auto; text-align: center; }
.products-cnt .grid { padding-top: 15px; padding-bottom: 15px; }
.products-cnt .grid-in { /*border: 1px solid #d7d7d7;*/
text-align: center; height: 142px; padding-top: 30px; padding-bottom: 30px; }
.products-cnt a:hover .grid-in { border: 1px solid #b3b2b2; }
.products-cnt .grid-in .image { /*max-width: 200px;*/
height: auto; max-height: 80px; }
/* Product Inner Page */
.product-inner-cnt { padding: 30px 0px !important; }
.product-inner-cnt .heading-wrp { width: 100%; background: #2ba8bc; }
.product-inner-cnt .h4 { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #fff; text-transform: uppercase; padding: 8px 12px; }
.product-inner-cnt .image { max-width: 200px; height: auto; float: left; margin-right: 15px; margin-bottom: 15px; }
.product-inner-cnt p { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 300; line-height: 28px; text-align: justify; color: #2f2f2f; }
.product-inner-cnt .grid-in { width: 100%; margin: 15px auto; border: 1px solid #CCC; }
.product-inner-cnt .grid .image-wrp { min-height: 270px; position: relative; }
.product-inner-cnt .grid-image { max-width: 100%; max-height: 80%; height: auto; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.product-inner-cnt .grid-caption { font-family: 'Open Sans', sans-serif; font-size: 15px; background: #2ba8bc; padding: 6px 4px; text-align: center; color: #fff; }
/*------------------------ RESPONSIVE ------------------------*/
@media screen and (max-width: 1920px) {
.welcome .heading, .products .heading, .l-news .heading { font-size: 33px; }
.welcome, .products, .l-news { padding-top: 30px !important; padding-bottom: 30px !important; }
}
@media screen and (max-width: 1199px) {
.vision { padding: 28px 14px; }
/* Products Inner */
.product-inner-cnt .grid .image-wrp { min-height: 267px; position: relative; }
}
@media screen and (max-width: 991px) {
.logo { width: 190px; }
.phone-social-wrapper { margin-top: 45px; }
.header .phone { width: 148px; }
.header .phone .image { width: 36px; }
.header .phone .desc { padding-top: 0px; }
.header .phone p { font-size: 13px; }
.header .phone h5 { font-size: 14px; }
.header .social-wrp { width: 120px; margin-left: 10px; }
.header .social { width: 30px; }
.btn-contact { margin-left: 9px; }
.navbar-header { }
.navbar-nav { margin-right: 0px !important; width: 675px; }
.navbar-nav li>a { font-size: 15px; padding: 0px 23px !important; }
/* Welcome */
.welcome .heading, .products .heading, .l-news .heading { font-size: 35px; }
.welcome .sub-h { font-size: 26px; margin-top: 17px !important; }
.pro-img { height: 160px; }
.pro-cat { padding: 9px 0px 0px; }
.l-news .n-card h4 { font-size: 15px; }
.l-news .n-card .date, .news-single .date { font-size: 17px; }
.l-news .n-card .read-more a { font-size: 14px; }
/* About Page */
.mission { width: 100%; height: auto; padding: 35px 30px; }
.vision { width: 100%; padding: 35px 30px; position: static; margin-top: 15px; float: left; }
/* Services Page */
.services-cnt .grid { padding: 0px 15px !important; }
.services-cnt .image { margin-bottom: 10px; }
.services-cnt h3 { font-size: 18px; }
.services-cnt .u-line { margin: 5px 0px; width: 100%; }
.services-cnt p { max-width: 100%; }
/* News Page */
.news-cnt .n-card { overflow: hidden; }
/* Products Page */
.products-cnt .grid-in { height: 112px; }
.products-cnt .grid-in .image { max-width: 140px; height: auto; margin: auto; }
/* Products Inner */
.product-inner-cnt .grid .image-wrp { min-height: 197px; }
}
@media screen and (max-width: 767px) {
.logo { float: none; margin: auto; }
.phone-social-wrapper { width: 412px; height: 60px; float: none; margin: auto; padding-top: 15px; padding-bottom: 30px; }
.btn-contact { padding: 7px 12px !important; }
.h-bottom { padding: 0px 0px !important; }
.navbar-collapse { border: none !important; padding: 0px !important; }
.navbar-nav { margin-right: 0px !important; width: auto; }
.navbar-nav li { }
.navbar-nav li>a { font-size: 15px; padding: 14px 0px !important; border: none; }
.navbar-toggle { margin-right: 0px !important; }
/* About Page */
.inner-banner { padding-top: 50px; padding-bottom: 50px; }
.inner-banner .heading-wrp { width: 95%; background: url(../images/inner-h-line.png) center; background-size: contain; background-repeat: no-repeat; font-size: 30px; }
/* Services Page */
.services-cnt .grid { padding: 15px 15px !important; clear: both; }
.services-cnt .image { margin-right: 10px; width: 35%; clear: both; }
.services-cnt h3 { font-size: 18px; }
.services-cnt .u-line { margin: 5px 0px; width: 60%; }
.services-cnt p { width: 63%; float: right; text-align: justify; clear: right; }
/* Contact Page */
.contact-cnt { padding: 30px 0px !important; }
.contact-cnt .form { width: 80%; margin: auto; }
.contact-cnt .field, .contact-cnt .area { padding: 4px 6px; }
.contact-cnt .address-wrp { width: 80%; margin: auto; }
/* News Page */
.news-cnt .n-card { padding: 15px 0px; }
/* News Single PAge */
.news-single p { line-height: 24px; }
.products-cnt .h2 { font-size: 30px; margin-bottom: 10px; }
/* Products Inner */
.product-inner-cnt .grid .image-wrp { min-height: 325px; }
.product-inner-cnt .grid-image { max-width: 75%; }
}
@media screen and (max-width: 620px) {
/* Welcome */
.welcome .heading { font-size: 33px; }
.welcome .sub-h { font-size: 27px; }
.welcome .line { margin-top: 3px; }
.welcome .desc { font-size: 15px; }
.footer .grid { float: none; width: 100%; clear: both; margin-top: 20px; margin-bottom: 20px; }
.footer .phone-wrp { width: 100%; }
/* About Page */
.inner-banner .heading-wrp { font-size: 25px; }
.about-cnt p, .about-cnt li, .mission p, .mission ol li, .vision p { font-size: 15px; }
.mission .sub-h, .vision .sub-h { font-size: 20px; }
.services-cnt h3 { font-size: 17px; }
.services-cnt p { width: 62%; line-height: 23px; }
/* News Page */
.news-cnt .n-card { padding: 10px 0px; }
.news-cnt .n-card .date { font-size: 16px; }
.news-cnt .n-card h4 { margin: 4px 0px !important; }
.news-cnt .n-card .read-more { padding-top: 7px; }
/* News Single Page */
.news-single .image { max-width: 280px; }
/* Products Page */
.products-cnt .grid { padding-top: 10px; padding-bottom: 10px; }
.products-cnt .h2 { font-size: 25px; }
/* Products Inner */
.product-inner-cnt .grid .image-wrp { min-height: 257px; }
}
@media screen and (max-width: 480px) {
.phone-social-wrapper { display: none; }
.navbar-nav li>a { font-size: 14px; padding: 8px 0px !important; }
/* Welcome */
.welcome .heading { font-size: 33px; margin-bottom: 12px !important; }
.welcome .sub-h { font-size: 18px; }
.welcome .line { width: 50%; }
.welcome .desc { font-size: 15px; text-align: justify; }
.welcome .heading, .products .heading, .l-news .heading { font-size: 32px; }
.l-news .n-card .date, .news-single .date { font-size: 14px; }
.l-news .n-card .read-more a { font-size: 13px; }
.footer .phone { display: block; text-align: center; }
/* About Page */
.inner-banner { padding-top: 25px; padding-bottom: 25px; }
.inner-banner .heading-wrp { font-size: 23px; background-size: cover; }
.vision .heading-wrp { background: none; }
.vision .heading { text-align: left; padding-bottom: 8px; border-bottom: 1px solid #fff; }
.about-cnt p, .about-cnt li, .mission p, .mission ol li, .vision p { font-size: 14px; line-height: 26px; }
.mission .sub-h, .vision .sub-h { font-size: 18px; }
/* Servives Page */
.services-cnt .image { width: 60%; float: none !important; margin: auto; clear: both !important; }
.services-cnt h3 { float: left; width: 100%; text-align: center; margin: 8px auto; }
.services-cnt p { width: 100%; float: left; text-align: center; font-size: 14px; }
.services-cnt .u-line { margin: 5px auto; float: none; clear: both; }
/* Contact Page */
.contact-cnt .form { width: 95%; }
.contact-cnt .address-wrp { width: 95%; }
/* News Page */
.news-cnt .grid { float: none !important; width: 100%; }
.news-cnt .n-card { padding: 6px 0px; }
/* News Single Page */
.news-single { padding: 15px 0px !important; }
.news-single p { font-size: 14px; }
.news-single .image { max-width: 240px; margin-right: 8px; margin-bottom: 8px; }
/* Products Page */
.products-cnt .grid-in .image { max-width: 105px; }
.products-cnt .grid-in { padding-top: 15px; padding-bottom: 15px; height: 70px; }
.products-cnt .h2 { font-size: 23px; }
/* Products Inner */
.product-inner-cnt .grid .image-wrp { min-height: 250px; }
.product-inner-cnt .grid-image { max-width: 100%; }
}
@media screen and (max-width: 379px) {
.news-single .image { max-width: 100%; margin-right: 0px; }
.products-cnt .grid { width: 80%; float: none; margin: auto; }
/* Product Single */
.product-inner-cnt .grid { width: 100%; }
.product-inner-cnt .grid-in { margin: 6px auto; }
.product-inner-cnt .grid .image-wrp { min-height: 190px; }
.product-inner-cnt .grid-image { max-width: 45%; }
}
@media screen and (max-width: 320px) {
.quick-links .centby2 { width: 100%; }
.welcome .heading, .products .heading, .l-news .heading { font-size: 25px; }
}
/* Contact Section
--------------------------------*/
#contact {
    padding: 60px 0;
    background-color:white;
}
   


#contact .contact-info {
  margin-bottom: 20px;
  text-align: center;
}

#contact .contact-info i {
  font-size: 48px;
  display: inline-block;
  margin-bottom: 10px;
  color:  #0E8ECD;
}

#contact .contact-info address,
#contact .contact-info p {
  margin-bottom: 0;
  color: #000;
}

#contact .contact-info h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
}

#contact .contact-info a {
  color: #000;
}

#contact .contact-info a:hover {
  color:  #0E8ECD;
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
  margin-bottom: 20px;
}

@media (min-width: 768px) {

  #contact .contact-address,
  #contact .contact-phone,
  #contact .contact-email {
    padding: 20px 0;
  }
}

@media (min-width: 768px) {
  #contact .contact-phone {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}

#contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
}

#contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

#contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background:  #0E8ECD;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

#contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

#contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid  #0E8ECD;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

#contact .php-email-form .form-group {
  margin-bottom: 20px;
}

#contact .php-email-form input,
#contact .php-email-form textarea {
  padding: 10px 14px;
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

#contact .php-email-form input::focus,
#contact .php-email-form textarea::focus {
  background-color:  #0E8ECD;
}

#contact .php-email-form button[type=submit] {
  background:  #0E8ECD;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

    #contact .php-email-form button[type=submit]:hover {
        background: #0E8ECD;
    }

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Theme v2 */
:root {
    --theme-ink: #0f2732;
    --theme-ink-soft: #324e5d;
    --theme-brand: #1c8fa3;
    --theme-brand-strong: #0f6b7a;
    --theme-accent: #f1a51a;
    --theme-accent-soft: #fde7bb;
    --theme-surface: #ffffff;
    --theme-surface-alt: #f0f4f7;
    --theme-border: #dbe4eb;
    --theme-shadow: 0 18px 42px rgba(15, 39, 50, 0.12);
    --theme-radius: 18px;
    --theme-radius-sm: 12px;
    --theme-max: 1180px;
    --font-body: "Karla", "Open Sans", sans-serif;
    --font-display: "Space Grotesk", "Karla", sans-serif;
}

html body {
    background-color: #f4f7f9;
    background-image:
        radial-gradient(circle at 8% 12%, rgba(28, 143, 163, 0.16), transparent 40%),
        radial-gradient(circle at 92% 8%, rgba(241, 165, 26, 0.16), transparent 35%),
        linear-gradient(180deg, #fbfdff 0%, #f4f7f9 100%);
    color: var(--theme-ink);
    font-family: var(--font-body);
    line-height: 1.7;
}

body {
    position: relative;
    text-rendering: optimizeLegibility;
}

body a {
    color: var(--theme-brand-strong);
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

body a:hover {
    color: var(--theme-ink);
    text-decoration: none;
}

body .container {
    width: 100%;
    max-width: var(--theme-max);
}

body h1,
body h2,
body h3,
body h4,
body .heading,
body .h1,
body .h2 {
    font-family: var(--font-display);
    color: var(--theme-ink);
    letter-spacing: -0.01em;
}

body .ct-topbar {
    background: #eef2f5;
    border-bottom: 1px solid var(--theme-border);
}

body .ct-language {
    background: var(--theme-brand);
}

body .ct-language__dropdown li {
    background: #10222b;
}

body .ct-language__dropdown li:hover {
    background: #1c3a46;
}

body .h-top {
    background: linear-gradient(180deg, #f7fafc 0%, #e8eff4 100%);
    border-bottom: 1px solid var(--theme-border);
}

body .phone-social-wrapper {
    margin-top: 36px;
}

body .btn-contact {
    border: 1px solid var(--theme-ink);
    border-radius: 999px;
    padding: 10px 18px !important;
    color: var(--theme-ink) !important;
    background: transparent !important;
}

body .btn-contact:hover {
    background: var(--theme-brand) !important;
    border-color: var(--theme-brand) !important;
    color: #fff !important;
}

body .h-bottom {
    background: linear-gradient(135deg, #0f2732 0%, #143847 100%);
    box-shadow: 0 10px 22px rgba(15, 39, 50, 0.18);
}

body .navbar-nav {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

body .navbar-nav li {
    float: none;
}

body .navbar-nav li > a {
    border-right: none !important;
    font-family: var(--font-display);
    font-size: 13px;
    letter-spacing: 0.12em;
    padding: 8px 16px !important;
    border-radius: 999px;
    color: #f7fbff !important;
}

body .navbar-nav li > a:hover {
    background: rgba(241, 165, 26, 0.2);
    color: #fff !important;
}

body li.active > a {
    background: var(--theme-accent) !important;
    color: #1b2a32 !important;
}

body .navbar-toggle .icon-bar {
    background: #fff;
}

body .banner .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.25);
}

body .banner .carousel-indicators .active {
    background: var(--theme-accent);
    border-color: var(--theme-accent);
}

body .welcome {
    padding: 70px 0px !important;
    background: var(--theme-surface);
}

body .welcome .heading {
    font-size: 42px;
    text-transform: none;
}

body .welcome .sub-h {
    color: var(--theme-brand-strong);
    font-weight: 600;
    margin-top: 10px;
}

body .welcome .line {
    width: 140px;
    height: 4px;
    background: var(--theme-accent);
    border-radius: 999px;
    margin: 18px auto 0;
}

body .welcome .line img {
    display: none;
}

body .welcome .desc {
    font-size: 16px;
    line-height: 1.9;
    color: var(--theme-ink-soft);
}

body .products {
    position: relative;
    background-image: linear-gradient(135deg, rgba(15, 39, 50, 0.92), rgba(15, 39, 50, 0.65)), url(../images/products.jpg);
    background-blend-mode: multiply;
}

body .products .heading {
    color: #fff;
    letter-spacing: 0.08em;
    text-transform: none;
}

body .products .line {
    background: var(--theme-accent);
    height: 3px;
    width: 120px;
}

body .pro-grid {
    background: var(--theme-surface);
    border-radius: var(--theme-radius);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: var(--theme-shadow);
    overflow: hidden;
}

body .pro-grid,
body .products-cnt .grid-in,
body .l-news .n-card,
body .news-cnt .n-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body .pro-grid:hover,
body .products-cnt a:hover .grid-in,
body .l-news .n-card:hover,
body .news-cnt .n-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 36px rgba(15, 39, 50, 0.18);
}

body .pro-logo,
body .pro-img {
    background: #fff;
}

body .pro-cat {
    background: var(--theme-brand-strong);
    font-weight: 600;
    text-transform: none;
}

body .l-news {
    background: var(--theme-surface-alt);
}

body .heading-wrp {
    background: none;
    border-bottom: 1px solid var(--theme-border);
}

body .l-news .heading {
    background: transparent;
    text-transform: none;
    color: var(--theme-ink);
}

body .news-cnt .n-card,
body .l-news .n-card {
    padding: 18px;
}

body .news-cnt .n-card .image,
body .l-news .n-card .image {
    float: none;
    margin: 12px 0 10px;
    width: 100%;
}

body .news-cnt .n-card .image img,
body .l-news .n-card .image img {
    width: 100%;
    border-radius: 12px;
}

body .news-cnt .n-card h4,
body .l-news .n-card h4 {
    margin: 10px 0 8px;
}

body .l-news .n-card,
body .news-cnt .n-card,
body .products-cnt .grid-in,
body .product-inner-cnt .grid-in,
body .contact .info-box,
body #contact .php-email-form {
    background: var(--theme-surface);
    border-radius: var(--theme-radius-sm);
    border: 1px solid var(--theme-border);
    box-shadow: var(--theme-shadow);
}

body .inner-banner {
    position: relative;
    background-size: cover;
    background-position: center;
}

body .inner-banner:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(15, 39, 50, 0.8), rgba(15, 39, 50, 0.2));
}

body .inner-banner .heading-wrp {
    position: relative;
    background: none;
    font-family: var(--font-display);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body .about-bnr .heading {
    color: #fff;
}

body .services-bnr .heading {
    color: #fff;
}

body .about-cnt p,
body .product-inner-cnt p,
body .news-single p {
    color: var(--theme-ink-soft);
}

body .mission {
    background-image: linear-gradient(180deg, rgba(15, 39, 50, 0.7), rgba(15, 39, 50, 0.15)), url(../images/mission.jpg);
    background-size: cover;
    border-radius: var(--theme-radius);
    box-shadow: var(--theme-shadow);
}

body .vision {
    background-image: linear-gradient(180deg, rgba(15, 39, 50, 0.7), rgba(15, 39, 50, 0.15)), url(../images/vision.jpg);
    background-size: cover;
    border-radius: var(--theme-radius);
    box-shadow: var(--theme-shadow);
}

body .mission .heading,
body .mission .sub-h,
body .mission p,
body .mission ol li,
body .vision .heading,
body .vision .sub-h,
body .vision p {
    color: #fff;
}

body .mission .heading,
body .vision .heading,
body .services-cnt h3 {
    font-family: var(--font-display);
    text-transform: none;
}

body .services-cnt {
    background: var(--theme-surface);
}

body .services-cnt .grid {
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: var(--theme-radius-sm);
    box-shadow: var(--theme-shadow);
    padding: 18px 24px !important;
}

body .services-cnt h3 {
    color: var(--theme-ink);
}

body .services-cnt p {
    color: var(--theme-ink-soft);
}

body .services-cnt .u-line {
    background: var(--theme-brand);
}

body .news-cnt {
    background: var(--theme-surface-alt);
}

body .products-cnt {
    background: var(--theme-surface-alt);
}

body .products-cnt .h2 {
    text-transform: none;
    color: var(--theme-ink);
}

body .products-cnt .grid-in {
    height: auto;
    padding: 26px 20px;
}

body .product-inner-cnt .heading-wrp {
    background: var(--theme-brand);
}

body .product-inner-cnt .grid-caption {
    background: var(--theme-brand-strong);
    text-transform: none;
}

body .news-single .image {
    border-radius: var(--theme-radius-sm);
    overflow: hidden;
}

body .contact-cnt {
    background: var(--theme-surface);
}

body .contact-cnt .field,
body .contact-cnt .area,
body #contact .php-email-form input,
body #contact .php-email-form textarea,
body input,
body textarea {
    border: 1px solid var(--theme-border);
    border-radius: 10px;
    background: #fff;
}

body .contact-cnt .btn-submit,
body #contact .php-email-form button[type=submit],
body .btn,
body .btn-contact {
    border-radius: 999px;
}

body .contact-cnt .btn-submit:hover,
body #contact .php-email-form button[type=submit]:hover {
    background: var(--theme-brand-strong);
}

body .cart_notificationbg {
    background-color: rgba(15, 39, 50, 0.92);
    border-radius: 10px;
}

body .notifi_close {
    color: #fff;
}

body .footer {
    background: linear-gradient(135deg, #0f2732, #163846);
}

body .footer .heading {
    font-family: var(--font-display);
    letter-spacing: 0.06em;
}

body .footer-btm {
    color: rgba(255, 255, 255, 0.7);
}

body .float {
    box-shadow: 0 12px 24px rgba(15, 39, 50, 0.2);
}

body table {
    border-collapse: collapse;
}

body table th,
body table td {
    border: 1px solid var(--theme-border);
    padding: 10px;
}

@keyframes theme-rise {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body .welcome,
body .products,
body .l-news,
body .about-cnt,
body .services-cnt,
body .products-cnt,
body .news-cnt,
body .news-single {
    animation: theme-rise 0.8s ease both;
}

body .products {
    animation-delay: 0.05s;
}

body .l-news {
    animation-delay: 0.1s;
}

@media (prefers-reduced-motion: reduce) {
    body * {
        animation: none !important;
        transition: none !important;
    }
}

@media screen and (max-width: 991px) {
    body .welcome {
        padding: 50px 0px !important;
    }

    body .welcome .heading {
        font-size: 34px;
    }

    body .products .heading,
    body .l-news .heading {
        font-size: 28px;
    }

    body .services-cnt .grid {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    body .navbar-nav {
        display: block;
    }

    body .navbar-nav li > a {
        display: block;
        margin: 6px 0;
    }
}